@pandacss/generator 0.0.0-dev-20231222115330 → 0.0.0-dev-20231223024151

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 import * as _pandacss_types from '@pandacss/types';
 import { UserConfig, PatternConfig, Dict, ArtifactFilters, ConfigResultWithHooks, RequiredBy, StudioOptions, HashOptions, PrefixOptions, Theme, CascadeLayers, TSConfig, ArtifactId, ParserResultType } from '@pandacss/types';
 import { Utility, Recipes, Conditions, Layers, Stylesheet, RecipeContext, RecipeNode } from '@pandacss/core';
+import { mapObject } from '@pandacss/shared';
 import { TokenDictionary } from '@pandacss/token-dictionary';
 
 declare class FileEngine {
@@ -108,7 +109,15 @@ declare class Context {
     createLayers(layers: CascadeLayers): Layers;
     setupCompositions(theme: Theme): void;
     setupProperties(): void;
-    private get baseSheetContext();
+    get baseSheetContext(): {
+        conditions: Conditions;
+        layers: Layers;
+        utility: Utility;
+        helpers: {
+            map: typeof mapObject;
+        };
+        hash: boolean | undefined;
+    };
     createSheet(): Stylesheet;
     createRecipes(theme: Theme, context: RecipeContext): Recipes;
 }

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as _pandacss_types from '@pandacss/types';
 import { UserConfig, PatternConfig, Dict, ArtifactFilters, ConfigResultWithHooks, RequiredBy, StudioOptions, HashOptions, PrefixOptions, Theme, CascadeLayers, TSConfig, ArtifactId, ParserResultType } from '@pandacss/types';
 import { Utility, Recipes, Conditions, Layers, Stylesheet, RecipeContext, RecipeNode } from '@pandacss/core';
+import { mapObject } from '@pandacss/shared';
 import { TokenDictionary } from '@pandacss/token-dictionary';
 
 declare class FileEngine {
@@ -108,7 +109,15 @@ declare class Context {
     createLayers(layers: CascadeLayers): Layers;
     setupCompositions(theme: Theme): void;
     setupProperties(): void;
-    private get baseSheetContext();
+    get baseSheetContext(): {
+        conditions: Conditions;
+        layers: Layers;
+        utility: Utility;
+        helpers: {
+            map: typeof mapObject;
+        };
+        hash: boolean | undefined;
+    };
     createSheet(): Stylesheet;
     createRecipes(theme: Theme, context: RecipeContext): Recipes;
 }

package/dist/index.js

@@ -2832,7 +2832,7 @@ var selectors_d_ts_default = {
 
 // src/artifacts/generated/static-css.d.ts.json
 var static_css_d_ts_default = {
-  content: "interface CssRule {\n  /**\n   * The css properties to generate utilities for.\n   * @example ['margin', 'padding']\n   */\n  properties: {\n    [property: string]: string[]\n  }\n  /**\n   * The css conditions to generate utilities for.\n   * @example ['hover', 'focus']\n   */\n  conditions?: string[]\n  /**\n   * Whether to generate responsive utilities.\n   */\n  responsive?: boolean\n}\n\nexport type RecipeRule =\n  | '*'\n  | ({\n      conditions?: string[]\n      responsive?: boolean\n    } & { [variant: string]: boolean | string[] })\n\nexport interface StaticCssOptions {\n  /**\n   * The css utility classes to generate.\n   */\n  css?: CssRule[]\n  /**\n   * The css recipes to generate.\n   */\n  recipes?: {\n    [recipe: string]: RecipeRule[]\n  }\n}\n"
+  content: "interface WithConditions {\n  /**\n   * The css conditions to generate for the rule.\n   * @example ['hover', 'focus']\n   */\n  conditions?: string[]\n  responsive?: boolean\n}\n\nexport interface CssRule extends WithConditions {\n  /**\n   * The css properties to generate utilities for.\n   * @example ['margin', 'padding']\n   */\n  properties: {\n    [property: string]: Array<string | number>\n  }\n}\n\ninterface RecipeRuleVariants {\n  [variant: string]: boolean | string[]\n}\n\nexport type RecipeRule = '*' | (RecipeRuleVariants & WithConditions)\nexport type PatternRule = '*' | CssRule\n\nexport interface StaticCssOptions {\n  /**\n   * The css utility classes to generate.\n   */\n  css?: CssRule[]\n  /**\n   * The css recipes to generate.\n   */\n  recipes?: {\n    [recipe: string]: RecipeRule[]\n  }\n  /**\n   * The css patterns to generate.\n   */\n  patterns?: {\n    [pattern: string]: PatternRule[]\n  }\n}\n"
 };
 
 // src/artifacts/types/generated.ts
@@ -3857,21 +3857,49 @@ var generateStaticCss = (ctx) => {
     }
   });
   const getResult = (0, import_core3.getStaticCss)(staticCss);
+  const getPropertyKeys = (prop) => {
+    const propConfig = utility.config[prop];
+    if (!propConfig)
+      return [];
+    const values = utility.getPropertyValues(propConfig);
+    if (!values)
+      return [];
+    return Object.keys(values);
+  };
   const results = getResult({
     breakpoints: Object.keys(theme.breakpoints ?? {}),
-    getPropertyKeys: (prop) => {
-      const propConfig = utility.config[prop];
-      if (!propConfig)
-        return [];
-      const values = utility.getPropertyValues(propConfig);
-      if (!values)
+    getPropertyKeys,
+    getRecipeKeys: (recipe) => {
+      return recipes.details.find((detail) => detail.baseName === recipe)?.variantKeyMap ?? {};
+    },
+    getPatternPropValues: (patternName, property) => {
+      const patternConfig = ctx.patterns.getConfig(patternName);
+      if (!patternConfig)
         return [];
-      return Object.keys(values);
+      const propType = patternConfig.properties?.[property];
+      if (!propType)
+        return;
+      if (propType.type === "enum") {
+        return propType.value;
+      }
+      if (propType.type === "boolean") {
+        return ["true", "false"];
+      }
+      if (propType.type === "property") {
+        return getPropertyKeys(propType.value || property);
+      }
+      if (propType.type === "token") {
+        const values = ctx.tokens.getValue(propType.value);
+        return Object.keys(values ?? {});
+      }
     },
-    getRecipeKeys: (recipe) => {
-      const recipeConfig = recipes.details.find((detail) => detail.baseName === recipe);
-      return Object.assign({ __base: recipeConfig?.config.base }, recipeConfig?.variantKeyMap ?? {});
-    }
+    getPatternKeys: (patternName) => {
+      const details = ctx.patterns.details.find((d) => d.baseName === patternName);
+      if (!details)
+        return;
+      return details.props ?? [];
+    },
+    getPatternTransform: ctx.patterns.transform.bind(ctx.patterns)
   });
   results.css.forEach((css2) => {
     ctx.stylesheet.processAtomic(css2);
@@ -3884,6 +3912,11 @@ var generateStaticCss = (ctx) => {
       ctx.stylesheet.processRecipe(name, recipeConfig, value);
     });
   });
+  results.patterns.forEach((result) => {
+    Object.entries(result).forEach(([name, value]) => {
+      ctx.stylesheet.processAtomic({ [name]: value });
+    });
+  });
   void ctx.hooks.callHook("generator:css", "static.css", "");
 };
 

package/dist/index.mjs

@@ -2801,7 +2801,7 @@ var selectors_d_ts_default = {
 
 // src/artifacts/generated/static-css.d.ts.json
 var static_css_d_ts_default = {
-  content: "interface CssRule {\n  /**\n   * The css properties to generate utilities for.\n   * @example ['margin', 'padding']\n   */\n  properties: {\n    [property: string]: string[]\n  }\n  /**\n   * The css conditions to generate utilities for.\n   * @example ['hover', 'focus']\n   */\n  conditions?: string[]\n  /**\n   * Whether to generate responsive utilities.\n   */\n  responsive?: boolean\n}\n\nexport type RecipeRule =\n  | '*'\n  | ({\n      conditions?: string[]\n      responsive?: boolean\n    } & { [variant: string]: boolean | string[] })\n\nexport interface StaticCssOptions {\n  /**\n   * The css utility classes to generate.\n   */\n  css?: CssRule[]\n  /**\n   * The css recipes to generate.\n   */\n  recipes?: {\n    [recipe: string]: RecipeRule[]\n  }\n}\n"
+  content: "interface WithConditions {\n  /**\n   * The css conditions to generate for the rule.\n   * @example ['hover', 'focus']\n   */\n  conditions?: string[]\n  responsive?: boolean\n}\n\nexport interface CssRule extends WithConditions {\n  /**\n   * The css properties to generate utilities for.\n   * @example ['margin', 'padding']\n   */\n  properties: {\n    [property: string]: Array<string | number>\n  }\n}\n\ninterface RecipeRuleVariants {\n  [variant: string]: boolean | string[]\n}\n\nexport type RecipeRule = '*' | (RecipeRuleVariants & WithConditions)\nexport type PatternRule = '*' | CssRule\n\nexport interface StaticCssOptions {\n  /**\n   * The css utility classes to generate.\n   */\n  css?: CssRule[]\n  /**\n   * The css recipes to generate.\n   */\n  recipes?: {\n    [recipe: string]: RecipeRule[]\n  }\n  /**\n   * The css patterns to generate.\n   */\n  patterns?: {\n    [pattern: string]: PatternRule[]\n  }\n}\n"
 };
 
 // src/artifacts/types/generated.ts
@@ -3826,21 +3826,49 @@ var generateStaticCss = (ctx) => {
     }
   });
   const getResult = getStaticCss(staticCss);
+  const getPropertyKeys = (prop) => {
+    const propConfig = utility.config[prop];
+    if (!propConfig)
+      return [];
+    const values = utility.getPropertyValues(propConfig);
+    if (!values)
+      return [];
+    return Object.keys(values);
+  };
   const results = getResult({
     breakpoints: Object.keys(theme.breakpoints ?? {}),
-    getPropertyKeys: (prop) => {
-      const propConfig = utility.config[prop];
-      if (!propConfig)
-        return [];
-      const values = utility.getPropertyValues(propConfig);
-      if (!values)
+    getPropertyKeys,
+    getRecipeKeys: (recipe) => {
+      return recipes.details.find((detail) => detail.baseName === recipe)?.variantKeyMap ?? {};
+    },
+    getPatternPropValues: (patternName, property) => {
+      const patternConfig = ctx.patterns.getConfig(patternName);
+      if (!patternConfig)
         return [];
-      return Object.keys(values);
+      const propType = patternConfig.properties?.[property];
+      if (!propType)
+        return;
+      if (propType.type === "enum") {
+        return propType.value;
+      }
+      if (propType.type === "boolean") {
+        return ["true", "false"];
+      }
+      if (propType.type === "property") {
+        return getPropertyKeys(propType.value || property);
+      }
+      if (propType.type === "token") {
+        const values = ctx.tokens.getValue(propType.value);
+        return Object.keys(values ?? {});
+      }
     },
-    getRecipeKeys: (recipe) => {
-      const recipeConfig = recipes.details.find((detail) => detail.baseName === recipe);
-      return Object.assign({ __base: recipeConfig?.config.base }, recipeConfig?.variantKeyMap ?? {});
-    }
+    getPatternKeys: (patternName) => {
+      const details = ctx.patterns.details.find((d) => d.baseName === patternName);
+      if (!details)
+        return;
+      return details.props ?? [];
+    },
+    getPatternTransform: ctx.patterns.transform.bind(ctx.patterns)
   });
   results.css.forEach((css2) => {
     ctx.stylesheet.processAtomic(css2);
@@ -3853,6 +3881,11 @@ var generateStaticCss = (ctx) => {
       ctx.stylesheet.processRecipe(name, recipeConfig, value);
     });
   });
+  results.patterns.forEach((result) => {
+    Object.entries(result).forEach(([name, value]) => {
+      ctx.stylesheet.processAtomic({ [name]: value });
+    });
+  });
   void ctx.hooks.callHook("generator:css", "static.css", "");
 };
 

package/package.json

@@ -1,12 +1,18 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.0.0-dev-20231222115330",
+  "version": "0.0.0-dev-20231223024151",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
   "sideEffects": false,
+  "homepage": "https://panda-css.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/chakra-ui/panda.git",
+    "directory": "packages/generator"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -32,17 +38,16 @@
     "pluralize": "8.0.0",
     "postcss": "^8.4.31",
     "ts-pattern": "5.0.5",
-    "@pandacss/core": "0.0.0-dev-20231222115330",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20231222115330",
-    "@pandacss/logger": "0.0.0-dev-20231222115330",
-    "@pandacss/shared": "0.0.0-dev-20231222115330",
-    "@pandacss/token-dictionary": "0.0.0-dev-20231222115330",
-    "@pandacss/types": "0.0.0-dev-20231222115330"
+    "@pandacss/core": "0.0.0-dev-20231223024151",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20231223024151",
+    "@pandacss/logger": "0.0.0-dev-20231223024151",
+    "@pandacss/shared": "0.0.0-dev-20231223024151",
+    "@pandacss/token-dictionary": "0.0.0-dev-20231223024151",
+    "@pandacss/types": "0.0.0-dev-20231223024151"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.33",
-    "hookable": "5.5.3",
-    "@pandacss/fixture": "0.0.0-dev-20231222115330"
+    "hookable": "5.5.3"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",