@pandacss/generator 0.53.6 → 0.54.0

package/dist/index.js

@@ -595,8 +595,17 @@ function generatePattern(ctx, filters) {
       }).join("\n	")}
       }
 
-      ${strict ? import_outdent10.outdent`export declare function ${baseName}(styles: ${upperName}Properties): string` : import_outdent10.outdent`
+      ${strict ? import_outdent10.outdent`
+          interface ${upperName}Styles extends ${upperName}Properties {}
 
+          interface ${upperName}PatternFn {
+            (styles?: ${upperName}Styles): string
+            raw: (styles?: ${upperName}Styles) => SystemStyleObject
+          }
+
+          ${ctx.file.jsDocComment(description, { deprecated })}
+          export declare const ${baseName}: ${upperName}PatternFn;
+          ` : import_outdent10.outdent`
           interface ${upperName}Styles extends ${upperName}Properties, DistributiveOmit<SystemStyleObject, keyof ${upperName}Properties ${blocklistType}> {}
 
           interface ${upperName}PatternFn {
@@ -3825,7 +3834,7 @@ var categories = [
 function generateTokenTypes(ctx) {
   const { tokens } = ctx;
   const set = /* @__PURE__ */ new Set();
-  set.add(`export type Token = ${tokens.isEmpty ? "string" : (0, import_shared4.unionType)(Array.from(tokens.byName.keys()))}`);
+  const tokenSet = /* @__PURE__ */ new Set();
   const result = /* @__PURE__ */ new Set(["export type Tokens = {"]);
   if (tokens.isEmpty) {
     result.add("[token: string]: string");
@@ -3836,14 +3845,23 @@ function generateTokenTypes(ctx) {
     }
     for (const [key, value] of tokens.view.categoryMap.entries()) {
       const typeName = (0, import_shared4.capitalize)(import_pluralize.default.singular(key));
-      set.add(`export type ${typeName}Token = ${(0, import_shared4.unionType)(value.keys())}`);
-      result.add(`		${key}: ${typeName}Token`);
+      const categoryName = `${typeName}Token`;
+      set.add(`export type ${categoryName} = ${(0, import_shared4.unionType)(value.keys())}`);
+      tokenSet.add(`${key}.\${${categoryName}}`);
+      result.add(`		${key}: ${categoryName}`);
     }
   }
   result.add("} & { [token: string]: never }");
   set.add(Array.from(result).join("\n"));
   set.add(`export type TokenCategory = ${(0, import_shared4.unionType)(categories)}`);
-  return import_outdent42.outdent.string(Array.from(set).join("\n\n"));
+  const arr = Array.from(set);
+  arr.unshift(
+    `export type Token = ${(0, import_shared4.unionType)(tokenSet, {
+      stringify: (t) => `\`${t}\``,
+      fallback: "string"
+    })}`
+  );
+  return import_outdent42.outdent.string(arr.join("\n\n"));
 }
 
 // src/artifacts/js/themes.ts
@@ -3868,7 +3886,7 @@ function generateTokenCss(ctx, sheet) {
   const themeConds = themeVariants.map((key) => conditions.getThemeName(key));
   const themePrefix = ctx.conditions.getThemeName("");
   for (const [key, values] of tokens.view.vars.entries()) {
-    const isThemeSkipped = key.startsWith(themePrefix) && !themeConds.some((condName) => key.startsWith(condName));
+    const isThemeSkipped = key.startsWith(themePrefix) && !themeConds.some((condName) => key === condName || key.startsWith(condName + ":"));
     if (isThemeSkipped) {
       continue;
     }

package/dist/index.mjs

@@ -559,8 +559,17 @@ function generatePattern(ctx, filters) {
       }).join("\n	")}
       }
 
-      ${strict ? outdent10`export declare function ${baseName}(styles: ${upperName}Properties): string` : outdent10`
+      ${strict ? outdent10`
+          interface ${upperName}Styles extends ${upperName}Properties {}
 
+          interface ${upperName}PatternFn {
+            (styles?: ${upperName}Styles): string
+            raw: (styles?: ${upperName}Styles) => SystemStyleObject
+          }
+
+          ${ctx.file.jsDocComment(description, { deprecated })}
+          export declare const ${baseName}: ${upperName}PatternFn;
+          ` : outdent10`
           interface ${upperName}Styles extends ${upperName}Properties, DistributiveOmit<SystemStyleObject, keyof ${upperName}Properties ${blocklistType}> {}
 
           interface ${upperName}PatternFn {
@@ -3789,7 +3798,7 @@ var categories = [
 function generateTokenTypes(ctx) {
   const { tokens } = ctx;
   const set = /* @__PURE__ */ new Set();
-  set.add(`export type Token = ${tokens.isEmpty ? "string" : unionType4(Array.from(tokens.byName.keys()))}`);
+  const tokenSet = /* @__PURE__ */ new Set();
   const result = /* @__PURE__ */ new Set(["export type Tokens = {"]);
   if (tokens.isEmpty) {
     result.add("[token: string]: string");
@@ -3800,14 +3809,23 @@ function generateTokenTypes(ctx) {
     }
     for (const [key, value] of tokens.view.categoryMap.entries()) {
       const typeName = capitalize(pluralize.singular(key));
-      set.add(`export type ${typeName}Token = ${unionType4(value.keys())}`);
-      result.add(`		${key}: ${typeName}Token`);
+      const categoryName = `${typeName}Token`;
+      set.add(`export type ${categoryName} = ${unionType4(value.keys())}`);
+      tokenSet.add(`${key}.\${${categoryName}}`);
+      result.add(`		${key}: ${categoryName}`);
     }
   }
   result.add("} & { [token: string]: never }");
   set.add(Array.from(result).join("\n"));
   set.add(`export type TokenCategory = ${unionType4(categories)}`);
-  return outdent42.string(Array.from(set).join("\n\n"));
+  const arr = Array.from(set);
+  arr.unshift(
+    `export type Token = ${unionType4(tokenSet, {
+      stringify: (t) => `\`${t}\``,
+      fallback: "string"
+    })}`
+  );
+  return outdent42.string(arr.join("\n\n"));
 }
 
 // src/artifacts/js/themes.ts
@@ -3832,7 +3850,7 @@ function generateTokenCss(ctx, sheet) {
   const themeConds = themeVariants.map((key) => conditions.getThemeName(key));
   const themePrefix = ctx.conditions.getThemeName("");
   for (const [key, values] of tokens.view.vars.entries()) {
-    const isThemeSkipped = key.startsWith(themePrefix) && !themeConds.some((condName) => key.startsWith(condName));
+    const isThemeSkipped = key.startsWith(themePrefix) && !themeConds.some((condName) => key === condName || key.startsWith(condName + ":"));
     if (isThemeSkipped) {
       continue;
     }

package/package.json

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