@pandacss/generator 0.27.2 → 0.28.0

package/dist/index.d.mts

@@ -1,15 +1,15 @@
 import * as _pandacss_types from '@pandacss/types';
-import { ConfigResultWithHooks, ArtifactId, CssArtifactType } from '@pandacss/types';
+import { LoadConfigResult, ArtifactId, CssArtifactType } from '@pandacss/types';
 import { Context, Stylesheet, StyleDecoder } from '@pandacss/core';
 
 declare class Generator extends Context {
-    constructor(conf: ConfigResultWithHooks);
+    constructor(conf: LoadConfigResult);
     getArtifacts: (ids?: ArtifactId[] | undefined) => _pandacss_types.Artifact[];
     appendCssOfType: (type: CssArtifactType, sheet: Stylesheet) => void;
     appendLayerParams: (sheet: Stylesheet) => void;
     appendBaselineCss: (sheet: Stylesheet) => void;
     appendParserCss: (sheet: Stylesheet) => void;
-    getParserCss: (decoder: StyleDecoder, filePath?: string) => string;
+    getParserCss: (decoder: StyleDecoder) => string;
     getCss: (stylesheet?: Stylesheet) => string;
 }
 

package/dist/index.d.ts

@@ -1,15 +1,15 @@
 import * as _pandacss_types from '@pandacss/types';
-import { ConfigResultWithHooks, ArtifactId, CssArtifactType } from '@pandacss/types';
+import { LoadConfigResult, ArtifactId, CssArtifactType } from '@pandacss/types';
 import { Context, Stylesheet, StyleDecoder } from '@pandacss/core';
 
 declare class Generator extends Context {
-    constructor(conf: ConfigResultWithHooks);
+    constructor(conf: LoadConfigResult);
     getArtifacts: (ids?: ArtifactId[] | undefined) => _pandacss_types.Artifact[];
     appendCssOfType: (type: CssArtifactType, sheet: Stylesheet) => void;
     appendLayerParams: (sheet: Stylesheet) => void;
     appendBaselineCss: (sheet: Stylesheet) => void;
     appendParserCss: (sheet: Stylesheet) => void;
-    getParserCss: (decoder: StyleDecoder, filePath?: string) => string;
+    getParserCss: (decoder: StyleDecoder) => string;
     getCss: (stylesheet?: Stylesheet) => string;
 }
 

package/dist/index.js

@@ -474,7 +474,7 @@ function generateIsValidProp(ctx) {
     content = ctx.file.import("memo", "../helpers") + "\n" + content;
   }
   content = ctx.file.import("splitProps", "../helpers") + "\n" + content;
-  content += `export const splitCssProps = /* @__PURE__ */ (props) =>  splitProps(props, isCssProperty)`;
+  content += `export const splitCssProps = (props) =>  splitProps(props, isCssProperty)`;
   return {
     js: content,
     dts: import_outdent8.outdent`
@@ -3007,6 +3007,7 @@ var categories = [
   "spacing",
   "radii",
   "borders",
+  "borderWidths",
   "durations",
   "easings",
   "animations",
@@ -3508,7 +3509,6 @@ var generateGlobalCss = (ctx, sheet) => {
     }
   });
   sheet.processGlobalCss(globalCss);
-  void ctx.hooks.callHook("generator:css", "global.css", "");
 };
 
 // src/artifacts/css/keyframe-css.ts
@@ -3519,14 +3519,16 @@ function generateKeyframeCss(ctx, sheet) {
   for (const [name, definition] of Object.entries(keyframes)) {
     result[`@keyframes ${name}`] = definition;
   }
-  const css2 = (0, import_core2.stringify)(sheet.serialize(result));
+  let css2 = (0, import_core2.stringify)(sheet.serialize(result));
+  if (ctx.hooks["cssgen:done"]) {
+    css2 = ctx.hooks["cssgen:done"]({ artifact: "keyframes", content: css2 }) ?? css2;
+  }
   sheet.layers.tokens.append(css2);
-  void ctx.hooks.callHook("generator:css", "keyframes.css", "");
 }
 
 // src/artifacts/css/parser-css.ts
 var import_logger = require("@pandacss/logger");
-var generateParserCss = (ctx, decoder, filePath) => {
+var generateParserCss = (ctx, decoder) => {
   if (!decoder)
     return "";
   const sheet = ctx.createSheet();
@@ -3534,7 +3536,6 @@ var generateParserCss = (ctx, decoder, filePath) => {
   sheet.processDecoder(decoder);
   try {
     const css2 = sheet.toCss({ minify, optimize });
-    ctx.hooks.callHook("parser:css", filePath ?? "", css2);
     return css2;
   } catch (err) {
     import_logger.logger.error("serializer:css", "Failed to serialize CSS: " + err);
@@ -3549,7 +3550,7 @@ function generateResetCss(ctx, sheet) {
   const { preflight } = ctx.config;
   const scope = (0, import_shared4.isObject)(preflight) ? preflight.scope : void 0;
   const selector = scope ? `${scope} ` : "";
-  const output = css`
+  let output = css`
   ${selector}* {
     margin: 0;
     padding: 0;
@@ -3763,8 +3764,10 @@ function generateResetCss(ctx, sheet) {
     outline: auto;
   }
 `;
+  if (ctx.hooks["cssgen:done"]) {
+    output = ctx.hooks["cssgen:done"]({ artifact: "reset", content: output }) ?? output;
+  }
   sheet.layers.reset.append(output);
-  void ctx.hooks.callHook("generator:css", "reset.css", "");
 }
 
 // src/artifacts/css/static-css.ts
@@ -3773,9 +3776,11 @@ var generateStaticCss = (ctx, sheet) => {
   const engine = staticCss.process(ctx.config.staticCss ?? {}, sheet);
   if (!sheet) {
     const { optimize = true, minify } = config;
-    const output = engine.sheet.toCss({ optimize, minify });
-    void ctx.hooks.callHook("generator:css", "static.css", output);
-    return output;
+    let css2 = engine.sheet.toCss({ optimize, minify });
+    if (ctx.hooks["cssgen:done"]) {
+      css2 = ctx.hooks["cssgen:done"]({ artifact: "static", content: css2 }) ?? css2;
+    }
+    return css2;
   }
 };
 
@@ -3813,8 +3818,10 @@ function generateTokenCss(ctx, sheet) {
   }
   let css2 = results.join("\n\n");
   css2 = "\n\n" + cleanupSelectors(css2, root);
+  if (ctx.hooks["cssgen:done"]) {
+    css2 = ctx.hooks["cssgen:done"]({ artifact: "tokens", content: css2 }) ?? css2;
+  }
   sheet.layers.tokens.append(css2);
-  void ctx.hooks.callHook("generator:css", "tokens.css", "");
 }
 function getDeepestRule(root, selectors) {
   const rule = import_postcss.default.rule({ selector: "" });
@@ -3892,15 +3899,19 @@ var Generator = class extends import_core4.Context {
     const decoder = this.decoder.collect(this.encoder);
     sheet.processDecoder(decoder);
   };
-  getParserCss = (decoder, filePath) => {
-    return generateParserCss(this, decoder, filePath);
+  getParserCss = (decoder) => {
+    return generateParserCss(this, decoder);
   };
   getCss = (stylesheet) => {
     const sheet = stylesheet ?? this.createSheet();
-    return sheet.toCss({
+    let css2 = sheet.toCss({
       optimize: true,
       minify: this.config.minify
     });
+    if (this.hooks["cssgen:done"]) {
+      css2 = this.hooks["cssgen:done"]({ artifact: "styles.css", content: css2 }) ?? css2;
+    }
+    return css2;
   };
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -438,7 +438,7 @@ function generateIsValidProp(ctx) {
     content = ctx.file.import("memo", "../helpers") + "\n" + content;
   }
   content = ctx.file.import("splitProps", "../helpers") + "\n" + content;
-  content += `export const splitCssProps = /* @__PURE__ */ (props) =>  splitProps(props, isCssProperty)`;
+  content += `export const splitCssProps = (props) =>  splitProps(props, isCssProperty)`;
   return {
     js: content,
     dts: outdent8`
@@ -2971,6 +2971,7 @@ var categories = [
   "spacing",
   "radii",
   "borders",
+  "borderWidths",
   "durations",
   "easings",
   "animations",
@@ -3472,7 +3473,6 @@ var generateGlobalCss = (ctx, sheet) => {
     }
   });
   sheet.processGlobalCss(globalCss);
-  void ctx.hooks.callHook("generator:css", "global.css", "");
 };
 
 // src/artifacts/css/keyframe-css.ts
@@ -3483,14 +3483,16 @@ function generateKeyframeCss(ctx, sheet) {
   for (const [name, definition] of Object.entries(keyframes)) {
     result[`@keyframes ${name}`] = definition;
   }
-  const css2 = stringify3(sheet.serialize(result));
+  let css2 = stringify3(sheet.serialize(result));
+  if (ctx.hooks["cssgen:done"]) {
+    css2 = ctx.hooks["cssgen:done"]({ artifact: "keyframes", content: css2 }) ?? css2;
+  }
   sheet.layers.tokens.append(css2);
-  void ctx.hooks.callHook("generator:css", "keyframes.css", "");
 }
 
 // src/artifacts/css/parser-css.ts
 import { logger } from "@pandacss/logger";
-var generateParserCss = (ctx, decoder, filePath) => {
+var generateParserCss = (ctx, decoder) => {
   if (!decoder)
     return "";
   const sheet = ctx.createSheet();
@@ -3498,7 +3500,6 @@ var generateParserCss = (ctx, decoder, filePath) => {
   sheet.processDecoder(decoder);
   try {
     const css2 = sheet.toCss({ minify, optimize });
-    ctx.hooks.callHook("parser:css", filePath ?? "", css2);
     return css2;
   } catch (err) {
     logger.error("serializer:css", "Failed to serialize CSS: " + err);
@@ -3513,7 +3514,7 @@ function generateResetCss(ctx, sheet) {
   const { preflight } = ctx.config;
   const scope = isObject(preflight) ? preflight.scope : void 0;
   const selector = scope ? `${scope} ` : "";
-  const output = css`
+  let output = css`
   ${selector}* {
     margin: 0;
     padding: 0;
@@ -3727,8 +3728,10 @@ function generateResetCss(ctx, sheet) {
     outline: auto;
   }
 `;
+  if (ctx.hooks["cssgen:done"]) {
+    output = ctx.hooks["cssgen:done"]({ artifact: "reset", content: output }) ?? output;
+  }
   sheet.layers.reset.append(output);
-  void ctx.hooks.callHook("generator:css", "reset.css", "");
 }
 
 // src/artifacts/css/static-css.ts
@@ -3737,9 +3740,11 @@ var generateStaticCss = (ctx, sheet) => {
   const engine = staticCss.process(ctx.config.staticCss ?? {}, sheet);
   if (!sheet) {
     const { optimize = true, minify } = config;
-    const output = engine.sheet.toCss({ optimize, minify });
-    void ctx.hooks.callHook("generator:css", "static.css", output);
-    return output;
+    let css2 = engine.sheet.toCss({ optimize, minify });
+    if (ctx.hooks["cssgen:done"]) {
+      css2 = ctx.hooks["cssgen:done"]({ artifact: "static", content: css2 }) ?? css2;
+    }
+    return css2;
   }
 };
 
@@ -3777,8 +3782,10 @@ function generateTokenCss(ctx, sheet) {
   }
   let css2 = results.join("\n\n");
   css2 = "\n\n" + cleanupSelectors(css2, root);
+  if (ctx.hooks["cssgen:done"]) {
+    css2 = ctx.hooks["cssgen:done"]({ artifact: "tokens", content: css2 }) ?? css2;
+  }
   sheet.layers.tokens.append(css2);
-  void ctx.hooks.callHook("generator:css", "tokens.css", "");
 }
 function getDeepestRule(root, selectors) {
   const rule = postcss.rule({ selector: "" });
@@ -3856,15 +3863,19 @@ var Generator = class extends Context2 {
     const decoder = this.decoder.collect(this.encoder);
     sheet.processDecoder(decoder);
   };
-  getParserCss = (decoder, filePath) => {
-    return generateParserCss(this, decoder, filePath);
+  getParserCss = (decoder) => {
+    return generateParserCss(this, decoder);
   };
   getCss = (stylesheet) => {
     const sheet = stylesheet ?? this.createSheet();
-    return sheet.toCss({
+    let css2 = sheet.toCss({
       optimize: true,
       minify: this.config.minify
     });
+    if (this.hooks["cssgen:done"]) {
+      css2 = this.hooks["cssgen:done"]({ artifact: "styles.css", content: css2 }) ?? css2;
+    }
+    return css2;
   };
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.27.2",
+  "version": "0.28.0",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -37,16 +37,15 @@
     "pluralize": "8.0.0",
     "postcss": "^8.4.31",
     "ts-pattern": "5.0.5",
-    "@pandacss/core": "0.27.2",
-    "@pandacss/is-valid-prop": "^0.27.2",
-    "@pandacss/logger": "0.27.2",
-    "@pandacss/shared": "0.27.2",
-    "@pandacss/token-dictionary": "0.27.2",
-    "@pandacss/types": "0.27.2"
+    "@pandacss/core": "0.28.0",
+    "@pandacss/is-valid-prop": "^0.28.0",
+    "@pandacss/logger": "0.28.0",
+    "@pandacss/shared": "0.28.0",
+    "@pandacss/token-dictionary": "0.28.0",
+    "@pandacss/types": "0.28.0"
   },
   "devDependencies": {
-    "@types/pluralize": "0.0.33",
-    "hookable": "5.5.3"
+    "@types/pluralize": "0.0.33"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",