npm - @pandacss/generator - Versions diffs - 0.8.0 → 0.9.0 - Mend

@pandacss/generator 0.8.0 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -6,12 +6,11 @@ import { ConfigResultWithHooks, TSConfig } from '@pandacss/types';
 declare const getEngine: (conf: ConfigResultWithHooks) => {
     patterns: {
-        patterns: Record<string, _pandacss_types.PatternConfig>;
-        transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
         getConfig: (name: string) => _pandacss_types.PatternConfig;
+        transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
         getNames: (name: string) => {
-            name: string;
             upperName: string;
+            baseName: string;
             dashName: string;
             styleFnName: string;
             jsxName: string;
@@ -20,19 +19,29 @@ declare const getEngine: (conf: ConfigResultWithHooks) => {
             props: string[];
             blocklistType: string;
             config: _pandacss_types.PatternConfig;
-            name: string;
+            type: "pattern";
+            match: RegExp;
+            jsx: (string | RegExp)[];
             upperName: string;
+            baseName: string;
             dashName: string;
             styleFnName: string;
             jsxName: string;
         }[];
-        nodes: {
-            type: "pattern";
-            name: string;
+        getFnName: (jsxName: string) => string;
+        filter: (jsxName: string) => {
             props: string[];
+            blocklistType: string;
+            config: _pandacss_types.PatternConfig;
+            type: "pattern";
+            match: RegExp;
+            jsx: (string | RegExp)[];
+            upperName: string;
             baseName: string;
+            dashName: string;
+            styleFnName: string;
+            jsxName: string;
         }[];
-        getFnName: (jsx: string) => string;
         isEmpty: () => boolean;
     };
     jsx: {
@@ -164,21 +173,35 @@ declare const createGenerator: (conf: ConfigResultWithHooks) => {
             factory: string;
             isStyleProp: (key: string) => boolean;
             nodes: ({
-                type: "pattern";
-                name: string;
                 props: string[];
+                blocklistType: string;
+                config: _pandacss_types.PatternConfig;
+                type: "pattern";
+                match: RegExp;
+                jsx: (string | RegExp)[];
+                upperName: string;
                 baseName: string;
+                dashName: string;
+                styleFnName: string;
+                jsxName: string;
             } | {
-                type: "recipe";
-                name: string;
-                props: string[];
                 baseName: string;
+                type: "recipe";
+                variantKeys: string[];
+                variantKeyMap: Record<string, string[]>;
                 jsx: (string | RegExp)[];
+                upperName: string;
+                dashName: string;
+                jsxName: string;
                 match: RegExp;
+                config: _pandacss_types.RecipeConfig;
+                splitProps: (props: _pandacss_types.Dict) => [_pandacss_types.Dict, _pandacss_types.Dict];
+                props: string[];
             })[];
         };
         getRecipesByJsxName: (jsxName: string) => {
-            name: string;
+            baseName: string;
+            type: "recipe";
             variantKeys: string[];
             variantKeyMap: Record<string, string[]>;
             jsx: (string | RegExp)[];
@@ -188,17 +211,30 @@ declare const createGenerator: (conf: ConfigResultWithHooks) => {
             match: RegExp;
             config: _pandacss_types.RecipeConfig;
             splitProps: (props: _pandacss_types.Dict) => [_pandacss_types.Dict, _pandacss_types.Dict];
+            props: string[];
+        }[];
+        getPatternsByJsxName: (jsxName: string) => {
+            props: string[];
+            blocklistType: string;
+            config: _pandacss_types.PatternConfig;
+            type: "pattern";
+            match: RegExp;
+            jsx: (string | RegExp)[];
+            upperName: string;
+            baseName: string;
+            dashName: string;
+            styleFnName: string;
+            jsxName: string;
         }[];
         compilerOptions: any;
         tsOptions: _pandacss_types.ConfigTsOptions | undefined;
     };
     patterns: {
-        patterns: Record<string, _pandacss_types.PatternConfig>;
-        transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
         getConfig: (name: string) => _pandacss_types.PatternConfig;
+        transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
         getNames: (name: string) => {
-            name: string;
             upperName: string;
+            baseName: string;
             dashName: string;
             styleFnName: string;
             jsxName: string;
@@ -207,19 +243,29 @@ declare const createGenerator: (conf: ConfigResultWithHooks) => {
             props: string[];
             blocklistType: string;
             config: _pandacss_types.PatternConfig;
-            name: string;
+            type: "pattern";
+            match: RegExp;
+            jsx: (string | RegExp)[];
             upperName: string;
+            baseName: string;
             dashName: string;
             styleFnName: string;
             jsxName: string;
         }[];
-        nodes: {
-            type: "pattern";
-            name: string;
+        getFnName: (jsxName: string) => string;
+        filter: (jsxName: string) => {
             props: string[];
+            blocklistType: string;
+            config: _pandacss_types.PatternConfig;
+            type: "pattern";
+            match: RegExp;
+            jsx: (string | RegExp)[];
+            upperName: string;
             baseName: string;
+            dashName: string;
+            styleFnName: string;
+            jsxName: string;
         }[];
-        getFnName: (jsx: string) => string;
         isEmpty: () => boolean;
     };
     jsx: {

package/dist/index.d.ts CHANGED Viewed

@@ -6,12 +6,11 @@ import { ConfigResultWithHooks, TSConfig } from '@pandacss/types';
 declare const getEngine: (conf: ConfigResultWithHooks) => {
     patterns: {
-        patterns: Record<string, _pandacss_types.PatternConfig>;
-        transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
         getConfig: (name: string) => _pandacss_types.PatternConfig;
+        transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
         getNames: (name: string) => {
-            name: string;
             upperName: string;
+            baseName: string;
             dashName: string;
             styleFnName: string;
             jsxName: string;
@@ -20,19 +19,29 @@ declare const getEngine: (conf: ConfigResultWithHooks) => {
             props: string[];
             blocklistType: string;
             config: _pandacss_types.PatternConfig;
-            name: string;
+            type: "pattern";
+            match: RegExp;
+            jsx: (string | RegExp)[];
             upperName: string;
+            baseName: string;
             dashName: string;
             styleFnName: string;
             jsxName: string;
         }[];
-        nodes: {
-            type: "pattern";
-            name: string;
+        getFnName: (jsxName: string) => string;
+        filter: (jsxName: string) => {
             props: string[];
+            blocklistType: string;
+            config: _pandacss_types.PatternConfig;
+            type: "pattern";
+            match: RegExp;
+            jsx: (string | RegExp)[];
+            upperName: string;
             baseName: string;
+            dashName: string;
+            styleFnName: string;
+            jsxName: string;
         }[];
-        getFnName: (jsx: string) => string;
         isEmpty: () => boolean;
     };
     jsx: {
@@ -164,21 +173,35 @@ declare const createGenerator: (conf: ConfigResultWithHooks) => {
             factory: string;
             isStyleProp: (key: string) => boolean;
             nodes: ({
-                type: "pattern";
-                name: string;
                 props: string[];
+                blocklistType: string;
+                config: _pandacss_types.PatternConfig;
+                type: "pattern";
+                match: RegExp;
+                jsx: (string | RegExp)[];
+                upperName: string;
                 baseName: string;
+                dashName: string;
+                styleFnName: string;
+                jsxName: string;
             } | {
-                type: "recipe";
-                name: string;
-                props: string[];
                 baseName: string;
+                type: "recipe";
+                variantKeys: string[];
+                variantKeyMap: Record<string, string[]>;
                 jsx: (string | RegExp)[];
+                upperName: string;
+                dashName: string;
+                jsxName: string;
                 match: RegExp;
+                config: _pandacss_types.RecipeConfig;
+                splitProps: (props: _pandacss_types.Dict) => [_pandacss_types.Dict, _pandacss_types.Dict];
+                props: string[];
             })[];
         };
         getRecipesByJsxName: (jsxName: string) => {
-            name: string;
+            baseName: string;
+            type: "recipe";
             variantKeys: string[];
             variantKeyMap: Record<string, string[]>;
             jsx: (string | RegExp)[];
@@ -188,17 +211,30 @@ declare const createGenerator: (conf: ConfigResultWithHooks) => {
             match: RegExp;
             config: _pandacss_types.RecipeConfig;
             splitProps: (props: _pandacss_types.Dict) => [_pandacss_types.Dict, _pandacss_types.Dict];
+            props: string[];
+        }[];
+        getPatternsByJsxName: (jsxName: string) => {
+            props: string[];
+            blocklistType: string;
+            config: _pandacss_types.PatternConfig;
+            type: "pattern";
+            match: RegExp;
+            jsx: (string | RegExp)[];
+            upperName: string;
+            baseName: string;
+            dashName: string;
+            styleFnName: string;
+            jsxName: string;
         }[];
         compilerOptions: any;
         tsOptions: _pandacss_types.ConfigTsOptions | undefined;
     };
     patterns: {
-        patterns: Record<string, _pandacss_types.PatternConfig>;
-        transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
         getConfig: (name: string) => _pandacss_types.PatternConfig;
+        transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
         getNames: (name: string) => {
-            name: string;
             upperName: string;
+            baseName: string;
             dashName: string;
             styleFnName: string;
             jsxName: string;
@@ -207,19 +243,29 @@ declare const createGenerator: (conf: ConfigResultWithHooks) => {
             props: string[];
             blocklistType: string;
             config: _pandacss_types.PatternConfig;
-            name: string;
+            type: "pattern";
+            match: RegExp;
+            jsx: (string | RegExp)[];
             upperName: string;
+            baseName: string;
             dashName: string;
             styleFnName: string;
             jsxName: string;
         }[];
-        nodes: {
-            type: "pattern";
-            name: string;
+        getFnName: (jsxName: string) => string;
+        filter: (jsxName: string) => {
             props: string[];
+            blocklistType: string;
+            config: _pandacss_types.PatternConfig;
+            type: "pattern";
+            match: RegExp;
+            jsx: (string | RegExp)[];
+            upperName: string;
             baseName: string;
+            dashName: string;
+            styleFnName: string;
+            jsxName: string;
         }[];
-        getFnName: (jsx: string) => string;
         isEmpty: () => boolean;
     };
     jsx: {

package/dist/index.js CHANGED Viewed

@@ -419,7 +419,7 @@ var generateStaticCss = (ctx) => {
         return [];
       return Object.keys(values);
     },
-    getRecipeKeys: (recipe) => recipes.details.find((detail) => detail.config.name === recipe)?.variantKeyMap ?? {}
+    getRecipeKeys: (recipe) => recipes.details.find((detail) => detail.baseName === recipe)?.variantKeyMap ?? {}
   });
   results.css.forEach((css2) => {
     sheet.processAtomic(css2);
@@ -429,7 +429,7 @@ var generateStaticCss = (ctx) => {
       const recipeConfig = recipes.getConfig(name);
       if (!recipeConfig)
         return;
-      sheet.processRecipe(recipeConfig, value);
+      sheet.processRecipe(name, recipeConfig, value);
     });
   });
   const output = sheet.toCss({ optimize });
@@ -893,7 +893,7 @@ function generatePattern(ctx) {
   if (ctx.patterns.isEmpty())
     return;
   return ctx.patterns.details.map((pattern) => {
-    const { name, config, dashName, upperName, styleFnName, blocklistType } = pattern;
+    const { baseName, config, dashName, upperName, styleFnName, blocklistType } = pattern;
     const { properties, transform, strict, description } = config;
     const transformFn = (0, import_javascript_stringify.stringify)({ transform }) ?? "";
     const helperImports = ["mapObject"];
@@ -929,7 +929,7 @@ function generatePattern(ctx) {
       }).join("\n	")}
       }
-      ${strict ? import_outdent10.outdent`export declare function ${name}(options: ${upperName}Properties): string` : import_outdent10.outdent`
+      ${strict ? import_outdent10.outdent`export declare function ${baseName}(options: ${upperName}Properties): string` : import_outdent10.outdent`
           type ${upperName}Options = ${upperName}Properties & Omit<SystemStyleObject, keyof ${upperName}Properties ${blocklistType}>
@@ -939,7 +939,7 @@ function generatePattern(ctx) {
           }
           ${description ? `/** ${description} */` : ""}
-          export declare const ${name}: ${upperName}PatternFn;
+          export declare const ${baseName}: ${upperName}PatternFn;
           `}
      `,
@@ -947,13 +947,13 @@ function generatePattern(ctx) {
     ${ctx.file.import(helperImports.join(", "), "../helpers")}
     ${ctx.file.import("css", "../css/index")}
-    const ${name}Config = ${transformFn.replace(`{transform`, `{
+    const ${baseName}Config = ${transformFn.replace(`{transform`, `{
 transform`)}
-    export const ${styleFnName} = (styles = {}) => ${name}Config.transform(styles, { map: mapObject })
+    export const ${styleFnName} = (styles = {}) => ${baseName}Config.transform(styles, { map: mapObject })
-    export const ${name} = (styles) => css(${styleFnName}(styles))
-    ${name}.raw = (styles) => styles
+    export const ${baseName} = (styles) => css(${styleFnName}(styles))
+    ${baseName}.raw = (styles) => styles
     `
     };
   });
@@ -1018,19 +1018,19 @@ function generateRecipes(ctx) {
   return [
     createRecipeFn,
     ...ctx.recipes.details.map((recipe) => {
-      const { config, upperName, variantKeyMap, dashName } = recipe;
-      const { name, description, defaultVariants, compoundVariants } = config;
+      const { baseName, config, upperName, variantKeyMap, dashName } = recipe;
+      const { description, defaultVariants, compoundVariants } = config;
       return {
         name: dashName,
         js: import_outdent11.outdent`
         ${ctx.file.import("splitProps", "../helpers")}
         ${ctx.file.import("createRecipe", "./create-recipe")}
-        const ${name}Fn = createRecipe('${name}', ${stringify3(defaultVariants ?? {})}, ${stringify3(
+        const ${baseName}Fn = createRecipe('${baseName}', ${stringify3(defaultVariants ?? {})}, ${stringify3(
           compoundVariants ?? []
         )})
-        export const ${name} = Object.assign(${name}Fn, {
+        export const ${baseName} = Object.assign(${baseName}Fn, {
           __recipe__: true,
           raw: (props) => props,
           variantKeys: ${stringify3(Object.keys(variantKeyMap))},
@@ -1071,7 +1071,7 @@ function generateRecipes(ctx) {
         }
         ${description ? `/** ${description} */` : ""}
-        export declare const ${name}: ${upperName}Recipe
+        export declare const ${baseName}: ${upperName}Recipe
         `
       };
     })
@@ -2745,12 +2745,12 @@ var composition_d_ts_default = {
 // src/artifacts/generated/recipe.d.ts.json
 var recipe_d_ts_default = {
-  content: "import type { SystemStyleObject } from './system-types'\n\ntype Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<any, Record<any, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = keyof any extends keyof T\n  ? {}\n  : {\n      [K in keyof T]?: StringToBoolean<keyof T[K]>\n    }\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\nexport type RecipeVariantProps<T extends RecipeVariantFn<RecipeVariantRecord>> = Pretty<Parameters<T>[0]>\n\ntype RecipeVariantMap<T extends RecipeVariantRecord> = {\n  [K in keyof T]: Array<keyof T[K]>\n}\n\nexport type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T> & {\n  __type: RecipeSelection<T>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  resolve: (props: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]\n}\n\nexport type RecipeCompoundSelection<T extends RecipeVariantRecord> = {\n  [K in keyof T]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>>\n}\n\nexport type RecipeCompoundVariant<T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SystemStyleObject\n}\n\nexport type RecipeDefinition<T extends RecipeVariantRecord> = {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | RecipeVariantRecord\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Array<RecipeCompoundVariant<T>>\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\nexport type RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord> = RecipeDefinition<T> & {\n  /**\n   * The name of the recipe.\n   */\n  name: string\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n}\n"
+  content: "import type { SystemStyleObject } from './system-types'\n\ntype Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<any, Record<any, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = keyof any extends keyof T\n  ? {}\n  : {\n      [K in keyof T]?: StringToBoolean<keyof T[K]>\n    }\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\nexport type RecipeVariantProps<T extends RecipeVariantFn<RecipeVariantRecord>> = Pretty<Parameters<T>[0]>\n\ntype RecipeVariantMap<T extends RecipeVariantRecord> = {\n  [K in keyof T]: Array<keyof T[K]>\n}\n\nexport type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T> & {\n  __type: RecipeSelection<T>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  resolve: (props: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]\n}\n\nexport type RecipeCompoundSelection<T extends RecipeVariantRecord> = {\n  [K in keyof T]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>>\n}\n\nexport type RecipeCompoundVariant<T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SystemStyleObject\n}\n\nexport type RecipeDefinition<T extends RecipeVariantRecord> = {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | RecipeVariantRecord\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Array<RecipeCompoundVariant<T>>\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\nexport type RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord> = RecipeDefinition<T> & {\n  /**\n   * The name of the recipe.\n   */\n  className: string\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n}\n"
 };
 // src/artifacts/generated/pattern.d.ts.json
 var pattern_d_ts_default = {
-  content: "import type { CssProperty, SystemStyleObject } from './system-types'\nimport type { TokenCategory } from '../tokens'\n\ntype Primitive = string | number | boolean | null | undefined\ntype LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)\n\nexport type PatternProperty =\n  | { type: 'property'; value: CssProperty }\n  | { type: 'enum'; value: string[] }\n  | { type: 'token'; value: TokenCategory; property?: CssProperty }\n  | { type: 'string' | 'boolean' | 'number' }\n\nexport type PatternHelpers = {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n}\n\nexport type PatternProperties = Record<string, PatternProperty>\n\ntype Props<T> = Record<LiteralUnion<keyof T>, any>\n\nexport type PatternConfig<T extends PatternProperties = PatternProperties> = {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The JSX element rendered by the pattern\n   * @default 'div'\n   */\n  jsxElement?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties?: T\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (props: Props<T>, helpers: PatternHelpers) => SystemStyleObject\n  /**\n   * The jsx element name this pattern will generate.\n   */\n  jsx?: string\n  /**\n   * Whether to only generate types for the specified properties.\n   * This will disallow css properties\n   */\n  strict?: boolean\n  /**\n   * @experimental\n   * Disallow certain css properties for this pattern\n   */\n  blocklist?: LiteralUnion<CssProperty>[]\n}\n"
+  content: "import type { CssProperty, SystemStyleObject } from './system-types'\nimport type { TokenCategory } from '../tokens'\n\ntype Primitive = string | number | boolean | null | undefined\ntype LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)\n\nexport type PatternProperty =\n  | { type: 'property'; value: CssProperty }\n  | { type: 'enum'; value: string[] }\n  | { type: 'token'; value: TokenCategory; property?: CssProperty }\n  | { type: 'string' | 'boolean' | 'number' }\n\nexport type PatternHelpers = {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n}\n\nexport type PatternProperties = Record<string, PatternProperty>\n\ntype Props<T> = Record<LiteralUnion<keyof T>, any>\n\nexport type PatternConfig<T extends PatternProperties = PatternProperties> = {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The JSX element rendered by the pattern\n   * @default 'div'\n   */\n  jsxElement?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties?: T\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (props: Props<T>, helpers: PatternHelpers) => SystemStyleObject\n  /**\n   * The jsx element name this pattern will generate.\n   */\n  jsxName?: string\n  /**\n   * The jsx elements to track for this pattern. Can be string or Regexp.\n   *\n   * @default capitalize(pattern.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n  /**\n   * Whether to only generate types for the specified properties.\n   * This will disallow css properties\n   */\n  strict?: boolean\n  /**\n   * @experimental\n   * Disallow certain css properties for this pattern\n   */\n  blocklist?: LiteralUnion<CssProperty>[]\n}\n"
 };
 // src/artifacts/generated/parts.d.ts.json
@@ -3204,21 +3204,21 @@ var generateParserCss = (ctx) => (result) => (0, import_func.pipe)(
         sheet.processStyleProps(data);
       });
     });
-    result2.recipe.forEach((recipeSet, name) => {
+    result2.recipe.forEach((recipeSet, recipeName) => {
       try {
         for (const recipe of recipeSet) {
-          const recipeConfig = recipes.getConfig(name);
+          const recipeConfig = recipes.getConfig(recipeName);
           if (!recipeConfig)
             continue;
-          (0, import_ts_pattern6.match)(recipe).with({ type: "jsx-recipe", name: import_ts_pattern6.P.string }, ({ name: name2 }) => {
+          (0, import_ts_pattern6.match)(recipe).with({ type: "jsx-recipe" }, () => {
             recipe.data.forEach((data) => {
-              const [recipeProps, styleProps] = recipes.splitProps(name2, data);
+              const [recipeProps, styleProps] = recipes.splitProps(recipeName, data);
               sheet.processStyleProps(styleProps);
-              sheet.processRecipe(recipeConfig, recipeProps);
+              sheet.processRecipe(recipeName, recipeConfig, recipeProps);
             });
           }).otherwise(() => {
             recipe.data.forEach((data) => {
-              sheet.processRecipe(recipeConfig, data);
+              sheet.processRecipe(recipeName, recipeConfig, data);
             });
           });
         }
@@ -3229,9 +3229,9 @@ var generateParserCss = (ctx) => (result) => (0, import_func.pipe)(
     result2.pattern.forEach((patternSet, name) => {
       try {
         for (const pattern of patternSet) {
-          (0, import_ts_pattern6.match)(pattern).with({ type: "jsx-pattern", name: import_ts_pattern6.P.string }, ({ name: name2 }) => {
+          (0, import_ts_pattern6.match)(pattern).with({ type: "jsx-pattern", name: import_ts_pattern6.P.string }, ({ name: jsxName }) => {
             pattern.data.forEach((data) => {
-              const fnName = patterns.getFnName(name2);
+              const fnName = patterns.getFnName(jsxName);
               const styleProps = patterns.transform(fnName, data);
               sheet.processStyleProps(styleProps);
             });
@@ -3381,52 +3381,51 @@ var getPathEngine = ({ cwd, emitPackage, outdir }) => {
 // src/engines/pattern.ts
 var import_shared7 = require("@pandacss/shared");
-var import_lil_fp2 = require("lil-fp");
 var helpers2 = { map: import_shared7.mapObject };
+var createRegex = (item) => {
+  const regex = item.map((item2) => typeof item2 === "string" ? item2 : item2.source).join("|");
+  return new RegExp(`^${regex}$`);
+};
 var getPatternEngine = (config) => {
-  return (0, import_lil_fp2.pipe)(
-    { patterns: config.patterns ?? {} },
-    import_lil_fp2.Obj.bind("getConfig", ({ patterns }) => {
-      return (name) => patterns[name];
-    }),
-    import_lil_fp2.Obj.bind("transform", ({ getConfig }) => {
-      return (name, data) => {
-        return getConfig(name)?.transform?.(data, helpers2) ?? {};
-      };
-    }),
-    import_lil_fp2.Obj.bind("getNames", ({ getConfig }) => (name) => {
-      const upperName = (0, import_shared7.capitalize)(name);
-      return {
-        name,
-        upperName,
-        dashName: (0, import_shared7.dashCase)(name),
-        styleFnName: `get${upperName}Style`,
-        jsxName: getConfig(name)?.jsx ?? upperName
-      };
-    }),
-    import_lil_fp2.Obj.bind("details", ({ getNames, patterns }) => {
-      return Object.entries(patterns).map(([name, pattern]) => ({
-        ...getNames(name),
-        props: Object.keys(pattern?.properties ?? {}),
-        blocklistType: pattern?.blocklist ? `| '${pattern.blocklist.join("' | '")}'` : "",
-        config: pattern
-      }));
-    }),
-    import_lil_fp2.Obj.bind("nodes", ({ patterns }) => {
-      return Object.entries(patterns).map(([name, pattern]) => ({
-        type: "pattern",
-        name: pattern.jsx ?? (0, import_shared7.capitalize)(name),
-        props: Object.keys(pattern?.properties ?? {}),
-        baseName: name
-      }));
+  const patterns = config.patterns ?? {};
+  const getNames = (name) => {
+    const upperName = (0, import_shared7.capitalize)(name);
+    return {
+      upperName,
+      baseName: name,
+      dashName: (0, import_shared7.dashCase)(name),
+      styleFnName: `get${upperName}Style`,
+      jsxName: patterns[name]?.jsxName ?? upperName
+    };
+  };
+  const details = Object.entries(patterns).map(([name, pattern]) => {
+    const names = getNames(name);
+    const jsx = (pattern.jsx ?? []).concat([names.jsxName]);
+    return {
+      ...names,
+      props: Object.keys(pattern?.properties ?? {}),
+      blocklistType: pattern?.blocklist ? `| '${pattern.blocklist.join("' | '")}'` : "",
+      config: pattern,
+      type: "pattern",
+      match: createRegex(jsx),
+      jsx
+    };
+  });
+  return {
+    getConfig: (name) => patterns[name],
+    transform: (name, data) => {
+      return patterns[name]?.transform?.(data, helpers2) ?? {};
+    },
+    getNames,
+    details,
+    getFnName: (0, import_shared7.memo)((jsxName) => {
+      return details.find((node) => node.jsxName === jsxName)?.baseName ?? (0, import_shared7.uncapitalize)(jsxName);
     }),
-    import_lil_fp2.Obj.bind("getFnName", ({ nodes }) => (jsx) => {
-      return nodes.find((node) => node.name === jsx)?.baseName ?? (0, import_shared7.uncapitalize)(jsx);
+    filter: (0, import_shared7.memo)((jsxName) => {
+      return details.filter((node) => node.match.test(jsxName));
     }),
-    import_lil_fp2.Obj.bind("isEmpty", ({ patterns }) => {
-      return () => Object.keys(patterns).length === 0;
-    })
-  );
+    isEmpty: () => Object.keys(patterns).length === 0
+  };
 };
 // src/engines/index.ts
@@ -3484,9 +3483,10 @@ var createGenerator = (conf) => {
       jsx: {
         factory: jsx.factoryName,
         isStyleProp: isValidProperty,
-        nodes: [...patterns.nodes, ...recipes.nodes]
+        nodes: [...patterns.details, ...recipes.details]
       },
       getRecipesByJsxName: recipes.filter,
+      getPatternsByJsxName: patterns.filter,
       compilerOptions,
       tsOptions: conf.tsOptions
     }

package/dist/index.mjs CHANGED Viewed

@@ -388,7 +388,7 @@ var generateStaticCss = (ctx) => {
         return [];
       return Object.keys(values);
     },
-    getRecipeKeys: (recipe) => recipes.details.find((detail) => detail.config.name === recipe)?.variantKeyMap ?? {}
+    getRecipeKeys: (recipe) => recipes.details.find((detail) => detail.baseName === recipe)?.variantKeyMap ?? {}
   });
   results.css.forEach((css2) => {
     sheet.processAtomic(css2);
@@ -398,7 +398,7 @@ var generateStaticCss = (ctx) => {
       const recipeConfig = recipes.getConfig(name);
       if (!recipeConfig)
         return;
-      sheet.processRecipe(recipeConfig, value);
+      sheet.processRecipe(name, recipeConfig, value);
     });
   });
   const output = sheet.toCss({ optimize });
@@ -862,7 +862,7 @@ function generatePattern(ctx) {
   if (ctx.patterns.isEmpty())
     return;
   return ctx.patterns.details.map((pattern) => {
-    const { name, config, dashName, upperName, styleFnName, blocklistType } = pattern;
+    const { baseName, config, dashName, upperName, styleFnName, blocklistType } = pattern;
     const { properties, transform, strict, description } = config;
     const transformFn = stringify2({ transform }) ?? "";
     const helperImports = ["mapObject"];
@@ -898,7 +898,7 @@ function generatePattern(ctx) {
       }).join("\n	")}
       }
-      ${strict ? outdent10`export declare function ${name}(options: ${upperName}Properties): string` : outdent10`
+      ${strict ? outdent10`export declare function ${baseName}(options: ${upperName}Properties): string` : outdent10`
           type ${upperName}Options = ${upperName}Properties & Omit<SystemStyleObject, keyof ${upperName}Properties ${blocklistType}>
@@ -908,7 +908,7 @@ function generatePattern(ctx) {
           }
           ${description ? `/** ${description} */` : ""}
-          export declare const ${name}: ${upperName}PatternFn;
+          export declare const ${baseName}: ${upperName}PatternFn;
           `}
      `,
@@ -916,13 +916,13 @@ function generatePattern(ctx) {
     ${ctx.file.import(helperImports.join(", "), "../helpers")}
     ${ctx.file.import("css", "../css/index")}
-    const ${name}Config = ${transformFn.replace(`{transform`, `{
+    const ${baseName}Config = ${transformFn.replace(`{transform`, `{
 transform`)}
-    export const ${styleFnName} = (styles = {}) => ${name}Config.transform(styles, { map: mapObject })
+    export const ${styleFnName} = (styles = {}) => ${baseName}Config.transform(styles, { map: mapObject })
-    export const ${name} = (styles) => css(${styleFnName}(styles))
-    ${name}.raw = (styles) => styles
+    export const ${baseName} = (styles) => css(${styleFnName}(styles))
+    ${baseName}.raw = (styles) => styles
     `
     };
   });
@@ -987,19 +987,19 @@ function generateRecipes(ctx) {
   return [
     createRecipeFn,
     ...ctx.recipes.details.map((recipe) => {
-      const { config, upperName, variantKeyMap, dashName } = recipe;
-      const { name, description, defaultVariants, compoundVariants } = config;
+      const { baseName, config, upperName, variantKeyMap, dashName } = recipe;
+      const { description, defaultVariants, compoundVariants } = config;
       return {
         name: dashName,
         js: outdent11`
         ${ctx.file.import("splitProps", "../helpers")}
         ${ctx.file.import("createRecipe", "./create-recipe")}
-        const ${name}Fn = createRecipe('${name}', ${stringify3(defaultVariants ?? {})}, ${stringify3(
+        const ${baseName}Fn = createRecipe('${baseName}', ${stringify3(defaultVariants ?? {})}, ${stringify3(
           compoundVariants ?? []
         )})
-        export const ${name} = Object.assign(${name}Fn, {
+        export const ${baseName} = Object.assign(${baseName}Fn, {
           __recipe__: true,
           raw: (props) => props,
           variantKeys: ${stringify3(Object.keys(variantKeyMap))},
@@ -1040,7 +1040,7 @@ function generateRecipes(ctx) {
         }
         ${description ? `/** ${description} */` : ""}
-        export declare const ${name}: ${upperName}Recipe
+        export declare const ${baseName}: ${upperName}Recipe
         `
       };
     })
@@ -2714,12 +2714,12 @@ var composition_d_ts_default = {
 // src/artifacts/generated/recipe.d.ts.json
 var recipe_d_ts_default = {
-  content: "import type { SystemStyleObject } from './system-types'\n\ntype Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<any, Record<any, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = keyof any extends keyof T\n  ? {}\n  : {\n      [K in keyof T]?: StringToBoolean<keyof T[K]>\n    }\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\nexport type RecipeVariantProps<T extends RecipeVariantFn<RecipeVariantRecord>> = Pretty<Parameters<T>[0]>\n\ntype RecipeVariantMap<T extends RecipeVariantRecord> = {\n  [K in keyof T]: Array<keyof T[K]>\n}\n\nexport type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T> & {\n  __type: RecipeSelection<T>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  resolve: (props: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]\n}\n\nexport type RecipeCompoundSelection<T extends RecipeVariantRecord> = {\n  [K in keyof T]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>>\n}\n\nexport type RecipeCompoundVariant<T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SystemStyleObject\n}\n\nexport type RecipeDefinition<T extends RecipeVariantRecord> = {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | RecipeVariantRecord\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Array<RecipeCompoundVariant<T>>\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\nexport type RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord> = RecipeDefinition<T> & {\n  /**\n   * The name of the recipe.\n   */\n  name: string\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n}\n"
+  content: "import type { SystemStyleObject } from './system-types'\n\ntype Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<any, Record<any, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = keyof any extends keyof T\n  ? {}\n  : {\n      [K in keyof T]?: StringToBoolean<keyof T[K]>\n    }\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\nexport type RecipeVariantProps<T extends RecipeVariantFn<RecipeVariantRecord>> = Pretty<Parameters<T>[0]>\n\ntype RecipeVariantMap<T extends RecipeVariantRecord> = {\n  [K in keyof T]: Array<keyof T[K]>\n}\n\nexport type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T> & {\n  __type: RecipeSelection<T>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  resolve: (props: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]\n}\n\nexport type RecipeCompoundSelection<T extends RecipeVariantRecord> = {\n  [K in keyof T]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>>\n}\n\nexport type RecipeCompoundVariant<T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SystemStyleObject\n}\n\nexport type RecipeDefinition<T extends RecipeVariantRecord> = {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | RecipeVariantRecord\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Array<RecipeCompoundVariant<T>>\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\nexport type RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord> = RecipeDefinition<T> & {\n  /**\n   * The name of the recipe.\n   */\n  className: string\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n}\n"
 };
 // src/artifacts/generated/pattern.d.ts.json
 var pattern_d_ts_default = {
-  content: "import type { CssProperty, SystemStyleObject } from './system-types'\nimport type { TokenCategory } from '../tokens'\n\ntype Primitive = string | number | boolean | null | undefined\ntype LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)\n\nexport type PatternProperty =\n  | { type: 'property'; value: CssProperty }\n  | { type: 'enum'; value: string[] }\n  | { type: 'token'; value: TokenCategory; property?: CssProperty }\n  | { type: 'string' | 'boolean' | 'number' }\n\nexport type PatternHelpers = {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n}\n\nexport type PatternProperties = Record<string, PatternProperty>\n\ntype Props<T> = Record<LiteralUnion<keyof T>, any>\n\nexport type PatternConfig<T extends PatternProperties = PatternProperties> = {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The JSX element rendered by the pattern\n   * @default 'div'\n   */\n  jsxElement?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties?: T\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (props: Props<T>, helpers: PatternHelpers) => SystemStyleObject\n  /**\n   * The jsx element name this pattern will generate.\n   */\n  jsx?: string\n  /**\n   * Whether to only generate types for the specified properties.\n   * This will disallow css properties\n   */\n  strict?: boolean\n  /**\n   * @experimental\n   * Disallow certain css properties for this pattern\n   */\n  blocklist?: LiteralUnion<CssProperty>[]\n}\n"
+  content: "import type { CssProperty, SystemStyleObject } from './system-types'\nimport type { TokenCategory } from '../tokens'\n\ntype Primitive = string | number | boolean | null | undefined\ntype LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)\n\nexport type PatternProperty =\n  | { type: 'property'; value: CssProperty }\n  | { type: 'enum'; value: string[] }\n  | { type: 'token'; value: TokenCategory; property?: CssProperty }\n  | { type: 'string' | 'boolean' | 'number' }\n\nexport type PatternHelpers = {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n}\n\nexport type PatternProperties = Record<string, PatternProperty>\n\ntype Props<T> = Record<LiteralUnion<keyof T>, any>\n\nexport type PatternConfig<T extends PatternProperties = PatternProperties> = {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The JSX element rendered by the pattern\n   * @default 'div'\n   */\n  jsxElement?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties?: T\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (props: Props<T>, helpers: PatternHelpers) => SystemStyleObject\n  /**\n   * The jsx element name this pattern will generate.\n   */\n  jsxName?: string\n  /**\n   * The jsx elements to track for this pattern. Can be string or Regexp.\n   *\n   * @default capitalize(pattern.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n  /**\n   * Whether to only generate types for the specified properties.\n   * This will disallow css properties\n   */\n  strict?: boolean\n  /**\n   * @experimental\n   * Disallow certain css properties for this pattern\n   */\n  blocklist?: LiteralUnion<CssProperty>[]\n}\n"
 };
 // src/artifacts/generated/parts.d.ts.json
@@ -3173,21 +3173,21 @@ var generateParserCss = (ctx) => (result) => pipe(
         sheet.processStyleProps(data);
       });
     });
-    result2.recipe.forEach((recipeSet, name) => {
+    result2.recipe.forEach((recipeSet, recipeName) => {
       try {
         for (const recipe of recipeSet) {
-          const recipeConfig = recipes.getConfig(name);
+          const recipeConfig = recipes.getConfig(recipeName);
           if (!recipeConfig)
             continue;
-          match6(recipe).with({ type: "jsx-recipe", name: P.string }, ({ name: name2 }) => {
+          match6(recipe).with({ type: "jsx-recipe" }, () => {
             recipe.data.forEach((data) => {
-              const [recipeProps, styleProps] = recipes.splitProps(name2, data);
+              const [recipeProps, styleProps] = recipes.splitProps(recipeName, data);
               sheet.processStyleProps(styleProps);
-              sheet.processRecipe(recipeConfig, recipeProps);
+              sheet.processRecipe(recipeName, recipeConfig, recipeProps);
             });
           }).otherwise(() => {
             recipe.data.forEach((data) => {
-              sheet.processRecipe(recipeConfig, data);
+              sheet.processRecipe(recipeName, recipeConfig, data);
             });
           });
         }
@@ -3198,9 +3198,9 @@ var generateParserCss = (ctx) => (result) => pipe(
     result2.pattern.forEach((patternSet, name) => {
       try {
         for (const pattern of patternSet) {
-          match6(pattern).with({ type: "jsx-pattern", name: P.string }, ({ name: name2 }) => {
+          match6(pattern).with({ type: "jsx-pattern", name: P.string }, ({ name: jsxName }) => {
             pattern.data.forEach((data) => {
-              const fnName = patterns.getFnName(name2);
+              const fnName = patterns.getFnName(jsxName);
               const styleProps = patterns.transform(fnName, data);
               sheet.processStyleProps(styleProps);
             });
@@ -3355,53 +3355,52 @@ var getPathEngine = ({ cwd, emitPackage, outdir }) => {
 };
 // src/engines/pattern.ts
-import { capitalize as capitalize3, dashCase, mapObject as mapObject2, uncapitalize } from "@pandacss/shared";
-import { Obj, pipe as pipe2 } from "lil-fp";
+import { capitalize as capitalize3, dashCase, mapObject as mapObject2, memo as memo2, uncapitalize } from "@pandacss/shared";
 var helpers2 = { map: mapObject2 };
+var createRegex = (item) => {
+  const regex = item.map((item2) => typeof item2 === "string" ? item2 : item2.source).join("|");
+  return new RegExp(`^${regex}$`);
+};
 var getPatternEngine = (config) => {
-  return pipe2(
-    { patterns: config.patterns ?? {} },
-    Obj.bind("getConfig", ({ patterns }) => {
-      return (name) => patterns[name];
-    }),
-    Obj.bind("transform", ({ getConfig }) => {
-      return (name, data) => {
-        return getConfig(name)?.transform?.(data, helpers2) ?? {};
-      };
-    }),
-    Obj.bind("getNames", ({ getConfig }) => (name) => {
-      const upperName = capitalize3(name);
-      return {
-        name,
-        upperName,
-        dashName: dashCase(name),
-        styleFnName: `get${upperName}Style`,
-        jsxName: getConfig(name)?.jsx ?? upperName
-      };
-    }),
-    Obj.bind("details", ({ getNames, patterns }) => {
-      return Object.entries(patterns).map(([name, pattern]) => ({
-        ...getNames(name),
-        props: Object.keys(pattern?.properties ?? {}),
-        blocklistType: pattern?.blocklist ? `| '${pattern.blocklist.join("' | '")}'` : "",
-        config: pattern
-      }));
-    }),
-    Obj.bind("nodes", ({ patterns }) => {
-      return Object.entries(patterns).map(([name, pattern]) => ({
-        type: "pattern",
-        name: pattern.jsx ?? capitalize3(name),
-        props: Object.keys(pattern?.properties ?? {}),
-        baseName: name
-      }));
+  const patterns = config.patterns ?? {};
+  const getNames = (name) => {
+    const upperName = capitalize3(name);
+    return {
+      upperName,
+      baseName: name,
+      dashName: dashCase(name),
+      styleFnName: `get${upperName}Style`,
+      jsxName: patterns[name]?.jsxName ?? upperName
+    };
+  };
+  const details = Object.entries(patterns).map(([name, pattern]) => {
+    const names = getNames(name);
+    const jsx = (pattern.jsx ?? []).concat([names.jsxName]);
+    return {
+      ...names,
+      props: Object.keys(pattern?.properties ?? {}),
+      blocklistType: pattern?.blocklist ? `| '${pattern.blocklist.join("' | '")}'` : "",
+      config: pattern,
+      type: "pattern",
+      match: createRegex(jsx),
+      jsx
+    };
+  });
+  return {
+    getConfig: (name) => patterns[name],
+    transform: (name, data) => {
+      return patterns[name]?.transform?.(data, helpers2) ?? {};
+    },
+    getNames,
+    details,
+    getFnName: memo2((jsxName) => {
+      return details.find((node) => node.jsxName === jsxName)?.baseName ?? uncapitalize(jsxName);
     }),
-    Obj.bind("getFnName", ({ nodes }) => (jsx) => {
-      return nodes.find((node) => node.name === jsx)?.baseName ?? uncapitalize(jsx);
+    filter: memo2((jsxName) => {
+      return details.filter((node) => node.match.test(jsxName));
     }),
-    Obj.bind("isEmpty", ({ patterns }) => {
-      return () => Object.keys(patterns).length === 0;
-    })
-  );
+    isEmpty: () => Object.keys(patterns).length === 0
+  };
 };
 // src/engines/index.ts
@@ -3459,9 +3458,10 @@ var createGenerator = (conf) => {
       jsx: {
         factory: jsx.factoryName,
         isStyleProp: isValidProperty,
-        nodes: [...patterns.nodes, ...recipes.nodes]
+        nodes: [...patterns.details, ...recipes.details]
       },
       getRecipesByJsxName: recipes.filter,
+      getPatternsByJsxName: patterns.filter,
       compilerOptions,
       tsOptions: conf.tsOptions
     }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -20,17 +20,17 @@
     "pluralize": "8.0.0",
     "postcss": "8.4.25",
     "ts-pattern": "5.0.4",
-    "@pandacss/core": "0.8.0",
-    "@pandacss/is-valid-prop": "0.8.0",
-    "@pandacss/logger": "0.8.0",
-    "@pandacss/shared": "0.8.0",
-    "@pandacss/token-dictionary": "0.8.0",
-    "@pandacss/types": "0.8.0"
+    "@pandacss/core": "0.9.0",
+    "@pandacss/is-valid-prop": "0.9.0",
+    "@pandacss/logger": "0.9.0",
+    "@pandacss/shared": "0.9.0",
+    "@pandacss/token-dictionary": "0.9.0",
+    "@pandacss/types": "0.9.0"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.30",
     "hookable": "5.5.3",
-    "@pandacss/fixture": "0.8.0"
+    "@pandacss/fixture": "0.9.0"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",