@pandacss/generator 1.9.0 → 1.10.0

package/dist/index.d.mts

@@ -49,7 +49,7 @@ declare class Generator extends Context {
      */
     getSplitCssArtifacts: (sheet: Stylesheet) => SplitCssResult;
     getSpec: () => SpecFile[];
-    getSpecOfType: <T extends SpecType>(type: T) => T extends "color-palette" ? SpecTypeMap[T] | undefined : SpecTypeMap[T];
+    getSpecOfType: <T extends SpecType>(type: T) => T extends "color-palette" | "themes" ? SpecTypeMap[T] | undefined : SpecTypeMap[T];
 }
 
 /**

package/dist/index.d.ts

@@ -49,7 +49,7 @@ declare class Generator extends Context {
      */
     getSplitCssArtifacts: (sheet: Stylesheet) => SplitCssResult;
     getSpec: () => SpecFile[];
-    getSpecOfType: <T extends SpecType>(type: T) => T extends "color-palette" ? SpecTypeMap[T] | undefined : SpecTypeMap[T];
+    getSpecOfType: <T extends SpecType>(type: T) => T extends "color-palette" | "themes" ? SpecTypeMap[T] | undefined : SpecTypeMap[T];
 }
 
 /**

package/dist/index.js

@@ -37,7 +37,7 @@ module.exports = __toCommonJS(index_exports);
 
 // src/generator.ts
 var import_core5 = require("@pandacss/core");
-var import_shared17 = require("@pandacss/shared");
+var import_shared18 = require("@pandacss/shared");
 var import_ts_pattern14 = require("ts-pattern");
 
 // src/artifacts/setup-artifacts.ts
@@ -5080,6 +5080,8 @@ var parse = (str) => {
   } catch (error) {
     if (error instanceof import_postcss.CssSyntaxError) {
       import_logger.logger.error("tokens:process", error.showSourceCode(true));
+    } else {
+      import_logger.logger.caughtError("tokens:process", "Failed to parse token CSS", error);
     }
   }
 };
@@ -5664,8 +5666,8 @@ var generateParserCss = (ctx, decoder) => {
   try {
     const css = sheet.toCss({ minify });
     return css;
-  } catch (err) {
-    import_logger2.logger.error("serializer:css", "Failed to serialize CSS: " + err);
+  } catch (error) {
+    import_logger2.logger.caughtError("serializer:css", "Failed to serialize CSS", error);
     return "";
   }
 };
@@ -6101,8 +6103,10 @@ var generateTextStylesSpec = (ctx) => {
   return generateCompositionStyleSpec("text-styles", ctx.config.theme, ctx.config.jsxStyleProps);
 };
 
-// src/spec/tokens.ts
-var import_shared15 = require("@pandacss/shared");
+// src/spec/themes.ts
+var import_shared16 = require("@pandacss/shared");
+
+// src/spec/token-examples.ts
 var CATEGORY_PROPERTY_MAP = {
   colors: "color",
   spacing: "padding",
@@ -6144,6 +6148,66 @@ var generateTokenExamples = (token, jsxStyleProps2 = "all") => {
   }
   return { functionExamples, tokenFunctionExamples, jsxExamples };
 };
+
+// src/spec/themes.ts
+var generateThemeTokenGroups = (ctx, themeName, filterFn) => {
+  const jsxStyleProps2 = ctx.config.jsxStyleProps;
+  const condName = "_theme" + (0, import_shared16.capitalize)(themeName);
+  const themeTokens = ctx.tokens.allTokens.filter(
+    (token) => token.extensions.isVirtual && token.extensions.theme === themeName && filterFn(token)
+  );
+  const byCategory = /* @__PURE__ */ new Map();
+  for (const token of themeTokens) {
+    const category = token.extensions.category;
+    if (!category) continue;
+    if (!byCategory.has(category)) byCategory.set(category, []);
+    byCategory.get(category).push(token);
+  }
+  return Array.from(byCategory.entries()).map(([category, typeTokens]) => {
+    if (!typeTokens.length) return null;
+    const firstToken = typeTokens[0];
+    const { functionExamples, tokenFunctionExamples, jsxExamples } = generateTokenExamples(firstToken, jsxStyleProps2);
+    const values = typeTokens.map((token) => {
+      const conditions = [];
+      (0, import_shared16.walkObject)(token.extensions.rawValue, (value, path) => {
+        conditions.push({
+          value,
+          condition: path.map((p) => p === condName ? themeName : p.replace(/^_/, "")).join(".")
+        });
+      });
+      return {
+        name: token.extensions.prop || token.name,
+        values: conditions,
+        description: token.description,
+        deprecated: token.deprecated,
+        cssVar: token.extensions.varRef
+      };
+    });
+    return {
+      type: category,
+      values,
+      tokenFunctionExamples,
+      functionExamples,
+      jsxExamples
+    };
+  }).filter(Boolean);
+};
+var generateThemesSpec = (ctx) => {
+  const themes = ctx.config.themes;
+  if (!themes || Object.keys(themes).length === 0) return void 0;
+  const data = Object.keys(themes).map((themeName) => {
+    const tokens = generateThemeTokenGroups(ctx, themeName, (token) => !token.extensions.isSemantic);
+    const semanticTokens = generateThemeTokenGroups(ctx, themeName, (token) => token.extensions.isSemantic);
+    return { name: themeName, tokens, semanticTokens };
+  });
+  return {
+    type: "themes",
+    data
+  };
+};
+
+// src/spec/tokens.ts
+var import_shared17 = require("@pandacss/shared");
 var generateTokensSpec = (ctx) => {
   const jsxStyleProps2 = ctx.config.jsxStyleProps;
   const groupedData = Array.from(ctx.tokens.view.categoryMap.entries()).map(([category, tokenMap]) => {
@@ -6184,7 +6248,7 @@ var generateSemanticTokensSpec = (ctx) => {
     const { functionExamples, tokenFunctionExamples, jsxExamples } = generateTokenExamples(firstToken, jsxStyleProps2);
     const values = typeTokens.map((token) => {
       const conditions = [];
-      (0, import_shared15.walkObject)(token.extensions.rawValue, (value, path) => {
+      (0, import_shared17.walkObject)(token.extensions.rawValue, (value, path) => {
         conditions.push({ value, condition: path.map((p) => p.replace(/^_/, "")).join(".") });
       });
       return {
@@ -6219,7 +6283,7 @@ var Generator = class extends import_core5.Context {
   };
   appendCssOfType = (type, sheet) => {
     (0, import_ts_pattern14.match)(type).with("preflight", () => generateResetCss(this, sheet)).with("tokens", () => generateTokenCss(this, sheet)).with("static", () => generateStaticCss(this, sheet)).with("global", () => generateGlobalCss(this, sheet)).with("keyframes", () => generateKeyframeCss(this, sheet)).otherwise(() => {
-      throw new import_shared17.PandaError(
+      throw new import_shared18.PandaError(
         "UNKNOWN_ARTIFACT",
         `Unknown CSS artifact type: "${type}". Expected one of: preflight, tokens, static, global, keyframes`
       );
@@ -6300,7 +6364,7 @@ var Generator = class extends import_core5.Context {
         recipes.push({
           type: "recipe",
           name: recipeName,
-          file: `${(0, import_shared17.dashCase)(recipeName)}.css`,
+          file: `${(0, import_shared18.dashCase)(recipeName)}.css`,
           code,
           dir: "recipes"
         });
@@ -6314,7 +6378,7 @@ var Generator = class extends import_core5.Context {
           themes.push({
             type: "theme",
             name: themeName,
-            file: `${(0, import_shared17.dashCase)(themeName)}.css`,
+            file: `${(0, import_shared18.dashCase)(themeName)}.css`,
             code: `@layer ${layerNames.tokens} {
 ${css}
 }`,
@@ -6356,6 +6420,10 @@ ${css}
     if (colorPaletteSpec) {
       specs.push(colorPaletteSpec);
     }
+    const themesSpec = generateThemesSpec(this);
+    if (themesSpec) {
+      specs.push(themesSpec);
+    }
     return specs;
   };
   getSpecOfType = (type) => {
@@ -6381,6 +6449,8 @@ ${css}
           return generateAnimationStylesSpec(this);
         case "color-palette":
           return generateColorPaletteSpec(this) ?? void 0;
+        case "themes":
+          return generateThemesSpec(this) ?? void 0;
       }
     })();
     return spec;

package/dist/index.mjs

@@ -5043,6 +5043,8 @@ var parse = (str) => {
   } catch (error) {
     if (error instanceof CssSyntaxError) {
       logger.error("tokens:process", error.showSourceCode(true));
+    } else {
+      logger.caughtError("tokens:process", "Failed to parse token CSS", error);
     }
   }
 };
@@ -5627,8 +5629,8 @@ var generateParserCss = (ctx, decoder) => {
   try {
     const css = sheet.toCss({ minify });
     return css;
-  } catch (err) {
-    logger2.error("serializer:css", "Failed to serialize CSS: " + err);
+  } catch (error) {
+    logger2.caughtError("serializer:css", "Failed to serialize CSS", error);
     return "";
   }
 };
@@ -6064,8 +6066,10 @@ var generateTextStylesSpec = (ctx) => {
   return generateCompositionStyleSpec("text-styles", ctx.config.theme, ctx.config.jsxStyleProps);
 };
 
-// src/spec/tokens.ts
-import { walkObject as walkObject2 } from "@pandacss/shared";
+// src/spec/themes.ts
+import { capitalize as capitalize2, walkObject as walkObject2 } from "@pandacss/shared";
+
+// src/spec/token-examples.ts
 var CATEGORY_PROPERTY_MAP = {
   colors: "color",
   spacing: "padding",
@@ -6107,6 +6111,66 @@ var generateTokenExamples = (token, jsxStyleProps2 = "all") => {
   }
   return { functionExamples, tokenFunctionExamples, jsxExamples };
 };
+
+// src/spec/themes.ts
+var generateThemeTokenGroups = (ctx, themeName, filterFn) => {
+  const jsxStyleProps2 = ctx.config.jsxStyleProps;
+  const condName = "_theme" + capitalize2(themeName);
+  const themeTokens = ctx.tokens.allTokens.filter(
+    (token) => token.extensions.isVirtual && token.extensions.theme === themeName && filterFn(token)
+  );
+  const byCategory = /* @__PURE__ */ new Map();
+  for (const token of themeTokens) {
+    const category = token.extensions.category;
+    if (!category) continue;
+    if (!byCategory.has(category)) byCategory.set(category, []);
+    byCategory.get(category).push(token);
+  }
+  return Array.from(byCategory.entries()).map(([category, typeTokens]) => {
+    if (!typeTokens.length) return null;
+    const firstToken = typeTokens[0];
+    const { functionExamples, tokenFunctionExamples, jsxExamples } = generateTokenExamples(firstToken, jsxStyleProps2);
+    const values = typeTokens.map((token) => {
+      const conditions = [];
+      walkObject2(token.extensions.rawValue, (value, path) => {
+        conditions.push({
+          value,
+          condition: path.map((p) => p === condName ? themeName : p.replace(/^_/, "")).join(".")
+        });
+      });
+      return {
+        name: token.extensions.prop || token.name,
+        values: conditions,
+        description: token.description,
+        deprecated: token.deprecated,
+        cssVar: token.extensions.varRef
+      };
+    });
+    return {
+      type: category,
+      values,
+      tokenFunctionExamples,
+      functionExamples,
+      jsxExamples
+    };
+  }).filter(Boolean);
+};
+var generateThemesSpec = (ctx) => {
+  const themes = ctx.config.themes;
+  if (!themes || Object.keys(themes).length === 0) return void 0;
+  const data = Object.keys(themes).map((themeName) => {
+    const tokens = generateThemeTokenGroups(ctx, themeName, (token) => !token.extensions.isSemantic);
+    const semanticTokens = generateThemeTokenGroups(ctx, themeName, (token) => token.extensions.isSemantic);
+    return { name: themeName, tokens, semanticTokens };
+  });
+  return {
+    type: "themes",
+    data
+  };
+};
+
+// src/spec/tokens.ts
+import { walkObject as walkObject3 } from "@pandacss/shared";
 var generateTokensSpec = (ctx) => {
   const jsxStyleProps2 = ctx.config.jsxStyleProps;
   const groupedData = Array.from(ctx.tokens.view.categoryMap.entries()).map(([category, tokenMap]) => {
@@ -6147,7 +6211,7 @@ var generateSemanticTokensSpec = (ctx) => {
     const { functionExamples, tokenFunctionExamples, jsxExamples } = generateTokenExamples(firstToken, jsxStyleProps2);
     const values = typeTokens.map((token) => {
       const conditions = [];
-      walkObject2(token.extensions.rawValue, (value, path) => {
+      walkObject3(token.extensions.rawValue, (value, path) => {
         conditions.push({ value, condition: path.map((p) => p.replace(/^_/, "")).join(".") });
       });
       return {
@@ -6319,6 +6383,10 @@ ${css}
     if (colorPaletteSpec) {
       specs.push(colorPaletteSpec);
     }
+    const themesSpec = generateThemesSpec(this);
+    if (themesSpec) {
+      specs.push(themesSpec);
+    }
     return specs;
   };
   getSpecOfType = (type) => {
@@ -6344,6 +6412,8 @@ ${css}
           return generateAnimationStylesSpec(this);
         case "color-palette":
           return generateColorPaletteSpec(this) ?? void 0;
+        case "themes":
+          return generateThemesSpec(this) ?? void 0;
       }
     })();
     return spec;

package/package.json

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