@pandacss/node 0.0.0-dev-20241206205627 → 0.0.0-dev-20241224161732

package/dist/index.js

@@ -33,9 +33,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.0.2_@swc+core@1.9.2_postcss@8.4.49_typescript@5.3.3/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.0.2_@swc+core@1.7.6_@swc+helpers@0.4.36__postcss@8.4.49_typescript@5.3.3/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.0.2_@swc+core@1.9.2_postcss@8.4.49_typescript@5.3.3/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.0.2_@swc+core@1.7.6_@swc+helpers@0.4.36__postcss@8.4.49_typescript@5.3.3/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -405,7 +405,7 @@ var src_exports = {};
 __export(src_exports, {
   Builder: () => Builder,
   PandaContext: () => PandaContext,
-  analyzeTokens: () => analyzeTokens,
+  analyze: () => analyze,
   buildInfo: () => buildInfo,
   codegen: () => codegen,
   cssgen: () => cssgen,
@@ -417,475 +417,70 @@ __export(src_exports, {
   setupConfig: () => setupConfig,
   setupGitIgnore: () => setupGitIgnore,
   setupPostcss: () => setupPostcss,
-  startProfiling: () => startProfiling,
-  writeAnalyzeJSON: () => writeAnalyzeJSON
+  startProfiling: () => startProfiling
 });
 module.exports = __toCommonJS(src_exports);
 init_cjs_shims();
 
-// src/analyze-tokens.ts
+// src/analyze.ts
 init_cjs_shims();
-var import_logger = require("@pandacss/logger");
-var import_filesize = require("filesize");
-var import_promises = require("fs/promises");
-var import_node_path = __toESM(require("path"));
-var import_zlib = __toESM(require("zlib"));
-
-// package.json
-var version = "0.48.0";
-
-// src/classify.ts
-init_cjs_shims();
-var import_extractor = require("@pandacss/extractor");
-var createReportMaps = () => {
-  const byComponentOfKind = /* @__PURE__ */ new Map();
-  const byPropertyName = /* @__PURE__ */ new Map();
-  const byTokenType = /* @__PURE__ */ new Map();
-  const byConditionName = /* @__PURE__ */ new Map();
-  const byShorthand = /* @__PURE__ */ new Map();
-  const byTokenName = /* @__PURE__ */ new Map();
-  const byPropertyPath = /* @__PURE__ */ new Map();
-  const fromKind = /* @__PURE__ */ new Map();
-  const byType = /* @__PURE__ */ new Map();
-  const byComponentName = /* @__PURE__ */ new Map();
-  const colorsUsed = /* @__PURE__ */ new Map();
-  return {
-    byComponentOfKind,
-    byPropertyName,
-    byTokenType,
-    byConditionName,
-    byShorthand,
-    byTokenName,
-    byPropertyPath,
-    fromKind,
-    byType,
-    byComponentName,
-    colorsUsed
-  };
-};
-var classifyTokens = (ctx, parserResultByFilepath) => {
-  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, componentIndex = 0;
-  const isKnownUtility = (reportItem, componentReportItem) => {
-    const { propName, value } = reportItem;
-    const utility = ctx.config.utilities?.[propName];
-    if (utility) {
-      if (!utility.shorthand) {
-        return Boolean(ctx.tokens.getByName(`${utility.values}.${value}`));
-      }
-      return Boolean(ctx.tokens.getByName(`${utility.values}.${value}`));
-    }
-    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.config.utilities?.[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;
-  };
-  parserResultByFilepath.forEach((parserResult, filepath) => {
-    if (parserResult.isEmpty())
-      return;
-    const localMaps = createReportMaps();
-    const addTo = (map, key, value) => {
-      const set = map.get(key) ?? /* @__PURE__ */ new Set();
-      set.add(value);
-      map.set(key, set);
-    };
-    const processMap = (map, current, componentReportItem) => {
-      const { reportItemType: type, kind } = componentReportItem;
-      const name = componentReportItem.componentName;
-      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: 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.shorthands.get(attrName) ?? attrName;
-            propReportItem.propName = propName;
-            const utility = ctx.config.utilities?.[propName];
-            propReportItem.isKnownValue = isKnownUtility(propReportItem, componentReportItem);
-            const tokenType = typeof utility?.values === "string" ? utility?.values : void 0;
-            if (tokenType) {
-              propReportItem.reportItemKind = "token";
-              propReportItem.tokenType = tokenType;
-            }
-            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(attrNode, current.concat(attrName), componentReportItem);
-        }
-      });
-    };
-    const processResultItem = (item, kind) => {
-      if (!item.box || import_extractor.box.isUnresolvable(item.box)) {
-        return;
-      }
-      if (!item.data) {
-        console.log("no data", item);
-        return;
-      }
-      const componentReportItem = {
-        componentIndex: String(componentIndex++),
-        componentName: item.name,
-        reportItemType: item.type,
-        kind,
-        filepath,
-        value: item.data,
-        range: item.box.getRange(),
-        contains: []
-      };
-      if (import_extractor.box.isArray(item.box)) {
-        addTo(byComponentInFilepath, filepath, componentReportItem.componentIndex);
-        return componentReportItem;
-      }
-      if (import_extractor.box.isMap(item.box) && item.box.value.size) {
-        addTo(byComponentInFilepath, filepath, componentReportItem.componentIndex);
-        processMap(item.box, [], componentReportItem);
-        return componentReportItem;
-      }
-    };
-    const processComponentResultItem = (item) => {
-      const componentReportItem = processResultItem(item, "component");
-      if (!componentReportItem)
-        return;
-      addTo(globalMaps.byComponentOfKind, "component", componentReportItem.componentIndex);
-      addTo(localMaps.byComponentOfKind, "component", componentReportItem.componentIndex);
-      byComponentIndex.set(componentReportItem.componentIndex, componentReportItem);
-    };
-    const processFunctionResultItem = (item) => {
-      const componentReportItem = processResultItem(item, "function");
-      if (!componentReportItem)
-        return;
-      addTo(globalMaps.byComponentOfKind, "function", componentReportItem.componentIndex);
-      addTo(localMaps.byComponentOfKind, "function", componentReportItem.componentIndex);
-      byComponentIndex.set(componentReportItem.componentIndex, componentReportItem);
-    };
-    parserResult.jsx.forEach(processComponentResultItem);
-    parserResult.css.forEach(processFunctionResultItem);
-    parserResult.cva.forEach(processFunctionResultItem);
-    parserResult.pattern.forEach((itemList) => {
-      itemList.forEach(processFunctionResultItem);
-    });
-    parserResult.recipe.forEach((itemList) => {
-      itemList.forEach(processFunctionResultItem);
-    });
-    byFilePathMaps.set(filepath, localMaps);
+var import_reporter = require("@pandacss/reporter");
+function analyze(ctx, options = {}) {
+  const reporter = new import_reporter.Reporter(ctx, {
+    project: ctx.project,
+    getRelativePath: ctx.runtime.path.relative,
+    getFiles: ctx.getFiles,
+    ...options
   });
-  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)
-  );
+  reporter.init();
   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)
-      }
+    getRecipeReport(format = "table") {
+      const report = reporter.getRecipeReport();
+      return { report, formatted: (0, import_reporter.formatRecipeReport)(report, format) };
     },
-    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"
-];
-var getPropertyGroupMap = (context) => {
-  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(context.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 };
-};
-
-// src/analyze-tokens.ts
-var gzipSizeSync = (code) => import_zlib.default.gzipSync(code, { level: import_zlib.default.constants.Z_BEST_COMPRESSION }).length;
-function analyzeTokens(ctx, options = {}) {
-  const filesMap = /* @__PURE__ */ new Map();
-  const timesMap = /* @__PURE__ */ new Map();
-  const files = ctx.getFiles();
-  const sheet = ctx.createSheet();
-  ctx.appendLayerParams(sheet);
-  ctx.appendBaselineCss(sheet);
-  files.forEach((file) => {
-    const start2 = performance.now();
-    const result = ctx.project.parseSourceFile(file);
-    const extractMs = performance.now() - start2;
-    const relativePath = import_node_path.default.relative(ctx.config.cwd, file);
-    timesMap.set(relativePath, extractMs);
-    import_logger.logger.debug("analyze", `Parsed ${file} in ${extractMs}ms`);
-    if (result) {
-      filesMap.set(relativePath, result);
-      options.onResult?.(file, result);
-    }
-  });
-  const totalMs = Array.from(timesMap.values()).reduce((a, b) => a + b, 0);
-  import_logger.logger.debug("analyze", `Analyzed ${files.length} files in ${totalMs.toFixed(2)}ms`);
-  ctx.appendParserCss(sheet);
-  const cssStart = performance.now();
-  ctx.config.minify = false;
-  const css = ctx.getCss(sheet);
-  const cssMs = performance.now() - cssStart;
-  const cssMinifyStart = performance.now();
-  ctx.config.minify = true;
-  const minifiedCss = ctx.getCss(sheet);
-  const cssMinifyMs = performance.now() - cssMinifyStart;
-  let lightningCss = "";
-  let lightningCssMs;
-  let lightningCssMinifiedCss = "";
-  let lightningCssMinifiedMs;
-  const isUsingLightningCss = ctx.config.lightningcss;
-  if (!isUsingLightningCss) {
-    sheet["context"].lightningcss = true;
-    ctx.config.minify = false;
-    const lightningcssStart = performance.now();
-    lightningCss = ctx.getCss(sheet);
-    lightningCssMs = performance.now() - lightningcssStart;
-    ctx.config.minify = true;
-    const lightningcssMinifyStart = performance.now();
-    lightningCssMinifiedCss = ctx.getCss(sheet);
-    lightningCssMinifiedMs = performance.now() - lightningcssMinifyStart;
-  }
-  const start = performance.now();
-  const analysis = classifyTokens(ctx, filesMap);
-  const classifyMs = performance.now() - start;
-  const details = Object.assign(
-    {
-      duration: {
-        classify: classifyMs,
-        //
-        cssMs,
-        cssMinifyMs,
-        //
-        ...!isUsingLightningCss ? {
-          lightningCssMs,
-          lightningCssMinifiedMs
-        } : {},
-        //
-        extractTotal: totalMs,
-        extractTimeByFiles: Object.fromEntries(timesMap.entries())
-      },
-      fileSizes: {
-        lineCount: css.split("\n").length,
-        normal: (0, import_filesize.filesize)(Buffer.byteLength(css, "utf-8")),
-        minified: (0, import_filesize.filesize)(Buffer.byteLength(minifiedCss, "utf-8")),
-        gzip: {
-          normal: (0, import_filesize.filesize)(gzipSizeSync(css)),
-          minified: (0, import_filesize.filesize)(gzipSizeSync(minifiedCss))
-        },
-        lightningCss: !isUsingLightningCss ? {
-          normal: (0, import_filesize.filesize)(Buffer.byteLength(lightningCss, "utf-8")),
-          minified: (0, import_filesize.filesize)(Buffer.byteLength(lightningCssMinifiedCss, "utf-8"))
-        } : void 0
-      }
+    getTokenReport(format = "table") {
+      const report = reporter.getTokenReport();
+      return { report, formatted: (0, import_reporter.formatTokenReport)(report.getSummary(), format) };
     },
-    analysis.details
-  );
-  const { globalCss, ...config } = ctx.config;
-  return {
-    schemaVersion: version,
-    details,
-    propByIndex: analysis.propById,
-    componentByIndex: analysis.componentById,
-    derived: analysis.derived,
-    config
+    writeReport(filePath) {
+      const dirname2 = ctx.runtime.path.dirname(filePath);
+      ctx.runtime.fs.ensureDirSync(dirname2);
+      const str = JSON.stringify(reporter.report, replacer, 2);
+      return ctx.runtime.fs.writeFile(filePath, str);
+    }
   };
 }
-var analyzeResultSerializer = (_key, value) => {
-  if (value instanceof Set) {
+function replacer(_, value) {
+  if (value instanceof Set)
     return Array.from(value);
-  }
-  if (value instanceof Map) {
+  if (value instanceof Map)
     return Object.fromEntries(value);
-  }
   return value;
-};
-var writeAnalyzeJSON = (filePath, result, ctx) => {
-  const dirname2 = ctx.runtime.path.dirname(filePath);
-  ctx.runtime.fs.ensureDirSync(dirname2);
-  return (0, import_promises.writeFile)(filePath, JSON.stringify(result, analyzeResultSerializer, 2));
-};
+}
 
 // src/build-info.ts
 init_cjs_shims();
-var import_logger2 = require("@pandacss/logger");
+var import_logger = require("@pandacss/logger");
 async function buildInfo(ctx, outfile) {
   const { filesWithCss, files } = ctx.parseFiles();
-  import_logger2.logger.info("cli", `Found ${import_logger2.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
-  const minify = ctx.config.minify;
-  import_logger2.logger.info("cli", `Writing ${minify ? "[min] " : " "}${import_logger2.colors.bold(outfile)}`);
+  import_logger.logger.info("cli", `Found ${import_logger.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  const { minify, staticCss } = ctx.config;
+  import_logger.logger.info("cli", `Writing ${minify ? "[min] " : " "}${import_logger.colors.bold(outfile)}`);
+  if (staticCss) {
+    import_logger.logger.info("cli", "Adding staticCss definitions...");
+    ctx.staticCss.process(staticCss);
+  }
   const output = JSON.stringify(ctx.encoder.toJSON(), null, minify ? 0 : 2);
   ctx.output.ensure(outfile, process.cwd());
   await ctx.runtime.fs.writeFile(outfile, output);
-  import_logger2.logger.info("cli", "Done!");
+  import_logger.logger.info("cli", "Done!");
 }
 
 // src/builder.ts
 init_cjs_shims();
 var import_config4 = require("@pandacss/config");
 var import_core = require("@pandacss/core");
-var import_logger6 = require("@pandacss/logger");
+var import_logger5 = require("@pandacss/logger");
 var import_shared2 = require("@pandacss/shared");
 var import_fs = require("fs");
 var import_path3 = require("path");
@@ -1037,7 +632,7 @@ var import_browserslist = __toESM(require("browserslist"));
 // src/create-context.ts
 init_cjs_shims();
 var import_generator2 = require("@pandacss/generator");
-var import_logger5 = require("@pandacss/logger");
+var import_logger4 = require("@pandacss/logger");
 var import_parser = require("@pandacss/parser");
 var import_shared = require("@pandacss/shared");
 var import_perfect_debounce = require("perfect-debounce");
@@ -1055,13 +650,12 @@ init_cjs_shims();
 // ../../node_modules/.pnpm/strip-ansi@7.1.0/node_modules/strip-ansi/index.js
 init_cjs_shims();
 
-// ../../node_modules/.pnpm/ansi-regex@6.1.0/node_modules/ansi-regex/index.js
+// ../../node_modules/.pnpm/ansi-regex@6.0.1/node_modules/ansi-regex/index.js
 init_cjs_shims();
 function ansiRegex({ onlyFirst = false } = {}) {
-  const ST = "(?:\\u0007|\\u001B\\u005C|\\u009C)";
   const pattern = [
-    `[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?${ST})`,
-    "(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))"
+    "[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?\\u0007)",
+    "(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-ntqry=><~]))"
   ].join("|");
   return new RegExp(pattern, onlyFirst ? void 0 : "g");
 }
@@ -1400,10 +994,10 @@ function _supportsColor(haveStream, { streamIsTTY, sniffFlags = true } = {}) {
     return 3;
   }
   if ("TERM_PROGRAM" in env) {
-    const version2 = Number.parseInt((env.TERM_PROGRAM_VERSION || "").split(".")[0], 10);
+    const version = Number.parseInt((env.TERM_PROGRAM_VERSION || "").split(".")[0], 10);
     switch (env.TERM_PROGRAM) {
       case "iTerm.app": {
-        return version2 >= 3 ? 3 : 2;
+        return version >= 3 ? 3 : 2;
       }
       case "Apple_Terminal": {
         return 2;
@@ -1436,7 +1030,7 @@ var supports_color_default = supportsColor;
 
 // ../../node_modules/.pnpm/chalk@5.3.0/node_modules/chalk/source/utilities.js
 init_cjs_shims();
-function stringReplaceAll(string, substring, replacer) {
+function stringReplaceAll(string, substring, replacer2) {
   let index = string.indexOf(substring);
   if (index === -1) {
     return string;
@@ -1445,7 +1039,7 @@ function stringReplaceAll(string, substring, replacer) {
   let endIndex = 0;
   let returnValue = "";
   do {
-    returnValue += string.slice(endIndex, index) + substring + replacer;
+    returnValue += string.slice(endIndex, index) + substring + replacer2;
     endIndex = index + substringLength;
     index = string.indexOf(substring, endIndex);
   } while (index !== -1);
@@ -2391,7 +1985,7 @@ var DiffEngine = class {
 
 // src/node-runtime.ts
 init_cjs_shims();
-var import_logger3 = require("@pandacss/logger");
+var import_logger2 = require("@pandacss/logger");
 var import_chokidar = __toESM(require("chokidar"));
 var import_fast_glob = __toESM(require("fast-glob"));
 var import_fs_extra = __toESM(require("fs-extra"));
@@ -2434,8 +2028,8 @@ var nodeRuntime = {
     readDirSync: import_fs_extra.default.readdirSync,
     rmDirSync: import_fs_extra.default.emptyDirSync,
     rmFileSync: import_fs_extra.default.removeSync,
-    ensureDirSync(path4) {
-      return import_fs_extra.default.ensureDirSync(path4);
+    ensureDirSync(path3) {
+      return import_fs_extra.default.ensureDirSync(path3);
     },
     watch(options) {
       const { include, exclude, cwd, poll } = options;
@@ -2448,7 +2042,7 @@ var nodeRuntime = {
         ignored: exclude,
         awaitWriteFinish: coalesce ? { stabilityThreshold: 50, pollInterval: 10 } : false
       });
-      import_logger3.logger.debug("watch:file", `watching [${include}]`);
+      import_logger2.logger.debug("watch:file", `watching [${include}]`);
       process.once("SIGINT", async () => {
         await watcher.close();
       });
@@ -2458,15 +2052,15 @@ var nodeRuntime = {
 };
 process.setMaxListeners(Infinity);
 process.on("unhandledRejection", (reason) => {
-  import_logger3.logger.error("\u274C", reason);
+  import_logger2.logger.error("\u274C", reason);
 });
 process.on("uncaughtException", (reason) => {
-  import_logger3.logger.error("\u274C", reason);
+  import_logger2.logger.error("\u274C", reason);
 });
 
 // src/output-engine.ts
 init_cjs_shims();
-var import_logger4 = require("@pandacss/logger");
+var import_logger3 = require("@pandacss/logger");
 var OutputEngine = class {
   paths;
   fs;
@@ -2497,7 +2091,7 @@ var OutputEngine = class {
           return;
         const { file, code } = artifact;
         const absPath = this.path.join(...dir, file);
-        import_logger4.logger.debug("write:file", dir.slice(-1).concat(file).join("/"));
+        import_logger3.logger.debug("write:file", dir.slice(-1).concat(file).join("/"));
         return this.fs.writeFile(absPath, code);
       })
     );
@@ -2517,7 +2111,7 @@ var PandaContext = class extends import_generator2.Generator {
     this.runtime = nodeRuntime;
     config.cwd ||= this.runtime.cwd();
     if (config.logLevel) {
-      import_logger5.logger.level = config.logLevel;
+      import_logger4.logger.level = config.logLevel;
     }
     this.project = new import_parser.Project({
       ...conf.tsconfig,
@@ -2551,14 +2145,14 @@ var PandaContext = class extends import_generator2.Generator {
   };
   parseFile = (filePath, styleEncoder) => {
     const file = this.runtime.path.abs(this.config.cwd, filePath);
-    import_logger5.logger.debug("file:extract", file);
-    const measure = import_logger5.logger.time.debug(`Parsed ${file}`);
+    import_logger4.logger.debug("file:extract", file);
+    const measure = import_logger4.logger.time.debug(`Parsed ${file}`);
     let result;
     try {
       const encoder = styleEncoder || this.parserOptions.encoder;
       result = this.project.parseSourceFile(file, encoder);
     } catch (error) {
-      import_logger5.logger.error("file:extract", error);
+      import_logger4.logger.error("file:extract", error);
     }
     measure();
     return result;
@@ -2569,7 +2163,7 @@ var PandaContext = class extends import_generator2.Generator {
     const filesWithCss = [];
     const results = [];
     files.forEach((file) => {
-      const measure = import_logger5.logger.time.debug(`Parsed ${file}`);
+      const measure = import_logger4.logger.time.debug(`Parsed ${file}`);
       const result = this.project.parseSourceFile(file, encoder);
       measure();
       if (!result || result.isEmpty() || encoder.isEmpty())
@@ -2584,7 +2178,7 @@ var PandaContext = class extends import_generator2.Generator {
     };
   };
   writeCss = (sheet) => {
-    import_logger5.logger.info("css", this.runtime.path.join(...this.paths.root, "styles.css"));
+    import_logger4.logger.info("css", this.runtime.path.join(...this.paths.root, "styles.css"));
     return this.output.write({
       id: "styles.css",
       dir: this.paths.root,
@@ -2593,7 +2187,7 @@ var PandaContext = class extends import_generator2.Generator {
   };
   watchConfig = (cb, opts) => {
     const { cwd, poll, exclude } = opts ?? {};
-    import_logger5.logger.info("ctx:watch", this.messages.configWatch());
+    import_logger4.logger.info("ctx:watch", this.messages.configWatch());
     const watcher = this.runtime.fs.watch({
       include: (0, import_shared.uniq)([...this.explicitDeps, ...this.conf.dependencies]),
       exclude,
@@ -2603,14 +2197,14 @@ var PandaContext = class extends import_generator2.Generator {
     watcher.on(
       "change",
       (0, import_perfect_debounce.debounce)(async (file) => {
-        import_logger5.logger.info("ctx:change", "config changed, rebuilding...");
+        import_logger4.logger.info("ctx:change", "config changed, rebuilding...");
         await cb(file);
       })
     );
   };
   watchFiles = (cb, opts) => {
     const { include, exclude, poll, cwd } = this.config;
-    import_logger5.logger.info("ctx:watch", this.messages.watch());
+    import_logger4.logger.info("ctx:watch", this.messages.watch());
     const watcher = this.runtime.fs.watch({
       ...opts,
       include,
@@ -2621,7 +2215,7 @@ var PandaContext = class extends import_generator2.Generator {
     watcher.on(
       "all",
       (0, import_perfect_debounce.debounce)(async (event, file) => {
-        import_logger5.logger.info(`file:${event}`, file);
+        import_logger4.logger.info(`file:${event}`, file);
         await cb(event, file);
       })
     );
@@ -2745,11 +2339,11 @@ var Builder = class {
     configDeps.forEach((file) => {
       this.configDependencies.add(file);
     });
-    import_logger6.logger.debug("builder", "Config dependencies");
-    import_logger6.logger.debug("builder", configDeps);
+    import_logger5.logger.debug("builder", "Config dependencies");
+    import_logger5.logger.debug("builder", configDeps);
   }
   setup = async (options = {}) => {
-    import_logger6.logger.debug("builder", "\u{1F6A7} Setup");
+    import_logger5.logger.debug("builder", "\u{1F6A7} Setup");
     const configPath = options.configPath ?? (0, import_config4.findConfig)({ cwd: options.cwd });
     this.setConfigDependencies({ configPath, cwd: options.cwd });
     if (!this.context) {
@@ -2759,29 +2353,29 @@ var Builder = class {
     this.affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
       this.context = new PandaContext(conf);
     });
-    import_logger6.logger.debug("builder", this.affecteds);
+    import_logger5.logger.debug("builder", this.affecteds);
     this.explicitDepsMeta = this.checkFilesChanged(this.context.explicitDeps);
     if (this.explicitDepsMeta.hasFilesChanged) {
       this.explicitDepsMeta.changes.forEach((meta, file) => {
         fileModifiedMap.set(file, meta.mtime);
       });
-      import_logger6.logger.debug("builder", "\u2699\uFE0F Explicit config dependencies changed");
+      import_logger5.logger.debug("builder", "\u2699\uFE0F Explicit config dependencies changed");
       this.affecteds.hasConfigChanged = true;
     }
     if (this.affecteds.hasConfigChanged) {
-      import_logger6.logger.debug("builder", "\u2699\uFE0F Config changed, reloading");
+      import_logger5.logger.debug("builder", "\u2699\uFE0F Config changed, reloading");
       await ctx.hooks["config:change"]?.({ config: ctx.config, changes: this.affecteds });
       return;
     }
     this.filesMeta = this.checkFilesChanged(ctx.getFiles());
     if (this.filesMeta.hasFilesChanged) {
-      import_logger6.logger.debug("builder", "Files changed, invalidating them");
+      import_logger5.logger.debug("builder", "Files changed, invalidating them");
       ctx.project.reloadSourceFiles();
     }
   };
   async emit() {
     if (this.hasEmitted && this.affecteds?.hasConfigChanged) {
-      import_logger6.logger.debug("builder", "Emit artifacts after config change");
+      import_logger5.logger.debug("builder", "Emit artifacts after config change");
       await codegen(this.getContextOrThrow(), Array.from(this.affecteds.artifacts));
     }
     this.hasEmitted = true;
@@ -2831,12 +2425,12 @@ var Builder = class {
   extract = () => {
     const hasConfigChanged = this.affecteds ? this.affecteds.hasConfigChanged : true;
     if (!this.filesMeta && !hasConfigChanged) {
-      import_logger6.logger.debug("builder", "No files or config changed, skipping extract");
+      import_logger5.logger.debug("builder", "No files or config changed, skipping extract");
       return;
     }
     const ctx = this.getContextOrThrow();
     const files = ctx.getFiles();
-    const done = import_logger6.logger.time.info("Extracted in");
+    const done = import_logger5.logger.time.info("Extracted in");
     files.map((file) => this.extractFile(ctx, file));
     done();
   };
@@ -2878,9 +2472,9 @@ var Builder = class {
 
 // src/cpu-profile.ts
 init_cjs_shims();
-var import_logger7 = require("@pandacss/logger");
+var import_logger6 = require("@pandacss/logger");
 var import_node_fs = __toESM(require("fs"));
-var import_node_path2 = __toESM(require("path"));
+var import_node_path = __toESM(require("path"));
 var import_node_readline = __toESM(require("readline"));
 var startProfiling = async (cwd, prefix, isWatching) => {
   const inspector = await import("inspector").then((r) => r.default);
@@ -2934,7 +2528,7 @@ var startProfiling = async (cwd, prefix, isWatching) => {
     session.post("Profiler.stop", (err, params) => {
       setState("idle");
       if (err) {
-        import_logger7.logger.error("cpu-prof", err);
+        import_logger6.logger.error("cpu-prof", err);
         cb?.();
         return;
       }
@@ -2945,9 +2539,9 @@ var startProfiling = async (cwd, prefix, isWatching) => {
       const date = /* @__PURE__ */ new Date();
       const timestamp = date.toISOString().replace(/[-:.]/g, "");
       const title = `panda-${prefix}-${timestamp}`;
-      const outfile = import_node_path2.default.join(cwd, `${title}.cpuprofile`);
+      const outfile = import_node_path.default.join(cwd, `${title}.cpuprofile`);
       import_node_fs.default.writeFileSync(outfile, JSON.stringify(params.profile));
-      import_logger7.logger.info("cpu-prof", outfile);
+      import_logger6.logger.info("cpu-prof", outfile);
       cb?.();
     });
   };
@@ -2956,16 +2550,16 @@ var startProfiling = async (cwd, prefix, isWatching) => {
 
 // src/cssgen.ts
 init_cjs_shims();
-var import_logger8 = require("@pandacss/logger");
+var import_logger7 = require("@pandacss/logger");
 var cssgen = async (ctx, options) => {
   const { outfile, type, minimal } = options;
   const sheet = ctx.createSheet();
   if (type) {
-    const done = import_logger8.logger.time.info(ctx.messages.cssArtifactComplete(type));
+    const done = import_logger7.logger.time.info(ctx.messages.cssArtifactComplete(type));
     ctx.appendCssOfType(type, sheet);
     if (outfile) {
       const css = ctx.getCss(sheet);
-      import_logger8.logger.info("css", ctx.runtime.path.resolve(outfile));
+      import_logger7.logger.info("css", ctx.runtime.path.resolve(outfile));
       await ctx.runtime.fs.writeFile(outfile, css);
     } else {
       await ctx.writeCss(sheet);
@@ -2973,7 +2567,7 @@ var cssgen = async (ctx, options) => {
     done();
   } else {
     const { files } = ctx.parseFiles();
-    const done = import_logger8.logger.time.info(ctx.messages.buildComplete(files.length));
+    const done = import_logger7.logger.time.info(ctx.messages.buildComplete(files.length));
     if (!minimal) {
       ctx.appendLayerParams(sheet);
       ctx.appendBaselineCss(sheet);
@@ -2981,7 +2575,7 @@ var cssgen = async (ctx, options) => {
     ctx.appendParserCss(sheet);
     if (outfile) {
       const css = ctx.getCss(sheet);
-      import_logger8.logger.info("css", ctx.runtime.path.resolve(outfile));
+      import_logger7.logger.info("css", ctx.runtime.path.resolve(outfile));
       await ctx.runtime.fs.writeFile(outfile, css);
     } else {
       await ctx.writeCss(sheet);
@@ -2992,17 +2586,17 @@ var cssgen = async (ctx, options) => {
 
 // src/debug.ts
 init_cjs_shims();
-var import_logger9 = require("@pandacss/logger");
+var import_logger8 = require("@pandacss/logger");
 var import_path4 = require("path");
 async function debug(ctx, options) {
   const files = ctx.getFiles();
-  const measureTotal = import_logger9.logger.time.debug(`Done parsing ${files.length} files`);
+  const measureTotal = import_logger8.logger.time.debug(`Done parsing ${files.length} files`);
   ctx.config.minify = false;
-  const { fs: fs3, path: path4 } = ctx.runtime;
+  const { fs: fs3, path: path3 } = ctx.runtime;
   const outdir = options.outdir;
   if (!options.dry && outdir) {
     fs3.ensureDirSync(outdir);
-    import_logger9.logger.info("cli", `Writing ${import_logger9.colors.bold(`${outdir}/config.json`)}`);
+    import_logger8.logger.info("cli", `Writing ${import_logger8.colors.bold(`${outdir}/config.json`)}`);
     await fs3.writeFile(`${outdir}/config.json`, JSON.stringify(ctx.config, null, 2));
   }
   if (options.onlyConfig) {
@@ -3011,7 +2605,7 @@ async function debug(ctx, options) {
   }
   const filesWithCss = [];
   files.map((file) => {
-    const measure = import_logger9.logger.time.debug(`Parsed ${file}`);
+    const measure = import_logger8.logger.time.debug(`Parsed ${file}`);
     const encoder = ctx.encoder.clone();
     const result = ctx.project.parseSourceFile(file, encoder);
     measure();
@@ -3028,30 +2622,30 @@ async function debug(ctx, options) {
     if (outdir) {
       filesWithCss.push(file);
       const parsedPath = (0, import_path4.parse)(file);
-      const relative2 = path4.relative(ctx.config.cwd, parsedPath.dir);
-      const astJsonPath = `${relative2}${path4.sep}${parsedPath.name}.ast.json`.replaceAll(path4.sep, "__");
-      const cssPath = `${relative2}${path4.sep}${parsedPath.name}.css`.replaceAll(path4.sep, "__");
-      import_logger9.logger.info("cli", `Writing ${import_logger9.colors.bold(`${outdir}/${astJsonPath}`)}`);
-      import_logger9.logger.info("cli", `Writing ${import_logger9.colors.bold(`${outdir}/${cssPath}`)}`);
+      const relative2 = path3.relative(ctx.config.cwd, parsedPath.dir);
+      const astJsonPath = `${relative2}${path3.sep}${parsedPath.name}.ast.json`.replaceAll(path3.sep, "__");
+      const cssPath = `${relative2}${path3.sep}${parsedPath.name}.css`.replaceAll(path3.sep, "__");
+      import_logger8.logger.info("cli", `Writing ${import_logger8.colors.bold(`${outdir}/${astJsonPath}`)}`);
+      import_logger8.logger.info("cli", `Writing ${import_logger8.colors.bold(`${outdir}/${cssPath}`)}`);
       return Promise.allSettled([
-        fs3.writeFile(`${outdir}${path4.sep}${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
-        fs3.writeFile(`${outdir}${path4.sep}${cssPath}`, css)
+        fs3.writeFile(`${outdir}${path3.sep}${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
+        fs3.writeFile(`${outdir}${path3.sep}${cssPath}`, css)
       ]);
     }
   });
-  import_logger9.logger.info("cli", `Found ${import_logger9.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  import_logger8.logger.info("cli", `Found ${import_logger8.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
 
 // src/generate.ts
 init_cjs_shims();
-var import_logger10 = require("@pandacss/logger");
+var import_logger9 = require("@pandacss/logger");
 async function build(ctx, artifactIds) {
   await codegen(ctx, artifactIds);
   if (ctx.config.emitTokensOnly) {
-    return import_logger10.logger.info("css:emit", "Successfully rebuilt the css variables and js function to query your tokens \u2728");
+    return import_logger9.logger.info("css:emit", "Successfully rebuilt the css variables and js function to query your tokens \u2728");
   }
-  const done = import_logger10.logger.time.info("");
+  const done = import_logger9.logger.time.info("");
   const sheet = ctx.createSheet();
   ctx.appendLayerParams(sheet);
   ctx.appendBaselineCss(sheet);
@@ -3070,7 +2664,7 @@ async function generate(config, configPath) {
         const affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
           ctx = new PandaContext(conf);
         });
-        import_logger10.logger.info("ctx:updated", "config rebuilt \u2705");
+        import_logger9.logger.info("ctx:updated", "config rebuilt \u2705");
         await ctx.hooks["config:change"]?.({ config: ctx.config, changes: affecteds });
         return build(ctx, Array.from(affecteds.artifacts));
       },
@@ -3080,7 +2674,7 @@ async function generate(config, configPath) {
       const outfile = ctx2.runtime.path.join(...ctx2.paths.root, "styles.css");
       const parserResult = ctx2.project.parseSourceFile(changedFilePath);
       if (parserResult) {
-        const done = import_logger10.logger.time.info(ctx2.messages.buildComplete(1));
+        const done = import_logger9.logger.time.info(ctx2.messages.buildComplete(1));
         const sheet = ctx2.createSheet();
         ctx2.appendLayerParams(sheet);
         ctx2.appendBaselineCss(sheet);
@@ -3132,18 +2726,18 @@ function setupGitIgnore(ctx) {
 
 // src/logstream.ts
 init_cjs_shims();
-var import_logger11 = require("@pandacss/logger");
+var import_logger10 = require("@pandacss/logger");
 var import_node_fs2 = __toESM(require("fs"));
-var import_node_path3 = __toESM(require("path"));
+var import_node_path2 = __toESM(require("path"));
 var setLogStream = (options) => {
   const { cwd = process.cwd() } = options;
   let stream;
   if (options.logfile) {
-    const outPath = import_node_path3.default.resolve(cwd, options.logfile);
+    const outPath = import_node_path2.default.resolve(cwd, options.logfile);
     ensure(outPath);
-    import_logger11.logger.info("logfile", outPath);
+    import_logger10.logger.info("logfile", outPath);
     stream = import_node_fs2.default.createWriteStream(outPath, { flags: "a" });
-    import_logger11.logger.onLog = (entry) => {
+    import_logger10.logger.onLog = (entry) => {
       stream?.write(JSON.stringify(entry) + "\n");
     };
   }
@@ -3160,7 +2754,7 @@ var setLogStream = (options) => {
   };
 };
 var ensure = (outPath) => {
-  const dirname2 = import_node_path3.default.dirname(outPath);
+  const dirname2 = import_node_path2.default.dirname(outPath);
   import_node_fs2.default.mkdirSync(dirname2, { recursive: true });
   return outPath;
 };
@@ -3169,7 +2763,7 @@ var ensure = (outPath) => {
 init_cjs_shims();
 var import_config7 = require("@pandacss/config");
 var import_core2 = require("@pandacss/core");
-var import_logger12 = require("@pandacss/logger");
+var import_logger11 = require("@pandacss/logger");
 var import_shared3 = require("@pandacss/shared");
 var import_fs_extra2 = __toESM(require("fs-extra"));
 var import_look_it_up2 = require("look-it-up");
@@ -3192,9 +2786,9 @@ async function setupConfig(cwd, opts = {}) {
   const cmd = pm === "npm" ? "npm run" : pm;
   const isTs = (0, import_look_it_up2.lookItUpSync)("tsconfig.json", cwd);
   const file = isTs ? "panda.config.ts" : "panda.config.mjs";
-  import_logger12.logger.info("init:config", `creating panda config file: ${(0, import_logger12.quote)(file)}`);
+  import_logger11.logger.info("init:config", `creating panda config file: ${(0, import_logger11.quote)(file)}`);
   if (!force && configFile) {
-    import_logger12.logger.warn("init:config", import_core2.messages.configExists(cmd));
+    import_logger11.logger.warn("init:config", import_core2.messages.configExists(cmd));
   } else {
     const content = import_outdent2.outdent`
 import { defineConfig } from "@pandacss/dev"
@@ -3227,11 +2821,11 @@ syntax: '${syntax}'` : ""}
 })
     `;
     await import_fs_extra2.default.writeFile((0, import_path5.join)(cwd, file), await import_prettier.default.format(content, { parser: "babel" }));
-    import_logger12.logger.log(import_core2.messages.thankYou());
+    import_logger11.logger.log(import_core2.messages.thankYou());
   }
 }
 async function setupPostcss(cwd) {
-  import_logger12.logger.info("init:postcss", `creating postcss config file: ${(0, import_logger12.quote)("postcss.config.cjs")}`);
+  import_logger11.logger.info("init:postcss", `creating postcss config file: ${(0, import_logger11.quote)("postcss.config.cjs")}`);
   const content = import_outdent2.outdent`
 module.exports = {
   plugins: {
@@ -3245,7 +2839,7 @@ module.exports = {
 0 && (module.exports = {
   Builder,
   PandaContext,
-  analyzeTokens,
+  analyze,
   buildInfo,
   codegen,
   cssgen,
@@ -3257,6 +2851,5 @@ module.exports = {
   setupConfig,
   setupGitIgnore,
   setupPostcss,
-  startProfiling,
-  writeAnalyzeJSON
+  startProfiling
 });