@pandacss/node 0.15.5 → 0.17.0

package/dist/index.d.mts

@@ -1,4 +1,3 @@
-export { discardDuplicate } from '@pandacss/core';
 import * as _pandacss_types from '@pandacss/types';
 import { PandaHookable, Artifact, ConfigResultWithHooks, Runtime as Runtime$1, ParserResultType, Config } from '@pandacss/types';
 import { Generator } from '@pandacss/generator';
@@ -226,23 +225,50 @@ declare function debugFiles(ctx: PandaContext, options: {
 
 declare function execCommand(cmd: string, cwd: string): Promise<void>;
 
+/**
+ * Parse a file and return the corresponding css
+ */
 declare function extractFile(ctx: PandaContext, file: string): string | undefined;
 declare function emitArtifacts(ctx: PandaContext): Promise<{
     box: string;
     msg: string;
 }>;
-declare function emitAndExtract(ctx: PandaContext): Promise<{
+declare function emitArtfifactsAndCssChunks(ctx: PandaContext): Promise<{
     files: string[];
     msg: string;
 }>;
-declare function extractCss(ctx: PandaContext): Promise<{
+/**
+ * Writes all the css chunks in outdir/chunks/{file}.css
+ * and bundles them in outdir/styles.css
+ */
+declare function writeAndBundleCssChunks(ctx: PandaContext): Promise<{
     files: string[];
     msg: string;
 }>;
+/**
+ * Bundles all the included files CSS into the given outfile
+ * Including the root CSS artifact files content (global, static, reset, tokens, keyframes)
+ * Without any imports
+ */
 declare function bundleCss(ctx: PandaContext, outfile: string): Promise<{
     files: string[];
     msg: string;
 }>;
+/**
+ * Bundles all the files CSS into outdir/chunks/{file}.css
+ * Without writing any chunks or needing any imports
+ */
+declare function bundleMinimalFilesCss(ctx: PandaContext, outfile: string): Promise<{
+    files: string[];
+    msg: string;
+}>;
+type CssArtifactType = 'preflight' | 'tokens' | 'static' | 'global' | 'keyframes';
+/**
+ * Generates the CSS for a given artifact type
+ */
+declare function generateCssArtifactOfType(ctx: PandaContext, cssType: CssArtifactType, outfile: string): Promise<{
+    msg: string;
+}>;
 
 declare function generate(config: Config, configPath?: string): Promise<void>;
 
@@ -258,4 +284,4 @@ declare function setupPostcss(cwd: string): Promise<void>;
 
 declare function shipFiles(ctx: PandaContext, outfile: string): Promise<void>;
 
-export { Builder, PandaContext, analyzeTokens, bundleCss, createContext, debugFiles, emitAndExtract, emitArtifacts, execCommand, extractCss, extractFile, findConfig, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON };
+export { Builder, CssArtifactType, PandaContext, analyzeTokens, bundleCss, bundleMinimalFilesCss, createContext, debugFiles, emitArtfifactsAndCssChunks, emitArtifacts, execCommand, extractFile, findConfig, generate, generateCssArtifactOfType, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON, writeAndBundleCssChunks };

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-export { discardDuplicate } from '@pandacss/core';
 import * as _pandacss_types from '@pandacss/types';
 import { PandaHookable, Artifact, ConfigResultWithHooks, Runtime as Runtime$1, ParserResultType, Config } from '@pandacss/types';
 import { Generator } from '@pandacss/generator';
@@ -226,23 +225,50 @@ declare function debugFiles(ctx: PandaContext, options: {
 
 declare function execCommand(cmd: string, cwd: string): Promise<void>;
 
+/**
+ * Parse a file and return the corresponding css
+ */
 declare function extractFile(ctx: PandaContext, file: string): string | undefined;
 declare function emitArtifacts(ctx: PandaContext): Promise<{
     box: string;
     msg: string;
 }>;
-declare function emitAndExtract(ctx: PandaContext): Promise<{
+declare function emitArtfifactsAndCssChunks(ctx: PandaContext): Promise<{
     files: string[];
     msg: string;
 }>;
-declare function extractCss(ctx: PandaContext): Promise<{
+/**
+ * Writes all the css chunks in outdir/chunks/{file}.css
+ * and bundles them in outdir/styles.css
+ */
+declare function writeAndBundleCssChunks(ctx: PandaContext): Promise<{
     files: string[];
     msg: string;
 }>;
+/**
+ * Bundles all the included files CSS into the given outfile
+ * Including the root CSS artifact files content (global, static, reset, tokens, keyframes)
+ * Without any imports
+ */
 declare function bundleCss(ctx: PandaContext, outfile: string): Promise<{
     files: string[];
     msg: string;
 }>;
+/**
+ * Bundles all the files CSS into outdir/chunks/{file}.css
+ * Without writing any chunks or needing any imports
+ */
+declare function bundleMinimalFilesCss(ctx: PandaContext, outfile: string): Promise<{
+    files: string[];
+    msg: string;
+}>;
+type CssArtifactType = 'preflight' | 'tokens' | 'static' | 'global' | 'keyframes';
+/**
+ * Generates the CSS for a given artifact type
+ */
+declare function generateCssArtifactOfType(ctx: PandaContext, cssType: CssArtifactType, outfile: string): Promise<{
+    msg: string;
+}>;
 
 declare function generate(config: Config, configPath?: string): Promise<void>;
 
@@ -258,4 +284,4 @@ declare function setupPostcss(cwd: string): Promise<void>;
 
 declare function shipFiles(ctx: PandaContext, outfile: string): Promise<void>;
 
-export { Builder, PandaContext, analyzeTokens, bundleCss, createContext, debugFiles, emitAndExtract, emitArtifacts, execCommand, extractCss, extractFile, findConfig, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON };
+export { Builder, CssArtifactType, PandaContext, analyzeTokens, bundleCss, bundleMinimalFilesCss, createContext, debugFiles, emitArtfifactsAndCssChunks, emitArtifacts, execCommand, extractFile, findConfig, generate, generateCssArtifactOfType, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON, writeAndBundleCssChunks };

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";
   }
 });
@@ -406,27 +406,27 @@ __export(src_exports, {
   Builder: () => Builder,
   analyzeTokens: () => analyzeTokens,
   bundleCss: () => bundleCss,
+  bundleMinimalFilesCss: () => bundleMinimalFilesCss,
   createContext: () => createContext,
   debugFiles: () => debugFiles,
-  discardDuplicate: () => import_core3.discardDuplicate,
-  emitAndExtract: () => emitAndExtract,
+  emitArtfifactsAndCssChunks: () => emitArtfifactsAndCssChunks,
   emitArtifacts: () => emitArtifacts,
   execCommand: () => execCommand,
-  extractCss: () => extractCss,
   extractFile: () => extractFile,
   findConfig: () => findConfig,
   generate: () => generate,
+  generateCssArtifactOfType: () => generateCssArtifactOfType,
   loadConfigAndCreateContext: () => loadConfigAndCreateContext,
   parseDependency: () => parseDependency,
   setupConfig: () => setupConfig,
   setupGitIgnore: () => setupGitIgnore,
   setupPostcss: () => setupPostcss,
   shipFiles: () => shipFiles,
-  writeAnalyzeJSON: () => writeAnalyzeJSON
+  writeAnalyzeJSON: () => writeAnalyzeJSON,
+  writeAndBundleCssChunks: () => writeAndBundleCssChunks
 });
 module.exports = __toCommonJS(src_exports);
 init_cjs_shims();
-var import_core3 = require("@pandacss/core");
 
 // src/analyze-tokens.ts
 init_cjs_shims();
@@ -780,9 +780,9 @@ var writeAnalyzeJSON = (fileName, result, ctx) => {
 // src/builder.ts
 init_cjs_shims();
 var import_config2 = require("@pandacss/config");
-var import_core2 = require("@pandacss/core");
+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");
@@ -927,22 +927,29 @@ 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);
       })
     );
   }
 });
 
 // src/create-context.ts
+var import_logger3 = require("@pandacss/logger");
 var createContext = (conf) => {
   const generator = (0, import_generator.createGenerator)(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 = {
@@ -1005,7 +1012,7 @@ async function loadConfigAndCreateContext(options = {}) {
 
 // src/extract.ts
 init_cjs_shims();
-var import_logger3 = require("@pandacss/logger");
+var import_logger4 = require("@pandacss/logger");
 var import_lil_fp = require("lil-fp");
 
 // src/cli-box.ts
@@ -2322,7 +2329,10 @@ var createBox = (options) => boxen(options.content, {
 
 // src/extract.ts
 var import_promises2 = require("fs/promises");
-async function bundleChunks(ctx) {
+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({
     dir: ctx.paths.root,
@@ -2332,7 +2342,7 @@ async function bundleChunks(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;
@@ -2346,22 +2356,22 @@ 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")
   );
 }
-function extractFiles(ctx) {
+function writeChunks(ctx) {
   return Promise.allSettled(ctx.getFiles().map((file) => writeFileChunk(ctx, file)));
 }
 var randomWords = ["Sweet", "Divine", "Pandalicious", "Super"];
@@ -2379,23 +2389,57 @@ async function emitArtifacts(ctx) {
     msg: ctx.messages.artifactsGenerated()
   };
 }
-async function emitAndExtract(ctx) {
+async function emitArtfifactsAndCssChunks(ctx) {
   await emitArtifacts(ctx);
   if (ctx.config.emitTokensOnly) {
     return { files: [], msg: "Successfully rebuilt the css variables and js function to query your tokens \u2728" };
   }
-  return extractCss(ctx);
+  return writeAndBundleCssChunks(ctx);
 }
-async function extractCss(ctx) {
-  await extractFiles(ctx);
-  return bundleChunks(ctx);
+async function writeAndBundleCssChunks(ctx) {
+  await writeChunks(ctx);
+  return bundleStyleChunksWithImports(ctx);
 }
 async function bundleCss(ctx, outfile) {
-  const extracted = await extractFiles(ctx);
+  const extracted = await writeChunks(ctx);
   const files = ctx.chunks.getFiles();
-  await (0, import_promises2.writeFile)(outfile, ctx.getCss({ files, resolve: true }));
+  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_logger4.logger.time.debug(`Parsed ${file}`);
+    const result = ctx.project.parseSourceFile(file);
+    measure();
+    if (!result)
+      return;
+    collector.merge(result);
+    filesWithCss.push(file);
+  });
+  const css = ctx.getParserCss(collector);
+  if (!css)
+    return { files, msg: ctx.messages.buildComplete(files.length) };
+  const minify = ctx.config.minify;
+  await (0, import_promises2.writeFile)(outfile, (0, import_core2.optimizeCss)(css, { minify }));
+  return { files, msg: ctx.messages.buildComplete(files.length) };
+}
+async function generateCssArtifactOfType(ctx, cssType, outfile) {
+  let notFound = false;
+  const css = (0, import_ts_pattern.match)(cssType).with("preflight", () => ctx.getResetCss(ctx)).with("tokens", () => ctx.getTokenCss(ctx)).with("static", () => ctx.getStaticCss(ctx)).with("global", () => ctx.getGlobalCss(ctx)).with("keyframes", () => ctx.getKeyframeCss(ctx)).otherwise(() => {
+    notFound = true;
+  });
+  if (notFound)
+    return { msg: `No css artifact of type <${cssType}> was found` };
+  if (!css)
+    return { msg: `No css to generate for type <${cssType}>` };
+  const minify = ctx.config.minify;
+  await (0, import_promises2.writeFile)(outfile, (0, import_core2.optimizeCss)(css, { minify }));
+  return { msg: `Successfully generated ${cssType} css artifact \u2728` };
+}
 
 // src/parse-dependency.ts
 init_cjs_shims();
@@ -2453,7 +2497,7 @@ var Builder = class {
   configDependencies = /* @__PURE__ */ new Set();
   writeFileCss = (file, css) => {
     const oldCss = this.fileCssMap?.get(file) ?? "";
-    const newCss = (0, import_core2.mergeCss)(oldCss, css);
+    const newCss = (0, import_core3.mergeCss)(oldCss, css);
     this.fileCssMap?.set(file, newCss);
   };
   checkConfigDeps = (configPath, deps) => {
@@ -2477,7 +2521,7 @@ var Builder = class {
       delete require.cache[file];
     }
     if (setupCount > 0) {
-      import_logger4.logger.debug("builder", "\u2699\uFE0F Config changed, reloading");
+      import_logger5.logger.debug("builder", "\u2699\uFE0F Config changed, reloading");
     }
     return { isModified: true, modifiedMap: newModified };
   };
@@ -2489,7 +2533,7 @@ var Builder = class {
     return configPath;
   };
   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 ?? {};
@@ -2562,7 +2606,7 @@ var Builder = class {
   };
   extract = async () => {
     const ctx = this.getContextOrThrow();
-    const done = import_logger4.logger.time.info("Extracted in");
+    const done = import_logger5.logger.time.info("Extracted in");
     await Promise.allSettled(ctx.getFiles().map((file) => this.extractFile(ctx, file)));
     done();
   };
@@ -2587,7 +2631,7 @@ var Builder = class {
     const rootCssContent = root.toString();
     root.removeAll();
     root.append(
-      (0, import_core2.discardDuplicate)(`
+      (0, import_core3.optimizeCss)(`
     ${rootCssContent}
     ${this.toString()}
     `)
@@ -2612,24 +2656,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)
@@ -2647,8 +2691,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)
@@ -2656,13 +2700,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) {
@@ -2674,14 +2718,14 @@ 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_ts_pattern = require("ts-pattern");
+var import_logger8 = require("@pandacss/logger");
+var import_ts_pattern2 = require("ts-pattern");
 
 // src/load-context.ts
 init_cjs_shims();
@@ -2697,8 +2741,8 @@ var loadContext = async (config, configPath) => {
 
 // src/generate.ts
 async function build(ctx) {
-  const { msg } = await emitAndExtract(ctx);
-  import_logger7.logger.info("css:emit", msg);
+  const { msg } = await emitArtfifactsAndCssChunks(ctx);
+  import_logger8.logger.info("css:emit", msg);
 }
 async function generate(config, configPath) {
   const [ctxRef, loadCtx] = await loadContext(config, configPath);
@@ -2712,28 +2756,28 @@ 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);
-      (0, import_ts_pattern.match)(event).with("unlink", () => {
+      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);
       }).with("change", async () => {
         ctx.project.reloadSourceFile(file);
         await writeFileChunk(ctxRef.current, file);
-        return bundleChunks(ctxRef.current);
+        return bundleStyleChunksWithImports(ctxRef.current);
       }).with("add", async () => {
         ctx.project.createSourceFile(file);
-        return bundleChunks(ctxRef.current);
+        return bundleStyleChunksWithImports(ctxRef.current);
       }).otherwise(() => {
       });
     });
-    import_logger7.logger.info("ctx:watch", ctx.messages.watch());
+    import_logger8.logger.info("ctx:watch", ctx.messages.watch());
   }
 }
 
@@ -2765,7 +2809,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");
@@ -2779,9 +2823,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"
@@ -2814,11 +2858,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: {
@@ -2831,13 +2875,13 @@ module.exports = {
 
 // src/ship-files.ts
 init_cjs_shims();
-var import_logger9 = require("@pandacss/logger");
-var import_parser2 = require("@pandacss/parser");
+var import_logger10 = require("@pandacss/logger");
+var import_parser3 = require("@pandacss/parser");
 var import_promises3 = require("fs/promises");
 var path = __toESM(require("path"));
 async function shipFiles(ctx, outfile) {
   const files = ctx.getFiles();
-  const extractResult = (0, import_parser2.createParserResult)();
+  const extractResult = (0, import_parser3.createParserResult)();
   const filesWithCss = [];
   files.forEach(async (file) => {
     const result = ctx.project.parseSourceFile(file);
@@ -2849,33 +2893,34 @@ 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 = {
   Builder,
   analyzeTokens,
   bundleCss,
+  bundleMinimalFilesCss,
   createContext,
   debugFiles,
-  discardDuplicate,
-  emitAndExtract,
+  emitArtfifactsAndCssChunks,
   emitArtifacts,
   execCommand,
-  extractCss,
   extractFile,
   findConfig,
   generate,
+  generateCssArtifactOfType,
   loadConfigAndCreateContext,
   parseDependency,
   setupConfig,
   setupGitIgnore,
   setupPostcss,
   shipFiles,
-  writeAnalyzeJSON
+  writeAnalyzeJSON,
+  writeAndBundleCssChunks
 });

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";
   }
 });
@@ -403,7 +403,6 @@ var require_ansi_align = __commonJS({
 
 // src/index.ts
 init_esm_shims();
-import { discardDuplicate as discardDuplicate2 } from "@pandacss/core";
 
 // src/analyze-tokens.ts
 init_esm_shims();
@@ -757,9 +756,9 @@ var writeAnalyzeJSON = (fileName, result, ctx) => {
 // src/builder.ts
 init_esm_shims();
 import { getConfigDependencies } from "@pandacss/config";
-import { discardDuplicate, mergeCss as mergeCss2 } from "@pandacss/core";
+import { 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";
@@ -913,22 +912,29 @@ 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);
       })
     );
   }
 });
 
 // src/create-context.ts
+import { logger as logger3 } from "@pandacss/logger";
 var createContext = (conf) => {
   const generator = createGenerator(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 = {
@@ -991,7 +997,7 @@ async function loadConfigAndCreateContext(options = {}) {
 
 // src/extract.ts
 init_esm_shims();
-import { logger as logger3 } from "@pandacss/logger";
+import { logger as logger4 } from "@pandacss/logger";
 import { Obj, pipe, tap, tryCatch } from "lil-fp";
 
 // src/cli-box.ts
@@ -2308,7 +2314,10 @@ var createBox = (options) => boxen(options.content, {
 
 // src/extract.ts
 import { writeFile as writeFile3 } from "fs/promises";
-async function bundleChunks(ctx) {
+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({
     dir: ctx.paths.root,
@@ -2318,7 +2327,7 @@ async function bundleChunks(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;
@@ -2332,22 +2341,22 @@ 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")
   );
 }
-function extractFiles(ctx) {
+function writeChunks(ctx) {
   return Promise.allSettled(ctx.getFiles().map((file) => writeFileChunk(ctx, file)));
 }
 var randomWords = ["Sweet", "Divine", "Pandalicious", "Super"];
@@ -2365,23 +2374,57 @@ async function emitArtifacts(ctx) {
     msg: ctx.messages.artifactsGenerated()
   };
 }
-async function emitAndExtract(ctx) {
+async function emitArtfifactsAndCssChunks(ctx) {
   await emitArtifacts(ctx);
   if (ctx.config.emitTokensOnly) {
     return { files: [], msg: "Successfully rebuilt the css variables and js function to query your tokens \u2728" };
   }
-  return extractCss(ctx);
+  return writeAndBundleCssChunks(ctx);
 }
-async function extractCss(ctx) {
-  await extractFiles(ctx);
-  return bundleChunks(ctx);
+async function writeAndBundleCssChunks(ctx) {
+  await writeChunks(ctx);
+  return bundleStyleChunksWithImports(ctx);
 }
 async function bundleCss(ctx, outfile) {
-  const extracted = await extractFiles(ctx);
+  const extracted = await writeChunks(ctx);
   const files = ctx.chunks.getFiles();
-  await writeFile3(outfile, ctx.getCss({ files, resolve: true }));
+  const minify = ctx.config.minify;
+  await writeFile3(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 = logger4.time.debug(`Parsed ${file}`);
+    const result = ctx.project.parseSourceFile(file);
+    measure();
+    if (!result)
+      return;
+    collector.merge(result);
+    filesWithCss.push(file);
+  });
+  const css = ctx.getParserCss(collector);
+  if (!css)
+    return { files, msg: ctx.messages.buildComplete(files.length) };
+  const minify = ctx.config.minify;
+  await writeFile3(outfile, optimizeCss(css, { minify }));
+  return { files, msg: ctx.messages.buildComplete(files.length) };
+}
+async function generateCssArtifactOfType(ctx, cssType, outfile) {
+  let notFound = false;
+  const css = match(cssType).with("preflight", () => ctx.getResetCss(ctx)).with("tokens", () => ctx.getTokenCss(ctx)).with("static", () => ctx.getStaticCss(ctx)).with("global", () => ctx.getGlobalCss(ctx)).with("keyframes", () => ctx.getKeyframeCss(ctx)).otherwise(() => {
+    notFound = true;
+  });
+  if (notFound)
+    return { msg: `No css artifact of type <${cssType}> was found` };
+  if (!css)
+    return { msg: `No css to generate for type <${cssType}>` };
+  const minify = ctx.config.minify;
+  await writeFile3(outfile, optimizeCss(css, { minify }));
+  return { msg: `Successfully generated ${cssType} css artifact \u2728` };
+}
 
 // src/parse-dependency.ts
 init_esm_shims();
@@ -2463,7 +2506,7 @@ var Builder = class {
       delete __require.cache[file];
     }
     if (setupCount > 0) {
-      logger4.debug("builder", "\u2699\uFE0F Config changed, reloading");
+      logger5.debug("builder", "\u2699\uFE0F Config changed, reloading");
     }
     return { isModified: true, modifiedMap: newModified };
   };
@@ -2475,7 +2518,7 @@ var Builder = class {
     return configPath;
   };
   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 ?? {};
@@ -2548,7 +2591,7 @@ var Builder = class {
   };
   extract = async () => {
     const ctx = this.getContextOrThrow();
-    const done = logger4.time.info("Extracted in");
+    const done = logger5.time.info("Extracted in");
     await Promise.allSettled(ctx.getFiles().map((file) => this.extractFile(ctx, file)));
     done();
   };
@@ -2573,7 +2616,7 @@ var Builder = class {
     const rootCssContent = root.toString();
     root.removeAll();
     root.append(
-      discardDuplicate(`
+      optimizeCss2(`
     ${rootCssContent}
     ${this.toString()}
     `)
@@ -2598,24 +2641,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)
@@ -2633,8 +2676,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)
@@ -2642,13 +2685,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) {
@@ -2660,14 +2703,14 @@ 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 { match } from "ts-pattern";
+import { logger as logger8 } from "@pandacss/logger";
+import { match as match2 } from "ts-pattern";
 
 // src/load-context.ts
 init_esm_shims();
@@ -2683,8 +2726,8 @@ var loadContext = async (config, configPath) => {
 
 // src/generate.ts
 async function build(ctx) {
-  const { msg } = await emitAndExtract(ctx);
-  logger7.info("css:emit", msg);
+  const { msg } = await emitArtfifactsAndCssChunks(ctx);
+  logger8.info("css:emit", msg);
 }
 async function generate(config, configPath) {
   const [ctxRef, loadCtx] = await loadContext(config, configPath);
@@ -2698,28 +2741,28 @@ 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);
-      match(event).with("unlink", () => {
+      logger8.info(`file:${event}`, file);
+      match2(event).with("unlink", () => {
         ctx.project.removeSourceFile(path2.abs(cwd, file));
         ctx.chunks.rm(file);
       }).with("change", async () => {
         ctx.project.reloadSourceFile(file);
         await writeFileChunk(ctxRef.current, file);
-        return bundleChunks(ctxRef.current);
+        return bundleStyleChunksWithImports(ctxRef.current);
       }).with("add", async () => {
         ctx.project.createSourceFile(file);
-        return bundleChunks(ctxRef.current);
+        return bundleStyleChunksWithImports(ctxRef.current);
       }).otherwise(() => {
       });
     });
-    logger7.info("ctx:watch", ctx.messages.watch());
+    logger8.info("ctx:watch", ctx.messages.watch());
   }
 }
 
@@ -2751,7 +2794,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";
@@ -2765,9 +2808,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"
@@ -2800,11 +2843,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: {
@@ -2817,13 +2860,13 @@ module.exports = {
 
 // src/ship-files.ts
 init_esm_shims();
-import { colors as colors2, logger as logger9 } from "@pandacss/logger";
-import { createParserResult } from "@pandacss/parser";
+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";
 async function shipFiles(ctx, outfile) {
   const files = ctx.getFiles();
-  const extractResult = createParserResult();
+  const extractResult = createParserResult2();
   const filesWithCss = [];
   files.forEach(async (file) => {
     const result = ctx.project.parseSourceFile(file);
@@ -2835,32 +2878,33 @@ 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,
   analyzeTokens,
   bundleCss,
+  bundleMinimalFilesCss,
   createContext,
   debugFiles,
-  discardDuplicate2 as discardDuplicate,
-  emitAndExtract,
+  emitArtfifactsAndCssChunks,
   emitArtifacts,
   execCommand,
-  extractCss,
   extractFile,
   findConfig,
   generate,
+  generateCssArtifactOfType,
   loadConfigAndCreateContext,
   parseDependency,
   setupConfig,
   setupGitIgnore,
   setupPostcss,
   shipFiles,
-  writeAnalyzeJSON
+  writeAnalyzeJSON,
+  writeAndBundleCssChunks
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.15.5",
+  "version": "0.17.0",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -29,22 +29,22 @@
     "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.15.5",
-    "@pandacss/core": "0.15.5",
-    "@pandacss/error": "0.15.5",
-    "@pandacss/extractor": "0.15.5",
-    "@pandacss/generator": "0.15.5",
-    "@pandacss/is-valid-prop": "0.15.5",
-    "@pandacss/logger": "0.15.5",
-    "@pandacss/parser": "0.15.5",
-    "@pandacss/shared": "0.15.5",
-    "@pandacss/token-dictionary": "0.15.5",
-    "@pandacss/types": "0.15.5"
+    "@pandacss/config": "0.17.0",
+    "@pandacss/core": "0.17.0",
+    "@pandacss/error": "0.17.0",
+    "@pandacss/extractor": "0.17.0",
+    "@pandacss/generator": "0.17.0",
+    "@pandacss/is-valid-prop": "0.17.0",
+    "@pandacss/logger": "0.17.0",
+    "@pandacss/parser": "0.17.0",
+    "@pandacss/shared": "0.17.0",
+    "@pandacss/token-dictionary": "0.17.0",
+    "@pandacss/types": "0.17.0"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.2",
@@ -53,7 +53,7 @@
     "@types/lodash.merge": "4.6.7",
     "@types/pluralize": "0.0.30",
     "boxen": "^7.1.1",
-    "@pandacss/fixture": "0.15.5"
+    "@pandacss/fixture": "0.17.0"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",