@pandacss/node 0.21.0 → 0.22.0

package/dist/index.mjs

@@ -27,9 +27,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../../node_modules/.pnpm/tsup@7.1.0_typescript@5.2.2/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@7.1.0_typescript@5.3.3/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@7.1.0_typescript@5.2.2/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@7.1.0_typescript@5.3.3/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });
@@ -686,12 +686,10 @@ function analyzeTokens(ctx, options = {}) {
   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;
   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);
@@ -750,7 +748,7 @@ var writeAnalyzeJSON = (filePath, result, ctx) => {
 
 // src/builder.ts
 init_esm_shims();
-import { optimizeCss as optimizeCss2 } from "@pandacss/core";
+import { optimizeCss } from "@pandacss/core";
 import { ConfigNotFoundError } from "@pandacss/error";
 import { logger as logger6 } from "@pandacss/logger";
 import { existsSync } from "fs";
@@ -877,154 +875,7 @@ import { parse } from "tsconfck";
 init_esm_shims();
 import { Generator as Generator2 } from "@pandacss/generator";
 import { logger as logger4 } from "@pandacss/logger";
-import { createProject } from "@pandacss/parser";
-
-// src/chunk-engine.ts
-init_esm_shims();
-import { mergeCss } from "@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 = 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_esm_shims();
-import { logger as logger2 } from "@pandacss/logger";
-import chokidar from "chokidar";
-import glob from "fast-glob";
-import fsExtra from "fs-extra";
-import { dirname, extname, isAbsolute, join, relative, sep } from "pathe";
-var nodeRuntime = {
-  cwd() {
-    return process.cwd();
-  },
-  env(name) {
-    return process.env[name];
-  },
-  path: {
-    join,
-    relative,
-    dirname,
-    extname,
-    isAbsolute,
-    sep,
-    abs(cwd, str) {
-      return isAbsolute(str) ? str : join(cwd, str);
-    }
-  },
-  fs: {
-    existsSync: fsExtra.existsSync,
-    readFileSync(filePath) {
-      return fsExtra.readFileSync(filePath, "utf8");
-    },
-    glob(opts) {
-      if (!opts.include)
-        return [];
-      const ignore = opts.exclude ?? [];
-      if (!ignore.length) {
-        ignore.push("**/*.d.ts");
-      }
-      return glob.sync(opts.include, { cwd: opts.cwd, ignore, absolute: true });
-    },
-    writeFile: fsExtra.writeFile,
-    writeFileSync: fsExtra.writeFileSync,
-    readDirSync: fsExtra.readdirSync,
-    rmDirSync: fsExtra.emptyDirSync,
-    rmFileSync: fsExtra.removeSync,
-    ensureDirSync(path2) {
-      return fsExtra.ensureDirSync(path2);
-    },
-    watch(options) {
-      const { include, exclude, cwd, poll } = options;
-      const coalesce = poll || process.platform === "win32";
-      const watcher = chokidar.watch(include, {
-        usePolling: poll,
-        cwd,
-        ignoreInitial: true,
-        ignorePermissionErrors: true,
-        ignored: exclude,
-        awaitWriteFinish: coalesce ? { stabilityThreshold: 50, pollInterval: 10 } : false
-      });
-      logger2.debug("watch:file", `watching [${include}]`);
-      process.once("SIGINT", async () => {
-        await watcher.close();
-      });
-      return watcher;
-    }
-  }
-};
-process.setMaxListeners(Infinity);
-process.on("unhandledRejection", (reason) => {
-  logger2.error("\u274C", reason);
-});
-process.on("uncaughtException", (reason) => {
-  logger2.error("\u274C", reason);
-});
-
-// src/output-engine.ts
-init_esm_shims();
-import { logger as logger3 } from "@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);
-        logger3.debug("write:file", dir.slice(-1).concat(file).join("/"));
-        return this.fs.writeFile(absPath, code);
-      })
-    );
-  }
-};
+import { createParserResult, createProject } from "@pandacss/parser";
 
 // src/diff-engine.ts
 init_esm_shims();
@@ -1160,12 +1011,118 @@ var DiffEngine = class {
   }
 };
 
+// src/node-runtime.ts
+init_esm_shims();
+import { logger as logger2 } from "@pandacss/logger";
+import chokidar from "chokidar";
+import glob from "fast-glob";
+import fsExtra from "fs-extra";
+import { dirname, extname, isAbsolute, join, relative, sep } from "pathe";
+var nodeRuntime = {
+  cwd() {
+    return process.cwd();
+  },
+  env(name) {
+    return process.env[name];
+  },
+  path: {
+    join,
+    relative,
+    dirname,
+    extname,
+    isAbsolute,
+    sep,
+    abs(cwd, str) {
+      return isAbsolute(str) ? str : join(cwd, str);
+    }
+  },
+  fs: {
+    existsSync: fsExtra.existsSync,
+    readFileSync(filePath) {
+      return fsExtra.readFileSync(filePath, "utf8");
+    },
+    glob(opts) {
+      if (!opts.include)
+        return [];
+      const ignore = opts.exclude ?? [];
+      if (!ignore.length) {
+        ignore.push("**/*.d.ts");
+      }
+      return glob.sync(opts.include, { cwd: opts.cwd, ignore, absolute: true });
+    },
+    writeFile: fsExtra.writeFile,
+    writeFileSync: fsExtra.writeFileSync,
+    readDirSync: fsExtra.readdirSync,
+    rmDirSync: fsExtra.emptyDirSync,
+    rmFileSync: fsExtra.removeSync,
+    ensureDirSync(path2) {
+      return fsExtra.ensureDirSync(path2);
+    },
+    watch(options) {
+      const { include, exclude, cwd, poll } = options;
+      const coalesce = poll || process.platform === "win32";
+      const watcher = chokidar.watch(include, {
+        usePolling: poll,
+        cwd,
+        ignoreInitial: true,
+        ignorePermissionErrors: true,
+        ignored: exclude,
+        awaitWriteFinish: coalesce ? { stabilityThreshold: 50, pollInterval: 10 } : false
+      });
+      logger2.debug("watch:file", `watching [${include}]`);
+      process.once("SIGINT", async () => {
+        await watcher.close();
+      });
+      return watcher;
+    }
+  }
+};
+process.setMaxListeners(Infinity);
+process.on("unhandledRejection", (reason) => {
+  logger2.error("\u274C", reason);
+});
+process.on("uncaughtException", (reason) => {
+  logger2.error("\u274C", reason);
+});
+
+// src/output-engine.ts
+init_esm_shims();
+import { logger as logger3 } from "@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);
+        logger3.debug("write:file", dir.slice(-1).concat(file).join("/"));
+        return this.fs.writeFile(absPath, code);
+      })
+    );
+  }
+};
+
 // src/create-context.ts
 var PandaContext = class extends Generator2 {
   runtime;
   project;
   getFiles;
-  chunks;
   output;
   diff;
   constructor(conf) {
@@ -1185,10 +1142,37 @@ var PandaContext = class extends Generator2 {
       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 = createParserResult();
+    files.forEach((file) => {
+      const measure = logger4.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
@@ -1213,6 +1197,7 @@ async function loadConfigAndCreateContext(options = {}) {
   }
   const tsconfigResult = await parse(conf.path, {
     root: cwd,
+    // @ts-ignore
     resolveWithEmptyIfConfigNotFound: true
   });
   if (tsconfigResult) {
@@ -1239,14 +1224,8 @@ async function loadConfigAndCreateContext(options = {}) {
   return new PandaContext({ ...conf, hooks });
 }
 
-// src/extract.ts
+// src/emit-artifact.ts
 init_esm_shims();
-import { optimizeCss } from "@pandacss/core";
-import { logger as logger5 } from "@pandacss/logger";
-import { createParserResult } from "@pandacss/parser";
-import { writeFile as writeFile2 } from "fs/promises";
-import { Obj, pipe, tap, tryCatch } from "lil-fp";
-import { match } from "ts-pattern";
 
 // src/cli-box.ts
 init_esm_shims();
@@ -2560,50 +2539,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;
-  logger5.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 pipe(
-    { file: path2.abs(cwd, file) },
-    tap(() => logger5.debug("file:extract", file)),
-    Obj.bind("measure", () => logger5.time.debug(`Extracted ${file}`)),
-    Obj.bind(
-      "result",
-      tryCatch(
-        ({ file: file2 }) => ctx.project.parseSourceFile(file2),
-        (error) => logger5.error("file:parse", error)
-      )
-    ),
-    Obj.bind("measureCss", () => logger5.time.debug(`Parsed ${file}`)),
-    Obj.bind("css", ({ result }) => result ? ctx.getParserCss(result) : void 0),
-    tap(({ measure, measureCss }) => [measureCss(), measure()]),
-    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);
@@ -2621,55 +2557,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 writeFile2(outfile, 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 = createParserResult();
-  files.forEach((file) => {
-    const measure = logger5.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 writeFile2(outfile, optimizeCss(css2, { minify }));
-  return { files, msg: ctx.messages.buildComplete(files.length) };
-}
-async function generateCssArtifactOfType(ctx, cssType, outfile) {
-  let notFound = false;
-  const css2 = 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 writeFile2(outfile, optimizeCss(css2, { minify }));
-  return { msg: `Successfully generated ${cssType} css artifact \u2728` };
+
+// src/extract.ts
+init_esm_shims();
+import { logger as logger5 } from "@pandacss/logger";
+function extractFile(ctx, filePath) {
+  const file = ctx.runtime.path.abs(ctx.config.cwd, filePath);
+  logger5.debug("file:extract", file);
+  const measure = logger5.time.debug(`Extracted ${file}`);
+  let result;
+  try {
+    result = ctx.project.parseSourceFile(file);
+  } catch (error) {
+    logger5.error("file:parse", error);
+  }
+  ctx.appendParserCss(result);
+  measure();
+  return result;
 }
 
 // src/parse-dependency.ts
 init_esm_shims();
 import isGlob from "is-glob";
-import { resolve } from "path";
+import { resolve } from "pathe";
 
 // src/parse-glob.ts
 init_esm_shims();
@@ -2711,7 +2621,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 {
@@ -2720,7 +2630,6 @@ var Builder = class {
    */
   context;
   hasEmitted = false;
-  hasConfigChanged = false;
   affecteds;
   getConfigPath = () => {
     const configPath = findConfig();
@@ -2738,14 +2647,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) {
       logger6.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) {
@@ -2756,6 +2668,7 @@ var Builder = class {
   setupContext = async (options) => {
     const { configPath, cwd } = options;
     const ctx = await loadConfigAndCreateContext({ configPath, cwd });
+    ctx.appendBaselineCss();
     this.context = ctx;
     return ctx;
   };
@@ -2765,53 +2678,63 @@ var Builder = class {
     }
     return this.context;
   };
-  extractFile = async (ctx, file) => {
+  getFileMeta = (file) => {
     const mtime = existsSync(file) ? fsExtra2.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 = logger6.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(
-      optimizeCss2(`
-    ${rootCssContent}
+    const newCss = optimizeCss(`
+    ${this.initialRoot}
     ${this.toString()}
-    `)
-    );
+    `);
+    root.append(newCss);
   };
   registerDependency = (fn) => {
     const ctx = this.getContextOrThrow();
@@ -2830,12 +2753,10 @@ var Builder = class {
 // src/debug-files.ts
 init_esm_shims();
 import { colors, logger as logger7 } from "@pandacss/logger";
-import * as nodePath from "path";
+import { parse as parse2 } from "pathe";
 async function debugFiles(ctx, options) {
   const files = ctx.getFiles();
   const measureTotal = logger7.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) {
@@ -2848,35 +2769,37 @@ async function debugFiles(ctx, options) {
     return;
   }
   const filesWithCss = [];
-  await Promise.allSettled(
+  const results = await Promise.all(
     files.map(async (file) => {
       const measure = logger7.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, "__");
-        logger7.info("cli", `Writing ${colors.bold(`${outdir}/${astJsonPath}`)}`);
-        logger7.info("cli", `Writing ${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 = parse2(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, "__");
+      logger7.info("cli", `Writing ${colors.bold(`${outdir}/${astJsonPath}`)}`);
+      logger7.info("cli", `Writing ${colors.bold(`${outdir}/${cssPath}`)}`);
+      return Promise.allSettled([
+        fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
+        fs.writeFile(`${outdir}/${cssPath}`, css2)
+      ]);
+    }
+  });
   logger7.info("cli", `Found ${colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
@@ -2902,17 +2825,18 @@ async function execCommand(cmd, cwd) {
 // src/generate.ts
 init_esm_shims();
 import { logger as logger9 } from "@pandacss/logger";
-import { match as match2 } from "ts-pattern";
+import { match } from "ts-pattern";
 async function build(ctx, ids) {
   await emitArtifacts(ctx, ids);
   if (ctx.config.emitTokensOnly) {
     return logger9.info("css:emit", "Successfully rebuilt the css variables and js function to query your tokens \u2728");
   }
-  const { msg } = await writeAndBundleCssChunks(ctx);
-  logger9.info("css:emit", msg);
+  ctx.appendAllCss();
+  await ctx.writeCss();
+  logger9.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 },
@@ -2921,7 +2845,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;
       logger9.info("config:change", "Config changed, restarting...");
@@ -2931,16 +2857,18 @@ async function generate(config, configPath) {
     const contentWatcher = fs.watch(ctx.config);
     contentWatcher.on("all", async (event, file) => {
       logger9.info(`file:${event}`, file);
-      match2(event).with("unlink", () => {
+      await 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(() => {
       });
     });
@@ -2980,7 +2908,7 @@ import { logger as logger10, quote } from "@pandacss/logger";
 import fsExtra3 from "fs-extra";
 import { lookItUpSync as lookItUpSync3 } from "look-it-up";
 import { outdent as outdent2 } from "outdent";
-import { join as join2 } from "path";
+import { join as join2 } from "pathe";
 import getPackageManager2 from "preferred-pm";
 import prettier from "prettier";
 async function setupConfig(cwd, opts = {}) {
@@ -3045,8 +2973,8 @@ module.exports = {
 init_esm_shims();
 import { colors as colors2, logger as logger11 } from "@pandacss/logger";
 import { createParserResult as createParserResult2 } from "@pandacss/parser";
-import { writeFile as writeFile3 } from "fs/promises";
-import * as path from "path";
+import { writeFile as writeFile2 } from "fs/promises";
+import * as path from "pathe";
 async function shipFiles(ctx, outfile) {
   const files = ctx.getFiles();
   const extractResult = createParserResult2();
@@ -3055,9 +2983,6 @@ async function shipFiles(ctx, outfile) {
     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));
   });
@@ -3067,28 +2992,24 @@ 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 writeFile3(outfile, output);
+  await writeFile2(outfile, output);
   logger11.info("cli", "Done!");
 }
 export {
   Builder,
   PandaContext,
   analyzeTokens,
-  bundleCss,
-  bundleMinimalFilesCss,
   debugFiles,
   emitArtifacts,
   execCommand,
   extractFile,
   findConfig,
   generate,
-  generateCssArtifactOfType,
   loadConfigAndCreateContext,
   parseDependency,
   setupConfig,
   setupGitIgnore,
   setupPostcss,
   shipFiles,
-  writeAnalyzeJSON,
-  writeAndBundleCssChunks
+  writeAnalyzeJSON
 };