@pandacss/parser 0.48.1 → 0.50.0

package/dist/index.d.mts

@@ -1,5 +1,6 @@
-import { ParserOptions } from '@pandacss/core';
+import * as _pandacss_types from '@pandacss/types';
 import { ParserResultInterface, ResultItem, ParserResultConfigureOptions, JsxFactoryResultTransform, Runtime, PandaHooks, ConfigTsOptions } from '@pandacss/types';
+import { ParserOptions } from '@pandacss/core';
 import { SourceFile, ProjectOptions as ProjectOptions$1, Project as Project$1, FileSystemRefreshResult } from 'ts-morph';
 import { Generator } from '@pandacss/generator';
 
@@ -55,6 +56,7 @@ declare class Project {
     private options;
     project: Project$1;
     parser: ReturnType<typeof createParser>;
+    get parserOptions(): ParserOptions;
     constructor(options: ProjectOptions);
     get files(): string[];
     getSourceFile: (filePath: string) => SourceFile | undefined;
@@ -69,6 +71,7 @@ declare class Project {
     parseJson: (filePath: string) => ParserResult;
     parseSourceFile: (filePath: string, encoder?: ParserOptions['encoder']) => ParserResult | undefined;
     transformFile: (filePath: string, content: string) => string;
+    classify: (fileMap: Map<string, ParserResultInterface>) => _pandacss_types.ClassifyReport;
 }
 
 export { ParserResult, Project, type ProjectOptions };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-import { ParserOptions } from '@pandacss/core';
+import * as _pandacss_types from '@pandacss/types';
 import { ParserResultInterface, ResultItem, ParserResultConfigureOptions, JsxFactoryResultTransform, Runtime, PandaHooks, ConfigTsOptions } from '@pandacss/types';
+import { ParserOptions } from '@pandacss/core';
 import { SourceFile, ProjectOptions as ProjectOptions$1, Project as Project$1, FileSystemRefreshResult } from 'ts-morph';
 import { Generator } from '@pandacss/generator';
 
@@ -55,6 +56,7 @@ declare class Project {
     private options;
     project: Project$1;
     parser: ReturnType<typeof createParser>;
+    get parserOptions(): ParserOptions;
     constructor(options: ProjectOptions);
     get files(): string[];
     getSourceFile: (filePath: string) => SourceFile | undefined;
@@ -69,6 +71,7 @@ declare class Project {
     parseJson: (filePath: string) => ParserResult;
     parseSourceFile: (filePath: string, encoder?: ParserOptions['encoder']) => ParserResult | undefined;
     transformFile: (filePath: string, content: string) => string;
+    classify: (fileMap: Map<string, ParserResultInterface>) => _pandacss_types.ClassifyReport;
 }
 
 export { ParserResult, Project, type ProjectOptions };

package/dist/index.js

@@ -38,10 +38,422 @@ module.exports = __toCommonJS(src_exports);
 // src/project.ts
 var import_ts_morph2 = require("ts-morph");
 
-// src/parser.ts
+// src/classify.ts
 var import_extractor = require("@pandacss/extractor");
+var import_shared = require("@pandacss/shared");
+function addTo(map, key, value) {
+  const set = map.get(key) ?? /* @__PURE__ */ new Set();
+  set.add(value);
+  map.set(key, set);
+}
+function classifyProject(ctx, resultMap) {
+  const byId = /* @__PURE__ */ new Map();
+  const byComponentIndex = /* @__PURE__ */ new Map();
+  const byFilepath = /* @__PURE__ */ new Map();
+  const byComponentInFilepath = /* @__PURE__ */ new Map();
+  const globalMaps = createReportMaps();
+  const byFilePathMaps = /* @__PURE__ */ new Map();
+  const conditions = new Map(Object.entries(ctx.conditions.values));
+  const { groupByProp } = getPropertyGroupMap(ctx);
+  let id = 0;
+  let componentIndex = 0;
+  const isKnownUtility = (reportItem, componentReportItem) => {
+    const { propName, value, tokenType } = reportItem;
+    const utility = ctx.utility.config[propName];
+    if (utility) {
+      if (ctx.tokens.getByName(`${tokenType}.${value}`))
+        return true;
+      if (ctx.tokens.getReferences(String(value)).length > 0)
+        return true;
+      if (ctx.utility.resolveColorMix(String(value)).color)
+        return true;
+      return false;
+    }
+    if (componentReportItem.reportItemType === "pattern") {
+      const pattern = ctx.patterns.getConfig(componentReportItem.componentName.toLowerCase());
+      const patternProp = pattern?.properties?.[propName];
+      if (!patternProp)
+        return false;
+      if (patternProp.type === "boolean" || patternProp.type === "number") {
+        return true;
+      }
+      if (patternProp.type === "property" && patternProp.value) {
+        return Boolean(ctx.utility.config[patternProp.value]);
+      }
+      if (patternProp.type === "enum" && patternProp.value) {
+        return Boolean(patternProp.value.includes(String(value)));
+      }
+      if (patternProp.type === "token") {
+        return Boolean(ctx.tokens.getByName(`${patternProp.value}.${value}`));
+      }
+      return false;
+    }
+    return false;
+  };
+  const processPattern = (opts) => {
+    const { boxNode, data, item, filepath, localMaps } = opts;
+    const name = item.componentName;
+    const pattern = ctx.patterns.details.find((p) => p.match.test(name) || p.baseName === name);
+    if (!pattern)
+      return;
+    const cssObj = pattern.config.transform?.(data || {}, import_shared.patternFns) ?? {};
+    const newItem = {
+      name: "css",
+      type: "css",
+      box: import_extractor.box.objectToMap((0, import_shared.compact)(cssObj), boxNode.getNode(), boxNode.getStack()),
+      data: [cssObj]
+    };
+    Object.assign(newItem, { debug: true });
+    return processResultItem({ item: newItem, kind: "function", localMaps, filepath });
+  };
+  const processResultItem = (opts) => {
+    const { item, kind, filepath, localMaps } = opts;
+    if (!item.box || import_extractor.box.isUnresolvable(item.box)) {
+      return;
+    }
+    if (!item.data) {
+      return;
+    }
+    const componentReportItem = {
+      componentIndex: String(componentIndex++),
+      componentName: item.name,
+      reportItemType: item.type,
+      kind,
+      filepath,
+      value: item.data,
+      range: item.box.getRange(),
+      contains: [],
+      debug: Reflect.has(item, "debug")
+    };
+    if (item.type === "pattern" || item.type === "jsx-pattern") {
+      return processPattern({ boxNode: item.box, data: item.data[0], item: componentReportItem, filepath, localMaps });
+    }
+    if (import_extractor.box.isArray(item.box)) {
+      addTo(byComponentInFilepath, filepath, componentReportItem.componentIndex);
+      return componentReportItem;
+    }
+    if (import_extractor.box.isMap(item.box)) {
+      addTo(byComponentInFilepath, filepath, componentReportItem.componentIndex);
+      processMap({ map: item.box, current: [], componentReportItem, filepath, localMaps });
+      return componentReportItem;
+    }
+    if (item.type === "recipe") {
+      addTo(byComponentInFilepath, filepath, componentReportItem.componentIndex);
+      return componentReportItem;
+    }
+  };
+  const processResultItemFn = (opts) => {
+    const { item, filepath, localMaps, type } = opts;
+    const componentReportItem = processResultItem({ item, kind: type, filepath, localMaps });
+    if (!componentReportItem)
+      return;
+    addTo(globalMaps.byComponentOfKind, type, componentReportItem.componentIndex);
+    addTo(localMaps.byComponentOfKind, type, componentReportItem.componentIndex);
+    byComponentIndex.set(componentReportItem.componentIndex, componentReportItem);
+  };
+  const processMap = (opts) => {
+    const { map, current, componentReportItem, filepath, localMaps, skipRange } = opts;
+    const { reportItemType: type, kind, componentName: name } = componentReportItem;
+    map.value.forEach((attrNode, attrName) => {
+      if (import_extractor.box.isLiteral(attrNode) || import_extractor.box.isEmptyInitializer(attrNode)) {
+        const value = import_extractor.box.isLiteral(attrNode) ? attrNode.value : true;
+        const propReportItem = {
+          index: String(id++),
+          componentIndex: String(componentReportItem.componentIndex),
+          componentName: name,
+          tokenType: void 0,
+          propName: attrName,
+          reportItemKind: "utility",
+          reportItemType: type,
+          kind,
+          filepath,
+          path: current.concat(attrName),
+          value,
+          isKnownValue: false,
+          range: skipRange ? null : map.getRange()
+        };
+        componentReportItem.contains.push(propReportItem.index);
+        if (conditions.has(attrName)) {
+          addTo(globalMaps.byConditionName, attrName, propReportItem.index);
+          addTo(localMaps.byConditionName, attrName, propReportItem.index);
+          propReportItem.propName = current[0] ?? attrName;
+          propReportItem.isKnownValue = isKnownUtility(propReportItem, componentReportItem);
+          propReportItem.conditionName = attrName;
+        } else {
+          if (current.length && conditions.has(current[0])) {
+            propReportItem.conditionName = current[0];
+            addTo(globalMaps.byConditionName, current[0], propReportItem.index);
+            addTo(localMaps.byConditionName, current[0], propReportItem.index);
+          }
+          const propName = ctx.utility.resolveShorthand(attrName);
+          const tokenType = ctx.utility.getTokenType(propName);
+          if (tokenType) {
+            propReportItem.reportItemKind = "token";
+            propReportItem.tokenType = tokenType;
+          }
+          propReportItem.propName = propName;
+          propReportItem.isKnownValue = isKnownUtility(propReportItem, componentReportItem);
+          addTo(globalMaps.byPropertyName, propName, propReportItem.index);
+          addTo(localMaps.byPropertyName, propName, propReportItem.index);
+          if (tokenType) {
+            addTo(globalMaps.byTokenType, tokenType, propReportItem.index);
+            addTo(localMaps.byTokenType, tokenType, propReportItem.index);
+          }
+          if (propName.toLowerCase().includes("color") || groupByProp.get(propName) === "Color" || tokenType === "colors") {
+            addTo(globalMaps.colorsUsed, value, propReportItem.index);
+            addTo(localMaps.colorsUsed, value, propReportItem.index);
+          }
+          if (ctx.utility.shorthands.has(attrName)) {
+            addTo(globalMaps.byShorthand, attrName, propReportItem.index);
+            addTo(localMaps.byShorthand, attrName, propReportItem.index);
+          }
+        }
+        if (current.length) {
+          addTo(globalMaps.byPropertyPath, propReportItem.path.join("."), propReportItem.index);
+          addTo(localMaps.byPropertyPath, propReportItem.path.join("."), propReportItem.index);
+        }
+        addTo(globalMaps.byTokenName, String(value), propReportItem.index);
+        addTo(localMaps.byTokenName, String(value), propReportItem.index);
+        addTo(globalMaps.byType, type, propReportItem.index);
+        addTo(localMaps.byType, type, propReportItem.index);
+        addTo(globalMaps.byComponentName, name, propReportItem.index);
+        addTo(localMaps.byComponentName, name, propReportItem.index);
+        addTo(globalMaps.fromKind, kind, propReportItem.index);
+        addTo(localMaps.fromKind, kind, propReportItem.index);
+        addTo(byFilepath, filepath, propReportItem.index);
+        byId.set(propReportItem.index, propReportItem);
+        return;
+      }
+      if (import_extractor.box.isMap(attrNode) && attrNode.value.size) {
+        return processMap({
+          map: attrNode,
+          current: current.concat(attrName),
+          componentReportItem,
+          filepath,
+          localMaps
+        });
+      }
+    });
+  };
+  resultMap.forEach((parserResult, filepath) => {
+    if (parserResult.isEmpty())
+      return;
+    const localMaps = createReportMaps();
+    const componentFn = (item) => {
+      processResultItemFn({ item, filepath, localMaps, type: "component" });
+    };
+    const functionFn = (item) => {
+      processResultItemFn({ item, filepath, localMaps, type: "function" });
+    };
+    parserResult.jsx.forEach(componentFn);
+    parserResult.css.forEach(functionFn);
+    parserResult.cva.forEach(functionFn);
+    parserResult.pattern.forEach((itemList) => {
+      itemList.forEach(functionFn);
+    });
+    parserResult.recipe.forEach((itemList) => {
+      itemList.forEach(functionFn);
+    });
+    byFilePathMaps.set(filepath, localMaps);
+  });
+  const pickCount = 10;
+  const filesWithMostComponent = Object.fromEntries(
+    Array.from(byComponentInFilepath.entries()).map(([filepath, list]) => [filepath, list.size]).sort((a, b) => b[1] - a[1]).slice(0, pickCount)
+  );
+  Object.entries(ctx.recipes.config).forEach(([key, recipe]) => {
+    const localMaps = createReportMaps();
+    const functionFn = (styleObject) => {
+      if (!styleObject)
+        return;
+      const componentReportItem = {
+        componentIndex: "0",
+        componentName: `recipes.${key}.base`,
+        reportItemType: "css",
+        kind: "function",
+        filepath: `theme/recipes/${key}`,
+        value: styleObject,
+        range: null,
+        contains: []
+      };
+      processMap({
+        // @ts-expect-error
+        map: import_extractor.box.objectToMap(styleObject, null, []),
+        current: [],
+        filepath: `@config/theme/recipes/${key}`,
+        skipRange: true,
+        localMaps,
+        componentReportItem
+      });
+    };
+    const isSlotRecipe = (v) => ctx.recipes.isSlotRecipe(key);
+    if (isSlotRecipe(recipe)) {
+      Object.values(recipe.base ?? {}).forEach(functionFn);
+      Object.values(recipe.variants ?? {}).forEach((variants) => {
+        Object.values(variants).forEach((v) => {
+          Object.values(v).forEach(functionFn);
+        });
+      });
+      recipe.compoundVariants?.forEach((v) => {
+        Object.values(v.css).forEach(functionFn);
+      });
+    } else {
+      functionFn(recipe.base);
+      Object.values(recipe.variants ?? {}).forEach((variants) => {
+        Object.values(variants).forEach(functionFn);
+      });
+      recipe.compoundVariants?.forEach((v) => functionFn(v.css));
+    }
+  });
+  Object.values(ctx.config.globalCss ?? {}).forEach((styleObject) => {
+    if (!styleObject)
+      return;
+    processMap({
+      // @ts-expect-error
+      map: import_extractor.box.objectToMap(styleObject, null, []),
+      current: [],
+      filepath: "@config/globalCss",
+      skipRange: true,
+      localMaps: createReportMaps(),
+      componentReportItem: {
+        componentIndex: "0",
+        componentName: "global",
+        reportItemType: "css",
+        kind: "function",
+        filepath: "global",
+        value: styleObject,
+        range: null,
+        contains: []
+      }
+    });
+  });
+  return {
+    propById: byId,
+    componentById: byComponentIndex,
+    details: {
+      counts: {
+        filesWithTokens: byFilepath.size,
+        propNameUsed: globalMaps.byPropertyName.size,
+        tokenUsed: globalMaps.byTokenName.size,
+        shorthandUsed: globalMaps.byShorthand.size,
+        propertyPathUsed: globalMaps.byPropertyPath.size,
+        typeUsed: globalMaps.byType.size,
+        componentNameUsed: globalMaps.byComponentName.size,
+        kindUsed: globalMaps.fromKind.size,
+        componentOfKindUsed: globalMaps.byComponentOfKind.size,
+        colorsUsed: globalMaps.colorsUsed.size
+      },
+      stats: {
+        filesWithMostComponent,
+        mostUseds: getXMostUseds(globalMaps, 10)
+      }
+    },
+    derived: {
+      byFilepath,
+      byComponentInFilepath,
+      globalMaps,
+      byFilePathMaps
+    }
+  };
+}
+var getXMostUseds = (globalMaps, pickCount) => {
+  return {
+    propNames: getMostUsedInMap(globalMaps.byPropertyName, pickCount),
+    tokens: getMostUsedInMap(globalMaps.byTokenName, pickCount),
+    shorthands: getMostUsedInMap(globalMaps.byShorthand, pickCount),
+    conditions: getMostUsedInMap(globalMaps.byConditionName, pickCount),
+    propertyPaths: getMostUsedInMap(globalMaps.byPropertyPath, pickCount),
+    categories: getMostUsedInMap(globalMaps.byTokenType, pickCount),
+    types: getMostUsedInMap(globalMaps.byType, pickCount),
+    componentNames: getMostUsedInMap(globalMaps.byComponentName, pickCount),
+    fromKinds: getMostUsedInMap(globalMaps.fromKind, pickCount),
+    componentOfKinds: getMostUsedInMap(globalMaps.byComponentOfKind, pickCount),
+    colors: getMostUsedInMap(globalMaps.colorsUsed, pickCount)
+  };
+};
+var getMostUsedInMap = (map, pickCount) => {
+  return Array.from(map.entries()).map(([key, list]) => [key, list.size]).sort((a, b) => b[1] - a[1]).slice(0, pickCount).map(([key, count]) => ({ key, count }));
+};
+var defaultGroupNames = [
+  "System",
+  "Container",
+  "Display",
+  "Visibility",
+  "Position",
+  "Transform",
+  "Flex Layout",
+  "Grid Layout",
+  "Layout",
+  "Border",
+  "Border Radius",
+  "Width",
+  "Height",
+  "Margin",
+  "Padding",
+  "Color",
+  "Typography",
+  "Background",
+  "Shadow",
+  "Table",
+  "List",
+  "Scroll",
+  "Interactivity",
+  "Transition",
+  "Effect",
+  "Other"
+];
+function getPropertyGroupMap(ctx) {
+  const groups = new Map(defaultGroupNames.map((name) => [name, /* @__PURE__ */ new Set()]));
+  const groupByProp = /* @__PURE__ */ new Map();
+  const systemGroup = groups.get("System");
+  systemGroup.add("base");
+  systemGroup.add("colorPalette");
+  const otherStyleProps = groups.get("Other");
+  Object.entries(ctx.utility.config).map(([key, value]) => {
+    const group = value?.group;
+    if (!group) {
+      otherStyleProps.add(key);
+      return;
+    }
+    if (!groups.has(group)) {
+      groups.set(group, /* @__PURE__ */ new Set());
+    }
+    const set = groups.get(group);
+    if (value.shorthand) {
+      if (Array.isArray(value.shorthand)) {
+        value.shorthand.forEach((shorthand) => {
+          set.add(shorthand);
+          groupByProp.set(shorthand, group);
+        });
+      } else {
+        set.add(value.shorthand);
+        groupByProp.set(value.shorthand, group);
+      }
+    }
+    set.add(key);
+    groupByProp.set(key, group);
+  });
+  return { groups, groupByProp };
+}
+function createReportMaps() {
+  return {
+    byComponentOfKind: /* @__PURE__ */ new Map(),
+    byPropertyName: /* @__PURE__ */ new Map(),
+    byTokenType: /* @__PURE__ */ new Map(),
+    byConditionName: /* @__PURE__ */ new Map(),
+    byShorthand: /* @__PURE__ */ new Map(),
+    byTokenName: /* @__PURE__ */ new Map(),
+    byPropertyPath: /* @__PURE__ */ new Map(),
+    fromKind: /* @__PURE__ */ new Map(),
+    byType: /* @__PURE__ */ new Map(),
+    byComponentName: /* @__PURE__ */ new Map(),
+    colorsUsed: /* @__PURE__ */ new Map()
+  };
+}
+
+// src/parser.ts
+var import_extractor2 = require("@pandacss/extractor");
 var import_logger = require("@pandacss/logger");
-var import_shared2 = require("@pandacss/shared");
+var import_shared3 = require("@pandacss/shared");
 var import_ts_morph = require("ts-morph");
 var import_ts_pattern = require("ts-pattern");
 
@@ -96,7 +508,7 @@ function getImportDeclarations(context, sourceFile) {
 }
 
 // src/parser-result.ts
-var import_shared = require("@pandacss/shared");
+var import_shared2 = require("@pandacss/shared");
 var ParserResult = class {
   constructor(context, encoder) {
     this.context = context;
@@ -128,7 +540,7 @@ var ParserResult = class {
         this.setSva(result);
         break;
       default:
-        throw new import_shared.PandaError("UNKNOWN_TYPE", `Unknown result type ${name}`);
+        throw new import_shared2.PandaError("UNKNOWN_TYPE", `Unknown result type ${name}`);
     }
   }
   setCss(result) {
@@ -152,7 +564,7 @@ var ParserResult = class {
     result.data.forEach((obj) => encoder.processStyleProps(obj));
   }
   setPattern(name, result) {
-    const set = (0, import_shared.getOrCreateSet)(this.pattern, name);
+    const set = (0, import_shared2.getOrCreateSet)(this.pattern, name);
     set.add(this.append(Object.assign({ type: "pattern", name }, result)));
     const encoder = this.encoder;
     result.data.forEach(
@@ -160,7 +572,7 @@ var ParserResult = class {
     );
   }
   setRecipe(recipeName, result) {
-    const set = (0, import_shared.getOrCreateSet)(this.recipe, recipeName);
+    const set = (0, import_shared2.getOrCreateSet)(this.recipe, recipeName);
     set.add(this.append(Object.assign({ type: "recipe" }, result)));
     const encoder = this.encoder;
     const recipes = this.context.recipes;
@@ -193,11 +605,11 @@ var ParserResult = class {
     result.sva.forEach((item) => this.sva.add(this.append(item)));
     result.jsx.forEach((item) => this.jsx.add(this.append(item)));
     result.recipe.forEach((items, name) => {
-      const set = (0, import_shared.getOrCreateSet)(this.recipe, name);
+      const set = (0, import_shared2.getOrCreateSet)(this.recipe, name);
       items.forEach((item) => set.add(this.append(item)));
     });
     result.pattern.forEach((items, name) => {
-      const set = (0, import_shared.getOrCreateSet)(this.pattern, name);
+      const set = (0, import_shared2.getOrCreateSet)(this.pattern, name);
       items.forEach((item) => set.add(this.append(item)));
     });
     return this;
@@ -228,7 +640,8 @@ var evaluateOptions = {
   environment: defaultEnv
 };
 function createParser(context) {
-  const { jsx, imports, recipes, syntax } = context;
+  const { jsx, imports, recipes, config } = context;
+  const syntax = config.syntax;
   return function parse2(sourceFile, encoder, options) {
     if (!sourceFile)
       return;
@@ -243,7 +656,7 @@ function createParser(context) {
     if (file.isEmpty() && !jsx.isEnabled) {
       return parserResult;
     }
-    const extractResultByName = (0, import_extractor.extract)({
+    const extractResultByName = (0, import_extractor2.extract)({
       ast: sourceFile,
       components: jsx.isEnabled ? {
         matchTag: (prop) => {
@@ -306,22 +719,22 @@ function createParser(context) {
                   name: name2,
                   box: query.box,
                   data: query.box.value.reduce(
-                    (acc, value) => [...acc, ...combineResult((0, import_extractor.unbox)(value))],
+                    (acc, value) => [...acc, ...combineResult((0, import_extractor2.unbox)(value))],
                     []
                   )
                 });
               } else {
                 parserResult.set(name2, {
                   name: name2,
-                  box: query.box.value[0] ?? import_extractor.box.fallback(query.box),
-                  data: combineResult((0, import_extractor.unbox)(query.box.value[0]))
+                  box: query.box.value[0] ?? import_extractor2.box.fallback(query.box),
+                  data: combineResult((0, import_extractor2.unbox)(query.box.value[0]))
                 });
               }
             } else if (query.kind === "tagged-template") {
-              const obj = (0, import_shared2.astish)(query.box.value);
+              const obj = (0, import_shared3.astish)(query.box.value);
               parserResult.set(name2, {
                 name: name2,
-                box: query.box ?? import_extractor.box.fallback(query.box),
+                box: query.box ?? import_extractor2.box.fallback(query.box),
                 data: [obj]
               });
             }
@@ -331,8 +744,8 @@ function createParser(context) {
             if (query.kind === "call-expression") {
               parserResult.setPattern(name2, {
                 name: name2,
-                box: query.box.value[0] ?? import_extractor.box.fallback(query.box),
-                data: combineResult((0, import_extractor.unbox)(query.box.value[0]))
+                box: query.box.value[0] ?? import_extractor2.box.fallback(query.box),
+                data: combineResult((0, import_extractor2.unbox)(query.box.value[0]))
               });
             }
           });
@@ -341,8 +754,8 @@ function createParser(context) {
             if (query.kind === "call-expression") {
               parserResult.setRecipe(name2, {
                 name: name2,
-                box: query.box.value[0] ?? import_extractor.box.fallback(query.box),
-                data: combineResult((0, import_extractor.unbox)(query.box.value[0]))
+                box: query.box.value[0] ?? import_extractor2.box.fallback(query.box),
+                data: combineResult((0, import_extractor2.unbox)(query.box.value[0]))
               });
             }
           });
@@ -350,17 +763,17 @@ function createParser(context) {
           result.queryList.forEach((query) => {
             if (query.kind === "call-expression" && query.box.value[1]) {
               const map = query.box.value[1];
-              const boxNode = import_extractor.box.isMap(map) ? map : import_extractor.box.fallback(query.box);
-              const combined = combineResult((0, import_extractor.unbox)(boxNode));
+              const boxNode = import_extractor2.box.isMap(map) ? map : import_extractor2.box.fallback(query.box);
+              const combined = combineResult((0, import_extractor2.unbox)(boxNode));
               const transformed = options?.transform?.({ type: "jsx-factory", data: combined });
               const result2 = { name, box: boxNode, data: transformed ?? combined };
-              if (import_extractor.box.isRecipe(map)) {
+              if (import_extractor2.box.isRecipe(map)) {
                 parserResult.setCva(result2);
               } else {
                 parserResult.set("css", result2);
               }
               const recipeOptions = query.box.value[2];
-              if (import_extractor.box.isUnresolvable(map) && recipeOptions && import_extractor.box.isMap(recipeOptions) && recipeOptions.value.has("defaultProps")) {
+              if (import_extractor2.box.isUnresolvable(map) && recipeOptions && import_extractor2.box.isMap(recipeOptions) && recipeOptions.value.has("defaultProps")) {
                 const maybeIdentifier = map.getNode();
                 if (import_ts_morph.Node.isIdentifier(maybeIdentifier)) {
                   const name2 = maybeIdentifier.getText();
@@ -369,15 +782,15 @@ function createParser(context) {
                     type: "jsx-recipe",
                     name: recipeName,
                     box: recipeOptions,
-                    data: combineResult((0, import_extractor.unbox)(recipeOptions.value.get("defaultProps")))
+                    data: combineResult((0, import_extractor2.unbox)(recipeOptions.value.get("defaultProps")))
                   });
                 }
               }
             } else if (query.kind === "tagged-template") {
-              const obj = (0, import_shared2.astish)(query.box.value);
+              const obj = (0, import_shared3.astish)(query.box.value);
               parserResult.set("css", {
                 name,
-                box: query.box ?? import_extractor.box.fallback(query.box),
+                box: query.box ?? import_extractor2.box.fallback(query.box),
                 data: [obj]
               });
             }
@@ -386,20 +799,20 @@ function createParser(context) {
           result.queryList.forEach((query) => {
             if (query.kind === "call-expression") {
               const map = query.box.value[0];
-              const boxNode = import_extractor.box.isMap(map) ? map : import_extractor.box.fallback(query.box);
-              const combined = combineResult((0, import_extractor.unbox)(boxNode));
+              const boxNode = import_extractor2.box.isMap(map) ? map : import_extractor2.box.fallback(query.box);
+              const combined = combineResult((0, import_extractor2.unbox)(boxNode));
               const transformed = options?.transform?.({ type: "jsx-factory", data: combined });
               const result2 = { name: name2, box: boxNode, data: transformed ?? combined };
-              if (import_extractor.box.isRecipe(map)) {
+              if (import_extractor2.box.isRecipe(map)) {
                 parserResult.setCva(result2);
               } else {
                 parserResult.set("css", result2);
               }
             } else if (query.kind === "tagged-template") {
-              const obj = (0, import_shared2.astish)(query.box.value);
+              const obj = (0, import_shared3.astish)(query.box.value);
               parserResult.set("css", {
                 name: name2,
-                box: query.box ?? import_extractor.box.fallback(query.box),
+                box: query.box ?? import_extractor2.box.fallback(query.box),
                 data: [obj]
               });
             }
@@ -408,7 +821,7 @@ function createParser(context) {
         });
       } else if (jsx.isEnabled && result.kind === "component") {
         result.queryList.forEach((query) => {
-          const data = combineResult((0, import_extractor.unbox)(query.box));
+          const data = combineResult((0, import_extractor2.unbox)(query.box));
           switch (true) {
             case (file.isJsxFactory(name) || file.isJsxFactory(alias)): {
               parserResult.setJsx({ type: "jsx-factory", name, box: query.box, data });
@@ -551,6 +964,9 @@ var Project = class {
   }
   project;
   parser;
+  get parserOptions() {
+    return this.options.parserOptions;
+  }
   get files() {
     return this.options.getFiles();
   }
@@ -649,6 +1065,10 @@ var Project = class {
     }
     return content;
   };
+  classify = (fileMap) => {
+    const { parserOptions } = this.options;
+    return classifyProject(parserOptions, fileMap);
+  };
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -4,8 +4,420 @@ import {
   Project as TsProject
 } from "ts-morph";
 
+// src/classify.ts
+import { box } from "@pandacss/extractor";
+import { compact, patternFns } from "@pandacss/shared";
+function addTo(map, key, value) {
+  const set = map.get(key) ?? /* @__PURE__ */ new Set();
+  set.add(value);
+  map.set(key, set);
+}
+function classifyProject(ctx, resultMap) {
+  const byId = /* @__PURE__ */ new Map();
+  const byComponentIndex = /* @__PURE__ */ new Map();
+  const byFilepath = /* @__PURE__ */ new Map();
+  const byComponentInFilepath = /* @__PURE__ */ new Map();
+  const globalMaps = createReportMaps();
+  const byFilePathMaps = /* @__PURE__ */ new Map();
+  const conditions = new Map(Object.entries(ctx.conditions.values));
+  const { groupByProp } = getPropertyGroupMap(ctx);
+  let id = 0;
+  let componentIndex = 0;
+  const isKnownUtility = (reportItem, componentReportItem) => {
+    const { propName, value, tokenType } = reportItem;
+    const utility = ctx.utility.config[propName];
+    if (utility) {
+      if (ctx.tokens.getByName(`${tokenType}.${value}`))
+        return true;
+      if (ctx.tokens.getReferences(String(value)).length > 0)
+        return true;
+      if (ctx.utility.resolveColorMix(String(value)).color)
+        return true;
+      return false;
+    }
+    if (componentReportItem.reportItemType === "pattern") {
+      const pattern = ctx.patterns.getConfig(componentReportItem.componentName.toLowerCase());
+      const patternProp = pattern?.properties?.[propName];
+      if (!patternProp)
+        return false;
+      if (patternProp.type === "boolean" || patternProp.type === "number") {
+        return true;
+      }
+      if (patternProp.type === "property" && patternProp.value) {
+        return Boolean(ctx.utility.config[patternProp.value]);
+      }
+      if (patternProp.type === "enum" && patternProp.value) {
+        return Boolean(patternProp.value.includes(String(value)));
+      }
+      if (patternProp.type === "token") {
+        return Boolean(ctx.tokens.getByName(`${patternProp.value}.${value}`));
+      }
+      return false;
+    }
+    return false;
+  };
+  const processPattern = (opts) => {
+    const { boxNode, data, item, filepath, localMaps } = opts;
+    const name = item.componentName;
+    const pattern = ctx.patterns.details.find((p) => p.match.test(name) || p.baseName === name);
+    if (!pattern)
+      return;
+    const cssObj = pattern.config.transform?.(data || {}, patternFns) ?? {};
+    const newItem = {
+      name: "css",
+      type: "css",
+      box: box.objectToMap(compact(cssObj), boxNode.getNode(), boxNode.getStack()),
+      data: [cssObj]
+    };
+    Object.assign(newItem, { debug: true });
+    return processResultItem({ item: newItem, kind: "function", localMaps, filepath });
+  };
+  const processResultItem = (opts) => {
+    const { item, kind, filepath, localMaps } = opts;
+    if (!item.box || box.isUnresolvable(item.box)) {
+      return;
+    }
+    if (!item.data) {
+      return;
+    }
+    const componentReportItem = {
+      componentIndex: String(componentIndex++),
+      componentName: item.name,
+      reportItemType: item.type,
+      kind,
+      filepath,
+      value: item.data,
+      range: item.box.getRange(),
+      contains: [],
+      debug: Reflect.has(item, "debug")
+    };
+    if (item.type === "pattern" || item.type === "jsx-pattern") {
+      return processPattern({ boxNode: item.box, data: item.data[0], item: componentReportItem, filepath, localMaps });
+    }
+    if (box.isArray(item.box)) {
+      addTo(byComponentInFilepath, filepath, componentReportItem.componentIndex);
+      return componentReportItem;
+    }
+    if (box.isMap(item.box)) {
+      addTo(byComponentInFilepath, filepath, componentReportItem.componentIndex);
+      processMap({ map: item.box, current: [], componentReportItem, filepath, localMaps });
+      return componentReportItem;
+    }
+    if (item.type === "recipe") {
+      addTo(byComponentInFilepath, filepath, componentReportItem.componentIndex);
+      return componentReportItem;
+    }
+  };
+  const processResultItemFn = (opts) => {
+    const { item, filepath, localMaps, type } = opts;
+    const componentReportItem = processResultItem({ item, kind: type, filepath, localMaps });
+    if (!componentReportItem)
+      return;
+    addTo(globalMaps.byComponentOfKind, type, componentReportItem.componentIndex);
+    addTo(localMaps.byComponentOfKind, type, componentReportItem.componentIndex);
+    byComponentIndex.set(componentReportItem.componentIndex, componentReportItem);
+  };
+  const processMap = (opts) => {
+    const { map, current, componentReportItem, filepath, localMaps, skipRange } = opts;
+    const { reportItemType: type, kind, componentName: name } = componentReportItem;
+    map.value.forEach((attrNode, attrName) => {
+      if (box.isLiteral(attrNode) || box.isEmptyInitializer(attrNode)) {
+        const value = box.isLiteral(attrNode) ? attrNode.value : true;
+        const propReportItem = {
+          index: String(id++),
+          componentIndex: String(componentReportItem.componentIndex),
+          componentName: name,
+          tokenType: void 0,
+          propName: attrName,
+          reportItemKind: "utility",
+          reportItemType: type,
+          kind,
+          filepath,
+          path: current.concat(attrName),
+          value,
+          isKnownValue: false,
+          range: skipRange ? null : map.getRange()
+        };
+        componentReportItem.contains.push(propReportItem.index);
+        if (conditions.has(attrName)) {
+          addTo(globalMaps.byConditionName, attrName, propReportItem.index);
+          addTo(localMaps.byConditionName, attrName, propReportItem.index);
+          propReportItem.propName = current[0] ?? attrName;
+          propReportItem.isKnownValue = isKnownUtility(propReportItem, componentReportItem);
+          propReportItem.conditionName = attrName;
+        } else {
+          if (current.length && conditions.has(current[0])) {
+            propReportItem.conditionName = current[0];
+            addTo(globalMaps.byConditionName, current[0], propReportItem.index);
+            addTo(localMaps.byConditionName, current[0], propReportItem.index);
+          }
+          const propName = ctx.utility.resolveShorthand(attrName);
+          const tokenType = ctx.utility.getTokenType(propName);
+          if (tokenType) {
+            propReportItem.reportItemKind = "token";
+            propReportItem.tokenType = tokenType;
+          }
+          propReportItem.propName = propName;
+          propReportItem.isKnownValue = isKnownUtility(propReportItem, componentReportItem);
+          addTo(globalMaps.byPropertyName, propName, propReportItem.index);
+          addTo(localMaps.byPropertyName, propName, propReportItem.index);
+          if (tokenType) {
+            addTo(globalMaps.byTokenType, tokenType, propReportItem.index);
+            addTo(localMaps.byTokenType, tokenType, propReportItem.index);
+          }
+          if (propName.toLowerCase().includes("color") || groupByProp.get(propName) === "Color" || tokenType === "colors") {
+            addTo(globalMaps.colorsUsed, value, propReportItem.index);
+            addTo(localMaps.colorsUsed, value, propReportItem.index);
+          }
+          if (ctx.utility.shorthands.has(attrName)) {
+            addTo(globalMaps.byShorthand, attrName, propReportItem.index);
+            addTo(localMaps.byShorthand, attrName, propReportItem.index);
+          }
+        }
+        if (current.length) {
+          addTo(globalMaps.byPropertyPath, propReportItem.path.join("."), propReportItem.index);
+          addTo(localMaps.byPropertyPath, propReportItem.path.join("."), propReportItem.index);
+        }
+        addTo(globalMaps.byTokenName, String(value), propReportItem.index);
+        addTo(localMaps.byTokenName, String(value), propReportItem.index);
+        addTo(globalMaps.byType, type, propReportItem.index);
+        addTo(localMaps.byType, type, propReportItem.index);
+        addTo(globalMaps.byComponentName, name, propReportItem.index);
+        addTo(localMaps.byComponentName, name, propReportItem.index);
+        addTo(globalMaps.fromKind, kind, propReportItem.index);
+        addTo(localMaps.fromKind, kind, propReportItem.index);
+        addTo(byFilepath, filepath, propReportItem.index);
+        byId.set(propReportItem.index, propReportItem);
+        return;
+      }
+      if (box.isMap(attrNode) && attrNode.value.size) {
+        return processMap({
+          map: attrNode,
+          current: current.concat(attrName),
+          componentReportItem,
+          filepath,
+          localMaps
+        });
+      }
+    });
+  };
+  resultMap.forEach((parserResult, filepath) => {
+    if (parserResult.isEmpty())
+      return;
+    const localMaps = createReportMaps();
+    const componentFn = (item) => {
+      processResultItemFn({ item, filepath, localMaps, type: "component" });
+    };
+    const functionFn = (item) => {
+      processResultItemFn({ item, filepath, localMaps, type: "function" });
+    };
+    parserResult.jsx.forEach(componentFn);
+    parserResult.css.forEach(functionFn);
+    parserResult.cva.forEach(functionFn);
+    parserResult.pattern.forEach((itemList) => {
+      itemList.forEach(functionFn);
+    });
+    parserResult.recipe.forEach((itemList) => {
+      itemList.forEach(functionFn);
+    });
+    byFilePathMaps.set(filepath, localMaps);
+  });
+  const pickCount = 10;
+  const filesWithMostComponent = Object.fromEntries(
+    Array.from(byComponentInFilepath.entries()).map(([filepath, list]) => [filepath, list.size]).sort((a, b) => b[1] - a[1]).slice(0, pickCount)
+  );
+  Object.entries(ctx.recipes.config).forEach(([key, recipe]) => {
+    const localMaps = createReportMaps();
+    const functionFn = (styleObject) => {
+      if (!styleObject)
+        return;
+      const componentReportItem = {
+        componentIndex: "0",
+        componentName: `recipes.${key}.base`,
+        reportItemType: "css",
+        kind: "function",
+        filepath: `theme/recipes/${key}`,
+        value: styleObject,
+        range: null,
+        contains: []
+      };
+      processMap({
+        // @ts-expect-error
+        map: box.objectToMap(styleObject, null, []),
+        current: [],
+        filepath: `@config/theme/recipes/${key}`,
+        skipRange: true,
+        localMaps,
+        componentReportItem
+      });
+    };
+    const isSlotRecipe = (v) => ctx.recipes.isSlotRecipe(key);
+    if (isSlotRecipe(recipe)) {
+      Object.values(recipe.base ?? {}).forEach(functionFn);
+      Object.values(recipe.variants ?? {}).forEach((variants) => {
+        Object.values(variants).forEach((v) => {
+          Object.values(v).forEach(functionFn);
+        });
+      });
+      recipe.compoundVariants?.forEach((v) => {
+        Object.values(v.css).forEach(functionFn);
+      });
+    } else {
+      functionFn(recipe.base);
+      Object.values(recipe.variants ?? {}).forEach((variants) => {
+        Object.values(variants).forEach(functionFn);
+      });
+      recipe.compoundVariants?.forEach((v) => functionFn(v.css));
+    }
+  });
+  Object.values(ctx.config.globalCss ?? {}).forEach((styleObject) => {
+    if (!styleObject)
+      return;
+    processMap({
+      // @ts-expect-error
+      map: box.objectToMap(styleObject, null, []),
+      current: [],
+      filepath: "@config/globalCss",
+      skipRange: true,
+      localMaps: createReportMaps(),
+      componentReportItem: {
+        componentIndex: "0",
+        componentName: "global",
+        reportItemType: "css",
+        kind: "function",
+        filepath: "global",
+        value: styleObject,
+        range: null,
+        contains: []
+      }
+    });
+  });
+  return {
+    propById: byId,
+    componentById: byComponentIndex,
+    details: {
+      counts: {
+        filesWithTokens: byFilepath.size,
+        propNameUsed: globalMaps.byPropertyName.size,
+        tokenUsed: globalMaps.byTokenName.size,
+        shorthandUsed: globalMaps.byShorthand.size,
+        propertyPathUsed: globalMaps.byPropertyPath.size,
+        typeUsed: globalMaps.byType.size,
+        componentNameUsed: globalMaps.byComponentName.size,
+        kindUsed: globalMaps.fromKind.size,
+        componentOfKindUsed: globalMaps.byComponentOfKind.size,
+        colorsUsed: globalMaps.colorsUsed.size
+      },
+      stats: {
+        filesWithMostComponent,
+        mostUseds: getXMostUseds(globalMaps, 10)
+      }
+    },
+    derived: {
+      byFilepath,
+      byComponentInFilepath,
+      globalMaps,
+      byFilePathMaps
+    }
+  };
+}
+var getXMostUseds = (globalMaps, pickCount) => {
+  return {
+    propNames: getMostUsedInMap(globalMaps.byPropertyName, pickCount),
+    tokens: getMostUsedInMap(globalMaps.byTokenName, pickCount),
+    shorthands: getMostUsedInMap(globalMaps.byShorthand, pickCount),
+    conditions: getMostUsedInMap(globalMaps.byConditionName, pickCount),
+    propertyPaths: getMostUsedInMap(globalMaps.byPropertyPath, pickCount),
+    categories: getMostUsedInMap(globalMaps.byTokenType, pickCount),
+    types: getMostUsedInMap(globalMaps.byType, pickCount),
+    componentNames: getMostUsedInMap(globalMaps.byComponentName, pickCount),
+    fromKinds: getMostUsedInMap(globalMaps.fromKind, pickCount),
+    componentOfKinds: getMostUsedInMap(globalMaps.byComponentOfKind, pickCount),
+    colors: getMostUsedInMap(globalMaps.colorsUsed, pickCount)
+  };
+};
+var getMostUsedInMap = (map, pickCount) => {
+  return Array.from(map.entries()).map(([key, list]) => [key, list.size]).sort((a, b) => b[1] - a[1]).slice(0, pickCount).map(([key, count]) => ({ key, count }));
+};
+var defaultGroupNames = [
+  "System",
+  "Container",
+  "Display",
+  "Visibility",
+  "Position",
+  "Transform",
+  "Flex Layout",
+  "Grid Layout",
+  "Layout",
+  "Border",
+  "Border Radius",
+  "Width",
+  "Height",
+  "Margin",
+  "Padding",
+  "Color",
+  "Typography",
+  "Background",
+  "Shadow",
+  "Table",
+  "List",
+  "Scroll",
+  "Interactivity",
+  "Transition",
+  "Effect",
+  "Other"
+];
+function getPropertyGroupMap(ctx) {
+  const groups = new Map(defaultGroupNames.map((name) => [name, /* @__PURE__ */ new Set()]));
+  const groupByProp = /* @__PURE__ */ new Map();
+  const systemGroup = groups.get("System");
+  systemGroup.add("base");
+  systemGroup.add("colorPalette");
+  const otherStyleProps = groups.get("Other");
+  Object.entries(ctx.utility.config).map(([key, value]) => {
+    const group = value?.group;
+    if (!group) {
+      otherStyleProps.add(key);
+      return;
+    }
+    if (!groups.has(group)) {
+      groups.set(group, /* @__PURE__ */ new Set());
+    }
+    const set = groups.get(group);
+    if (value.shorthand) {
+      if (Array.isArray(value.shorthand)) {
+        value.shorthand.forEach((shorthand) => {
+          set.add(shorthand);
+          groupByProp.set(shorthand, group);
+        });
+      } else {
+        set.add(value.shorthand);
+        groupByProp.set(value.shorthand, group);
+      }
+    }
+    set.add(key);
+    groupByProp.set(key, group);
+  });
+  return { groups, groupByProp };
+}
+function createReportMaps() {
+  return {
+    byComponentOfKind: /* @__PURE__ */ new Map(),
+    byPropertyName: /* @__PURE__ */ new Map(),
+    byTokenType: /* @__PURE__ */ new Map(),
+    byConditionName: /* @__PURE__ */ new Map(),
+    byShorthand: /* @__PURE__ */ new Map(),
+    byTokenName: /* @__PURE__ */ new Map(),
+    byPropertyPath: /* @__PURE__ */ new Map(),
+    fromKind: /* @__PURE__ */ new Map(),
+    byType: /* @__PURE__ */ new Map(),
+    byComponentName: /* @__PURE__ */ new Map(),
+    colorsUsed: /* @__PURE__ */ new Map()
+  };
+}
+
 // src/parser.ts
-import { box, extract, unbox } from "@pandacss/extractor";
+import { box as box2, extract, unbox } from "@pandacss/extractor";
 import { logger } from "@pandacss/logger";
 import { astish } from "@pandacss/shared";
 import { Node } from "ts-morph";
@@ -194,7 +606,8 @@ var evaluateOptions = {
   environment: defaultEnv
 };
 function createParser(context) {
-  const { jsx, imports, recipes, syntax } = context;
+  const { jsx, imports, recipes, config } = context;
+  const syntax = config.syntax;
   return function parse2(sourceFile, encoder, options) {
     if (!sourceFile)
       return;
@@ -279,7 +692,7 @@ function createParser(context) {
               } else {
                 parserResult.set(name2, {
                   name: name2,
-                  box: query.box.value[0] ?? box.fallback(query.box),
+                  box: query.box.value[0] ?? box2.fallback(query.box),
                   data: combineResult(unbox(query.box.value[0]))
                 });
               }
@@ -287,7 +700,7 @@ function createParser(context) {
               const obj = astish(query.box.value);
               parserResult.set(name2, {
                 name: name2,
-                box: query.box ?? box.fallback(query.box),
+                box: query.box ?? box2.fallback(query.box),
                 data: [obj]
               });
             }
@@ -297,7 +710,7 @@ function createParser(context) {
             if (query.kind === "call-expression") {
               parserResult.setPattern(name2, {
                 name: name2,
-                box: query.box.value[0] ?? box.fallback(query.box),
+                box: query.box.value[0] ?? box2.fallback(query.box),
                 data: combineResult(unbox(query.box.value[0]))
               });
             }
@@ -307,7 +720,7 @@ function createParser(context) {
             if (query.kind === "call-expression") {
               parserResult.setRecipe(name2, {
                 name: name2,
-                box: query.box.value[0] ?? box.fallback(query.box),
+                box: query.box.value[0] ?? box2.fallback(query.box),
                 data: combineResult(unbox(query.box.value[0]))
               });
             }
@@ -316,17 +729,17 @@ function createParser(context) {
           result.queryList.forEach((query) => {
             if (query.kind === "call-expression" && query.box.value[1]) {
               const map = query.box.value[1];
-              const boxNode = box.isMap(map) ? map : box.fallback(query.box);
+              const boxNode = box2.isMap(map) ? map : box2.fallback(query.box);
               const combined = combineResult(unbox(boxNode));
               const transformed = options?.transform?.({ type: "jsx-factory", data: combined });
               const result2 = { name, box: boxNode, data: transformed ?? combined };
-              if (box.isRecipe(map)) {
+              if (box2.isRecipe(map)) {
                 parserResult.setCva(result2);
               } else {
                 parserResult.set("css", result2);
               }
               const recipeOptions = query.box.value[2];
-              if (box.isUnresolvable(map) && recipeOptions && box.isMap(recipeOptions) && recipeOptions.value.has("defaultProps")) {
+              if (box2.isUnresolvable(map) && recipeOptions && box2.isMap(recipeOptions) && recipeOptions.value.has("defaultProps")) {
                 const maybeIdentifier = map.getNode();
                 if (Node.isIdentifier(maybeIdentifier)) {
                   const name2 = maybeIdentifier.getText();
@@ -343,7 +756,7 @@ function createParser(context) {
               const obj = astish(query.box.value);
               parserResult.set("css", {
                 name,
-                box: query.box ?? box.fallback(query.box),
+                box: query.box ?? box2.fallback(query.box),
                 data: [obj]
               });
             }
@@ -352,11 +765,11 @@ function createParser(context) {
           result.queryList.forEach((query) => {
             if (query.kind === "call-expression") {
               const map = query.box.value[0];
-              const boxNode = box.isMap(map) ? map : box.fallback(query.box);
+              const boxNode = box2.isMap(map) ? map : box2.fallback(query.box);
               const combined = combineResult(unbox(boxNode));
               const transformed = options?.transform?.({ type: "jsx-factory", data: combined });
               const result2 = { name: name2, box: boxNode, data: transformed ?? combined };
-              if (box.isRecipe(map)) {
+              if (box2.isRecipe(map)) {
                 parserResult.setCva(result2);
               } else {
                 parserResult.set("css", result2);
@@ -365,7 +778,7 @@ function createParser(context) {
               const obj = astish(query.box.value);
               parserResult.set("css", {
                 name: name2,
-                box: query.box ?? box.fallback(query.box),
+                box: query.box ?? box2.fallback(query.box),
                 data: [obj]
               });
             }
@@ -517,6 +930,9 @@ var Project = class {
   }
   project;
   parser;
+  get parserOptions() {
+    return this.options.parserOptions;
+  }
   get files() {
     return this.options.getFiles();
   }
@@ -615,6 +1031,10 @@ var Project = class {
     }
     return content;
   };
+  classify = (fileMap) => {
+    const { parserOptions } = this.options;
+    return classifyProject(parserOptions, fileMap);
+  };
 };
 export {
   ParserResult,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/parser",
-  "version": "0.48.1",
+  "version": "0.50.0",
   "description": "The static parser for panda css",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -29,19 +29,19 @@
   },
   "dependencies": {
     "@vue/compiler-sfc": "3.4.19",
-    "magic-string": "0.30.14",
+    "magic-string": "0.30.17",
     "ts-morph": "21.0.1",
     "ts-pattern": "5.0.8",
-    "@pandacss/config": "^0.48.1",
-    "@pandacss/core": "^0.48.1",
-    "@pandacss/extractor": "0.48.1",
-    "@pandacss/logger": "0.48.1",
-    "@pandacss/shared": "0.48.1",
-    "@pandacss/types": "0.48.1"
+    "@pandacss/config": "^0.50.0",
+    "@pandacss/core": "^0.50.0",
+    "@pandacss/extractor": "0.50.0",
+    "@pandacss/logger": "0.50.0",
+    "@pandacss/shared": "0.50.0",
+    "@pandacss/types": "0.50.0"
   },
   "devDependencies": {
     "@vue/compiler-core": "3.4.19",
-    "@pandacss/generator": "0.48.1"
+    "@pandacss/generator": "0.50.0"
   },
   "files": [
     "dist"