@pandacss/node 1.5.1 → 1.6.0

package/dist/index.d.mts

@@ -55,6 +55,7 @@ declare class PandaContext extends Generator {
         results: ParserResult[];
     };
     writeCss: (sheet?: Stylesheet) => Promise<PromiseSettledResult<void>[]> | undefined;
+    writeSplitCss: (sheet: Stylesheet) => Promise<void>;
     watchConfig: (cb: (file: string) => void | Promise<void>, opts?: Omit<WatchOptions, "include">) => void;
     watchFiles: (cb: (event: WatcherEventType, file: string) => void | Promise<void>, opts?: Omit<WatchOptions, "include" | "exclude" | "poll" | "cwd" | "logger">) => void;
 }
@@ -132,6 +133,7 @@ interface CssGenOptions {
     outfile?: string;
     type?: CssArtifactType;
     minimal?: boolean;
+    splitting?: boolean;
 }
 declare const cssgen: (ctx: PandaContext, options: CssGenOptions) => Promise<void>;
 

package/dist/index.d.ts

@@ -55,6 +55,7 @@ declare class PandaContext extends Generator {
         results: ParserResult[];
     };
     writeCss: (sheet?: Stylesheet) => Promise<PromiseSettledResult<void>[]> | undefined;
+    writeSplitCss: (sheet: Stylesheet) => Promise<void>;
     watchConfig: (cb: (file: string) => void | Promise<void>, opts?: Omit<WatchOptions, "include">) => void;
     watchFiles: (cb: (event: WatcherEventType, file: string) => void | Promise<void>, opts?: Omit<WatchOptions, "include" | "exclude" | "poll" | "cwd" | "logger">) => void;
 }
@@ -132,6 +133,7 @@ interface CssGenOptions {
     outfile?: string;
     type?: CssArtifactType;
     minimal?: boolean;
+    splitting?: boolean;
 }
 declare const cssgen: (ctx: PandaContext, options: CssGenOptions) => Promise<void>;
 

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@8.5.1_@swc+core@1.15.1_@swc+helpers@0.5.17__jiti@2.6.1_postcss@8.5.6_tsx@4.20.6_typescript@5.9.3_yaml@2.8.1/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.5.1_@swc+core@1.15.2_@swc+helpers@0.5.17__jiti@2.6.1_postcss@8.5.6_tsx@4.20.6_typescript@5.9.3_yaml@2.8.1/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.5.1_@swc+core@1.15.1_@swc+helpers@0.5.17__jiti@2.6.1_postcss@8.5.6_tsx@4.20.6_typescript@5.9.3_yaml@2.8.1/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.5.1_@swc+core@1.15.2_@swc+helpers@0.5.17__jiti@2.6.1_postcss@8.5.6_tsx@4.20.6_typescript@5.9.3_yaml@2.8.1/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -2140,6 +2140,43 @@ var PandaContext = class extends import_generator2.Generator {
       files: [{ file: "styles.css", code: this.getCss(sheet) }]
     });
   };
+  writeSplitCss = async (sheet) => {
+    const { path: pathUtil, fs: fs3 } = this.runtime;
+    const rootDir = this.paths.root;
+    const stylesDir = [...rootDir, "styles"];
+    const artifacts = this.getSplitCssArtifacts(sheet);
+    const subDirs = new Set([...artifacts.recipes, ...artifacts.themes].map((a) => a.dir).filter(Boolean));
+    fs3.ensureDirSync(pathUtil.join(...stylesDir));
+    subDirs.forEach((dir) => fs3.ensureDirSync(pathUtil.join(...stylesDir, dir)));
+    const styleFiles = [];
+    for (const layer of artifacts.layers) {
+      styleFiles.push({ file: layer.file, code: layer.code });
+      import_logger4.logger.info("css", pathUtil.join(...stylesDir, layer.file));
+    }
+    for (const recipe of artifacts.recipes) {
+      styleFiles.push({ file: `${recipe.dir}/${recipe.file}`, code: recipe.code });
+      import_logger4.logger.info("css", pathUtil.join(...stylesDir, recipe.dir, recipe.file));
+    }
+    if (artifacts.recipes.length) {
+      styleFiles.push({ file: "recipes.css", code: artifacts.recipesIndex });
+      import_logger4.logger.info("css", pathUtil.join(...stylesDir, "recipes.css"));
+    }
+    for (const theme of artifacts.themes) {
+      styleFiles.push({ file: `${theme.dir}/${theme.file}`, code: theme.code });
+      import_logger4.logger.info("css", pathUtil.join(...stylesDir, theme.dir, theme.file));
+    }
+    await this.output.write({
+      id: "styles",
+      dir: stylesDir,
+      files: styleFiles
+    });
+    import_logger4.logger.info("css", pathUtil.join(...rootDir, "styles.css"));
+    await this.output.write({
+      id: "styles.css",
+      dir: rootDir,
+      files: [{ file: "styles.css", code: artifacts.index }]
+    });
+  };
   watchConfig = (cb, opts) => {
     const { cwd, poll, exclude } = opts ?? {};
     import_logger4.logger.info("ctx:watch", this.messages.configWatch());
@@ -2503,7 +2540,7 @@ var startProfiling = async (cwd, prefix, isWatching) => {
 init_cjs_shims();
 var import_logger7 = require("@pandacss/logger");
 var cssgen = async (ctx, options) => {
-  const { outfile, type, minimal } = options;
+  const { outfile, type, minimal, splitting } = options;
   const sheet = ctx.createSheet();
   if (type) {
     const done = import_logger7.logger.time.info(ctx.messages.cssArtifactComplete(type));
@@ -2524,7 +2561,9 @@ var cssgen = async (ctx, options) => {
       ctx.appendBaselineCss(sheet);
     }
     ctx.appendParserCss(sheet);
-    if (outfile) {
+    if (splitting) {
+      await ctx.writeSplitCss(sheet);
+    } else if (outfile) {
       const css = ctx.getCss(sheet);
       import_logger7.logger.info("css", ctx.runtime.path.resolve(outfile));
       await ctx.runtime.fs.writeFile(outfile, css);

package/dist/index.mjs

@@ -27,11 +27,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../../node_modules/.pnpm/tsup@8.5.1_@swc+core@1.15.1_@swc+helpers@0.5.17__jiti@2.6.1_postcss@8.5.6_tsx@4.20.6_typescript@5.9.3_yaml@2.8.1/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@8.5.1_@swc+core@1.15.2_@swc+helpers@0.5.17__jiti@2.6.1_postcss@8.5.6_tsx@4.20.6_typescript@5.9.3_yaml@2.8.1/node_modules/tsup/assets/esm_shims.js
 import path from "path";
 import { fileURLToPath } from "url";
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.5.1_@swc+core@1.15.1_@swc+helpers@0.5.17__jiti@2.6.1_postcss@8.5.6_tsx@4.20.6_typescript@5.9.3_yaml@2.8.1/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.5.1_@swc+core@1.15.2_@swc+helpers@0.5.17__jiti@2.6.1_postcss@8.5.6_tsx@4.20.6_typescript@5.9.3_yaml@2.8.1/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });
@@ -2117,6 +2117,43 @@ var PandaContext = class extends Generator2 {
       files: [{ file: "styles.css", code: this.getCss(sheet) }]
     });
   };
+  writeSplitCss = async (sheet) => {
+    const { path: pathUtil, fs: fs3 } = this.runtime;
+    const rootDir = this.paths.root;
+    const stylesDir = [...rootDir, "styles"];
+    const artifacts = this.getSplitCssArtifacts(sheet);
+    const subDirs = new Set([...artifacts.recipes, ...artifacts.themes].map((a) => a.dir).filter(Boolean));
+    fs3.ensureDirSync(pathUtil.join(...stylesDir));
+    subDirs.forEach((dir) => fs3.ensureDirSync(pathUtil.join(...stylesDir, dir)));
+    const styleFiles = [];
+    for (const layer of artifacts.layers) {
+      styleFiles.push({ file: layer.file, code: layer.code });
+      logger4.info("css", pathUtil.join(...stylesDir, layer.file));
+    }
+    for (const recipe of artifacts.recipes) {
+      styleFiles.push({ file: `${recipe.dir}/${recipe.file}`, code: recipe.code });
+      logger4.info("css", pathUtil.join(...stylesDir, recipe.dir, recipe.file));
+    }
+    if (artifacts.recipes.length) {
+      styleFiles.push({ file: "recipes.css", code: artifacts.recipesIndex });
+      logger4.info("css", pathUtil.join(...stylesDir, "recipes.css"));
+    }
+    for (const theme of artifacts.themes) {
+      styleFiles.push({ file: `${theme.dir}/${theme.file}`, code: theme.code });
+      logger4.info("css", pathUtil.join(...stylesDir, theme.dir, theme.file));
+    }
+    await this.output.write({
+      id: "styles",
+      dir: stylesDir,
+      files: styleFiles
+    });
+    logger4.info("css", pathUtil.join(...rootDir, "styles.css"));
+    await this.output.write({
+      id: "styles.css",
+      dir: rootDir,
+      files: [{ file: "styles.css", code: artifacts.index }]
+    });
+  };
   watchConfig = (cb, opts) => {
     const { cwd, poll, exclude } = opts ?? {};
     logger4.info("ctx:watch", this.messages.configWatch());
@@ -2480,7 +2517,7 @@ var startProfiling = async (cwd, prefix, isWatching) => {
 init_esm_shims();
 import { logger as logger7 } from "@pandacss/logger";
 var cssgen = async (ctx, options) => {
-  const { outfile, type, minimal } = options;
+  const { outfile, type, minimal, splitting } = options;
   const sheet = ctx.createSheet();
   if (type) {
     const done = logger7.time.info(ctx.messages.cssArtifactComplete(type));
@@ -2501,7 +2538,9 @@ var cssgen = async (ctx, options) => {
       ctx.appendBaselineCss(sheet);
     }
     ctx.appendParserCss(sheet);
-    if (outfile) {
+    if (splitting) {
+      await ctx.writeSplitCss(sheet);
+    } else if (outfile) {
       const css = ctx.getCss(sheet);
       logger7.info("css", ctx.runtime.path.resolve(outfile));
       await ctx.runtime.fs.writeFile(outfile, css);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -33,10 +33,10 @@
     "access": "public"
   },
   "dependencies": {
-    "browserslist": "4.24.4",
+    "browserslist": "4.28.0",
     "chokidar": "4.0.3",
     "fast-glob": "3.3.3",
-    "fs-extra": "11.2.0",
+    "fs-extra": "11.3.2",
     "glob-parent": "6.0.2",
     "is-glob": "4.0.3",
     "lodash.merge": "4.6.2",
@@ -52,15 +52,15 @@
     "ts-morph": "27.0.2",
     "ts-pattern": "5.9.0",
     "tsconfck": "3.1.6",
-    "@pandacss/config": "1.5.1",
-    "@pandacss/core": "1.5.1",
-    "@pandacss/generator": "1.5.1",
-    "@pandacss/reporter": "1.5.1",
-    "@pandacss/parser": "1.5.1",
-    "@pandacss/logger": "1.5.1",
-    "@pandacss/shared": "1.5.1",
-    "@pandacss/token-dictionary": "1.5.1",
-    "@pandacss/types": "1.5.1"
+    "@pandacss/config": "1.6.0",
+    "@pandacss/core": "1.6.0",
+    "@pandacss/generator": "1.6.0",
+    "@pandacss/reporter": "1.6.0",
+    "@pandacss/logger": "1.6.0",
+    "@pandacss/parser": "1.6.0",
+    "@pandacss/shared": "1.6.0",
+    "@pandacss/token-dictionary": "1.6.0",
+    "@pandacss/types": "1.6.0"
   },
   "devDependencies": {
     "@types/picomatch": "4.0.2",