@pandacss/parser 0.7.0 → 0.9.0

package/dist/index.d.mts

@@ -1,6 +1,7 @@
 import * as ts_morph from 'ts-morph';
 import { ProjectOptions as ProjectOptions$1 } from 'ts-morph';
-import { ResultItem, RecipeConfig, PandaHookable } from '@pandacss/types';
+import { ResultItem, ConfigTsOptions, Runtime, PandaHookable } from '@pandacss/types';
+import { Generator } from '@pandacss/generator';
 
 declare class ParserResult {
     jsx: Set<ResultItem>;
@@ -33,36 +34,30 @@ declare class ParserResult {
 }
 declare const createParserResult: () => ParserResult;
 
-type ParserPatternNode = {
-    name: string;
-    type: 'pattern';
-    props?: string[];
-    baseName: string;
-};
-type ParserRecipeNode = {
-    name: string;
-    type: 'recipe';
-    props: string[];
-    baseName: string;
-    jsx: RecipeConfig['jsx'];
-};
+type ParserPatternNode = Generator['patterns']['details'][number];
+type ParserRecipeNode = Generator['recipes']['details'][number];
 type ParserNodeOptions = ParserPatternNode | ParserRecipeNode;
 type ParserOptions = {
-    importMap: Record<'css' | 'recipe' | 'pattern' | 'jsx', string>;
+    importMap: Record<'css' | 'recipe' | 'pattern' | 'jsx', string[]>;
     jsx?: {
         factory: string;
         nodes: ParserNodeOptions[];
         isStyleProp: (prop: string) => boolean;
     };
-    getRecipesByJsxName: (jsxName: string) => RecipeConfig[];
+    getRecipesByJsxName: (jsxName: string) => ParserRecipeNode[];
+    getPatternsByJsxName: (jsxName: string) => ParserPatternNode[];
+    tsOptions?: ConfigTsOptions;
+    join: Runtime['path']['join'];
 };
 
 type ProjectOptions = Partial<ProjectOptions$1> & {
-    readFile: (filePath: string) => string;
+    readFile: Runtime['fs']['readFileSync'];
     getFiles: () => string[];
     hooks: PandaHookable;
     parserOptions: ParserOptions;
+    tsOptions?: ConfigTsOptions;
 };
+
 declare const createProject: ({ getFiles, readFile, parserOptions, hooks, ...projectOptions }: ProjectOptions) => {
     getSourceFile: (filePath: string) => ts_morph.SourceFile | undefined;
     removeSourceFile: (filePath: string) => void;
@@ -74,4 +69,4 @@ declare const createProject: ({ getFiles, readFile, parserOptions, hooks, ...pro
 };
 type Project = ReturnType<typeof createProject>;
 
-export { ParserResult, Project, ProjectOptions, createParserResult, createProject };
+export { ParserResult, Project, createParserResult, createProject };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as ts_morph from 'ts-morph';
 import { ProjectOptions as ProjectOptions$1 } from 'ts-morph';
-import { ResultItem, RecipeConfig, PandaHookable } from '@pandacss/types';
+import { ResultItem, ConfigTsOptions, Runtime, PandaHookable } from '@pandacss/types';
+import { Generator } from '@pandacss/generator';
 
 declare class ParserResult {
     jsx: Set<ResultItem>;
@@ -33,36 +34,30 @@ declare class ParserResult {
 }
 declare const createParserResult: () => ParserResult;
 
-type ParserPatternNode = {
-    name: string;
-    type: 'pattern';
-    props?: string[];
-    baseName: string;
-};
-type ParserRecipeNode = {
-    name: string;
-    type: 'recipe';
-    props: string[];
-    baseName: string;
-    jsx: RecipeConfig['jsx'];
-};
+type ParserPatternNode = Generator['patterns']['details'][number];
+type ParserRecipeNode = Generator['recipes']['details'][number];
 type ParserNodeOptions = ParserPatternNode | ParserRecipeNode;
 type ParserOptions = {
-    importMap: Record<'css' | 'recipe' | 'pattern' | 'jsx', string>;
+    importMap: Record<'css' | 'recipe' | 'pattern' | 'jsx', string[]>;
     jsx?: {
         factory: string;
         nodes: ParserNodeOptions[];
         isStyleProp: (prop: string) => boolean;
     };
-    getRecipesByJsxName: (jsxName: string) => RecipeConfig[];
+    getRecipesByJsxName: (jsxName: string) => ParserRecipeNode[];
+    getPatternsByJsxName: (jsxName: string) => ParserPatternNode[];
+    tsOptions?: ConfigTsOptions;
+    join: Runtime['path']['join'];
 };
 
 type ProjectOptions = Partial<ProjectOptions$1> & {
-    readFile: (filePath: string) => string;
+    readFile: Runtime['fs']['readFileSync'];
     getFiles: () => string[];
     hooks: PandaHookable;
     parserOptions: ParserOptions;
+    tsOptions?: ConfigTsOptions;
 };
+
 declare const createProject: ({ getFiles, readFile, parserOptions, hooks, ...projectOptions }: ProjectOptions) => {
     getSourceFile: (filePath: string) => ts_morph.SourceFile | undefined;
     removeSourceFile: (filePath: string) => void;
@@ -74,4 +69,4 @@ declare const createProject: ({ getFiles, readFile, parserOptions, hooks, ...pro
 };
 type Project = ReturnType<typeof createProject>;
 
-export { ParserResult, Project, ProjectOptions, createParserResult, createProject };
+export { ParserResult, Project, createParserResult, createProject };

package/dist/index.js

@@ -67,9 +67,10 @@ function getImportDeclarations(file, options) {
     specifiers.forEach((specifier) => {
       const name = specifier.getNameNode().getText();
       const alias = specifier.getAliasNode()?.getText() || name;
-      if (!match2({ name, alias, mod: source }))
+      const importMapValue = match2({ name, alias, mod: source });
+      if (!importMapValue)
         return;
-      result.push({ name, alias, mod: source });
+      result.push({ name, alias, mod: source, importMapValue });
     });
   });
   return {
@@ -81,7 +82,7 @@ function getImportDeclarations(file, options) {
       return result.find((o) => o.alias === id);
     },
     createMatch(mod) {
-      const mods = result.filter((o) => o.mod.includes(mod));
+      const mods = result.filter((o) => o.mod.includes(mod) || o.importMapValue === mod);
       return (0, import_shared.memo)((id) => !!mods.find((mod2) => mod2.alias === id || mod2.name === id));
     },
     match(id) {
@@ -174,7 +175,9 @@ var ParserResult = class _ParserResult {
 var createParserResult = () => new ParserResult();
 
 // src/parser.ts
+var import_ts_path = require("@pandacss/config/ts-path");
 var isNodeRecipe = (node) => node.type === "recipe";
+var isNodePattern = (node) => node.type === "pattern";
 var cvaProps = ["compoundVariants", "defaultVariants", "variants", "base"];
 var isCva = (map) => cvaProps.some((prop) => map.has(prop));
 function createImportMatcher(mod, values) {
@@ -197,14 +200,15 @@ var fallback = (box2) => ({
 });
 var defaultEnv = { preset: "NONE" };
 function createParser(options) {
-  const { jsx, importMap, getRecipesByJsxName } = options;
+  const { jsx, getRecipesByJsxName, getPatternsByJsxName, tsOptions, join } = options;
+  const importMap = Object.fromEntries(Object.entries(options.importMap).map(([key, value]) => [key, join(...value)]));
   const importRegex = [
     createImportMatcher(importMap.css, ["css", "cva"]),
     createImportMatcher(importMap.recipe),
     createImportMatcher(importMap.pattern)
   ];
   if (jsx) {
-    importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.name)]));
+    importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.jsxName)]));
   }
   return function parse2(sourceFile) {
     if (!sourceFile)
@@ -212,7 +216,23 @@ function createParser(options) {
     const filePath = sourceFile.getFilePath();
     const imports = getImportDeclarations(sourceFile, {
       match(value) {
-        return importRegex.some(({ regex, mod }) => regex.test(value.name) && value.mod.includes(mod));
+        let found = false;
+        for (const { regex, mod } of importRegex) {
+          if (!regex.test(value.name))
+            continue;
+          if (value.mod.includes(mod)) {
+            found = true;
+            break;
+          }
+          if (tsOptions?.pathMappings) {
+            const filename = (0, import_ts_path.resolveTsPathPattern)(tsOptions.pathMappings, value.mod);
+            if (filename?.includes(mod)) {
+              found = mod;
+              break;
+            }
+          }
+        }
+        return found;
       }
     });
     const collector = createParserResult();
@@ -226,8 +246,24 @@ function createParser(options) {
     const isValidRecipe = imports.createMatch(importMap.recipe);
     const isValidStyleFn = (name) => name === jsx?.factory;
     const isFactory = (name) => Boolean(jsx && name.startsWith(jsxFactoryAlias));
-    const jsxPatternNodes = new RegExp(
-      `^(${jsx?.nodes.filter((node) => node.type === "pattern").map((node) => node.name).join("|")})$`
+    const isRawFn = (fullName) => {
+      const name = fullName.split(".raw")[0] ?? "";
+      return name === "css" || isValidPattern(name) || isValidRecipe(name);
+    };
+    const patternPropertiesByName = /* @__PURE__ */ new Map();
+    const patternJsxLists = (jsx?.nodes ?? []).filter(isNodePattern).reduce(
+      (acc, pattern) => {
+        patternPropertiesByName.set(pattern.jsxName, new Set(pattern.props ?? []));
+        pattern.jsx?.forEach((jsx2) => {
+          if (typeof jsx2 === "string") {
+            acc.string.add(jsx2);
+          } else {
+            acc.regex.push(jsx2);
+          }
+        });
+        return acc;
+      },
+      { string: /* @__PURE__ */ new Set(), regex: [] }
     );
     const recipes = /* @__PURE__ */ new Set();
     const patterns = /* @__PURE__ */ new Set();
@@ -246,7 +282,7 @@ function createParser(options) {
     const recipePropertiesByName = /* @__PURE__ */ new Map();
     const recipeJsxLists = (jsx?.nodes ?? []).filter(isNodeRecipe).reduce(
       (acc, recipe) => {
-        recipePropertiesByName.set(recipe.baseName, new Set(recipe.props ?? []));
+        recipePropertiesByName.set(recipe.jsxName, new Set(recipe.props ?? []));
         recipe.jsx?.forEach((jsx2) => {
           if (typeof jsx2 === "string") {
             acc.string.add(jsx2);
@@ -262,7 +298,7 @@ function createParser(options) {
     const cssAlias = imports.getAlias("css");
     if (options.jsx) {
       options.jsx.nodes.forEach((node) => {
-        const alias = imports.getAlias(node.name);
+        const alias = imports.getAlias(node.jsxName);
         node.props?.forEach((prop) => propertiesMap.set(prop, true));
         functions.set(node.baseName, propertiesMap);
         functions.set(alias, propertiesMap);
@@ -272,24 +308,31 @@ function createParser(options) {
     const isJsxTagRecipe = (0, import_shared2.memo)(
       (tagName) => recipeJsxLists.string.has(tagName) || recipeJsxLists.regex.some((regex) => regex.test(tagName))
     );
+    const isJsxTagPattern = (0, import_shared2.memo)(
+      (tagName) => patternJsxLists.string.has(tagName) || patternJsxLists.regex.some((regex) => regex.test(tagName))
+    );
     const matchTag = (0, import_shared2.memo)((tagName) => {
       if (!tagName)
         return false;
-      return components.has(tagName) || isUpperCase(tagName) || isFactory(tagName) || isJsxTagRecipe(tagName);
+      return components.has(tagName) || isUpperCase(tagName) || isFactory(tagName) || isJsxTagRecipe(tagName) || isJsxTagPattern(tagName);
     });
     const matchTagProp = (0, import_shared2.memo)((tagName, propName) => {
       if (Boolean(components.get(tagName)?.has(propName)) || options.jsx?.isStyleProp(propName) || propertiesMap.has(propName))
         return true;
       if (isJsxTagRecipe(tagName)) {
         const recipeList = getRecipesByJsxName(tagName);
-        return recipeList.some((recipe) => recipePropertiesByName.get(recipe.name)?.has(propName));
+        return recipeList.some((recipe) => recipePropertiesByName.get(recipe.baseName)?.has(propName));
+      }
+      if (isJsxTagPattern(tagName)) {
+        const patternList = getPatternsByJsxName(tagName);
+        return patternList.some((pattern) => patternPropertiesByName.get(pattern.baseName)?.has(propName));
       }
       return false;
     });
     const matchFn = (0, import_shared2.memo)((fnName) => {
       if (recipes.has(fnName) || patterns.has(fnName))
         return true;
-      if (fnName === cvaAlias || fnName === cssAlias || isFactory(fnName))
+      if (fnName === cvaAlias || fnName === cssAlias || isRawFn(fnName) || isFactory(fnName))
         return true;
       return functions.has(fnName);
     });
@@ -317,7 +360,9 @@ function createParser(options) {
     });
     measure();
     extractResultByName.forEach((result, alias) => {
-      const name = imports.getName(alias);
+      let name = imports.getName(alias);
+      if (isRawFn(name))
+        name = name.replace(".raw", "");
       import_logger.logger.debug(`ast:${name}`, name !== alias ? { kind: result.kind, alias } : { kind: result.kind });
       if (result.kind === "function") {
         (0, import_ts_pattern.match)(name).when(css.match, (name2) => {
@@ -361,11 +406,8 @@ function createParser(options) {
           result.queryList.forEach((query) => {
             if (query.kind === "call-expression" && query.box.value[1]) {
               const map = query.box.value[1];
-              const result2 = {
-                name,
-                box: map ?? fallback(query.box),
-                data: combineResult((0, import_extractor.unbox)(map))
-              };
+              const boxNode = import_extractor.box.isMap(map) ? map : fallback(query.box);
+              const result2 = { name, box: boxNode, data: combineResult((0, import_extractor.unbox)(boxNode)) };
               if (import_extractor.box.isMap(map) && isCva(map.value)) {
                 collector.setCva(result2);
               } else {
@@ -384,11 +426,8 @@ function createParser(options) {
           result.queryList.forEach((query) => {
             if (query.kind === "call-expression") {
               const map = query.box.value[0];
-              const result2 = {
-                name: name2,
-                box: map ?? fallback(query.box),
-                data: combineResult((0, import_extractor.unbox)(map))
-              };
+              const boxNode = import_extractor.box.isMap(map) ? map : fallback(query.box);
+              const result2 = { name: name2, box: boxNode, data: combineResult((0, import_extractor.unbox)(boxNode)) };
               if (import_extractor.box.isMap(map) && isCva(map.value)) {
                 collector.setCva(result2);
               } else {
@@ -410,15 +449,12 @@ function createParser(options) {
           const data = combineResult((0, import_extractor.unbox)(query.box));
           (0, import_ts_pattern.match)(name).when(isFactory, (name2) => {
             collector.setJsx({ name: name2, box: query.box, type: "jsx-factory", data });
-          }).when(
-            (name2) => jsxPatternNodes.test(name2),
-            (name2) => {
-              collector.setPattern(name2, { type: "jsx-pattern", name: name2, box: query.box, data });
-            }
-          ).when(isJsxTagRecipe, (name2) => {
+          }).when(isJsxTagPattern, (name2) => {
+            collector.setPattern(name2, { type: "jsx-pattern", name: name2, box: query.box, data });
+          }).when(isJsxTagRecipe, (name2) => {
             const recipeList = getRecipesByJsxName(name2);
             recipeList.map((recipe) => {
-              collector.setRecipe(recipe.name, { type: "jsx-recipe", name: name2, box: query.box, data });
+              collector.setRecipe(recipe.baseName, { type: "jsx-recipe", name: name2, box: query.box, data });
             });
           }).otherwise(() => {
             collector.setJsx({ name, box: query.box, type: "jsx", data });

package/dist/index.mjs

@@ -29,9 +29,10 @@ function getImportDeclarations(file, options) {
     specifiers.forEach((specifier) => {
       const name = specifier.getNameNode().getText();
       const alias = specifier.getAliasNode()?.getText() || name;
-      if (!match2({ name, alias, mod: source }))
+      const importMapValue = match2({ name, alias, mod: source });
+      if (!importMapValue)
         return;
-      result.push({ name, alias, mod: source });
+      result.push({ name, alias, mod: source, importMapValue });
     });
   });
   return {
@@ -43,7 +44,7 @@ function getImportDeclarations(file, options) {
       return result.find((o) => o.alias === id);
     },
     createMatch(mod) {
-      const mods = result.filter((o) => o.mod.includes(mod));
+      const mods = result.filter((o) => o.mod.includes(mod) || o.importMapValue === mod);
       return memo((id) => !!mods.find((mod2) => mod2.alias === id || mod2.name === id));
     },
     match(id) {
@@ -136,7 +137,9 @@ var ParserResult = class _ParserResult {
 var createParserResult = () => new ParserResult();
 
 // src/parser.ts
+import { resolveTsPathPattern } from "@pandacss/config/ts-path";
 var isNodeRecipe = (node) => node.type === "recipe";
+var isNodePattern = (node) => node.type === "pattern";
 var cvaProps = ["compoundVariants", "defaultVariants", "variants", "base"];
 var isCva = (map) => cvaProps.some((prop) => map.has(prop));
 function createImportMatcher(mod, values) {
@@ -159,14 +162,15 @@ var fallback = (box2) => ({
 });
 var defaultEnv = { preset: "NONE" };
 function createParser(options) {
-  const { jsx, importMap, getRecipesByJsxName } = options;
+  const { jsx, getRecipesByJsxName, getPatternsByJsxName, tsOptions, join } = options;
+  const importMap = Object.fromEntries(Object.entries(options.importMap).map(([key, value]) => [key, join(...value)]));
   const importRegex = [
     createImportMatcher(importMap.css, ["css", "cva"]),
     createImportMatcher(importMap.recipe),
     createImportMatcher(importMap.pattern)
   ];
   if (jsx) {
-    importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.name)]));
+    importRegex.push(createImportMatcher(importMap.jsx, [jsx.factory, ...jsx.nodes.map((node) => node.jsxName)]));
   }
   return function parse2(sourceFile) {
     if (!sourceFile)
@@ -174,7 +178,23 @@ function createParser(options) {
     const filePath = sourceFile.getFilePath();
     const imports = getImportDeclarations(sourceFile, {
       match(value) {
-        return importRegex.some(({ regex, mod }) => regex.test(value.name) && value.mod.includes(mod));
+        let found = false;
+        for (const { regex, mod } of importRegex) {
+          if (!regex.test(value.name))
+            continue;
+          if (value.mod.includes(mod)) {
+            found = true;
+            break;
+          }
+          if (tsOptions?.pathMappings) {
+            const filename = resolveTsPathPattern(tsOptions.pathMappings, value.mod);
+            if (filename?.includes(mod)) {
+              found = mod;
+              break;
+            }
+          }
+        }
+        return found;
       }
     });
     const collector = createParserResult();
@@ -188,8 +208,24 @@ function createParser(options) {
     const isValidRecipe = imports.createMatch(importMap.recipe);
     const isValidStyleFn = (name) => name === jsx?.factory;
     const isFactory = (name) => Boolean(jsx && name.startsWith(jsxFactoryAlias));
-    const jsxPatternNodes = new RegExp(
-      `^(${jsx?.nodes.filter((node) => node.type === "pattern").map((node) => node.name).join("|")})$`
+    const isRawFn = (fullName) => {
+      const name = fullName.split(".raw")[0] ?? "";
+      return name === "css" || isValidPattern(name) || isValidRecipe(name);
+    };
+    const patternPropertiesByName = /* @__PURE__ */ new Map();
+    const patternJsxLists = (jsx?.nodes ?? []).filter(isNodePattern).reduce(
+      (acc, pattern) => {
+        patternPropertiesByName.set(pattern.jsxName, new Set(pattern.props ?? []));
+        pattern.jsx?.forEach((jsx2) => {
+          if (typeof jsx2 === "string") {
+            acc.string.add(jsx2);
+          } else {
+            acc.regex.push(jsx2);
+          }
+        });
+        return acc;
+      },
+      { string: /* @__PURE__ */ new Set(), regex: [] }
     );
     const recipes = /* @__PURE__ */ new Set();
     const patterns = /* @__PURE__ */ new Set();
@@ -208,7 +244,7 @@ function createParser(options) {
     const recipePropertiesByName = /* @__PURE__ */ new Map();
     const recipeJsxLists = (jsx?.nodes ?? []).filter(isNodeRecipe).reduce(
       (acc, recipe) => {
-        recipePropertiesByName.set(recipe.baseName, new Set(recipe.props ?? []));
+        recipePropertiesByName.set(recipe.jsxName, new Set(recipe.props ?? []));
         recipe.jsx?.forEach((jsx2) => {
           if (typeof jsx2 === "string") {
             acc.string.add(jsx2);
@@ -224,7 +260,7 @@ function createParser(options) {
     const cssAlias = imports.getAlias("css");
     if (options.jsx) {
       options.jsx.nodes.forEach((node) => {
-        const alias = imports.getAlias(node.name);
+        const alias = imports.getAlias(node.jsxName);
         node.props?.forEach((prop) => propertiesMap.set(prop, true));
         functions.set(node.baseName, propertiesMap);
         functions.set(alias, propertiesMap);
@@ -234,24 +270,31 @@ function createParser(options) {
     const isJsxTagRecipe = memo2(
       (tagName) => recipeJsxLists.string.has(tagName) || recipeJsxLists.regex.some((regex) => regex.test(tagName))
     );
+    const isJsxTagPattern = memo2(
+      (tagName) => patternJsxLists.string.has(tagName) || patternJsxLists.regex.some((regex) => regex.test(tagName))
+    );
     const matchTag = memo2((tagName) => {
       if (!tagName)
         return false;
-      return components.has(tagName) || isUpperCase(tagName) || isFactory(tagName) || isJsxTagRecipe(tagName);
+      return components.has(tagName) || isUpperCase(tagName) || isFactory(tagName) || isJsxTagRecipe(tagName) || isJsxTagPattern(tagName);
     });
     const matchTagProp = memo2((tagName, propName) => {
       if (Boolean(components.get(tagName)?.has(propName)) || options.jsx?.isStyleProp(propName) || propertiesMap.has(propName))
         return true;
       if (isJsxTagRecipe(tagName)) {
         const recipeList = getRecipesByJsxName(tagName);
-        return recipeList.some((recipe) => recipePropertiesByName.get(recipe.name)?.has(propName));
+        return recipeList.some((recipe) => recipePropertiesByName.get(recipe.baseName)?.has(propName));
+      }
+      if (isJsxTagPattern(tagName)) {
+        const patternList = getPatternsByJsxName(tagName);
+        return patternList.some((pattern) => patternPropertiesByName.get(pattern.baseName)?.has(propName));
       }
       return false;
     });
     const matchFn = memo2((fnName) => {
       if (recipes.has(fnName) || patterns.has(fnName))
         return true;
-      if (fnName === cvaAlias || fnName === cssAlias || isFactory(fnName))
+      if (fnName === cvaAlias || fnName === cssAlias || isRawFn(fnName) || isFactory(fnName))
         return true;
       return functions.has(fnName);
     });
@@ -279,7 +322,9 @@ function createParser(options) {
     });
     measure();
     extractResultByName.forEach((result, alias) => {
-      const name = imports.getName(alias);
+      let name = imports.getName(alias);
+      if (isRawFn(name))
+        name = name.replace(".raw", "");
       logger.debug(`ast:${name}`, name !== alias ? { kind: result.kind, alias } : { kind: result.kind });
       if (result.kind === "function") {
         match(name).when(css.match, (name2) => {
@@ -323,11 +368,8 @@ function createParser(options) {
           result.queryList.forEach((query) => {
             if (query.kind === "call-expression" && query.box.value[1]) {
               const map = query.box.value[1];
-              const result2 = {
-                name,
-                box: map ?? fallback(query.box),
-                data: combineResult(unbox(map))
-              };
+              const boxNode = box.isMap(map) ? map : fallback(query.box);
+              const result2 = { name, box: boxNode, data: combineResult(unbox(boxNode)) };
               if (box.isMap(map) && isCva(map.value)) {
                 collector.setCva(result2);
               } else {
@@ -346,11 +388,8 @@ function createParser(options) {
           result.queryList.forEach((query) => {
             if (query.kind === "call-expression") {
               const map = query.box.value[0];
-              const result2 = {
-                name: name2,
-                box: map ?? fallback(query.box),
-                data: combineResult(unbox(map))
-              };
+              const boxNode = box.isMap(map) ? map : fallback(query.box);
+              const result2 = { name: name2, box: boxNode, data: combineResult(unbox(boxNode)) };
               if (box.isMap(map) && isCva(map.value)) {
                 collector.setCva(result2);
               } else {
@@ -372,15 +411,12 @@ function createParser(options) {
           const data = combineResult(unbox(query.box));
           match(name).when(isFactory, (name2) => {
             collector.setJsx({ name: name2, box: query.box, type: "jsx-factory", data });
-          }).when(
-            (name2) => jsxPatternNodes.test(name2),
-            (name2) => {
-              collector.setPattern(name2, { type: "jsx-pattern", name: name2, box: query.box, data });
-            }
-          ).when(isJsxTagRecipe, (name2) => {
+          }).when(isJsxTagPattern, (name2) => {
+            collector.setPattern(name2, { type: "jsx-pattern", name: name2, box: query.box, data });
+          }).when(isJsxTagRecipe, (name2) => {
             const recipeList = getRecipesByJsxName(name2);
             recipeList.map((recipe) => {
-              collector.setRecipe(recipe.name, { type: "jsx-recipe", name: name2, box: query.box, data });
+              collector.setRecipe(recipe.baseName, { type: "jsx-recipe", name: name2, box: query.box, data });
             });
           }).otherwise(() => {
             collector.setJsx({ name, box: query.box, type: "jsx", data });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/parser",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "The static parser for panda css",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -14,18 +14,19 @@
     "@vue/compiler-sfc": "^3.3.4",
     "lil-fp": "1.4.5",
     "magic-string": "^0.30.1",
-    "ts-morph": "18.0.0",
-    "ts-pattern": "5.0.1",
-    "@pandacss/extractor": "0.7.0",
-    "@pandacss/is-valid-prop": "0.7.0",
-    "@pandacss/logger": "0.7.0",
-    "@pandacss/shared": "0.7.0",
-    "@pandacss/types": "0.7.0"
+    "ts-morph": "19.0.0",
+    "ts-pattern": "5.0.4",
+    "@pandacss/config": "^0.9.0",
+    "@pandacss/extractor": "0.9.0",
+    "@pandacss/is-valid-prop": "0.9.0",
+    "@pandacss/logger": "0.9.0",
+    "@pandacss/shared": "0.9.0",
+    "@pandacss/types": "0.9.0"
   },
   "devDependencies": {
     "hookable": "5.5.3",
-    "@pandacss/fixture": "0.7.0",
-    "@pandacss/generator": "0.7.0"
+    "@pandacss/fixture": "0.9.0",
+    "@pandacss/generator": "0.9.0"
   },
   "files": [
     "dist"