@pandacss/generator 0.0.0-dev-20230426205606 → 0.0.0-dev-20230428204429

package/dist/index.js

@@ -1812,7 +1812,7 @@ var recipe_d_ts_default = {
 
 // src/artifacts/generated/pattern.d.ts.json
 var pattern_d_ts_default = {
-  content: "import type { LiteralUnion } from './shared'\nimport type { NativeCssProperty, SystemStyleObject } from './system-types'\nimport type { TokenCategory } from './tokens'\n\nexport type PatternProperty =\n  | { type: 'property'; value: NativeCssProperty }\n  | { type: 'enum'; value: string[] }\n  | { type: 'token'; value: TokenCategory; property?: NativeCssProperty }\n  | { type: 'string' | 'boolean' | 'number' }\n\nexport type PatternHelpers = {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n}\n\nexport type PatternConfig<T> = {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The JSX element rendered by the pattern\n   * @default 'div'\n   */\n  jsxElement?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties: T extends Record<string, PatternProperty> ? T : Record<string, PatternProperty>\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (\n    props: T extends Record<infer Keys, PatternProperty> ? Record<Keys, any> : Record<string, PatternProperty>,\n    helpers: PatternHelpers,\n  ) => SystemStyleObject\n  /**\n   * The jsx element name this pattern will generate.\n   */\n  jsx?: string\n  /**\n   * Whether to only generate types for the specified properties.\n   * This will disallow css properties\n   */\n  strict?: boolean\n  /**\n   * @experimental\n   * Disallow certain css properties for this pattern\n   */\n  blocklist?: LiteralUnion<NativeCssProperty>[]\n}\n\nexport type AnyPatternConfig = PatternConfig<PatternProperty>\n"
+  content: "import type { NativeCssProperty, SystemStyleObject } from './system-types'\n\ntype Primitive = string | number | boolean | null | undefined\ntype LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)\n\ntype TokenCategory =\n  | 'zIndex'\n  | 'opacity'\n  | 'colors'\n  | 'fonts'\n  | 'fontSizes'\n  | 'fontWeights'\n  | 'lineHeights'\n  | 'letterSpacings'\n  | 'sizes'\n  | 'shadows'\n  | 'spacing'\n  | 'radii'\n  | 'borders'\n  | 'durations'\n  | 'easings'\n  | 'animations'\n  | 'blurs'\n  | 'gradients'\n  | 'breakpoints'\n  | 'assets'\n\nexport type PatternProperty =\n  | { type: 'property'; value: NativeCssProperty }\n  | { type: 'enum'; value: string[] }\n  | { type: 'token'; value: TokenCategory; property?: NativeCssProperty }\n  | { type: 'string' | 'boolean' | 'number' }\n\nexport type PatternHelpers = {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n}\n\nexport type PatternConfig<T> = {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The JSX element rendered by the pattern\n   * @default 'div'\n   */\n  jsxElement?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties: T extends Record<string, PatternProperty> ? T : Record<string, PatternProperty>\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (\n    props: T extends Record<infer Keys, PatternProperty> ? Record<Keys, any> : Record<string, PatternProperty>,\n    helpers: PatternHelpers,\n  ) => SystemStyleObject\n  /**\n   * The jsx element name this pattern will generate.\n   */\n  jsx?: string\n  /**\n   * Whether to only generate types for the specified properties.\n   * This will disallow css properties\n   */\n  strict?: boolean\n  /**\n   * @experimental\n   * Disallow certain css properties for this pattern\n   */\n  blocklist?: LiteralUnion<NativeCssProperty>[]\n}\n\nexport type AnyPatternConfig = PatternConfig<PatternProperty>\n"
 };
 
 // src/artifacts/generated/parts.d.ts.json
@@ -1880,7 +1880,7 @@ function generatePropTypes(ctx) {
     import_outdent27.outdent`
     import type { ConditionalValue } from './conditions';
     import type { Properties as CSSProperties } from './csstype'
-    import type { Tokens } from './token'
+    import type { Tokens } from './tokens'
 
     type PropertyValueTypes  = {`
   ];
@@ -1891,9 +1891,9 @@ function generatePropTypes(ctx) {
   result.push("}", "\n");
   result.push(`
   type NativeValue<T> = T extends keyof CSSProperties ? CSSProperties[T] : never
-    
+
   type Shorthand<T> = T extends keyof PropertyValueTypes ? PropertyValueTypes[T]${strictText} : NativeValue<T>
-   
+
   export type PropertyTypes = PropertyValueTypes & {
   `);
   utility.shorthands.forEach((value, key) => {
@@ -1918,12 +1918,12 @@ function generateStyleProps(ctx) {
   const props = new Set(import_is_valid_prop.allCssProperties.concat(ctx.utility.keys()));
   return import_outdent28.default`
     import { PropertyValue } from './prop-type'
-    import { Token } from './token'
+    import { Token } from './tokens'
 
     export type CssVarProperties = {
       [key in \`--\${string}\`]?: Token | (string & {}) | (number & {})
     }
-  
+
     export type SystemProperties = {
       ${Array.from(props).map((v) => `	${v}?: PropertyValue<'${v}'>`).join("\n")}
     }
@@ -1979,7 +1979,7 @@ function generateTokenTypes(ctx) {
 
 // src/artifacts/css/global-css.ts
 var generateGlobalCss = (ctx) => {
-  const { globalCss = {} } = ctx.config;
+  const { globalCss = {}, optimize = true } = ctx.config;
   const sheet = ctx.createSheet();
   sheet.processGlobalCss({
     ":root": {
@@ -2017,14 +2017,14 @@ var generateGlobalCss = (ctx) => {
     }
   });
   sheet.processGlobalCss(globalCss);
-  return sheet.toCss();
+  return sheet.toCss({ optimize });
 };
 
 // src/artifacts/css/static-css.ts
 var import_core3 = require("@pandacss/core");
 var generateStaticCss = (ctx) => {
   const { config, createSheet, utility, recipes } = ctx;
-  const { staticCss = {}, theme = {} } = config;
+  const { staticCss = {}, theme = {}, optimize = true } = config;
   const sheet = createSheet();
   const fn = (0, import_core3.getStaticCss)(staticCss);
   const results = fn({
@@ -2044,7 +2044,7 @@ var generateStaticCss = (ctx) => {
       sheet.processRecipe(recipeConfig, value);
     });
   });
-  return sheet.toCss();
+  return sheet.toCss({ optimize });
 };
 
 // src/artifacts/index.ts
@@ -2094,7 +2094,7 @@ function setupTypes(ctx) {
       { file: "pattern.d.ts", code: gen.pattern },
       { file: "parts.d.ts", code: gen.parts },
       { file: "index.d.ts", code: entry.index },
-      { file: "token.d.ts", code: generateTokenTypes(ctx) },
+      { file: "tokens.d.ts", code: generateTokenTypes(ctx) },
       { file: "prop-type.d.ts", code: generatePropTypes(ctx) },
       { file: "style-props.d.ts", code: generateStyleProps(ctx) },
       { file: "conditions.d.ts", code: conditions.dts }
@@ -2284,19 +2284,18 @@ var generateFlattenedCss = (ctx) => (options) => {
     !ctx.tokens.isEmpty && "@import './tokens/index.css';",
     keyframes && "@import './tokens/keyframes.css';"
   ].filter(Boolean).join("\n\n");
-  const resolved = [
-    generateLayoutGridCss(),
-    generateGlobalCss(ctx),
-    generateStaticCss(ctx),
-    generateResetCss(),
-    generateTokenCss(ctx),
-    generateKeyframeCss(ctx)
-  ].filter(Boolean).join("\n\n");
   const sheet = ctx.createSheet({
-    content: resolve ? resolved : unresolved
+    content: resolve ? [
+      generateLayoutGridCss(),
+      generateGlobalCss(ctx),
+      generateStaticCss(ctx),
+      generateResetCss(),
+      generateTokenCss(ctx),
+      generateKeyframeCss(ctx)
+    ].filter(Boolean).join("\n\n") : unresolved
   });
   sheet.append(...files);
-  return sheet.toCss({ minify });
+  return sheet.toCss({ optimize: true, minify });
 };
 
 // src/artifacts/css/parser-css.ts
@@ -2366,8 +2365,8 @@ var generateParserCss = (ctx) => (result) => (0, import_func.pipe)(
     });
   }),
   (0, import_func.tryCatch)(
-    ({ sheet, result: result2, config: { minify } }) => {
-      return !result2.isEmpty() ? sheet.toCss({ minify }) : void 0;
+    ({ sheet, result: result2, config: { minify, optimize } }) => {
+      return !result2.isEmpty() ? sheet.toCss({ minify, optimize }) : void 0;
     },
     () => {
       import_logger2.logger.error("serializer:css", "Failed to serialize CSS");

package/dist/index.mjs

@@ -1781,7 +1781,7 @@ var recipe_d_ts_default = {
 
 // src/artifacts/generated/pattern.d.ts.json
 var pattern_d_ts_default = {
-  content: "import type { LiteralUnion } from './shared'\nimport type { NativeCssProperty, SystemStyleObject } from './system-types'\nimport type { TokenCategory } from './tokens'\n\nexport type PatternProperty =\n  | { type: 'property'; value: NativeCssProperty }\n  | { type: 'enum'; value: string[] }\n  | { type: 'token'; value: TokenCategory; property?: NativeCssProperty }\n  | { type: 'string' | 'boolean' | 'number' }\n\nexport type PatternHelpers = {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n}\n\nexport type PatternConfig<T> = {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The JSX element rendered by the pattern\n   * @default 'div'\n   */\n  jsxElement?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties: T extends Record<string, PatternProperty> ? T : Record<string, PatternProperty>\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (\n    props: T extends Record<infer Keys, PatternProperty> ? Record<Keys, any> : Record<string, PatternProperty>,\n    helpers: PatternHelpers,\n  ) => SystemStyleObject\n  /**\n   * The jsx element name this pattern will generate.\n   */\n  jsx?: string\n  /**\n   * Whether to only generate types for the specified properties.\n   * This will disallow css properties\n   */\n  strict?: boolean\n  /**\n   * @experimental\n   * Disallow certain css properties for this pattern\n   */\n  blocklist?: LiteralUnion<NativeCssProperty>[]\n}\n\nexport type AnyPatternConfig = PatternConfig<PatternProperty>\n"
+  content: "import type { NativeCssProperty, SystemStyleObject } from './system-types'\n\ntype Primitive = string | number | boolean | null | undefined\ntype LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)\n\ntype TokenCategory =\n  | 'zIndex'\n  | 'opacity'\n  | 'colors'\n  | 'fonts'\n  | 'fontSizes'\n  | 'fontWeights'\n  | 'lineHeights'\n  | 'letterSpacings'\n  | 'sizes'\n  | 'shadows'\n  | 'spacing'\n  | 'radii'\n  | 'borders'\n  | 'durations'\n  | 'easings'\n  | 'animations'\n  | 'blurs'\n  | 'gradients'\n  | 'breakpoints'\n  | 'assets'\n\nexport type PatternProperty =\n  | { type: 'property'; value: NativeCssProperty }\n  | { type: 'enum'; value: string[] }\n  | { type: 'token'; value: TokenCategory; property?: NativeCssProperty }\n  | { type: 'string' | 'boolean' | 'number' }\n\nexport type PatternHelpers = {\n  map: (value: any, fn: (value: string) => string | undefined) => any\n}\n\nexport type PatternConfig<T> = {\n  /**\n   * The description of the pattern. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The JSX element rendered by the pattern\n   * @default 'div'\n   */\n  jsxElement?: string\n  /**\n   * The properties of the pattern.\n   */\n  properties: T extends Record<string, PatternProperty> ? T : Record<string, PatternProperty>\n  /**\n   * The css object this pattern will generate.\n   */\n  transform?: (\n    props: T extends Record<infer Keys, PatternProperty> ? Record<Keys, any> : Record<string, PatternProperty>,\n    helpers: PatternHelpers,\n  ) => SystemStyleObject\n  /**\n   * The jsx element name this pattern will generate.\n   */\n  jsx?: string\n  /**\n   * Whether to only generate types for the specified properties.\n   * This will disallow css properties\n   */\n  strict?: boolean\n  /**\n   * @experimental\n   * Disallow certain css properties for this pattern\n   */\n  blocklist?: LiteralUnion<NativeCssProperty>[]\n}\n\nexport type AnyPatternConfig = PatternConfig<PatternProperty>\n"
 };
 
 // src/artifacts/generated/parts.d.ts.json
@@ -1849,7 +1849,7 @@ function generatePropTypes(ctx) {
     outdent27`
     import type { ConditionalValue } from './conditions';
     import type { Properties as CSSProperties } from './csstype'
-    import type { Tokens } from './token'
+    import type { Tokens } from './tokens'
 
     type PropertyValueTypes  = {`
   ];
@@ -1860,9 +1860,9 @@ function generatePropTypes(ctx) {
   result.push("}", "\n");
   result.push(`
   type NativeValue<T> = T extends keyof CSSProperties ? CSSProperties[T] : never
-    
+
   type Shorthand<T> = T extends keyof PropertyValueTypes ? PropertyValueTypes[T]${strictText} : NativeValue<T>
-   
+
   export type PropertyTypes = PropertyValueTypes & {
   `);
   utility.shorthands.forEach((value, key) => {
@@ -1887,12 +1887,12 @@ function generateStyleProps(ctx) {
   const props = new Set(allCssProperties.concat(ctx.utility.keys()));
   return outdent28`
     import { PropertyValue } from './prop-type'
-    import { Token } from './token'
+    import { Token } from './tokens'
 
     export type CssVarProperties = {
       [key in \`--\${string}\`]?: Token | (string & {}) | (number & {})
     }
-  
+
     export type SystemProperties = {
       ${Array.from(props).map((v) => `	${v}?: PropertyValue<'${v}'>`).join("\n")}
     }
@@ -1948,7 +1948,7 @@ function generateTokenTypes(ctx) {
 
 // src/artifacts/css/global-css.ts
 var generateGlobalCss = (ctx) => {
-  const { globalCss = {} } = ctx.config;
+  const { globalCss = {}, optimize = true } = ctx.config;
   const sheet = ctx.createSheet();
   sheet.processGlobalCss({
     ":root": {
@@ -1986,14 +1986,14 @@ var generateGlobalCss = (ctx) => {
     }
   });
   sheet.processGlobalCss(globalCss);
-  return sheet.toCss();
+  return sheet.toCss({ optimize });
 };
 
 // src/artifacts/css/static-css.ts
 import { getStaticCss } from "@pandacss/core";
 var generateStaticCss = (ctx) => {
   const { config, createSheet, utility, recipes } = ctx;
-  const { staticCss = {}, theme = {} } = config;
+  const { staticCss = {}, theme = {}, optimize = true } = config;
   const sheet = createSheet();
   const fn = getStaticCss(staticCss);
   const results = fn({
@@ -2013,7 +2013,7 @@ var generateStaticCss = (ctx) => {
       sheet.processRecipe(recipeConfig, value);
     });
   });
-  return sheet.toCss();
+  return sheet.toCss({ optimize });
 };
 
 // src/artifacts/index.ts
@@ -2063,7 +2063,7 @@ function setupTypes(ctx) {
       { file: "pattern.d.ts", code: gen.pattern },
       { file: "parts.d.ts", code: gen.parts },
       { file: "index.d.ts", code: entry.index },
-      { file: "token.d.ts", code: generateTokenTypes(ctx) },
+      { file: "tokens.d.ts", code: generateTokenTypes(ctx) },
       { file: "prop-type.d.ts", code: generatePropTypes(ctx) },
       { file: "style-props.d.ts", code: generateStyleProps(ctx) },
       { file: "conditions.d.ts", code: conditions.dts }
@@ -2253,19 +2253,18 @@ var generateFlattenedCss = (ctx) => (options) => {
     !ctx.tokens.isEmpty && "@import './tokens/index.css';",
     keyframes && "@import './tokens/keyframes.css';"
   ].filter(Boolean).join("\n\n");
-  const resolved = [
-    generateLayoutGridCss(),
-    generateGlobalCss(ctx),
-    generateStaticCss(ctx),
-    generateResetCss(),
-    generateTokenCss(ctx),
-    generateKeyframeCss(ctx)
-  ].filter(Boolean).join("\n\n");
   const sheet = ctx.createSheet({
-    content: resolve ? resolved : unresolved
+    content: resolve ? [
+      generateLayoutGridCss(),
+      generateGlobalCss(ctx),
+      generateStaticCss(ctx),
+      generateResetCss(),
+      generateTokenCss(ctx),
+      generateKeyframeCss(ctx)
+    ].filter(Boolean).join("\n\n") : unresolved
   });
   sheet.append(...files);
-  return sheet.toCss({ minify });
+  return sheet.toCss({ optimize: true, minify });
 };
 
 // src/artifacts/css/parser-css.ts
@@ -2335,8 +2334,8 @@ var generateParserCss = (ctx) => (result) => pipe(
     });
   }),
   tryCatch(
-    ({ sheet, result: result2, config: { minify } }) => {
-      return !result2.isEmpty() ? sheet.toCss({ minify }) : void 0;
+    ({ sheet, result: result2, config: { minify, optimize } }) => {
+      return !result2.isEmpty() ? sheet.toCss({ minify, optimize }) : void 0;
     },
     () => {
       logger.error("serializer:css", "Failed to serialize CSS");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.0.0-dev-20230426205606",
+  "version": "0.0.0-dev-20230428204429",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -20,16 +20,16 @@
     "pluralize": "8.0.0",
     "postcss": "8.4.23",
     "ts-pattern": "4.2.2",
-    "@pandacss/core": "0.0.0-dev-20230426205606",
-    "@pandacss/logger": "0.0.0-dev-20230426205606",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230426205606",
-    "@pandacss/shared": "0.0.0-dev-20230426205606",
-    "@pandacss/types": "0.0.0-dev-20230426205606",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230426205606"
+    "@pandacss/core": "0.0.0-dev-20230428204429",
+    "@pandacss/logger": "0.0.0-dev-20230428204429",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230428204429",
+    "@pandacss/shared": "0.0.0-dev-20230428204429",
+    "@pandacss/types": "0.0.0-dev-20230428204429",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230428204429"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.29",
-    "@pandacss/fixture": "0.0.0-dev-20230426205606"
+    "@pandacss/fixture": "0.0.0-dev-20230428204429"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",