@pandacss/node 0.16.0 → 0.17.1

package/dist/index.d.mts

@@ -1,14 +1,10 @@
 import * as _pandacss_types from '@pandacss/types';
-import { PandaHookable, Artifact, ConfigResultWithHooks, Runtime as Runtime$1, ParserResultType, Config } from '@pandacss/types';
+import { Artifact, ConfigResultWithHooks, Runtime, PandaHookable, ParserResultType, Config } from '@pandacss/types';
 import { Generator } from '@pandacss/generator';
-import { Project } from '@pandacss/parser';
-import { Runtime } from '@pandacss/types/src/runtime';
+import { PandaProject } from '@pandacss/parser';
 import { Root, Message } from 'postcss';
 
-declare const getChunkEngine: ({ paths, config, runtime: { path, fs }, }: Generator & {
-    runtime: Runtime;
-    hooks: PandaHookable;
-}) => {
+interface PandaChunksEngine {
     dir: string;
     readFile(file: string): string;
     getFiles(): string[];
@@ -16,30 +12,27 @@ declare const getChunkEngine: ({ paths, config, runtime: { path, fs }, }: Genera
     getArtifact(file: string, css: string): Artifact;
     rm(file: string): void;
     empty(): void;
-    readonly glob: string[];
-};
+    glob: string[];
+}
 
-declare const getOutputEngine: ({ paths, runtime: { path, fs }, }: Generator & {
-    runtime: Runtime;
-    hooks: PandaHookable;
-}) => {
+interface PandaOutputEngine {
     empty(): void;
     write(output: Artifact | undefined): Promise<PromiseSettledResult<void>[] | undefined>;
-};
+}
 
 declare const createContext: (conf: ConfigResultWithHooks) => PandaContext;
-type PandaContext = Generator & {
-    runtime: Runtime$1;
+interface PandaContext extends Generator {
+    runtime: Runtime;
     hooks: PandaHookable;
-    project: Project;
+    project: PandaProject;
     getFiles: () => string[];
-    chunks: ReturnType<typeof getChunkEngine>;
-    output: ReturnType<typeof getOutputEngine>;
-};
+    chunks: PandaChunksEngine;
+    output: PandaOutputEngine;
+}
 
-type Options = {
+interface Options {
     onResult?: (file: string, result: ParserResultType) => void;
-};
+}
 declare function analyzeTokens(ctx: PandaContext, options?: Options): {
     duration: {
         extractTimeByFiles: {
@@ -179,23 +172,26 @@ declare function analyzeTokens(ctx: PandaContext, options?: Options): {
 };
 declare const writeAnalyzeJSON: (fileName: string, result: ReturnType<typeof analyzeTokens>, ctx: PandaContext) => Promise<void>;
 
-type ConfigDepsResult = {
+interface ConfigDepsResult {
     modifiedMap: Map<string, number>;
     isModified: boolean;
-};
+}
 declare class Builder {
     /**
      * The current panda context
      */
     context: PandaContext | undefined;
+    hasEmitted: boolean;
     configDependencies: Set<string>;
     writeFileCss: (file: string, css: string) => void;
     checkConfigDeps: (configPath: string, deps: Set<string>) => ConfigDepsResult;
     getConfigPath: () => string;
+    hasConfigChanged: boolean;
     setup: (options?: {
         configPath?: string;
         cwd?: string;
     }) => Promise<void>;
+    emit(): void;
     setupContext: (options: {
         configPath: string;
         depsModifiedMap: Map<string, number>;

package/dist/index.d.ts

@@ -1,14 +1,10 @@
 import * as _pandacss_types from '@pandacss/types';
-import { PandaHookable, Artifact, ConfigResultWithHooks, Runtime as Runtime$1, ParserResultType, Config } from '@pandacss/types';
+import { Artifact, ConfigResultWithHooks, Runtime, PandaHookable, ParserResultType, Config } from '@pandacss/types';
 import { Generator } from '@pandacss/generator';
-import { Project } from '@pandacss/parser';
-import { Runtime } from '@pandacss/types/src/runtime';
+import { PandaProject } from '@pandacss/parser';
 import { Root, Message } from 'postcss';
 
-declare const getChunkEngine: ({ paths, config, runtime: { path, fs }, }: Generator & {
-    runtime: Runtime;
-    hooks: PandaHookable;
-}) => {
+interface PandaChunksEngine {
     dir: string;
     readFile(file: string): string;
     getFiles(): string[];
@@ -16,30 +12,27 @@ declare const getChunkEngine: ({ paths, config, runtime: { path, fs }, }: Genera
     getArtifact(file: string, css: string): Artifact;
     rm(file: string): void;
     empty(): void;
-    readonly glob: string[];
-};
+    glob: string[];
+}
 
-declare const getOutputEngine: ({ paths, runtime: { path, fs }, }: Generator & {
-    runtime: Runtime;
-    hooks: PandaHookable;
-}) => {
+interface PandaOutputEngine {
     empty(): void;
     write(output: Artifact | undefined): Promise<PromiseSettledResult<void>[] | undefined>;
-};
+}
 
 declare const createContext: (conf: ConfigResultWithHooks) => PandaContext;
-type PandaContext = Generator & {
-    runtime: Runtime$1;
+interface PandaContext extends Generator {
+    runtime: Runtime;
     hooks: PandaHookable;
-    project: Project;
+    project: PandaProject;
     getFiles: () => string[];
-    chunks: ReturnType<typeof getChunkEngine>;
-    output: ReturnType<typeof getOutputEngine>;
-};
+    chunks: PandaChunksEngine;
+    output: PandaOutputEngine;
+}
 
-type Options = {
+interface Options {
     onResult?: (file: string, result: ParserResultType) => void;
-};
+}
 declare function analyzeTokens(ctx: PandaContext, options?: Options): {
     duration: {
         extractTimeByFiles: {
@@ -179,23 +172,26 @@ declare function analyzeTokens(ctx: PandaContext, options?: Options): {
 };
 declare const writeAnalyzeJSON: (fileName: string, result: ReturnType<typeof analyzeTokens>, ctx: PandaContext) => Promise<void>;
 
-type ConfigDepsResult = {
+interface ConfigDepsResult {
     modifiedMap: Map<string, number>;
     isModified: boolean;
-};
+}
 declare class Builder {
     /**
      * The current panda context
      */
     context: PandaContext | undefined;
+    hasEmitted: boolean;
     configDependencies: Set<string>;
     writeFileCss: (file: string, css: string) => void;
     checkConfigDeps: (configPath: string, deps: Set<string>) => ConfigDepsResult;
     getConfigPath: () => string;
+    hasConfigChanged: boolean;
     setup: (options?: {
         configPath?: string;
         cwd?: string;
     }) => Promise<void>;
+    emit(): void;
     setupContext: (options: {
         configPath: string;
         depsModifiedMap: Map<string, number>;

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_postcss@8.4.27_typescript@5.2.2/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.31_typescript@5.2.2/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.27_typescript@5.2.2/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.31_typescript@5.2.2/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -782,11 +782,118 @@ init_cjs_shims();
 var import_config2 = require("@pandacss/config");
 var import_core3 = require("@pandacss/core");
 var import_error = require("@pandacss/error");
-var import_logger4 = require("@pandacss/logger");
+var import_logger5 = require("@pandacss/logger");
 var import_fs = require("fs");
 var import_fs_extra2 = require("fs-extra");
 var import_path2 = require("path");
 
+// ../../node_modules/.pnpm/p-limit@4.0.0/node_modules/p-limit/index.js
+init_cjs_shims();
+
+// ../../node_modules/.pnpm/yocto-queue@1.0.0/node_modules/yocto-queue/index.js
+init_cjs_shims();
+var Node = class {
+  value;
+  next;
+  constructor(value) {
+    this.value = value;
+  }
+};
+var Queue = class {
+  #head;
+  #tail;
+  #size;
+  constructor() {
+    this.clear();
+  }
+  enqueue(value) {
+    const node = new Node(value);
+    if (this.#head) {
+      this.#tail.next = node;
+      this.#tail = node;
+    } else {
+      this.#head = node;
+      this.#tail = node;
+    }
+    this.#size++;
+  }
+  dequeue() {
+    const current = this.#head;
+    if (!current) {
+      return;
+    }
+    this.#head = this.#head.next;
+    this.#size--;
+    return current.value;
+  }
+  clear() {
+    this.#head = void 0;
+    this.#tail = void 0;
+    this.#size = 0;
+  }
+  get size() {
+    return this.#size;
+  }
+  *[Symbol.iterator]() {
+    let current = this.#head;
+    while (current) {
+      yield current.value;
+      current = current.next;
+    }
+  }
+};
+
+// ../../node_modules/.pnpm/p-limit@4.0.0/node_modules/p-limit/index.js
+function pLimit(concurrency) {
+  if (!((Number.isInteger(concurrency) || concurrency === Number.POSITIVE_INFINITY) && concurrency > 0)) {
+    throw new TypeError("Expected `concurrency` to be a number from 1 and up");
+  }
+  const queue = new Queue();
+  let activeCount = 0;
+  const next = () => {
+    activeCount--;
+    if (queue.size > 0) {
+      queue.dequeue()();
+    }
+  };
+  const run = async (fn, resolve3, args) => {
+    activeCount++;
+    const result = (async () => fn(...args))();
+    resolve3(result);
+    try {
+      await result;
+    } catch {
+    }
+    next();
+  };
+  const enqueue = (fn, resolve3, args) => {
+    queue.enqueue(run.bind(void 0, fn, resolve3, args));
+    (async () => {
+      await Promise.resolve();
+      if (activeCount < concurrency && queue.size > 0) {
+        queue.dequeue()();
+      }
+    })();
+  };
+  const generator = (fn, ...args) => new Promise((resolve3) => {
+    enqueue(fn, resolve3, args);
+  });
+  Object.defineProperties(generator, {
+    activeCount: {
+      get: () => activeCount
+    },
+    pendingCount: {
+      get: () => queue.size
+    },
+    clearQueue: {
+      value: () => {
+        queue.clear();
+      }
+    }
+  });
+  return generator;
+}
+
 // src/config.ts
 init_cjs_shims();
 var import_config = require("@pandacss/config");
@@ -797,6 +904,7 @@ var import_tsconfck = require("tsconfck");
 // src/create-context.ts
 init_cjs_shims();
 var import_generator = require("@pandacss/generator");
+var import_logger3 = require("@pandacss/logger");
 var import_parser = require("@pandacss/parser");
 
 // src/chunk-engine.ts
@@ -927,11 +1035,14 @@ var getOutputEngine = ({
     const { dir = paths.root, files } = output;
     fs.ensureDirSync(path2.join(...dir));
     return Promise.allSettled(
-      files.map(async ({ file, code }) => {
+      files.map(async (artifact) => {
+        if (!artifact)
+          return;
+        const { file, code } = artifact;
         const absPath = path2.join(...dir, file);
-        if (code) {
-          return fs.writeFile(absPath, code);
-        }
+        if (!code)
+          return;
+        return fs.writeFile(absPath, code);
       })
     );
   }
@@ -943,6 +1054,9 @@ var createContext = (conf) => {
   const config = conf.config;
   const runtime = nodeRuntime;
   config.cwd ||= runtime.cwd();
+  if (config.logLevel) {
+    import_logger3.logger.level = config.logLevel;
+  }
   const { include, exclude, cwd } = config;
   const getFiles = () => runtime.fs.glob({ include, exclude, cwd });
   const ctx = {
@@ -974,7 +1088,8 @@ function findConfig() {
 }
 async function loadConfigAndCreateContext(options = {}) {
   const hooks = (0, import_hookable.createHooks)();
-  const { cwd = process.cwd(), config, configPath } = options;
+  const { config, configPath } = options;
+  const cwd = options.cwd ?? options?.config?.cwd ?? process.cwd();
   const conf = await (0, import_config.loadConfigFile)({ cwd, file: configPath });
   if (config) {
     Object.assign(conf.config, config);
@@ -1005,8 +1120,12 @@ async function loadConfigAndCreateContext(options = {}) {
 
 // src/extract.ts
 init_cjs_shims();
-var import_logger3 = require("@pandacss/logger");
+var import_core2 = require("@pandacss/core");
+var import_logger4 = 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();
@@ -2321,10 +2440,6 @@ var createBox = (options) => boxen(options.content, {
 });
 
 // src/extract.ts
-var import_promises2 = require("fs/promises");
-var import_parser2 = require("@pandacss/parser");
-var import_ts_pattern = require("ts-pattern");
-var import_core2 = require("@pandacss/core");
 async function bundleStyleChunksWithImports(ctx) {
   const files = ctx.chunks.getFiles();
   await ctx.output.write({
@@ -2335,7 +2450,7 @@ async function bundleStyleChunksWithImports(ctx) {
 }
 async function writeFileChunk(ctx, file) {
   const { path: path2 } = ctx.runtime;
-  import_logger3.logger.debug("chunk:write", `File: ${path2.relative(ctx.config.cwd, file)}`);
+  import_logger4.logger.debug("chunk:write", `File: ${path2.relative(ctx.config.cwd, file)}`);
   const css = extractFile(ctx, file);
   if (!css)
     return;
@@ -2349,16 +2464,16 @@ function extractFile(ctx, file) {
   } = ctx;
   return (0, import_lil_fp.pipe)(
     { file: path2.abs(cwd, file) },
-    (0, import_lil_fp.tap)(() => import_logger3.logger.debug("file:extract", file)),
-    import_lil_fp.Obj.bind("measure", () => import_logger3.logger.time.debug(`Extracted ${file}`)),
+    (0, import_lil_fp.tap)(() => import_logger4.logger.debug("file:extract", file)),
+    import_lil_fp.Obj.bind("measure", () => import_logger4.logger.time.debug(`Extracted ${file}`)),
     import_lil_fp.Obj.bind(
       "result",
       (0, import_lil_fp.tryCatch)(
         ({ file: file2 }) => ctx.project.parseSourceFile(file2),
-        (error) => import_logger3.logger.error("file:parse", error)
+        (error) => import_logger4.logger.error("file:parse", error)
       )
     ),
-    import_lil_fp.Obj.bind("measureCss", () => import_logger3.logger.time.debug(`Parsed ${file}`)),
+    import_lil_fp.Obj.bind("measureCss", () => import_logger4.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")
@@ -2369,10 +2484,12 @@ function writeChunks(ctx) {
 }
 var randomWords = ["Sweet", "Divine", "Pandalicious", "Super"];
 var pickRandom = (arr) => arr[Math.floor(Math.random() * arr.length)];
+var limit = pLimit(20);
 async function emitArtifacts(ctx) {
   if (ctx.config.clean)
     ctx.output.empty();
-  await Promise.allSettled(ctx.getArtifacts().map(ctx.output.write));
+  const promises = ctx.getArtifacts().map((artifact) => limit(() => ctx.output.write(artifact)));
+  await Promise.allSettled(promises);
   void ctx.hooks.callHook("generator:done");
   return {
     box: createBox({
@@ -2405,7 +2522,7 @@ async function bundleMinimalFilesCss(ctx, outfile) {
   const filesWithCss = [];
   const collector = (0, import_parser2.createParserResult)();
   files.forEach((file) => {
-    const measure = import_logger3.logger.time.debug(`Parsed ${file}`);
+    const measure = import_logger4.logger.time.debug(`Parsed ${file}`);
     const result = ctx.project.parseSourceFile(file);
     measure();
     if (!result)
@@ -2481,12 +2598,13 @@ function parseDependency(fileOrGlob) {
 // src/builder.ts
 var configCache = /* @__PURE__ */ new Map();
 var contentFilesCache = /* @__PURE__ */ new WeakMap();
-var setupCount = 0;
+var limit2 = pLimit(20);
 var Builder = class {
   /**
    * The current panda context
    */
   context;
+  hasEmitted = false;
   configDependencies = /* @__PURE__ */ new Set();
   writeFileCss = (file, css) => {
     const oldCss = this.fileCssMap?.get(file) ?? "";
@@ -2513,9 +2631,6 @@ var Builder = class {
     for (const file of deps) {
       delete require.cache[file];
     }
-    if (setupCount > 0) {
-      import_logger4.logger.debug("builder", "\u2699\uFE0F Config changed, reloading");
-    }
     return { isModified: true, modifiedMap: newModified };
   };
   getConfigPath = () => {
@@ -2525,8 +2640,9 @@ var Builder = class {
     }
     return configPath;
   };
+  hasConfigChanged = false;
   setup = async (options = {}) => {
-    import_logger4.logger.debug("builder", "\u{1F6A7} Setup");
+    import_logger5.logger.debug("builder", "\u{1F6A7} Setup");
     const configPath = options.configPath ?? this.getConfigPath();
     const tsOptions = this.context?.tsOptions ?? { baseUrl: void 0, pathMappings: [] };
     const compilerOptions = this.context?.tsconfig?.compilerOptions ?? {};
@@ -2535,12 +2651,14 @@ var Builder = class {
     const configDeps = /* @__PURE__ */ new Set([...foundDeps, ...(this.context?.dependencies ?? []).map((file) => (0, import_path2.resolve)(cwd, file))]);
     this.configDependencies = configDeps;
     const deps = this.checkConfigDeps(configPath, configDeps);
+    this.hasConfigChanged = deps.isModified;
     if (deps.isModified) {
       await this.setupContext({
         configPath,
         depsModifiedMap: deps.modifiedMap
       });
-      const ctx = this.context;
+      const ctx = this.getContextOrThrow();
+      import_logger5.logger.debug("builder", "\u2699\uFE0F Config changed, reloading");
       await ctx.hooks.callHook("config:change", ctx.config);
     }
     const cache = configCache.get(configPath);
@@ -2553,14 +2671,16 @@ var Builder = class {
         depsModifiedMap: deps.modifiedMap
       });
     }
-    setupCount++;
   };
+  emit() {
+    if (this.hasEmitted && this.hasConfigChanged) {
+      emitArtifacts(this.getContextOrThrow());
+    }
+    this.hasEmitted = true;
+  }
   setupContext = async (options) => {
     const { configPath, depsModifiedMap } = options;
     this.context = await loadConfigAndCreateContext({ configPath });
-    if (setupCount > 0) {
-      emitArtifacts(this.context);
-    }
     configCache.set(configPath, {
       context: this.context,
       deps: new Set(this.context.dependencies ?? []),
@@ -2599,8 +2719,9 @@ var Builder = class {
   };
   extract = async () => {
     const ctx = this.getContextOrThrow();
-    const done = import_logger4.logger.time.info("Extracted in");
-    await Promise.allSettled(ctx.getFiles().map((file) => this.extractFile(ctx, file)));
+    const done = import_logger5.logger.time.info("Extracted in");
+    const promises = ctx.getFiles().map((file) => limit2(() => this.extractFile(ctx, file)));
+    await Promise.allSettled(promises);
     done();
   };
   toString = () => {
@@ -2649,24 +2770,24 @@ var Builder = class {
 
 // src/debug-files.ts
 init_cjs_shims();
-var import_logger5 = require("@pandacss/logger");
+var import_logger6 = require("@pandacss/logger");
 var nodePath = __toESM(require("path"));
 async function debugFiles(ctx, options) {
   const files = ctx.getFiles();
-  const measureTotal = import_logger5.logger.time.debug(`Done parsing ${files.length} files`);
+  const measureTotal = import_logger6.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) {
     fs.ensureDirSync(outdir);
-    import_logger5.logger.info("cli", `Writing ${import_logger5.colors.bold(`${outdir}/config.json`)}`);
+    import_logger6.logger.info("cli", `Writing ${import_logger6.colors.bold(`${outdir}/config.json`)}`);
     await fs.writeFile(`${outdir}/config.json`, JSON.stringify(ctx.config, null, 2));
   }
   const filesWithCss = [];
   await Promise.allSettled(
     files.map(async (file) => {
-      const measure = import_logger5.logger.time.debug(`Parsed ${file}`);
+      const measure = import_logger6.logger.time.debug(`Parsed ${file}`);
       const result = ctx.project.parseSourceFile(file);
       measure();
       if (!result)
@@ -2684,8 +2805,8 @@ async function debugFiles(ctx, options) {
         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_logger5.logger.info("cli", `Writing ${import_logger5.colors.bold(`${outdir}/${astJsonPath}`)}`);
-        import_logger5.logger.info("cli", `Writing ${import_logger5.colors.bold(`${outdir}/${cssPath}`)}`);
+        import_logger6.logger.info("cli", `Writing ${import_logger6.colors.bold(`${outdir}/${astJsonPath}`)}`);
+        import_logger6.logger.info("cli", `Writing ${import_logger6.colors.bold(`${outdir}/${cssPath}`)}`);
         return Promise.allSettled([
           fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
           fs.writeFile(`${outdir}/${cssPath}`, css)
@@ -2693,13 +2814,13 @@ async function debugFiles(ctx, options) {
       }
     })
   );
-  import_logger5.logger.info("cli", `Found ${import_logger5.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  import_logger6.logger.info("cli", `Found ${import_logger6.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
 
 // src/exec-command.ts
 init_cjs_shims();
-var import_logger6 = require("@pandacss/logger");
+var import_logger7 = require("@pandacss/logger");
 var import_child_process = require("child_process");
 var import_preferred_pm = __toESM(require("preferred-pm"));
 async function execCommand(cmd, cwd) {
@@ -2711,13 +2832,13 @@ async function execCommand(cmd, cwd) {
   }
   const check = (0, import_child_process.spawnSync)(pm, args, { cwd, stdio: "pipe" });
   if (check.status !== 0) {
-    import_logger6.logger.error("exec", check.stderr.toString());
+    import_logger7.logger.error("exec", check.stderr.toString());
   }
 }
 
 // src/generate.ts
 init_cjs_shims();
-var import_logger7 = require("@pandacss/logger");
+var import_logger8 = require("@pandacss/logger");
 var import_ts_pattern2 = require("ts-pattern");
 
 // src/load-context.ts
@@ -2735,7 +2856,7 @@ var loadContext = async (config, configPath) => {
 // src/generate.ts
 async function build(ctx) {
   const { msg } = await emitArtfifactsAndCssChunks(ctx);
-  import_logger7.logger.info("css:emit", msg);
+  import_logger8.logger.info("css:emit", msg);
 }
 async function generate(config, configPath) {
   const [ctxRef, loadCtx] = await loadContext(config, configPath);
@@ -2749,14 +2870,14 @@ async function generate(config, configPath) {
   if (ctx.config.watch) {
     const configWatcher = fs.watch({ include: dependencies });
     configWatcher.on("change", async () => {
-      import_logger7.logger.info("config:change", "Config changed, restarting...");
+      import_logger8.logger.info("config:change", "Config changed, restarting...");
       await loadCtx();
       await ctxRef.current.hooks.callHook("config:change", ctxRef.current.config);
       return build(ctxRef.current);
     });
     const contentWatcher = fs.watch(ctx.config);
     contentWatcher.on("all", async (event, file) => {
-      import_logger7.logger.info(`file:${event}`, file);
+      import_logger8.logger.info(`file:${event}`, file);
       (0, import_ts_pattern2.match)(event).with("unlink", () => {
         ctx.project.removeSourceFile(path2.abs(cwd, file));
         ctx.chunks.rm(file);
@@ -2770,7 +2891,7 @@ async function generate(config, configPath) {
       }).otherwise(() => {
       });
     });
-    import_logger7.logger.info("ctx:watch", ctx.messages.watch());
+    import_logger8.logger.info("ctx:watch", ctx.messages.watch());
   }
 }
 
@@ -2802,7 +2923,7 @@ function setupGitIgnore(ctx) {
 // src/setup-config.ts
 init_cjs_shims();
 var import_generator2 = require("@pandacss/generator");
-var import_logger8 = require("@pandacss/logger");
+var import_logger9 = require("@pandacss/logger");
 var import_fs_extra3 = require("fs-extra");
 var import_look_it_up3 = require("look-it-up");
 var import_outdent2 = require("outdent");
@@ -2816,9 +2937,9 @@ async function setupConfig(cwd, opts = {}) {
   const cmd = pm === "npm" ? "npm run" : pm;
   const isTs = (0, import_look_it_up3.lookItUpSync)("tsconfig.json", cwd);
   const file = isTs ? "panda.config.ts" : "panda.config.mjs";
-  import_logger8.logger.info("init:config", `creating panda config file: ${(0, import_logger8.quote)(file)}`);
+  import_logger9.logger.info("init:config", `creating panda config file: ${(0, import_logger9.quote)(file)}`);
   if (!force && configFile) {
-    import_logger8.logger.warn("init:config", import_generator2.messages.configExists(cmd));
+    import_logger9.logger.warn("init:config", import_generator2.messages.configExists(cmd));
   } else {
     const content = import_outdent2.outdent`
 import { defineConfig } from "@pandacss/dev"
@@ -2851,11 +2972,11 @@ syntax: '${syntax}'` : ""}
 })
     `;
     await (0, import_fs_extra3.writeFile)((0, import_path3.join)(cwd, file), content);
-    import_logger8.logger.log(import_generator2.messages.thankYou());
+    import_logger9.logger.log(import_generator2.messages.thankYou());
   }
 }
 async function setupPostcss(cwd) {
-  import_logger8.logger.info("init:postcss", `creating postcss config file: ${(0, import_logger8.quote)("postcss.config.cjs")}`);
+  import_logger9.logger.info("init:postcss", `creating postcss config file: ${(0, import_logger9.quote)("postcss.config.cjs")}`);
   const content = import_outdent2.outdent`
 module.exports = {
   plugins: {
@@ -2868,7 +2989,7 @@ module.exports = {
 
 // src/ship-files.ts
 init_cjs_shims();
-var import_logger9 = require("@pandacss/logger");
+var import_logger10 = require("@pandacss/logger");
 var import_parser3 = require("@pandacss/parser");
 var import_promises3 = require("fs/promises");
 var path = __toESM(require("path"));
@@ -2886,12 +3007,12 @@ async function shipFiles(ctx, outfile) {
     extractResult.merge(result);
     filesWithCss.push(path.relative(ctx.config.cwd, file));
   });
-  import_logger9.logger.info("cli", `Found ${import_logger9.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  import_logger10.logger.info("cli", `Found ${import_logger10.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   const minify = ctx.config.minify;
-  import_logger9.logger.info("cli", `Writing ${minify ? "[min] " : " "}${import_logger9.colors.bold(outfile)}`);
+  import_logger10.logger.info("cli", `Writing ${minify ? "[min] " : " "}${import_logger10.colors.bold(outfile)}`);
   const output = JSON.stringify(extractResult.toJSON(), null, minify ? 0 : 2);
   await (0, import_promises3.writeFile)(outfile, output);
-  import_logger9.logger.info("cli", "Done!");
+  import_logger10.logger.info("cli", "Done!");
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -34,9 +34,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.27_typescript@5.2.2/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.31_typescript@5.2.2/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.27_typescript@5.2.2/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.31_typescript@5.2.2/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });
@@ -758,11 +758,118 @@ init_esm_shims();
 import { getConfigDependencies } from "@pandacss/config";
 import { optimizeCss as optimizeCss2, mergeCss as mergeCss2 } from "@pandacss/core";
 import { ConfigNotFoundError } from "@pandacss/error";
-import { logger as logger4 } from "@pandacss/logger";
+import { logger as logger5 } from "@pandacss/logger";
 import { existsSync as existsSync2 } from "fs";
 import { statSync } from "fs-extra";
 import { resolve as resolve2 } from "path";
 
+// ../../node_modules/.pnpm/p-limit@4.0.0/node_modules/p-limit/index.js
+init_esm_shims();
+
+// ../../node_modules/.pnpm/yocto-queue@1.0.0/node_modules/yocto-queue/index.js
+init_esm_shims();
+var Node = class {
+  value;
+  next;
+  constructor(value) {
+    this.value = value;
+  }
+};
+var Queue = class {
+  #head;
+  #tail;
+  #size;
+  constructor() {
+    this.clear();
+  }
+  enqueue(value) {
+    const node = new Node(value);
+    if (this.#head) {
+      this.#tail.next = node;
+      this.#tail = node;
+    } else {
+      this.#head = node;
+      this.#tail = node;
+    }
+    this.#size++;
+  }
+  dequeue() {
+    const current = this.#head;
+    if (!current) {
+      return;
+    }
+    this.#head = this.#head.next;
+    this.#size--;
+    return current.value;
+  }
+  clear() {
+    this.#head = void 0;
+    this.#tail = void 0;
+    this.#size = 0;
+  }
+  get size() {
+    return this.#size;
+  }
+  *[Symbol.iterator]() {
+    let current = this.#head;
+    while (current) {
+      yield current.value;
+      current = current.next;
+    }
+  }
+};
+
+// ../../node_modules/.pnpm/p-limit@4.0.0/node_modules/p-limit/index.js
+function pLimit(concurrency) {
+  if (!((Number.isInteger(concurrency) || concurrency === Number.POSITIVE_INFINITY) && concurrency > 0)) {
+    throw new TypeError("Expected `concurrency` to be a number from 1 and up");
+  }
+  const queue = new Queue();
+  let activeCount = 0;
+  const next = () => {
+    activeCount--;
+    if (queue.size > 0) {
+      queue.dequeue()();
+    }
+  };
+  const run = async (fn, resolve3, args) => {
+    activeCount++;
+    const result = (async () => fn(...args))();
+    resolve3(result);
+    try {
+      await result;
+    } catch {
+    }
+    next();
+  };
+  const enqueue = (fn, resolve3, args) => {
+    queue.enqueue(run.bind(void 0, fn, resolve3, args));
+    (async () => {
+      await Promise.resolve();
+      if (activeCount < concurrency && queue.size > 0) {
+        queue.dequeue()();
+      }
+    })();
+  };
+  const generator = (fn, ...args) => new Promise((resolve3) => {
+    enqueue(fn, resolve3, args);
+  });
+  Object.defineProperties(generator, {
+    activeCount: {
+      get: () => activeCount
+    },
+    pendingCount: {
+      get: () => queue.size
+    },
+    clearQueue: {
+      value: () => {
+        queue.clear();
+      }
+    }
+  });
+  return generator;
+}
+
 // src/config.ts
 init_esm_shims();
 import { convertTsPathsToRegexes, loadConfigFile } from "@pandacss/config";
@@ -773,6 +880,7 @@ import { parse } from "tsconfck";
 // src/create-context.ts
 init_esm_shims();
 import { createGenerator } from "@pandacss/generator";
+import { logger as logger3 } from "@pandacss/logger";
 import { createProject } from "@pandacss/parser";
 
 // src/chunk-engine.ts
@@ -912,11 +1020,14 @@ var getOutputEngine = ({
     const { dir = paths.root, files } = output;
     fs.ensureDirSync(path2.join(...dir));
     return Promise.allSettled(
-      files.map(async ({ file, code }) => {
+      files.map(async (artifact) => {
+        if (!artifact)
+          return;
+        const { file, code } = artifact;
         const absPath = path2.join(...dir, file);
-        if (code) {
-          return fs.writeFile(absPath, code);
-        }
+        if (!code)
+          return;
+        return fs.writeFile(absPath, code);
       })
     );
   }
@@ -928,6 +1039,9 @@ var createContext = (conf) => {
   const config = conf.config;
   const runtime = nodeRuntime;
   config.cwd ||= runtime.cwd();
+  if (config.logLevel) {
+    logger3.level = config.logLevel;
+  }
   const { include, exclude, cwd } = config;
   const getFiles = () => runtime.fs.glob({ include, exclude, cwd });
   const ctx = {
@@ -959,7 +1073,8 @@ function findConfig() {
 }
 async function loadConfigAndCreateContext(options = {}) {
   const hooks = createHooks();
-  const { cwd = process.cwd(), config, configPath } = options;
+  const { config, configPath } = options;
+  const cwd = options.cwd ?? options?.config?.cwd ?? process.cwd();
   const conf = await loadConfigFile({ cwd, file: configPath });
   if (config) {
     Object.assign(conf.config, config);
@@ -990,8 +1105,12 @@ async function loadConfigAndCreateContext(options = {}) {
 
 // src/extract.ts
 init_esm_shims();
-import { logger as logger3 } from "@pandacss/logger";
+import { optimizeCss } from "@pandacss/core";
+import { logger as logger4 } from "@pandacss/logger";
+import { createParserResult } from "@pandacss/parser";
+import { writeFile as writeFile3 } from "fs/promises";
 import { Obj, pipe, tap, tryCatch } from "lil-fp";
+import { match } from "ts-pattern";
 
 // src/cli-box.ts
 init_esm_shims();
@@ -2306,10 +2425,6 @@ var createBox = (options) => boxen(options.content, {
 });
 
 // src/extract.ts
-import { writeFile as writeFile3 } from "fs/promises";
-import { createParserResult } from "@pandacss/parser";
-import { match } from "ts-pattern";
-import { optimizeCss } from "@pandacss/core";
 async function bundleStyleChunksWithImports(ctx) {
   const files = ctx.chunks.getFiles();
   await ctx.output.write({
@@ -2320,7 +2435,7 @@ async function bundleStyleChunksWithImports(ctx) {
 }
 async function writeFileChunk(ctx, file) {
   const { path: path2 } = ctx.runtime;
-  logger3.debug("chunk:write", `File: ${path2.relative(ctx.config.cwd, file)}`);
+  logger4.debug("chunk:write", `File: ${path2.relative(ctx.config.cwd, file)}`);
   const css = extractFile(ctx, file);
   if (!css)
     return;
@@ -2334,16 +2449,16 @@ function extractFile(ctx, file) {
   } = ctx;
   return pipe(
     { file: path2.abs(cwd, file) },
-    tap(() => logger3.debug("file:extract", file)),
-    Obj.bind("measure", () => logger3.time.debug(`Extracted ${file}`)),
+    tap(() => logger4.debug("file:extract", file)),
+    Obj.bind("measure", () => logger4.time.debug(`Extracted ${file}`)),
     Obj.bind(
       "result",
       tryCatch(
         ({ file: file2 }) => ctx.project.parseSourceFile(file2),
-        (error) => logger3.error("file:parse", error)
+        (error) => logger4.error("file:parse", error)
       )
     ),
-    Obj.bind("measureCss", () => logger3.time.debug(`Parsed ${file}`)),
+    Obj.bind("measureCss", () => logger4.time.debug(`Parsed ${file}`)),
     Obj.bind("css", ({ result }) => result ? ctx.getParserCss(result) : void 0),
     tap(({ measure, measureCss }) => [measureCss(), measure()]),
     Obj.get("css")
@@ -2354,10 +2469,12 @@ function writeChunks(ctx) {
 }
 var randomWords = ["Sweet", "Divine", "Pandalicious", "Super"];
 var pickRandom = (arr) => arr[Math.floor(Math.random() * arr.length)];
+var limit = pLimit(20);
 async function emitArtifacts(ctx) {
   if (ctx.config.clean)
     ctx.output.empty();
-  await Promise.allSettled(ctx.getArtifacts().map(ctx.output.write));
+  const promises = ctx.getArtifacts().map((artifact) => limit(() => ctx.output.write(artifact)));
+  await Promise.allSettled(promises);
   void ctx.hooks.callHook("generator:done");
   return {
     box: createBox({
@@ -2390,7 +2507,7 @@ async function bundleMinimalFilesCss(ctx, outfile) {
   const filesWithCss = [];
   const collector = createParserResult();
   files.forEach((file) => {
-    const measure = logger3.time.debug(`Parsed ${file}`);
+    const measure = logger4.time.debug(`Parsed ${file}`);
     const result = ctx.project.parseSourceFile(file);
     measure();
     if (!result)
@@ -2466,12 +2583,13 @@ function parseDependency(fileOrGlob) {
 // src/builder.ts
 var configCache = /* @__PURE__ */ new Map();
 var contentFilesCache = /* @__PURE__ */ new WeakMap();
-var setupCount = 0;
+var limit2 = pLimit(20);
 var Builder = class {
   /**
    * The current panda context
    */
   context;
+  hasEmitted = false;
   configDependencies = /* @__PURE__ */ new Set();
   writeFileCss = (file, css) => {
     const oldCss = this.fileCssMap?.get(file) ?? "";
@@ -2498,9 +2616,6 @@ var Builder = class {
     for (const file of deps) {
       delete __require.cache[file];
     }
-    if (setupCount > 0) {
-      logger4.debug("builder", "\u2699\uFE0F Config changed, reloading");
-    }
     return { isModified: true, modifiedMap: newModified };
   };
   getConfigPath = () => {
@@ -2510,8 +2625,9 @@ var Builder = class {
     }
     return configPath;
   };
+  hasConfigChanged = false;
   setup = async (options = {}) => {
-    logger4.debug("builder", "\u{1F6A7} Setup");
+    logger5.debug("builder", "\u{1F6A7} Setup");
     const configPath = options.configPath ?? this.getConfigPath();
     const tsOptions = this.context?.tsOptions ?? { baseUrl: void 0, pathMappings: [] };
     const compilerOptions = this.context?.tsconfig?.compilerOptions ?? {};
@@ -2520,12 +2636,14 @@ var Builder = class {
     const configDeps = /* @__PURE__ */ new Set([...foundDeps, ...(this.context?.dependencies ?? []).map((file) => resolve2(cwd, file))]);
     this.configDependencies = configDeps;
     const deps = this.checkConfigDeps(configPath, configDeps);
+    this.hasConfigChanged = deps.isModified;
     if (deps.isModified) {
       await this.setupContext({
         configPath,
         depsModifiedMap: deps.modifiedMap
       });
-      const ctx = this.context;
+      const ctx = this.getContextOrThrow();
+      logger5.debug("builder", "\u2699\uFE0F Config changed, reloading");
       await ctx.hooks.callHook("config:change", ctx.config);
     }
     const cache = configCache.get(configPath);
@@ -2538,14 +2656,16 @@ var Builder = class {
         depsModifiedMap: deps.modifiedMap
       });
     }
-    setupCount++;
   };
+  emit() {
+    if (this.hasEmitted && this.hasConfigChanged) {
+      emitArtifacts(this.getContextOrThrow());
+    }
+    this.hasEmitted = true;
+  }
   setupContext = async (options) => {
     const { configPath, depsModifiedMap } = options;
     this.context = await loadConfigAndCreateContext({ configPath });
-    if (setupCount > 0) {
-      emitArtifacts(this.context);
-    }
     configCache.set(configPath, {
       context: this.context,
       deps: new Set(this.context.dependencies ?? []),
@@ -2584,8 +2704,9 @@ var Builder = class {
   };
   extract = async () => {
     const ctx = this.getContextOrThrow();
-    const done = logger4.time.info("Extracted in");
-    await Promise.allSettled(ctx.getFiles().map((file) => this.extractFile(ctx, file)));
+    const done = logger5.time.info("Extracted in");
+    const promises = ctx.getFiles().map((file) => limit2(() => this.extractFile(ctx, file)));
+    await Promise.allSettled(promises);
     done();
   };
   toString = () => {
@@ -2634,24 +2755,24 @@ var Builder = class {
 
 // src/debug-files.ts
 init_esm_shims();
-import { colors, logger as logger5 } from "@pandacss/logger";
+import { colors, logger as logger6 } from "@pandacss/logger";
 import * as nodePath from "path";
 async function debugFiles(ctx, options) {
   const files = ctx.getFiles();
-  const measureTotal = logger5.time.debug(`Done parsing ${files.length} files`);
+  const measureTotal = logger6.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) {
     fs.ensureDirSync(outdir);
-    logger5.info("cli", `Writing ${colors.bold(`${outdir}/config.json`)}`);
+    logger6.info("cli", `Writing ${colors.bold(`${outdir}/config.json`)}`);
     await fs.writeFile(`${outdir}/config.json`, JSON.stringify(ctx.config, null, 2));
   }
   const filesWithCss = [];
   await Promise.allSettled(
     files.map(async (file) => {
-      const measure = logger5.time.debug(`Parsed ${file}`);
+      const measure = logger6.time.debug(`Parsed ${file}`);
       const result = ctx.project.parseSourceFile(file);
       measure();
       if (!result)
@@ -2669,8 +2790,8 @@ async function debugFiles(ctx, options) {
         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(`${outdir}/${astJsonPath}`)}`);
-        logger5.info("cli", `Writing ${colors.bold(`${outdir}/${cssPath}`)}`);
+        logger6.info("cli", `Writing ${colors.bold(`${outdir}/${astJsonPath}`)}`);
+        logger6.info("cli", `Writing ${colors.bold(`${outdir}/${cssPath}`)}`);
         return Promise.allSettled([
           fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
           fs.writeFile(`${outdir}/${cssPath}`, css)
@@ -2678,13 +2799,13 @@ async function debugFiles(ctx, options) {
       }
     })
   );
-  logger5.info("cli", `Found ${colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  logger6.info("cli", `Found ${colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
 
 // src/exec-command.ts
 init_esm_shims();
-import { logger as logger6 } from "@pandacss/logger";
+import { logger as logger7 } from "@pandacss/logger";
 import { spawnSync } from "child_process";
 import getPackageManager from "preferred-pm";
 async function execCommand(cmd, cwd) {
@@ -2696,13 +2817,13 @@ async function execCommand(cmd, cwd) {
   }
   const check = spawnSync(pm, args, { cwd, stdio: "pipe" });
   if (check.status !== 0) {
-    logger6.error("exec", check.stderr.toString());
+    logger7.error("exec", check.stderr.toString());
   }
 }
 
 // src/generate.ts
 init_esm_shims();
-import { logger as logger7 } from "@pandacss/logger";
+import { logger as logger8 } from "@pandacss/logger";
 import { match as match2 } from "ts-pattern";
 
 // src/load-context.ts
@@ -2720,7 +2841,7 @@ var loadContext = async (config, configPath) => {
 // src/generate.ts
 async function build(ctx) {
   const { msg } = await emitArtfifactsAndCssChunks(ctx);
-  logger7.info("css:emit", msg);
+  logger8.info("css:emit", msg);
 }
 async function generate(config, configPath) {
   const [ctxRef, loadCtx] = await loadContext(config, configPath);
@@ -2734,14 +2855,14 @@ async function generate(config, configPath) {
   if (ctx.config.watch) {
     const configWatcher = fs.watch({ include: dependencies });
     configWatcher.on("change", async () => {
-      logger7.info("config:change", "Config changed, restarting...");
+      logger8.info("config:change", "Config changed, restarting...");
       await loadCtx();
       await ctxRef.current.hooks.callHook("config:change", ctxRef.current.config);
       return build(ctxRef.current);
     });
     const contentWatcher = fs.watch(ctx.config);
     contentWatcher.on("all", async (event, file) => {
-      logger7.info(`file:${event}`, file);
+      logger8.info(`file:${event}`, file);
       match2(event).with("unlink", () => {
         ctx.project.removeSourceFile(path2.abs(cwd, file));
         ctx.chunks.rm(file);
@@ -2755,7 +2876,7 @@ async function generate(config, configPath) {
       }).otherwise(() => {
       });
     });
-    logger7.info("ctx:watch", ctx.messages.watch());
+    logger8.info("ctx:watch", ctx.messages.watch());
   }
 }
 
@@ -2787,7 +2908,7 @@ function setupGitIgnore(ctx) {
 // src/setup-config.ts
 init_esm_shims();
 import { messages } from "@pandacss/generator";
-import { logger as logger8, quote } from "@pandacss/logger";
+import { logger as logger9, quote } from "@pandacss/logger";
 import { writeFile as writeFile4 } from "fs-extra";
 import { lookItUpSync as lookItUpSync3 } from "look-it-up";
 import { outdent as outdent2 } from "outdent";
@@ -2801,9 +2922,9 @@ async function setupConfig(cwd, opts = {}) {
   const cmd = pm === "npm" ? "npm run" : pm;
   const isTs = lookItUpSync3("tsconfig.json", cwd);
   const file = isTs ? "panda.config.ts" : "panda.config.mjs";
-  logger8.info("init:config", `creating panda config file: ${quote(file)}`);
+  logger9.info("init:config", `creating panda config file: ${quote(file)}`);
   if (!force && configFile) {
-    logger8.warn("init:config", messages.configExists(cmd));
+    logger9.warn("init:config", messages.configExists(cmd));
   } else {
     const content = outdent2`
 import { defineConfig } from "@pandacss/dev"
@@ -2836,11 +2957,11 @@ syntax: '${syntax}'` : ""}
 })
     `;
     await writeFile4(join2(cwd, file), content);
-    logger8.log(messages.thankYou());
+    logger9.log(messages.thankYou());
   }
 }
 async function setupPostcss(cwd) {
-  logger8.info("init:postcss", `creating postcss config file: ${quote("postcss.config.cjs")}`);
+  logger9.info("init:postcss", `creating postcss config file: ${quote("postcss.config.cjs")}`);
   const content = outdent2`
 module.exports = {
   plugins: {
@@ -2853,7 +2974,7 @@ module.exports = {
 
 // src/ship-files.ts
 init_esm_shims();
-import { colors as colors2, logger as logger9 } from "@pandacss/logger";
+import { colors as colors2, logger as logger10 } from "@pandacss/logger";
 import { createParserResult as createParserResult2 } from "@pandacss/parser";
 import { writeFile as writeFile5 } from "fs/promises";
 import * as path from "path";
@@ -2871,12 +2992,12 @@ async function shipFiles(ctx, outfile) {
     extractResult.merge(result);
     filesWithCss.push(path.relative(ctx.config.cwd, file));
   });
-  logger9.info("cli", `Found ${colors2.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  logger10.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)}`);
+  logger10.info("cli", `Writing ${minify ? "[min] " : " "}${colors2.bold(outfile)}`);
   const output = JSON.stringify(extractResult.toJSON(), null, minify ? 0 : 2);
   await writeFile5(outfile, output);
-  logger9.info("cli", "Done!");
+  logger10.info("cli", "Done!");
 }
 export {
   Builder,

package/package.json

@@ -1,11 +1,23 @@
 {
   "name": "@pandacss/node",
-  "version": "0.16.0",
+  "version": "0.17.1",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.js",
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
   "files": [
     "dist"
   ],
@@ -29,31 +41,32 @@
     "pathe": "^1.1.1",
     "pkg-types": "1.0.3",
     "pluralize": "8.0.0",
-    "postcss": "8.4.27",
+    "postcss": "^8.4.31",
     "preferred-pm": "^3.0.3",
     "ts-morph": "19.0.0",
     "ts-pattern": "5.0.5",
     "tsconfck": "^2.1.2",
-    "@pandacss/config": "0.16.0",
-    "@pandacss/core": "0.16.0",
-    "@pandacss/error": "0.16.0",
-    "@pandacss/extractor": "0.16.0",
-    "@pandacss/generator": "0.16.0",
-    "@pandacss/is-valid-prop": "0.16.0",
-    "@pandacss/logger": "0.16.0",
-    "@pandacss/parser": "0.16.0",
-    "@pandacss/shared": "0.16.0",
-    "@pandacss/token-dictionary": "0.16.0",
-    "@pandacss/types": "0.16.0"
+    "@pandacss/error": "0.17.1",
+    "@pandacss/is-valid-prop": "0.17.1",
+    "@pandacss/core": "0.17.1",
+    "@pandacss/extractor": "0.17.1",
+    "@pandacss/logger": "0.17.1",
+    "@pandacss/shared": "0.17.1",
+    "@pandacss/parser": "0.17.1",
+    "@pandacss/token-dictionary": "0.17.1",
+    "@pandacss/types": "0.17.1",
+    "@pandacss/generator": "0.17.1",
+    "@pandacss/config": "0.17.1"
   },
   "devDependencies": {
-    "@types/fs-extra": "11.0.2",
+    "@types/fs-extra": "11.0.3",
     "@types/glob-parent": "^5.1.1",
     "@types/is-glob": "^4.0.2",
-    "@types/lodash.merge": "4.6.7",
+    "@types/lodash.merge": "4.6.8",
     "@types/pluralize": "0.0.30",
     "boxen": "^7.1.1",
-    "@pandacss/fixture": "0.16.0"
+    "p-limit": "^4.0.0",
+    "@pandacss/fixture": "0.17.1"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",