@pandacss/generator 0.0.0-dev-20230613112708 → 0.0.0-dev-20230613150904

package/dist/index.d.ts

@@ -1,87 +1,15 @@
-import * as _pandacss_token_dictionary from '@pandacss/token-dictionary';
-import * as _pandacss_core from '@pandacss/core';
-import * as _pandacss_types_dist_shared from '@pandacss/types/dist/shared';
-import * as _pandacss_types_dist_config from '@pandacss/types/dist/config';
 import * as _pandacss_types from '@pandacss/types';
 import { LoadConfigResult } from '@pandacss/types';
+import * as _pandacss_types_dist_config from '@pandacss/types/dist/config';
 
-declare const getEngine: (conf: LoadConfigResult) => {
-    patterns: {
-        transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
-        nodes: {
-            type: "pattern";
-            name: string;
-            props: string[];
-            baseName: string;
-        }[];
-        patterns: Record<string, _pandacss_types.PatternConfig>;
-        getConfig: (name: string) => _pandacss_types.PatternConfig;
-        getNames: (name: string) => {
-            name: string;
-            upperName: string;
-            dashName: string;
-            styleFnName: string;
-            jsxName: string;
-        };
-        details: {
-            props: string[];
-            blocklistType: string;
-            config: _pandacss_types.PatternConfig;
-            name: string;
-            upperName: string;
-            dashName: string;
-            styleFnName: string;
-            jsxName: string;
-        }[];
-        getFnName: (jsx: string) => string;
-        isEmpty: () => boolean;
-    };
-    jsx: {
-        factoryName: string;
-        upperName: string;
-        typeName: string;
-        componentName: string;
-        framework: _pandacss_types_dist_config.JsxFramework | undefined;
-    };
-    paths: {
-        get: (file?: string | undefined) => string[];
-        root: string[];
-        css: string[];
-        token: string[];
-        types: string[];
-        recipe: string[];
-        pattern: string[];
-        chunk: string[];
-        outCss: string[];
-        jsx: string[];
-    };
-    file: {
-        ext(file: string): string;
-        import(mod: string, file: string): string;
-        export(file: string): string;
-    };
-    config: _pandacss_types_dist_shared.UnwrapExtend<_pandacss_types.RequiredBy<_pandacss_types.Config, "include" | "outdir" | "cwd">>;
-    path: string;
-    conditions: _pandacss_core.Conditions;
-    utility: _pandacss_core.Utility;
-    tokens: _pandacss_token_dictionary.TokenDictionary;
-    recipes: _pandacss_core.Recipes;
-    configDependencies: string[];
-    dependencies: string[];
-    createSheet: (options?: Pick<_pandacss_core.StylesheetOptions, "content"> | undefined) => _pandacss_core.Stylesheet;
-    properties: string[];
-    isValidProperty: (key: string) => boolean;
-};
-type Context = ReturnType<typeof getEngine>;
-
-declare const artifactsGenerated: (ctx: Context) => () => string;
+declare const artifactsGenerated: (ctx: any) => () => string;
 declare const configExists: (cmd: string) => string;
 declare const thankYou: () => string;
 declare const codegenComplete: () => string;
 declare const noExtract: () => string;
 declare const watch: () => string;
 declare const buildComplete: (count: number) => string;
-declare const getMessages: (ctx: Context) => {
+declare const getMessages: (ctx: any) => {
     artifactsGenerated: () => string;
     configExists: (cmd: string) => string;
     thankYou: () => string;
@@ -113,11 +41,13 @@ declare namespace messages {
 }
 
 declare const createGenerator: (conf: LoadConfigResult) => {
-    config: _pandacss_types_dist_shared.UnwrapExtend<_pandacss_types.RequiredBy<_pandacss_types.Config, "include" | "outdir" | "cwd">>;
-    path: string;
-    conditions: _pandacss_core.Conditions;
-    utility: _pandacss_core.Utility;
-    tokens: _pandacss_token_dictionary.TokenDictionary;
+    config: any;
+    path: any;
+    conditions: any;
+    utility: any;
+    hash: any;
+    prefix: any;
+    tokens: any;
     jsx: {
         factoryName: string;
         upperName: string;
@@ -125,9 +55,9 @@ declare const createGenerator: (conf: LoadConfigResult) => {
         componentName: string;
         framework: _pandacss_types_dist_config.JsxFramework | undefined;
     };
-    recipes: _pandacss_core.Recipes;
-    configDependencies: string[];
-    dependencies: string[];
+    recipes: any;
+    configDependencies: any;
+    dependencies: any;
     patterns: {
         transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
         nodes: {
@@ -158,15 +88,16 @@ declare const createGenerator: (conf: LoadConfigResult) => {
         getFnName: (jsx: string) => string;
         isEmpty: () => boolean;
     };
-    createSheet: (options?: Pick<_pandacss_core.StylesheetOptions, "content"> | undefined) => _pandacss_core.Stylesheet;
-    properties: string[];
-    isValidProperty: (key: string) => boolean;
+    createSheetContext: any;
+    createSheet: any;
+    properties: any;
+    isValidProperty: any;
     getArtifacts: () => _pandacss_types.Artifact[];
     getCss: (options: {
         files: string[];
         resolve?: boolean | undefined;
-    }) => string;
-    getParserCss: (result: _pandacss_types.ParserResultType) => string | undefined;
+    }) => any;
+    getParserCss: (result: _pandacss_types.ParserResultType) => any;
     messages: {
         artifactsGenerated: () => string;
         configExists: (cmd: string) => string;
@@ -202,23 +133,11 @@ declare const createGenerator: (conf: LoadConfigResult) => {
         };
         jsx: {
             factory: string;
-            isStyleProp: (key: string) => boolean;
-            nodes: ({
-                type: "pattern";
-                name: string;
-                props: string[];
-                baseName: string;
-            } | {
-                type: "recipe";
-                name: string;
-                props: string[];
-                baseName: string;
-                jsx: (string | RegExp)[];
-                match: RegExp;
-            })[];
+            isStyleProp: any;
+            nodes: any[];
         };
-        getRecipeName: (jsxName: string) => string;
-        getRecipeByName: (name: string) => _pandacss_types.RecipeConfig | undefined;
+        getRecipeName: any;
+        getRecipeByName: any;
     };
 };
 type Generator = ReturnType<typeof createGenerator>;

package/dist/index.js

@@ -2555,36 +2555,65 @@ var helpers = { map: import_shared5.mapObject };
 var getBaseEngine = (conf) => (0, import_lil_fp.pipe)(
   conf,
   import_lil_fp.Obj.bind("configDependencies", ({ dependencies }) => dependencies ?? []),
-  import_lil_fp.Obj.bind("tokens", ({ config: { theme = {}, prefix, hash } }) => {
+  import_lil_fp.Obj.assign(({ config: { hash, prefix } }) => ({
+    hash: {
+      tokens: (0, import_lil_fp.isBool)(hash) ? hash : hash?.cssVar,
+      className: (0, import_lil_fp.isBool)(hash) ? hash : hash?.className
+    },
+    prefix: {
+      tokens: (0, import_lil_fp.isStr)(prefix) ? prefix : prefix?.cssVar,
+      className: (0, import_lil_fp.isStr)(prefix) ? prefix : prefix?.className
+    }
+  })),
+  import_lil_fp.Obj.bind("tokens", ({ hash, prefix, config: { theme = {} } }) => {
     const { breakpoints, tokens, semanticTokens } = theme;
-    return new import_token_dictionary.TokenDictionary({ breakpoints, tokens, semanticTokens, prefix, hash });
+    return new import_token_dictionary.TokenDictionary({
+      breakpoints,
+      tokens,
+      semanticTokens,
+      prefix: prefix.tokens,
+      hash: hash.tokens
+    });
   }),
   (0, import_lil_fp.tap)(({ tokens }) => {
     import_logger3.logger.debug("generator:tokens", tokens.allNames);
   }),
-  import_lil_fp.Obj.bind("utility", ({ config: { prefix, utilities, separator }, tokens }) => {
-    return new import_core4.Utility({ prefix, tokens, config: utilities, separator });
+  import_lil_fp.Obj.bind("utility", ({ config: { utilities, separator }, tokens, prefix }) => {
+    return new import_core4.Utility({
+      prefix: prefix.className,
+      tokens,
+      config: utilities,
+      separator
+    });
   }),
   import_lil_fp.Obj.bind("conditions", ({ config: { conditions, theme } }) => {
     const { breakpoints } = theme ?? {};
     return new import_core4.Conditions({ conditions, breakpoints });
   }),
   (0, import_lil_fp.tap)(({ conditions, utility, config: { theme } }) => {
-    import_logger3.logger.debug("generator:conditions", conditions);
     const { textStyles, layerStyles } = theme ?? {};
     const compositions = (0, import_shared5.compact)({ textStyle: textStyles, layerStyle: layerStyles });
     (0, import_core4.assignCompositions)({ conditions, utility }, compositions);
   }),
-  import_lil_fp.Obj.bind("recipes", ({ conditions, utility, config: { hash, theme } }) => {
-    const context = { root: import_postcss3.default.root(), conditions, utility, hash, helpers };
+  import_lil_fp.Obj.bind("createSheetContext", ({ conditions, utility, hash }) => {
+    return () => ({
+      root: import_postcss3.default.root(),
+      conditions,
+      utility,
+      hash: hash.className,
+      helpers
+    });
+  }),
+  import_lil_fp.Obj.bind("recipes", ({ config: { theme }, createSheetContext }) => {
+    const context = createSheetContext();
     const recipes = new import_core4.Recipes(theme?.recipes ?? {}, context);
     recipes.save();
     return recipes;
   }),
   import_lil_fp.Obj.bind(
     "createSheet",
-    ({ conditions, utility, config: { hash, theme } }) => (options) => {
-      const context = { root: import_postcss3.default.root(), conditions, utility, hash, helpers };
+    ({ config: { theme }, createSheetContext }) => (options) => {
+      const context = createSheetContext();
       return new import_core4.Stylesheet(context, {
         content: options?.content,
         recipes: theme?.recipes

package/dist/index.mjs

@@ -2513,47 +2513,82 @@ var generateParserCss = (ctx) => (result) => pipe(
 );
 
 // src/engines/base.ts
-import { Conditions, Recipes, Stylesheet, Utility, assignCompositions } from "@pandacss/core";
+import {
+  Conditions,
+  Recipes,
+  Stylesheet,
+  Utility,
+  assignCompositions
+} from "@pandacss/core";
 import { isCssProperty } from "@pandacss/is-valid-prop";
 import { logger as logger2 } from "@pandacss/logger";
 import { compact, mapObject, memo } from "@pandacss/shared";
 import { TokenDictionary } from "@pandacss/token-dictionary";
-import { Obj, pipe as pipe2, tap as tap2 } from "lil-fp";
+import { Obj, isBool, isStr, pipe as pipe2, tap as tap2 } from "lil-fp";
 import postcss3 from "postcss";
 var helpers = { map: mapObject };
 var getBaseEngine = (conf) => pipe2(
   conf,
   Obj.bind("configDependencies", ({ dependencies }) => dependencies ?? []),
-  Obj.bind("tokens", ({ config: { theme = {}, prefix, hash } }) => {
+  Obj.assign(({ config: { hash, prefix } }) => ({
+    hash: {
+      tokens: isBool(hash) ? hash : hash?.cssVar,
+      className: isBool(hash) ? hash : hash?.className
+    },
+    prefix: {
+      tokens: isStr(prefix) ? prefix : prefix?.cssVar,
+      className: isStr(prefix) ? prefix : prefix?.className
+    }
+  })),
+  Obj.bind("tokens", ({ hash, prefix, config: { theme = {} } }) => {
     const { breakpoints, tokens, semanticTokens } = theme;
-    return new TokenDictionary({ breakpoints, tokens, semanticTokens, prefix, hash });
+    return new TokenDictionary({
+      breakpoints,
+      tokens,
+      semanticTokens,
+      prefix: prefix.tokens,
+      hash: hash.tokens
+    });
   }),
   tap2(({ tokens }) => {
     logger2.debug("generator:tokens", tokens.allNames);
   }),
-  Obj.bind("utility", ({ config: { prefix, utilities, separator }, tokens }) => {
-    return new Utility({ prefix, tokens, config: utilities, separator });
+  Obj.bind("utility", ({ config: { utilities, separator }, tokens, prefix }) => {
+    return new Utility({
+      prefix: prefix.className,
+      tokens,
+      config: utilities,
+      separator
+    });
   }),
   Obj.bind("conditions", ({ config: { conditions, theme } }) => {
     const { breakpoints } = theme ?? {};
     return new Conditions({ conditions, breakpoints });
   }),
   tap2(({ conditions, utility, config: { theme } }) => {
-    logger2.debug("generator:conditions", conditions);
     const { textStyles, layerStyles } = theme ?? {};
     const compositions = compact({ textStyle: textStyles, layerStyle: layerStyles });
     assignCompositions({ conditions, utility }, compositions);
   }),
-  Obj.bind("recipes", ({ conditions, utility, config: { hash, theme } }) => {
-    const context = { root: postcss3.root(), conditions, utility, hash, helpers };
+  Obj.bind("createSheetContext", ({ conditions, utility, hash }) => {
+    return () => ({
+      root: postcss3.root(),
+      conditions,
+      utility,
+      hash: hash.className,
+      helpers
+    });
+  }),
+  Obj.bind("recipes", ({ config: { theme }, createSheetContext }) => {
+    const context = createSheetContext();
     const recipes = new Recipes(theme?.recipes ?? {}, context);
     recipes.save();
     return recipes;
   }),
   Obj.bind(
     "createSheet",
-    ({ conditions, utility, config: { hash, theme } }) => (options) => {
-      const context = { root: postcss3.root(), conditions, utility, hash, helpers };
+    ({ config: { theme }, createSheetContext }) => (options) => {
+      const context = createSheetContext();
       return new Stylesheet(context, {
         content: options?.content,
         recipes: theme?.recipes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.0.0-dev-20230613112708",
+  "version": "0.0.0-dev-20230613150904",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -20,16 +20,16 @@
     "pluralize": "8.0.0",
     "postcss": "8.4.24",
     "ts-pattern": "4.3.0",
-    "@pandacss/core": "0.0.0-dev-20230613112708",
-    "@pandacss/logger": "0.0.0-dev-20230613112708",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230613112708",
-    "@pandacss/shared": "0.0.0-dev-20230613112708",
-    "@pandacss/types": "0.0.0-dev-20230613112708",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230613112708"
+    "@pandacss/core": "0.0.0-dev-20230613150904",
+    "@pandacss/logger": "0.0.0-dev-20230613150904",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230613150904",
+    "@pandacss/shared": "0.0.0-dev-20230613150904",
+    "@pandacss/types": "0.0.0-dev-20230613150904",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230613150904"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.29",
-    "@pandacss/fixture": "0.0.0-dev-20230613112708"
+    "@pandacss/fixture": "0.0.0-dev-20230613150904"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",