@pandacss/node 0.6.0 → 0.8.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 export { discardDuplicate } from '@pandacss/core';
 import * as _pandacss_types from '@pandacss/types';
-import { PandaHookable, Artifact, ConfigResultWithHooks, ParserResultType, Config } from '@pandacss/types';
+import { PandaHookable, Artifact, ConfigResultWithHooks, Runtime as Runtime$1, ParserResultType, Config } from '@pandacss/types';
 import { Generator } from '@pandacss/generator';
 import { Project } from '@pandacss/parser';
 import { Runtime } from '@pandacss/types/src/runtime';
@@ -30,7 +30,7 @@ declare const getOutputEngine: ({ paths, runtime: { path, fs }, }: Generator & {
 
 declare const createContext: (conf: ConfigResultWithHooks) => PandaContext;
 type PandaContext = Generator & {
-    runtime: Runtime;
+    runtime: Runtime$1;
     hooks: PandaHookable;
     project: Project;
     getFiles: () => string[];
@@ -189,6 +189,7 @@ declare class Builder {
      * The current panda context
      */
     context: PandaContext | undefined;
+    configDependencies: Set<string>;
     writeFileCss(file: string, css: string): void;
     checkConfigDeps(configPath: string, deps: Set<string>): ConfigDepsResult;
     getConfigPath(): string;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { discardDuplicate } from '@pandacss/core';
 import * as _pandacss_types from '@pandacss/types';
-import { PandaHookable, Artifact, ConfigResultWithHooks, ParserResultType, Config } from '@pandacss/types';
+import { PandaHookable, Artifact, ConfigResultWithHooks, Runtime as Runtime$1, ParserResultType, Config } from '@pandacss/types';
 import { Generator } from '@pandacss/generator';
 import { Project } from '@pandacss/parser';
 import { Runtime } from '@pandacss/types/src/runtime';
@@ -30,7 +30,7 @@ declare const getOutputEngine: ({ paths, runtime: { path, fs }, }: Generator & {
 
 declare const createContext: (conf: ConfigResultWithHooks) => PandaContext;
 type PandaContext = Generator & {
-    runtime: Runtime;
+    runtime: Runtime$1;
     hooks: PandaHookable;
     project: Project;
     getFiles: () => string[];
@@ -189,6 +189,7 @@ declare class Builder {
      * The current panda context
      */
     context: PandaContext | undefined;
+    configDependencies: Set<string>;
     writeFileCss(file: string, css: string): void;
     checkConfigDeps(configPath: string, deps: Set<string>): ConfigDepsResult;
     getConfigPath(): string;

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.24_typescript@5.1.3/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.25_typescript@5.1.6/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@7.1.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.25_typescript@5.1.6/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -798,7 +798,6 @@ var import_tsconfck = require("tsconfck");
 init_cjs_shims();
 var import_generator = require("@pandacss/generator");
 var import_parser = require("@pandacss/parser");
-var import_lil_fp = require("lil-fp");
 
 // src/chunk-engine.ts
 init_cjs_shims();
@@ -939,29 +938,29 @@ var getOutputEngine = ({
 });
 
 // src/create-context.ts
-var createContext = (conf) => (0, import_lil_fp.pipe)(
-  conf,
-  import_generator.createGenerator,
-  import_lil_fp.Obj.assign({ runtime: nodeRuntime, hooks: conf.hooks }),
-  (0, import_lil_fp.tap)(({ config, runtime }) => {
-    config.cwd ||= runtime.cwd();
-  }),
-  import_lil_fp.Obj.bind("getFiles", ({ config, runtime: { fs } }) => () => {
-    const { include, exclude, cwd } = config;
-    return fs.glob({ include, exclude, cwd });
-  }),
-  import_lil_fp.Obj.bind("project", ({ getFiles, runtime: { fs }, parserOptions }) => {
-    return (0, import_parser.createProject)({
+var createContext = (conf) => {
+  const generator = (0, import_generator.createGenerator)(conf);
+  const config = conf.config;
+  const runtime = nodeRuntime;
+  config.cwd ||= runtime.cwd();
+  const { include, exclude, cwd } = config;
+  const getFiles = () => runtime.fs.glob({ include, exclude, cwd });
+  const ctx = {
+    ...conf,
+    ...generator,
+    runtime: nodeRuntime,
+    hooks: conf.hooks,
+    getFiles,
+    project: (0, import_parser.createProject)({
       ...conf.tsconfig,
       getFiles,
-      readFile: fs.readFileSync,
+      readFile: runtime.fs.readFileSync,
       hooks: conf.hooks,
-      parserOptions
-    });
-  }),
-  import_lil_fp.Obj.bind("chunks", getChunkEngine),
-  import_lil_fp.Obj.bind("output", getOutputEngine)
-);
+      parserOptions: { join: runtime.path.join, ...generator.parserOptions }
+    })
+  };
+  return Object.assign(ctx, { chunks: getChunkEngine(ctx), output: getOutputEngine(ctx) });
+};
 
 // src/config.ts
 var configs = [".ts", ".js", ".mjs", ".cjs"];
@@ -987,6 +986,11 @@ async function loadConfigAndCreateContext(options = {}) {
   if (tsconfigResult) {
     conf.tsconfig = tsconfigResult.tsconfig;
     conf.tsconfigFile = tsconfigResult.tsconfigFile;
+    const options2 = tsconfigResult.tsconfig?.compilerOptions;
+    if (options2?.paths) {
+      const baseUrl = options2.baseUrl;
+      conf.tsOptions = { baseUrl, pathMappings: (0, import_config.convertTsPathsToRegexes)(options2.paths, baseUrl ?? cwd) };
+    }
   }
   conf.config.outdir ??= "styled-system";
   if (conf.config.hooks) {
@@ -1002,12 +1006,12 @@ async function loadConfigAndCreateContext(options = {}) {
 // src/extract.ts
 init_cjs_shims();
 var import_logger3 = require("@pandacss/logger");
-var import_lil_fp2 = require("lil-fp");
+var import_lil_fp = require("lil-fp");
 
 // src/cli-box.ts
 init_cjs_shims();
 
-// ../../node_modules/.pnpm/boxen@7.1.0/node_modules/boxen/index.js
+// ../../node_modules/.pnpm/boxen@7.1.1/node_modules/boxen/index.js
 init_cjs_shims();
 var import_node_process2 = __toESM(require("process"), 1);
 
@@ -1583,7 +1587,7 @@ function widestLine(string) {
   return lineWidth;
 }
 
-// ../../node_modules/.pnpm/boxen@7.1.0/node_modules/boxen/index.js
+// ../../node_modules/.pnpm/boxen@7.1.1/node_modules/boxen/index.js
 var import_cli_boxes = __toESM(require_cli_boxes(), 1);
 
 // ../../node_modules/.pnpm/camelcase@7.0.1/node_modules/camelcase/index.js
@@ -1669,7 +1673,7 @@ function camelCase(input, options) {
   return postProcess(input, toUpperCase);
 }
 
-// ../../node_modules/.pnpm/boxen@7.1.0/node_modules/boxen/index.js
+// ../../node_modules/.pnpm/boxen@7.1.1/node_modules/boxen/index.js
 var import_ansi_align = __toESM(require_ansi_align(), 1);
 
 // ../../node_modules/.pnpm/wrap-ansi@8.1.0/node_modules/wrap-ansi/index.js
@@ -2013,11 +2017,11 @@ function wrapAnsi(string, columns, options) {
   return String(string).normalize().replace(/\r\n/g, "\n").split("\n").map((line) => exec(line, columns, options)).join("\n");
 }
 
-// ../../node_modules/.pnpm/boxen@7.1.0/node_modules/boxen/index.js
+// ../../node_modules/.pnpm/boxen@7.1.1/node_modules/boxen/index.js
 var import_cli_boxes2 = __toESM(require_cli_boxes(), 1);
 var NEWLINE = "\n";
 var PAD = " ";
-var BORDERS_WIDTH = 2;
+var NONE = "none";
 var terminalColumns = () => {
   const { env: env2, stdout, stderr } = import_node_process2.default;
   if (stdout?.columns) {
@@ -2043,6 +2047,7 @@ var getObject = (detail) => typeof detail === "number" ? {
   left: 0,
   ...detail
 };
+var getBorderWidth = (borderStyle) => borderStyle === NONE ? 0 : 2;
 var getBorderChars = (borderStyle) => {
   const sides = [
     "topLeft",
@@ -2055,7 +2060,7 @@ var getBorderChars = (borderStyle) => {
     "bottom"
   ];
   let characters;
-  if (borderStyle === "none") {
+  if (borderStyle === NONE) {
     borderStyle = {};
     for (const side of sides) {
       borderStyle[side] = "";
@@ -2084,10 +2089,10 @@ var getBorderChars = (borderStyle) => {
   }
   return characters;
 };
-var makeTitle = (text, horizontal, alignement) => {
+var makeTitle = (text, horizontal, alignment) => {
   let title = "";
   const textWidth = stringWidth(text);
-  switch (alignement) {
+  switch (alignment) {
     case "left": {
       title = text + horizontal.slice(textWidth);
       break;
@@ -2190,17 +2195,28 @@ var boxContent = (content, contentWidth, options) => {
   const columns = terminalColumns();
   let marginLeft = PAD.repeat(options.margin.left);
   if (options.float === "center") {
-    const marginWidth = Math.max((columns - contentWidth - BORDERS_WIDTH) / 2, 0);
+    const marginWidth = Math.max((columns - contentWidth - getBorderWidth(options.borderStyle)) / 2, 0);
     marginLeft = PAD.repeat(marginWidth);
   } else if (options.float === "right") {
-    const marginWidth = Math.max(columns - contentWidth - options.margin.right - BORDERS_WIDTH, 0);
+    const marginWidth = Math.max(columns - contentWidth - options.margin.right - getBorderWidth(options.borderStyle), 0);
     marginLeft = PAD.repeat(marginWidth);
   }
-  const top = colorizeBorder(NEWLINE.repeat(options.margin.top) + marginLeft + chars.topLeft + (options.title ? makeTitle(options.title, chars.top.repeat(contentWidth), options.titleAlignment) : chars.top.repeat(contentWidth)) + chars.topRight);
-  const bottom = colorizeBorder(marginLeft + chars.bottomLeft + chars.bottom.repeat(contentWidth) + chars.bottomRight + NEWLINE.repeat(options.margin.bottom));
+  let result = "";
+  if (options.margin.top) {
+    result += NEWLINE.repeat(options.margin.top);
+  }
+  if (options.borderStyle !== NONE || options.title) {
+    result += colorizeBorder(marginLeft + chars.topLeft + (options.title ? makeTitle(options.title, chars.top.repeat(contentWidth), options.titleAlignment) : chars.top.repeat(contentWidth)) + chars.topRight) + NEWLINE;
+  }
   const lines = content.split(NEWLINE);
-  const middle = lines.map((line) => marginLeft + colorizeBorder(chars.left) + colorizeContent(line) + colorizeBorder(chars.right)).join(NEWLINE);
-  return top + NEWLINE + middle + NEWLINE + bottom;
+  result += lines.map((line) => marginLeft + colorizeBorder(chars.left) + colorizeContent(line) + colorizeBorder(chars.right)).join(NEWLINE);
+  if (options.borderStyle !== NONE) {
+    result += NEWLINE + colorizeBorder(marginLeft + chars.bottomLeft + chars.bottom.repeat(contentWidth) + chars.bottomRight);
+  }
+  if (options.margin.bottom) {
+    result += NEWLINE.repeat(options.margin.bottom);
+  }
+  return result;
 };
 var sanitizeOptions = (options) => {
   if (options.fullscreen && import_node_process2.default?.stdout) {
@@ -2216,28 +2232,30 @@ var sanitizeOptions = (options) => {
     }
   }
   if (options.width) {
-    options.width = Math.max(1, options.width - BORDERS_WIDTH);
+    options.width = Math.max(1, options.width - getBorderWidth(options.borderStyle));
   }
   if (options.height) {
-    options.height = Math.max(1, options.height - BORDERS_WIDTH);
+    options.height = Math.max(1, options.height - getBorderWidth(options.borderStyle));
   }
   return options;
 };
+var formatTitle = (title, borderStyle) => borderStyle === NONE ? title : ` ${title} `;
 var determineDimensions = (text, options) => {
   options = sanitizeOptions(options);
   const widthOverride = options.width !== void 0;
   const columns = terminalColumns();
-  const maxWidth = columns - options.margin.left - options.margin.right - BORDERS_WIDTH;
-  const widest = widestLine(wrapAnsi(text, columns - BORDERS_WIDTH, { hard: true, trim: false })) + options.padding.left + options.padding.right;
+  const borderWidth = getBorderWidth(options.borderStyle);
+  const maxWidth = columns - options.margin.left - options.margin.right - borderWidth;
+  const widest = widestLine(wrapAnsi(text, columns - borderWidth, { hard: true, trim: false })) + options.padding.left + options.padding.right;
   if (options.title && widthOverride) {
     options.title = options.title.slice(0, Math.max(0, options.width - 2));
     if (options.title) {
-      options.title = ` ${options.title} `;
+      options.title = formatTitle(options.title, options.borderStyle);
     }
   } else if (options.title) {
     options.title = options.title.slice(0, Math.max(0, maxWidth - 2));
     if (options.title) {
-      options.title = ` ${options.title} `;
+      options.title = formatTitle(options.title, options.borderStyle);
       if (stringWidth(options.title) > widest) {
         options.width = stringWidth(options.title);
       }
@@ -2246,12 +2264,12 @@ var determineDimensions = (text, options) => {
   options.width = options.width ? options.width : widest;
   if (!widthOverride) {
     if (options.margin.left && options.margin.right && options.width > maxWidth) {
-      const spaceForMargins = columns - options.width - BORDERS_WIDTH;
+      const spaceForMargins = columns - options.width - borderWidth;
       const multiplier = spaceForMargins / (options.margin.left + options.margin.right);
       options.margin.left = Math.max(0, Math.floor(options.margin.left * multiplier));
       options.margin.right = Math.max(0, Math.floor(options.margin.right * multiplier));
     }
-    options.width = Math.min(options.width, columns - BORDERS_WIDTH - options.margin.left - options.margin.right);
+    options.width = Math.min(options.width, columns - borderWidth - options.margin.left - options.margin.right);
   }
   if (options.width - (options.padding.left + options.padding.right) <= 0) {
     options.padding.left = 0;
@@ -2326,21 +2344,21 @@ function extractFile(ctx, file) {
     runtime: { path: path2 },
     config: { cwd }
   } = ctx;
-  return (0, import_lil_fp2.pipe)(
+  return (0, import_lil_fp.pipe)(
     { file: path2.abs(cwd, file) },
-    (0, import_lil_fp2.tap)(() => import_logger3.logger.debug("file:extract", file)),
-    import_lil_fp2.Obj.bind("measure", () => import_logger3.logger.time.debug(`Extracted ${file}`)),
-    import_lil_fp2.Obj.bind(
+    (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}`)),
+    import_lil_fp.Obj.bind(
       "result",
-      (0, import_lil_fp2.tryCatch)(
+      (0, import_lil_fp.tryCatch)(
         ({ file: file2 }) => ctx.project.parseSourceFile(file2),
         (error) => import_logger3.logger.error("file:parse", error)
       )
     ),
-    import_lil_fp2.Obj.bind("measureCss", () => import_logger3.logger.time.debug(`Parsed ${file}`)),
-    import_lil_fp2.Obj.bind("css", ({ result }) => result ? ctx.getParserCss(result) : void 0),
-    (0, import_lil_fp2.tap)(({ measure, measureCss }) => [measureCss(), measure()]),
-    import_lil_fp2.Obj.get("css")
+    import_lil_fp.Obj.bind("measureCss", () => import_logger3.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) {
@@ -2426,11 +2444,13 @@ function parseDependency(fileOrGlob) {
 var configCache = /* @__PURE__ */ new Map();
 var contentFilesCache = /* @__PURE__ */ new WeakMap();
 var setupCount = 0;
+var layersName = ["reset", "base", "tokens", "recipes", "utilities"];
 var Builder = class {
   /**
    * The current panda context
    */
   context;
+  configDependencies = /* @__PURE__ */ new Set();
   writeFileCss(file, css) {
     const oldCss = this.fileCssMap?.get(file) ?? "";
     const newCss = (0, import_core2.mergeCss)(oldCss, css);
@@ -2468,18 +2488,12 @@ var Builder = class {
   async setup(options = {}) {
     import_logger4.logger.debug("builder", "\u{1F6A7} Setup");
     const configPath = options.configPath ?? this.getConfigPath();
-    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 tsOptions = this.context?.tsOptions ?? { baseUrl: void 0, pathMappings: [] };
+    const compilerOptions = this.context?.tsconfig?.compilerOptions ?? {};
+    const { deps: foundDeps } = (0, import_config2.getConfigDependencies)(configPath, tsOptions, compilerOptions);
+    const cwd = this.context?.config.cwd ?? (0, import_path2.dirname)(configPath);
+    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);
     if (deps.isModified) {
       await this.setupContext({
@@ -2556,12 +2570,12 @@ var Builder = class {
       resolve: true
     });
   }
-  // ASSUMPTION: Layer structure is an exact match (no extra layers)
   isValidRoot(root) {
-    const params = "reset, base, tokens, recipes, utilities";
     let found = false;
     root.walkAtRules("layer", (rule) => {
-      if (rule.params === params) {
+      const foundLayers = /* @__PURE__ */ new Set();
+      rule.params.split(",").forEach((name) => foundLayers.add(name.trim()));
+      if (foundLayers.size >= 5 && layersName.every((name) => foundLayers.has(name))) {
         found = true;
       }
     });
@@ -2588,6 +2602,9 @@ var Builder = class {
     for (const file of ctx.dependencies) {
       fn({ type: "dependency", file: (0, import_path2.resolve)(file) });
     }
+    for (const file of this.configDependencies) {
+      fn({ type: "dependency", file: (0, import_path2.resolve)(file) });
+    }
   }
 };
 
@@ -2788,7 +2805,7 @@ outExtension: '${outExtension}',` : ""}
     outdir: "styled-system",
     ${jsxFramework ? `
  // The JSX framework to use
-jsxFramework: '${jsxFramework}'` : ""}
+jsxFramework: '${jsxFramework}',` : ""}
     ${syntax ? `
  // The CSS Syntax to use to use
 syntax: '${syntax}'` : ""}

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.24_typescript@5.1.3/node_modules/tsup/assets/esm_shims.js
+// ../../node_modules/.pnpm/tsup@7.1.0_postcss@8.4.25_typescript@5.1.6/node_modules/tsup/assets/esm_shims.js
 var init_esm_shims = __esm({
-  "../../node_modules/.pnpm/tsup@7.1.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.25_typescript@5.1.6/node_modules/tsup/assets/esm_shims.js"() {
     "use strict";
   }
 });
@@ -756,17 +756,17 @@ var writeAnalyzeJSON = (fileName, result, ctx) => {
 
 // src/builder.ts
 init_esm_shims();
-import { getConfigDependencies, convertTsPathsToRegexes } from "@pandacss/config";
+import { getConfigDependencies } from "@pandacss/config";
 import { discardDuplicate, mergeCss as mergeCss2 } from "@pandacss/core";
 import { ConfigNotFoundError } from "@pandacss/error";
 import { logger as logger4 } from "@pandacss/logger";
 import { existsSync as existsSync2 } from "fs";
 import { statSync } from "fs-extra";
-import { resolve as resolve2 } from "path";
+import { dirname as dirname2, resolve as resolve2 } from "path";
 
 // src/config.ts
 init_esm_shims();
-import { loadConfigFile } from "@pandacss/config";
+import { convertTsPathsToRegexes, loadConfigFile } from "@pandacss/config";
 import { createDebugger, createHooks } from "hookable";
 import { lookItUpSync } from "look-it-up";
 import { parse } from "tsconfck";
@@ -775,7 +775,6 @@ import { parse } from "tsconfck";
 init_esm_shims();
 import { createGenerator } from "@pandacss/generator";
 import { createProject } from "@pandacss/parser";
-import { Obj, pipe, tap } from "lil-fp";
 
 // src/chunk-engine.ts
 init_esm_shims();
@@ -925,29 +924,29 @@ var getOutputEngine = ({
 });
 
 // src/create-context.ts
-var createContext = (conf) => pipe(
-  conf,
-  createGenerator,
-  Obj.assign({ runtime: nodeRuntime, hooks: conf.hooks }),
-  tap(({ config, runtime }) => {
-    config.cwd ||= runtime.cwd();
-  }),
-  Obj.bind("getFiles", ({ config, runtime: { fs } }) => () => {
-    const { include, exclude, cwd } = config;
-    return fs.glob({ include, exclude, cwd });
-  }),
-  Obj.bind("project", ({ getFiles, runtime: { fs }, parserOptions }) => {
-    return createProject({
+var createContext = (conf) => {
+  const generator = createGenerator(conf);
+  const config = conf.config;
+  const runtime = nodeRuntime;
+  config.cwd ||= runtime.cwd();
+  const { include, exclude, cwd } = config;
+  const getFiles = () => runtime.fs.glob({ include, exclude, cwd });
+  const ctx = {
+    ...conf,
+    ...generator,
+    runtime: nodeRuntime,
+    hooks: conf.hooks,
+    getFiles,
+    project: createProject({
       ...conf.tsconfig,
       getFiles,
-      readFile: fs.readFileSync,
+      readFile: runtime.fs.readFileSync,
       hooks: conf.hooks,
-      parserOptions
-    });
-  }),
-  Obj.bind("chunks", getChunkEngine),
-  Obj.bind("output", getOutputEngine)
-);
+      parserOptions: { join: runtime.path.join, ...generator.parserOptions }
+    })
+  };
+  return Object.assign(ctx, { chunks: getChunkEngine(ctx), output: getOutputEngine(ctx) });
+};
 
 // src/config.ts
 var configs = [".ts", ".js", ".mjs", ".cjs"];
@@ -973,6 +972,11 @@ async function loadConfigAndCreateContext(options = {}) {
   if (tsconfigResult) {
     conf.tsconfig = tsconfigResult.tsconfig;
     conf.tsconfigFile = tsconfigResult.tsconfigFile;
+    const options2 = tsconfigResult.tsconfig?.compilerOptions;
+    if (options2?.paths) {
+      const baseUrl = options2.baseUrl;
+      conf.tsOptions = { baseUrl, pathMappings: convertTsPathsToRegexes(options2.paths, baseUrl ?? cwd) };
+    }
   }
   conf.config.outdir ??= "styled-system";
   if (conf.config.hooks) {
@@ -988,12 +992,12 @@ async function loadConfigAndCreateContext(options = {}) {
 // src/extract.ts
 init_esm_shims();
 import { logger as logger3 } from "@pandacss/logger";
-import { Obj as Obj2, pipe as pipe2, tap as tap2, tryCatch } from "lil-fp";
+import { Obj, pipe, tap, tryCatch } from "lil-fp";
 
 // src/cli-box.ts
 init_esm_shims();
 
-// ../../node_modules/.pnpm/boxen@7.1.0/node_modules/boxen/index.js
+// ../../node_modules/.pnpm/boxen@7.1.1/node_modules/boxen/index.js
 init_esm_shims();
 import process3 from "node:process";
 
@@ -1569,7 +1573,7 @@ function widestLine(string) {
   return lineWidth;
 }
 
-// ../../node_modules/.pnpm/boxen@7.1.0/node_modules/boxen/index.js
+// ../../node_modules/.pnpm/boxen@7.1.1/node_modules/boxen/index.js
 var import_cli_boxes = __toESM(require_cli_boxes(), 1);
 
 // ../../node_modules/.pnpm/camelcase@7.0.1/node_modules/camelcase/index.js
@@ -1655,7 +1659,7 @@ function camelCase(input, options) {
   return postProcess(input, toUpperCase);
 }
 
-// ../../node_modules/.pnpm/boxen@7.1.0/node_modules/boxen/index.js
+// ../../node_modules/.pnpm/boxen@7.1.1/node_modules/boxen/index.js
 var import_ansi_align = __toESM(require_ansi_align(), 1);
 
 // ../../node_modules/.pnpm/wrap-ansi@8.1.0/node_modules/wrap-ansi/index.js
@@ -1999,11 +2003,11 @@ function wrapAnsi(string, columns, options) {
   return String(string).normalize().replace(/\r\n/g, "\n").split("\n").map((line) => exec(line, columns, options)).join("\n");
 }
 
-// ../../node_modules/.pnpm/boxen@7.1.0/node_modules/boxen/index.js
+// ../../node_modules/.pnpm/boxen@7.1.1/node_modules/boxen/index.js
 var import_cli_boxes2 = __toESM(require_cli_boxes(), 1);
 var NEWLINE = "\n";
 var PAD = " ";
-var BORDERS_WIDTH = 2;
+var NONE = "none";
 var terminalColumns = () => {
   const { env: env2, stdout, stderr } = process3;
   if (stdout?.columns) {
@@ -2029,6 +2033,7 @@ var getObject = (detail) => typeof detail === "number" ? {
   left: 0,
   ...detail
 };
+var getBorderWidth = (borderStyle) => borderStyle === NONE ? 0 : 2;
 var getBorderChars = (borderStyle) => {
   const sides = [
     "topLeft",
@@ -2041,7 +2046,7 @@ var getBorderChars = (borderStyle) => {
     "bottom"
   ];
   let characters;
-  if (borderStyle === "none") {
+  if (borderStyle === NONE) {
     borderStyle = {};
     for (const side of sides) {
       borderStyle[side] = "";
@@ -2070,10 +2075,10 @@ var getBorderChars = (borderStyle) => {
   }
   return characters;
 };
-var makeTitle = (text, horizontal, alignement) => {
+var makeTitle = (text, horizontal, alignment) => {
   let title = "";
   const textWidth = stringWidth(text);
-  switch (alignement) {
+  switch (alignment) {
     case "left": {
       title = text + horizontal.slice(textWidth);
       break;
@@ -2176,17 +2181,28 @@ var boxContent = (content, contentWidth, options) => {
   const columns = terminalColumns();
   let marginLeft = PAD.repeat(options.margin.left);
   if (options.float === "center") {
-    const marginWidth = Math.max((columns - contentWidth - BORDERS_WIDTH) / 2, 0);
+    const marginWidth = Math.max((columns - contentWidth - getBorderWidth(options.borderStyle)) / 2, 0);
     marginLeft = PAD.repeat(marginWidth);
   } else if (options.float === "right") {
-    const marginWidth = Math.max(columns - contentWidth - options.margin.right - BORDERS_WIDTH, 0);
+    const marginWidth = Math.max(columns - contentWidth - options.margin.right - getBorderWidth(options.borderStyle), 0);
     marginLeft = PAD.repeat(marginWidth);
   }
-  const top = colorizeBorder(NEWLINE.repeat(options.margin.top) + marginLeft + chars.topLeft + (options.title ? makeTitle(options.title, chars.top.repeat(contentWidth), options.titleAlignment) : chars.top.repeat(contentWidth)) + chars.topRight);
-  const bottom = colorizeBorder(marginLeft + chars.bottomLeft + chars.bottom.repeat(contentWidth) + chars.bottomRight + NEWLINE.repeat(options.margin.bottom));
+  let result = "";
+  if (options.margin.top) {
+    result += NEWLINE.repeat(options.margin.top);
+  }
+  if (options.borderStyle !== NONE || options.title) {
+    result += colorizeBorder(marginLeft + chars.topLeft + (options.title ? makeTitle(options.title, chars.top.repeat(contentWidth), options.titleAlignment) : chars.top.repeat(contentWidth)) + chars.topRight) + NEWLINE;
+  }
   const lines = content.split(NEWLINE);
-  const middle = lines.map((line) => marginLeft + colorizeBorder(chars.left) + colorizeContent(line) + colorizeBorder(chars.right)).join(NEWLINE);
-  return top + NEWLINE + middle + NEWLINE + bottom;
+  result += lines.map((line) => marginLeft + colorizeBorder(chars.left) + colorizeContent(line) + colorizeBorder(chars.right)).join(NEWLINE);
+  if (options.borderStyle !== NONE) {
+    result += NEWLINE + colorizeBorder(marginLeft + chars.bottomLeft + chars.bottom.repeat(contentWidth) + chars.bottomRight);
+  }
+  if (options.margin.bottom) {
+    result += NEWLINE.repeat(options.margin.bottom);
+  }
+  return result;
 };
 var sanitizeOptions = (options) => {
   if (options.fullscreen && process3?.stdout) {
@@ -2202,28 +2218,30 @@ var sanitizeOptions = (options) => {
     }
   }
   if (options.width) {
-    options.width = Math.max(1, options.width - BORDERS_WIDTH);
+    options.width = Math.max(1, options.width - getBorderWidth(options.borderStyle));
   }
   if (options.height) {
-    options.height = Math.max(1, options.height - BORDERS_WIDTH);
+    options.height = Math.max(1, options.height - getBorderWidth(options.borderStyle));
   }
   return options;
 };
+var formatTitle = (title, borderStyle) => borderStyle === NONE ? title : ` ${title} `;
 var determineDimensions = (text, options) => {
   options = sanitizeOptions(options);
   const widthOverride = options.width !== void 0;
   const columns = terminalColumns();
-  const maxWidth = columns - options.margin.left - options.margin.right - BORDERS_WIDTH;
-  const widest = widestLine(wrapAnsi(text, columns - BORDERS_WIDTH, { hard: true, trim: false })) + options.padding.left + options.padding.right;
+  const borderWidth = getBorderWidth(options.borderStyle);
+  const maxWidth = columns - options.margin.left - options.margin.right - borderWidth;
+  const widest = widestLine(wrapAnsi(text, columns - borderWidth, { hard: true, trim: false })) + options.padding.left + options.padding.right;
   if (options.title && widthOverride) {
     options.title = options.title.slice(0, Math.max(0, options.width - 2));
     if (options.title) {
-      options.title = ` ${options.title} `;
+      options.title = formatTitle(options.title, options.borderStyle);
     }
   } else if (options.title) {
     options.title = options.title.slice(0, Math.max(0, maxWidth - 2));
     if (options.title) {
-      options.title = ` ${options.title} `;
+      options.title = formatTitle(options.title, options.borderStyle);
       if (stringWidth(options.title) > widest) {
         options.width = stringWidth(options.title);
       }
@@ -2232,12 +2250,12 @@ var determineDimensions = (text, options) => {
   options.width = options.width ? options.width : widest;
   if (!widthOverride) {
     if (options.margin.left && options.margin.right && options.width > maxWidth) {
-      const spaceForMargins = columns - options.width - BORDERS_WIDTH;
+      const spaceForMargins = columns - options.width - borderWidth;
       const multiplier = spaceForMargins / (options.margin.left + options.margin.right);
       options.margin.left = Math.max(0, Math.floor(options.margin.left * multiplier));
       options.margin.right = Math.max(0, Math.floor(options.margin.right * multiplier));
     }
-    options.width = Math.min(options.width, columns - BORDERS_WIDTH - options.margin.left - options.margin.right);
+    options.width = Math.min(options.width, columns - borderWidth - options.margin.left - options.margin.right);
   }
   if (options.width - (options.padding.left + options.padding.right) <= 0) {
     options.padding.left = 0;
@@ -2312,21 +2330,21 @@ function extractFile(ctx, file) {
     runtime: { path: path2 },
     config: { cwd }
   } = ctx;
-  return pipe2(
+  return pipe(
     { file: path2.abs(cwd, file) },
-    tap2(() => logger3.debug("file:extract", file)),
-    Obj2.bind("measure", () => logger3.time.debug(`Extracted ${file}`)),
-    Obj2.bind(
+    tap(() => logger3.debug("file:extract", file)),
+    Obj.bind("measure", () => logger3.time.debug(`Extracted ${file}`)),
+    Obj.bind(
       "result",
       tryCatch(
         ({ file: file2 }) => ctx.project.parseSourceFile(file2),
         (error) => logger3.error("file:parse", error)
       )
     ),
-    Obj2.bind("measureCss", () => logger3.time.debug(`Parsed ${file}`)),
-    Obj2.bind("css", ({ result }) => result ? ctx.getParserCss(result) : void 0),
-    tap2(({ measure, measureCss }) => [measureCss(), measure()]),
-    Obj2.get("css")
+    Obj.bind("measureCss", () => logger3.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) {
@@ -2412,11 +2430,13 @@ function parseDependency(fileOrGlob) {
 var configCache = /* @__PURE__ */ new Map();
 var contentFilesCache = /* @__PURE__ */ new WeakMap();
 var setupCount = 0;
+var layersName = ["reset", "base", "tokens", "recipes", "utilities"];
 var Builder = class {
   /**
    * The current panda context
    */
   context;
+  configDependencies = /* @__PURE__ */ new Set();
   writeFileCss(file, css) {
     const oldCss = this.fileCssMap?.get(file) ?? "";
     const newCss = mergeCss2(oldCss, css);
@@ -2454,18 +2474,12 @@ var Builder = class {
   async setup(options = {}) {
     logger4.debug("builder", "\u{1F6A7} Setup");
     const configPath = options.configPath ?? this.getConfigPath();
-    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 tsOptions = this.context?.tsOptions ?? { baseUrl: void 0, pathMappings: [] };
+    const compilerOptions = this.context?.tsconfig?.compilerOptions ?? {};
+    const { deps: foundDeps } = getConfigDependencies(configPath, tsOptions, compilerOptions);
+    const cwd = this.context?.config.cwd ?? dirname2(configPath);
+    const configDeps = /* @__PURE__ */ new Set([...foundDeps, ...(this.context?.dependencies ?? []).map((file) => resolve2(cwd, file))]);
+    this.configDependencies = configDeps;
     const deps = this.checkConfigDeps(configPath, configDeps);
     if (deps.isModified) {
       await this.setupContext({
@@ -2542,12 +2556,12 @@ var Builder = class {
       resolve: true
     });
   }
-  // ASSUMPTION: Layer structure is an exact match (no extra layers)
   isValidRoot(root) {
-    const params = "reset, base, tokens, recipes, utilities";
     let found = false;
     root.walkAtRules("layer", (rule) => {
-      if (rule.params === params) {
+      const foundLayers = /* @__PURE__ */ new Set();
+      rule.params.split(",").forEach((name) => foundLayers.add(name.trim()));
+      if (foundLayers.size >= 5 && layersName.every((name) => foundLayers.has(name))) {
         found = true;
       }
     });
@@ -2574,6 +2588,9 @@ var Builder = class {
     for (const file of ctx.dependencies) {
       fn({ type: "dependency", file: resolve2(file) });
     }
+    for (const file of this.configDependencies) {
+      fn({ type: "dependency", file: resolve2(file) });
+    }
   }
 };
 
@@ -2774,7 +2791,7 @@ outExtension: '${outExtension}',` : ""}
     outdir: "styled-system",
     ${jsxFramework ? `
  // The JSX framework to use
-jsxFramework: '${jsxFramework}'` : ""}
+jsxFramework: '${jsxFramework}',` : ""}
     ${syntax ? `
  // The CSS Syntax to use to use
 syntax: '${syntax}'` : ""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -15,7 +15,7 @@
   },
   "dependencies": {
     "chokidar": "^3.5.3",
-    "fast-glob": "^3.2.12",
+    "fast-glob": "^3.3.0",
     "file-size": "^1.0.0",
     "filesize": "^10.0.7",
     "fs-extra": "11.1.1",
@@ -29,31 +29,31 @@
     "pathe": "^1.1.1",
     "pkg-types": "1.0.3",
     "pluralize": "8.0.0",
-    "postcss": "8.4.24",
+    "postcss": "8.4.25",
     "preferred-pm": "^3.0.3",
-    "ts-morph": "18.0.0",
-    "ts-pattern": "4.3.0",
+    "ts-morph": "19.0.0",
+    "ts-pattern": "5.0.4",
     "tsconfck": "^2.1.1",
-    "@pandacss/config": "0.6.0",
-    "@pandacss/core": "0.6.0",
-    "@pandacss/error": "0.6.0",
-    "@pandacss/extractor": "0.6.0",
-    "@pandacss/generator": "0.6.0",
-    "@pandacss/is-valid-prop": "0.6.0",
-    "@pandacss/logger": "0.6.0",
-    "@pandacss/parser": "0.6.0",
-    "@pandacss/shared": "0.6.0",
-    "@pandacss/token-dictionary": "0.6.0",
-    "@pandacss/types": "0.6.0"
+    "@pandacss/config": "0.8.0",
+    "@pandacss/core": "0.8.0",
+    "@pandacss/error": "0.8.0",
+    "@pandacss/extractor": "0.8.0",
+    "@pandacss/generator": "0.8.0",
+    "@pandacss/is-valid-prop": "0.8.0",
+    "@pandacss/logger": "0.8.0",
+    "@pandacss/parser": "0.8.0",
+    "@pandacss/shared": "0.8.0",
+    "@pandacss/token-dictionary": "0.8.0",
+    "@pandacss/types": "0.8.0"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.1",
     "@types/glob-parent": "^5.1.1",
     "@types/is-glob": "^4.0.2",
     "@types/lodash.merge": "4.6.7",
-    "@types/pluralize": "0.0.29",
-    "boxen": "^7.1.0",
-    "@pandacss/fixture": "0.6.0"
+    "@types/pluralize": "0.0.30",
+    "boxen": "^7.1.1",
+    "@pandacss/fixture": "0.8.0"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",