@pandacss/generator 0.0.0-dev-20230525095129 → 0.0.0-dev-20230525192325

package/dist/index.d.ts

@@ -35,35 +35,6 @@ declare const getEngine: (conf: LoadConfigResult) => {
         getFnName: (jsx: string) => string;
         isEmpty: () => boolean;
     };
-    recipes: {
-        nodes: {
-            type: "recipe";
-            name: string;
-            props: string[];
-            baseName: string;
-            jsx: (string | RegExp)[];
-            match: RegExp;
-        }[];
-        recipes: Record<string, _pandacss_types.RecipeConfig<Record<string, _pandacss_types.AnyRecipeConfig>>>;
-        getConfig: (name: string) => _pandacss_types.AnyRecipeConfig | undefined;
-        getNames: (name: string) => {
-            upperName: string;
-            dashName: string;
-            jsxName: string;
-        };
-        details: {
-            config: _pandacss_types.RecipeConfig<Record<string, _pandacss_types.AnyRecipeConfig>>;
-            variantKeyMap: {
-                [k: string]: string[];
-            };
-            upperName: string;
-            dashName: string;
-            jsxName: string;
-        }[];
-        getFnName: (jsx: string) => string;
-        splitProps: (name: string, props: Record<string, any>) => Record<string, any>[];
-        isEmpty: () => boolean;
-    };
     jsx: {
         factoryName: string;
         upperName: string;
@@ -93,9 +64,10 @@ declare const getEngine: (conf: LoadConfigResult) => {
     conditions: _pandacss_core.Conditions;
     utility: _pandacss_core.Utility;
     tokens: _pandacss_token_dictionary.TokenDictionary;
+    recipes: _pandacss_core.Recipes;
     configDependencies: string[];
     dependencies: string[];
-    createSheet: (options?: _pandacss_core.StylesheetOptions | undefined) => _pandacss_core.Stylesheet;
+    createSheet: (options?: Pick<_pandacss_core.StylesheetOptions, "content"> | undefined) => _pandacss_core.Stylesheet;
     properties: string[];
     isValidProperty: (key: string) => boolean;
 };
@@ -152,35 +124,7 @@ declare const createGenerator: (conf: LoadConfigResult) => {
         componentName: string;
         framework: "solid" | "react" | "preact" | "vue" | undefined;
     };
-    recipes: {
-        nodes: {
-            type: "recipe";
-            name: string;
-            props: string[];
-            baseName: string;
-            jsx: (string | RegExp)[];
-            match: RegExp;
-        }[];
-        recipes: Record<string, _pandacss_types.RecipeConfig<Record<string, _pandacss_types.AnyRecipeConfig>>>;
-        getConfig: (name: string) => _pandacss_types.AnyRecipeConfig | undefined;
-        getNames: (name: string) => {
-            upperName: string;
-            dashName: string;
-            jsxName: string;
-        };
-        details: {
-            config: _pandacss_types.RecipeConfig<Record<string, _pandacss_types.AnyRecipeConfig>>;
-            variantKeyMap: {
-                [k: string]: string[];
-            };
-            upperName: string;
-            dashName: string;
-            jsxName: string;
-        }[];
-        getFnName: (jsx: string) => string;
-        splitProps: (name: string, props: Record<string, any>) => Record<string, any>[];
-        isEmpty: () => boolean;
-    };
+    recipes: _pandacss_core.Recipes;
     configDependencies: string[];
     dependencies: string[];
     patterns: {
@@ -213,7 +157,7 @@ declare const createGenerator: (conf: LoadConfigResult) => {
         getFnName: (jsx: string) => string;
         isEmpty: () => boolean;
     };
-    createSheet: (options?: _pandacss_core.StylesheetOptions | undefined) => _pandacss_core.Stylesheet;
+    createSheet: (options?: Pick<_pandacss_core.StylesheetOptions, "content"> | undefined) => _pandacss_core.Stylesheet;
     properties: string[];
     isValidProperty: (key: string) => boolean;
     getArtifacts: () => _pandacss_types.Artifact[];
@@ -272,7 +216,7 @@ declare const createGenerator: (conf: LoadConfigResult) => {
                 match: RegExp;
             })[];
         };
-        getRecipeName: (jsx: string) => string;
+        getRecipeName: (jsxName: string) => string;
         getRecipeByName: (name: string) => _pandacss_types.AnyRecipeConfig | undefined;
     };
 };

package/dist/index.js

@@ -124,7 +124,7 @@ var getMessages = (ctx) => ({
 });
 
 // src/generator.ts
-var import_lil_fp4 = require("lil-fp");
+var import_lil_fp3 = require("lil-fp");
 
 // src/artifacts/index.ts
 var import_shared4 = require("@pandacss/shared");
@@ -1711,7 +1711,7 @@ var csstype_d_ts_default = {
 
 // src/artifacts/generated/system-types.d.ts.json
 var system_types_d_ts_default = {
-  content: "import type { ConditionalValue, Conditions, Nested } from './conditions'\nimport type { PropertiesFallback } from './csstype'\nimport type { SystemProperties, CssVarProperties } from './style-props'\n\ntype String = string & {}\ntype Number = number & {}\n\n/* -----------------------------------------------------------------------------\n * Native css properties\n * -----------------------------------------------------------------------------*/\n\nexport type CssProperty = keyof PropertiesFallback\n\nexport type CssProperties = PropertiesFallback<String | Number> & CssVarProperties\n\nexport type CssKeyframes = {\n  [name: string]: {\n    [time: string]: CssProperties\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Conditional css properties\n * -----------------------------------------------------------------------------*/\n\ntype MinimalNested<P> = {\n  [K in keyof Conditions]?: Nested<P>\n}\n\ntype GenericProperties = {\n  [key: string]: ConditionalValue<String | Number | boolean>\n}\n\n/* -----------------------------------------------------------------------------\n * Native css props\n * -----------------------------------------------------------------------------*/\n\nexport type NestedCssProperties = Nested<CssProperties>\n\nexport type SystemStyleObject = Nested<(SystemProperties | GenericProperties) & CssVarProperties>\n\nexport type GlobalStyleObject = {\n  [selector: string]: SystemStyleObject\n}\n\nexport type CompositionStyleObject<Property extends string> = Nested<{\n  [K in Property]?: K extends keyof SystemStyleObject ? SystemStyleObject[K] : unknown\n}>\n\n/* -----------------------------------------------------------------------------\n * Jsx style props\n * -----------------------------------------------------------------------------*/\n\nexport type JsxStyleProps = SystemProperties &\n  MinimalNested<SystemStyleObject> & {\n    css?: SystemStyleObject\n  }\n\ntype Assign<T, U> = Omit<T, keyof U> & U\n\ntype HTMLProps = {\n  htmlSize?: string | number\n  htmlWidth?: string | number\n  htmlHeight?: string | number\n  htmlTranslate?: 'yes' | 'no' | undefined\n  htmlContent?: string\n}\n\ntype WithHTMLProps<T> = Omit<T, 'color' | 'translate' | 'transition' | 'width' | 'height' | 'size' | 'content'> &\n  HTMLProps\n\nexport type JsxHTMLProps<T extends Record<string, any>, P extends Record<string, any> = {}> = Assign<\n  WithHTMLProps<T>,\n  P\n>\n"
+  content: "import type { ConditionalValue, Conditions, Nested } from './conditions'\nimport type { PropertiesFallback } from './csstype'\nimport type { SystemProperties, CssVarProperties } from './style-props'\n\ntype String = string & {}\ntype Number = number & {}\n\n/* -----------------------------------------------------------------------------\n * Native css properties\n * -----------------------------------------------------------------------------*/\n\nexport type CssProperty = keyof PropertiesFallback\n\nexport type CssProperties = PropertiesFallback<String | Number> & CssVarProperties\n\nexport type CssKeyframes = {\n  [name: string]: {\n    [time: string]: CssProperties\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Conditional css properties\n * -----------------------------------------------------------------------------*/\n\ntype MinimalNested<P> = {\n  [K in keyof Conditions]?: Nested<P>\n}\n\ntype GenericProperties = {\n  [key: string]: ConditionalValue<String | Number | boolean>\n}\n\n/* -----------------------------------------------------------------------------\n * Native css props\n * -----------------------------------------------------------------------------*/\n\nexport type NestedCssProperties = Nested<CssProperties>\n\nexport type SystemStyleObject = Nested<SystemProperties & CssVarProperties>\n\nexport type GlobalStyleObject = {\n  [selector: string]: SystemStyleObject\n}\n\nexport type CompositionStyleObject<Property extends string> = Nested<{\n  [K in Property]?: K extends keyof SystemStyleObject ? SystemStyleObject[K] : unknown\n}>\n\n/* -----------------------------------------------------------------------------\n * Jsx style props\n * -----------------------------------------------------------------------------*/\n\nexport type JsxStyleProps = SystemProperties &\n  MinimalNested<SystemStyleObject> & {\n    css?: SystemStyleObject\n  }\n\ntype Assign<T, U> = Omit<T, keyof U> & U\n\ntype HTMLProps = {\n  htmlSize?: string | number\n  htmlWidth?: string | number\n  htmlHeight?: string | number\n  htmlTranslate?: 'yes' | 'no' | undefined\n  htmlContent?: string\n}\n\ntype WithHTMLProps<T> = Omit<T, 'color' | 'translate' | 'transition' | 'width' | 'height' | 'size' | 'content'> &\n  HTMLProps\n\nexport type JsxHTMLProps<T extends Record<string, any>, P extends Record<string, any> = {}> = Assign<\n  WithHTMLProps<T>,\n  P\n>\n"
 };
 
 // src/artifacts/generated/composition.d.ts.json
@@ -2247,10 +2247,22 @@ var getBaseEngine = (conf) => (0, import_lil_fp.pipe)(
     const compositions = (0, import_shared5.compact)({ textStyle: textStyles, layerStyle: layerStyles });
     (0, import_core4.assignCompositions)({ conditions, utility }, compositions);
   }),
-  import_lil_fp.Obj.bind("createSheet", ({ conditions, utility, config: { hash } }) => (options) => {
+  import_lil_fp.Obj.bind("recipes", ({ conditions, utility, config: { hash, theme } }) => {
     const context = { root: import_postcss3.default.root(), conditions, utility, hash, helpers };
-    return new import_core4.Stylesheet(context, options);
+    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 };
+      return new import_core4.Stylesheet(context, {
+        content: options?.content,
+        recipes: theme?.recipes
+      });
+    }
+  ),
   import_lil_fp.Obj.bind(
     "properties",
     ({ utility, conditions }) => Array.from(/* @__PURE__ */ new Set(["css", ...utility.keys(), ...conditions.keys()]))
@@ -2343,74 +2355,10 @@ var getPatternEngine = (config) => {
   );
 };
 
-// src/engines/recipe.ts
-var import_shared8 = require("@pandacss/shared");
-var import_lil_fp3 = require("lil-fp");
-var mergeRegex = (item) => {
-  const regex = item.map((item2) => typeof item2 === "string" ? item2 : item2.source).join("|");
-  return new RegExp(`^${regex}$`);
-};
-var getRecipeEngine = (config) => {
-  return (0, import_lil_fp3.pipe)(
-    { recipes: config.theme?.recipes ?? {} },
-    import_lil_fp3.Obj.bind("getConfig", ({ recipes }) => {
-      return (name) => recipes[name];
-    }),
-    import_lil_fp3.Obj.bind("getNames", () => {
-      return (name) => ({
-        upperName: (0, import_shared8.capitalize)(name),
-        dashName: (0, import_shared8.dashCase)(name),
-        jsxName: (0, import_shared8.capitalize)(name)
-      });
-    }),
-    import_lil_fp3.Obj.bind("nodes", ({ recipes }) => {
-      return Object.entries(recipes).map(([name, recipe]) => {
-        const jsx = recipe.jsx ?? [(0, import_shared8.capitalize)(name)];
-        const match6 = mergeRegex(jsx);
-        return {
-          type: "recipe",
-          name: (0, import_shared8.capitalize)(name),
-          props: Object.keys(recipe.variants ?? {}),
-          baseName: name,
-          jsx,
-          match: match6
-        };
-      });
-    }),
-    import_lil_fp3.Obj.bind("getFnName", ({ nodes }) => {
-      return (jsx) => {
-        const recipe = nodes.find((node) => node.match.test(jsx));
-        return recipe?.baseName ?? (0, import_shared8.uncapitalize)(jsx);
-      };
-    }),
-    import_lil_fp3.Obj.bind("splitProps", ({ nodes }) => {
-      return (name, props) => {
-        const recipe = nodes.find((node) => node.match.test(name));
-        if (!recipe)
-          return [{}, props];
-        return (0, import_shared8.splitProps)(props, recipe.props);
-      };
-    }),
-    import_lil_fp3.Obj.bind("details", ({ getNames, recipes }) => {
-      return Object.entries(recipes).map(([name, recipe]) => ({
-        ...getNames(name),
-        config: recipe,
-        variantKeyMap: Object.fromEntries(
-          Object.entries(recipe.variants ?? {}).map(([key, value]) => [key, Object.keys(value)])
-        )
-      }));
-    }),
-    import_lil_fp3.Obj.bind("isEmpty", ({ recipes }) => {
-      return () => Object.keys(recipes).length === 0;
-    })
-  );
-};
-
 // src/engines/index.ts
 var getEngine = (conf) => ({
   ...getBaseEngine(conf),
   patterns: getPatternEngine(conf.config),
-  recipes: getRecipeEngine(conf.config),
   jsx: getJsxEngine(conf.config),
   paths: getPathEngine(conf.config),
   file: {
@@ -2442,15 +2390,15 @@ var getImportMap = (outdir) => ({
   pattern: `${outdir}/patterns`,
   jsx: `${outdir}/jsx`
 });
-var createGenerator = (conf) => (0, import_lil_fp4.pipe)(
+var createGenerator = (conf) => (0, import_lil_fp3.pipe)(
   getEngine(defaults(conf)),
-  import_lil_fp4.Obj.assign((ctx) => ({
+  import_lil_fp3.Obj.assign((ctx) => ({
     getArtifacts: generateArtifacts(ctx),
     getCss: generateFlattenedCss(ctx),
     getParserCss: generateParserCss(ctx),
     messages: getMessages(ctx)
   })),
-  import_lil_fp4.Obj.bind("parserOptions", ({ config: { outdir }, jsx, isValidProperty, patterns, recipes }) => ({
+  import_lil_fp3.Obj.bind("parserOptions", ({ config: { outdir }, jsx, isValidProperty, patterns, recipes }) => ({
     importMap: getImportMap(outdir),
     jsx: {
       factory: jsx.factoryName,

package/dist/index.mjs

@@ -93,7 +93,7 @@ var getMessages = (ctx) => ({
 });
 
 // src/generator.ts
-import { Obj as Obj4, pipe as pipe5 } from "lil-fp";
+import { Obj as Obj3, pipe as pipe4 } from "lil-fp";
 
 // src/artifacts/index.ts
 import { isObject } from "@pandacss/shared";
@@ -1680,7 +1680,7 @@ var csstype_d_ts_default = {
 
 // src/artifacts/generated/system-types.d.ts.json
 var system_types_d_ts_default = {
-  content: "import type { ConditionalValue, Conditions, Nested } from './conditions'\nimport type { PropertiesFallback } from './csstype'\nimport type { SystemProperties, CssVarProperties } from './style-props'\n\ntype String = string & {}\ntype Number = number & {}\n\n/* -----------------------------------------------------------------------------\n * Native css properties\n * -----------------------------------------------------------------------------*/\n\nexport type CssProperty = keyof PropertiesFallback\n\nexport type CssProperties = PropertiesFallback<String | Number> & CssVarProperties\n\nexport type CssKeyframes = {\n  [name: string]: {\n    [time: string]: CssProperties\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Conditional css properties\n * -----------------------------------------------------------------------------*/\n\ntype MinimalNested<P> = {\n  [K in keyof Conditions]?: Nested<P>\n}\n\ntype GenericProperties = {\n  [key: string]: ConditionalValue<String | Number | boolean>\n}\n\n/* -----------------------------------------------------------------------------\n * Native css props\n * -----------------------------------------------------------------------------*/\n\nexport type NestedCssProperties = Nested<CssProperties>\n\nexport type SystemStyleObject = Nested<(SystemProperties | GenericProperties) & CssVarProperties>\n\nexport type GlobalStyleObject = {\n  [selector: string]: SystemStyleObject\n}\n\nexport type CompositionStyleObject<Property extends string> = Nested<{\n  [K in Property]?: K extends keyof SystemStyleObject ? SystemStyleObject[K] : unknown\n}>\n\n/* -----------------------------------------------------------------------------\n * Jsx style props\n * -----------------------------------------------------------------------------*/\n\nexport type JsxStyleProps = SystemProperties &\n  MinimalNested<SystemStyleObject> & {\n    css?: SystemStyleObject\n  }\n\ntype Assign<T, U> = Omit<T, keyof U> & U\n\ntype HTMLProps = {\n  htmlSize?: string | number\n  htmlWidth?: string | number\n  htmlHeight?: string | number\n  htmlTranslate?: 'yes' | 'no' | undefined\n  htmlContent?: string\n}\n\ntype WithHTMLProps<T> = Omit<T, 'color' | 'translate' | 'transition' | 'width' | 'height' | 'size' | 'content'> &\n  HTMLProps\n\nexport type JsxHTMLProps<T extends Record<string, any>, P extends Record<string, any> = {}> = Assign<\n  WithHTMLProps<T>,\n  P\n>\n"
+  content: "import type { ConditionalValue, Conditions, Nested } from './conditions'\nimport type { PropertiesFallback } from './csstype'\nimport type { SystemProperties, CssVarProperties } from './style-props'\n\ntype String = string & {}\ntype Number = number & {}\n\n/* -----------------------------------------------------------------------------\n * Native css properties\n * -----------------------------------------------------------------------------*/\n\nexport type CssProperty = keyof PropertiesFallback\n\nexport type CssProperties = PropertiesFallback<String | Number> & CssVarProperties\n\nexport type CssKeyframes = {\n  [name: string]: {\n    [time: string]: CssProperties\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Conditional css properties\n * -----------------------------------------------------------------------------*/\n\ntype MinimalNested<P> = {\n  [K in keyof Conditions]?: Nested<P>\n}\n\ntype GenericProperties = {\n  [key: string]: ConditionalValue<String | Number | boolean>\n}\n\n/* -----------------------------------------------------------------------------\n * Native css props\n * -----------------------------------------------------------------------------*/\n\nexport type NestedCssProperties = Nested<CssProperties>\n\nexport type SystemStyleObject = Nested<SystemProperties & CssVarProperties>\n\nexport type GlobalStyleObject = {\n  [selector: string]: SystemStyleObject\n}\n\nexport type CompositionStyleObject<Property extends string> = Nested<{\n  [K in Property]?: K extends keyof SystemStyleObject ? SystemStyleObject[K] : unknown\n}>\n\n/* -----------------------------------------------------------------------------\n * Jsx style props\n * -----------------------------------------------------------------------------*/\n\nexport type JsxStyleProps = SystemProperties &\n  MinimalNested<SystemStyleObject> & {\n    css?: SystemStyleObject\n  }\n\ntype Assign<T, U> = Omit<T, keyof U> & U\n\ntype HTMLProps = {\n  htmlSize?: string | number\n  htmlWidth?: string | number\n  htmlHeight?: string | number\n  htmlTranslate?: 'yes' | 'no' | undefined\n  htmlContent?: string\n}\n\ntype WithHTMLProps<T> = Omit<T, 'color' | 'translate' | 'transition' | 'width' | 'height' | 'size' | 'content'> &\n  HTMLProps\n\nexport type JsxHTMLProps<T extends Record<string, any>, P extends Record<string, any> = {}> = Assign<\n  WithHTMLProps<T>,\n  P\n>\n"
 };
 
 // src/artifacts/generated/composition.d.ts.json
@@ -2185,7 +2185,7 @@ var generateParserCss = (ctx) => (result) => pipe(
 );
 
 // src/engines/base.ts
-import { Conditions, 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";
@@ -2216,10 +2216,22 @@ var getBaseEngine = (conf) => pipe2(
     const compositions = compact({ textStyle: textStyles, layerStyle: layerStyles });
     assignCompositions({ conditions, utility }, compositions);
   }),
-  Obj.bind("createSheet", ({ conditions, utility, config: { hash } }) => (options) => {
+  Obj.bind("recipes", ({ conditions, utility, config: { hash, theme } }) => {
     const context = { root: postcss3.root(), conditions, utility, hash, helpers };
-    return new Stylesheet(context, options);
+    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 };
+      return new Stylesheet(context, {
+        content: options?.content,
+        recipes: theme?.recipes
+      });
+    }
+  ),
   Obj.bind(
     "properties",
     ({ utility, conditions }) => Array.from(/* @__PURE__ */ new Set(["css", ...utility.keys(), ...conditions.keys()]))
@@ -2312,74 +2324,10 @@ var getPatternEngine = (config) => {
   );
 };
 
-// src/engines/recipe.ts
-import { capitalize as capitalize4, dashCase as dashCase2, splitProps, uncapitalize as uncapitalize2 } from "@pandacss/shared";
-import { Obj as Obj3, pipe as pipe4 } from "lil-fp";
-var mergeRegex = (item) => {
-  const regex = item.map((item2) => typeof item2 === "string" ? item2 : item2.source).join("|");
-  return new RegExp(`^${regex}$`);
-};
-var getRecipeEngine = (config) => {
-  return pipe4(
-    { recipes: config.theme?.recipes ?? {} },
-    Obj3.bind("getConfig", ({ recipes }) => {
-      return (name) => recipes[name];
-    }),
-    Obj3.bind("getNames", () => {
-      return (name) => ({
-        upperName: capitalize4(name),
-        dashName: dashCase2(name),
-        jsxName: capitalize4(name)
-      });
-    }),
-    Obj3.bind("nodes", ({ recipes }) => {
-      return Object.entries(recipes).map(([name, recipe]) => {
-        const jsx = recipe.jsx ?? [capitalize4(name)];
-        const match6 = mergeRegex(jsx);
-        return {
-          type: "recipe",
-          name: capitalize4(name),
-          props: Object.keys(recipe.variants ?? {}),
-          baseName: name,
-          jsx,
-          match: match6
-        };
-      });
-    }),
-    Obj3.bind("getFnName", ({ nodes }) => {
-      return (jsx) => {
-        const recipe = nodes.find((node) => node.match.test(jsx));
-        return recipe?.baseName ?? uncapitalize2(jsx);
-      };
-    }),
-    Obj3.bind("splitProps", ({ nodes }) => {
-      return (name, props) => {
-        const recipe = nodes.find((node) => node.match.test(name));
-        if (!recipe)
-          return [{}, props];
-        return splitProps(props, recipe.props);
-      };
-    }),
-    Obj3.bind("details", ({ getNames, recipes }) => {
-      return Object.entries(recipes).map(([name, recipe]) => ({
-        ...getNames(name),
-        config: recipe,
-        variantKeyMap: Object.fromEntries(
-          Object.entries(recipe.variants ?? {}).map(([key, value]) => [key, Object.keys(value)])
-        )
-      }));
-    }),
-    Obj3.bind("isEmpty", ({ recipes }) => {
-      return () => Object.keys(recipes).length === 0;
-    })
-  );
-};
-
 // src/engines/index.ts
 var getEngine = (conf) => ({
   ...getBaseEngine(conf),
   patterns: getPatternEngine(conf.config),
-  recipes: getRecipeEngine(conf.config),
   jsx: getJsxEngine(conf.config),
   paths: getPathEngine(conf.config),
   file: {
@@ -2411,15 +2359,15 @@ var getImportMap = (outdir) => ({
   pattern: `${outdir}/patterns`,
   jsx: `${outdir}/jsx`
 });
-var createGenerator = (conf) => pipe5(
+var createGenerator = (conf) => pipe4(
   getEngine(defaults(conf)),
-  Obj4.assign((ctx) => ({
+  Obj3.assign((ctx) => ({
     getArtifacts: generateArtifacts(ctx),
     getCss: generateFlattenedCss(ctx),
     getParserCss: generateParserCss(ctx),
     messages: getMessages(ctx)
   })),
-  Obj4.bind("parserOptions", ({ config: { outdir }, jsx, isValidProperty, patterns, recipes }) => ({
+  Obj3.bind("parserOptions", ({ config: { outdir }, jsx, isValidProperty, patterns, recipes }) => ({
     importMap: getImportMap(outdir),
     jsx: {
       factory: jsx.factoryName,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.0.0-dev-20230525095129",
+  "version": "0.0.0-dev-20230525192325",
   "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.23",
     "ts-pattern": "4.3.0",
-    "@pandacss/core": "0.0.0-dev-20230525095129",
-    "@pandacss/logger": "0.0.0-dev-20230525095129",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230525095129",
-    "@pandacss/shared": "0.0.0-dev-20230525095129",
-    "@pandacss/types": "0.0.0-dev-20230525095129",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230525095129"
+    "@pandacss/core": "0.0.0-dev-20230525192325",
+    "@pandacss/logger": "0.0.0-dev-20230525192325",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230525192325",
+    "@pandacss/shared": "0.0.0-dev-20230525192325",
+    "@pandacss/types": "0.0.0-dev-20230525192325",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230525192325"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.29",
-    "@pandacss/fixture": "0.0.0-dev-20230525095129"
+    "@pandacss/fixture": "0.0.0-dev-20230525192325"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",