@pandacss/generator 0.40.1 → 0.42.0

package/dist/index.js

@@ -634,6 +634,11 @@ var import_outdent11 = require("outdent");
 var import_ts_pattern4 = require("ts-pattern");
 var stringify2 = (value) => JSON.stringify(value, null, 2);
 var isBooleanValue = (value) => value === "true" || value === "false";
+var hasOwn = (obj, key) => {
+  if (!obj)
+    return false;
+  return Object.prototype.hasOwnProperty.call(obj, key);
+};
 function generateCreateRecipe(ctx) {
   const { conditions, recipes, prefix, hash, utility } = ctx;
   if (recipes.isEmpty())
@@ -736,6 +741,17 @@ function generateRecipes(ctx, filters) {
   return details.map((recipe) => {
     const { baseName, config, upperName, variantKeyMap, dashName } = recipe;
     const { description, defaultVariants, compoundVariants, deprecated } = config;
+    const getDefaultValueJsDoc = (key) => {
+      if (!hasOwn(defaultVariants, key))
+        return;
+      let defaultValue = defaultVariants[key];
+      if ((0, import_shared2.isBoolean)(defaultValue)) {
+        defaultValue = defaultValue ? `true` : `false`;
+      } else {
+        defaultValue = JSON.stringify(defaultValue);
+      }
+      return ctx.file.jsDocComment("", { default: defaultValue });
+    };
     const jsCode = (0, import_ts_pattern4.match)(config).when(
       import_core.Recipes.isSlotRecipeConfig,
       (config2) => import_outdent11.outdent`
@@ -807,9 +823,8 @@ function generateRecipes(ctx, filters) {
         interface ${upperName}Variant {
           ${Object.keys(variantKeyMap).map((key) => {
         const values = variantKeyMap[key];
-        if (values.every(isBooleanValue))
-          return `${key}: boolean`;
-        return `${key}: ${(0, import_shared2.unionType)(values)}`;
+        const valueStr = values.every(isBooleanValue) ? `${key}: boolean` : `${key}: ${(0, import_shared2.unionType)(values)}`;
+        return [getDefaultValueJsDoc(key), valueStr].filter(Boolean).join("\n");
       }).join("\n")}
         }
 
@@ -2776,56 +2791,6 @@ function generateJsxPatterns(ctx, filters) {
   return patternMap[ctx.jsx.framework](ctx, filters);
 }
 
-// src/artifacts/pkg-json.ts
-function generatePackageJson(ctx) {
-  const {
-    config: { outdir }
-  } = ctx;
-  const pkg = {
-    name: outdir,
-    description: "This package is auto-generated by Panda CSS",
-    version: `0.0.0-${performance.now()}`,
-    type: "module",
-    exports: {
-      "./css": {
-        types: ctx.file.extDts("./css/index"),
-        require: ctx.file.ext(`./css/index`),
-        import: ctx.file.ext(`./css/index`)
-      },
-      "./jsx": {
-        types: ctx.file.extDts("./jsx/index"),
-        require: ctx.file.ext(`./jsx/index`),
-        import: ctx.file.ext(`./jsx/index`)
-      },
-      "./patterns": {
-        types: ctx.file.extDts("./patterns/index"),
-        require: ctx.file.ext(`./patterns/index`),
-        import: ctx.file.ext(`./patterns/index`)
-      },
-      "./recipes": {
-        types: ctx.file.extDts("./recipes/index"),
-        require: ctx.file.ext(`./recipes/index`),
-        import: ctx.file.ext(`./recipes/index`)
-      },
-      "./themes": {
-        types: ctx.file.extDts("./themes/index"),
-        require: ctx.file.ext(`./themes/index`),
-        import: ctx.file.ext(`./themes/index`)
-      },
-      "./tokens": {
-        types: ctx.file.extDts("./tokens/index"),
-        require: ctx.file.ext(`./tokens/index`),
-        import: ctx.file.ext(`./tokens/index`)
-      },
-      "./types": {
-        types: ctx.file.extDts("./types/index")
-      },
-      "./styles.css": "./styles.css"
-    }
-  };
-  return JSON.stringify(pkg, null, 2);
-}
-
 // src/artifacts/types/generated.ts
 var import_ts_pattern10 = require("ts-pattern");
 
@@ -4415,14 +4380,6 @@ function setupCssIndex(ctx) {
     ]
   };
 }
-function setupPackageJson(ctx) {
-  if (!ctx.config.emitPackage)
-    return;
-  return {
-    id: "package.json",
-    files: [{ file: "package.json", code: generatePackageJson(ctx) }]
-  };
-}
 function setupThemes(ctx) {
   const { themes } = ctx.config;
   if (!themes)
@@ -4504,7 +4461,6 @@ var entries = [
   ["jsx-patterns", setupJsxPatterns],
   ["jsx-patterns-index", setupJsxPatternsIndex],
   ["css-index", setupCssIndex],
-  ["package.json", setupPackageJson],
   ["themes", setupThemes]
 ];
 var getMatchingArtifacts = (ctx, filters) => {
@@ -4568,10 +4524,10 @@ var generateParserCss = (ctx, decoder) => {
   if (!decoder)
     return "";
   const sheet = ctx.createSheet();
-  const { minify, optimize } = ctx.config;
+  const { minify } = ctx.config;
   sheet.processDecoder(decoder);
   try {
-    const css = sheet.toCss({ minify, optimize });
+    const css = sheet.toCss({ minify });
     return css;
   } catch (err) {
     import_logger2.logger.error("serializer:css", "Failed to serialize CSS: " + err);
@@ -4741,8 +4697,8 @@ var generateStaticCss = (ctx, sheet) => {
   const { config, staticCss } = ctx;
   const engine = staticCss.process(ctx.config.staticCss ?? {}, sheet);
   if (!sheet) {
-    const { optimize = true, minify } = config;
-    let css = engine.sheet.toCss({ optimize, minify });
+    const { minify } = config;
+    let css = engine.sheet.toCss({ minify });
     if (ctx.hooks["cssgen:done"]) {
       css = ctx.hooks["cssgen:done"]({ artifact: "static", content: css }) ?? css;
     }
@@ -4785,10 +4741,7 @@ var Generator = class extends import_core5.Context {
   };
   getCss = (stylesheet) => {
     const sheet = stylesheet ?? this.createSheet();
-    let css = sheet.toCss({
-      optimize: true,
-      minify: this.config.minify
-    });
+    let css = sheet.toCss({ minify: this.config.minify });
     if (this.hooks["cssgen:done"]) {
       css = this.hooks["cssgen:done"]({ artifact: "styles.css", content: css }) ?? css;
     }

package/dist/index.mjs

@@ -593,11 +593,16 @@ defaultValues`)}
 
 // src/artifacts/js/recipe.ts
 import { Recipes } from "@pandacss/core";
-import { unionType as unionType2 } from "@pandacss/shared";
+import { isBoolean, unionType as unionType2 } from "@pandacss/shared";
 import { outdent as outdent11 } from "outdent";
 import { match as match4 } from "ts-pattern";
 var stringify2 = (value) => JSON.stringify(value, null, 2);
 var isBooleanValue = (value) => value === "true" || value === "false";
+var hasOwn = (obj, key) => {
+  if (!obj)
+    return false;
+  return Object.prototype.hasOwnProperty.call(obj, key);
+};
 function generateCreateRecipe(ctx) {
   const { conditions, recipes, prefix, hash, utility } = ctx;
   if (recipes.isEmpty())
@@ -700,6 +705,17 @@ function generateRecipes(ctx, filters) {
   return details.map((recipe) => {
     const { baseName, config, upperName, variantKeyMap, dashName } = recipe;
     const { description, defaultVariants, compoundVariants, deprecated } = config;
+    const getDefaultValueJsDoc = (key) => {
+      if (!hasOwn(defaultVariants, key))
+        return;
+      let defaultValue = defaultVariants[key];
+      if (isBoolean(defaultValue)) {
+        defaultValue = defaultValue ? `true` : `false`;
+      } else {
+        defaultValue = JSON.stringify(defaultValue);
+      }
+      return ctx.file.jsDocComment("", { default: defaultValue });
+    };
     const jsCode = match4(config).when(
       Recipes.isSlotRecipeConfig,
       (config2) => outdent11`
@@ -771,9 +787,8 @@ function generateRecipes(ctx, filters) {
         interface ${upperName}Variant {
           ${Object.keys(variantKeyMap).map((key) => {
         const values = variantKeyMap[key];
-        if (values.every(isBooleanValue))
-          return `${key}: boolean`;
-        return `${key}: ${unionType2(values)}`;
+        const valueStr = values.every(isBooleanValue) ? `${key}: boolean` : `${key}: ${unionType2(values)}`;
+        return [getDefaultValueJsDoc(key), valueStr].filter(Boolean).join("\n");
       }).join("\n")}
         }
 
@@ -2740,56 +2755,6 @@ function generateJsxPatterns(ctx, filters) {
   return patternMap[ctx.jsx.framework](ctx, filters);
 }
 
-// src/artifacts/pkg-json.ts
-function generatePackageJson(ctx) {
-  const {
-    config: { outdir }
-  } = ctx;
-  const pkg = {
-    name: outdir,
-    description: "This package is auto-generated by Panda CSS",
-    version: `0.0.0-${performance.now()}`,
-    type: "module",
-    exports: {
-      "./css": {
-        types: ctx.file.extDts("./css/index"),
-        require: ctx.file.ext(`./css/index`),
-        import: ctx.file.ext(`./css/index`)
-      },
-      "./jsx": {
-        types: ctx.file.extDts("./jsx/index"),
-        require: ctx.file.ext(`./jsx/index`),
-        import: ctx.file.ext(`./jsx/index`)
-      },
-      "./patterns": {
-        types: ctx.file.extDts("./patterns/index"),
-        require: ctx.file.ext(`./patterns/index`),
-        import: ctx.file.ext(`./patterns/index`)
-      },
-      "./recipes": {
-        types: ctx.file.extDts("./recipes/index"),
-        require: ctx.file.ext(`./recipes/index`),
-        import: ctx.file.ext(`./recipes/index`)
-      },
-      "./themes": {
-        types: ctx.file.extDts("./themes/index"),
-        require: ctx.file.ext(`./themes/index`),
-        import: ctx.file.ext(`./themes/index`)
-      },
-      "./tokens": {
-        types: ctx.file.extDts("./tokens/index"),
-        require: ctx.file.ext(`./tokens/index`),
-        import: ctx.file.ext(`./tokens/index`)
-      },
-      "./types": {
-        types: ctx.file.extDts("./types/index")
-      },
-      "./styles.css": "./styles.css"
-    }
-  };
-  return JSON.stringify(pkg, null, 2);
-}
-
 // src/artifacts/types/generated.ts
 import { match as match10 } from "ts-pattern";
 
@@ -4379,14 +4344,6 @@ function setupCssIndex(ctx) {
     ]
   };
 }
-function setupPackageJson(ctx) {
-  if (!ctx.config.emitPackage)
-    return;
-  return {
-    id: "package.json",
-    files: [{ file: "package.json", code: generatePackageJson(ctx) }]
-  };
-}
 function setupThemes(ctx) {
   const { themes } = ctx.config;
   if (!themes)
@@ -4468,7 +4425,6 @@ var entries = [
   ["jsx-patterns", setupJsxPatterns],
   ["jsx-patterns-index", setupJsxPatternsIndex],
   ["css-index", setupCssIndex],
-  ["package.json", setupPackageJson],
   ["themes", setupThemes]
 ];
 var getMatchingArtifacts = (ctx, filters) => {
@@ -4532,10 +4488,10 @@ var generateParserCss = (ctx, decoder) => {
   if (!decoder)
     return "";
   const sheet = ctx.createSheet();
-  const { minify, optimize } = ctx.config;
+  const { minify } = ctx.config;
   sheet.processDecoder(decoder);
   try {
-    const css = sheet.toCss({ minify, optimize });
+    const css = sheet.toCss({ minify });
     return css;
   } catch (err) {
     logger2.error("serializer:css", "Failed to serialize CSS: " + err);
@@ -4705,8 +4661,8 @@ var generateStaticCss = (ctx, sheet) => {
   const { config, staticCss } = ctx;
   const engine = staticCss.process(ctx.config.staticCss ?? {}, sheet);
   if (!sheet) {
-    const { optimize = true, minify } = config;
-    let css = engine.sheet.toCss({ optimize, minify });
+    const { minify } = config;
+    let css = engine.sheet.toCss({ minify });
     if (ctx.hooks["cssgen:done"]) {
       css = ctx.hooks["cssgen:done"]({ artifact: "static", content: css }) ?? css;
     }
@@ -4749,10 +4705,7 @@ var Generator = class extends Context2 {
   };
   getCss = (stylesheet) => {
     const sheet = stylesheet ?? this.createSheet();
-    let css = sheet.toCss({
-      optimize: true,
-      minify: this.config.minify
-    });
+    let css = sheet.toCss({ minify: this.config.minify });
     if (this.hooks["cssgen:done"]) {
       css = this.hooks["cssgen:done"]({ artifact: "styles.css", content: css }) ?? css;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.40.1",
+  "version": "0.42.0",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -37,12 +37,12 @@
     "pluralize": "8.0.0",
     "postcss": "8.4.38",
     "ts-pattern": "5.0.8",
-    "@pandacss/core": "0.40.1",
-    "@pandacss/is-valid-prop": "^0.40.1",
-    "@pandacss/logger": "0.40.1",
-    "@pandacss/shared": "0.40.1",
-    "@pandacss/token-dictionary": "0.40.1",
-    "@pandacss/types": "0.40.1"
+    "@pandacss/core": "0.42.0",
+    "@pandacss/is-valid-prop": "^0.42.0",
+    "@pandacss/logger": "0.42.0",
+    "@pandacss/shared": "0.42.0",
+    "@pandacss/token-dictionary": "0.42.0",
+    "@pandacss/types": "0.42.0"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.33"