npm - @pandacss/generator - Versions diffs - 1.0.0 → 1.1.0 - Mend

@pandacss/generator 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.js CHANGED Viewed

@@ -1252,7 +1252,8 @@ function generatePreactCreateStyleContext(ctx) {
           const slotStyles = isConfigRecipe ? svaFn(variantProps) : svaFn.raw(variantProps)
           slotStyles._classNameMap = svaFn.classNameMap
-          const resolvedProps = getResolvedProps(restProps, slotStyles[slot])
+          const propsWithClass = { ...restProps, className: restProps.className ?? options?.defaultProps?.className }
+          const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
           return createElement(StyleContext.Provider, {
             value: slotStyles,
             children: createElement(StyledComponent, {
@@ -1275,7 +1276,8 @@ function generatePreactCreateStyleContext(ctx) {
         const WithContext = forwardRef((props, ref) => {
           const slotStyles = useContext(StyleContext)
-          const resolvedProps = getResolvedProps(props, slotStyles[slot])
+          const propsWithClass = { ...props, className: props.className ?? options?.defaultProps?.className }
+          const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
           return createElement(StyledComponent, {
             ...resolvedProps,
             className: cx(resolvedProps.className, slotStyles._classNameMap[slot]),
@@ -1335,7 +1337,8 @@ function generatePreactCreateStyleContext(ctx) {
       ) => StyleContextProvider<T, R>
       withContext: <T extends ElementType>(
         Component: T,
-        slot: InferSlot<R>
+        slot: InferSlot<R>,
+        options?: JsxFactoryOptions<ComponentProps<T>>
       ) => StyleContextConsumer<T>
     }
@@ -2071,7 +2074,8 @@ function generateReactCreateStyleContext(ctx) {
           const slotStyles = isConfigRecipe ? svaFn(variantProps) : svaFn.raw(variantProps)
           slotStyles._classNameMap = svaFn.classNameMap
-          const resolvedProps = getResolvedProps(restProps, slotStyles[slot])
+          const propsWithClass = { ...restProps, className: restProps.className ?? options?.defaultProps?.className }
+          const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
           return createElement(StyleContext.Provider, {
             value: slotStyles,
             children: createElement(StyledComponent, {
@@ -2094,7 +2098,8 @@ function generateReactCreateStyleContext(ctx) {
         const WithContext = forwardRef((props, ref) => {
           const slotStyles = useContext(StyleContext)
-          const resolvedProps = getResolvedProps(props, slotStyles[slot])
+          const propsWithClass = { ...props, className: props.className ?? options?.defaultProps?.className }
+          const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
           return createElement(StyledComponent, {
             ...resolvedProps,
             className: cx(resolvedProps.className, slotStyles._classNameMap[slot]),
@@ -2623,7 +2628,8 @@ function generateSolidCreateStyleContext(ctx) {
             const slotStyles = isConfigRecipe ? svaFn(variantProps) : svaFn.raw(variantProps)
             slotStyles._classNameMap = svaFn.classNameMap
-            const resolvedProps = getResolvedProps(restProps, slotStyles[slot])
+            const propsWithClass = { ...restProps, class: restProps.class ?? options?.defaultProps?.class }
+            const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
             resolvedProps.class = cx(resolvedProps.class, slotStyles._classNameMap[slot])
             return { slotStyles, resolvedProps }
@@ -2650,14 +2656,15 @@ function generateSolidCreateStyleContext(ctx) {
         return WithProvider
       }
-      const withContext = (Component, slot) => {
-        const StyledComponent = ${factoryName}(Component)
+      const withContext = (Component, slot, options) => {
+        const StyledComponent = ${factoryName}(Component, {}, options)
         const WithContext = (props) => {
           const slotStyles = useContext(StyleContext)
           const finalProps = createMemo(() => {
-            const resolvedProps = getResolvedProps(props, slotStyles[slot])
-            resolvedProps.class = cx(resolvedProps.class, resolvedProps.className, slotStyles._classNameMap?.[slot])
+            const propsWithClass = { ...props, class: props.class ?? options?.defaultProps?.class }
+            const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
+            resolvedProps.class = cx(resolvedProps.class, slotStyles._classNameMap?.[slot])
             return resolvedProps
           })
@@ -3131,10 +3138,10 @@ function generateVueCreateStyleContext(ctx) {
         const { unstyled, ...restProps } = props
         if (unstyled) return restProps
         if (isConfigRecipe) {
-           return { ...restProps, className: cx(slotStyles, restProps.className) }
+           return { ...restProps, class: cx(slotStyles, restProps.class) }
         }
         ${import_outdent40.outdent.string(
-      (0, import_ts_pattern13.match)(ctx.config.jsxStyleProps).with("all", () => `return { ...slotStyles, ...restProps }`).with("minimal", () => `return { ...restProps, css: css.raw(slotStyles, restProps.css) }`).with("none", () => `return { ...restProps, className: cx(css(slotStyles), restProps.className) }`).otherwise(() => `return restProps`)
+      (0, import_ts_pattern13.match)(ctx.config.jsxStyleProps).with("all", () => `return { ...slotStyles, ...restProps }`).with("minimal", () => `return { ...restProps, css: css.raw(slotStyles, restProps.css) }`).with("none", () => `return { ...restProps, class: cx(css(slotStyles), restProps.class) }`).otherwise(() => `return restProps`)
     )}
       }
@@ -3167,8 +3174,13 @@ function generateVueCreateStyleContext(ctx) {
         const WithProvider = defineComponent({
           props: ["unstyled", ...svaFn.variantKeys],
+          inheritAttrs: false,
           setup(inProps, { slots, attrs }) {
-            const props = computed(() => Object.assign({}, inProps, attrs))
+            const props = computed(() => {
+              const propsWithClass = { ...inProps, ...attrs }
+              propsWithClass.class = propsWithClass.class ?? options?.defaultProps?.class
+              return propsWithClass
+            })
             const res = computed(() => {
               const [variantProps, restProps] = svaFn.splitVariantProps(props.value)
               return { variantProps, restProps }
@@ -3196,16 +3208,22 @@ function generateVueCreateStyleContext(ctx) {
         return WithProvider
       }
-      const withContext = (Component, slot) => {
-        const StyledComponent = ${factoryName}(Component)
+      const withContext = (Component, slot, options) => {
+        const StyledComponent = ${factoryName}(Component, {}, options)
         const WithContext = defineComponent({
           props: ["unstyled"],
-          setup(props, { slots, attrs }) {
+          inheritAttrs: false,
+          setup(inProps, { slots, attrs }) {
+            const props = computed(() => {
+              const propsWithClass = { ...inProps, ...attrs }
+              propsWithClass.class = propsWithClass.class ?? options?.defaultProps?.class
+              return propsWithClass
+            })
             const slotStyles = inject(StyleContext)
             return () => {
-              const resolvedProps = getResolvedProps(props, slotStyles.value[slot])
+              const resolvedProps = getResolvedProps(props.value, slotStyles.value[slot])
               resolvedProps.class = cx(resolvedProps.class, slotStyles.value._classNameMap[slot], attrs.class)
               return h(StyledComponent, resolvedProps, slots)
             }
@@ -3235,6 +3253,12 @@ function generateVueCreateStyleContext(ctx) {
       unstyled?: boolean
     }
+    // Add v-model support types
+    interface VModelProps {
+      modelValue?: any
+      'onUpdate:modelValue'?: (value: any) => void
+    }
     type SvaFn<S extends string = any> = SlotRecipeRuntimeFn<S, any>
     interface SlotRecipeFn {
       __type: any
@@ -3255,11 +3279,11 @@ function generateVueCreateStyleContext(ctx) {
       : never
     type StyleContextProvider<T extends ElementType, R extends SlotRecipe> = FunctionalComponent<
-      JsxHTMLProps<ComponentProps<T> & UnstyledProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
+      JsxHTMLProps<ComponentProps<T> & UnstyledProps & VModelProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
     >
     type StyleContextConsumer<T extends ElementType> = FunctionalComponent<
-      JsxHTMLProps<ComponentProps<T> & UnstyledProps, JsxStyleProps>
+      JsxHTMLProps<ComponentProps<T> & UnstyledProps & VModelProps, JsxStyleProps>
     >
     export interface StyleContext<R extends SlotRecipe> {
@@ -4212,7 +4236,7 @@ var static_css_d_ts_default = {
 // src/artifacts/generated/system-types.d.ts.json
 var system_types_d_ts_default = {
-  content: "import type { ConditionalValue, Nested } from './conditions'\nimport type { AtRule, Globals, PropertiesFallback } from './csstype'\nimport type { SystemProperties, CssVarProperties } from './style-props'\n\ntype String = string & {}\ntype Number = number & {}\n\nexport type Pretty<T> = { [K in keyof T]: T[K] } & {}\n\nexport type DistributiveOmit<T, K extends keyof any> = T extends unknown ? Omit<T, K> : never\n\nexport type DistributiveUnion<T, U> = {\n  [K in keyof T]: K extends keyof U ? U[K] | T[K] : T[K]\n} & DistributiveOmit<U, keyof T>\n\nexport type Assign<T, U> = {\n  [K in keyof T]: K extends keyof U ? U[K] : T[K]\n} & U\n\n/* -----------------------------------------------------------------------------\n * Native css properties\n * -----------------------------------------------------------------------------*/\n\ntype DashedIdent = `--${string}`\n\ntype StringToMultiple<T extends string> = T | `${T}, ${T}`\n\nexport type PositionAreaAxis =\n  | 'left'\n  | 'center'\n  | 'right'\n  | 'x-start'\n  | 'x-end'\n  | 'span-x-start'\n  | 'span-x-end'\n  | 'x-self-start'\n  | 'x-self-end'\n  | 'span-x-self-start'\n  | 'span-x-self-end'\n  | 'span-all'\n  | 'top'\n  | 'bottom'\n  | 'span-top'\n  | 'span-bottom'\n  | 'y-start'\n  | 'y-end'\n  | 'span-y-start'\n  | 'span-y-end'\n  | 'y-self-start'\n  | 'y-self-end'\n  | 'span-y-self-start'\n  | 'span-y-self-end'\n  | 'block-start'\n  | 'block-end'\n  | 'span-block-start'\n  | 'span-block-end'\n  | 'inline-start'\n  | 'inline-end'\n  | 'span-inline-start'\n  | 'span-inline-end'\n  | 'self-block-start'\n  | 'self-block-end'\n  | 'span-self-block-start'\n  | 'span-self-block-end'\n  | 'self-inline-start'\n  | 'self-inline-end'\n  | 'span-self-inline-start'\n  | 'span-self-inline-end'\n  | 'start'\n  | 'end'\n  | 'span-start'\n  | 'span-end'\n  | 'self-start'\n  | 'self-end'\n  | 'span-self-start'\n  | 'span-self-end'\n\ntype PositionTry =\n  | 'normal'\n  | 'flip-block'\n  | 'flip-inline'\n  | 'top'\n  | 'bottom'\n  | 'left'\n  | 'right'\n  | 'block-start'\n  | 'block-end'\n  | 'inline-start'\n  | 'inline-end'\n  | DashedIdent\n\nexport interface ModernCssProperties {\n  anchorName?: Globals | 'none' | DashedIdent | StringToMultiple<DashedIdent>\n  anchorScope?: Globals | 'none' | 'all' | DashedIdent | StringToMultiple<DashedIdent>\n  fieldSizing?: Globals | 'fixed' | 'content'\n  interpolateSize?: Globals | 'allow-keywords' | 'numeric-only'\n  positionAnchor?: Globals | 'auto' | DashedIdent\n  positionArea?: Globals | 'auto' | PositionAreaAxis | `${PositionAreaAxis} ${PositionAreaAxis}` | String\n  positionTry?: Globals | StringToMultiple<PositionTry> | String\n  positionTryFallback?: Globals | 'none' | StringToMultiple<PositionTry> | String\n  positionTryOrder?: Globals | 'normal' | 'most-width' | 'most-height' | 'most-block-size' | 'most-inline-size'\n  positionVisibility?: Globals | 'always' | 'anchors-visible' | 'no-overflow'\n  textWrapMode?: Globals | 'wrap' | 'nowrap'\n  textSpacingTrim?: Globals | 'normal' | 'space-all' | 'space-first' | 'trim-start'\n  textWrapStyle?: Globals | 'auto' | 'balance' | 'pretty' | 'stable'\n}\n\nexport type CssProperty = keyof PropertiesFallback\n\nexport interface CssProperties extends PropertiesFallback<String | Number>, CssVarProperties, ModernCssProperties {}\n\nexport interface CssKeyframes {\n  [name: string]: {\n    [time: string]: CssProperties\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Conditional css properties\n * -----------------------------------------------------------------------------*/\n\ninterface GenericProperties {\n  [key: string]: ConditionalValue<String | Number | boolean>\n}\n\n/* -----------------------------------------------------------------------------\n * Native css props\n * -----------------------------------------------------------------------------*/\n\nexport type NestedCssProperties = Nested<CssProperties>\n\nexport type SystemStyleObject = Omit<Nested<SystemProperties & CssVarProperties>, 'base'>\n\nexport interface GlobalStyleObject {\n  [selector: string]: SystemStyleObject\n}\nexport interface ExtendableGlobalStyleObject {\n  [selector: string]: SystemStyleObject | undefined\n  extend?: GlobalStyleObject | undefined\n}\n\n/* -----------------------------------------------------------------------------\n * Composition (text styles, layer styles)\n * -----------------------------------------------------------------------------*/\n\ntype FilterStyleObject<P extends string> = {\n  [K in P]?: K extends keyof SystemStyleObject ? SystemStyleObject[K] : unknown\n}\n\nexport type CompositionStyleObject<Property extends string> = Nested<FilterStyleObject<Property> & CssVarProperties>\n\n/* -----------------------------------------------------------------------------\n * Font face\n * -----------------------------------------------------------------------------*/\n\nexport type GlobalFontfaceRule = Omit<AtRule.FontFaceFallback, 'src'> & Required<Pick<AtRule.FontFaceFallback, 'src'>>\n\nexport type FontfaceRule = Omit<GlobalFontfaceRule, 'fontFamily'>\n\nexport interface GlobalFontface {\n  [name: string]: FontfaceRule | FontfaceRule[]\n}\n\nexport interface ExtendableGlobalFontface {\n  [name: string]: FontfaceRule | FontfaceRule[] | GlobalFontface | undefined\n  extend?: GlobalFontface | undefined\n}\n\n/* -----------------------------------------------------------------------------\n * Jsx style props\n * -----------------------------------------------------------------------------*/\ninterface WithCss {\n  css?: SystemStyleObject | SystemStyleObject[]\n}\n\nexport type JsxStyleProps = SystemStyleObject & WithCss\n\nexport interface PatchedHTMLProps {\n  htmlWidth?: string | number\n  htmlHeight?: string | number\n  htmlTranslate?: 'yes' | 'no' | undefined\n  htmlContent?: string\n}\n\nexport type OmittedHTMLProps = 'color' | 'translate' | 'transition' | 'width' | 'height' | 'content'\n\ntype WithHTMLProps<T> = DistributiveOmit<T, OmittedHTMLProps> & PatchedHTMLProps\n\nexport type JsxHTMLProps<T extends Record<string, any>, P extends Record<string, any> = {}> = Assign<\n  WithHTMLProps<T>,\n  P\n>\n"
+  content: "import type { ConditionalValue, Nested } from './conditions'\nimport type { AtRule, Globals, PropertiesFallback } from './csstype'\nimport type { SystemProperties, CssVarProperties } from './style-props'\n\ntype String = string & {}\ntype Number = number & {}\n\nexport type Pretty<T> = { [K in keyof T]: T[K] } & {}\n\nexport type DistributiveOmit<T, K extends keyof any> = T extends unknown ? Omit<T, K> : never\n\nexport type DistributiveUnion<T, U> = {\n  [K in keyof T]: K extends keyof U ? U[K] | T[K] : T[K]\n} & DistributiveOmit<U, keyof T>\n\nexport type Assign<T, U> = {\n  [K in keyof T]: K extends keyof U ? U[K] : T[K]\n} & U\n\n/* -----------------------------------------------------------------------------\n * Native css properties\n * -----------------------------------------------------------------------------*/\n\ntype DashedIdent = `--${string}`\n\ntype StringToMultiple<T extends string> = T | `${T}, ${T}`\n\nexport type PositionAreaAxis =\n  | 'left'\n  | 'center'\n  | 'right'\n  | 'x-start'\n  | 'x-end'\n  | 'span-x-start'\n  | 'span-x-end'\n  | 'x-self-start'\n  | 'x-self-end'\n  | 'span-x-self-start'\n  | 'span-x-self-end'\n  | 'span-all'\n  | 'top'\n  | 'bottom'\n  | 'span-top'\n  | 'span-bottom'\n  | 'y-start'\n  | 'y-end'\n  | 'span-y-start'\n  | 'span-y-end'\n  | 'y-self-start'\n  | 'y-self-end'\n  | 'span-y-self-start'\n  | 'span-y-self-end'\n  | 'block-start'\n  | 'block-end'\n  | 'span-block-start'\n  | 'span-block-end'\n  | 'inline-start'\n  | 'inline-end'\n  | 'span-inline-start'\n  | 'span-inline-end'\n  | 'self-block-start'\n  | 'self-block-end'\n  | 'span-self-block-start'\n  | 'span-self-block-end'\n  | 'self-inline-start'\n  | 'self-inline-end'\n  | 'span-self-inline-start'\n  | 'span-self-inline-end'\n  | 'start'\n  | 'end'\n  | 'span-start'\n  | 'span-end'\n  | 'self-start'\n  | 'self-end'\n  | 'span-self-start'\n  | 'span-self-end'\n\ntype PositionTry =\n  | 'normal'\n  | 'flip-block'\n  | 'flip-inline'\n  | 'top'\n  | 'bottom'\n  | 'left'\n  | 'right'\n  | 'block-start'\n  | 'block-end'\n  | 'inline-start'\n  | 'inline-end'\n  | DashedIdent\n\nexport interface ModernCssProperties {\n  /**\n   * Defines a name for the anchor element that can be referenced by positioned elements.\n   */\n  anchorName?: Globals | 'none' | DashedIdent | StringToMultiple<DashedIdent>\n\n  /**\n   * Defines the scope of anchor names within the element.\n   */\n  anchorScope?: Globals | 'none' | 'all' | DashedIdent | StringToMultiple<DashedIdent>\n\n  /**\n   * Controls how form elements size themselves.\n   */\n  fieldSizing?: Globals | 'fixed' | 'content'\n\n  /**\n   * Controls whether interpolation of size values should allow keywords.\n   */\n  interpolateSize?: Globals | 'allow-keywords' | 'numeric-only'\n\n  /**\n   * Specifies the anchor element that this positioned element should be positioned relative to.\n   */\n  positionAnchor?: Globals | 'auto' | DashedIdent\n\n  /**\n   * Specifies the area within the anchor element where this positioned element should be placed.\n   */\n  positionArea?: Globals | 'auto' | PositionAreaAxis | `${PositionAreaAxis} ${PositionAreaAxis}` | String\n\n  /**\n   * Specifies the position try options for the element.\n   */\n  positionTry?: Globals | StringToMultiple<PositionTry> | String\n\n  /**\n   * Specifies fallback position try options when the primary position fails.\n   */\n  positionTryFallback?: Globals | 'none' | StringToMultiple<PositionTry> | String\n\n  /**\n   * Specifies the order in which position try options should be attempted.\n   */\n  positionTryOrder?: Globals | 'normal' | 'most-width' | 'most-height' | 'most-block-size' | 'most-inline-size'\n\n  /**\n   * Controls when the positioned element should be visible.\n   */\n  positionVisibility?: Globals | 'always' | 'anchors-visible' | 'no-overflow'\n\n  /**\n   * Controls whether text should wrap or not.\n   */\n  textWrapMode?: Globals | 'wrap' | 'nowrap'\n\n  /**\n   * Controls trimming of spacing in text.\n   */\n  textSpacingTrim?: Globals | 'normal' | 'space-all' | 'space-first' | 'trim-start'\n\n  /**\n   * Controls the style of text wrapping.\n   */\n  textWrapStyle?: Globals | 'auto' | 'balance' | 'pretty' | 'stable'\n\n  /**\n   * Controls whether the entire element should be draggable instead of its contents.\n   */\n  WebkitUserDrag?: Globals | 'auto' | 'element' | 'none'\n\n  /**\n   * Specifies whether an element can be used to drag the entire app window (Electron).\n   */\n  WebkitAppRegion?: Globals | 'drag' | 'no-drag'\n\n  /**\n   * Sets the horizontal spacing between table borders.\n   */\n  WebkitBorderHorizontalSpacing?: Globals | String | Number\n\n  /**\n   * Sets the vertical spacing between table borders.\n   */\n  WebkitBorderVerticalSpacing?: Globals | String | Number\n\n  /**\n   * Controls the display of text content for security purposes (e.g., password fields).\n   */\n  WebkitTextSecurity?: Globals | 'none' | 'circle' | 'disc' | 'square'\n}\n\nexport type CssProperty = keyof PropertiesFallback\n\nexport interface CssProperties extends PropertiesFallback<String | Number>, CssVarProperties, ModernCssProperties {}\n\nexport interface CssKeyframes {\n  [name: string]: {\n    [time: string]: CssProperties\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Conditional css properties\n * -----------------------------------------------------------------------------*/\n\ninterface GenericProperties {\n  [key: string]: ConditionalValue<String | Number | boolean>\n}\n\n/* -----------------------------------------------------------------------------\n * Native css props\n * -----------------------------------------------------------------------------*/\n\nexport type NestedCssProperties = Nested<CssProperties>\n\nexport type SystemStyleObject = Omit<Nested<SystemProperties & CssVarProperties>, 'base'>\n\nexport interface GlobalStyleObject {\n  [selector: string]: SystemStyleObject\n}\nexport interface ExtendableGlobalStyleObject {\n  [selector: string]: SystemStyleObject | undefined\n  extend?: GlobalStyleObject | undefined\n}\n\n/* -----------------------------------------------------------------------------\n * Composition (text styles, layer styles)\n * -----------------------------------------------------------------------------*/\n\ntype FilterStyleObject<P extends string> = {\n  [K in P]?: K extends keyof SystemStyleObject ? SystemStyleObject[K] : unknown\n}\n\nexport type CompositionStyleObject<Property extends string> = Nested<FilterStyleObject<Property> & CssVarProperties>\n\n/* -----------------------------------------------------------------------------\n * Font face\n * -----------------------------------------------------------------------------*/\n\nexport type GlobalFontfaceRule = Omit<AtRule.FontFaceFallback, 'src'> & Required<Pick<AtRule.FontFaceFallback, 'src'>>\n\nexport type FontfaceRule = Omit<GlobalFontfaceRule, 'fontFamily'>\n\nexport interface GlobalFontface {\n  [name: string]: FontfaceRule | FontfaceRule[]\n}\n\nexport interface ExtendableGlobalFontface {\n  [name: string]: FontfaceRule | FontfaceRule[] | GlobalFontface | undefined\n  extend?: GlobalFontface | undefined\n}\n\n/* -----------------------------------------------------------------------------\n * Jsx style props\n * -----------------------------------------------------------------------------*/\ninterface WithCss {\n  css?: SystemStyleObject | SystemStyleObject[]\n}\n\nexport type JsxStyleProps = SystemStyleObject & WithCss\n\nexport interface PatchedHTMLProps {\n  htmlWidth?: string | number\n  htmlHeight?: string | number\n  htmlTranslate?: 'yes' | 'no' | undefined\n  htmlContent?: string\n}\n\nexport type OmittedHTMLProps = 'color' | 'translate' | 'transition' | 'width' | 'height' | 'content'\n\ntype WithHTMLProps<T> = DistributiveOmit<T, OmittedHTMLProps> & PatchedHTMLProps\n\nexport type JsxHTMLProps<T extends Record<string, any>, P extends Record<string, any> = {}> = Assign<\n  WithHTMLProps<T>,\n  P\n>\n"
 };
 // src/artifacts/types/generated.ts

package/dist/index.mjs CHANGED Viewed

@@ -1216,7 +1216,8 @@ function generatePreactCreateStyleContext(ctx) {
           const slotStyles = isConfigRecipe ? svaFn(variantProps) : svaFn.raw(variantProps)
           slotStyles._classNameMap = svaFn.classNameMap
-          const resolvedProps = getResolvedProps(restProps, slotStyles[slot])
+          const propsWithClass = { ...restProps, className: restProps.className ?? options?.defaultProps?.className }
+          const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
           return createElement(StyleContext.Provider, {
             value: slotStyles,
             children: createElement(StyledComponent, {
@@ -1239,7 +1240,8 @@ function generatePreactCreateStyleContext(ctx) {
         const WithContext = forwardRef((props, ref) => {
           const slotStyles = useContext(StyleContext)
-          const resolvedProps = getResolvedProps(props, slotStyles[slot])
+          const propsWithClass = { ...props, className: props.className ?? options?.defaultProps?.className }
+          const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
           return createElement(StyledComponent, {
             ...resolvedProps,
             className: cx(resolvedProps.className, slotStyles._classNameMap[slot]),
@@ -1299,7 +1301,8 @@ function generatePreactCreateStyleContext(ctx) {
       ) => StyleContextProvider<T, R>
       withContext: <T extends ElementType>(
         Component: T,
-        slot: InferSlot<R>
+        slot: InferSlot<R>,
+        options?: JsxFactoryOptions<ComponentProps<T>>
       ) => StyleContextConsumer<T>
     }
@@ -2035,7 +2038,8 @@ function generateReactCreateStyleContext(ctx) {
           const slotStyles = isConfigRecipe ? svaFn(variantProps) : svaFn.raw(variantProps)
           slotStyles._classNameMap = svaFn.classNameMap
-          const resolvedProps = getResolvedProps(restProps, slotStyles[slot])
+          const propsWithClass = { ...restProps, className: restProps.className ?? options?.defaultProps?.className }
+          const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
           return createElement(StyleContext.Provider, {
             value: slotStyles,
             children: createElement(StyledComponent, {
@@ -2058,7 +2062,8 @@ function generateReactCreateStyleContext(ctx) {
         const WithContext = forwardRef((props, ref) => {
           const slotStyles = useContext(StyleContext)
-          const resolvedProps = getResolvedProps(props, slotStyles[slot])
+          const propsWithClass = { ...props, className: props.className ?? options?.defaultProps?.className }
+          const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
           return createElement(StyledComponent, {
             ...resolvedProps,
             className: cx(resolvedProps.className, slotStyles._classNameMap[slot]),
@@ -2587,7 +2592,8 @@ function generateSolidCreateStyleContext(ctx) {
             const slotStyles = isConfigRecipe ? svaFn(variantProps) : svaFn.raw(variantProps)
             slotStyles._classNameMap = svaFn.classNameMap
-            const resolvedProps = getResolvedProps(restProps, slotStyles[slot])
+            const propsWithClass = { ...restProps, class: restProps.class ?? options?.defaultProps?.class }
+            const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
             resolvedProps.class = cx(resolvedProps.class, slotStyles._classNameMap[slot])
             return { slotStyles, resolvedProps }
@@ -2614,14 +2620,15 @@ function generateSolidCreateStyleContext(ctx) {
         return WithProvider
       }
-      const withContext = (Component, slot) => {
-        const StyledComponent = ${factoryName}(Component)
+      const withContext = (Component, slot, options) => {
+        const StyledComponent = ${factoryName}(Component, {}, options)
         const WithContext = (props) => {
           const slotStyles = useContext(StyleContext)
           const finalProps = createMemo(() => {
-            const resolvedProps = getResolvedProps(props, slotStyles[slot])
-            resolvedProps.class = cx(resolvedProps.class, resolvedProps.className, slotStyles._classNameMap?.[slot])
+            const propsWithClass = { ...props, class: props.class ?? options?.defaultProps?.class }
+            const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
+            resolvedProps.class = cx(resolvedProps.class, slotStyles._classNameMap?.[slot])
             return resolvedProps
           })
@@ -3095,10 +3102,10 @@ function generateVueCreateStyleContext(ctx) {
         const { unstyled, ...restProps } = props
         if (unstyled) return restProps
         if (isConfigRecipe) {
-           return { ...restProps, className: cx(slotStyles, restProps.className) }
+           return { ...restProps, class: cx(slotStyles, restProps.class) }
         }
         ${outdent40.string(
-      match13(ctx.config.jsxStyleProps).with("all", () => `return { ...slotStyles, ...restProps }`).with("minimal", () => `return { ...restProps, css: css.raw(slotStyles, restProps.css) }`).with("none", () => `return { ...restProps, className: cx(css(slotStyles), restProps.className) }`).otherwise(() => `return restProps`)
+      match13(ctx.config.jsxStyleProps).with("all", () => `return { ...slotStyles, ...restProps }`).with("minimal", () => `return { ...restProps, css: css.raw(slotStyles, restProps.css) }`).with("none", () => `return { ...restProps, class: cx(css(slotStyles), restProps.class) }`).otherwise(() => `return restProps`)
     )}
       }
@@ -3131,8 +3138,13 @@ function generateVueCreateStyleContext(ctx) {
         const WithProvider = defineComponent({
           props: ["unstyled", ...svaFn.variantKeys],
+          inheritAttrs: false,
           setup(inProps, { slots, attrs }) {
-            const props = computed(() => Object.assign({}, inProps, attrs))
+            const props = computed(() => {
+              const propsWithClass = { ...inProps, ...attrs }
+              propsWithClass.class = propsWithClass.class ?? options?.defaultProps?.class
+              return propsWithClass
+            })
             const res = computed(() => {
               const [variantProps, restProps] = svaFn.splitVariantProps(props.value)
               return { variantProps, restProps }
@@ -3160,16 +3172,22 @@ function generateVueCreateStyleContext(ctx) {
         return WithProvider
       }
-      const withContext = (Component, slot) => {
-        const StyledComponent = ${factoryName}(Component)
+      const withContext = (Component, slot, options) => {
+        const StyledComponent = ${factoryName}(Component, {}, options)
         const WithContext = defineComponent({
           props: ["unstyled"],
-          setup(props, { slots, attrs }) {
+          inheritAttrs: false,
+          setup(inProps, { slots, attrs }) {
+            const props = computed(() => {
+              const propsWithClass = { ...inProps, ...attrs }
+              propsWithClass.class = propsWithClass.class ?? options?.defaultProps?.class
+              return propsWithClass
+            })
             const slotStyles = inject(StyleContext)
             return () => {
-              const resolvedProps = getResolvedProps(props, slotStyles.value[slot])
+              const resolvedProps = getResolvedProps(props.value, slotStyles.value[slot])
               resolvedProps.class = cx(resolvedProps.class, slotStyles.value._classNameMap[slot], attrs.class)
               return h(StyledComponent, resolvedProps, slots)
             }
@@ -3199,6 +3217,12 @@ function generateVueCreateStyleContext(ctx) {
       unstyled?: boolean
     }
+    // Add v-model support types
+    interface VModelProps {
+      modelValue?: any
+      'onUpdate:modelValue'?: (value: any) => void
+    }
     type SvaFn<S extends string = any> = SlotRecipeRuntimeFn<S, any>
     interface SlotRecipeFn {
       __type: any
@@ -3219,11 +3243,11 @@ function generateVueCreateStyleContext(ctx) {
       : never
     type StyleContextProvider<T extends ElementType, R extends SlotRecipe> = FunctionalComponent<
-      JsxHTMLProps<ComponentProps<T> & UnstyledProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
+      JsxHTMLProps<ComponentProps<T> & UnstyledProps & VModelProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
     >
     type StyleContextConsumer<T extends ElementType> = FunctionalComponent<
-      JsxHTMLProps<ComponentProps<T> & UnstyledProps, JsxStyleProps>
+      JsxHTMLProps<ComponentProps<T> & UnstyledProps & VModelProps, JsxStyleProps>
     >
     export interface StyleContext<R extends SlotRecipe> {
@@ -4176,7 +4200,7 @@ var static_css_d_ts_default = {
 // src/artifacts/generated/system-types.d.ts.json
 var system_types_d_ts_default = {
-  content: "import type { ConditionalValue, Nested } from './conditions'\nimport type { AtRule, Globals, PropertiesFallback } from './csstype'\nimport type { SystemProperties, CssVarProperties } from './style-props'\n\ntype String = string & {}\ntype Number = number & {}\n\nexport type Pretty<T> = { [K in keyof T]: T[K] } & {}\n\nexport type DistributiveOmit<T, K extends keyof any> = T extends unknown ? Omit<T, K> : never\n\nexport type DistributiveUnion<T, U> = {\n  [K in keyof T]: K extends keyof U ? U[K] | T[K] : T[K]\n} & DistributiveOmit<U, keyof T>\n\nexport type Assign<T, U> = {\n  [K in keyof T]: K extends keyof U ? U[K] : T[K]\n} & U\n\n/* -----------------------------------------------------------------------------\n * Native css properties\n * -----------------------------------------------------------------------------*/\n\ntype DashedIdent = `--${string}`\n\ntype StringToMultiple<T extends string> = T | `${T}, ${T}`\n\nexport type PositionAreaAxis =\n  | 'left'\n  | 'center'\n  | 'right'\n  | 'x-start'\n  | 'x-end'\n  | 'span-x-start'\n  | 'span-x-end'\n  | 'x-self-start'\n  | 'x-self-end'\n  | 'span-x-self-start'\n  | 'span-x-self-end'\n  | 'span-all'\n  | 'top'\n  | 'bottom'\n  | 'span-top'\n  | 'span-bottom'\n  | 'y-start'\n  | 'y-end'\n  | 'span-y-start'\n  | 'span-y-end'\n  | 'y-self-start'\n  | 'y-self-end'\n  | 'span-y-self-start'\n  | 'span-y-self-end'\n  | 'block-start'\n  | 'block-end'\n  | 'span-block-start'\n  | 'span-block-end'\n  | 'inline-start'\n  | 'inline-end'\n  | 'span-inline-start'\n  | 'span-inline-end'\n  | 'self-block-start'\n  | 'self-block-end'\n  | 'span-self-block-start'\n  | 'span-self-block-end'\n  | 'self-inline-start'\n  | 'self-inline-end'\n  | 'span-self-inline-start'\n  | 'span-self-inline-end'\n  | 'start'\n  | 'end'\n  | 'span-start'\n  | 'span-end'\n  | 'self-start'\n  | 'self-end'\n  | 'span-self-start'\n  | 'span-self-end'\n\ntype PositionTry =\n  | 'normal'\n  | 'flip-block'\n  | 'flip-inline'\n  | 'top'\n  | 'bottom'\n  | 'left'\n  | 'right'\n  | 'block-start'\n  | 'block-end'\n  | 'inline-start'\n  | 'inline-end'\n  | DashedIdent\n\nexport interface ModernCssProperties {\n  anchorName?: Globals | 'none' | DashedIdent | StringToMultiple<DashedIdent>\n  anchorScope?: Globals | 'none' | 'all' | DashedIdent | StringToMultiple<DashedIdent>\n  fieldSizing?: Globals | 'fixed' | 'content'\n  interpolateSize?: Globals | 'allow-keywords' | 'numeric-only'\n  positionAnchor?: Globals | 'auto' | DashedIdent\n  positionArea?: Globals | 'auto' | PositionAreaAxis | `${PositionAreaAxis} ${PositionAreaAxis}` | String\n  positionTry?: Globals | StringToMultiple<PositionTry> | String\n  positionTryFallback?: Globals | 'none' | StringToMultiple<PositionTry> | String\n  positionTryOrder?: Globals | 'normal' | 'most-width' | 'most-height' | 'most-block-size' | 'most-inline-size'\n  positionVisibility?: Globals | 'always' | 'anchors-visible' | 'no-overflow'\n  textWrapMode?: Globals | 'wrap' | 'nowrap'\n  textSpacingTrim?: Globals | 'normal' | 'space-all' | 'space-first' | 'trim-start'\n  textWrapStyle?: Globals | 'auto' | 'balance' | 'pretty' | 'stable'\n}\n\nexport type CssProperty = keyof PropertiesFallback\n\nexport interface CssProperties extends PropertiesFallback<String | Number>, CssVarProperties, ModernCssProperties {}\n\nexport interface CssKeyframes {\n  [name: string]: {\n    [time: string]: CssProperties\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Conditional css properties\n * -----------------------------------------------------------------------------*/\n\ninterface GenericProperties {\n  [key: string]: ConditionalValue<String | Number | boolean>\n}\n\n/* -----------------------------------------------------------------------------\n * Native css props\n * -----------------------------------------------------------------------------*/\n\nexport type NestedCssProperties = Nested<CssProperties>\n\nexport type SystemStyleObject = Omit<Nested<SystemProperties & CssVarProperties>, 'base'>\n\nexport interface GlobalStyleObject {\n  [selector: string]: SystemStyleObject\n}\nexport interface ExtendableGlobalStyleObject {\n  [selector: string]: SystemStyleObject | undefined\n  extend?: GlobalStyleObject | undefined\n}\n\n/* -----------------------------------------------------------------------------\n * Composition (text styles, layer styles)\n * -----------------------------------------------------------------------------*/\n\ntype FilterStyleObject<P extends string> = {\n  [K in P]?: K extends keyof SystemStyleObject ? SystemStyleObject[K] : unknown\n}\n\nexport type CompositionStyleObject<Property extends string> = Nested<FilterStyleObject<Property> & CssVarProperties>\n\n/* -----------------------------------------------------------------------------\n * Font face\n * -----------------------------------------------------------------------------*/\n\nexport type GlobalFontfaceRule = Omit<AtRule.FontFaceFallback, 'src'> & Required<Pick<AtRule.FontFaceFallback, 'src'>>\n\nexport type FontfaceRule = Omit<GlobalFontfaceRule, 'fontFamily'>\n\nexport interface GlobalFontface {\n  [name: string]: FontfaceRule | FontfaceRule[]\n}\n\nexport interface ExtendableGlobalFontface {\n  [name: string]: FontfaceRule | FontfaceRule[] | GlobalFontface | undefined\n  extend?: GlobalFontface | undefined\n}\n\n/* -----------------------------------------------------------------------------\n * Jsx style props\n * -----------------------------------------------------------------------------*/\ninterface WithCss {\n  css?: SystemStyleObject | SystemStyleObject[]\n}\n\nexport type JsxStyleProps = SystemStyleObject & WithCss\n\nexport interface PatchedHTMLProps {\n  htmlWidth?: string | number\n  htmlHeight?: string | number\n  htmlTranslate?: 'yes' | 'no' | undefined\n  htmlContent?: string\n}\n\nexport type OmittedHTMLProps = 'color' | 'translate' | 'transition' | 'width' | 'height' | 'content'\n\ntype WithHTMLProps<T> = DistributiveOmit<T, OmittedHTMLProps> & PatchedHTMLProps\n\nexport type JsxHTMLProps<T extends Record<string, any>, P extends Record<string, any> = {}> = Assign<\n  WithHTMLProps<T>,\n  P\n>\n"
+  content: "import type { ConditionalValue, Nested } from './conditions'\nimport type { AtRule, Globals, PropertiesFallback } from './csstype'\nimport type { SystemProperties, CssVarProperties } from './style-props'\n\ntype String = string & {}\ntype Number = number & {}\n\nexport type Pretty<T> = { [K in keyof T]: T[K] } & {}\n\nexport type DistributiveOmit<T, K extends keyof any> = T extends unknown ? Omit<T, K> : never\n\nexport type DistributiveUnion<T, U> = {\n  [K in keyof T]: K extends keyof U ? U[K] | T[K] : T[K]\n} & DistributiveOmit<U, keyof T>\n\nexport type Assign<T, U> = {\n  [K in keyof T]: K extends keyof U ? U[K] : T[K]\n} & U\n\n/* -----------------------------------------------------------------------------\n * Native css properties\n * -----------------------------------------------------------------------------*/\n\ntype DashedIdent = `--${string}`\n\ntype StringToMultiple<T extends string> = T | `${T}, ${T}`\n\nexport type PositionAreaAxis =\n  | 'left'\n  | 'center'\n  | 'right'\n  | 'x-start'\n  | 'x-end'\n  | 'span-x-start'\n  | 'span-x-end'\n  | 'x-self-start'\n  | 'x-self-end'\n  | 'span-x-self-start'\n  | 'span-x-self-end'\n  | 'span-all'\n  | 'top'\n  | 'bottom'\n  | 'span-top'\n  | 'span-bottom'\n  | 'y-start'\n  | 'y-end'\n  | 'span-y-start'\n  | 'span-y-end'\n  | 'y-self-start'\n  | 'y-self-end'\n  | 'span-y-self-start'\n  | 'span-y-self-end'\n  | 'block-start'\n  | 'block-end'\n  | 'span-block-start'\n  | 'span-block-end'\n  | 'inline-start'\n  | 'inline-end'\n  | 'span-inline-start'\n  | 'span-inline-end'\n  | 'self-block-start'\n  | 'self-block-end'\n  | 'span-self-block-start'\n  | 'span-self-block-end'\n  | 'self-inline-start'\n  | 'self-inline-end'\n  | 'span-self-inline-start'\n  | 'span-self-inline-end'\n  | 'start'\n  | 'end'\n  | 'span-start'\n  | 'span-end'\n  | 'self-start'\n  | 'self-end'\n  | 'span-self-start'\n  | 'span-self-end'\n\ntype PositionTry =\n  | 'normal'\n  | 'flip-block'\n  | 'flip-inline'\n  | 'top'\n  | 'bottom'\n  | 'left'\n  | 'right'\n  | 'block-start'\n  | 'block-end'\n  | 'inline-start'\n  | 'inline-end'\n  | DashedIdent\n\nexport interface ModernCssProperties {\n  /**\n   * Defines a name for the anchor element that can be referenced by positioned elements.\n   */\n  anchorName?: Globals | 'none' | DashedIdent | StringToMultiple<DashedIdent>\n\n  /**\n   * Defines the scope of anchor names within the element.\n   */\n  anchorScope?: Globals | 'none' | 'all' | DashedIdent | StringToMultiple<DashedIdent>\n\n  /**\n   * Controls how form elements size themselves.\n   */\n  fieldSizing?: Globals | 'fixed' | 'content'\n\n  /**\n   * Controls whether interpolation of size values should allow keywords.\n   */\n  interpolateSize?: Globals | 'allow-keywords' | 'numeric-only'\n\n  /**\n   * Specifies the anchor element that this positioned element should be positioned relative to.\n   */\n  positionAnchor?: Globals | 'auto' | DashedIdent\n\n  /**\n   * Specifies the area within the anchor element where this positioned element should be placed.\n   */\n  positionArea?: Globals | 'auto' | PositionAreaAxis | `${PositionAreaAxis} ${PositionAreaAxis}` | String\n\n  /**\n   * Specifies the position try options for the element.\n   */\n  positionTry?: Globals | StringToMultiple<PositionTry> | String\n\n  /**\n   * Specifies fallback position try options when the primary position fails.\n   */\n  positionTryFallback?: Globals | 'none' | StringToMultiple<PositionTry> | String\n\n  /**\n   * Specifies the order in which position try options should be attempted.\n   */\n  positionTryOrder?: Globals | 'normal' | 'most-width' | 'most-height' | 'most-block-size' | 'most-inline-size'\n\n  /**\n   * Controls when the positioned element should be visible.\n   */\n  positionVisibility?: Globals | 'always' | 'anchors-visible' | 'no-overflow'\n\n  /**\n   * Controls whether text should wrap or not.\n   */\n  textWrapMode?: Globals | 'wrap' | 'nowrap'\n\n  /**\n   * Controls trimming of spacing in text.\n   */\n  textSpacingTrim?: Globals | 'normal' | 'space-all' | 'space-first' | 'trim-start'\n\n  /**\n   * Controls the style of text wrapping.\n   */\n  textWrapStyle?: Globals | 'auto' | 'balance' | 'pretty' | 'stable'\n\n  /**\n   * Controls whether the entire element should be draggable instead of its contents.\n   */\n  WebkitUserDrag?: Globals | 'auto' | 'element' | 'none'\n\n  /**\n   * Specifies whether an element can be used to drag the entire app window (Electron).\n   */\n  WebkitAppRegion?: Globals | 'drag' | 'no-drag'\n\n  /**\n   * Sets the horizontal spacing between table borders.\n   */\n  WebkitBorderHorizontalSpacing?: Globals | String | Number\n\n  /**\n   * Sets the vertical spacing between table borders.\n   */\n  WebkitBorderVerticalSpacing?: Globals | String | Number\n\n  /**\n   * Controls the display of text content for security purposes (e.g., password fields).\n   */\n  WebkitTextSecurity?: Globals | 'none' | 'circle' | 'disc' | 'square'\n}\n\nexport type CssProperty = keyof PropertiesFallback\n\nexport interface CssProperties extends PropertiesFallback<String | Number>, CssVarProperties, ModernCssProperties {}\n\nexport interface CssKeyframes {\n  [name: string]: {\n    [time: string]: CssProperties\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Conditional css properties\n * -----------------------------------------------------------------------------*/\n\ninterface GenericProperties {\n  [key: string]: ConditionalValue<String | Number | boolean>\n}\n\n/* -----------------------------------------------------------------------------\n * Native css props\n * -----------------------------------------------------------------------------*/\n\nexport type NestedCssProperties = Nested<CssProperties>\n\nexport type SystemStyleObject = Omit<Nested<SystemProperties & CssVarProperties>, 'base'>\n\nexport interface GlobalStyleObject {\n  [selector: string]: SystemStyleObject\n}\nexport interface ExtendableGlobalStyleObject {\n  [selector: string]: SystemStyleObject | undefined\n  extend?: GlobalStyleObject | undefined\n}\n\n/* -----------------------------------------------------------------------------\n * Composition (text styles, layer styles)\n * -----------------------------------------------------------------------------*/\n\ntype FilterStyleObject<P extends string> = {\n  [K in P]?: K extends keyof SystemStyleObject ? SystemStyleObject[K] : unknown\n}\n\nexport type CompositionStyleObject<Property extends string> = Nested<FilterStyleObject<Property> & CssVarProperties>\n\n/* -----------------------------------------------------------------------------\n * Font face\n * -----------------------------------------------------------------------------*/\n\nexport type GlobalFontfaceRule = Omit<AtRule.FontFaceFallback, 'src'> & Required<Pick<AtRule.FontFaceFallback, 'src'>>\n\nexport type FontfaceRule = Omit<GlobalFontfaceRule, 'fontFamily'>\n\nexport interface GlobalFontface {\n  [name: string]: FontfaceRule | FontfaceRule[]\n}\n\nexport interface ExtendableGlobalFontface {\n  [name: string]: FontfaceRule | FontfaceRule[] | GlobalFontface | undefined\n  extend?: GlobalFontface | undefined\n}\n\n/* -----------------------------------------------------------------------------\n * Jsx style props\n * -----------------------------------------------------------------------------*/\ninterface WithCss {\n  css?: SystemStyleObject | SystemStyleObject[]\n}\n\nexport type JsxStyleProps = SystemStyleObject & WithCss\n\nexport interface PatchedHTMLProps {\n  htmlWidth?: string | number\n  htmlHeight?: string | number\n  htmlTranslate?: 'yes' | 'no' | undefined\n  htmlContent?: string\n}\n\nexport type OmittedHTMLProps = 'color' | 'translate' | 'transition' | 'width' | 'height' | 'content'\n\ntype WithHTMLProps<T> = DistributiveOmit<T, OmittedHTMLProps> & PatchedHTMLProps\n\nexport type JsxHTMLProps<T extends Record<string, any>, P extends Record<string, any> = {}> = Assign<\n  WithHTMLProps<T>,\n  P\n>\n"
 };
 // src/artifacts/types/generated.ts

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -37,12 +37,12 @@
     "pluralize": "8.0.0",
     "postcss": "8.4.49",
     "ts-pattern": "5.8.0",
-    "@pandacss/core": "1.0.0",
-    "@pandacss/is-valid-prop": "^1.0.0",
-    "@pandacss/logger": "1.0.0",
-    "@pandacss/shared": "1.0.0",
-    "@pandacss/token-dictionary": "1.0.0",
-    "@pandacss/types": "1.0.0"
+    "@pandacss/core": "1.1.0",
+    "@pandacss/is-valid-prop": "^1.1.0",
+    "@pandacss/logger": "1.1.0",
+    "@pandacss/shared": "1.1.0",
+    "@pandacss/token-dictionary": "1.1.0",
+    "@pandacss/types": "1.1.0"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.33"