@pandacss/node 0.0.2 → 0.3.1

package/dist/index.mjs

@@ -34,83 +34,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../../node_modules/.pnpm/tsup@6.7.0_typescript@5.0.4/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@6.7.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@6.7.0_typescript@5.0.4/node_modules/tsup/assets/esm_shims.js"() {
-  }
-});
-
-// ../../node_modules/.pnpm/duplexer@0.1.2/node_modules/duplexer/index.js
-var require_duplexer = __commonJS({
-  "../../node_modules/.pnpm/duplexer@0.1.2/node_modules/duplexer/index.js"(exports, module) {
-    init_esm_shims();
-    var Stream = __require("stream");
-    var writeMethods = ["write", "end", "destroy"];
-    var readMethods = ["resume", "pause"];
-    var readEvents = ["data", "close"];
-    var slice = Array.prototype.slice;
-    module.exports = duplex;
-    function forEach(arr, fn) {
-      if (arr.forEach) {
-        return arr.forEach(fn);
-      }
-      for (var i = 0; i < arr.length; i++) {
-        fn(arr[i], i);
-      }
-    }
-    function duplex(writer, reader) {
-      var stream = new Stream();
-      var ended = false;
-      forEach(writeMethods, proxyWriter);
-      forEach(readMethods, proxyReader);
-      forEach(readEvents, proxyStream);
-      reader.on("end", handleEnd);
-      writer.on("drain", function() {
-        stream.emit("drain");
-      });
-      writer.on("error", reemit);
-      reader.on("error", reemit);
-      stream.writable = writer.writable;
-      stream.readable = reader.readable;
-      return stream;
-      function proxyWriter(methodName) {
-        stream[methodName] = method;
-        function method() {
-          return writer[methodName].apply(writer, arguments);
-        }
-      }
-      function proxyReader(methodName) {
-        stream[methodName] = method;
-        function method() {
-          stream.emit(methodName);
-          var func = reader[methodName];
-          if (func) {
-            return func.apply(reader, arguments);
-          }
-          reader.emit(methodName);
-        }
-      }
-      function proxyStream(methodName) {
-        reader.on(methodName, reemit2);
-        function reemit2() {
-          var args = slice.call(arguments);
-          args.unshift(methodName);
-          stream.emit.apply(stream, args);
-        }
-      }
-      function handleEnd() {
-        if (ended) {
-          return;
-        }
-        ended = true;
-        var args = slice.call(arguments);
-        args.unshift("end");
-        stream.emit.apply(stream, args);
-      }
-      function reemit(err) {
-        stream.emit("error", err);
-      }
-    }
+  "../../node_modules/.pnpm/tsup@6.7.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/esm_shims.js"() {
   }
 });
 
@@ -480,8 +406,9 @@ import { discardDuplicate as discardDuplicate2 } from "@pandacss/core";
 // src/analyze-tokens.ts
 init_esm_shims();
 import { logger } from "@pandacss/logger";
+import { filesize } from "filesize";
 import { writeFile } from "fs/promises";
-import { Node } from "ts-morph";
+import zlib from "zlib";
 
 // src/classify.ts
 init_esm_shims();
@@ -533,7 +460,7 @@ var classifyTokens = (ctx, parserResultByFilepath) => {
     }
     if (type === "pattern") {
       const pattern = ctx.patterns.getConfig(from.toLowerCase());
-      const patternProp = pattern.properties[propName];
+      const patternProp = pattern?.properties?.[propName];
       if (!patternProp)
         return false;
       if (patternProp.type === "boolean" || patternProp.type === "number") {
@@ -745,56 +672,25 @@ 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 }));
 };
 
-// src/get-node-range.ts
-init_esm_shims();
-var getNodeRange = (node) => {
-  const src = node.getSourceFile();
-  const [startPosition, endPosition] = [node.getStart(), node.getEnd()];
-  const startInfo = src.getLineAndColumnAtPos(startPosition);
-  const endInfo = src.getLineAndColumnAtPos(endPosition);
-  return {
-    startPosition,
-    startLineNumber: startInfo.line,
-    startColumn: startInfo.column,
-    endPosition,
-    endLineNumber: endInfo.line,
-    endColumn: endInfo.column
-  };
-};
-
-// src/analyze-tokens.ts
-import { filesize } from "filesize";
-
-// ../../node_modules/.pnpm/gzip-size@7.0.0/node_modules/gzip-size/index.js
-init_esm_shims();
-var import_duplexer = __toESM(require_duplexer(), 1);
-import zlib from "node:zlib";
-import { promisify } from "node:util";
-var getOptions = (options) => ({ level: 9, ...options });
-var gzip = promisify(zlib.gzip);
-function gzipSizeSync(input, options) {
-  return zlib.gzipSync(input, getOptions(options)).length;
-}
-
 // src/analyze-tokens.ts
+var gzipSizeSync = (code) => zlib.gzipSync(code, { level: zlib.constants.Z_BEST_COMPRESSION }).length;
 function analyzeTokens(ctx, options = {}) {
-  const parserResultByFilepath = /* @__PURE__ */ new Map();
-  const extractTimeByFilepath = /* @__PURE__ */ new Map();
-  const includedFiles = ctx.getFiles();
-  includedFiles.map((file) => {
+  const filesMap = /* @__PURE__ */ new Map();
+  const timesMap = /* @__PURE__ */ new Map();
+  const files = ctx.getFiles();
+  files.forEach((file) => {
     const start2 = performance.now();
     const result = ctx.project.parseSourceFile(file);
     const extractMs = performance.now() - start2;
-    extractTimeByFilepath.set(file, extractMs);
+    timesMap.set(file, extractMs);
     logger.debug("analyze", `Parsed ${file} in ${extractMs}ms`);
     if (result) {
-      parserResultByFilepath.set(file, result);
+      filesMap.set(file, result);
       options.onResult?.(file, result);
     }
-    return [file, result];
   });
-  const totalMs = Array.from(extractTimeByFilepath.values()).reduce((a, b) => a + b, 0);
-  logger.debug("analyze", `Analyzed ${includedFiles.length} files in ${totalMs.toFixed(2)}ms`);
+  const totalMs = Array.from(timesMap.values()).reduce((a, b) => a + b, 0);
+  logger.debug("analyze", `Analyzed ${files.length} files in ${totalMs.toFixed(2)}ms`);
   const minify = ctx.config.minify;
   const chunkFiles = ctx.chunks.getFiles();
   ctx.config.optimize = true;
@@ -804,18 +700,17 @@ function analyzeTokens(ctx, options = {}) {
   const minifiedCss = ctx.getCss({ files: chunkFiles });
   ctx.config.minify = minify;
   const start = performance.now();
-  const analysis = classifyTokens(ctx, parserResultByFilepath);
+  const analysis = classifyTokens(ctx, filesMap);
   const classifyMs = performance.now() - start;
   return Object.assign(
     {
       duration: {
-        extractTimeByFiles: Object.fromEntries(extractTimeByFilepath.entries()),
+        extractTimeByFiles: Object.fromEntries(timesMap.entries()),
         extractTotal: totalMs,
         classify: classifyMs
       },
       fileSizes: {
         lineCount: css.split("\n").length,
-        // rulesCount: css.split('{').length - 1, ?
         normal: filesize(Buffer.byteLength(css, "utf-8")),
         minified: filesize(Buffer.byteLength(minifiedCss, "utf-8")),
         gzip: {
@@ -834,14 +729,11 @@ var analyzeResultSerializer = (_key, value) => {
   if (value instanceof Map) {
     return Object.fromEntries(value);
   }
-  if (Node.isNode(value)) {
-    return { kind: value.getKindName(), range: getNodeRange(value) };
-  }
   return value;
 };
 var writeAnalyzeJSON = (fileName, result, ctx) => {
   result.details.byInstanceId.forEach((item) => {
-    item.box = { type: item.box.type, node: item.box.getNode(), stack: item.box.getStack() };
+    item.box = item.box.toJSON();
   });
   return writeFile(
     fileName,
@@ -862,6 +754,7 @@ var writeAnalyzeJSON = (fileName, result, ctx) => {
 
 // src/builder.ts
 init_esm_shims();
+import { getConfigDependencies } from "@pandacss/config";
 import { discardDuplicate, mergeCss as mergeCss2 } from "@pandacss/core";
 import { ConfigNotFoundError } from "@pandacss/error";
 import { logger as logger4 } from "@pandacss/logger";
@@ -872,6 +765,7 @@ import { resolve as resolve2 } from "path";
 // src/config.ts
 init_esm_shims();
 import { loadConfigFile } from "@pandacss/config";
+import { createDebugger, createHooks } from "hookable";
 import { lookItUpSync } from "look-it-up";
 
 // src/create-context.ts
@@ -883,18 +777,22 @@ import { Obj, pipe, tap } from "lil-fp";
 // src/chunk-engine.ts
 init_esm_shims();
 import { mergeCss } from "@pandacss/core";
-var getChunkEngine = ({ paths, config, runtime: { path: path3, fs: fs2 } }) => ({
-  dir: path3.join(...paths.chunk),
+var getChunkEngine = ({
+  paths,
+  config,
+  runtime: { path: path2, fs }
+}) => ({
+  dir: path2.join(...paths.chunk),
   readFile(file) {
-    const fileName = path3.join(...paths.chunk, this.format(file));
-    return fs2.existsSync(fileName) ? fs2.readFileSync(fileName) : "";
+    const fileName = path2.join(...paths.chunk, this.format(file));
+    return fs.existsSync(fileName) ? fs.readFileSync(fileName) : "";
   },
   getFiles() {
-    const files = fs2.existsSync(this.dir) ? fs2.readDirSync(this.dir) : [];
-    return files.map((file) => fs2.readFileSync(path3.join(this.dir, file)));
+    const files = fs.existsSync(this.dir) ? fs.readDirSync(this.dir) : [];
+    return files.map((file) => fs.readFileSync(path2.join(this.dir, file)));
   },
   format(file) {
-    return path3.relative(config.cwd, file).replaceAll(path3.sep, "__").replace(path3.extname(file), ".css");
+    return path2.relative(config.cwd, file).replaceAll(path2.sep, "__").replace(path2.extname(file), ".css");
   },
   getArtifact(file, css) {
     const fileName = this.format(file);
@@ -905,10 +803,10 @@ var getChunkEngine = ({ paths, config, runtime: { path: path3, fs: fs2 } }) => (
     };
   },
   rm(file) {
-    return fs2.rmFileSync(path3.join(...paths.chunk, this.format(file)));
+    return fs.rmFileSync(path2.join(...paths.chunk, this.format(file)));
   },
   empty() {
-    return fs2.rmDirSync(this.dir);
+    return fs.rmDirSync(this.dir);
   },
   get glob() {
     return [`${this.dir}/**/*.css`];
@@ -957,15 +855,19 @@ var nodeRuntime = {
     glob(opts) {
       if (!opts.include)
         return [];
-      return glob.sync(opts.include, { cwd: opts.cwd, ignore: opts.exclude, absolute: true });
+      const ignore = opts.exclude ?? [];
+      if (!ignore.length) {
+        ignore.push("**/*.d.ts");
+      }
+      return glob.sync(opts.include, { cwd: opts.cwd, ignore, absolute: true });
     },
     writeFile: writeFile2,
     writeFileSync,
     readDirSync: readdirSync,
     rmDirSync: emptyDirSync,
     rmFileSync: removeSync,
-    ensureDirSync(path3) {
-      return ensureDirSync(path3);
+    ensureDirSync(path2) {
+      return ensureDirSync(path2);
     },
     watch(options) {
       const { include, exclude, cwd, poll } = options;
@@ -996,20 +898,23 @@ process.on("uncaughtException", (reason) => {
 
 // src/output-engine.ts
 init_esm_shims();
-var getOutputEngine = ({ paths, runtime: { path: path3, fs: fs2 } }) => ({
+var getOutputEngine = ({
+  paths,
+  runtime: { path: path2, fs }
+}) => ({
   empty() {
-    fs2.rmDirSync(path3.join(...paths.root));
+    fs.rmDirSync(path2.join(...paths.root));
   },
   async write(output) {
     if (!output)
       return;
     const { dir = paths.root, files } = output;
-    fs2.ensureDirSync(path3.join(...dir));
+    fs.ensureDirSync(path2.join(...dir));
     return Promise.all(
       files.map(async ({ file, code }) => {
-        const absPath = path3.join(...dir, file);
+        const absPath = path2.join(...dir, file);
         if (code) {
-          return fs2.writeFile(absPath, code);
+          return fs.writeFile(absPath, code);
         }
       })
     );
@@ -1020,18 +925,19 @@ var getOutputEngine = ({ paths, runtime: { path: path3, fs: fs2 } }) => ({
 var createContext = (conf) => pipe(
   conf,
   createGenerator,
-  Obj.assign({ runtime: nodeRuntime }),
+  Obj.assign({ runtime: nodeRuntime, hooks: conf.hooks }),
   tap(({ config, runtime }) => {
     config.cwd ||= runtime.cwd();
   }),
-  Obj.bind("getFiles", ({ config, runtime: { fs: fs2 } }) => () => {
+  Obj.bind("getFiles", ({ config, runtime: { fs } }) => () => {
     const { include, exclude, cwd } = config;
-    return fs2.glob({ include, exclude, cwd });
+    return fs.glob({ include, exclude, cwd });
   }),
-  Obj.bind("project", ({ getFiles, runtime: { fs: fs2 }, parserOptions }) => {
+  Obj.bind("project", ({ getFiles, runtime: { fs }, parserOptions }) => {
     return createProject({
       getFiles,
-      readFile: fs2.readFileSync,
+      readFile: fs.readFileSync,
+      hooks: conf.hooks,
       parserOptions
     });
   }),
@@ -1050,6 +956,7 @@ function findConfig() {
   }
 }
 async function loadConfigAndCreateContext(options = {}) {
+  const hooks = createHooks();
   const { cwd = process.cwd(), config, configPath } = options;
   const conf = await loadConfigFile({ cwd, file: configPath });
   if (config) {
@@ -1058,7 +965,15 @@ async function loadConfigAndCreateContext(options = {}) {
   if (options.cwd) {
     conf.config.cwd = options.cwd;
   }
-  return createContext(conf);
+  conf.config.outdir ??= "styled-system";
+  if (conf.config.hooks) {
+    hooks.addHooks(conf.config.hooks);
+  }
+  await hooks.callHook("config:resolved", conf);
+  if (conf.config.logLevel === "debug") {
+    createDebugger(hooks, { tag: "panda" });
+  }
+  return createContext({ ...conf, hooks });
 }
 
 // src/extract.ts
@@ -1076,7 +991,7 @@ import process3 from "node:process";
 // ../../node_modules/.pnpm/string-width@5.1.2/node_modules/string-width/index.js
 init_esm_shims();
 
-// ../../node_modules/.pnpm/strip-ansi@7.0.1/node_modules/strip-ansi/index.js
+// ../../node_modules/.pnpm/strip-ansi@7.1.0/node_modules/strip-ansi/index.js
 init_esm_shims();
 
 // ../../node_modules/.pnpm/ansi-regex@6.0.1/node_modules/ansi-regex/index.js
@@ -1089,12 +1004,13 @@ function ansiRegex({ onlyFirst = false } = {}) {
   return new RegExp(pattern, onlyFirst ? void 0 : "g");
 }
 
-// ../../node_modules/.pnpm/strip-ansi@7.0.1/node_modules/strip-ansi/index.js
+// ../../node_modules/.pnpm/strip-ansi@7.1.0/node_modules/strip-ansi/index.js
+var regex = ansiRegex();
 function stripAnsi(string) {
   if (typeof string !== "string") {
     throw new TypeError(`Expected a \`string\`, got \`${typeof string}\``);
   }
-  return string.replace(ansiRegex(), "");
+  return string.replace(regex, "");
 }
 
 // ../../node_modules/.pnpm/string-width@5.1.2/node_modules/string-width/index.js
@@ -1736,70 +1652,78 @@ var import_ansi_align = __toESM(require_ansi_align(), 1);
 // ../../node_modules/.pnpm/wrap-ansi@8.1.0/node_modules/wrap-ansi/index.js
 init_esm_shims();
 
-// ../../node_modules/.pnpm/ansi-styles@6.1.1/node_modules/ansi-styles/index.js
+// ../../node_modules/.pnpm/ansi-styles@6.2.1/node_modules/ansi-styles/index.js
 init_esm_shims();
 var ANSI_BACKGROUND_OFFSET2 = 10;
 var wrapAnsi162 = (offset = 0) => (code) => `\x1B[${code + offset}m`;
 var wrapAnsi2562 = (offset = 0) => (code) => `\x1B[${38 + offset};5;${code}m`;
 var wrapAnsi16m2 = (offset = 0) => (red, green, blue) => `\x1B[${38 + offset};2;${red};${green};${blue}m`;
+var styles3 = {
+  modifier: {
+    reset: [0, 0],
+    // 21 isn't widely supported and 22 does the same thing
+    bold: [1, 22],
+    dim: [2, 22],
+    italic: [3, 23],
+    underline: [4, 24],
+    overline: [53, 55],
+    inverse: [7, 27],
+    hidden: [8, 28],
+    strikethrough: [9, 29]
+  },
+  color: {
+    black: [30, 39],
+    red: [31, 39],
+    green: [32, 39],
+    yellow: [33, 39],
+    blue: [34, 39],
+    magenta: [35, 39],
+    cyan: [36, 39],
+    white: [37, 39],
+    // Bright color
+    blackBright: [90, 39],
+    gray: [90, 39],
+    // Alias of `blackBright`
+    grey: [90, 39],
+    // Alias of `blackBright`
+    redBright: [91, 39],
+    greenBright: [92, 39],
+    yellowBright: [93, 39],
+    blueBright: [94, 39],
+    magentaBright: [95, 39],
+    cyanBright: [96, 39],
+    whiteBright: [97, 39]
+  },
+  bgColor: {
+    bgBlack: [40, 49],
+    bgRed: [41, 49],
+    bgGreen: [42, 49],
+    bgYellow: [43, 49],
+    bgBlue: [44, 49],
+    bgMagenta: [45, 49],
+    bgCyan: [46, 49],
+    bgWhite: [47, 49],
+    // Bright color
+    bgBlackBright: [100, 49],
+    bgGray: [100, 49],
+    // Alias of `bgBlackBright`
+    bgGrey: [100, 49],
+    // Alias of `bgBlackBright`
+    bgRedBright: [101, 49],
+    bgGreenBright: [102, 49],
+    bgYellowBright: [103, 49],
+    bgBlueBright: [104, 49],
+    bgMagentaBright: [105, 49],
+    bgCyanBright: [106, 49],
+    bgWhiteBright: [107, 49]
+  }
+};
+var modifierNames2 = Object.keys(styles3.modifier);
+var foregroundColorNames2 = Object.keys(styles3.color);
+var backgroundColorNames2 = Object.keys(styles3.bgColor);
+var colorNames2 = [...foregroundColorNames2, ...backgroundColorNames2];
 function assembleStyles2() {
   const codes = /* @__PURE__ */ new Map();
-  const styles3 = {
-    modifier: {
-      reset: [0, 0],
-      // 21 isn't widely supported and 22 does the same thing
-      bold: [1, 22],
-      dim: [2, 22],
-      italic: [3, 23],
-      underline: [4, 24],
-      overline: [53, 55],
-      inverse: [7, 27],
-      hidden: [8, 28],
-      strikethrough: [9, 29]
-    },
-    color: {
-      black: [30, 39],
-      red: [31, 39],
-      green: [32, 39],
-      yellow: [33, 39],
-      blue: [34, 39],
-      magenta: [35, 39],
-      cyan: [36, 39],
-      white: [37, 39],
-      // Bright color
-      blackBright: [90, 39],
-      redBright: [91, 39],
-      greenBright: [92, 39],
-      yellowBright: [93, 39],
-      blueBright: [94, 39],
-      magentaBright: [95, 39],
-      cyanBright: [96, 39],
-      whiteBright: [97, 39]
-    },
-    bgColor: {
-      bgBlack: [40, 49],
-      bgRed: [41, 49],
-      bgGreen: [42, 49],
-      bgYellow: [43, 49],
-      bgBlue: [44, 49],
-      bgMagenta: [45, 49],
-      bgCyan: [46, 49],
-      bgWhite: [47, 49],
-      // Bright color
-      bgBlackBright: [100, 49],
-      bgRedBright: [101, 49],
-      bgGreenBright: [102, 49],
-      bgYellowBright: [103, 49],
-      bgBlueBright: [104, 49],
-      bgMagentaBright: [105, 49],
-      bgCyanBright: [106, 49],
-      bgWhiteBright: [107, 49]
-    }
-  };
-  styles3.color.gray = styles3.color.blackBright;
-  styles3.bgColor.bgGray = styles3.bgColor.bgBlackBright;
-  styles3.color.grey = styles3.color.blackBright;
-  styles3.bgColor.bgGrey = styles3.bgColor.bgBlackBright;
   for (const [groupName, group] of Object.entries(styles3)) {
     for (const [styleName, style] of Object.entries(group)) {
       styles3[styleName] = {
@@ -2364,8 +2288,8 @@ async function bundleChunks(ctx) {
   });
 }
 async function writeFileChunk(ctx, file) {
-  const { path: path3 } = ctx.runtime;
-  logger3.debug("chunk:write", `File: ${path3.relative(ctx.config.cwd, file)}`);
+  const { path: path2 } = ctx.runtime;
+  logger3.debug("chunk:write", `File: ${path2.relative(ctx.config.cwd, file)}`);
   const css = extractFile(ctx, file);
   if (!css)
     return;
@@ -2374,11 +2298,11 @@ async function writeFileChunk(ctx, file) {
 }
 function extractFile(ctx, file) {
   const {
-    runtime: { path: path3 },
+    runtime: { path: path2 },
     config: { cwd }
   } = ctx;
   return pipe2(
-    { file: path3.abs(cwd, file) },
+    { file: path2.abs(cwd, file) },
     tap2(() => logger3.debug("file:extract", file)),
     Obj2.bind("measure", () => logger3.time.debug(`Extracted ${file}`)),
     Obj2.bind(
@@ -2420,58 +2344,6 @@ async function extractCss(ctx) {
   return ctx.messages.buildComplete(ctx.getFiles().length);
 }
 
-// src/get-mod-deps.ts
-init_esm_shims();
-import fs from "fs";
-import path from "path";
-var jsExtensions = [".js", ".cjs", ".mjs"];
-var jsResolutionOrder = ["", ".js", ".cjs", ".mjs", ".ts", ".cts", ".mts", ".jsx", ".tsx"];
-var tsResolutionOrder = ["", ".ts", ".cts", ".mts", ".tsx", ".js", ".cjs", ".mjs", ".jsx"];
-function resolveWithExtension(file, extensions) {
-  for (const ext of extensions) {
-    const full = `${file}${ext}`;
-    if (fs.existsSync(full) && fs.statSync(full).isFile()) {
-      return full;
-    }
-  }
-  for (const ext of extensions) {
-    const full = `${file}/index${ext}`;
-    if (fs.existsSync(full)) {
-      return full;
-    }
-  }
-  return null;
-}
-function* getDeps(filename, base, seen, ext = path.extname(filename)) {
-  const absoluteFile = resolveWithExtension(
-    path.resolve(base, filename),
-    jsExtensions.includes(ext) ? jsResolutionOrder : tsResolutionOrder
-  );
-  if (absoluteFile === null)
-    return;
-  if (seen.has(absoluteFile))
-    return;
-  seen.add(absoluteFile);
-  yield absoluteFile;
-  base = path.dirname(absoluteFile);
-  ext = path.extname(absoluteFile);
-  const contents = fs.readFileSync(absoluteFile, "utf-8");
-  for (const match2 of [
-    ...contents.matchAll(/import[\s\S]*?['"](.{3,}?)['"]/gi),
-    ...contents.matchAll(/import[\s\S]*from[\s\S]*?['"](.{3,}?)['"]/gi),
-    ...contents.matchAll(/require\(['"`](.+)['"`]\)/gi)
-  ]) {
-    if (!match2[1].startsWith("."))
-      continue;
-    yield* getDeps(match2[1], base, seen, ext);
-  }
-}
-function getModuleDependencies(filePath) {
-  if (filePath === null)
-    return /* @__PURE__ */ new Set();
-  return new Set(getDeps(filePath, path.dirname(filePath), /* @__PURE__ */ new Set()));
-}
-
 // src/parse-dependency.ts
 init_esm_shims();
 import isGlob from "is-glob";
@@ -2548,7 +2420,7 @@ var Builder = class {
       delete __require.cache[file];
     }
     if (setupCount > 0) {
-      logger4.info("postcss", "\u2699\uFE0F Config changed, reloading");
+      logger4.debug("builder", "\u2699\uFE0F Config changed, reloading");
     }
     return { isModified: true, modifiedMap: newModified };
   }
@@ -2559,15 +2431,18 @@ var Builder = class {
     }
     return configPath;
   }
-  async setup() {
-    const configPath = this.getConfigPath();
-    const configDeps = getModuleDependencies(configPath);
+  async setup(options = {}) {
+    logger4.debug("builder", "\u{1F6A7} Setup");
+    const configPath = options.configPath ?? this.getConfigPath();
+    const { deps: configDeps } = getConfigDependencies(configPath);
     const deps = this.checkConfigDeps(configPath, configDeps);
     if (deps.isModified) {
-      return this.setupContext({
+      await this.setupContext({
         configPath,
         depsModifiedMap: deps.modifiedMap
       });
+      const updatedCtx = this.context;
+      await updatedCtx.hooks.callHook("config:change", updatedCtx.config);
     }
     const cache = configCache.get(configPath);
     if (cache) {
@@ -2589,7 +2464,7 @@ var Builder = class {
     }
     configCache.set(configPath, {
       context: this.context,
-      deps: new Set(this.context.configDependencies),
+      deps: new Set(this.context.dependencies ?? []),
       depsModifiedMap
     });
     contentFilesCache.set(this.context, {
@@ -2674,17 +2549,18 @@ var Builder = class {
 // src/debug-files.ts
 init_esm_shims();
 import { colors, logger as logger5 } from "@pandacss/logger";
-import { mkdir, writeFile as writeFile3 } from "fs/promises";
-import * as path2 from "path";
+import * as nodePath from "path";
 async function debugFiles(ctx, options) {
   const files = ctx.getFiles();
   const measureTotal = logger5.time.debug(`Done parsing ${files.length} files`);
   ctx.config.minify = false;
   ctx.config.optimize = true;
-  if (!options.dry && options.outdir) {
-    await mkdir(options.outdir, { recursive: true });
-    logger5.info("cli", `Writing ${colors.bold(`${options.outdir}/config.json`)}`);
-    await writeFile3(`${options.outdir}/config.json`, JSON.stringify(ctx.config, null, 2));
+  const { fs, path: path2 } = ctx.runtime;
+  const outdir = options.outdir;
+  if (!options.dry && outdir) {
+    fs.ensureDirSync(outdir);
+    logger5.info("cli", `Writing ${colors.bold(`${outdir}/config.json`)}`);
+    await fs.writeFile(`${outdir}/config.json`, JSON.stringify(ctx.config, null, 2));
   }
   const filesWithCss = [];
   await Promise.all(
@@ -2694,18 +2570,7 @@ async function debugFiles(ctx, options) {
       measure();
       if (!result)
         return;
-      const list = result.getAll().map((result2) => {
-        const node = result2.box.getNode();
-        const range = getNodeRange(node);
-        return {
-          name: result2.name,
-          type: result2.type,
-          data: result2.data,
-          kind: node.getKindName(),
-          line: range.startLineNumber,
-          column: range.startColumn
-        };
-      });
+      const list = result.toArray().map((resultItem) => resultItem.box?.toJSON?.() ?? resultItem);
       const css = ctx.getParserCss(result);
       if (!css)
         return;
@@ -2713,17 +2578,17 @@ async function debugFiles(ctx, options) {
         console.log({ path: file, ast: list, code: css });
         return Promise.resolve();
       }
-      if (options.outdir) {
+      if (outdir) {
         filesWithCss.push(file);
-        const parsedPath = path2.parse(file);
+        const parsedPath = nodePath.parse(file);
         const relative3 = path2.relative(ctx.config.cwd, parsedPath.dir);
         const astJsonPath = `${relative3}/${parsedPath.name}.ast.json`.replaceAll(path2.sep, "__");
         const cssPath = `${relative3}/${parsedPath.name}.css`.replaceAll(path2.sep, "__");
-        logger5.info("cli", `Writing ${colors.bold(`${options.outdir}/${astJsonPath}`)}`);
-        logger5.info("cli", `Writing ${colors.bold(`${options.outdir}/${cssPath}`)}`);
+        logger5.info("cli", `Writing ${colors.bold(`${outdir}/${astJsonPath}`)}`);
+        logger5.info("cli", `Writing ${colors.bold(`${outdir}/${cssPath}`)}`);
         return Promise.all([
-          writeFile3(`${options.outdir}/${astJsonPath}`, JSON.stringify(list, debugResultSerializer, 2)),
-          writeFile3(`${options.outdir}/${cssPath}`, css)
+          fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(list, debugResultSerializer, 2)),
+          fs.writeFile(`${outdir}/${cssPath}`, css)
         ]);
       }
     })
@@ -2786,22 +2651,23 @@ async function generate(config, configPath) {
   const ctx = ctxRef.current;
   await build(ctx);
   const {
-    runtime: { fs: fs2, path: path3 },
+    runtime: { fs, path: path2 },
     dependencies,
     config: { cwd }
   } = ctx;
   if (ctx.config.watch) {
-    const configWatcher = fs2.watch({ include: dependencies });
+    const configWatcher = fs.watch({ include: dependencies });
     configWatcher.on("change", async () => {
       logger7.info("config:change", "Config changed, restarting...");
       await loadCtx();
+      await ctxRef.current.hooks.callHook("config:change", ctxRef.current.config);
       return build(ctxRef.current);
     });
-    const contentWatcher = fs2.watch(ctx.config);
+    const contentWatcher = fs.watch(ctx.config);
     contentWatcher.on("all", async (event, file) => {
       logger7.info(`file:${event}`, file);
       match(event).with("unlink", () => {
-        ctx.project.removeSourceFile(path3.abs(cwd, file));
+        ctx.project.removeSourceFile(path2.abs(cwd, file));
         ctx.chunks.rm(file);
       }).with("change", async () => {
         ctx.project.reloadSourceFile(file);
@@ -2822,12 +2688,15 @@ init_esm_shims();
 import { appendFileSync, readFileSync as readFileSync2, writeFileSync as writeFileSync2 } from "fs";
 import { lookItUpSync as lookItUpSync2 } from "look-it-up";
 import outdent from "outdent";
-function setupGitIgnore({ config: { outdir, gitignore = true } }) {
+function setupGitIgnore(ctx) {
+  const { outdir, gitignore } = ctx.config;
   if (!gitignore)
     return;
-  const txt = outdent`## Panda
+  const txt = outdent`
+  
+  ## Panda
   ${outdir}
-  ${outdir}-static
+  ${ctx.studio.outdir}
   `;
   const file = lookItUpSync2(".gitignore");
   if (!file) {
@@ -2843,12 +2712,13 @@ function setupGitIgnore({ config: { outdir, gitignore = true } }) {
 init_esm_shims();
 import { logger as logger8, quote } from "@pandacss/logger";
 import { messages } from "@pandacss/generator";
-import { writeFile as writeFile4 } from "fs-extra";
+import { writeFile as writeFile3 } from "fs-extra";
 import { lookItUpSync as lookItUpSync3 } from "look-it-up";
 import { outdent as outdent2 } from "outdent";
 import { join as join2 } from "path";
 import getPackageManager2 from "preferred-pm";
-async function setupConfig(cwd, { force }) {
+async function setupConfig(cwd, opts = {}) {
+  const { force, outExtension, jsxFramework } = opts;
   const configFile = findConfig();
   const pmResult = await getPackageManager2(cwd);
   const pm = pmResult?.name ?? "npm";
@@ -2860,36 +2730,74 @@ async function setupConfig(cwd, { force }) {
     logger8.warn("init:config", messages.configExists(cmd));
   } else {
     const content = outdent2`
-       import { defineConfig } from "@pandacss/dev"
+import { defineConfig } from "@pandacss/dev"
+
+export default defineConfig({
+    // Whether to use css reset
+    preflight: true,
+    ${outExtension ? `
+ // The extension for the emitted JavaScript files
+outExtension: '${outExtension}',` : ""}
+    // Where to look for your css declarations
+    include: ["./src/**/*.{js,jsx,ts,tsx}", "./pages/**/*.{js,jsx,ts,tsx}"],
+
+    // Files to exclude
+    exclude: [],
 
-       export default defineConfig({
-        // Whether to use css reset
-        preflight: true,
-        
-        // Where to look for your css declarations
-        include: ["./src/**/*.{js,jsx,ts,tsx}", "./pages/**/*.{js,jsx,ts,tsx}"],
-        
-        // Files to exclude
-        exclude: [],
-        
-        // The output directory for your css system
-        outdir: "styled-system",
-       })
+    // Useful for theme customization
+    theme: {
+      extend: {}
+    },
+
+    // The output directory for your css system
+    outdir: "styled-system",
+    ${jsxFramework ? `
+ // The JSX framework to use
+jsxFramework: '${jsxFramework}'` : ""}
+})
     `;
-    await writeFile4(join2(cwd, file), content);
+    await writeFile3(join2(cwd, file), content);
     logger8.log(messages.thankYou());
   }
 }
 async function setupPostcss(cwd) {
   logger8.info("init:postcss", `creating postcss config file: ${quote("postcss.config.cjs")}`);
   const content = outdent2`
-  module.exports = {
-    plugins: {
-      '@pandacss/dev/postcss': {},
-    },
-  }
+module.exports = {
+  plugins: {
+    '@pandacss/dev/postcss': {},
+  },
+}
   `;
-  await writeFile4(join2(cwd, "postcss.config.cjs"), content);
+  await writeFile3(join2(cwd, "postcss.config.cjs"), content);
+}
+
+// src/ship-files.ts
+init_esm_shims();
+import { colors as colors2, logger as logger9 } from "@pandacss/logger";
+import { createParserResult } from "@pandacss/parser";
+import { writeFile as writeFile4 } from "fs/promises";
+import * as path from "path";
+async function shipFiles(ctx, outfile) {
+  const files = ctx.getFiles();
+  const extractResult = createParserResult();
+  const filesWithCss = [];
+  files.forEach(async (file) => {
+    const result = ctx.project.parseSourceFile(file);
+    if (!result || result.isEmpty())
+      return;
+    const css = ctx.getParserCss(result);
+    if (!css)
+      return;
+    extractResult.merge(result);
+    filesWithCss.push(path.relative(ctx.config.cwd, file));
+  });
+  logger9.info("cli", `Found ${colors2.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  const minify = ctx.config.minify;
+  logger9.info("cli", `Writing ${minify ? "[min] " : " "}${colors2.bold(outfile)}`);
+  const output = JSON.stringify(extractResult.toJSON(), null, minify ? 0 : 2);
+  await writeFile4(outfile, output);
+  logger9.info("cli", "Done!");
 }
 export {
   Builder,
@@ -2901,10 +2809,14 @@ export {
   emitArtifacts,
   execCommand,
   extractCss,
+  extractFile,
+  findConfig,
   generate,
   loadConfigAndCreateContext,
+  parseDependency,
   setupConfig,
   setupGitIgnore,
   setupPostcss,
+  shipFiles,
   writeAnalyzeJSON
 };