@pandacss/config 0.31.0 → 0.32.1

package/dist/{chunk-5YOGLJPA.mjs → chunk-3MGBJU2R.mjs}

@@ -79,7 +79,13 @@ var artifactConfigDeps = {
   "jsx-patterns": jsx.concat("patterns"),
   "jsx-patterns-index": jsx.concat("patterns"),
   "css-index": ["syntax"],
-  "package.json": ["emitPackage", "forceConsistentTypeExtension", "outExtension"]
+  "package.json": ["emitPackage", "forceConsistentTypeExtension", "outExtension"],
+  "types-styles": ["shorthands"],
+  "types-conditions": ["conditions"],
+  "types-jsx": jsx,
+  "types-entry": [],
+  "types-gen": [],
+  "types-gen-system": []
 };
 var artifactMatchers = Object.entries(artifactConfigDeps).map(([key, paths]) => {
   if (!paths.length)

package/dist/{chunk-XG56JT63.mjs → chunk-MT2A5AKG.mjs}

@@ -1,6 +1,74 @@
 // src/merge-config.ts
 import { mergeAndConcat } from "merge-anything";
 
+// src/merge-hooks.ts
+import { logger } from "@pandacss/logger";
+var mergeHooks = (plugins) => {
+  const hooksFns = {};
+  plugins.forEach(({ name, hooks }) => {
+    Object.entries(hooks ?? {}).forEach(([key, value]) => {
+      if (!hooksFns[key]) {
+        hooksFns[key] = [];
+      }
+      hooksFns[key].push([name, value]);
+    });
+  });
+  const mergedHooks = Object.fromEntries(
+    Object.entries(hooksFns).map(([key, entries]) => {
+      const fns = entries.map(([name, fn]) => tryCatch(name, fn));
+      if (key === "cssgen:done") {
+        return [key, reducers["cssgen:done"](fns)];
+      }
+      if (key === "codegen:prepare") {
+        return [key, reducers["codegen:prepare"](fns)];
+      }
+      return [key, syncHooks.includes(key) ? callAll(...fns) : callAllAsync(...fns)];
+    })
+  );
+  return mergedHooks;
+};
+var reducers = {
+  "cssgen:done": (fns) => (args) => {
+    let content = args.content;
+    for (const hookFn of fns) {
+      const result = hookFn({ ...args, content, original: args.content });
+      if (result !== void 0) {
+        content = result;
+      }
+    }
+    return content;
+  },
+  "codegen:prepare": (fns) => (args) => {
+    let artifacts = args.artifacts;
+    for (const hookFn of fns) {
+      const result = hookFn({ ...args, artifacts, original: args.artifacts });
+      if (result) {
+        artifacts = result;
+      }
+    }
+    return artifacts;
+  }
+};
+var syncHooks = ["context:created", "parser:before", "parser:after", "cssgen:done"];
+var callAllAsync = (...fns) => async (...a) => {
+  for (const fn of fns) {
+    await fn?.(...a);
+  }
+};
+var callAll = (...fns) => (...a) => {
+  fns.forEach((fn) => fn?.(...a));
+};
+var tryCatch = (name, fn) => {
+  return (...args) => {
+    try {
+      return fn(...args);
+    } catch (e) {
+      logger.error("hooks", `The error below comes from the plugin ${name}`);
+      console.error(e);
+    }
+  };
+};
+
 // src/utils.ts
 import { traverse } from "@pandacss/shared";
 var isObject = (v) => Object.prototype.toString.call(v) === "[object Object]";
@@ -87,6 +155,11 @@ var compact = (obj) => {
   }, {});
 };
 function mergeConfigs(configs) {
+  const [userConfig] = configs;
+  const pluginHooks = userConfig.plugins ?? [];
+  if (userConfig.hooks) {
+    pluginHooks.push({ name: "__panda.config__", hooks: userConfig.hooks });
+  }
   const mergedResult = assign(
     {
       conditions: mergeExtensions(configs.map((config) => config.conditions ?? {})),
@@ -94,7 +167,8 @@ function mergeConfigs(configs) {
       patterns: mergeExtensions(configs.map((config) => config.patterns ?? {})),
       utilities: mergeExtensions(configs.map((config) => config.utilities ?? {})),
       globalCss: mergeExtensions(configs.map((config) => config.globalCss ?? {})),
-      staticCss: mergeExtensions(configs.map((config) => config.staticCss ?? {}))
+      staticCss: mergeExtensions(configs.map((config) => config.staticCss ?? {})),
+      hooks: mergeHooks(pluginHooks)
     },
     ...configs
   );

package/dist/diff-config.js

@@ -113,7 +113,13 @@ var artifactConfigDeps = {
   "jsx-patterns": jsx.concat("patterns"),
   "jsx-patterns-index": jsx.concat("patterns"),
   "css-index": ["syntax"],
-  "package.json": ["emitPackage", "forceConsistentTypeExtension", "outExtension"]
+  "package.json": ["emitPackage", "forceConsistentTypeExtension", "outExtension"],
+  "types-styles": ["shorthands"],
+  "types-conditions": ["conditions"],
+  "types-jsx": jsx,
+  "types-entry": [],
+  "types-gen": [],
+  "types-gen-system": []
 };
 var artifactMatchers = Object.entries(artifactConfigDeps).map(([key, paths]) => {
   if (!paths.length)

package/dist/diff-config.mjs

@@ -1,6 +1,6 @@
 import {
   diffConfigs
-} from "./chunk-5YOGLJPA.mjs";
+} from "./chunk-3MGBJU2R.mjs";
 export {
   diffConfigs
 };

package/dist/index.js

@@ -183,7 +183,13 @@ var artifactConfigDeps = {
   "jsx-patterns": jsx.concat("patterns"),
   "jsx-patterns-index": jsx.concat("patterns"),
   "css-index": ["syntax"],
-  "package.json": ["emitPackage", "forceConsistentTypeExtension", "outExtension"]
+  "package.json": ["emitPackage", "forceConsistentTypeExtension", "outExtension"],
+  "types-styles": ["shorthands"],
+  "types-conditions": ["conditions"],
+  "types-jsx": jsx,
+  "types-entry": [],
+  "types-gen": [],
+  "types-gen-system": []
 };
 var artifactMatchers = Object.entries(artifactConfigDeps).map(([key, paths]) => {
   if (!paths.length)
@@ -376,6 +382,74 @@ function getConfigDependencies(filePath, tsOptions = { pathMappings: [] }, compi
 // src/merge-config.ts
 var import_merge_anything = require("merge-anything");
 
+// src/merge-hooks.ts
+var import_logger2 = require("@pandacss/logger");
+var mergeHooks = (plugins) => {
+  const hooksFns = {};
+  plugins.forEach(({ name, hooks }) => {
+    Object.entries(hooks ?? {}).forEach(([key, value]) => {
+      if (!hooksFns[key]) {
+        hooksFns[key] = [];
+      }
+      hooksFns[key].push([name, value]);
+    });
+  });
+  const mergedHooks = Object.fromEntries(
+    Object.entries(hooksFns).map(([key, entries]) => {
+      const fns = entries.map(([name, fn]) => tryCatch(name, fn));
+      if (key === "cssgen:done") {
+        return [key, reducers["cssgen:done"](fns)];
+      }
+      if (key === "codegen:prepare") {
+        return [key, reducers["codegen:prepare"](fns)];
+      }
+      return [key, syncHooks.includes(key) ? callAll(...fns) : callAllAsync(...fns)];
+    })
+  );
+  return mergedHooks;
+};
+var reducers = {
+  "cssgen:done": (fns) => (args) => {
+    let content = args.content;
+    for (const hookFn of fns) {
+      const result = hookFn({ ...args, content, original: args.content });
+      if (result !== void 0) {
+        content = result;
+      }
+    }
+    return content;
+  },
+  "codegen:prepare": (fns) => (args) => {
+    let artifacts = args.artifacts;
+    for (const hookFn of fns) {
+      const result = hookFn({ ...args, artifacts, original: args.artifacts });
+      if (result) {
+        artifacts = result;
+      }
+    }
+    return artifacts;
+  }
+};
+var syncHooks = ["context:created", "parser:before", "parser:after", "cssgen:done"];
+var callAllAsync = (...fns) => async (...a) => {
+  for (const fn of fns) {
+    await fn?.(...a);
+  }
+};
+var callAll = (...fns) => (...a) => {
+  fns.forEach((fn) => fn?.(...a));
+};
+var tryCatch = (name, fn) => {
+  return (...args) => {
+    try {
+      return fn(...args);
+    } catch (e) {
+      import_logger2.logger.error("hooks", `The error below comes from the plugin ${name}`);
+      console.error(e);
+    }
+  };
+};
+
 // src/utils.ts
 var import_shared4 = require("@pandacss/shared");
 var isObject = (v) => Object.prototype.toString.call(v) === "[object Object]";
@@ -462,6 +536,11 @@ var compact = (obj) => {
   }, {});
 };
 function mergeConfigs(configs2) {
+  const [userConfig] = configs2;
+  const pluginHooks = userConfig.plugins ?? [];
+  if (userConfig.hooks) {
+    pluginHooks.push({ name: "__panda.config__", hooks: userConfig.hooks });
+  }
   const mergedResult = assign(
     {
       conditions: mergeExtensions(configs2.map((config) => config.conditions ?? {})),
@@ -469,7 +548,8 @@ function mergeConfigs(configs2) {
       patterns: mergeExtensions(configs2.map((config) => config.patterns ?? {})),
       utilities: mergeExtensions(configs2.map((config) => config.utilities ?? {})),
       globalCss: mergeExtensions(configs2.map((config) => config.globalCss ?? {})),
-      staticCss: mergeExtensions(configs2.map((config) => config.staticCss ?? {}))
+      staticCss: mergeExtensions(configs2.map((config) => config.staticCss ?? {})),
+      hooks: mergeHooks(pluginHooks)
     },
     ...configs2
   );
@@ -496,8 +576,8 @@ async function getResolvedConfig(config, cwd) {
 }
 
 // src/resolve-config.ts
-var import_logger3 = require("@pandacss/logger");
-var import_shared8 = require("@pandacss/shared");
+var import_logger4 = require("@pandacss/logger");
+var import_shared9 = require("@pandacss/shared");
 
 // src/bundled-preset.ts
 var import_preset_base = require("@pandacss/preset-base");
@@ -514,8 +594,8 @@ var getBundledPreset = (preset) => {
 };
 
 // src/validate-config.ts
-var import_logger2 = require("@pandacss/logger");
-var import_shared7 = require("@pandacss/shared");
+var import_logger3 = require("@pandacss/logger");
+var import_shared8 = require("@pandacss/shared");
 
 // src/validation/validate-artifact.ts
 var validateArtifactNames = (names, addError) => {
@@ -551,13 +631,22 @@ var validateBreakpoints = (breakpoints, addError) => {
 };
 
 // src/validation/validate-condition.ts
+var import_shared6 = require("@pandacss/shared");
 var validateConditions = (conditions, addError) => {
   if (!conditions)
     return;
   Object.values(conditions).forEach((condition) => {
-    if (!condition.startsWith("@") && !condition.includes("&")) {
-      addError("conditions", `Selectors should contain the \`&\` character: \`${condition}\``);
+    if ((0, import_shared6.isString)(condition)) {
+      if (!condition.startsWith("@") && !condition.includes("&")) {
+        addError("conditions", `Selectors should contain the \`&\` character: \`${condition}\``);
+      }
+      return;
     }
+    condition.forEach((c) => {
+      if (!c.startsWith("@") && !c.includes("&")) {
+        addError("conditions", `Selectors should contain the \`&\` character: \`${c}\``);
+      }
+    });
   });
 };
 
@@ -592,7 +681,7 @@ var validateRecipes = (options) => {
 };
 
 // src/validation/validate-tokens.ts
-var import_shared6 = require("@pandacss/shared");
+var import_shared7 = require("@pandacss/shared");
 
 // src/validation/utils.ts
 var isValidToken = (token) => Object.hasOwnProperty.call(token, "value");
@@ -645,7 +734,7 @@ var validateTokens = (options) => {
   const { tokenNames, semanticTokenNames, valueAtPath, refsByPath } = tokens2;
   if (theme.tokens) {
     const tokenPaths = /* @__PURE__ */ new Set();
-    (0, import_shared6.walkObject)(
+    (0, import_shared7.walkObject)(
       theme.tokens,
       (value, paths) => {
         const path2 = paths.join(SEP);
@@ -671,7 +760,7 @@ var validateTokens = (options) => {
   }
   if (theme.semanticTokens) {
     const tokenPaths = /* @__PURE__ */ new Set();
-    (0, import_shared6.walkObject)(
+    (0, import_shared7.walkObject)(
       theme.semanticTokens,
       (value, paths) => {
         const path2 = paths.join(SEP);
@@ -680,7 +769,7 @@ var validateTokens = (options) => {
         tokenPaths.add(path2);
         if (!isValidToken(value))
           return;
-        (0, import_shared6.walkObject)(value, (itemValue) => {
+        (0, import_shared7.walkObject)(value, (itemValue) => {
           if (isTokenReference(itemValue)) {
             const formattedPath = formatPath(path2);
             if (!refsByPath.has(formattedPath)) {
@@ -701,7 +790,7 @@ var validateTokens = (options) => {
     tokenPaths.forEach((path2) => {
       const formattedPath = formatPath(path2);
       const value = valueAtPath.get(path2);
-      if (!(0, import_shared6.isObject)(value) && !path2.includes("value")) {
+      if (!(0, import_shared7.isObject)(value) && !path2.includes("value")) {
         addError("tokens", `Token must contain 'value': \`theme.semanticTokens.${formattedPath}\``);
       }
     });
@@ -741,9 +830,9 @@ var validateConfig = (config) => {
 ${Array.from(warnings).map((err) => "- " + err).join("\n")}
 `;
     if (config.validation === "error") {
-      throw new import_shared7.PandaError("CONFIG_ERROR", errors);
+      throw new import_shared8.PandaError("CONFIG_ERROR", errors);
     }
-    import_logger2.logger.warn("config", errors);
+    import_logger3.logger.warn("config", errors);
     return warnings;
   }
 };
@@ -762,15 +851,15 @@ async function resolveConfig(result, cwd) {
     presets.add(import_preset_panda.preset);
   }
   result.config.presets = Array.from(presets);
-  const config = await getResolvedConfig(result.config, cwd);
-  if (config.logLevel) {
-    import_logger3.logger.level = config.logLevel;
+  const mergedConfig = await getResolvedConfig(result.config, cwd);
+  const hooks = mergedConfig.hooks ?? {};
+  if (mergedConfig.logLevel) {
+    import_logger4.logger.level = mergedConfig.logLevel;
   }
-  validateConfig(config);
-  const { hooks = {} } = result.config;
+  validateConfig(mergedConfig);
   const loadConfigResult = {
     ...result,
-    config
+    config: mergedConfig
   };
   if (hooks["config:resolved"]) {
     const result2 = await hooks["config:resolved"]({
@@ -783,8 +872,8 @@ async function resolveConfig(result, cwd) {
       loadConfigResult.config = result2;
     }
   }
-  const serialized = (0, import_shared8.stringifyJson)(loadConfigResult.config);
-  const deserialize = () => (0, import_shared8.parseJson)(serialized);
+  const serialized = (0, import_shared9.stringifyJson)(loadConfigResult.config);
+  const deserialize = () => (0, import_shared9.parseJson)(serialized);
   return { ...loadConfigResult, serialized, deserialize, hooks };
 }
 

package/dist/index.mjs

@@ -1,10 +1,10 @@
 import {
   mergeConfigs,
   utils
-} from "./chunk-XG56JT63.mjs";
+} from "./chunk-MT2A5AKG.mjs";
 import {
   diffConfigs
-} from "./chunk-5YOGLJPA.mjs";
+} from "./chunk-3MGBJU2R.mjs";
 import {
   resolveTsPathPattern
 } from "./chunk-RPIVZP2I.mjs";
@@ -269,13 +269,22 @@ var validateBreakpoints = (breakpoints, addError) => {
 };
 
 // src/validation/validate-condition.ts
+import { isString } from "@pandacss/shared";
 var validateConditions = (conditions, addError) => {
   if (!conditions)
     return;
   Object.values(conditions).forEach((condition) => {
-    if (!condition.startsWith("@") && !condition.includes("&")) {
-      addError("conditions", `Selectors should contain the \`&\` character: \`${condition}\``);
+    if (isString(condition)) {
+      if (!condition.startsWith("@") && !condition.includes("&")) {
+        addError("conditions", `Selectors should contain the \`&\` character: \`${condition}\``);
+      }
+      return;
     }
+    condition.forEach((c) => {
+      if (!c.startsWith("@") && !c.includes("&")) {
+        addError("conditions", `Selectors should contain the \`&\` character: \`${c}\``);
+      }
+    });
   });
 };
 
@@ -480,15 +489,15 @@ async function resolveConfig(result, cwd) {
     presets.add(presetPanda);
   }
   result.config.presets = Array.from(presets);
-  const config = await getResolvedConfig(result.config, cwd);
-  if (config.logLevel) {
-    logger3.level = config.logLevel;
+  const mergedConfig = await getResolvedConfig(result.config, cwd);
+  const hooks = mergedConfig.hooks ?? {};
+  if (mergedConfig.logLevel) {
+    logger3.level = mergedConfig.logLevel;
   }
-  validateConfig(config);
-  const { hooks = {} } = result.config;
+  validateConfig(mergedConfig);
   const loadConfigResult = {
     ...result,
-    config
+    config: mergedConfig
   };
   if (hooks["config:resolved"]) {
     const result2 = await hooks["config:resolved"]({

package/dist/merge-config.js

@@ -25,6 +25,74 @@ __export(merge_config_exports, {
 module.exports = __toCommonJS(merge_config_exports);
 var import_merge_anything = require("merge-anything");
 
+// src/merge-hooks.ts
+var import_logger = require("@pandacss/logger");
+var mergeHooks = (plugins) => {
+  const hooksFns = {};
+  plugins.forEach(({ name, hooks }) => {
+    Object.entries(hooks ?? {}).forEach(([key, value]) => {
+      if (!hooksFns[key]) {
+        hooksFns[key] = [];
+      }
+      hooksFns[key].push([name, value]);
+    });
+  });
+  const mergedHooks = Object.fromEntries(
+    Object.entries(hooksFns).map(([key, entries]) => {
+      const fns = entries.map(([name, fn]) => tryCatch(name, fn));
+      if (key === "cssgen:done") {
+        return [key, reducers["cssgen:done"](fns)];
+      }
+      if (key === "codegen:prepare") {
+        return [key, reducers["codegen:prepare"](fns)];
+      }
+      return [key, syncHooks.includes(key) ? callAll(...fns) : callAllAsync(...fns)];
+    })
+  );
+  return mergedHooks;
+};
+var reducers = {
+  "cssgen:done": (fns) => (args) => {
+    let content = args.content;
+    for (const hookFn of fns) {
+      const result = hookFn({ ...args, content, original: args.content });
+      if (result !== void 0) {
+        content = result;
+      }
+    }
+    return content;
+  },
+  "codegen:prepare": (fns) => (args) => {
+    let artifacts = args.artifacts;
+    for (const hookFn of fns) {
+      const result = hookFn({ ...args, artifacts, original: args.artifacts });
+      if (result) {
+        artifacts = result;
+      }
+    }
+    return artifacts;
+  }
+};
+var syncHooks = ["context:created", "parser:before", "parser:after", "cssgen:done"];
+var callAllAsync = (...fns) => async (...a) => {
+  for (const fn of fns) {
+    await fn?.(...a);
+  }
+};
+var callAll = (...fns) => (...a) => {
+  fns.forEach((fn) => fn?.(...a));
+};
+var tryCatch = (name, fn) => {
+  return (...args) => {
+    try {
+      return fn(...args);
+    } catch (e) {
+      import_logger.logger.error("hooks", `The error below comes from the plugin ${name}`);
+      console.error(e);
+    }
+  };
+};
+
 // src/utils.ts
 var import_shared = require("@pandacss/shared");
 var isObject = (v) => Object.prototype.toString.call(v) === "[object Object]";
@@ -98,6 +166,11 @@ var compact = (obj) => {
   }, {});
 };
 function mergeConfigs(configs) {
+  const [userConfig] = configs;
+  const pluginHooks = userConfig.plugins ?? [];
+  if (userConfig.hooks) {
+    pluginHooks.push({ name: "__panda.config__", hooks: userConfig.hooks });
+  }
   const mergedResult = assign(
     {
       conditions: mergeExtensions(configs.map((config) => config.conditions ?? {})),
@@ -105,7 +178,8 @@ function mergeConfigs(configs) {
       patterns: mergeExtensions(configs.map((config) => config.patterns ?? {})),
       utilities: mergeExtensions(configs.map((config) => config.utilities ?? {})),
       globalCss: mergeExtensions(configs.map((config) => config.globalCss ?? {})),
-      staticCss: mergeExtensions(configs.map((config) => config.staticCss ?? {}))
+      staticCss: mergeExtensions(configs.map((config) => config.staticCss ?? {})),
+      hooks: mergeHooks(pluginHooks)
     },
     ...configs
   );

package/dist/merge-config.mjs

@@ -1,6 +1,6 @@
 import {
   mergeConfigs
-} from "./chunk-XG56JT63.mjs";
+} from "./chunk-MT2A5AKG.mjs";
 export {
   mergeConfigs
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/config",
-  "version": "0.31.0",
+  "version": "0.32.1",
   "description": "Find and load panda config",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -64,11 +64,11 @@
     "merge-anything": "5.1.7",
     "microdiff": "1.3.2",
     "typescript": "5.3.3",
-    "@pandacss/logger": "0.31.0",
-    "@pandacss/preset-base": "0.31.0",
-    "@pandacss/preset-panda": "0.31.0",
-    "@pandacss/shared": "0.31.0",
-    "@pandacss/types": "0.31.0"
+    "@pandacss/logger": "0.32.1",
+    "@pandacss/preset-base": "0.32.1",
+    "@pandacss/preset-panda": "0.32.1",
+    "@pandacss/shared": "0.32.1",
+    "@pandacss/types": "0.32.1"
   },
   "devDependencies": {
     "pkg-types": "1.0.3"