🐼 Panda v0.30.2

[anubra266]

To upgrade to v0.30.2:

pnpm up "@pandacss/*"
#or
yarn up '@pandacss/*'

What's Changed

Fixed

• Fix issue where v-model does not work in vue styled factory
• Fix issue where styled factory in Solid.js could results in Maximum call stack exceeded when composing with another
  library that uses the as prop.
• Fix issue where the param for --outdir was missing, leading to errors

Added

Allow configuring the matchTag / matchTagProp functions to customize the way Panda extracts your JSX. This can be
especially useful when working with libraries that have properties that look like CSS properties but are not and should
be ignored.

Note: This feature mostly affects users who have jsxStyleProps set to all. This is currently the default.

Setting it to minimal (which also allows passing the css prop) or none (which disables the extraction of CSS
properties) will make this feature less useful.

Here's an example with Radix UI where the Select.Content component has a position property that should be ignored:

// Here, the `position` property will be extracted because `position` is a valid CSS property
<Select.Content position="popper" sideOffset={5}>

export default defineConfig({
  // ...
  hooks: {
    'parser:before': ({ configure }) => {
      configure({
        // ignore the Select.Content entirely
        matchTag: (tag) => tag !== 'Select.Content',
        // ...or specifically ignore the `position` property
        matchTagProp: (tag, prop) => tag === 'Select.Content' && prop !== 'position',
      })
    },
  },
})