chakra-ui/panda @pandacss/compiler@2.0.0-beta.12 on GitHub

Minor Changes

8ccb118: Fix objectPosition, backgroundPosition and the other position properties rejecting valid values like
center under strictTokens. system.d.ts declared PositionValue, ContainerValue and ZIndexValue twice, so
TypeScript bound the wrong one and reported Duplicate identifier under skipLibCheck: false.
Panda's built-in CSS value types are renamed with a Css prefix, so the {Property}Value aliases generated from your
utilities can no longer shadow them:
```
// before
import type { PositionValue, LengthValue, Globals } from './styled-system/types'

// after
import type { CssPosition, CssLength, CssGlobals } from './styled-system/types'
```

Patch Changes

172c52f: Accept styles nested more than one array deep in css() and css.raw(). The runtime already flattened them;
the type stopped at a single level, so a wrapper chain three or more levels deep failed to typecheck.
98aaa76: Fix arbitrary values containing a quote or backslash producing unparseable output when merged with a dynamic
className. <Box className={cls} color={'[var(--x, "red")]'} /> emitted a broken string literal instead of escaping
the class name.

ceb8d8d: Emit a class shared by every branch once instead of repeating it in each one.

// before
export const cls = (wide ? 'd_flex p_8' : 'd_flex p_4') + ' ' + (tall ? 'd_flex m_2' : 'd_flex m_1')
// after
export const cls = 'd_flex' + ' ' + (wide ? 'p_8' : 'p_4') + ' ' + (tall ? 'm_2' : 'm_1')

28ee00a: Precompute the static styles of a styled.* element that also spreads unknown props. The factory and the
spread stay so runtime style props still work; everything Panda can see at build time collapses into one className.
604b103: Fix conditional spreads dropping static styles they don't override.
css({ padding: '2', margin: '3', ...(b ? { padding: '1' } : { margin: '4' }) }) lost margin: '3' and
padding: '2' from their respective branches instead of keeping them.
25137db: Speed up css() when styles arrive through a wrapper chain. Each level rebuilds its array of styles every
render, so the memo used to re-serialize the whole tree on every call. It now keys those calls on the identity of the
style objects inside, which don't change.
```
const L1 = ({ css: cssProp }) => <L0 css={[l1, cssProp]} />
```
Renders roughly 4x faster for a three-level chain, 3x for six levels. Plain css({ … }) calls are unaffected.
c2fcd98: Fix @pandacss/compiler/tooling failing to load the native binding, which broke the ESLint/oxlint plugin
with Native project does not support pattern.transform callbacks on any config using preset patterns. The binding is
now resolved from the package root instead of relative to the emitted module, and a binding that genuinely fails to
load now says so.
fad2f12: Fix .raw() handing back a class string instead of a style object, which broke anything composing those
styles.
```
const button = cva({ base: { color: 'red' } })

const styles = button.raw() // was "color_red", now { color: 'red' }

css(styles, { color: 'blue' }) // merges, instead of dropping the base
```
Covers css.raw(), recipe.raw(), pattern.raw() and inline cva/sva. When an imported recipe's variants aren't
known at build time, Panda now warns instead of returning a string.

736358d: Fix .raw() on an imported recipe being left alone in files that import nothing else from Panda.

import { button } from './recipes' // the only import

const styles = button.raw() // was a class string, now { color: 'red' }

28ee00a: Fold same-file styled() chains to their underlying element when the class string is constant, so <Button>
no longer pays for a forwardRef component level at runtime. Chains with variants, an options argument, or a
non-local base keep the existing runtime behaviour.
- @pandacss/compiler-shared@2.0.0-beta.12
- @pandacss/config@2.0.0-beta.12
- @pandacss/types@2.0.0-beta.12