@pandacss/node 0.4.0 → 0.5.1

package/dist/index.d.mts

@@ -0,0 +1,259 @@
+export { discardDuplicate } from '@pandacss/core';
+import * as _pandacss_types from '@pandacss/types';
+import { PandaHookable, Artifact, ConfigResultWithHooks, ParserResultType, Config } from '@pandacss/types';
+import { Generator } from '@pandacss/generator';
+import { Project } from '@pandacss/parser';
+import { Runtime } from '@pandacss/types/src/runtime';
+import { Root, Message } from 'postcss';
+
+declare const getChunkEngine: ({ paths, config, runtime: { path, fs }, }: Generator & {
+    runtime: Runtime;
+    hooks: PandaHookable;
+}) => {
+    dir: string;
+    readFile(file: string): string;
+    getFiles(): string[];
+    format(file: string): string;
+    getArtifact(file: string, css: string): Artifact;
+    rm(file: string): void;
+    empty(): void;
+    readonly glob: string[];
+};
+
+declare const getOutputEngine: ({ paths, runtime: { path, fs }, }: Generator & {
+    runtime: Runtime;
+    hooks: PandaHookable;
+}) => {
+    empty(): void;
+    write(output: Artifact | undefined): Promise<void[] | undefined>;
+};
+
+declare const createContext: (conf: ConfigResultWithHooks) => PandaContext;
+type PandaContext = Generator & {
+    runtime: Runtime;
+    hooks: PandaHookable;
+    project: Project;
+    getFiles: () => string[];
+    chunks: ReturnType<typeof getChunkEngine>;
+    output: ReturnType<typeof getOutputEngine>;
+};
+
+type Options = {
+    onResult?: (file: string, result: ParserResultType) => void;
+};
+declare function analyzeTokens(ctx: PandaContext, options?: Options): {
+    duration: {
+        extractTimeByFiles: {
+            [k: string]: number;
+        };
+        extractTotal: number;
+        classify: number;
+    };
+    fileSizes: {
+        lineCount: number;
+        normal: string | number | any[] | {
+            value: any;
+            symbol: any;
+            exponent: number;
+            unit: string;
+        };
+        minified: string | number | any[] | {
+            value: any;
+            symbol: any;
+            exponent: number;
+            unit: string;
+        };
+        gzip: {
+            normal: string | number | any[] | {
+                value: any;
+                symbol: any;
+                exponent: number;
+                unit: string;
+            };
+            minified: string | number | any[] | {
+                value: any;
+                symbol: any;
+                exponent: number;
+                unit: string;
+            };
+        };
+    };
+} & {
+    counts: {
+        filesWithTokens: number;
+        propNameUsed: number;
+        tokenUsed: number;
+        shorthandUsed: number;
+        propertyPathUsed: number;
+        typeUsed: number;
+        instanceNameUsed: number;
+        kindUsed: number;
+        instanceOfKindUsed: number;
+        colorsUsed: number;
+    };
+    stats: {
+        filesWithMostInstance: {
+            [k: string]: number;
+        };
+        filesWithMostPropValueCombinations: {
+            [k: string]: number;
+        };
+        mostUseds: {
+            propNames: {
+                key: string;
+                count: number;
+            }[];
+            tokens: {
+                key: string;
+                count: number;
+            }[];
+            shorthands: {
+                key: string;
+                count: number;
+            }[];
+            conditions: {
+                key: string;
+                count: number;
+            }[];
+            propertyPaths: {
+                key: string;
+                count: number;
+            }[];
+            categories: {
+                key: string;
+                count: number;
+            }[];
+            types: {
+                key: string;
+                count: number;
+            }[];
+            instanceNames: {
+                key: string;
+                count: number;
+            }[];
+            fromKinds: {
+                key: string;
+                count: number;
+            }[];
+            instanceOfKinds: {
+                key: string;
+                count: number;
+            }[];
+            colors: {
+                key: string;
+                count: number;
+            }[];
+        };
+    };
+    details: {
+        byId: Map<number, _pandacss_types.ReportItem>;
+        byInstanceId: Map<number, _pandacss_types.ReportInstanceItem>;
+        byFilepath: Map<string, Set<number>>;
+        byInstanceInFilepath: Map<string, Set<number>>;
+        globalMaps: {
+            byInstanceOfKind: Map<"function" | "component", Set<number>>;
+            byPropertyName: Map<string, Set<number>>;
+            byCategory: Map<string, Set<number>>;
+            byConditionName: Map<string, Set<number>>;
+            byShorthand: Map<string, Set<number>>;
+            byTokenName: Map<string, Set<number>>;
+            byPropertyPath: Map<string, Set<number>>;
+            fromKind: Map<"function" | "component", Set<number>>;
+            byType: Map<string, Set<number>>;
+            byInstanceName: Map<string, Set<number>>;
+            colorsUsed: Map<string, Set<number>>;
+        };
+        byFilePathMaps: Map<string, {
+            byInstanceOfKind: Map<"function" | "component", Set<number>>;
+            byPropertyName: Map<string, Set<number>>;
+            byCategory: Map<string, Set<number>>;
+            byConditionName: Map<string, Set<number>>;
+            byShorthand: Map<string, Set<number>>;
+            byTokenName: Map<string, Set<number>>;
+            byPropertyPath: Map<string, Set<number>>;
+            fromKind: Map<"function" | "component", Set<number>>;
+            byType: Map<string, Set<number>>;
+            byInstanceName: Map<string, Set<number>>;
+            colorsUsed: Map<string, Set<number>>;
+        }>;
+    };
+};
+declare const writeAnalyzeJSON: (fileName: string, result: ReturnType<typeof analyzeTokens>, ctx: PandaContext) => Promise<void>;
+
+type ConfigDepsResult = {
+    modifiedMap: Map<string, number>;
+    isModified: boolean;
+};
+declare class Builder {
+    /**
+     * The current panda context
+     */
+    context: PandaContext | undefined;
+    writeFileCss(file: string, css: string): void;
+    checkConfigDeps(configPath: string, deps: Set<string>): ConfigDepsResult;
+    getConfigPath(): string;
+    setup(options?: {
+        configPath?: string;
+    }): Promise<void>;
+    setupContext(options: {
+        configPath: string;
+        depsModifiedMap: Map<string, number>;
+    }): Promise<void>;
+    getContextOrThrow(): PandaContext;
+    get fileModifiedMap(): Map<string, number>;
+    get fileCssMap(): Map<string, string>;
+    extractFile(ctx: PandaContext, file: string): Promise<string | undefined>;
+    extract(): Promise<void>;
+    toString(): string;
+    isValidRoot(root: Root): boolean;
+    write(root: Root): void;
+    registerDependency(fn: (dep: Message) => void): void;
+}
+
+declare function findConfig(): string | undefined;
+declare function loadConfigAndCreateContext(options?: {
+    cwd?: string;
+    config?: Config;
+    configPath?: string;
+}): Promise<PandaContext>;
+
+declare function debugFiles(ctx: PandaContext, options: {
+    outdir: string;
+    dry: boolean;
+}): Promise<void>;
+
+declare function execCommand(cmd: string, cwd: string): Promise<void>;
+
+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<{
+    files: string[];
+    msg: string;
+}>;
+declare function extractCss(ctx: PandaContext): Promise<{
+    files: string[];
+    msg: string;
+}>;
+declare function bundleCss(ctx: PandaContext, outfile: string): Promise<{
+    files: string[];
+    msg: string;
+}>;
+
+declare function generate(config: Config, configPath?: string): Promise<void>;
+
+declare function setupGitIgnore(ctx: PandaContext): void;
+
+declare function parseDependency(fileOrGlob: string): Message | null;
+
+type SetupOptions = Partial<Config> & {
+    force?: boolean;
+};
+declare function setupConfig(cwd: string, opts?: SetupOptions): Promise<void>;
+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 };

package/dist/index.d.ts

@@ -225,19 +225,30 @@ declare function debugFiles(ctx: PandaContext, options: {
 declare function execCommand(cmd: string, cwd: string): Promise<void>;
 
 declare function extractFile(ctx: PandaContext, file: string): string | undefined;
-declare function emitArtifacts(ctx: PandaContext): Promise<string>;
-declare function emitAndExtract(ctx: PandaContext): Promise<string>;
-declare function extractCss(ctx: PandaContext): Promise<string>;
+declare function emitArtifacts(ctx: PandaContext): Promise<{
+    box: string;
+    msg: string;
+}>;
+declare function emitAndExtract(ctx: PandaContext): Promise<{
+    files: string[];
+    msg: string;
+}>;
+declare function extractCss(ctx: PandaContext): Promise<{
+    files: string[];
+    msg: string;
+}>;
+declare function bundleCss(ctx: PandaContext, outfile: string): Promise<{
+    files: string[];
+    msg: string;
+}>;
 
 declare function generate(config: Config, configPath?: string): Promise<void>;
 
-declare function parseDependency(fileOrGlob: string): Message | null;
-
 declare function setupGitIgnore(ctx: PandaContext): void;
 
-type SetupOptions = {
-    outExtension?: string;
-    jsxFramework?: string;
+declare function parseDependency(fileOrGlob: string): Message | null;
+
+type SetupOptions = Partial<Config> & {
     force?: boolean;
 };
 declare function setupConfig(cwd: string, opts?: SetupOptions): Promise<void>;
@@ -245,4 +256,4 @@ declare function setupPostcss(cwd: string): Promise<void>;
 
 declare function shipFiles(ctx: PandaContext, outfile: string): Promise<void>;
 
-export { Builder, PandaContext, analyzeTokens, createContext, debugFiles, emitAndExtract, emitArtifacts, execCommand, extractCss, extractFile, findConfig, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON };
+export { Builder, PandaContext, analyzeTokens, bundleCss, createContext, debugFiles, emitAndExtract, emitArtifacts, execCommand, extractCss, extractFile, findConfig, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, shipFiles, writeAnalyzeJSON };

package/dist/index.js

@@ -33,15 +33,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@6.7.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@6.7.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/cjs_shims.js"() {
+    "use strict";
   }
 });
 
 // ../../node_modules/.pnpm/eastasianwidth@0.2.0/node_modules/eastasianwidth/eastasianwidth.js
 var require_eastasianwidth = __commonJS({
   "../../node_modules/.pnpm/eastasianwidth@0.2.0/node_modules/eastasianwidth/eastasianwidth.js"(exports, module2) {
+    "use strict";
     init_cjs_shims();
     var eaw = {};
     if ("undefined" == typeof module2) {
@@ -403,6 +405,7 @@ var src_exports = {};
 __export(src_exports, {
   Builder: () => Builder,
   analyzeTokens: () => analyzeTokens,
+  bundleCss: () => bundleCss,
   createContext: () => createContext,
   debugFiles: () => debugFiles,
   discardDuplicate: () => import_core3.discardDuplicate,
@@ -789,6 +792,7 @@ init_cjs_shims();
 var import_config = require("@pandacss/config");
 var import_hookable = require("hookable");
 var import_look_it_up = require("look-it-up");
+var import_tsconfck = require("tsconfck");
 
 // src/create-context.ts
 init_cjs_shims();
@@ -948,6 +952,7 @@ var createContext = (conf) => (0, import_lil_fp.pipe)(
   }),
   import_lil_fp.Obj.bind("project", ({ getFiles, runtime: { fs }, parserOptions }) => {
     return (0, import_parser.createProject)({
+      ...conf.tsconfig,
       getFiles,
       readFile: fs.readFileSync,
       hooks: conf.hooks,
@@ -978,6 +983,11 @@ async function loadConfigAndCreateContext(options = {}) {
   if (options.cwd) {
     conf.config.cwd = options.cwd;
   }
+  const tsconfigResult = await (0, import_tsconfck.parse)(conf.path, { root: cwd, resolveWithEmptyIfConfigNotFound: true });
+  if (tsconfigResult) {
+    conf.tsconfig = tsconfigResult.tsconfig;
+    conf.tsconfigFile = tsconfigResult.tsconfigFile;
+  }
   conf.config.outdir ??= "styled-system";
   if (conf.config.hooks) {
     hooks.addHooks(conf.config.hooks);
@@ -2293,12 +2303,14 @@ var createBox = (options) => boxen(options.content, {
 });
 
 // src/extract.ts
+var import_promises2 = require("fs/promises");
 async function bundleChunks(ctx) {
   const files = ctx.chunks.getFiles();
-  return ctx.output.write({
+  await ctx.output.write({
     dir: ctx.paths.root,
     files: [{ file: "styles.css", code: ctx.getCss({ files }) }]
   });
+  return { files, msg: ctx.messages.buildComplete(files.length) };
 }
 async function writeFileChunk(ctx, file) {
   const { path: path2 } = ctx.runtime;
@@ -2340,21 +2352,29 @@ async function emitArtifacts(ctx) {
   if (ctx.config.clean)
     ctx.output.empty();
   await Promise.all(ctx.getArtifacts().map(ctx.output.write));
-  return ctx.messages.artifactsGenerated() + createBox({
-    content: ctx.messages.codegenComplete(),
-    title: `\u{1F43C} ${pickRandom(randomWords)}! \u2728`
-  });
+  return {
+    box: createBox({
+      content: ctx.messages.codegenComplete(),
+      title: `\u{1F43C} ${pickRandom(randomWords)}! \u2728`
+    }),
+    msg: ctx.messages.artifactsGenerated()
+  };
 }
 async function emitAndExtract(ctx) {
   await emitArtifacts(ctx);
-  if (ctx.config.emitTokensOnly)
-    return "Successfully rebuilt the css variables and js function to query your tokens \u2728";
+  if (ctx.config.emitTokensOnly) {
+    return { files: [], msg: "Successfully rebuilt the css variables and js function to query your tokens \u2728" };
+  }
   return extractCss(ctx);
 }
 async function extractCss(ctx) {
   await extractFiles(ctx);
-  await bundleChunks(ctx);
-  return ctx.messages.buildComplete(ctx.getFiles().length);
+  return bundleChunks(ctx);
+}
+async function bundleCss(ctx, outfile) {
+  const files = ctx.chunks.getFiles();
+  await (0, import_promises2.writeFile)(outfile, ctx.getCss({ files, resolve: true }));
+  return { files, msg: ctx.messages.buildComplete(files.length) };
 }
 
 // src/parse-dependency.ts
@@ -2447,7 +2467,18 @@ var Builder = class {
   async setup(options = {}) {
     import_logger4.logger.debug("builder", "\u{1F6A7} Setup");
     const configPath = options.configPath ?? this.getConfigPath();
-    const { deps: configDeps } = (0, import_config2.getConfigDependencies)(configPath);
+    let tsOptions = { baseUrl: void 0, pathMappings: [] };
+    if (this.context?.tsconfig) {
+      const options2 = this.context.tsconfig.compilerOptions;
+      if (options2?.paths) {
+        const baseUrl = options2.baseUrl;
+        tsOptions = {
+          baseUrl,
+          pathMappings: (0, import_config2.convertTsPathsToRegexes)(options2?.paths, baseUrl ?? this.context.config.cwd)
+        };
+      }
+    }
+    const { deps: configDeps } = (0, import_config2.getConfigDependencies)(configPath, tsOptions);
     const deps = this.checkConfigDeps(configPath, configDeps);
     if (deps.isModified) {
       await this.setupContext({
@@ -2583,12 +2614,11 @@ async function debugFiles(ctx, options) {
       measure();
       if (!result)
         return;
-      const list = result.toArray().map((resultItem) => resultItem.box?.toJSON?.() ?? resultItem);
       const css = ctx.getParserCss(result);
       if (!css)
         return;
       if (options.dry) {
-        console.log({ path: file, ast: list, code: css });
+        console.log({ path: file, ast: result, code: css });
         return Promise.resolve();
       }
       if (outdir) {
@@ -2600,7 +2630,7 @@ async function debugFiles(ctx, options) {
         import_logger5.logger.info("cli", `Writing ${import_logger5.colors.bold(`${outdir}/${astJsonPath}`)}`);
         import_logger5.logger.info("cli", `Writing ${import_logger5.colors.bold(`${outdir}/${cssPath}`)}`);
         return Promise.all([
-          fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(list, debugResultSerializer, 2)),
+          fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
           fs.writeFile(`${outdir}/${cssPath}`, css)
         ]);
       }
@@ -2609,15 +2639,6 @@ async function debugFiles(ctx, options) {
   import_logger5.logger.info("cli", `Found ${import_logger5.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
-var debugResultSerializer = (_key, value) => {
-  if (value instanceof Set) {
-    return Array.from(value);
-  }
-  if (value instanceof Map) {
-    return Object.fromEntries(value);
-  }
-  return value;
-};
 
 // src/exec-command.ts
 init_cjs_shims();
@@ -2656,7 +2677,7 @@ var loadContext = async (config, configPath) => {
 
 // src/generate.ts
 async function build(ctx) {
-  const msg = await emitAndExtract(ctx);
+  const { msg } = await emitAndExtract(ctx);
   import_logger7.logger.info("css:emit", msg);
 }
 async function generate(config, configPath) {
@@ -2723,15 +2744,15 @@ function setupGitIgnore(ctx) {
 
 // src/setup-config.ts
 init_cjs_shims();
-var import_logger8 = require("@pandacss/logger");
 var import_generator2 = require("@pandacss/generator");
+var import_logger8 = require("@pandacss/logger");
 var import_fs_extra3 = require("fs-extra");
 var import_look_it_up3 = require("look-it-up");
 var import_outdent2 = require("outdent");
 var import_path3 = require("path");
 var import_preferred_pm2 = __toESM(require("preferred-pm"));
 async function setupConfig(cwd, opts = {}) {
-  const { force, outExtension, jsxFramework } = opts;
+  const { force, outExtension, jsxFramework, syntax } = opts;
   const configFile = findConfig();
   const pmResult = await (0, import_preferred_pm2.default)(cwd);
   const pm = pmResult?.name ?? "npm";
@@ -2767,6 +2788,9 @@ outExtension: '${outExtension}',` : ""}
     ${jsxFramework ? `
  // The JSX framework to use
 jsxFramework: '${jsxFramework}'` : ""}
+    ${syntax ? `
+ // The CSS Syntax to use to use
+syntax: '${syntax}'` : ""}
 })
     `;
     await (0, import_fs_extra3.writeFile)((0, import_path3.join)(cwd, file), content);
@@ -2789,7 +2813,7 @@ module.exports = {
 init_cjs_shims();
 var import_logger9 = require("@pandacss/logger");
 var import_parser2 = require("@pandacss/parser");
-var import_promises2 = require("fs/promises");
+var import_promises3 = require("fs/promises");
 var path = __toESM(require("path"));
 async function shipFiles(ctx, outfile) {
   const files = ctx.getFiles();
@@ -2809,13 +2833,14 @@ async function shipFiles(ctx, outfile) {
   const minify = ctx.config.minify;
   import_logger9.logger.info("cli", `Writing ${minify ? "[min] " : " "}${import_logger9.colors.bold(outfile)}`);
   const output = JSON.stringify(extractResult.toJSON(), null, minify ? 0 : 2);
-  await (0, import_promises2.writeFile)(outfile, output);
+  await (0, import_promises3.writeFile)(outfile, output);
   import_logger9.logger.info("cli", "Done!");
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Builder,
   analyzeTokens,
+  bundleCss,
   createContext,
   debugFiles,
   discardDuplicate,

package/dist/index.mjs

@@ -9,7 +9,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 }) : x)(function(x) {
   if (typeof require !== "undefined")
     return require.apply(this, arguments);
-  throw new Error('Dynamic require of "' + x + '" is not supported');
+  throw Error('Dynamic require of "' + x + '" is not supported');
 });
 var __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
@@ -34,15 +34,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../../node_modules/.pnpm/tsup@6.7.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@6.7.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/esm_shims.js"() {
+  "../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.24_typescript@5.1.3/node_modules/tsup/assets/esm_shims.js"() {
+    "use strict";
   }
 });
 
 // ../../node_modules/.pnpm/eastasianwidth@0.2.0/node_modules/eastasianwidth/eastasianwidth.js
 var require_eastasianwidth = __commonJS({
   "../../node_modules/.pnpm/eastasianwidth@0.2.0/node_modules/eastasianwidth/eastasianwidth.js"(exports, module) {
+    "use strict";
     init_esm_shims();
     var eaw = {};
     if ("undefined" == typeof module) {
@@ -754,7 +756,7 @@ var writeAnalyzeJSON = (fileName, result, ctx) => {
 
 // src/builder.ts
 init_esm_shims();
-import { getConfigDependencies } from "@pandacss/config";
+import { getConfigDependencies, convertTsPathsToRegexes } from "@pandacss/config";
 import { discardDuplicate, mergeCss as mergeCss2 } from "@pandacss/core";
 import { ConfigNotFoundError } from "@pandacss/error";
 import { logger as logger4 } from "@pandacss/logger";
@@ -767,6 +769,7 @@ init_esm_shims();
 import { loadConfigFile } from "@pandacss/config";
 import { createDebugger, createHooks } from "hookable";
 import { lookItUpSync } from "look-it-up";
+import { parse } from "tsconfck";
 
 // src/create-context.ts
 init_esm_shims();
@@ -935,6 +938,7 @@ var createContext = (conf) => pipe(
   }),
   Obj.bind("project", ({ getFiles, runtime: { fs }, parserOptions }) => {
     return createProject({
+      ...conf.tsconfig,
       getFiles,
       readFile: fs.readFileSync,
       hooks: conf.hooks,
@@ -965,6 +969,11 @@ async function loadConfigAndCreateContext(options = {}) {
   if (options.cwd) {
     conf.config.cwd = options.cwd;
   }
+  const tsconfigResult = await parse(conf.path, { root: cwd, resolveWithEmptyIfConfigNotFound: true });
+  if (tsconfigResult) {
+    conf.tsconfig = tsconfigResult.tsconfig;
+    conf.tsconfigFile = tsconfigResult.tsconfigFile;
+  }
   conf.config.outdir ??= "styled-system";
   if (conf.config.hooks) {
     hooks.addHooks(conf.config.hooks);
@@ -2280,12 +2289,14 @@ var createBox = (options) => boxen(options.content, {
 });
 
 // src/extract.ts
+import { writeFile as writeFile3 } from "fs/promises";
 async function bundleChunks(ctx) {
   const files = ctx.chunks.getFiles();
-  return ctx.output.write({
+  await ctx.output.write({
     dir: ctx.paths.root,
     files: [{ file: "styles.css", code: ctx.getCss({ files }) }]
   });
+  return { files, msg: ctx.messages.buildComplete(files.length) };
 }
 async function writeFileChunk(ctx, file) {
   const { path: path2 } = ctx.runtime;
@@ -2327,21 +2338,29 @@ async function emitArtifacts(ctx) {
   if (ctx.config.clean)
     ctx.output.empty();
   await Promise.all(ctx.getArtifacts().map(ctx.output.write));
-  return ctx.messages.artifactsGenerated() + createBox({
-    content: ctx.messages.codegenComplete(),
-    title: `\u{1F43C} ${pickRandom(randomWords)}! \u2728`
-  });
+  return {
+    box: createBox({
+      content: ctx.messages.codegenComplete(),
+      title: `\u{1F43C} ${pickRandom(randomWords)}! \u2728`
+    }),
+    msg: ctx.messages.artifactsGenerated()
+  };
 }
 async function emitAndExtract(ctx) {
   await emitArtifacts(ctx);
-  if (ctx.config.emitTokensOnly)
-    return "Successfully rebuilt the css variables and js function to query your tokens \u2728";
+  if (ctx.config.emitTokensOnly) {
+    return { files: [], msg: "Successfully rebuilt the css variables and js function to query your tokens \u2728" };
+  }
   return extractCss(ctx);
 }
 async function extractCss(ctx) {
   await extractFiles(ctx);
-  await bundleChunks(ctx);
-  return ctx.messages.buildComplete(ctx.getFiles().length);
+  return bundleChunks(ctx);
+}
+async function bundleCss(ctx, outfile) {
+  const files = ctx.chunks.getFiles();
+  await writeFile3(outfile, ctx.getCss({ files, resolve: true }));
+  return { files, msg: ctx.messages.buildComplete(files.length) };
 }
 
 // src/parse-dependency.ts
@@ -2434,7 +2453,18 @@ var Builder = class {
   async setup(options = {}) {
     logger4.debug("builder", "\u{1F6A7} Setup");
     const configPath = options.configPath ?? this.getConfigPath();
-    const { deps: configDeps } = getConfigDependencies(configPath);
+    let tsOptions = { baseUrl: void 0, pathMappings: [] };
+    if (this.context?.tsconfig) {
+      const options2 = this.context.tsconfig.compilerOptions;
+      if (options2?.paths) {
+        const baseUrl = options2.baseUrl;
+        tsOptions = {
+          baseUrl,
+          pathMappings: convertTsPathsToRegexes(options2?.paths, baseUrl ?? this.context.config.cwd)
+        };
+      }
+    }
+    const { deps: configDeps } = getConfigDependencies(configPath, tsOptions);
     const deps = this.checkConfigDeps(configPath, configDeps);
     if (deps.isModified) {
       await this.setupContext({
@@ -2570,12 +2600,11 @@ async function debugFiles(ctx, options) {
       measure();
       if (!result)
         return;
-      const list = result.toArray().map((resultItem) => resultItem.box?.toJSON?.() ?? resultItem);
       const css = ctx.getParserCss(result);
       if (!css)
         return;
       if (options.dry) {
-        console.log({ path: file, ast: list, code: css });
+        console.log({ path: file, ast: result, code: css });
         return Promise.resolve();
       }
       if (outdir) {
@@ -2587,7 +2616,7 @@ async function debugFiles(ctx, options) {
         logger5.info("cli", `Writing ${colors.bold(`${outdir}/${astJsonPath}`)}`);
         logger5.info("cli", `Writing ${colors.bold(`${outdir}/${cssPath}`)}`);
         return Promise.all([
-          fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(list, debugResultSerializer, 2)),
+          fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
           fs.writeFile(`${outdir}/${cssPath}`, css)
         ]);
       }
@@ -2596,15 +2625,6 @@ async function debugFiles(ctx, options) {
   logger5.info("cli", `Found ${colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
-var debugResultSerializer = (_key, value) => {
-  if (value instanceof Set) {
-    return Array.from(value);
-  }
-  if (value instanceof Map) {
-    return Object.fromEntries(value);
-  }
-  return value;
-};
 
 // src/exec-command.ts
 init_esm_shims();
@@ -2643,7 +2663,7 @@ var loadContext = async (config, configPath) => {
 
 // src/generate.ts
 async function build(ctx) {
-  const msg = await emitAndExtract(ctx);
+  const { msg } = await emitAndExtract(ctx);
   logger7.info("css:emit", msg);
 }
 async function generate(config, configPath) {
@@ -2710,15 +2730,15 @@ function setupGitIgnore(ctx) {
 
 // src/setup-config.ts
 init_esm_shims();
-import { logger as logger8, quote } from "@pandacss/logger";
 import { messages } from "@pandacss/generator";
-import { writeFile as writeFile3 } from "fs-extra";
+import { logger as logger8, 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";
 import { join as join2 } from "path";
 import getPackageManager2 from "preferred-pm";
 async function setupConfig(cwd, opts = {}) {
-  const { force, outExtension, jsxFramework } = opts;
+  const { force, outExtension, jsxFramework, syntax } = opts;
   const configFile = findConfig();
   const pmResult = await getPackageManager2(cwd);
   const pm = pmResult?.name ?? "npm";
@@ -2754,9 +2774,12 @@ outExtension: '${outExtension}',` : ""}
     ${jsxFramework ? `
  // The JSX framework to use
 jsxFramework: '${jsxFramework}'` : ""}
+    ${syntax ? `
+ // The CSS Syntax to use to use
+syntax: '${syntax}'` : ""}
 })
     `;
-    await writeFile3(join2(cwd, file), content);
+    await writeFile4(join2(cwd, file), content);
     logger8.log(messages.thankYou());
   }
 }
@@ -2769,14 +2792,14 @@ module.exports = {
   },
 }
   `;
-  await writeFile3(join2(cwd, "postcss.config.cjs"), content);
+  await writeFile4(join2(cwd, "postcss.config.cjs"), content);
 }
 
 // src/ship-files.ts
 init_esm_shims();
 import { colors as colors2, logger as logger9 } from "@pandacss/logger";
 import { createParserResult } from "@pandacss/parser";
-import { writeFile as writeFile4 } from "fs/promises";
+import { writeFile as writeFile5 } from "fs/promises";
 import * as path from "path";
 async function shipFiles(ctx, outfile) {
   const files = ctx.getFiles();
@@ -2796,12 +2819,13 @@ async function shipFiles(ctx, outfile) {
   const minify = ctx.config.minify;
   logger9.info("cli", `Writing ${minify ? "[min] " : " "}${colors2.bold(outfile)}`);
   const output = JSON.stringify(extractResult.toJSON(), null, minify ? 0 : 2);
-  await writeFile4(outfile, output);
+  await writeFile5(outfile, output);
   logger9.info("cli", "Done!");
 }
 export {
   Builder,
   analyzeTokens,
+  bundleCss,
   createContext,
   debugFiles,
   discardDuplicate2 as discardDuplicate,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -33,17 +33,18 @@
     "preferred-pm": "^3.0.3",
     "ts-morph": "18.0.0",
     "ts-pattern": "4.3.0",
-    "@pandacss/core": "0.4.0",
-    "@pandacss/error": "0.4.0",
-    "@pandacss/extractor": "0.4.0",
-    "@pandacss/generator": "0.4.0",
-    "@pandacss/is-valid-prop": "0.4.0",
-    "@pandacss/logger": "0.4.0",
-    "@pandacss/config": "0.4.0",
-    "@pandacss/parser": "0.4.0",
-    "@pandacss/token-dictionary": "0.4.0",
-    "@pandacss/shared": "0.4.0",
-    "@pandacss/types": "0.4.0"
+    "tsconfck": "^2.1.1",
+    "@pandacss/config": "0.5.1",
+    "@pandacss/core": "0.5.1",
+    "@pandacss/error": "0.5.1",
+    "@pandacss/extractor": "0.5.1",
+    "@pandacss/generator": "0.5.1",
+    "@pandacss/is-valid-prop": "0.5.1",
+    "@pandacss/logger": "0.5.1",
+    "@pandacss/parser": "0.5.1",
+    "@pandacss/shared": "0.5.1",
+    "@pandacss/token-dictionary": "0.5.1",
+    "@pandacss/types": "0.5.1"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.1",
@@ -52,7 +53,7 @@
     "@types/lodash.merge": "4.6.7",
     "@types/pluralize": "0.0.29",
     "boxen": "^7.1.0",
-    "@pandacss/fixture": "0.4.0"
+    "@pandacss/fixture": "0.5.1"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",