@pandacss/generator 1.0.0 → 1.0.1

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
  1. package/dist/index.js +43 -19
  2. package/dist/index.mjs +43 -19
  3. package/package.json +7 -7
package/dist/index.js CHANGED
@@ -1252,7 +1252,8 @@ function generatePreactCreateStyleContext(ctx) {
1252
1252
  const slotStyles = isConfigRecipe ? svaFn(variantProps) : svaFn.raw(variantProps)
1253
1253
  slotStyles._classNameMap = svaFn.classNameMap
1254
1254
 
1255
- const resolvedProps = getResolvedProps(restProps, slotStyles[slot])
1255
+ const propsWithClass = { ...restProps, className: restProps.className ?? options?.defaultProps?.className }
1256
+ const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
1256
1257
  return createElement(StyleContext.Provider, {
1257
1258
  value: slotStyles,
1258
1259
  children: createElement(StyledComponent, {
@@ -1275,7 +1276,8 @@ function generatePreactCreateStyleContext(ctx) {
1275
1276
  const WithContext = forwardRef((props, ref) => {
1276
1277
  const slotStyles = useContext(StyleContext)
1277
1278
 
1278
- const resolvedProps = getResolvedProps(props, slotStyles[slot])
1279
+ const propsWithClass = { ...props, className: props.className ?? options?.defaultProps?.className }
1280
+ const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
1279
1281
  return createElement(StyledComponent, {
1280
1282
  ...resolvedProps,
1281
1283
  className: cx(resolvedProps.className, slotStyles._classNameMap[slot]),
@@ -1335,7 +1337,8 @@ function generatePreactCreateStyleContext(ctx) {
1335
1337
  ) => StyleContextProvider<T, R>
1336
1338
  withContext: <T extends ElementType>(
1337
1339
  Component: T,
1338
- slot: InferSlot<R>
1340
+ slot: InferSlot<R>,
1341
+ options?: JsxFactoryOptions<ComponentProps<T>>
1339
1342
  ) => StyleContextConsumer<T>
1340
1343
  }
1341
1344
 
@@ -2071,7 +2074,8 @@ function generateReactCreateStyleContext(ctx) {
2071
2074
  const slotStyles = isConfigRecipe ? svaFn(variantProps) : svaFn.raw(variantProps)
2072
2075
  slotStyles._classNameMap = svaFn.classNameMap
2073
2076
 
2074
- const resolvedProps = getResolvedProps(restProps, slotStyles[slot])
2077
+ const propsWithClass = { ...restProps, className: restProps.className ?? options?.defaultProps?.className }
2078
+ const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
2075
2079
  return createElement(StyleContext.Provider, {
2076
2080
  value: slotStyles,
2077
2081
  children: createElement(StyledComponent, {
@@ -2094,7 +2098,8 @@ function generateReactCreateStyleContext(ctx) {
2094
2098
  const WithContext = forwardRef((props, ref) => {
2095
2099
  const slotStyles = useContext(StyleContext)
2096
2100
 
2097
- const resolvedProps = getResolvedProps(props, slotStyles[slot])
2101
+ const propsWithClass = { ...props, className: props.className ?? options?.defaultProps?.className }
2102
+ const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
2098
2103
  return createElement(StyledComponent, {
2099
2104
  ...resolvedProps,
2100
2105
  className: cx(resolvedProps.className, slotStyles._classNameMap[slot]),
@@ -2623,7 +2628,8 @@ function generateSolidCreateStyleContext(ctx) {
2623
2628
  const slotStyles = isConfigRecipe ? svaFn(variantProps) : svaFn.raw(variantProps)
2624
2629
  slotStyles._classNameMap = svaFn.classNameMap
2625
2630
 
2626
- const resolvedProps = getResolvedProps(restProps, slotStyles[slot])
2631
+ const propsWithClass = { ...restProps, class: restProps.class ?? options?.defaultProps?.class }
2632
+ const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
2627
2633
  resolvedProps.class = cx(resolvedProps.class, slotStyles._classNameMap[slot])
2628
2634
 
2629
2635
  return { slotStyles, resolvedProps }
@@ -2650,14 +2656,15 @@ function generateSolidCreateStyleContext(ctx) {
2650
2656
  return WithProvider
2651
2657
  }
2652
2658
 
2653
- const withContext = (Component, slot) => {
2654
- const StyledComponent = ${factoryName}(Component)
2659
+ const withContext = (Component, slot, options) => {
2660
+ const StyledComponent = ${factoryName}(Component, {}, options)
2655
2661
 
2656
2662
  const WithContext = (props) => {
2657
2663
  const slotStyles = useContext(StyleContext)
2658
2664
  const finalProps = createMemo(() => {
2659
- const resolvedProps = getResolvedProps(props, slotStyles[slot])
2660
- resolvedProps.class = cx(resolvedProps.class, resolvedProps.className, slotStyles._classNameMap?.[slot])
2665
+ const propsWithClass = { ...props, class: props.class ?? options?.defaultProps?.class }
2666
+ const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
2667
+ resolvedProps.class = cx(resolvedProps.class, slotStyles._classNameMap?.[slot])
2661
2668
  return resolvedProps
2662
2669
  })
2663
2670
 
@@ -3131,10 +3138,10 @@ function generateVueCreateStyleContext(ctx) {
3131
3138
  const { unstyled, ...restProps } = props
3132
3139
  if (unstyled) return restProps
3133
3140
  if (isConfigRecipe) {
3134
- return { ...restProps, className: cx(slotStyles, restProps.className) }
3141
+ return { ...restProps, class: cx(slotStyles, restProps.class) }
3135
3142
  }
3136
3143
  ${import_outdent40.outdent.string(
3137
- (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`)
3144
+ (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`)
3138
3145
  )}
3139
3146
  }
3140
3147
 
@@ -3167,8 +3174,13 @@ function generateVueCreateStyleContext(ctx) {
3167
3174
 
3168
3175
  const WithProvider = defineComponent({
3169
3176
  props: ["unstyled", ...svaFn.variantKeys],
3177
+ inheritAttrs: false,
3170
3178
  setup(inProps, { slots, attrs }) {
3171
- const props = computed(() => Object.assign({}, inProps, attrs))
3179
+ const props = computed(() => {
3180
+ const propsWithClass = { ...inProps, ...attrs }
3181
+ propsWithClass.class = propsWithClass.class ?? options?.defaultProps?.class
3182
+ return propsWithClass
3183
+ })
3172
3184
  const res = computed(() => {
3173
3185
  const [variantProps, restProps] = svaFn.splitVariantProps(props.value)
3174
3186
  return { variantProps, restProps }
@@ -3196,16 +3208,22 @@ function generateVueCreateStyleContext(ctx) {
3196
3208
  return WithProvider
3197
3209
  }
3198
3210
 
3199
- const withContext = (Component, slot) => {
3200
- const StyledComponent = ${factoryName}(Component)
3211
+ const withContext = (Component, slot, options) => {
3212
+ const StyledComponent = ${factoryName}(Component, {}, options)
3201
3213
 
3202
3214
  const WithContext = defineComponent({
3203
3215
  props: ["unstyled"],
3204
- setup(props, { slots, attrs }) {
3216
+ inheritAttrs: false,
3217
+ setup(inProps, { slots, attrs }) {
3218
+ const props = computed(() => {
3219
+ const propsWithClass = { ...inProps, ...attrs }
3220
+ propsWithClass.class = propsWithClass.class ?? options?.defaultProps?.class
3221
+ return propsWithClass
3222
+ })
3205
3223
  const slotStyles = inject(StyleContext)
3206
3224
 
3207
3225
  return () => {
3208
- const resolvedProps = getResolvedProps(props, slotStyles.value[slot])
3226
+ const resolvedProps = getResolvedProps(props.value, slotStyles.value[slot])
3209
3227
  resolvedProps.class = cx(resolvedProps.class, slotStyles.value._classNameMap[slot], attrs.class)
3210
3228
  return h(StyledComponent, resolvedProps, slots)
3211
3229
  }
@@ -3235,6 +3253,12 @@ function generateVueCreateStyleContext(ctx) {
3235
3253
  unstyled?: boolean
3236
3254
  }
3237
3255
 
3256
+ // Add v-model support types
3257
+ interface VModelProps {
3258
+ modelValue?: any
3259
+ 'onUpdate:modelValue'?: (value: any) => void
3260
+ }
3261
+
3238
3262
  type SvaFn<S extends string = any> = SlotRecipeRuntimeFn<S, any>
3239
3263
  interface SlotRecipeFn {
3240
3264
  __type: any
@@ -3255,11 +3279,11 @@ function generateVueCreateStyleContext(ctx) {
3255
3279
  : never
3256
3280
 
3257
3281
  type StyleContextProvider<T extends ElementType, R extends SlotRecipe> = FunctionalComponent<
3258
- JsxHTMLProps<ComponentProps<T> & UnstyledProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
3282
+ JsxHTMLProps<ComponentProps<T> & UnstyledProps & VModelProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
3259
3283
  >
3260
3284
 
3261
3285
  type StyleContextConsumer<T extends ElementType> = FunctionalComponent<
3262
- JsxHTMLProps<ComponentProps<T> & UnstyledProps, JsxStyleProps>
3286
+ JsxHTMLProps<ComponentProps<T> & UnstyledProps & VModelProps, JsxStyleProps>
3263
3287
  >
3264
3288
 
3265
3289
  export interface StyleContext<R extends SlotRecipe> {
package/dist/index.mjs CHANGED
@@ -1216,7 +1216,8 @@ function generatePreactCreateStyleContext(ctx) {
1216
1216
  const slotStyles = isConfigRecipe ? svaFn(variantProps) : svaFn.raw(variantProps)
1217
1217
  slotStyles._classNameMap = svaFn.classNameMap
1218
1218
 
1219
- const resolvedProps = getResolvedProps(restProps, slotStyles[slot])
1219
+ const propsWithClass = { ...restProps, className: restProps.className ?? options?.defaultProps?.className }
1220
+ const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
1220
1221
  return createElement(StyleContext.Provider, {
1221
1222
  value: slotStyles,
1222
1223
  children: createElement(StyledComponent, {
@@ -1239,7 +1240,8 @@ function generatePreactCreateStyleContext(ctx) {
1239
1240
  const WithContext = forwardRef((props, ref) => {
1240
1241
  const slotStyles = useContext(StyleContext)
1241
1242
 
1242
- const resolvedProps = getResolvedProps(props, slotStyles[slot])
1243
+ const propsWithClass = { ...props, className: props.className ?? options?.defaultProps?.className }
1244
+ const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
1243
1245
  return createElement(StyledComponent, {
1244
1246
  ...resolvedProps,
1245
1247
  className: cx(resolvedProps.className, slotStyles._classNameMap[slot]),
@@ -1299,7 +1301,8 @@ function generatePreactCreateStyleContext(ctx) {
1299
1301
  ) => StyleContextProvider<T, R>
1300
1302
  withContext: <T extends ElementType>(
1301
1303
  Component: T,
1302
- slot: InferSlot<R>
1304
+ slot: InferSlot<R>,
1305
+ options?: JsxFactoryOptions<ComponentProps<T>>
1303
1306
  ) => StyleContextConsumer<T>
1304
1307
  }
1305
1308
 
@@ -2035,7 +2038,8 @@ function generateReactCreateStyleContext(ctx) {
2035
2038
  const slotStyles = isConfigRecipe ? svaFn(variantProps) : svaFn.raw(variantProps)
2036
2039
  slotStyles._classNameMap = svaFn.classNameMap
2037
2040
 
2038
- const resolvedProps = getResolvedProps(restProps, slotStyles[slot])
2041
+ const propsWithClass = { ...restProps, className: restProps.className ?? options?.defaultProps?.className }
2042
+ const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
2039
2043
  return createElement(StyleContext.Provider, {
2040
2044
  value: slotStyles,
2041
2045
  children: createElement(StyledComponent, {
@@ -2058,7 +2062,8 @@ function generateReactCreateStyleContext(ctx) {
2058
2062
  const WithContext = forwardRef((props, ref) => {
2059
2063
  const slotStyles = useContext(StyleContext)
2060
2064
 
2061
- const resolvedProps = getResolvedProps(props, slotStyles[slot])
2065
+ const propsWithClass = { ...props, className: props.className ?? options?.defaultProps?.className }
2066
+ const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
2062
2067
  return createElement(StyledComponent, {
2063
2068
  ...resolvedProps,
2064
2069
  className: cx(resolvedProps.className, slotStyles._classNameMap[slot]),
@@ -2587,7 +2592,8 @@ function generateSolidCreateStyleContext(ctx) {
2587
2592
  const slotStyles = isConfigRecipe ? svaFn(variantProps) : svaFn.raw(variantProps)
2588
2593
  slotStyles._classNameMap = svaFn.classNameMap
2589
2594
 
2590
- const resolvedProps = getResolvedProps(restProps, slotStyles[slot])
2595
+ const propsWithClass = { ...restProps, class: restProps.class ?? options?.defaultProps?.class }
2596
+ const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
2591
2597
  resolvedProps.class = cx(resolvedProps.class, slotStyles._classNameMap[slot])
2592
2598
 
2593
2599
  return { slotStyles, resolvedProps }
@@ -2614,14 +2620,15 @@ function generateSolidCreateStyleContext(ctx) {
2614
2620
  return WithProvider
2615
2621
  }
2616
2622
 
2617
- const withContext = (Component, slot) => {
2618
- const StyledComponent = ${factoryName}(Component)
2623
+ const withContext = (Component, slot, options) => {
2624
+ const StyledComponent = ${factoryName}(Component, {}, options)
2619
2625
 
2620
2626
  const WithContext = (props) => {
2621
2627
  const slotStyles = useContext(StyleContext)
2622
2628
  const finalProps = createMemo(() => {
2623
- const resolvedProps = getResolvedProps(props, slotStyles[slot])
2624
- resolvedProps.class = cx(resolvedProps.class, resolvedProps.className, slotStyles._classNameMap?.[slot])
2629
+ const propsWithClass = { ...props, class: props.class ?? options?.defaultProps?.class }
2630
+ const resolvedProps = getResolvedProps(propsWithClass, slotStyles[slot])
2631
+ resolvedProps.class = cx(resolvedProps.class, slotStyles._classNameMap?.[slot])
2625
2632
  return resolvedProps
2626
2633
  })
2627
2634
 
@@ -3095,10 +3102,10 @@ function generateVueCreateStyleContext(ctx) {
3095
3102
  const { unstyled, ...restProps } = props
3096
3103
  if (unstyled) return restProps
3097
3104
  if (isConfigRecipe) {
3098
- return { ...restProps, className: cx(slotStyles, restProps.className) }
3105
+ return { ...restProps, class: cx(slotStyles, restProps.class) }
3099
3106
  }
3100
3107
  ${outdent40.string(
3101
- 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`)
3108
+ 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`)
3102
3109
  )}
3103
3110
  }
3104
3111
 
@@ -3131,8 +3138,13 @@ function generateVueCreateStyleContext(ctx) {
3131
3138
 
3132
3139
  const WithProvider = defineComponent({
3133
3140
  props: ["unstyled", ...svaFn.variantKeys],
3141
+ inheritAttrs: false,
3134
3142
  setup(inProps, { slots, attrs }) {
3135
- const props = computed(() => Object.assign({}, inProps, attrs))
3143
+ const props = computed(() => {
3144
+ const propsWithClass = { ...inProps, ...attrs }
3145
+ propsWithClass.class = propsWithClass.class ?? options?.defaultProps?.class
3146
+ return propsWithClass
3147
+ })
3136
3148
  const res = computed(() => {
3137
3149
  const [variantProps, restProps] = svaFn.splitVariantProps(props.value)
3138
3150
  return { variantProps, restProps }
@@ -3160,16 +3172,22 @@ function generateVueCreateStyleContext(ctx) {
3160
3172
  return WithProvider
3161
3173
  }
3162
3174
 
3163
- const withContext = (Component, slot) => {
3164
- const StyledComponent = ${factoryName}(Component)
3175
+ const withContext = (Component, slot, options) => {
3176
+ const StyledComponent = ${factoryName}(Component, {}, options)
3165
3177
 
3166
3178
  const WithContext = defineComponent({
3167
3179
  props: ["unstyled"],
3168
- setup(props, { slots, attrs }) {
3180
+ inheritAttrs: false,
3181
+ setup(inProps, { slots, attrs }) {
3182
+ const props = computed(() => {
3183
+ const propsWithClass = { ...inProps, ...attrs }
3184
+ propsWithClass.class = propsWithClass.class ?? options?.defaultProps?.class
3185
+ return propsWithClass
3186
+ })
3169
3187
  const slotStyles = inject(StyleContext)
3170
3188
 
3171
3189
  return () => {
3172
- const resolvedProps = getResolvedProps(props, slotStyles.value[slot])
3190
+ const resolvedProps = getResolvedProps(props.value, slotStyles.value[slot])
3173
3191
  resolvedProps.class = cx(resolvedProps.class, slotStyles.value._classNameMap[slot], attrs.class)
3174
3192
  return h(StyledComponent, resolvedProps, slots)
3175
3193
  }
@@ -3199,6 +3217,12 @@ function generateVueCreateStyleContext(ctx) {
3199
3217
  unstyled?: boolean
3200
3218
  }
3201
3219
 
3220
+ // Add v-model support types
3221
+ interface VModelProps {
3222
+ modelValue?: any
3223
+ 'onUpdate:modelValue'?: (value: any) => void
3224
+ }
3225
+
3202
3226
  type SvaFn<S extends string = any> = SlotRecipeRuntimeFn<S, any>
3203
3227
  interface SlotRecipeFn {
3204
3228
  __type: any
@@ -3219,11 +3243,11 @@ function generateVueCreateStyleContext(ctx) {
3219
3243
  : never
3220
3244
 
3221
3245
  type StyleContextProvider<T extends ElementType, R extends SlotRecipe> = FunctionalComponent<
3222
- JsxHTMLProps<ComponentProps<T> & UnstyledProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
3246
+ JsxHTMLProps<ComponentProps<T> & UnstyledProps & VModelProps, Assign<RecipeVariantProps<R>, JsxStyleProps>>
3223
3247
  >
3224
3248
 
3225
3249
  type StyleContextConsumer<T extends ElementType> = FunctionalComponent<
3226
- JsxHTMLProps<ComponentProps<T> & UnstyledProps, JsxStyleProps>
3250
+ JsxHTMLProps<ComponentProps<T> & UnstyledProps & VModelProps, JsxStyleProps>
3227
3251
  >
3228
3252
 
3229
3253
  export interface StyleContext<R extends SlotRecipe> {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pandacss/generator",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "The css generator for css panda",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -37,12 +37,12 @@
37
37
  "pluralize": "8.0.0",
38
38
  "postcss": "8.4.49",
39
39
  "ts-pattern": "5.8.0",
40
- "@pandacss/core": "1.0.0",
41
- "@pandacss/is-valid-prop": "^1.0.0",
42
- "@pandacss/logger": "1.0.0",
43
- "@pandacss/shared": "1.0.0",
44
- "@pandacss/token-dictionary": "1.0.0",
45
- "@pandacss/types": "1.0.0"
40
+ "@pandacss/core": "1.0.1",
41
+ "@pandacss/is-valid-prop": "^1.0.1",
42
+ "@pandacss/logger": "1.0.1",
43
+ "@pandacss/shared": "1.0.1",
44
+ "@pandacss/token-dictionary": "1.0.1",
45
+ "@pandacss/types": "1.0.1"
46
46
  },
47
47
  "devDependencies": {
48
48
  "@types/pluralize": "0.0.33"