@pandacss/generator 0.15.2 → 0.15.3

package/dist/index.d.mts

@@ -6,6 +6,7 @@ import * as _pandacss_types_dist_pattern from '@pandacss/types/dist/pattern';
 
 declare const getEngine: (conf: ConfigResultWithHooks) => {
     patterns: {
+        keys: string[];
         getConfig: (name: string) => _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
         transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
         getNames: (name: string) => {
@@ -181,6 +182,7 @@ declare const createGenerator: (conf: ConfigResultWithHooks) => {
             jsx: string[];
         };
         jsx: {
+            framework: ("react" | "solid" | "preact" | "vue" | "qwik") | undefined;
             factory: string;
             styleProps: "all" | "minimal" | "none";
             isStyleProp: (key: string) => boolean;
@@ -211,6 +213,8 @@ declare const createGenerator: (conf: ConfigResultWithHooks) => {
                 props: string[];
             })[];
         };
+        patternKeys: string[];
+        recipeKeys: string[];
         getRecipesByJsxName: (jsxName: string) => {
             baseName: string;
             type: "recipe";
@@ -242,6 +246,7 @@ declare const createGenerator: (conf: ConfigResultWithHooks) => {
         tsOptions: _pandacss_types.ConfigTsOptions | undefined;
     };
     patterns: {
+        keys: string[];
         getConfig: (name: string) => _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
         transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
         getNames: (name: string) => {

package/dist/index.d.ts

@@ -6,6 +6,7 @@ import * as _pandacss_types_dist_pattern from '@pandacss/types/dist/pattern';
 
 declare const getEngine: (conf: ConfigResultWithHooks) => {
     patterns: {
+        keys: string[];
         getConfig: (name: string) => _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
         transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
         getNames: (name: string) => {
@@ -181,6 +182,7 @@ declare const createGenerator: (conf: ConfigResultWithHooks) => {
             jsx: string[];
         };
         jsx: {
+            framework: ("react" | "solid" | "preact" | "vue" | "qwik") | undefined;
             factory: string;
             styleProps: "all" | "minimal" | "none";
             isStyleProp: (key: string) => boolean;
@@ -211,6 +213,8 @@ declare const createGenerator: (conf: ConfigResultWithHooks) => {
                 props: string[];
             })[];
         };
+        patternKeys: string[];
+        recipeKeys: string[];
         getRecipesByJsxName: (jsxName: string) => {
             baseName: string;
             type: "recipe";
@@ -242,6 +246,7 @@ declare const createGenerator: (conf: ConfigResultWithHooks) => {
         tsOptions: _pandacss_types.ConfigTsOptions | undefined;
     };
     patterns: {
+        keys: string[];
         getConfig: (name: string) => _pandacss_types.PatternConfig<_pandacss_types_dist_pattern.PatternProperties>;
         transform: (name: string, data: _pandacss_types.Dict) => _pandacss_types.SystemStyleObject;
         getNames: (name: string) => {

package/dist/index.js

@@ -1054,7 +1054,15 @@ function generateRecipes(ctx) {
    ${ctx.file.import("compact, createCss, withoutSpace", "../helpers")}
 
    export const createRecipe = (name, defaultVariants, compoundVariants) => {
-     return (variants) => {
+    const getRecipeStyles = (variants) => {
+      return {
+        [name]: '__ignore__',
+        ...defaultVariants,
+        ...compact(variants),
+      };
+    };
+
+     const recipeFn = (variants, withCompoundVariants = true) => {
       const transform = (prop, value) => {
         assertCompoundVariant(name, compoundVariants, variants, prop)
 
@@ -1074,16 +1082,21 @@ function generateRecipes(ctx) {
         }
       })
 
-      const recipeStyles = {
-        [name]: '__ignore__',
-        ...defaultVariants,
-        ...compact(variants),
-      }
+      const recipeStyles = getRecipeStyles(variants)
 
-      const compoundVariantStyles = getCompoundVariantCss(compoundVariants, recipeStyles)
+      if (withCompoundVariants) {
+        const compoundVariantStyles = getCompoundVariantCss(compoundVariants, recipeStyles)
+        return cx(recipeCss(recipeStyles), css(compoundVariantStyles))
+      }
 
-      return cx(recipeCss(recipeStyles), css(compoundVariantStyles))
+      return recipeCss(recipeStyles)
      }
+
+      return Object.assign(recipeFn, {
+        __getCompoundVariantCss__: (variants) => {
+          return getCompoundVariantCss(compoundVariants, getRecipeStyles(variants));
+        },
+      })
    }
   `
   };
@@ -1280,7 +1293,7 @@ function generatePreactJsxFactory(ctx) {
     import { h } from 'preact'
     import { forwardRef } from 'preact/compat'
     import { useMemo } from 'preact/hooks'
-    ${ctx.file.import("css, cx, cva, assignCss", "../css/index")}
+    ${ctx.file.import("css, cx, cva", "../css/index")}
     ${ctx.file.import("splitProps, normalizeHTMLProps", "../helpers")}
     ${ctx.file.import("isCssProperty", "./is-valid-prop")}
 
@@ -1296,15 +1309,14 @@ function generatePreactJsxFactory(ctx) {
 
         function recipeClass() {
           const { css: cssStyles, ...propStyles } = styleProps
-          const styles = assignCss(propStyles, cssStyles)
-          return cx(cvaFn(variantProps), css(styles), elementProps.className, elementProps.class)
+          const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
+          return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), elementProps.className, elementProps.class)
         }
 
         function cvaClass() {
           const { css: cssStyles, ...propStyles } = styleProps
           const cvaStyles = cvaFn.raw(variantProps)
-          const styles = assignCss(cvaStyles, propStyles, cssStyles)
-          return cx(css(styles), elementProps.className, elementProps.class)
+          return cx(css(cvaStyles, propStyles, cssStyles), elementProps.className, elementProps.class)
         }
 
         const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
@@ -1525,7 +1537,7 @@ function generateQwikJsxFactory(ctx) {
   return {
     js: import_outdent19.outdent`
     import { h } from '@builder.io/qwik'
-    ${ctx.file.import("css, cx, cva, assignCss", "../css/index")}
+    ${ctx.file.import("css, cx, cva", "../css/index")}
     ${ctx.file.import("splitProps, normalizeHTMLProps", "../helpers")}
     ${ctx.file.import("isCssProperty", "./is-valid-prop")}
 
@@ -1541,14 +1553,13 @@ function generateQwikJsxFactory(ctx) {
         const { css: cssStyles, ...propStyles } = styleProps
 
         function recipeClass() {
-          const styles = assignCss(propStyles, cssStyles)
-          return cx(cvaFn(variantProps), css(styles), elementProps.class)
+          const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
+          return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), elementProps.class)
         }
 
         function cvaClass() {
           const cvaStyles = cvaFn.raw(variantProps)
-          const styles = assignCss(cvaStyles, propStyles, cssStyles)
-          return cx(css(styles), elementProps.class)
+          return cx(css(cvaStyles, propStyles, cssStyles), elementProps.class)
         }
 
         const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
@@ -1776,7 +1787,7 @@ function generateReactJsxFactory(ctx) {
   return {
     js: import_outdent24.outdent`
     import { createElement, forwardRef, useMemo } from 'react'
-    ${ctx.file.import("css, cx, cva, assignCss", "../css/index")}
+    ${ctx.file.import("css, cx, cva", "../css/index")}
     ${ctx.file.import("splitProps, normalizeHTMLProps", "../helpers")}
     ${ctx.jsx.styleProps === "all" ? ctx.file.import("isCssProperty", "./is-valid-prop") : ""}
 
@@ -1794,15 +1805,14 @@ function generateReactJsxFactory(ctx) {
 
           function recipeClass() {
             const { css: cssStyles, ...propStyles } = styleProps
-            const styles = assignCss(propStyles, cssStyles)
-            return cx(cvaFn(variantProps), css(styles), elementProps.className)
+            const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
+            return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), elementProps.className)
           }
 
           function cvaClass() {
             const { css: cssStyles, ...propStyles } = styleProps
             const cvaStyles = cvaFn.raw(variantProps)
-            const styles = assignCss(cvaStyles, propStyles, cssStyles)
-            return cx(css(styles), elementProps.className)
+            return cx(css(cvaStyles, propStyles, cssStyles), elementProps.className)
           }`;
     }).with("minimal", () => {
       return import_outdent24.outdent`
@@ -1811,13 +1821,13 @@ function generateReactJsxFactory(ctx) {
           }, [restProps])
 
           function recipeClass() {
-            return cx(cvaFn(variantProps), css(assignCss(elementProps.css)), elementProps.className)
+            const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
+            return cx(cvaFn(variantProps, false), css(compoundVariantStyles, elementProps.css), elementProps.className)
           }
 
           function cvaClass() {
             const cvaStyles = cvaFn.raw(variantProps)
-            const styles = assignCss(cvaStyles, elementProps.css)
-            return cx(css(styles), elementProps.className)
+            return cx(css(cvaStyles, elementProps.css), elementProps.className)
           }`;
     }).with("none", () => {
       return import_outdent24.outdent`
@@ -1826,13 +1836,13 @@ function generateReactJsxFactory(ctx) {
           }, [restProps])
 
           function recipeClass() {
-            return cx(cvaFn(variantProps), elementProps.className)
+            const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
+            return cx(cvaFn(variantProps, false), elementProps.className)
           }
 
           function cvaClass() {
             const cvaStyles = cvaFn.raw(variantProps)
-            const styles = assignCss(cvaStyles)
-            return cx(css(styles), elementProps.className)
+            return cx(css(cvaStyles), elementProps.className)
           }`;
     }).run()}
 
@@ -2082,15 +2092,13 @@ function generateSolidJsxFactory(ctx) {
 
         function recipeClass() {
           const { css: cssStyles, ...propStyles } = styleProps
-          const styles = assignCss(propStyles, cssStyles)
-          return cx(cvaFn(variantProps), css(styles), localProps.class)
+          return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), localProps.class)
         }
 
         function cvaClass() {
           const { css: cssStyles, ...propStyles } = styleProps
           const cvaStyles = cvaFn.raw(variantProps)
-          const styles = assignCss(cvaStyles, propStyles, cssStyles)
-          return cx(css(styles), localProps.class)
+          return cx(css(cvaStyles, propStyles, cssStyles), localProps.class)
         }
 
         const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
@@ -2341,15 +2349,14 @@ function generateVueJsxFactory(ctx) {
           const recipeClass = computed(() => {
             const [variantProps, styleProps, _htmlProps, elementProps] = splittedProps.value
             const { css: cssStyles, ...propStyles } = styleProps
-            const styles = assignCss(propStyles, cssStyles)
-            return cx(cvaFn(variantProps), css(styles), elementProps.className)
+            const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
+            return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), elementProps.className)
           })
 
           const cvaClass = computed(() => {
             const [variantProps, styleProps, _htmlProps, elementProps] = splittedProps.value
             const { css: cssStyles, ...propStyles } = styleProps
-            const styles = assignCss(propStyles, cssStyles)
-            return cx(cvaFn(variantProps), css(styles), elementProps.className)
+            return cx(cvaFn(variantProps), css(propStyles, cssStyles), elementProps.className)
           })
 
           const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
@@ -2372,17 +2379,12 @@ function generateVueJsxFactory(ctx) {
     }
 
     function createJsxFactory() {
-      const cache = new Map()
-
       return new Proxy(styledFn, {
         apply(_, __, args) {
           return styledFn(...args)
         },
         get(_, el) {
-          if (!cache.has(el)) {
-            cache.set(el, styledFn(el))
-          }
-          return cache.get(el)
+         return styledFn(el)
         },
       })
     }
@@ -2697,7 +2699,7 @@ var composition_d_ts_default = {
 
 // src/artifacts/generated/recipe.d.ts.json
 var recipe_d_ts_default = {
-  content: "import type { SystemStyleObject, DistributiveOmit } from './system-types'\n\ntype Pretty<T> = { [K in keyof T]: T[K] } & {}\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<\n  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,\n> = Pretty<Parameters<T>[0]>\n\ntype RecipeVariantMap<T extends RecipeVariantRecord> = {\n  [K in keyof T]: Array<keyof T[K]>\n}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Standard\n * -----------------------------------------------------------------------------*/\n\nexport interface RecipeRuntimeFn<T extends RecipeVariantRecord> extends RecipeVariantFn<T> {\n  __type: RecipeSelection<T>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  raw: (props?: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(\n    props: Props,\n  ): [RecipeSelection<T>, Pretty<DistributiveOmit<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 interface 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\ninterface RecipeConfigMeta {\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\nexport interface RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord>\n  extends RecipeDefinition<T>,\n    RecipeConfigMeta {}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Slot\n * -----------------------------------------------------------------------------*/\n\ntype SlotRecord<S extends string, T> = Partial<Record<S, T>>\n\nexport type SlotRecipeVariantRecord<S extends string> = Record<any, Record<any, SlotRecord<S, SystemStyleObject>>>\n\nexport type SlotRecipeVariantFn<S extends string, T extends RecipeVariantRecord> = (\n  props?: RecipeSelection<T>,\n) => SlotRecord<S, string>\n\nexport interface SlotRecipeRuntimeFn<S extends string, T extends SlotRecipeVariantRecord<S>>\n  extends SlotRecipeVariantFn<S, T> {\n  raw: (props?: RecipeSelection<T>) => Record<S, SystemStyleObject>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]\n}\n\nexport type SlotRecipeCompoundVariant<S extends string, T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SlotRecord<S, SystemStyleObject>\n}\n\nexport interface SlotRecipeDefinition<S extends string, T extends SlotRecipeVariantRecord<S>> {\n  /**\n   * The parts/slots of the recipe.\n   */\n  slots: S[] | Readonly<S[]>\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SlotRecord<S, SystemStyleObject>\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | SlotRecipeVariantRecord<S>\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<SlotRecipeCompoundVariant<S, T>>\n}\n\nexport type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(\n  config: SlotRecipeDefinition<S, T>,\n) => SlotRecipeRuntimeFn<S, T>\n\nexport type SlotRecipeConfig<\n  S extends string = string,\n  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,\n> = SlotRecipeDefinition<S, T> & RecipeConfigMeta\n"
+  content: "import type { SystemStyleObject, DistributiveOmit } from './system-types'\n\ntype Pretty<T> = { [K in keyof T]: T[K] } & {}\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<\n  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,\n> = Pretty<Parameters<T>[0]>\n\ntype RecipeVariantMap<T extends RecipeVariantRecord> = {\n  [K in keyof T]: Array<keyof T[K]>\n}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Standard\n * -----------------------------------------------------------------------------*/\n\nexport interface RecipeRuntimeFn<T extends RecipeVariantRecord> extends RecipeVariantFn<T> {\n  __type: RecipeSelection<T>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  raw: (props?: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(\n    props: Props,\n  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]\n}\n\ntype OneOrMore<T> = T | Array<T>\n\nexport type RecipeCompoundSelection<T> = {\n  [K in keyof T]?: OneOrMore<StringToBoolean<keyof T[K]>>\n}\n\nexport type RecipeCompoundVariant<T> = T & {\n  css: SystemStyleObject\n}\n\nexport interface 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\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?: Pretty<RecipeCompoundVariant<RecipeCompoundSelection<T>>>[]\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\ninterface RecipeConfigMeta {\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\nexport interface RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord>\n  extends RecipeDefinition<T>,\n    RecipeConfigMeta {}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Slot\n * -----------------------------------------------------------------------------*/\n\ntype SlotRecord<S extends string, T> = Partial<Record<S, T>>\n\nexport type SlotRecipeVariantRecord<S extends string> = Record<any, Record<any, SlotRecord<S, SystemStyleObject>>>\n\nexport type SlotRecipeVariantFn<S extends string, T extends RecipeVariantRecord> = (\n  props?: RecipeSelection<T>,\n) => SlotRecord<S, string>\n\nexport interface SlotRecipeRuntimeFn<S extends string, T extends SlotRecipeVariantRecord<S>>\n  extends SlotRecipeVariantFn<S, T> {\n  raw: (props?: RecipeSelection<T>) => Record<S, SystemStyleObject>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]\n}\n\nexport type SlotRecipeCompoundVariant<S extends string, T> = T & {\n  css: SlotRecord<S, SystemStyleObject>\n}\n\nexport interface SlotRecipeDefinition<S extends string, T extends SlotRecipeVariantRecord<S>> {\n  /**\n   * The parts/slots of the recipe.\n   */\n  slots: S[] | Readonly<S[]>\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SlotRecord<S, SystemStyleObject>\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T\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?: Pretty<SlotRecipeCompoundVariant<S, RecipeCompoundSelection<T>>>[]\n}\n\nexport type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(\n  config: SlotRecipeDefinition<S, T>,\n) => SlotRecipeRuntimeFn<S, T>\n\nexport type SlotRecipeConfig<\n  S extends string = string,\n  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,\n> = SlotRecipeDefinition<S, T> & RecipeConfigMeta\n"
 };
 
 // src/artifacts/generated/pattern.d.ts.json
@@ -3430,6 +3432,7 @@ var getPatternEngine = (config) => {
     };
   });
   return {
+    keys: Object.keys(patterns),
     getConfig: (name) => patterns[name],
     transform: (name, data) => {
       return patterns[name]?.transform?.(data, helpers2) ?? {};
@@ -3509,11 +3512,11 @@ var defaults = (conf) => ({
     }
   }
 });
-var getImportMap = (outdir) => ({
-  css: [outdir, "css"],
-  recipe: [outdir, "recipes"],
-  pattern: [outdir, "patterns"],
-  jsx: [outdir, "jsx"]
+var getImportMap = (outdir, configImportMap) => ({
+  css: configImportMap?.css ? [configImportMap.css] : [outdir, "css"],
+  recipe: configImportMap?.recipes ? [configImportMap.recipes] : [outdir, "recipes"],
+  pattern: configImportMap?.patterns ? [configImportMap.patterns] : [outdir, "patterns"],
+  jsx: configImportMap?.jsx ? [configImportMap.jsx] : [outdir, "jsx"]
 });
 var createGenerator = (conf) => {
   const ctx = getEngine(defaults(conf));
@@ -3529,13 +3532,16 @@ var createGenerator = (conf) => {
     getParserCss: generateParserCss(ctx),
     messages: getMessages(ctx),
     parserOptions: {
-      importMap: getImportMap(config.outdir.replace(relativeBaseUrl, "")),
+      importMap: getImportMap(config.outdir.replace(relativeBaseUrl, ""), config.importMap),
       jsx: {
+        framework: jsx.framework,
         factory: jsx.factoryName,
         styleProps: jsx.styleProps,
         isStyleProp: isValidProperty,
         nodes: [...patterns.details, ...recipes.details]
       },
+      patternKeys: patterns.keys,
+      recipeKeys: recipes.keys,
       getRecipesByJsxName: recipes.filter,
       getPatternsByJsxName: patterns.filter,
       compilerOptions,

package/dist/index.mjs

@@ -1023,7 +1023,15 @@ function generateRecipes(ctx) {
    ${ctx.file.import("compact, createCss, withoutSpace", "../helpers")}
 
    export const createRecipe = (name, defaultVariants, compoundVariants) => {
-     return (variants) => {
+    const getRecipeStyles = (variants) => {
+      return {
+        [name]: '__ignore__',
+        ...defaultVariants,
+        ...compact(variants),
+      };
+    };
+
+     const recipeFn = (variants, withCompoundVariants = true) => {
       const transform = (prop, value) => {
         assertCompoundVariant(name, compoundVariants, variants, prop)
 
@@ -1043,16 +1051,21 @@ function generateRecipes(ctx) {
         }
       })
 
-      const recipeStyles = {
-        [name]: '__ignore__',
-        ...defaultVariants,
-        ...compact(variants),
-      }
+      const recipeStyles = getRecipeStyles(variants)
 
-      const compoundVariantStyles = getCompoundVariantCss(compoundVariants, recipeStyles)
+      if (withCompoundVariants) {
+        const compoundVariantStyles = getCompoundVariantCss(compoundVariants, recipeStyles)
+        return cx(recipeCss(recipeStyles), css(compoundVariantStyles))
+      }
 
-      return cx(recipeCss(recipeStyles), css(compoundVariantStyles))
+      return recipeCss(recipeStyles)
      }
+
+      return Object.assign(recipeFn, {
+        __getCompoundVariantCss__: (variants) => {
+          return getCompoundVariantCss(compoundVariants, getRecipeStyles(variants));
+        },
+      })
    }
   `
   };
@@ -1249,7 +1262,7 @@ function generatePreactJsxFactory(ctx) {
     import { h } from 'preact'
     import { forwardRef } from 'preact/compat'
     import { useMemo } from 'preact/hooks'
-    ${ctx.file.import("css, cx, cva, assignCss", "../css/index")}
+    ${ctx.file.import("css, cx, cva", "../css/index")}
     ${ctx.file.import("splitProps, normalizeHTMLProps", "../helpers")}
     ${ctx.file.import("isCssProperty", "./is-valid-prop")}
 
@@ -1265,15 +1278,14 @@ function generatePreactJsxFactory(ctx) {
 
         function recipeClass() {
           const { css: cssStyles, ...propStyles } = styleProps
-          const styles = assignCss(propStyles, cssStyles)
-          return cx(cvaFn(variantProps), css(styles), elementProps.className, elementProps.class)
+          const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
+          return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), elementProps.className, elementProps.class)
         }
 
         function cvaClass() {
           const { css: cssStyles, ...propStyles } = styleProps
           const cvaStyles = cvaFn.raw(variantProps)
-          const styles = assignCss(cvaStyles, propStyles, cssStyles)
-          return cx(css(styles), elementProps.className, elementProps.class)
+          return cx(css(cvaStyles, propStyles, cssStyles), elementProps.className, elementProps.class)
         }
 
         const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
@@ -1494,7 +1506,7 @@ function generateQwikJsxFactory(ctx) {
   return {
     js: outdent19`
     import { h } from '@builder.io/qwik'
-    ${ctx.file.import("css, cx, cva, assignCss", "../css/index")}
+    ${ctx.file.import("css, cx, cva", "../css/index")}
     ${ctx.file.import("splitProps, normalizeHTMLProps", "../helpers")}
     ${ctx.file.import("isCssProperty", "./is-valid-prop")}
 
@@ -1510,14 +1522,13 @@ function generateQwikJsxFactory(ctx) {
         const { css: cssStyles, ...propStyles } = styleProps
 
         function recipeClass() {
-          const styles = assignCss(propStyles, cssStyles)
-          return cx(cvaFn(variantProps), css(styles), elementProps.class)
+          const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
+          return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), elementProps.class)
         }
 
         function cvaClass() {
           const cvaStyles = cvaFn.raw(variantProps)
-          const styles = assignCss(cvaStyles, propStyles, cssStyles)
-          return cx(css(styles), elementProps.class)
+          return cx(css(cvaStyles, propStyles, cssStyles), elementProps.class)
         }
 
         const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
@@ -1745,7 +1756,7 @@ function generateReactJsxFactory(ctx) {
   return {
     js: outdent24`
     import { createElement, forwardRef, useMemo } from 'react'
-    ${ctx.file.import("css, cx, cva, assignCss", "../css/index")}
+    ${ctx.file.import("css, cx, cva", "../css/index")}
     ${ctx.file.import("splitProps, normalizeHTMLProps", "../helpers")}
     ${ctx.jsx.styleProps === "all" ? ctx.file.import("isCssProperty", "./is-valid-prop") : ""}
 
@@ -1763,15 +1774,14 @@ function generateReactJsxFactory(ctx) {
 
           function recipeClass() {
             const { css: cssStyles, ...propStyles } = styleProps
-            const styles = assignCss(propStyles, cssStyles)
-            return cx(cvaFn(variantProps), css(styles), elementProps.className)
+            const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
+            return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), elementProps.className)
           }
 
           function cvaClass() {
             const { css: cssStyles, ...propStyles } = styleProps
             const cvaStyles = cvaFn.raw(variantProps)
-            const styles = assignCss(cvaStyles, propStyles, cssStyles)
-            return cx(css(styles), elementProps.className)
+            return cx(css(cvaStyles, propStyles, cssStyles), elementProps.className)
           }`;
     }).with("minimal", () => {
       return outdent24`
@@ -1780,13 +1790,13 @@ function generateReactJsxFactory(ctx) {
           }, [restProps])
 
           function recipeClass() {
-            return cx(cvaFn(variantProps), css(assignCss(elementProps.css)), elementProps.className)
+            const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
+            return cx(cvaFn(variantProps, false), css(compoundVariantStyles, elementProps.css), elementProps.className)
           }
 
           function cvaClass() {
             const cvaStyles = cvaFn.raw(variantProps)
-            const styles = assignCss(cvaStyles, elementProps.css)
-            return cx(css(styles), elementProps.className)
+            return cx(css(cvaStyles, elementProps.css), elementProps.className)
           }`;
     }).with("none", () => {
       return outdent24`
@@ -1795,13 +1805,13 @@ function generateReactJsxFactory(ctx) {
           }, [restProps])
 
           function recipeClass() {
-            return cx(cvaFn(variantProps), elementProps.className)
+            const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
+            return cx(cvaFn(variantProps, false), elementProps.className)
           }
 
           function cvaClass() {
             const cvaStyles = cvaFn.raw(variantProps)
-            const styles = assignCss(cvaStyles)
-            return cx(css(styles), elementProps.className)
+            return cx(css(cvaStyles), elementProps.className)
           }`;
     }).run()}
 
@@ -2051,15 +2061,13 @@ function generateSolidJsxFactory(ctx) {
 
         function recipeClass() {
           const { css: cssStyles, ...propStyles } = styleProps
-          const styles = assignCss(propStyles, cssStyles)
-          return cx(cvaFn(variantProps), css(styles), localProps.class)
+          return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), localProps.class)
         }
 
         function cvaClass() {
           const { css: cssStyles, ...propStyles } = styleProps
           const cvaStyles = cvaFn.raw(variantProps)
-          const styles = assignCss(cvaStyles, propStyles, cssStyles)
-          return cx(css(styles), localProps.class)
+          return cx(css(cvaStyles, propStyles, cssStyles), localProps.class)
         }
 
         const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
@@ -2310,15 +2318,14 @@ function generateVueJsxFactory(ctx) {
           const recipeClass = computed(() => {
             const [variantProps, styleProps, _htmlProps, elementProps] = splittedProps.value
             const { css: cssStyles, ...propStyles } = styleProps
-            const styles = assignCss(propStyles, cssStyles)
-            return cx(cvaFn(variantProps), css(styles), elementProps.className)
+            const compoundVariantStyles = cvaFn.__getCompoundVariantCss__?.(variantProps);
+            return cx(cvaFn(variantProps, false), css(compoundVariantStyles, propStyles, cssStyles), elementProps.className)
           })
 
           const cvaClass = computed(() => {
             const [variantProps, styleProps, _htmlProps, elementProps] = splittedProps.value
             const { css: cssStyles, ...propStyles } = styleProps
-            const styles = assignCss(propStyles, cssStyles)
-            return cx(cvaFn(variantProps), css(styles), elementProps.className)
+            return cx(cvaFn(variantProps), css(propStyles, cssStyles), elementProps.className)
           })
 
           const classes = configOrCva.__recipe__ ? recipeClass : cvaClass
@@ -2341,17 +2348,12 @@ function generateVueJsxFactory(ctx) {
     }
 
     function createJsxFactory() {
-      const cache = new Map()
-
       return new Proxy(styledFn, {
         apply(_, __, args) {
           return styledFn(...args)
         },
         get(_, el) {
-          if (!cache.has(el)) {
-            cache.set(el, styledFn(el))
-          }
-          return cache.get(el)
+         return styledFn(el)
         },
       })
     }
@@ -2666,7 +2668,7 @@ var composition_d_ts_default = {
 
 // src/artifacts/generated/recipe.d.ts.json
 var recipe_d_ts_default = {
-  content: "import type { SystemStyleObject, DistributiveOmit } from './system-types'\n\ntype Pretty<T> = { [K in keyof T]: T[K] } & {}\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<\n  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,\n> = Pretty<Parameters<T>[0]>\n\ntype RecipeVariantMap<T extends RecipeVariantRecord> = {\n  [K in keyof T]: Array<keyof T[K]>\n}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Standard\n * -----------------------------------------------------------------------------*/\n\nexport interface RecipeRuntimeFn<T extends RecipeVariantRecord> extends RecipeVariantFn<T> {\n  __type: RecipeSelection<T>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  raw: (props?: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(\n    props: Props,\n  ): [RecipeSelection<T>, Pretty<DistributiveOmit<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 interface 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\ninterface RecipeConfigMeta {\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\nexport interface RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord>\n  extends RecipeDefinition<T>,\n    RecipeConfigMeta {}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Slot\n * -----------------------------------------------------------------------------*/\n\ntype SlotRecord<S extends string, T> = Partial<Record<S, T>>\n\nexport type SlotRecipeVariantRecord<S extends string> = Record<any, Record<any, SlotRecord<S, SystemStyleObject>>>\n\nexport type SlotRecipeVariantFn<S extends string, T extends RecipeVariantRecord> = (\n  props?: RecipeSelection<T>,\n) => SlotRecord<S, string>\n\nexport interface SlotRecipeRuntimeFn<S extends string, T extends SlotRecipeVariantRecord<S>>\n  extends SlotRecipeVariantFn<S, T> {\n  raw: (props?: RecipeSelection<T>) => Record<S, SystemStyleObject>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]\n}\n\nexport type SlotRecipeCompoundVariant<S extends string, T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SlotRecord<S, SystemStyleObject>\n}\n\nexport interface SlotRecipeDefinition<S extends string, T extends SlotRecipeVariantRecord<S>> {\n  /**\n   * The parts/slots of the recipe.\n   */\n  slots: S[] | Readonly<S[]>\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SlotRecord<S, SystemStyleObject>\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | SlotRecipeVariantRecord<S>\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<SlotRecipeCompoundVariant<S, T>>\n}\n\nexport type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(\n  config: SlotRecipeDefinition<S, T>,\n) => SlotRecipeRuntimeFn<S, T>\n\nexport type SlotRecipeConfig<\n  S extends string = string,\n  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,\n> = SlotRecipeDefinition<S, T> & RecipeConfigMeta\n"
+  content: "import type { SystemStyleObject, DistributiveOmit } from './system-types'\n\ntype Pretty<T> = { [K in keyof T]: T[K] } & {}\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<\n  T extends RecipeVariantFn<RecipeVariantRecord> | SlotRecipeVariantFn<string, SlotRecipeVariantRecord<string>>,\n> = Pretty<Parameters<T>[0]>\n\ntype RecipeVariantMap<T extends RecipeVariantRecord> = {\n  [K in keyof T]: Array<keyof T[K]>\n}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Standard\n * -----------------------------------------------------------------------------*/\n\nexport interface RecipeRuntimeFn<T extends RecipeVariantRecord> extends RecipeVariantFn<T> {\n  __type: RecipeSelection<T>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  raw: (props?: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(\n    props: Props,\n  ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]\n}\n\ntype OneOrMore<T> = T | Array<T>\n\nexport type RecipeCompoundSelection<T> = {\n  [K in keyof T]?: OneOrMore<StringToBoolean<keyof T[K]>>\n}\n\nexport type RecipeCompoundVariant<T> = T & {\n  css: SystemStyleObject\n}\n\nexport interface 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\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?: Pretty<RecipeCompoundVariant<RecipeCompoundSelection<T>>>[]\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\ninterface RecipeConfigMeta {\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\nexport interface RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord>\n  extends RecipeDefinition<T>,\n    RecipeConfigMeta {}\n\n/* -----------------------------------------------------------------------------\n * Recipe / Slot\n * -----------------------------------------------------------------------------*/\n\ntype SlotRecord<S extends string, T> = Partial<Record<S, T>>\n\nexport type SlotRecipeVariantRecord<S extends string> = Record<any, Record<any, SlotRecord<S, SystemStyleObject>>>\n\nexport type SlotRecipeVariantFn<S extends string, T extends RecipeVariantRecord> = (\n  props?: RecipeSelection<T>,\n) => SlotRecord<S, string>\n\nexport interface SlotRecipeRuntimeFn<S extends string, T extends SlotRecipeVariantRecord<S>>\n  extends SlotRecipeVariantFn<S, T> {\n  raw: (props?: RecipeSelection<T>) => Record<S, SystemStyleObject>\n  variantKeys: (keyof T)[]\n  variantMap: RecipeVariantMap<T>\n  splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]\n}\n\nexport type SlotRecipeCompoundVariant<S extends string, T> = T & {\n  css: SlotRecord<S, SystemStyleObject>\n}\n\nexport interface SlotRecipeDefinition<S extends string, T extends SlotRecipeVariantRecord<S>> {\n  /**\n   * The parts/slots of the recipe.\n   */\n  slots: S[] | Readonly<S[]>\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SlotRecord<S, SystemStyleObject>\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T\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?: Pretty<SlotRecipeCompoundVariant<S, RecipeCompoundSelection<T>>>[]\n}\n\nexport type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(\n  config: SlotRecipeDefinition<S, T>,\n) => SlotRecipeRuntimeFn<S, T>\n\nexport type SlotRecipeConfig<\n  S extends string = string,\n  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,\n> = SlotRecipeDefinition<S, T> & RecipeConfigMeta\n"
 };
 
 // src/artifacts/generated/pattern.d.ts.json
@@ -3405,6 +3407,7 @@ var getPatternEngine = (config) => {
     };
   });
   return {
+    keys: Object.keys(patterns),
     getConfig: (name) => patterns[name],
     transform: (name, data) => {
       return patterns[name]?.transform?.(data, helpers2) ?? {};
@@ -3484,11 +3487,11 @@ var defaults = (conf) => ({
     }
   }
 });
-var getImportMap = (outdir) => ({
-  css: [outdir, "css"],
-  recipe: [outdir, "recipes"],
-  pattern: [outdir, "patterns"],
-  jsx: [outdir, "jsx"]
+var getImportMap = (outdir, configImportMap) => ({
+  css: configImportMap?.css ? [configImportMap.css] : [outdir, "css"],
+  recipe: configImportMap?.recipes ? [configImportMap.recipes] : [outdir, "recipes"],
+  pattern: configImportMap?.patterns ? [configImportMap.patterns] : [outdir, "patterns"],
+  jsx: configImportMap?.jsx ? [configImportMap.jsx] : [outdir, "jsx"]
 });
 var createGenerator = (conf) => {
   const ctx = getEngine(defaults(conf));
@@ -3504,13 +3507,16 @@ var createGenerator = (conf) => {
     getParserCss: generateParserCss(ctx),
     messages: getMessages(ctx),
     parserOptions: {
-      importMap: getImportMap(config.outdir.replace(relativeBaseUrl, "")),
+      importMap: getImportMap(config.outdir.replace(relativeBaseUrl, ""), config.importMap),
       jsx: {
+        framework: jsx.framework,
         factory: jsx.factoryName,
         styleProps: jsx.styleProps,
         isStyleProp: isValidProperty,
         nodes: [...patterns.details, ...recipes.details]
       },
+      patternKeys: patterns.keys,
+      recipeKeys: recipes.keys,
       getRecipesByJsxName: recipes.filter,
       getPatternsByJsxName: patterns.filter,
       compilerOptions,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.15.2",
+  "version": "0.15.3",
   "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.27",
     "ts-pattern": "5.0.5",
-    "@pandacss/core": "0.15.2",
-    "@pandacss/is-valid-prop": "0.15.2",
-    "@pandacss/logger": "0.15.2",
-    "@pandacss/shared": "0.15.2",
-    "@pandacss/token-dictionary": "0.15.2",
-    "@pandacss/types": "0.15.2"
+    "@pandacss/core": "0.15.3",
+    "@pandacss/is-valid-prop": "0.15.3",
+    "@pandacss/shared": "0.15.3",
+    "@pandacss/logger": "0.15.3",
+    "@pandacss/token-dictionary": "0.15.3",
+    "@pandacss/types": "0.15.3"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.30",
     "hookable": "5.5.3",
-    "@pandacss/fixture": "0.15.2"
+    "@pandacss/fixture": "0.15.3"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",