@pandacss/node 0.21.0 → 0.22.0

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@7.1.0_typescript@5.2.2/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@7.1.0_typescript@5.3.3/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@7.1.0_typescript@5.2.2/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@7.1.0_typescript@5.3.3/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -406,23 +406,19 @@ __export(src_exports, {
   Builder: () => Builder,
   PandaContext: () => PandaContext,
   analyzeTokens: () => analyzeTokens,
-  bundleCss: () => bundleCss,
-  bundleMinimalFilesCss: () => bundleMinimalFilesCss,
   debugFiles: () => debugFiles,
   emitArtifacts: () => emitArtifacts,
   execCommand: () => execCommand,
   extractFile: () => extractFile,
   findConfig: () => findConfig,
   generate: () => generate,
-  generateCssArtifactOfType: () => generateCssArtifactOfType,
   loadConfigAndCreateContext: () => loadConfigAndCreateContext,
   parseDependency: () => parseDependency,
   setupConfig: () => setupConfig,
   setupGitIgnore: () => setupGitIgnore,
   setupPostcss: () => setupPostcss,
   shipFiles: () => shipFiles,
-  writeAnalyzeJSON: () => writeAnalyzeJSON,
-  writeAndBundleCssChunks: () => writeAndBundleCssChunks
+  writeAnalyzeJSON: () => writeAnalyzeJSON
 });
 module.exports = __toCommonJS(src_exports);
 init_cjs_shims();
@@ -716,12 +712,10 @@ function analyzeTokens(ctx, options = {}) {
   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`);
   const minify = ctx.config.minify;
-  const chunkFiles = ctx.chunks.getFiles();
   ctx.config.optimize = true;
   ctx.config.minify = false;
-  const css2 = ctx.getCss({ files: chunkFiles });
-  ctx.config.minify = true;
-  const minifiedCss = ctx.getCss({ files: chunkFiles });
+  const css2 = "";
+  const minifiedCss = "";
   ctx.config.minify = minify;
   const start = performance.now();
   const analysis = classifyTokens(ctx, filesMap);
@@ -780,7 +774,7 @@ var writeAnalyzeJSON = (filePath, result, ctx) => {
 
 // src/builder.ts
 init_cjs_shims();
-var import_core3 = require("@pandacss/core");
+var import_core = require("@pandacss/core");
 var import_error = require("@pandacss/error");
 var import_logger6 = require("@pandacss/logger");
 var import_fs = require("fs");
@@ -894,7 +888,7 @@ function pLimit(concurrency) {
 }
 
 // src/builder.ts
-var import_pathe2 = require("pathe");
+var import_pathe3 = require("pathe");
 
 // src/config.ts
 init_cjs_shims();
@@ -909,153 +903,6 @@ var import_generator2 = require("@pandacss/generator");
 var import_logger4 = require("@pandacss/logger");
 var import_parser = require("@pandacss/parser");
 
-// src/chunk-engine.ts
-init_cjs_shims();
-var import_core = require("@pandacss/core");
-var getChunkEngine = ({
-  paths,
-  config,
-  runtime: { path: path2, fs }
-}) => ({
-  dir: path2.join(...paths.chunk),
-  readFile(file) {
-    const fileName = path2.join(...paths.chunk, this.format(file));
-    return fs.existsSync(fileName) ? fs.readFileSync(fileName) : "";
-  },
-  getFiles() {
-    const files = fs.existsSync(this.dir) ? fs.readDirSync(this.dir) : [];
-    return files.map((file) => fs.readFileSync(path2.join(this.dir, file)));
-  },
-  format(file) {
-    return path2.relative(config.cwd, file).replaceAll(path2.sep, "__").replace(path2.extname(file), ".css");
-  },
-  getArtifact(file, css2) {
-    const fileName = this.format(file);
-    const newCss = (0, import_core.mergeCss)(this.readFile(file), css2);
-    return {
-      id: fileName,
-      dir: paths.chunk,
-      files: [{ file: fileName, code: newCss }]
-    };
-  },
-  rm(file) {
-    return fs.rmFileSync(path2.join(...paths.chunk, this.format(file)));
-  },
-  empty() {
-    return fs.rmDirSync(this.dir);
-  },
-  get glob() {
-    return [`${this.dir}/**/*.css`];
-  }
-});
-
-// src/node-runtime.ts
-init_cjs_shims();
-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"));
-var import_pathe = require("pathe");
-var nodeRuntime = {
-  cwd() {
-    return process.cwd();
-  },
-  env(name) {
-    return process.env[name];
-  },
-  path: {
-    join: import_pathe.join,
-    relative: import_pathe.relative,
-    dirname: import_pathe.dirname,
-    extname: import_pathe.extname,
-    isAbsolute: import_pathe.isAbsolute,
-    sep: import_pathe.sep,
-    abs(cwd, str) {
-      return (0, import_pathe.isAbsolute)(str) ? str : (0, import_pathe.join)(cwd, str);
-    }
-  },
-  fs: {
-    existsSync: import_fs_extra.default.existsSync,
-    readFileSync(filePath) {
-      return import_fs_extra.default.readFileSync(filePath, "utf8");
-    },
-    glob(opts) {
-      if (!opts.include)
-        return [];
-      const ignore = opts.exclude ?? [];
-      if (!ignore.length) {
-        ignore.push("**/*.d.ts");
-      }
-      return import_fast_glob.default.sync(opts.include, { cwd: opts.cwd, ignore, absolute: true });
-    },
-    writeFile: import_fs_extra.default.writeFile,
-    writeFileSync: import_fs_extra.default.writeFileSync,
-    readDirSync: import_fs_extra.default.readdirSync,
-    rmDirSync: import_fs_extra.default.emptyDirSync,
-    rmFileSync: import_fs_extra.default.removeSync,
-    ensureDirSync(path2) {
-      return import_fs_extra.default.ensureDirSync(path2);
-    },
-    watch(options) {
-      const { include, exclude, cwd, poll } = options;
-      const coalesce = poll || process.platform === "win32";
-      const watcher = import_chokidar.default.watch(include, {
-        usePolling: poll,
-        cwd,
-        ignoreInitial: true,
-        ignorePermissionErrors: true,
-        ignored: exclude,
-        awaitWriteFinish: coalesce ? { stabilityThreshold: 50, pollInterval: 10 } : false
-      });
-      import_logger2.logger.debug("watch:file", `watching [${include}]`);
-      process.once("SIGINT", async () => {
-        await watcher.close();
-      });
-      return watcher;
-    }
-  }
-};
-process.setMaxListeners(Infinity);
-process.on("unhandledRejection", (reason) => {
-  import_logger2.logger.error("\u274C", reason);
-});
-process.on("uncaughtException", (reason) => {
-  import_logger2.logger.error("\u274C", reason);
-});
-
-// src/output-engine.ts
-init_cjs_shims();
-var import_logger3 = require("@pandacss/logger");
-var PandaOutputEngine = class {
-  paths;
-  fs;
-  path;
-  constructor({ paths, runtime: { path: path2, fs } }) {
-    this.paths = paths;
-    this.fs = fs;
-    this.path = path2;
-  }
-  empty() {
-    this.fs.rmDirSync(this.path.join(...this.paths.root));
-  }
-  async write(output) {
-    if (!output)
-      return;
-    const { dir = this.paths.root, files } = output;
-    this.fs.ensureDirSync(this.path.join(...dir));
-    return Promise.allSettled(
-      files.map(async (artifact) => {
-        if (!artifact?.code)
-          return;
-        const { file, code } = artifact;
-        const absPath = this.path.join(...dir, file);
-        import_logger3.logger.debug("write:file", dir.slice(-1).concat(file).join("/"));
-        return this.fs.writeFile(absPath, code);
-      })
-    );
-  }
-};
-
 // src/diff-engine.ts
 init_cjs_shims();
 var import_config = require("@pandacss/config");
@@ -1190,12 +1037,118 @@ var DiffEngine = class {
   }
 };
 
+// src/node-runtime.ts
+init_cjs_shims();
+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"));
+var import_pathe = require("pathe");
+var nodeRuntime = {
+  cwd() {
+    return process.cwd();
+  },
+  env(name) {
+    return process.env[name];
+  },
+  path: {
+    join: import_pathe.join,
+    relative: import_pathe.relative,
+    dirname: import_pathe.dirname,
+    extname: import_pathe.extname,
+    isAbsolute: import_pathe.isAbsolute,
+    sep: import_pathe.sep,
+    abs(cwd, str) {
+      return (0, import_pathe.isAbsolute)(str) ? str : (0, import_pathe.join)(cwd, str);
+    }
+  },
+  fs: {
+    existsSync: import_fs_extra.default.existsSync,
+    readFileSync(filePath) {
+      return import_fs_extra.default.readFileSync(filePath, "utf8");
+    },
+    glob(opts) {
+      if (!opts.include)
+        return [];
+      const ignore = opts.exclude ?? [];
+      if (!ignore.length) {
+        ignore.push("**/*.d.ts");
+      }
+      return import_fast_glob.default.sync(opts.include, { cwd: opts.cwd, ignore, absolute: true });
+    },
+    writeFile: import_fs_extra.default.writeFile,
+    writeFileSync: import_fs_extra.default.writeFileSync,
+    readDirSync: import_fs_extra.default.readdirSync,
+    rmDirSync: import_fs_extra.default.emptyDirSync,
+    rmFileSync: import_fs_extra.default.removeSync,
+    ensureDirSync(path2) {
+      return import_fs_extra.default.ensureDirSync(path2);
+    },
+    watch(options) {
+      const { include, exclude, cwd, poll } = options;
+      const coalesce = poll || process.platform === "win32";
+      const watcher = import_chokidar.default.watch(include, {
+        usePolling: poll,
+        cwd,
+        ignoreInitial: true,
+        ignorePermissionErrors: true,
+        ignored: exclude,
+        awaitWriteFinish: coalesce ? { stabilityThreshold: 50, pollInterval: 10 } : false
+      });
+      import_logger2.logger.debug("watch:file", `watching [${include}]`);
+      process.once("SIGINT", async () => {
+        await watcher.close();
+      });
+      return watcher;
+    }
+  }
+};
+process.setMaxListeners(Infinity);
+process.on("unhandledRejection", (reason) => {
+  import_logger2.logger.error("\u274C", reason);
+});
+process.on("uncaughtException", (reason) => {
+  import_logger2.logger.error("\u274C", reason);
+});
+
+// src/output-engine.ts
+init_cjs_shims();
+var import_logger3 = require("@pandacss/logger");
+var PandaOutputEngine = class {
+  paths;
+  fs;
+  path;
+  constructor({ paths, runtime: { path: path2, fs } }) {
+    this.paths = paths;
+    this.fs = fs;
+    this.path = path2;
+  }
+  empty() {
+    this.fs.rmDirSync(this.path.join(...this.paths.root));
+  }
+  async write(output) {
+    if (!output)
+      return;
+    const { dir = this.paths.root, files } = output;
+    this.fs.ensureDirSync(this.path.join(...dir));
+    return Promise.allSettled(
+      files.map(async (artifact) => {
+        if (!artifact?.code)
+          return;
+        const { file, code } = artifact;
+        const absPath = this.path.join(...dir, file);
+        import_logger3.logger.debug("write:file", dir.slice(-1).concat(file).join("/"));
+        return this.fs.writeFile(absPath, code);
+      })
+    );
+  }
+};
+
 // src/create-context.ts
 var PandaContext = class extends import_generator2.Generator {
   runtime;
   project;
   getFiles;
-  chunks;
   output;
   diff;
   constructor(conf) {
@@ -1215,10 +1168,37 @@ var PandaContext = class extends import_generator2.Generator {
       hooks: conf.hooks,
       parserOptions: { join: this.runtime.path.join, ...this.parserOptions }
     });
-    this.chunks = getChunkEngine(this);
     this.output = new PandaOutputEngine(this);
     this.diff = new DiffEngine(this);
   }
+  appendFilesCss() {
+    const files = this.getFiles();
+    const filesWithCss = [];
+    const mergedResult = (0, import_parser.createParserResult)();
+    files.forEach((file) => {
+      const measure = import_logger4.logger.time.debug(`Parsed ${file}`);
+      const result = this.project.parseSourceFile(file);
+      measure();
+      if (!result)
+        return;
+      mergedResult.merge(result);
+      filesWithCss.push(file);
+    });
+    this.appendParserCss(mergedResult);
+    return filesWithCss;
+  }
+  appendAllCss() {
+    this.appendLayerParams();
+    this.appendBaselineCss();
+    this.appendFilesCss();
+  }
+  async writeCss() {
+    return this.output.write({
+      id: "styles.css",
+      dir: this.paths.root,
+      files: [{ file: "styles.css", code: this.getCss() }]
+    });
+  }
 };
 
 // src/config.ts
@@ -1243,6 +1223,7 @@ async function loadConfigAndCreateContext(options = {}) {
   }
   const tsconfigResult = await (0, import_tsconfck.parse)(conf.path, {
     root: cwd,
+    // @ts-ignore
     resolveWithEmptyIfConfigNotFound: true
   });
   if (tsconfigResult) {
@@ -1269,14 +1250,8 @@ async function loadConfigAndCreateContext(options = {}) {
   return new PandaContext({ ...conf, hooks });
 }
 
-// src/extract.ts
+// src/emit-artifact.ts
 init_cjs_shims();
-var import_core2 = require("@pandacss/core");
-var import_logger5 = require("@pandacss/logger");
-var import_parser2 = require("@pandacss/parser");
-var import_promises2 = require("fs/promises");
-var import_lil_fp = require("lil-fp");
-var import_ts_pattern = require("ts-pattern");
 
 // src/cli-box.ts
 init_cjs_shims();
@@ -2590,50 +2565,7 @@ var createBox = (options) => boxen(options.content, {
   titleAlignment: "center"
 });
 
-// src/extract.ts
-async function bundleStyleChunksWithImports(ctx) {
-  const files = ctx.chunks.getFiles();
-  await ctx.output.write({
-    id: "styles.css",
-    dir: ctx.paths.root,
-    files: [{ file: "styles.css", code: ctx.getCss({ files }) }]
-  });
-  return { files, msg: ctx.messages.buildComplete(files.length) };
-}
-async function writeFileChunk(ctx, file) {
-  const { path: path2 } = ctx.runtime;
-  import_logger5.logger.debug("chunk:write", `File: ${path2.relative(ctx.config.cwd, file)}`);
-  const css2 = extractFile(ctx, file);
-  if (!css2)
-    return;
-  const artifact = ctx.chunks.getArtifact(file, css2);
-  return ctx.output.write(artifact);
-}
-function extractFile(ctx, file) {
-  const {
-    runtime: { path: path2 },
-    config: { cwd }
-  } = ctx;
-  return (0, import_lil_fp.pipe)(
-    { file: path2.abs(cwd, file) },
-    (0, import_lil_fp.tap)(() => import_logger5.logger.debug("file:extract", file)),
-    import_lil_fp.Obj.bind("measure", () => import_logger5.logger.time.debug(`Extracted ${file}`)),
-    import_lil_fp.Obj.bind(
-      "result",
-      (0, import_lil_fp.tryCatch)(
-        ({ file: file2 }) => ctx.project.parseSourceFile(file2),
-        (error) => import_logger5.logger.error("file:parse", error)
-      )
-    ),
-    import_lil_fp.Obj.bind("measureCss", () => import_logger5.logger.time.debug(`Parsed ${file}`)),
-    import_lil_fp.Obj.bind("css", ({ result }) => result ? ctx.getParserCss(result) : void 0),
-    (0, import_lil_fp.tap)(({ measure, measureCss }) => [measureCss(), measure()]),
-    import_lil_fp.Obj.get("css")
-  );
-}
-function writeChunks(ctx) {
-  return Promise.allSettled(ctx.getFiles().map((file) => writeFileChunk(ctx, file)));
-}
+// src/emit-artifact.ts
 var randomWords = ["Sweet", "Divine", "Pandalicious", "Super"];
 var pickRandom = (arr) => arr[Math.floor(Math.random() * arr.length)];
 var limit = pLimit(20);
@@ -2651,55 +2583,29 @@ async function emitArtifacts(ctx, ids) {
     msg: ctx.messages.artifactsGenerated()
   };
 }
-async function writeAndBundleCssChunks(ctx) {
-  await writeChunks(ctx);
-  return bundleStyleChunksWithImports(ctx);
-}
-async function bundleCss(ctx, outfile) {
-  const extracted = await writeChunks(ctx);
-  const files = ctx.chunks.getFiles();
-  const minify = ctx.config.minify;
-  await (0, import_promises2.writeFile)(outfile, (0, import_core2.optimizeCss)(ctx.getCss({ files, resolve: true }), { minify }));
-  return { files, msg: ctx.messages.buildComplete(extracted.length) };
-}
-async function bundleMinimalFilesCss(ctx, outfile) {
-  const files = ctx.getFiles();
-  const filesWithCss = [];
-  const collector = (0, import_parser2.createParserResult)();
-  files.forEach((file) => {
-    const measure = import_logger5.logger.time.debug(`Parsed ${file}`);
-    const result = ctx.project.parseSourceFile(file);
-    measure();
-    if (!result)
-      return;
-    collector.merge(result);
-    filesWithCss.push(file);
-  });
-  const css2 = ctx.getParserCss(collector);
-  if (!css2)
-    return { files, msg: ctx.messages.buildComplete(files.length) };
-  const minify = ctx.config.minify;
-  await (0, import_promises2.writeFile)(outfile, (0, import_core2.optimizeCss)(css2, { minify }));
-  return { files, msg: ctx.messages.buildComplete(files.length) };
-}
-async function generateCssArtifactOfType(ctx, cssType, outfile) {
-  let notFound = false;
-  const css2 = (0, import_ts_pattern.match)(cssType).with("preflight", () => ctx.getResetCss()).with("tokens", () => ctx.getTokenCss()).with("static", () => ctx.getStaticCss()).with("global", () => ctx.getGlobalCss()).with("keyframes", () => ctx.getKeyframeCss()).otherwise(() => {
-    notFound = true;
-  });
-  if (notFound)
-    return { msg: `No css artifact of type <${cssType}> was found` };
-  if (!css2)
-    return { msg: `No css to generate for type <${cssType}>` };
-  const minify = ctx.config.minify;
-  await (0, import_promises2.writeFile)(outfile, (0, import_core2.optimizeCss)(css2, { minify }));
-  return { msg: `Successfully generated ${cssType} css artifact \u2728` };
+
+// src/extract.ts
+init_cjs_shims();
+var import_logger5 = require("@pandacss/logger");
+function extractFile(ctx, filePath) {
+  const file = ctx.runtime.path.abs(ctx.config.cwd, filePath);
+  import_logger5.logger.debug("file:extract", file);
+  const measure = import_logger5.logger.time.debug(`Extracted ${file}`);
+  let result;
+  try {
+    result = ctx.project.parseSourceFile(file);
+  } catch (error) {
+    import_logger5.logger.error("file:parse", error);
+  }
+  ctx.appendParserCss(result);
+  measure();
+  return result;
 }
 
 // src/parse-dependency.ts
 init_cjs_shims();
 var import_is_glob = __toESM(require("is-glob"));
-var import_path = require("path");
+var import_pathe2 = require("pathe");
 
 // src/parse-glob.ts
 init_cjs_shims();
@@ -2730,9 +2636,9 @@ function parseDependency(fileOrGlob) {
   let message = null;
   if ((0, import_is_glob.default)(fileOrGlob)) {
     const { base, glob: glob2 } = parseGlob(fileOrGlob);
-    message = { type: "dir-dependency", dir: (0, import_path.resolve)(base), glob: glob2 };
+    message = { type: "dir-dependency", dir: (0, import_pathe2.resolve)(base), glob: glob2 };
   } else {
-    message = { type: "dependency", file: (0, import_path.resolve)(fileOrGlob) };
+    message = { type: "dependency", file: (0, import_pathe2.resolve)(fileOrGlob) };
   }
   if (message.type === "dir-dependency" && process.env.ROLLUP_WATCH === "true") {
     message = { type: "dependency", file: message.dir };
@@ -2741,7 +2647,7 @@ function parseDependency(fileOrGlob) {
 }
 
 // src/builder.ts
-var fileCssMap = /* @__PURE__ */ new Map();
+var parserResultMap = /* @__PURE__ */ new Map();
 var fileModifiedMap = /* @__PURE__ */ new Map();
 var limit2 = pLimit(20);
 var Builder = class {
@@ -2750,7 +2656,6 @@ var Builder = class {
    */
   context;
   hasEmitted = false;
-  hasConfigChanged = false;
   affecteds;
   getConfigPath = () => {
     const configPath = findConfig();
@@ -2768,14 +2673,17 @@ var Builder = class {
     const ctx = this.getContextOrThrow();
     this.affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
       this.context = new PandaContext({ ...conf, hooks: ctx.hooks });
+      this.context.appendBaselineCss();
     });
-    this.hasConfigChanged = this.affecteds.hasConfigChanged;
     if (this.affecteds.hasConfigChanged) {
       import_logger6.logger.debug("builder", "\u2699\uFE0F Config changed, reloading");
       await ctx.hooks.callHook("config:change", ctx.config);
       return;
     }
-    ctx.project.reloadSourceFiles();
+    const hasFilesChanged = this.checkFilesChanged(ctx.getFiles());
+    if (hasFilesChanged) {
+      ctx.project.reloadSourceFiles();
+    }
   };
   async emit() {
     if (this.hasEmitted && this.affecteds?.hasConfigChanged) {
@@ -2786,6 +2694,7 @@ var Builder = class {
   setupContext = async (options) => {
     const { configPath, cwd } = options;
     const ctx = await loadConfigAndCreateContext({ configPath, cwd });
+    ctx.appendBaselineCss();
     this.context = ctx;
     return ctx;
   };
@@ -2795,53 +2704,63 @@ var Builder = class {
     }
     return this.context;
   };
-  extractFile = async (ctx, file) => {
+  getFileMeta = (file) => {
     const mtime = (0, import_fs.existsSync)(file) ? import_fs_extra2.default.statSync(file).mtimeMs : -Infinity;
     const isUnchanged = fileModifiedMap.has(file) && mtime === fileModifiedMap.get(file);
-    if (isUnchanged && !this.hasConfigChanged)
-      return;
-    const css2 = extractFile(ctx, file);
-    fileModifiedMap.set(file, mtime);
-    if (!css2) {
-      fileCssMap.delete(file);
+    return { mtime, isUnchanged };
+  };
+  extractFile = async (ctx, file) => {
+    const meta = this.getFileMeta(file);
+    if (meta.isUnchanged) {
+      ctx.appendParserCss(parserResultMap.get(file));
       return;
     }
-    fileCssMap.set(file, css2);
-    return css2;
+    const result = extractFile(ctx, file);
+    fileModifiedMap.set(file, meta.mtime);
+    if (result) {
+      parserResultMap.set(file, result);
+    }
+    return result;
   };
+  checkFilesChanged(files) {
+    return files.some((file) => !this.getFileMeta(file).isUnchanged);
+  }
   extract = async () => {
     const ctx = this.getContextOrThrow();
+    const files = ctx.getFiles();
+    const hasConfigChanged = this.affecteds ? this.affecteds.hasConfigChanged : false;
+    if (hasConfigChanged)
+      return;
     const done = import_logger6.logger.time.info("Extracted in");
-    const promises = ctx.getFiles().map((file) => limit2(() => this.extractFile(ctx, file)));
+    const promises = files.map((file) => limit2(() => this.extractFile(ctx, file)));
     await Promise.allSettled(promises);
     done();
   };
   toString = () => {
     const ctx = this.getContextOrThrow();
-    return ctx.getCss({
-      files: Array.from(fileCssMap.values()),
-      resolve: true
-    });
+    return ctx.getCss();
   };
   isValidRoot = (root) => {
     const ctx = this.getContextOrThrow();
     let valid = false;
     root.walkAtRules("layer", (rule) => {
-      if (ctx.isValidLayerRule(rule.params)) {
+      if (ctx.layers.isValidParams(rule.params)) {
         valid = true;
       }
     });
     return valid;
   };
+  initialRoot;
   write = (root) => {
-    const rootCssContent = root.toString();
+    if (!this.initialRoot) {
+      this.initialRoot = root.toString();
+    }
     root.removeAll();
-    root.append(
-      (0, import_core3.optimizeCss)(`
-    ${rootCssContent}
+    const newCss = (0, import_core.optimizeCss)(`
+    ${this.initialRoot}
     ${this.toString()}
-    `)
-    );
+    `);
+    root.append(newCss);
   };
   registerDependency = (fn) => {
     const ctx = this.getContextOrThrow();
@@ -2852,7 +2771,7 @@ var Builder = class {
       }
     }
     for (const file of ctx.conf.dependencies) {
-      fn({ type: "dependency", file: (0, import_pathe2.resolve)(file) });
+      fn({ type: "dependency", file: (0, import_pathe3.resolve)(file) });
     }
   };
 };
@@ -2860,12 +2779,10 @@ var Builder = class {
 // src/debug-files.ts
 init_cjs_shims();
 var import_logger7 = require("@pandacss/logger");
-var nodePath = __toESM(require("path"));
+var import_pathe4 = require("pathe");
 async function debugFiles(ctx, options) {
   const files = ctx.getFiles();
   const measureTotal = import_logger7.logger.time.debug(`Done parsing ${files.length} files`);
-  ctx.config.minify = false;
-  ctx.config.optimize = true;
   const { fs, path: path2 } = ctx.runtime;
   const outdir = options.outdir;
   if (!options.dry && outdir) {
@@ -2878,35 +2795,37 @@ async function debugFiles(ctx, options) {
     return;
   }
   const filesWithCss = [];
-  await Promise.allSettled(
+  const results = await Promise.all(
     files.map(async (file) => {
       const measure = import_logger7.logger.time.debug(`Parsed ${file}`);
       const result = ctx.project.parseSourceFile(file);
       measure();
-      if (!result)
-        return;
-      const css2 = ctx.getParserCss(result);
-      if (!css2)
-        return;
-      if (options.dry) {
-        console.log({ path: file, ast: result, code: css2 });
-        return Promise.resolve();
-      }
-      if (outdir) {
-        filesWithCss.push(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, "__");
-        import_logger7.logger.info("cli", `Writing ${import_logger7.colors.bold(`${outdir}/${astJsonPath}`)}`);
-        import_logger7.logger.info("cli", `Writing ${import_logger7.colors.bold(`${outdir}/${cssPath}`)}`);
-        return Promise.allSettled([
-          fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
-          fs.writeFile(`${outdir}/${cssPath}`, css2)
-        ]);
-      }
+      return { file, result };
     })
   );
+  results.forEach(({ file, result }) => {
+    if (!result)
+      return;
+    ctx.stylesheet.clean();
+    ctx.appendParserCss(result);
+    const css2 = ctx.stylesheet.toCss({ optimize: true, minify: false });
+    if (options.dry) {
+      console.log({ path: file, ast: result, code: css2 });
+    }
+    if (outdir) {
+      filesWithCss.push(file);
+      const parsedPath = (0, import_pathe4.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, "__");
+      import_logger7.logger.info("cli", `Writing ${import_logger7.colors.bold(`${outdir}/${astJsonPath}`)}`);
+      import_logger7.logger.info("cli", `Writing ${import_logger7.colors.bold(`${outdir}/${cssPath}`)}`);
+      return Promise.allSettled([
+        fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
+        fs.writeFile(`${outdir}/${cssPath}`, css2)
+      ]);
+    }
+  });
   import_logger7.logger.info("cli", `Found ${import_logger7.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
@@ -2932,17 +2851,18 @@ async function execCommand(cmd, cwd) {
 // src/generate.ts
 init_cjs_shims();
 var import_logger9 = require("@pandacss/logger");
-var import_ts_pattern2 = require("ts-pattern");
+var import_ts_pattern = require("ts-pattern");
 async function build(ctx, ids) {
   await emitArtifacts(ctx, ids);
   if (ctx.config.emitTokensOnly) {
     return import_logger9.logger.info("css:emit", "Successfully rebuilt the css variables and js function to query your tokens \u2728");
   }
-  const { msg } = await writeAndBundleCssChunks(ctx);
-  import_logger9.logger.info("css:emit", msg);
+  ctx.appendAllCss();
+  await ctx.writeCss();
+  import_logger9.logger.info("css:emit", "Successfully built the css files \u2728");
 }
 async function generate(config, configPath) {
-  const ctx = await loadConfigAndCreateContext({ config, configPath });
+  let ctx = await loadConfigAndCreateContext({ config, configPath });
   await build(ctx);
   const {
     runtime: { fs, path: path2 },
@@ -2951,7 +2871,9 @@ async function generate(config, configPath) {
   if (ctx.config.watch) {
     const configWatcher = fs.watch({ include: ctx.conf.dependencies });
     configWatcher.on("change", async () => {
-      const affecteds = await ctx.diff.reloadConfigAndRefreshContext();
+      const affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
+        ctx = new PandaContext({ ...conf, hooks: ctx.hooks });
+      });
       if (!affecteds.artifacts.size)
         return;
       import_logger9.logger.info("config:change", "Config changed, restarting...");
@@ -2961,16 +2883,18 @@ async function generate(config, configPath) {
     const contentWatcher = fs.watch(ctx.config);
     contentWatcher.on("all", async (event, file) => {
       import_logger9.logger.info(`file:${event}`, file);
-      (0, import_ts_pattern2.match)(event).with("unlink", () => {
+      await (0, import_ts_pattern.match)(event).with("unlink", () => {
         ctx.project.removeSourceFile(path2.abs(cwd, file));
-        ctx.chunks.rm(file);
-      }).with("change", async () => {
+      }).with("change", () => {
         ctx.project.reloadSourceFile(file);
-        await writeFileChunk(ctx, file);
-        return bundleStyleChunksWithImports(ctx);
-      }).with("add", async () => {
+        const result = ctx.project.parseSourceFile(file);
+        ctx.appendParserCss(result);
+        return ctx.writeCss();
+      }).with("add", () => {
         ctx.project.createSourceFile(file);
-        return bundleStyleChunksWithImports(ctx);
+        const result = ctx.project.parseSourceFile(file);
+        ctx.appendParserCss(result);
+        return ctx.writeCss();
       }).otherwise(() => {
       });
     });
@@ -3010,7 +2934,7 @@ var import_logger10 = require("@pandacss/logger");
 var import_fs_extra3 = __toESM(require("fs-extra"));
 var import_look_it_up3 = require("look-it-up");
 var import_outdent2 = require("outdent");
-var import_path2 = require("path");
+var import_pathe5 = require("pathe");
 var import_preferred_pm2 = __toESM(require("preferred-pm"));
 var import_prettier = __toESM(require("prettier"));
 async function setupConfig(cwd, opts = {}) {
@@ -3055,7 +2979,7 @@ jsxFramework: '${jsxFramework}',` : ""}
 syntax: '${syntax}'` : ""}
 })
     `;
-    await import_fs_extra3.default.writeFile((0, import_path2.join)(cwd, file), import_prettier.default.format(content));
+    await import_fs_extra3.default.writeFile((0, import_pathe5.join)(cwd, file), import_prettier.default.format(content));
     import_logger10.logger.log(import_generator3.messages.thankYou());
   }
 }
@@ -3068,26 +2992,23 @@ module.exports = {
   },
 }
   `;
-  await import_fs_extra3.default.writeFile((0, import_path2.join)(cwd, "postcss.config.cjs"), content);
+  await import_fs_extra3.default.writeFile((0, import_pathe5.join)(cwd, "postcss.config.cjs"), content);
 }
 
 // src/ship-files.ts
 init_cjs_shims();
 var import_logger11 = require("@pandacss/logger");
-var import_parser3 = require("@pandacss/parser");
-var import_promises3 = require("fs/promises");
-var path = __toESM(require("path"));
+var import_parser2 = require("@pandacss/parser");
+var import_promises2 = require("fs/promises");
+var path = __toESM(require("pathe"));
 async function shipFiles(ctx, outfile) {
   const files = ctx.getFiles();
-  const extractResult = (0, import_parser3.createParserResult)();
+  const extractResult = (0, import_parser2.createParserResult)();
   const filesWithCss = [];
   files.forEach(async (file) => {
     const result = ctx.project.parseSourceFile(file);
     if (!result || result.isEmpty())
       return;
-    const css2 = ctx.getParserCss(result);
-    if (!css2)
-      return;
     extractResult.merge(result);
     filesWithCss.push(path.relative(ctx.config.cwd, file));
   });
@@ -3097,7 +3018,7 @@ async function shipFiles(ctx, outfile) {
   const output = JSON.stringify(extractResult.toJSON(), null, minify ? 0 : 2);
   const dirname2 = ctx.runtime.path.dirname(outfile);
   ctx.runtime.fs.ensureDirSync(dirname2);
-  await (0, import_promises3.writeFile)(outfile, output);
+  await (0, import_promises2.writeFile)(outfile, output);
   import_logger11.logger.info("cli", "Done!");
 }
 // Annotate the CommonJS export names for ESM import in node:
@@ -3105,21 +3026,17 @@ async function shipFiles(ctx, outfile) {
   Builder,
   PandaContext,
   analyzeTokens,
-  bundleCss,
-  bundleMinimalFilesCss,
   debugFiles,
   emitArtifacts,
   execCommand,
   extractFile,
   findConfig,
   generate,
-  generateCssArtifactOfType,
   loadConfigAndCreateContext,
   parseDependency,
   setupConfig,
   setupGitIgnore,
   setupPostcss,
   shipFiles,
-  writeAnalyzeJSON,
-  writeAndBundleCssChunks
+  writeAnalyzeJSON
 });