@pandacss/generator 0.17.3 → 0.17.5

package/dist/index.js

@@ -815,9 +815,9 @@ function generateCvaFn(ctx) {
         return mergeCss(variantCss, compoundVariantCss)
       }
 
-      function merge(cvaConfig) {
-        const override = defaults(cvaConfig)
-        const variantKeys = uniq(override.variantKeys, Object.keys(variants))
+      function merge(__cva) {
+        const override = defaults(__cva.config)
+        const variantKeys = uniq(__cva.variantKeys, Object.keys(variants))
         return cva({
           base: mergeCss(base, override.base),
           variants: Object.fromEntries(
@@ -1015,7 +1015,7 @@ function generatedJsxHelpers(ctx) {
     export const composeCvaFn = (cvaA, cvaB) => {
       if (cvaA && !cvaB) return cvaA
       if (!cvaA && cvaB) return cvaB
-      if ((cvaA.__cva__ && cvaB.__cva__) || (cvaA.__recipe__ && cvaB.__recipe__)) return cvaA.merge(cvaB.config)
+      if ((cvaA.__cva__ && cvaB.__cva__) || (cvaA.__recipe__ && cvaB.__recipe__)) return cvaA.merge(cvaB)
       const error = new TypeError('Cannot merge cva with recipe. Please use either cva or recipe.')
       TypeError.captureStackTrace?.(error)
       throw error
@@ -2330,7 +2330,7 @@ function generateSolidJsxFactory(ctx) {
       "defaultShouldForwardProp, composeShouldForwardProps, composeCvaFn, getDisplayName",
       "./factory-helper"
     )}
-    ${ctx.file.import("isCssProperty, allCssProperties", "./is-valid-prop")}
+    ${ctx.file.import("isCssProperty", "./is-valid-prop")}
     ${ctx.file.import("css, cx, cva", "../css/index")}
     ${ctx.file.import("normalizeHTMLProps", "../helpers")}
 
@@ -2355,13 +2355,19 @@ function generateSolidJsxFactory(ctx) {
           Object.keys(props).filter((prop) => !normalizeHTMLProps.keys.includes(prop) && shouldForwardProp(prop)),
         )
 
-        const [localProps, htmlProps, forwardedProps, variantProps, styleProps, elementProps] = splitProps(
+        const [localProps, htmlProps, forwardedProps, restProps] = splitProps(
           mergedProps,
           ['as', 'class', 'className'],
           normalizeHTMLProps.keys,
-          forwardedKeys(),
+          forwardedKeys()
+        )
+
+        const cssPropertyKeys = createMemo(() => Object.keys(restProps).filter((prop) => isCssProperty(prop)))
+
+        const [variantProps, styleProps, elementProps] = splitProps(
+          restProps,
           __cvaFn__.variantKeys,
-          allCssProperties,
+          cssPropertyKeys(),
         )
 
         function recipeClass() {

package/dist/index.mjs

@@ -784,9 +784,9 @@ function generateCvaFn(ctx) {
         return mergeCss(variantCss, compoundVariantCss)
       }
 
-      function merge(cvaConfig) {
-        const override = defaults(cvaConfig)
-        const variantKeys = uniq(override.variantKeys, Object.keys(variants))
+      function merge(__cva) {
+        const override = defaults(__cva.config)
+        const variantKeys = uniq(__cva.variantKeys, Object.keys(variants))
         return cva({
           base: mergeCss(base, override.base),
           variants: Object.fromEntries(
@@ -984,7 +984,7 @@ function generatedJsxHelpers(ctx) {
     export const composeCvaFn = (cvaA, cvaB) => {
       if (cvaA && !cvaB) return cvaA
       if (!cvaA && cvaB) return cvaB
-      if ((cvaA.__cva__ && cvaB.__cva__) || (cvaA.__recipe__ && cvaB.__recipe__)) return cvaA.merge(cvaB.config)
+      if ((cvaA.__cva__ && cvaB.__cva__) || (cvaA.__recipe__ && cvaB.__recipe__)) return cvaA.merge(cvaB)
       const error = new TypeError('Cannot merge cva with recipe. Please use either cva or recipe.')
       TypeError.captureStackTrace?.(error)
       throw error
@@ -2299,7 +2299,7 @@ function generateSolidJsxFactory(ctx) {
       "defaultShouldForwardProp, composeShouldForwardProps, composeCvaFn, getDisplayName",
       "./factory-helper"
     )}
-    ${ctx.file.import("isCssProperty, allCssProperties", "./is-valid-prop")}
+    ${ctx.file.import("isCssProperty", "./is-valid-prop")}
     ${ctx.file.import("css, cx, cva", "../css/index")}
     ${ctx.file.import("normalizeHTMLProps", "../helpers")}
 
@@ -2324,13 +2324,19 @@ function generateSolidJsxFactory(ctx) {
           Object.keys(props).filter((prop) => !normalizeHTMLProps.keys.includes(prop) && shouldForwardProp(prop)),
         )
 
-        const [localProps, htmlProps, forwardedProps, variantProps, styleProps, elementProps] = splitProps(
+        const [localProps, htmlProps, forwardedProps, restProps] = splitProps(
           mergedProps,
           ['as', 'class', 'className'],
           normalizeHTMLProps.keys,
-          forwardedKeys(),
+          forwardedKeys()
+        )
+
+        const cssPropertyKeys = createMemo(() => Object.keys(restProps).filter((prop) => isCssProperty(prop)))
+
+        const [variantProps, styleProps, elementProps] = splitProps(
+          restProps,
           __cvaFn__.variantKeys,
-          allCssProperties,
+          cssPropertyKeys(),
         )
 
         function recipeClass() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.17.3",
+  "version": "0.17.5",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -32,20 +32,21 @@
     "pluralize": "8.0.0",
     "postcss": "^8.4.31",
     "ts-pattern": "5.0.5",
-    "@pandacss/core": "0.17.3",
-    "@pandacss/is-valid-prop": "0.17.3",
-    "@pandacss/logger": "0.17.3",
-    "@pandacss/shared": "0.17.3",
-    "@pandacss/token-dictionary": "0.17.3",
-    "@pandacss/types": "0.17.3"
+    "@pandacss/core": "0.17.5",
+    "@pandacss/is-valid-prop": "0.17.5",
+    "@pandacss/logger": "0.17.5",
+    "@pandacss/shared": "0.17.5",
+    "@pandacss/token-dictionary": "0.17.5",
+    "@pandacss/types": "0.17.5"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.30",
     "hookable": "5.5.3",
-    "@pandacss/fixture": "0.17.3"
+    "@pandacss/fixture": "0.17.5"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",
-    "build-fast": "tsup src/index.ts --format=esm,cjs --no-dts"
+    "build-fast": "tsup src/index.ts --format=esm,cjs --no-dts",
+    "dev": "pnpm build-fast --watch"
   }
 }