@pandacss/generator 0.33.0 → 0.34.1

package/dist/index.js

@@ -483,12 +483,11 @@ function generateIsValidProp(ctx) {
     import type { DistributiveOmit, HTMLPandaProps, JsxStyleProps, Pretty } from '../types';
 
     declare const isCssProperty: (value: string) => boolean;
-    
+
     type CssPropKey = keyof JsxStyleProps
-    type PickedCssProps<T> = Pretty<Pick<T, CssPropKey>>
     type OmittedCssProps<T> = Pretty<DistributiveOmit<T, CssPropKey>>
 
-    declare const splitCssProps: <T>(props: T) => [PickedCssProps<T>, OmittedCssProps<T>]
+    declare const splitCssProps: <T>(props: T) => [JsxStyleProps, OmittedCssProps<T>]
 
     export { isCssProperty, splitCssProps };
     `
@@ -3761,6 +3760,7 @@ var generateStaticCss = (ctx, sheet) => {
 // src/artifacts/css/token-css.ts
 var import_core4 = require("@pandacss/core");
 var import_postcss = __toESM(require("postcss"));
+var import_logger2 = require("@pandacss/logger");
 function generateTokenCss(ctx, sheet) {
   const {
     config: { cssVarRoot },
@@ -3822,8 +3822,17 @@ function getDeepestNode(node) {
   }
   return node;
 }
+var parse = (str) => {
+  try {
+    return import_postcss.default.parse(str);
+  } catch (error) {
+    if (error instanceof import_postcss.CssSyntaxError) {
+      import_logger2.logger.error("tokens:process", error.showSourceCode(true));
+    }
+  }
+};
 function cleanupSelectors(css, varSelector) {
-  const root = import_postcss.default.parse(css);
+  const root = parse(css) ?? import_postcss.default.root();
   root.walkRules((rule) => {
     const selectors = [];
     rule.selectors.forEach((selector) => {

package/dist/index.mjs

@@ -447,12 +447,11 @@ function generateIsValidProp(ctx) {
     import type { DistributiveOmit, HTMLPandaProps, JsxStyleProps, Pretty } from '../types';
 
     declare const isCssProperty: (value: string) => boolean;
-    
+
     type CssPropKey = keyof JsxStyleProps
-    type PickedCssProps<T> = Pretty<Pick<T, CssPropKey>>
     type OmittedCssProps<T> = Pretty<DistributiveOmit<T, CssPropKey>>
 
-    declare const splitCssProps: <T>(props: T) => [PickedCssProps<T>, OmittedCssProps<T>]
+    declare const splitCssProps: <T>(props: T) => [JsxStyleProps, OmittedCssProps<T>]
 
     export { isCssProperty, splitCssProps };
     `
@@ -3724,7 +3723,8 @@ var generateStaticCss = (ctx, sheet) => {
 
 // src/artifacts/css/token-css.ts
 import { expandNestedCss, extractParentSelectors, stringify as stringify4 } from "@pandacss/core";
-import postcss from "postcss";
+import postcss, { CssSyntaxError } from "postcss";
+import { logger as logger2 } from "@pandacss/logger";
 function generateTokenCss(ctx, sheet) {
   const {
     config: { cssVarRoot },
@@ -3786,8 +3786,17 @@ function getDeepestNode(node) {
   }
   return node;
 }
+var parse = (str) => {
+  try {
+    return postcss.parse(str);
+  } catch (error) {
+    if (error instanceof CssSyntaxError) {
+      logger2.error("tokens:process", error.showSourceCode(true));
+    }
+  }
+};
 function cleanupSelectors(css, varSelector) {
-  const root = postcss.parse(css);
+  const root = parse(css) ?? postcss.root();
   root.walkRules((rule) => {
     const selectors = [];
     rule.selectors.forEach((selector) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.33.0",
+  "version": "0.34.1",
   "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.35",
     "ts-pattern": "5.0.8",
-    "@pandacss/core": "0.33.0",
-    "@pandacss/is-valid-prop": "^0.33.0",
-    "@pandacss/logger": "0.33.0",
-    "@pandacss/shared": "0.33.0",
-    "@pandacss/token-dictionary": "0.33.0",
-    "@pandacss/types": "0.33.0"
+    "@pandacss/core": "0.34.1",
+    "@pandacss/is-valid-prop": "^0.34.1",
+    "@pandacss/logger": "0.34.1",
+    "@pandacss/shared": "0.34.1",
+    "@pandacss/token-dictionary": "0.34.1",
+    "@pandacss/types": "0.34.1"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.33"