@pandacss/node 0.27.3 → 0.29.0

package/dist/index.d.mts

@@ -1,10 +1,9 @@
 import * as _pandacss_types from '@pandacss/types';
-import { LoadConfigResult, Artifact, Runtime, PandaHookable, ConfigResultWithHooks, WatchOptions, WatcherEventType, ParserResultInterface, ArtifactId, Config, CssArtifactType } from '@pandacss/types';
+import { LoadConfigResult, Artifact, Runtime, PandaHooks, WatchOptions, WatcherEventType, ParserResultInterface, ArtifactId, Config, CssArtifactType } from '@pandacss/types';
 import { StyleEncoder, Stylesheet } from '@pandacss/core';
 import { Generator } from '@pandacss/generator';
 import * as _pandacss_parser from '@pandacss/parser';
 import { Project, ParserResult } from '@pandacss/parser';
-import * as _pandacss_config from '@pandacss/config';
 import { Root, Message } from 'postcss';
 
 declare class DiffEngine {
@@ -14,18 +13,18 @@ declare class DiffEngine {
     /**
      * Reload config from disk and refresh the context
      */
-    reloadConfigAndRefreshContext(fn?: (conf: LoadConfigResult) => void): Promise<_pandacss_config.DiffConfigResult>;
+    reloadConfigAndRefreshContext(fn?: (conf: LoadConfigResult) => void): Promise<_pandacss_types.DiffConfigResult>;
     /**
      * Update the context from the refreshed config
      * then persist the changes on each affected engines
      * Returns the list of affected artifacts/engines
      */
-    refresh(conf: LoadConfigResult, fn?: (conf: LoadConfigResult) => void): _pandacss_config.DiffConfigResult;
+    refresh(conf: LoadConfigResult, fn?: (conf: LoadConfigResult) => void): _pandacss_types.DiffConfigResult;
 }
 
 interface OutputEngineOptions extends Generator {
     runtime: Runtime;
-    hooks: PandaHookable;
+    hooks: Partial<PandaHooks>;
 }
 declare class OutputEngine {
     private paths;
@@ -42,7 +41,9 @@ declare class PandaContext extends Generator {
     project: Project;
     output: OutputEngine;
     diff: DiffEngine;
-    constructor(conf: ConfigResultWithHooks);
+    explicitDeps: string[];
+    constructor(conf: LoadConfigResult);
+    private getExplicitDependencies;
     getFiles: () => string[];
     parseFile: (filePath: string, styleEncoder?: StyleEncoder) => ParserResult | undefined;
     parseFiles: (styleEncoder?: StyleEncoder) => {
@@ -51,7 +52,7 @@ declare class PandaContext extends Generator {
         results: ParserResult[];
     };
     writeCss: (sheet?: Stylesheet) => Promise<PromiseSettledResult<void>[]> | undefined;
-    watchConfig: (cb: () => void | Promise<void>, opts?: Omit<WatchOptions, 'include'>) => void;
+    watchConfig: (cb: (file: string) => void | Promise<void>, opts?: Omit<WatchOptions, 'include'>) => void;
     watchFiles: (cb: (event: WatcherEventType, file: string) => void | Promise<void>) => void;
 }
 
@@ -206,9 +207,9 @@ declare class Builder {
     context: PandaContext | undefined;
     private hasEmitted;
     private filesMeta;
+    private explicitDepsMeta;
     private affecteds;
     private configDependencies;
-    getConfigPath: (cwd?: string) => string;
     setConfigDependencies(options: SetupContextOptions): void;
     setup: (options?: {
         configPath?: string;
@@ -245,6 +246,8 @@ declare function codegen(ctx: PandaContext, ids?: ArtifactId[]): Promise<{
     msg: string;
 }>;
 
+declare const startProfiling: (cwd: string, prefix: string) => Promise<() => void>;
+
 declare function loadConfigAndCreateContext(options?: {
     cwd?: string;
     config?: Config;
@@ -278,4 +281,4 @@ type SetupOptions = Partial<Config> & {
 declare function setupConfig(cwd: string, opts?: SetupOptions): Promise<void>;
 declare function setupPostcss(cwd: string): Promise<void>;
 
-export { Builder, type CssGenOptions, PandaContext, analyzeTokens, buildInfo, codegen, cssgen, debug, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, writeAnalyzeJSON };
+export { Builder, type CssGenOptions, PandaContext, analyzeTokens, buildInfo, codegen, cssgen, debug, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, startProfiling, writeAnalyzeJSON };

package/dist/index.d.ts

@@ -1,10 +1,9 @@
 import * as _pandacss_types from '@pandacss/types';
-import { LoadConfigResult, Artifact, Runtime, PandaHookable, ConfigResultWithHooks, WatchOptions, WatcherEventType, ParserResultInterface, ArtifactId, Config, CssArtifactType } from '@pandacss/types';
+import { LoadConfigResult, Artifact, Runtime, PandaHooks, WatchOptions, WatcherEventType, ParserResultInterface, ArtifactId, Config, CssArtifactType } from '@pandacss/types';
 import { StyleEncoder, Stylesheet } from '@pandacss/core';
 import { Generator } from '@pandacss/generator';
 import * as _pandacss_parser from '@pandacss/parser';
 import { Project, ParserResult } from '@pandacss/parser';
-import * as _pandacss_config from '@pandacss/config';
 import { Root, Message } from 'postcss';
 
 declare class DiffEngine {
@@ -14,18 +13,18 @@ declare class DiffEngine {
     /**
      * Reload config from disk and refresh the context
      */
-    reloadConfigAndRefreshContext(fn?: (conf: LoadConfigResult) => void): Promise<_pandacss_config.DiffConfigResult>;
+    reloadConfigAndRefreshContext(fn?: (conf: LoadConfigResult) => void): Promise<_pandacss_types.DiffConfigResult>;
     /**
      * Update the context from the refreshed config
      * then persist the changes on each affected engines
      * Returns the list of affected artifacts/engines
      */
-    refresh(conf: LoadConfigResult, fn?: (conf: LoadConfigResult) => void): _pandacss_config.DiffConfigResult;
+    refresh(conf: LoadConfigResult, fn?: (conf: LoadConfigResult) => void): _pandacss_types.DiffConfigResult;
 }
 
 interface OutputEngineOptions extends Generator {
     runtime: Runtime;
-    hooks: PandaHookable;
+    hooks: Partial<PandaHooks>;
 }
 declare class OutputEngine {
     private paths;
@@ -42,7 +41,9 @@ declare class PandaContext extends Generator {
     project: Project;
     output: OutputEngine;
     diff: DiffEngine;
-    constructor(conf: ConfigResultWithHooks);
+    explicitDeps: string[];
+    constructor(conf: LoadConfigResult);
+    private getExplicitDependencies;
     getFiles: () => string[];
     parseFile: (filePath: string, styleEncoder?: StyleEncoder) => ParserResult | undefined;
     parseFiles: (styleEncoder?: StyleEncoder) => {
@@ -51,7 +52,7 @@ declare class PandaContext extends Generator {
         results: ParserResult[];
     };
     writeCss: (sheet?: Stylesheet) => Promise<PromiseSettledResult<void>[]> | undefined;
-    watchConfig: (cb: () => void | Promise<void>, opts?: Omit<WatchOptions, 'include'>) => void;
+    watchConfig: (cb: (file: string) => void | Promise<void>, opts?: Omit<WatchOptions, 'include'>) => void;
     watchFiles: (cb: (event: WatcherEventType, file: string) => void | Promise<void>) => void;
 }
 
@@ -206,9 +207,9 @@ declare class Builder {
     context: PandaContext | undefined;
     private hasEmitted;
     private filesMeta;
+    private explicitDepsMeta;
     private affecteds;
     private configDependencies;
-    getConfigPath: (cwd?: string) => string;
     setConfigDependencies(options: SetupContextOptions): void;
     setup: (options?: {
         configPath?: string;
@@ -245,6 +246,8 @@ declare function codegen(ctx: PandaContext, ids?: ArtifactId[]): Promise<{
     msg: string;
 }>;
 
+declare const startProfiling: (cwd: string, prefix: string) => Promise<() => void>;
+
 declare function loadConfigAndCreateContext(options?: {
     cwd?: string;
     config?: Config;
@@ -278,4 +281,4 @@ type SetupOptions = Partial<Config> & {
 declare function setupConfig(cwd: string, opts?: SetupOptions): Promise<void>;
 declare function setupPostcss(cwd: string): Promise<void>;
 
-export { Builder, type CssGenOptions, PandaContext, analyzeTokens, buildInfo, codegen, cssgen, debug, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, writeAnalyzeJSON };
+export { Builder, type CssGenOptions, PandaContext, analyzeTokens, buildInfo, codegen, cssgen, debug, generate, loadConfigAndCreateContext, parseDependency, setupConfig, setupGitIgnore, setupPostcss, startProfiling, writeAnalyzeJSON };

package/dist/index.js

@@ -416,6 +416,7 @@ __export(src_exports, {
   setupConfig: () => setupConfig,
   setupGitIgnore: () => setupGitIgnore,
   setupPostcss: () => setupPostcss,
+  startProfiling: () => startProfiling,
   writeAnalyzeJSON: () => writeAnalyzeJSON
 });
 module.exports = __toCommonJS(src_exports);
@@ -788,8 +789,8 @@ async function buildInfo(ctx, outfile) {
 init_cjs_shims();
 var import_config4 = require("@pandacss/config");
 var import_core = require("@pandacss/core");
-var import_error = require("@pandacss/error");
 var import_logger6 = require("@pandacss/logger");
+var import_shared2 = require("@pandacss/shared");
 var import_fs = require("fs");
 var import_path3 = require("path");
 
@@ -2224,7 +2225,7 @@ async function codegen(ctx, ids) {
     ctx.output.empty();
   const promises = ctx.getArtifacts(ids).map((artifact) => limit(() => ctx.output.write(artifact)));
   await Promise.allSettled(promises);
-  void ctx.hooks.callHook("generator:done");
+  await ctx.hooks["codegen:done"]?.({ changed: ids });
   return {
     box: createBox({
       content: ctx.messages.codegenComplete(),
@@ -2238,13 +2239,13 @@ async function codegen(ctx, ids) {
 init_cjs_shims();
 var import_config3 = require("@pandacss/config");
 var import_browserslist = __toESM(require("browserslist"));
-var import_hookable = require("hookable");
 
 // src/create-context.ts
 init_cjs_shims();
 var import_generator2 = require("@pandacss/generator");
 var import_logger5 = require("@pandacss/logger");
 var import_parser = require("@pandacss/parser");
+var import_shared = require("@pandacss/shared");
 var import_perfect_debounce = require("perfect-debounce");
 
 // src/diff-engine.ts
@@ -2326,8 +2327,8 @@ var nodeRuntime = {
     readDirSync: import_fs_extra.default.readdirSync,
     rmDirSync: import_fs_extra.default.emptyDirSync,
     rmFileSync: import_fs_extra.default.removeSync,
-    ensureDirSync(path) {
-      return import_fs_extra.default.ensureDirSync(path);
+    ensureDirSync(path2) {
+      return import_fs_extra.default.ensureDirSync(path2);
     },
     watch(options) {
       const { include, exclude, cwd, poll } = options;
@@ -2402,6 +2403,7 @@ var PandaContext = class extends import_generator2.Generator {
   project;
   output;
   diff;
+  explicitDeps = [];
   constructor(conf) {
     super(conf);
     const config = conf.config;
@@ -2422,7 +2424,14 @@ var PandaContext = class extends import_generator2.Generator {
     });
     this.output = new OutputEngine(this);
     this.diff = new DiffEngine(this);
+    this.explicitDeps = this.getExplicitDependencies();
   }
+  getExplicitDependencies = () => {
+    const { cwd, dependencies } = this.config;
+    if (!dependencies)
+      return [];
+    return this.runtime.fs.glob({ include: dependencies, cwd });
+  };
   getFiles = () => {
     const { include, exclude, cwd } = this.config;
     return this.runtime.fs.glob({ include, exclude, cwd });
@@ -2473,16 +2482,16 @@ var PandaContext = class extends import_generator2.Generator {
     const { cwd, poll, exclude } = opts ?? {};
     import_logger5.logger.info("ctx:watch", this.messages.configWatch());
     const watcher = this.runtime.fs.watch({
-      include: this.conf.dependencies,
+      include: (0, import_shared.uniq)([...this.explicitDeps, ...this.conf.dependencies]),
       exclude,
       cwd,
       poll
     });
     watcher.on(
       "change",
-      (0, import_perfect_debounce.debounce)(async () => {
+      (0, import_perfect_debounce.debounce)(async (file) => {
         import_logger5.logger.info("ctx:change", "config changed, rebuilding...");
-        await cb();
+        await cb(file);
       })
     );
   };
@@ -2551,15 +2560,7 @@ async function loadConfigAndCreateContext(options = {}) {
   if (tsConfResult) {
     Object.assign(conf, tsConfResult);
   }
-  const hooks = (0, import_hookable.createHooks)();
-  if (conf.config.hooks) {
-    hooks.addHooks(conf.config.hooks);
-  }
-  await hooks.callHook("config:resolved", conf);
-  if (conf.config.logLevel === "debug") {
-    (0, import_hookable.createDebugger)(hooks, { tag: "panda" });
-  }
-  return new PandaContext({ ...conf, hooks });
+  return new PandaContext(conf);
 }
 
 // src/parse-dependency.ts
@@ -2615,15 +2616,9 @@ var Builder = class {
   context;
   hasEmitted = false;
   filesMeta;
+  explicitDepsMeta;
   affecteds;
   configDependencies = /* @__PURE__ */ new Set();
-  getConfigPath = (cwd) => {
-    const configPath = (0, import_config4.findConfig)({ cwd });
-    if (!configPath) {
-      throw new import_error.ConfigNotFoundError();
-    }
-    return configPath;
-  };
   setConfigDependencies(options) {
     const tsOptions = this.context?.conf.tsOptions ?? { baseUrl: void 0, pathMappings: [] };
     const compilerOptions = this.context?.conf.tsconfig?.compilerOptions ?? {};
@@ -2633,25 +2628,35 @@ var Builder = class {
       ...foundDeps,
       ...(this.context?.conf.dependencies ?? []).map((file) => (0, import_path3.resolve)(cwd, file))
     ]);
-    this.configDependencies = configDeps;
+    configDeps.forEach((file) => {
+      this.configDependencies.add(file);
+    });
     import_logger6.logger.debug("builder", "Config dependencies");
     import_logger6.logger.debug("builder", configDeps);
   }
   setup = async (options = {}) => {
     import_logger6.logger.debug("builder", "\u{1F6A7} Setup");
-    const configPath = options.configPath ?? this.getConfigPath(options.cwd);
+    const configPath = options.configPath ?? (0, import_config4.findConfig)({ cwd: options.cwd });
     this.setConfigDependencies({ configPath, cwd: options.cwd });
     if (!this.context) {
       return this.setupContext({ configPath, cwd: options.cwd });
     }
     const ctx = this.getContextOrThrow();
     this.affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
-      this.context = new PandaContext({ ...conf, hooks: ctx.hooks });
+      this.context = new PandaContext(conf);
     });
     import_logger6.logger.debug("builder", this.affecteds);
+    this.explicitDepsMeta = this.checkFilesChanged(this.context.explicitDeps);
+    if (this.explicitDepsMeta.hasFilesChanged) {
+      this.explicitDepsMeta.changes.forEach((meta, file) => {
+        fileModifiedMap.set(file, meta.mtime);
+      });
+      import_logger6.logger.debug("builder", "\u2699\uFE0F Explicit config dependencies changed");
+      this.affecteds.hasConfigChanged = true;
+    }
     if (this.affecteds.hasConfigChanged) {
       import_logger6.logger.debug("builder", "\u2699\uFE0F Config changed, reloading");
-      await ctx.hooks.callHook("config:change", ctx.config);
+      await ctx.hooks["config:change"]?.({ config: ctx.config, changes: this.affecteds });
       return;
     }
     this.filesMeta = this.checkFilesChanged(ctx.getFiles());
@@ -2670,12 +2675,16 @@ var Builder = class {
   setupContext = async (options) => {
     const { configPath, cwd } = options;
     const ctx = await loadConfigAndCreateContext({ configPath, cwd });
+    const configDeps = (0, import_shared2.uniq)([...ctx.conf.dependencies, ...ctx.explicitDeps]);
+    configDeps.forEach((file) => {
+      this.configDependencies.add((0, import_path3.resolve)(cwd || ctx.conf.config.cwd, file));
+    });
     this.context = ctx;
     return ctx;
   };
   getContextOrThrow = () => {
     if (!this.context) {
-      throw new Error("context not loaded");
+      throw new import_shared2.PandaError("NO_CONTEXT", "context not loaded");
     }
     return this.context;
   };
@@ -2753,25 +2762,56 @@ var Builder = class {
   };
 };
 
-// src/cssgen.ts
+// src/cpu-profile.ts
 init_cjs_shims();
 var import_logger7 = require("@pandacss/logger");
+var import_fs2 = __toESM(require("fs"));
+var import_path4 = __toESM(require("path"));
+var startProfiling = async (cwd, prefix) => {
+  const v8Profiler = (await import("v8-profiler-next")).default;
+  const date = /* @__PURE__ */ new Date();
+  const timestamp = date.toISOString().replace(/[-:.]/g, "");
+  const title = `panda-${prefix}-${timestamp}`;
+  v8Profiler.setGenerateType(1);
+  v8Profiler.startProfiling(title, true);
+  const stopProfiling = () => {
+    const profile = v8Profiler.stopProfiling(title);
+    profile.export(function(error, result) {
+      if (error) {
+        console.error(error);
+        return;
+      }
+      if (!result)
+        return;
+      const outfile = import_path4.default.join(cwd, `${title}.cpuprofile`);
+      import_fs2.default.writeFileSync(outfile, result);
+      import_logger7.logger.info("cpu-prof", outfile);
+      profile.delete();
+    });
+  };
+  return stopProfiling;
+};
+
+// src/cssgen.ts
+init_cjs_shims();
+var import_logger8 = require("@pandacss/logger");
 var cssgen = async (ctx, options) => {
   const { outfile, type, minimal } = options;
   const sheet = ctx.createSheet();
   if (type) {
-    const done = import_logger7.logger.time.info(ctx.messages.cssArtifactComplete(type));
+    const done = import_logger8.logger.time.info(ctx.messages.cssArtifactComplete(type));
     ctx.appendCssOfType(type, sheet);
     if (outfile) {
       const css = ctx.getCss(sheet);
-      ctx.runtime.fs.writeFileSync(outfile, css);
+      import_logger8.logger.info("css", ctx.runtime.path.resolve(outfile));
+      await ctx.runtime.fs.writeFile(outfile, css);
     } else {
       await ctx.writeCss(sheet);
     }
     done();
   } else {
     const { files } = ctx.parseFiles();
-    const done = import_logger7.logger.time.info(ctx.messages.buildComplete(files.length));
+    const done = import_logger8.logger.time.info(ctx.messages.buildComplete(files.length));
     if (!minimal) {
       ctx.appendLayerParams(sheet);
       ctx.appendBaselineCss(sheet);
@@ -2779,7 +2819,8 @@ var cssgen = async (ctx, options) => {
     ctx.appendParserCss(sheet);
     if (outfile) {
       const css = ctx.getCss(sheet);
-      ctx.runtime.fs.writeFileSync(outfile, css);
+      import_logger8.logger.info("css", ctx.runtime.path.resolve(outfile));
+      await ctx.runtime.fs.writeFile(outfile, css);
     } else {
       await ctx.writeCss(sheet);
     }
@@ -2789,19 +2830,19 @@ var cssgen = async (ctx, options) => {
 
 // src/debug.ts
 init_cjs_shims();
-var import_logger8 = require("@pandacss/logger");
-var import_path4 = require("path");
+var import_logger9 = require("@pandacss/logger");
+var import_path5 = require("path");
 async function debug(ctx, options) {
   const files = ctx.getFiles();
-  const measureTotal = import_logger8.logger.time.debug(`Done parsing ${files.length} files`);
+  const measureTotal = import_logger9.logger.time.debug(`Done parsing ${files.length} files`);
   ctx.config.minify = false;
   ctx.config.optimize = true;
-  const { fs, path } = ctx.runtime;
+  const { fs: fs2, path: path2 } = ctx.runtime;
   const outdir = options.outdir;
   if (!options.dry && outdir) {
-    fs.ensureDirSync(outdir);
-    import_logger8.logger.info("cli", `Writing ${import_logger8.colors.bold(`${outdir}/config.json`)}`);
-    await fs.writeFile(`${outdir}/config.json`, JSON.stringify(ctx.config, null, 2));
+    fs2.ensureDirSync(outdir);
+    import_logger9.logger.info("cli", `Writing ${import_logger9.colors.bold(`${outdir}/config.json`)}`);
+    await fs2.writeFile(`${outdir}/config.json`, JSON.stringify(ctx.config, null, 2));
   }
   if (options.onlyConfig) {
     measureTotal();
@@ -2809,14 +2850,14 @@ async function debug(ctx, options) {
   }
   const filesWithCss = [];
   files.map((file) => {
-    const measure = import_logger8.logger.time.debug(`Parsed ${file}`);
+    const measure = import_logger9.logger.time.debug(`Parsed ${file}`);
     const encoder = ctx.encoder.clone();
     const result = ctx.project.parseSourceFile(file, encoder);
     measure();
     if (!result || result.isEmpty() || encoder.isEmpty())
       return;
     const styles4 = ctx.decoder.clone().collect(encoder);
-    const css = ctx.getParserCss(styles4, file);
+    const css = ctx.getParserCss(styles4);
     if (!css)
       return;
     if (options.dry) {
@@ -2825,32 +2866,31 @@ async function debug(ctx, options) {
     }
     if (outdir) {
       filesWithCss.push(file);
-      const parsedPath = (0, import_path4.parse)(file);
-      const relative2 = path.relative(ctx.config.cwd, parsedPath.dir);
-      const astJsonPath = `${relative2}/${parsedPath.name}.ast.json`.replaceAll(path.sep, "__");
-      const cssPath = `${relative2}/${parsedPath.name}.css`.replaceAll(path.sep, "__");
-      import_logger8.logger.info("cli", `Writing ${import_logger8.colors.bold(`${outdir}/${astJsonPath}`)}`);
-      import_logger8.logger.info("cli", `Writing ${import_logger8.colors.bold(`${outdir}/${cssPath}`)}`);
+      const parsedPath = (0, import_path5.parse)(file);
+      const relative2 = path2.relative(ctx.config.cwd, parsedPath.dir);
+      const astJsonPath = `${relative2}/${parsedPath.name}.ast.json`.replaceAll(path2.sep, "__");
+      const cssPath = `${relative2}/${parsedPath.name}.css`.replaceAll(path2.sep, "__");
+      import_logger9.logger.info("cli", `Writing ${import_logger9.colors.bold(`${outdir}/${astJsonPath}`)}`);
+      import_logger9.logger.info("cli", `Writing ${import_logger9.colors.bold(`${outdir}/${cssPath}`)}`);
       return Promise.allSettled([
-        fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
-        fs.writeFile(`${outdir}/${cssPath}`, css)
+        fs2.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
+        fs2.writeFile(`${outdir}/${cssPath}`, css)
       ]);
     }
   });
-  import_logger8.logger.info("cli", `Found ${import_logger8.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  import_logger9.logger.info("cli", `Found ${import_logger9.colors.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
 
 // src/generate.ts
 init_cjs_shims();
-var import_logger9 = require("@pandacss/logger");
-var import_ts_pattern = require("ts-pattern");
+var import_logger10 = require("@pandacss/logger");
 async function build(ctx, artifactIds) {
   await codegen(ctx, artifactIds);
   if (ctx.config.emitTokensOnly) {
-    return import_logger9.logger.info("css:emit", "Successfully rebuilt the css variables and js function to query your tokens \u2728");
+    return import_logger10.logger.info("css:emit", "Successfully rebuilt the css variables and js function to query your tokens \u2728");
   }
-  const done = import_logger9.logger.time.info("");
+  const done = import_logger10.logger.time.info("");
   const sheet = ctx.createSheet();
   ctx.appendLayerParams(sheet);
   ctx.appendBaselineCss(sheet);
@@ -2862,25 +2902,19 @@ async function build(ctx, artifactIds) {
 async function generate(config, configPath) {
   let ctx = await loadConfigAndCreateContext({ config, configPath });
   await build(ctx);
-  const {
-    runtime: { fs, path },
-    config: { cwd }
-  } = ctx;
-  if (ctx.config.watch) {
-    const configWatcher = fs.watch({ include: ctx.conf.dependencies });
-    configWatcher.on("change", async () => {
-      const affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
-        ctx = new PandaContext({ ...conf, hooks: ctx.hooks });
-      });
-      if (!affecteds.hasConfigChanged) {
-        import_logger9.logger.debug("builder", "Config didnt change, skipping rebuild");
-        return;
-      }
-      import_logger9.logger.info("config:change", "Config changed, restarting...");
-      await ctx.hooks.callHook("config:change", ctx.config);
-      return build(ctx, Array.from(affecteds.artifacts));
-    });
-    const contentWatcher = fs.watch(ctx.config);
+  const { cwd, watch, poll } = ctx.config;
+  if (watch) {
+    ctx.watchConfig(
+      async () => {
+        const affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
+          ctx = new PandaContext(conf);
+        });
+        import_logger10.logger.info("ctx:updated", "config rebuilt \u2705");
+        await ctx.hooks["config:change"]?.({ config: ctx.config, changes: affecteds });
+        return build(ctx, Array.from(affecteds.artifacts));
+      },
+      { cwd, poll }
+    );
     const bundleStyles = async (ctx2, changedFilePath) => {
       const outfile = ctx2.runtime.path.join(...ctx2.paths.root, "styles.css");
       const parserResult = ctx2.project.parseSourceFile(changedFilePath);
@@ -2894,27 +2928,24 @@ async function generate(config, configPath) {
         return { msg: ctx2.messages.buildComplete(1) };
       }
     };
-    contentWatcher.on("all", async (event, file) => {
-      import_logger9.logger.info(`file:${event}`, file);
-      const filePath = path.abs(cwd, file);
-      (0, import_ts_pattern.match)(event).with("unlink", () => {
-        ctx.project.removeSourceFile(path.abs(cwd, file));
-      }).with("change", async () => {
+    ctx.watchFiles(async (event, file) => {
+      const filePath = ctx.runtime.path.abs(cwd, file);
+      if (event === "unlink") {
+        ctx.project.removeSourceFile(filePath);
+      } else if (event === "change") {
         ctx.project.reloadSourceFile(file);
-        return bundleStyles(ctx, filePath);
-      }).with("add", async () => {
+        await bundleStyles(ctx, filePath);
+      } else if (event === "add") {
         ctx.project.createSourceFile(file);
-        return bundleStyles(ctx, filePath);
-      }).otherwise(() => {
-      });
+        await bundleStyles(ctx, filePath);
+      }
     });
-    import_logger9.logger.info("ctx:watch", ctx.messages.watch());
   }
 }
 
 // src/git-ignore.ts
 init_cjs_shims();
-var import_fs2 = require("fs");
+var import_fs3 = require("fs");
 var import_look_it_up = require("look-it-up");
 var import_outdent = __toESM(require("outdent"));
 function setupGitIgnore(ctx) {
@@ -2929,11 +2960,11 @@ function setupGitIgnore(ctx) {
   `;
   const file = (0, import_look_it_up.lookItUpSync)(".gitignore");
   if (!file) {
-    return (0, import_fs2.writeFileSync)(".gitignore", txt);
+    return (0, import_fs3.writeFileSync)(".gitignore", txt);
   }
-  const content = (0, import_fs2.readFileSync)(file, "utf-8");
+  const content = (0, import_fs3.readFileSync)(file, "utf-8");
   if (!content.includes(outdir)) {
-    (0, import_fs2.appendFileSync)(file, txt);
+    (0, import_fs3.appendFileSync)(file, txt);
   }
 }
 
@@ -2941,11 +2972,11 @@ function setupGitIgnore(ctx) {
 init_cjs_shims();
 var import_config7 = require("@pandacss/config");
 var import_core2 = require("@pandacss/core");
-var import_logger10 = require("@pandacss/logger");
+var import_logger11 = require("@pandacss/logger");
 var import_fs_extra2 = __toESM(require("fs-extra"));
 var import_look_it_up2 = require("look-it-up");
 var import_outdent2 = require("outdent");
-var import_path5 = require("path");
+var import_path6 = require("path");
 var import_preferred_pm = __toESM(require("preferred-pm"));
 var import_prettier = __toESM(require("prettier"));
 async function setupConfig(cwd, opts = {}) {
@@ -2956,9 +2987,9 @@ async function setupConfig(cwd, opts = {}) {
   const cmd = pm === "npm" ? "npm run" : pm;
   const isTs = (0, import_look_it_up2.lookItUpSync)("tsconfig.json", cwd);
   const file = isTs ? "panda.config.ts" : "panda.config.mjs";
-  import_logger10.logger.info("init:config", `creating panda config file: ${(0, import_logger10.quote)(file)}`);
+  import_logger11.logger.info("init:config", `creating panda config file: ${(0, import_logger11.quote)(file)}`);
   if (!force && configFile) {
-    import_logger10.logger.warn("init:config", import_core2.messages.configExists(cmd));
+    import_logger11.logger.warn("init:config", import_core2.messages.configExists(cmd));
   } else {
     const content = import_outdent2.outdent`
 import { defineConfig } from "@pandacss/dev"
@@ -2990,12 +3021,12 @@ jsxFramework: '${jsxFramework}',` : ""}
 syntax: '${syntax}'` : ""}
 })
     `;
-    await import_fs_extra2.default.writeFile((0, import_path5.join)(cwd, file), import_prettier.default.format(content, { parser: "babel" }));
-    import_logger10.logger.log(import_core2.messages.thankYou());
+    await import_fs_extra2.default.writeFile((0, import_path6.join)(cwd, file), import_prettier.default.format(content, { parser: "babel" }));
+    import_logger11.logger.log(import_core2.messages.thankYou());
   }
 }
 async function setupPostcss(cwd) {
-  import_logger10.logger.info("init:postcss", `creating postcss config file: ${(0, import_logger10.quote)("postcss.config.cjs")}`);
+  import_logger11.logger.info("init:postcss", `creating postcss config file: ${(0, import_logger11.quote)("postcss.config.cjs")}`);
   const content = import_outdent2.outdent`
 module.exports = {
   plugins: {
@@ -3003,7 +3034,7 @@ module.exports = {
   },
 }
   `;
-  await import_fs_extra2.default.writeFile((0, import_path5.join)(cwd, "postcss.config.cjs"), content);
+  await import_fs_extra2.default.writeFile((0, import_path6.join)(cwd, "postcss.config.cjs"), content);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -3020,5 +3051,6 @@ module.exports = {
   setupConfig,
   setupGitIgnore,
   setupPostcss,
+  startProfiling,
   writeAnalyzeJSON
 });

package/dist/index.mjs

@@ -764,8 +764,8 @@ async function buildInfo(ctx, outfile) {
 init_esm_shims();
 import { findConfig, getConfigDependencies } from "@pandacss/config";
 import { optimizeCss } from "@pandacss/core";
-import { ConfigNotFoundError } from "@pandacss/error";
 import { logger as logger6 } from "@pandacss/logger";
+import { PandaError, uniq as uniq2 } from "@pandacss/shared";
 import { existsSync, statSync } from "fs";
 import { normalize as normalize2, resolve as resolve3 } from "path";
 
@@ -2200,7 +2200,7 @@ async function codegen(ctx, ids) {
     ctx.output.empty();
   const promises = ctx.getArtifacts(ids).map((artifact) => limit(() => ctx.output.write(artifact)));
   await Promise.allSettled(promises);
-  void ctx.hooks.callHook("generator:done");
+  await ctx.hooks["codegen:done"]?.({ changed: ids });
   return {
     box: createBox({
       content: ctx.messages.codegenComplete(),
@@ -2214,13 +2214,13 @@ async function codegen(ctx, ids) {
 init_esm_shims();
 import { loadConfig as loadConfig2 } from "@pandacss/config";
 import browserslist from "browserslist";
-import { createDebugger, createHooks } from "hookable";
 
 // src/create-context.ts
 init_esm_shims();
 import { Generator as Generator2 } from "@pandacss/generator";
 import { logger as logger5 } from "@pandacss/logger";
 import { Project } from "@pandacss/parser";
+import { uniq } from "@pandacss/shared";
 import { debounce } from "perfect-debounce";
 
 // src/diff-engine.ts
@@ -2302,8 +2302,8 @@ var nodeRuntime = {
     readDirSync: fsExtra.readdirSync,
     rmDirSync: fsExtra.emptyDirSync,
     rmFileSync: fsExtra.removeSync,
-    ensureDirSync(path) {
-      return fsExtra.ensureDirSync(path);
+    ensureDirSync(path2) {
+      return fsExtra.ensureDirSync(path2);
     },
     watch(options) {
       const { include, exclude, cwd, poll } = options;
@@ -2378,6 +2378,7 @@ var PandaContext = class extends Generator2 {
   project;
   output;
   diff;
+  explicitDeps = [];
   constructor(conf) {
     super(conf);
     const config = conf.config;
@@ -2398,7 +2399,14 @@ var PandaContext = class extends Generator2 {
     });
     this.output = new OutputEngine(this);
     this.diff = new DiffEngine(this);
+    this.explicitDeps = this.getExplicitDependencies();
   }
+  getExplicitDependencies = () => {
+    const { cwd, dependencies } = this.config;
+    if (!dependencies)
+      return [];
+    return this.runtime.fs.glob({ include: dependencies, cwd });
+  };
   getFiles = () => {
     const { include, exclude, cwd } = this.config;
     return this.runtime.fs.glob({ include, exclude, cwd });
@@ -2449,16 +2457,16 @@ var PandaContext = class extends Generator2 {
     const { cwd, poll, exclude } = opts ?? {};
     logger5.info("ctx:watch", this.messages.configWatch());
     const watcher = this.runtime.fs.watch({
-      include: this.conf.dependencies,
+      include: uniq([...this.explicitDeps, ...this.conf.dependencies]),
       exclude,
       cwd,
       poll
     });
     watcher.on(
       "change",
-      debounce(async () => {
+      debounce(async (file) => {
         logger5.info("ctx:change", "config changed, rebuilding...");
-        await cb();
+        await cb(file);
       })
     );
   };
@@ -2527,15 +2535,7 @@ async function loadConfigAndCreateContext(options = {}) {
   if (tsConfResult) {
     Object.assign(conf, tsConfResult);
   }
-  const hooks = createHooks();
-  if (conf.config.hooks) {
-    hooks.addHooks(conf.config.hooks);
-  }
-  await hooks.callHook("config:resolved", conf);
-  if (conf.config.logLevel === "debug") {
-    createDebugger(hooks, { tag: "panda" });
-  }
-  return new PandaContext({ ...conf, hooks });
+  return new PandaContext(conf);
 }
 
 // src/parse-dependency.ts
@@ -2591,15 +2591,9 @@ var Builder = class {
   context;
   hasEmitted = false;
   filesMeta;
+  explicitDepsMeta;
   affecteds;
   configDependencies = /* @__PURE__ */ new Set();
-  getConfigPath = (cwd) => {
-    const configPath = findConfig({ cwd });
-    if (!configPath) {
-      throw new ConfigNotFoundError();
-    }
-    return configPath;
-  };
   setConfigDependencies(options) {
     const tsOptions = this.context?.conf.tsOptions ?? { baseUrl: void 0, pathMappings: [] };
     const compilerOptions = this.context?.conf.tsconfig?.compilerOptions ?? {};
@@ -2609,25 +2603,35 @@ var Builder = class {
       ...foundDeps,
       ...(this.context?.conf.dependencies ?? []).map((file) => resolve3(cwd, file))
     ]);
-    this.configDependencies = configDeps;
+    configDeps.forEach((file) => {
+      this.configDependencies.add(file);
+    });
     logger6.debug("builder", "Config dependencies");
     logger6.debug("builder", configDeps);
   }
   setup = async (options = {}) => {
     logger6.debug("builder", "\u{1F6A7} Setup");
-    const configPath = options.configPath ?? this.getConfigPath(options.cwd);
+    const configPath = options.configPath ?? findConfig({ cwd: options.cwd });
     this.setConfigDependencies({ configPath, cwd: options.cwd });
     if (!this.context) {
       return this.setupContext({ configPath, cwd: options.cwd });
     }
     const ctx = this.getContextOrThrow();
     this.affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
-      this.context = new PandaContext({ ...conf, hooks: ctx.hooks });
+      this.context = new PandaContext(conf);
     });
     logger6.debug("builder", this.affecteds);
+    this.explicitDepsMeta = this.checkFilesChanged(this.context.explicitDeps);
+    if (this.explicitDepsMeta.hasFilesChanged) {
+      this.explicitDepsMeta.changes.forEach((meta, file) => {
+        fileModifiedMap.set(file, meta.mtime);
+      });
+      logger6.debug("builder", "\u2699\uFE0F Explicit config dependencies changed");
+      this.affecteds.hasConfigChanged = true;
+    }
     if (this.affecteds.hasConfigChanged) {
       logger6.debug("builder", "\u2699\uFE0F Config changed, reloading");
-      await ctx.hooks.callHook("config:change", ctx.config);
+      await ctx.hooks["config:change"]?.({ config: ctx.config, changes: this.affecteds });
       return;
     }
     this.filesMeta = this.checkFilesChanged(ctx.getFiles());
@@ -2646,12 +2650,16 @@ var Builder = class {
   setupContext = async (options) => {
     const { configPath, cwd } = options;
     const ctx = await loadConfigAndCreateContext({ configPath, cwd });
+    const configDeps = uniq2([...ctx.conf.dependencies, ...ctx.explicitDeps]);
+    configDeps.forEach((file) => {
+      this.configDependencies.add(resolve3(cwd || ctx.conf.config.cwd, file));
+    });
     this.context = ctx;
     return ctx;
   };
   getContextOrThrow = () => {
     if (!this.context) {
-      throw new Error("context not loaded");
+      throw new PandaError("NO_CONTEXT", "context not loaded");
     }
     return this.context;
   };
@@ -2729,25 +2737,56 @@ var Builder = class {
   };
 };
 
-// src/cssgen.ts
+// src/cpu-profile.ts
 init_esm_shims();
 import { logger as logger7 } from "@pandacss/logger";
+import fs from "fs";
+import path from "path";
+var startProfiling = async (cwd, prefix) => {
+  const v8Profiler = (await import("v8-profiler-next")).default;
+  const date = /* @__PURE__ */ new Date();
+  const timestamp = date.toISOString().replace(/[-:.]/g, "");
+  const title = `panda-${prefix}-${timestamp}`;
+  v8Profiler.setGenerateType(1);
+  v8Profiler.startProfiling(title, true);
+  const stopProfiling = () => {
+    const profile = v8Profiler.stopProfiling(title);
+    profile.export(function(error, result) {
+      if (error) {
+        console.error(error);
+        return;
+      }
+      if (!result)
+        return;
+      const outfile = path.join(cwd, `${title}.cpuprofile`);
+      fs.writeFileSync(outfile, result);
+      logger7.info("cpu-prof", outfile);
+      profile.delete();
+    });
+  };
+  return stopProfiling;
+};
+
+// src/cssgen.ts
+init_esm_shims();
+import { logger as logger8 } from "@pandacss/logger";
 var cssgen = async (ctx, options) => {
   const { outfile, type, minimal } = options;
   const sheet = ctx.createSheet();
   if (type) {
-    const done = logger7.time.info(ctx.messages.cssArtifactComplete(type));
+    const done = logger8.time.info(ctx.messages.cssArtifactComplete(type));
     ctx.appendCssOfType(type, sheet);
     if (outfile) {
       const css = ctx.getCss(sheet);
-      ctx.runtime.fs.writeFileSync(outfile, css);
+      logger8.info("css", ctx.runtime.path.resolve(outfile));
+      await ctx.runtime.fs.writeFile(outfile, css);
     } else {
       await ctx.writeCss(sheet);
     }
     done();
   } else {
     const { files } = ctx.parseFiles();
-    const done = logger7.time.info(ctx.messages.buildComplete(files.length));
+    const done = logger8.time.info(ctx.messages.buildComplete(files.length));
     if (!minimal) {
       ctx.appendLayerParams(sheet);
       ctx.appendBaselineCss(sheet);
@@ -2755,7 +2794,8 @@ var cssgen = async (ctx, options) => {
     ctx.appendParserCss(sheet);
     if (outfile) {
       const css = ctx.getCss(sheet);
-      ctx.runtime.fs.writeFileSync(outfile, css);
+      logger8.info("css", ctx.runtime.path.resolve(outfile));
+      await ctx.runtime.fs.writeFile(outfile, css);
     } else {
       await ctx.writeCss(sheet);
     }
@@ -2765,19 +2805,19 @@ var cssgen = async (ctx, options) => {
 
 // src/debug.ts
 init_esm_shims();
-import { colors as colors2, logger as logger8 } from "@pandacss/logger";
+import { colors as colors2, logger as logger9 } from "@pandacss/logger";
 import { parse as parse2 } from "path";
 async function debug(ctx, options) {
   const files = ctx.getFiles();
-  const measureTotal = logger8.time.debug(`Done parsing ${files.length} files`);
+  const measureTotal = logger9.time.debug(`Done parsing ${files.length} files`);
   ctx.config.minify = false;
   ctx.config.optimize = true;
-  const { fs, path } = ctx.runtime;
+  const { fs: fs2, path: path2 } = ctx.runtime;
   const outdir = options.outdir;
   if (!options.dry && outdir) {
-    fs.ensureDirSync(outdir);
-    logger8.info("cli", `Writing ${colors2.bold(`${outdir}/config.json`)}`);
-    await fs.writeFile(`${outdir}/config.json`, JSON.stringify(ctx.config, null, 2));
+    fs2.ensureDirSync(outdir);
+    logger9.info("cli", `Writing ${colors2.bold(`${outdir}/config.json`)}`);
+    await fs2.writeFile(`${outdir}/config.json`, JSON.stringify(ctx.config, null, 2));
   }
   if (options.onlyConfig) {
     measureTotal();
@@ -2785,14 +2825,14 @@ async function debug(ctx, options) {
   }
   const filesWithCss = [];
   files.map((file) => {
-    const measure = logger8.time.debug(`Parsed ${file}`);
+    const measure = logger9.time.debug(`Parsed ${file}`);
     const encoder = ctx.encoder.clone();
     const result = ctx.project.parseSourceFile(file, encoder);
     measure();
     if (!result || result.isEmpty() || encoder.isEmpty())
       return;
     const styles4 = ctx.decoder.clone().collect(encoder);
-    const css = ctx.getParserCss(styles4, file);
+    const css = ctx.getParserCss(styles4);
     if (!css)
       return;
     if (options.dry) {
@@ -2802,31 +2842,30 @@ async function debug(ctx, options) {
     if (outdir) {
       filesWithCss.push(file);
       const parsedPath = parse2(file);
-      const relative2 = path.relative(ctx.config.cwd, parsedPath.dir);
-      const astJsonPath = `${relative2}/${parsedPath.name}.ast.json`.replaceAll(path.sep, "__");
-      const cssPath = `${relative2}/${parsedPath.name}.css`.replaceAll(path.sep, "__");
-      logger8.info("cli", `Writing ${colors2.bold(`${outdir}/${astJsonPath}`)}`);
-      logger8.info("cli", `Writing ${colors2.bold(`${outdir}/${cssPath}`)}`);
+      const relative2 = path2.relative(ctx.config.cwd, parsedPath.dir);
+      const astJsonPath = `${relative2}/${parsedPath.name}.ast.json`.replaceAll(path2.sep, "__");
+      const cssPath = `${relative2}/${parsedPath.name}.css`.replaceAll(path2.sep, "__");
+      logger9.info("cli", `Writing ${colors2.bold(`${outdir}/${astJsonPath}`)}`);
+      logger9.info("cli", `Writing ${colors2.bold(`${outdir}/${cssPath}`)}`);
       return Promise.allSettled([
-        fs.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
-        fs.writeFile(`${outdir}/${cssPath}`, css)
+        fs2.writeFile(`${outdir}/${astJsonPath}`, JSON.stringify(result.toJSON(), null, 2)),
+        fs2.writeFile(`${outdir}/${cssPath}`, css)
       ]);
     }
   });
-  logger8.info("cli", `Found ${colors2.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
+  logger9.info("cli", `Found ${colors2.bold(`${filesWithCss.length}/${files.length}`)} files using Panda`);
   measureTotal();
 }
 
 // src/generate.ts
 init_esm_shims();
-import { logger as logger9 } from "@pandacss/logger";
-import { match } from "ts-pattern";
+import { logger as logger10 } from "@pandacss/logger";
 async function build(ctx, artifactIds) {
   await codegen(ctx, artifactIds);
   if (ctx.config.emitTokensOnly) {
-    return logger9.info("css:emit", "Successfully rebuilt the css variables and js function to query your tokens \u2728");
+    return logger10.info("css:emit", "Successfully rebuilt the css variables and js function to query your tokens \u2728");
   }
-  const done = logger9.time.info("");
+  const done = logger10.time.info("");
   const sheet = ctx.createSheet();
   ctx.appendLayerParams(sheet);
   ctx.appendBaselineCss(sheet);
@@ -2838,25 +2877,19 @@ async function build(ctx, artifactIds) {
 async function generate(config, configPath) {
   let ctx = await loadConfigAndCreateContext({ config, configPath });
   await build(ctx);
-  const {
-    runtime: { fs, path },
-    config: { cwd }
-  } = ctx;
-  if (ctx.config.watch) {
-    const configWatcher = fs.watch({ include: ctx.conf.dependencies });
-    configWatcher.on("change", async () => {
-      const affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
-        ctx = new PandaContext({ ...conf, hooks: ctx.hooks });
-      });
-      if (!affecteds.hasConfigChanged) {
-        logger9.debug("builder", "Config didnt change, skipping rebuild");
-        return;
-      }
-      logger9.info("config:change", "Config changed, restarting...");
-      await ctx.hooks.callHook("config:change", ctx.config);
-      return build(ctx, Array.from(affecteds.artifacts));
-    });
-    const contentWatcher = fs.watch(ctx.config);
+  const { cwd, watch, poll } = ctx.config;
+  if (watch) {
+    ctx.watchConfig(
+      async () => {
+        const affecteds = await ctx.diff.reloadConfigAndRefreshContext((conf) => {
+          ctx = new PandaContext(conf);
+        });
+        logger10.info("ctx:updated", "config rebuilt \u2705");
+        await ctx.hooks["config:change"]?.({ config: ctx.config, changes: affecteds });
+        return build(ctx, Array.from(affecteds.artifacts));
+      },
+      { cwd, poll }
+    );
     const bundleStyles = async (ctx2, changedFilePath) => {
       const outfile = ctx2.runtime.path.join(...ctx2.paths.root, "styles.css");
       const parserResult = ctx2.project.parseSourceFile(changedFilePath);
@@ -2870,21 +2903,18 @@ async function generate(config, configPath) {
         return { msg: ctx2.messages.buildComplete(1) };
       }
     };
-    contentWatcher.on("all", async (event, file) => {
-      logger9.info(`file:${event}`, file);
-      const filePath = path.abs(cwd, file);
-      match(event).with("unlink", () => {
-        ctx.project.removeSourceFile(path.abs(cwd, file));
-      }).with("change", async () => {
+    ctx.watchFiles(async (event, file) => {
+      const filePath = ctx.runtime.path.abs(cwd, file);
+      if (event === "unlink") {
+        ctx.project.removeSourceFile(filePath);
+      } else if (event === "change") {
         ctx.project.reloadSourceFile(file);
-        return bundleStyles(ctx, filePath);
-      }).with("add", async () => {
+        await bundleStyles(ctx, filePath);
+      } else if (event === "add") {
         ctx.project.createSourceFile(file);
-        return bundleStyles(ctx, filePath);
-      }).otherwise(() => {
-      });
+        await bundleStyles(ctx, filePath);
+      }
     });
-    logger9.info("ctx:watch", ctx.messages.watch());
   }
 }
 
@@ -2917,7 +2947,7 @@ function setupGitIgnore(ctx) {
 init_esm_shims();
 import { findConfig as findConfig2 } from "@pandacss/config";
 import { messages } from "@pandacss/core";
-import { logger as logger10, quote } from "@pandacss/logger";
+import { logger as logger11, quote } from "@pandacss/logger";
 import fsExtra2 from "fs-extra";
 import { lookItUpSync as lookItUpSync2 } from "look-it-up";
 import { outdent as outdent2 } from "outdent";
@@ -2932,9 +2962,9 @@ async function setupConfig(cwd, opts = {}) {
   const cmd = pm === "npm" ? "npm run" : pm;
   const isTs = lookItUpSync2("tsconfig.json", cwd);
   const file = isTs ? "panda.config.ts" : "panda.config.mjs";
-  logger10.info("init:config", `creating panda config file: ${quote(file)}`);
+  logger11.info("init:config", `creating panda config file: ${quote(file)}`);
   if (!force && configFile) {
-    logger10.warn("init:config", messages.configExists(cmd));
+    logger11.warn("init:config", messages.configExists(cmd));
   } else {
     const content = outdent2`
 import { defineConfig } from "@pandacss/dev"
@@ -2967,11 +2997,11 @@ syntax: '${syntax}'` : ""}
 })
     `;
     await fsExtra2.writeFile(join2(cwd, file), prettier.format(content, { parser: "babel" }));
-    logger10.log(messages.thankYou());
+    logger11.log(messages.thankYou());
   }
 }
 async function setupPostcss(cwd) {
-  logger10.info("init:postcss", `creating postcss config file: ${quote("postcss.config.cjs")}`);
+  logger11.info("init:postcss", `creating postcss config file: ${quote("postcss.config.cjs")}`);
   const content = outdent2`
 module.exports = {
   plugins: {
@@ -2995,5 +3025,6 @@ export {
   setupConfig,
   setupGitIgnore,
   setupPostcss,
+  startProfiling,
   writeAnalyzeJSON
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.27.3",
+  "version": "0.29.0",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -39,7 +39,6 @@
     "filesize": "^10.0.8",
     "fs-extra": "11.1.1",
     "glob-parent": "^6.0.2",
-    "hookable": "5.5.3",
     "is-glob": "^4.0.3",
     "lodash.merge": "4.6.2",
     "look-it-up": "2.1.0",
@@ -53,16 +52,16 @@
     "ts-morph": "19.0.0",
     "ts-pattern": "5.0.5",
     "tsconfck": "^2.1.2",
-    "@pandacss/config": "0.27.3",
-    "@pandacss/core": "0.27.3",
-    "@pandacss/error": "0.27.3",
-    "@pandacss/extractor": "0.27.3",
-    "@pandacss/generator": "0.27.3",
-    "@pandacss/logger": "0.27.3",
-    "@pandacss/parser": "0.27.3",
-    "@pandacss/shared": "0.27.3",
-    "@pandacss/token-dictionary": "0.27.3",
-    "@pandacss/types": "0.27.3"
+    "v8-profiler-next": "^1.10.0",
+    "@pandacss/config": "0.29.0",
+    "@pandacss/core": "0.29.0",
+    "@pandacss/extractor": "0.29.0",
+    "@pandacss/generator": "0.29.0",
+    "@pandacss/logger": "0.29.0",
+    "@pandacss/parser": "0.29.0",
+    "@pandacss/shared": "0.29.0",
+    "@pandacss/token-dictionary": "0.29.0",
+    "@pandacss/types": "0.29.0"
   },
   "devDependencies": {
     "@types/fs-extra": "11.0.4",