@pandacss/generator 0.0.0-dev-20231023094721 → 0.0.0-dev-20231023175607

package/dist/index.js

@@ -1405,7 +1405,7 @@ function generatePreactJsxFactory(ctx) {
 
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
@@ -1419,8 +1419,8 @@ function generatePreactJsxFactory(ctx) {
 
         const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps])
 
-        const [forwardedProps, variantProps, styleProps, htmlProps, elementProps] = useMemo(() => {
-          return splitProps(combinedProps, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty, normalizeHTMLProps.keys)
+        const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] = useMemo(() => {
+          return splitProps(combinedProps, normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty)
         }, [combinedProps])
 
         function recipeClass() {
@@ -1448,12 +1448,12 @@ function generatePreactJsxFactory(ctx) {
       })
 
       const name = getDisplayName(Dynamic)
-      
+
       ${componentName}.displayName = \`${factoryName}.\${name}\`
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = Dynamic
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -1709,7 +1709,7 @@ function generateQwikJsxFactory(ctx) {
 
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
@@ -1722,16 +1722,18 @@ function generateQwikJsxFactory(ctx) {
         const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
 
         const combinedProps = Object.assign({}, defaultProps, restProps)
-        
-        const [forwardedProps, variantProps, styleProps, htmlProps, elementProps] =
-          splitProps(combinedProps, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty, normalizeHTMLProps.keys)
+
+        const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] =
+          splitProps(combinedProps, normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty)
+
+        const { css: cssStyles, ...propStyles } = styleProps
 
         function recipeClass() {
           const { css: cssStyles, ...propStyles } = styleProps
           const compoundVariantStyles = __cvaFn__.__getCompoundVariantCss__?.(variantProps);
           return cx(__cvaFn__(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), combinedProps.class, className)
         }
-        
+
         function cvaClass() {
           const { css: cssStyles, ...propStyles } = styleProps
           const cvaStyles = __cvaFn__.raw(variantProps)
@@ -1750,12 +1752,12 @@ function generateQwikJsxFactory(ctx) {
       }
 
       const name = getDisplayName(Dynamic)
-      
+
       ${componentName}.displayName = \`${factoryName}.\${name}\`
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = Dynamic
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -2018,7 +2020,7 @@ function generateReactJsxFactory(ctx) {
 
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
@@ -2026,14 +2028,14 @@ function generateReactJsxFactory(ctx) {
 
       const ${componentName} = /* @__PURE__ */ forwardRef(function ${componentName}(props, ref) {
         const { as: Element = Dynamic.__base__ || Dynamic, children, ...restProps } = props
-        
+
         const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
         const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
 
         const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps])
 
-        const [forwardedProps, variantProps, styleProps, htmlProps, elementProps] = useMemo(() => {
-          return splitProps(combinedProps, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty, normalizeHTMLProps.keys)
+        const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] = useMemo(() => {
+          return splitProps(combinedProps, normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty)
         }, [combinedProps])
 
         function recipeClass() {
@@ -2061,12 +2063,12 @@ function generateReactJsxFactory(ctx) {
       })
 
       const name = getDisplayName(Dynamic)
-      
+
       ${componentName}.displayName = \`${factoryName}.\${name}\`
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = Dynamic
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -2323,13 +2325,13 @@ function generateSolidJsxFactory(ctx) {
     ${ctx.file.import("isCssProperty, allCssProperties", "./is-valid-prop")}
     ${ctx.file.import("css, cx, cva", "../css/index")}
     ${ctx.file.import("normalizeHTMLProps", "../helpers")}
-    
+
     function styledFn(element, configOrCva = {}, options = {}) {
       const cvaFn = configOrCva.__cva__ || configOrCva.__recipe__ ? configOrCva : cva(configOrCva)
 
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
@@ -2337,19 +2339,21 @@ function generateSolidJsxFactory(ctx) {
 
       const ${componentName} = (props) => {
         const mergedProps = mergeProps({ as: element.__base__ || element }, defaultProps, props)
-        
+
         const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
         const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
-        
-        const forwardedKeys = createMemo(() => Object.keys(props).filter(shouldForwardProp))
 
-        const [localProps, forwardedProps, variantProps, styleProps, htmlProps, elementProps] = splitProps(
+        const forwardedKeys = createMemo(() =>
+          Object.keys(props).filter((prop) => !normalizeHTMLProps.keys.includes(prop) && shouldForwardProp(prop)),
+        )
+
+        const [localProps, htmlProps, forwardedProps, variantProps, styleProps, elementProps] = splitProps(
           mergedProps,
           ['as', 'class', 'className'],
+          normalizeHTMLProps.keys,
           forwardedKeys(),
           __cvaFn__.variantKeys,
           allCssProperties,
-          normalizeHTMLProps.keys
         )
 
         function recipeClass() {
@@ -2394,7 +2398,7 @@ function generateSolidJsxFactory(ctx) {
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = element
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -2653,15 +2657,15 @@ function generateVueJsxFactory(ctx) {
 
     function styledFn(Dynamic, configOrCva = {}, options = {}) {
       const cvaFn = configOrCva.__cva__ || configOrCva.__recipe__ ? configOrCva : cva(configOrCva)
-      
+
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
       )
-        
+
       const name = getDisplayName(Dynamic)
 
       const ${componentName} = defineComponent({
@@ -2671,22 +2675,22 @@ function generateVueJsxFactory(ctx) {
         setup(props, { slots, attrs }) {
           const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
           const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
-          
+
           const combinedProps = computed(() => Object.assign({}, defaultProps, attrs))
-          
+
           const splittedProps = computed(() => {
-            return splitProps(combinedProps.value, shouldForwardProp, __cvaFn__.variantKeys, isCssProperty, normalizeHTMLProps.keys)
+            return splitProps(combinedProps.value, normalizeHTMLProps.keys, shouldForwardProp, __cvaFn__.variantKeys, isCssProperty)
           })
 
           const recipeClass = computed(() => {
-            const [_forwardedProps, variantProps, styleProps, _htmlProps, _elementProps] = splittedProps.value
+            const [_htmlProps, _forwardedProps, variantProps, styleProps, _elementProps] = splittedProps.value
             const { css: cssStyles, ...propStyles } = styleProps
             const compoundVariantStyles = __cvaFn__.__getCompoundVariantCss__?.(variantProps);
             return cx(__cvaFn__(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), combinedProps.value.className)
           })
 
           const cvaClass = computed(() => {
-            const [_forwardedProps, variantProps, styleProps, _htmlProps, _elementProps] = splittedProps.value
+            const [_htmlProps, _forwardedProps, variantProps, styleProps, _elementProps] = splittedProps.value
             const { css: cssStyles, ...propStyles } = styleProps
             const cvaStyles = __cvaFn__.raw(variantProps)
             return cx(css(cvaStyles, propStyles, cssStyles), combinedProps.value.className)
@@ -2695,7 +2699,7 @@ function generateVueJsxFactory(ctx) {
           const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
 
           return () => {
-            const [forwardedProps, _variantProps, _styleProps, htmlProps, elementProps] = splittedProps.value
+            const [htmlProps, forwardedProps, _variantProps, _styleProps, elementProps] = splittedProps.value
             return h(
               props.as,
               {
@@ -2714,7 +2718,7 @@ function generateVueJsxFactory(ctx) {
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = Dynamic
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -3105,7 +3109,13 @@ function getGeneratedTypes(ctx) {
     composition: rewriteImports(composition_d_ts_default.content),
     selectors: rewriteImports(selectors_d_ts_default.content),
     system: rewriteImports(
-      (0, import_ts_pattern9.match)(ctx.jsx.styleProps).with("all", () => system_types_d_ts_default.content).with("minimal", () => system_types_d_ts_default.content.replace(jsxStyleProps, "export type JsxStyleProps = WithCss")).with("none", () => system_types_d_ts_default.content.replace(jsxStyleProps, "export type JsxStyleProps = {}")).exhaustive()
+      (0, import_ts_pattern9.match)(ctx.jsx.styleProps).with("all", () => system_types_d_ts_default.content).with(
+        "minimal",
+        () => system_types_d_ts_default.content.replace("WithHTMLProps<T>,", "T,").replace(jsxStyleProps, "export type JsxStyleProps = WithCss")
+      ).with(
+        "none",
+        () => system_types_d_ts_default.content.replace("WithHTMLProps<T>,", "T,").replace(jsxStyleProps, "export type JsxStyleProps = {}")
+      ).exhaustive()
     )
   };
 }

package/dist/index.mjs

@@ -1374,7 +1374,7 @@ function generatePreactJsxFactory(ctx) {
 
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
@@ -1388,8 +1388,8 @@ function generatePreactJsxFactory(ctx) {
 
         const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps])
 
-        const [forwardedProps, variantProps, styleProps, htmlProps, elementProps] = useMemo(() => {
-          return splitProps(combinedProps, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty, normalizeHTMLProps.keys)
+        const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] = useMemo(() => {
+          return splitProps(combinedProps, normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty)
         }, [combinedProps])
 
         function recipeClass() {
@@ -1417,12 +1417,12 @@ function generatePreactJsxFactory(ctx) {
       })
 
       const name = getDisplayName(Dynamic)
-      
+
       ${componentName}.displayName = \`${factoryName}.\${name}\`
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = Dynamic
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -1678,7 +1678,7 @@ function generateQwikJsxFactory(ctx) {
 
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
@@ -1691,16 +1691,18 @@ function generateQwikJsxFactory(ctx) {
         const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
 
         const combinedProps = Object.assign({}, defaultProps, restProps)
-        
-        const [forwardedProps, variantProps, styleProps, htmlProps, elementProps] =
-          splitProps(combinedProps, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty, normalizeHTMLProps.keys)
+
+        const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] =
+          splitProps(combinedProps, normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty)
+
+        const { css: cssStyles, ...propStyles } = styleProps
 
         function recipeClass() {
           const { css: cssStyles, ...propStyles } = styleProps
           const compoundVariantStyles = __cvaFn__.__getCompoundVariantCss__?.(variantProps);
           return cx(__cvaFn__(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), combinedProps.class, className)
         }
-        
+
         function cvaClass() {
           const { css: cssStyles, ...propStyles } = styleProps
           const cvaStyles = __cvaFn__.raw(variantProps)
@@ -1719,12 +1721,12 @@ function generateQwikJsxFactory(ctx) {
       }
 
       const name = getDisplayName(Dynamic)
-      
+
       ${componentName}.displayName = \`${factoryName}.\${name}\`
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = Dynamic
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -1987,7 +1989,7 @@ function generateReactJsxFactory(ctx) {
 
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
@@ -1995,14 +1997,14 @@ function generateReactJsxFactory(ctx) {
 
       const ${componentName} = /* @__PURE__ */ forwardRef(function ${componentName}(props, ref) {
         const { as: Element = Dynamic.__base__ || Dynamic, children, ...restProps } = props
-        
+
         const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
         const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
 
         const combinedProps = useMemo(() => Object.assign({}, defaultProps, restProps), [restProps])
 
-        const [forwardedProps, variantProps, styleProps, htmlProps, elementProps] = useMemo(() => {
-          return splitProps(combinedProps, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty, normalizeHTMLProps.keys)
+        const [htmlProps, forwardedProps, variantProps, styleProps, elementProps] = useMemo(() => {
+          return splitProps(combinedProps, normalizeHTMLProps.keys, __shouldForwardProps__, __cvaFn__.variantKeys, isCssProperty)
         }, [combinedProps])
 
         function recipeClass() {
@@ -2030,12 +2032,12 @@ function generateReactJsxFactory(ctx) {
       })
 
       const name = getDisplayName(Dynamic)
-      
+
       ${componentName}.displayName = \`${factoryName}.\${name}\`
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = Dynamic
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -2292,13 +2294,13 @@ function generateSolidJsxFactory(ctx) {
     ${ctx.file.import("isCssProperty, allCssProperties", "./is-valid-prop")}
     ${ctx.file.import("css, cx, cva", "../css/index")}
     ${ctx.file.import("normalizeHTMLProps", "../helpers")}
-    
+
     function styledFn(element, configOrCva = {}, options = {}) {
       const cvaFn = configOrCva.__cva__ || configOrCva.__recipe__ ? configOrCva : cva(configOrCva)
 
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
@@ -2306,19 +2308,21 @@ function generateSolidJsxFactory(ctx) {
 
       const ${componentName} = (props) => {
         const mergedProps = mergeProps({ as: element.__base__ || element }, defaultProps, props)
-        
+
         const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
         const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
-        
-        const forwardedKeys = createMemo(() => Object.keys(props).filter(shouldForwardProp))
 
-        const [localProps, forwardedProps, variantProps, styleProps, htmlProps, elementProps] = splitProps(
+        const forwardedKeys = createMemo(() =>
+          Object.keys(props).filter((prop) => !normalizeHTMLProps.keys.includes(prop) && shouldForwardProp(prop)),
+        )
+
+        const [localProps, htmlProps, forwardedProps, variantProps, styleProps, elementProps] = splitProps(
           mergedProps,
           ['as', 'class', 'className'],
+          normalizeHTMLProps.keys,
           forwardedKeys(),
           __cvaFn__.variantKeys,
           allCssProperties,
-          normalizeHTMLProps.keys
         )
 
         function recipeClass() {
@@ -2363,7 +2367,7 @@ function generateSolidJsxFactory(ctx) {
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = element
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -2622,15 +2626,15 @@ function generateVueJsxFactory(ctx) {
 
     function styledFn(Dynamic, configOrCva = {}, options = {}) {
       const cvaFn = configOrCva.__cva__ || configOrCva.__recipe__ ? configOrCva : cva(configOrCva)
-      
+
       const forwardFn = options.shouldForwardProp || defaultShouldForwardProp
       const shouldForwardProp = (prop) => forwardFn(prop, cvaFn.variantKeys)
-      
+
       const defaultProps = Object.assign(
         options.dataAttr && configOrCva.__name__ ? { 'data-recipe': configOrCva.__name__ } : {},
         options.defaultProps,
       )
-        
+
       const name = getDisplayName(Dynamic)
 
       const ${componentName} = defineComponent({
@@ -2640,22 +2644,22 @@ function generateVueJsxFactory(ctx) {
         setup(props, { slots, attrs }) {
           const __cvaFn__ = composeCvaFn(Dynamic.__cva__, cvaFn)
           const __shouldForwardProps__ = composeShouldForwardProps(Dynamic, shouldForwardProp)
-          
+
           const combinedProps = computed(() => Object.assign({}, defaultProps, attrs))
-          
+
           const splittedProps = computed(() => {
-            return splitProps(combinedProps.value, shouldForwardProp, __cvaFn__.variantKeys, isCssProperty, normalizeHTMLProps.keys)
+            return splitProps(combinedProps.value, normalizeHTMLProps.keys, shouldForwardProp, __cvaFn__.variantKeys, isCssProperty)
           })
 
           const recipeClass = computed(() => {
-            const [_forwardedProps, variantProps, styleProps, _htmlProps, _elementProps] = splittedProps.value
+            const [_htmlProps, _forwardedProps, variantProps, styleProps, _elementProps] = splittedProps.value
             const { css: cssStyles, ...propStyles } = styleProps
             const compoundVariantStyles = __cvaFn__.__getCompoundVariantCss__?.(variantProps);
             return cx(__cvaFn__(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), combinedProps.value.className)
           })
 
           const cvaClass = computed(() => {
-            const [_forwardedProps, variantProps, styleProps, _htmlProps, _elementProps] = splittedProps.value
+            const [_htmlProps, _forwardedProps, variantProps, styleProps, _elementProps] = splittedProps.value
             const { css: cssStyles, ...propStyles } = styleProps
             const cvaStyles = __cvaFn__.raw(variantProps)
             return cx(css(cvaStyles, propStyles, cssStyles), combinedProps.value.className)
@@ -2664,7 +2668,7 @@ function generateVueJsxFactory(ctx) {
           const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
 
           return () => {
-            const [forwardedProps, _variantProps, _styleProps, htmlProps, elementProps] = splittedProps.value
+            const [htmlProps, forwardedProps, _variantProps, _styleProps, elementProps] = splittedProps.value
             return h(
               props.as,
               {
@@ -2683,7 +2687,7 @@ function generateVueJsxFactory(ctx) {
       ${componentName}.__cva__ = cvaFn
       ${componentName}.__base__ = Dynamic
       ${componentName}.__shouldForwardProps__ = shouldForwardProp
-      
+
       return ${componentName}
     }
 
@@ -3074,7 +3078,13 @@ function getGeneratedTypes(ctx) {
     composition: rewriteImports(composition_d_ts_default.content),
     selectors: rewriteImports(selectors_d_ts_default.content),
     system: rewriteImports(
-      match9(ctx.jsx.styleProps).with("all", () => system_types_d_ts_default.content).with("minimal", () => system_types_d_ts_default.content.replace(jsxStyleProps, "export type JsxStyleProps = WithCss")).with("none", () => system_types_d_ts_default.content.replace(jsxStyleProps, "export type JsxStyleProps = {}")).exhaustive()
+      match9(ctx.jsx.styleProps).with("all", () => system_types_d_ts_default.content).with(
+        "minimal",
+        () => system_types_d_ts_default.content.replace("WithHTMLProps<T>,", "T,").replace(jsxStyleProps, "export type JsxStyleProps = WithCss")
+      ).with(
+        "none",
+        () => system_types_d_ts_default.content.replace("WithHTMLProps<T>,", "T,").replace(jsxStyleProps, "export type JsxStyleProps = {}")
+      ).exhaustive()
     )
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.0.0-dev-20231023094721",
+  "version": "0.0.0-dev-20231023175607",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -20,17 +20,17 @@
     "pluralize": "8.0.0",
     "postcss": "^8.4.31",
     "ts-pattern": "5.0.5",
-    "@pandacss/core": "0.0.0-dev-20231023094721",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20231023094721",
-    "@pandacss/logger": "0.0.0-dev-20231023094721",
-    "@pandacss/shared": "0.0.0-dev-20231023094721",
-    "@pandacss/token-dictionary": "0.0.0-dev-20231023094721",
-    "@pandacss/types": "0.0.0-dev-20231023094721"
+    "@pandacss/core": "0.0.0-dev-20231023175607",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20231023175607",
+    "@pandacss/logger": "0.0.0-dev-20231023175607",
+    "@pandacss/shared": "0.0.0-dev-20231023175607",
+    "@pandacss/token-dictionary": "0.0.0-dev-20231023175607",
+    "@pandacss/types": "0.0.0-dev-20231023175607"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.30",
     "hookable": "5.5.3",
-    "@pandacss/fixture": "0.0.0-dev-20231023094721"
+    "@pandacss/fixture": "0.0.0-dev-20231023175607"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",