@pandacss/generator 0.0.0-dev-20230420173138 → 0.0.0-dev-20230420174932

package/dist/index.js

@@ -1799,6 +1799,16 @@ var recipe_d_ts_default = {
   content: "import type { SystemStyleObject } from './system-types'\n\ntype Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<string, Record<string, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = {\n  [K in keyof T]?: StringToBoolean<keyof T[K]>\n}\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\nexport type RecipeVariantProps<T extends RecipeVariantFn<RecipeVariantRecord>> = Pretty<Parameters<T>[0]>\n\nexport type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T> & {\n  variants: (keyof T)[]\n  resolve: (props: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n}\n\nexport type RecipeCompoundSelection<\n  T extends RecipeVariantRecord,\n  Key extends Exclude<keyof T, 'css'> = Exclude<keyof T, 'css'>,\n> = {\n  [K in Key]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>>\n}\n\nexport type RecipeCompoundVariant<T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SystemStyleObject\n}\n\nexport type RecipeDefinition<T extends RecipeVariantRecord> = {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | RecipeVariantRecord\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Array<RecipeCompoundVariant<T>>\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\nexport type RecipeConfig<T> = RecipeDefinition<T extends RecipeVariantRecord ? T : RecipeVariantRecord> & {\n  /**\n   * The name of the recipe.\n   */\n  name: string\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n}\nexport type AnyRecipeConfig = RecipeConfig<RecipeVariantRecord>\n"
 };
 
+// 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"
+};
+
+// src/artifacts/generated/parts.d.ts.json
+var parts_d_ts_default = {
+  content: "export type Part = {\n  selector: string\n}\n\nexport type Parts = Record<string, Part>\n"
+};
+
 // src/artifacts/generated/selectors.d.ts.json
 var selectors_d_ts_default = {
   content: "import type { Pseudos } from './csstype'\n\ntype AriaAttributes =\n  | '[aria-disabled]'\n  | '[aria-hidden]'\n  | '[aria-invalid]'\n  | '[aria-readonly]'\n  | '[aria-required]'\n  | '[aria-selected]'\n  | '[aria-checked]'\n  | '[aria-expanded]'\n  | '[aria-pressed]'\n  | `[aria-current=${'page' | 'step' | 'location' | 'date' | 'time'}]`\n  | '[aria-invalid]'\n  | `[aria-sort=${'ascending' | 'descending'}]`\n\ntype DataAttributes =\n  | '[data-selected]'\n  | '[data-highlighted]'\n  | '[data-hover]'\n  | '[data-active]'\n  | '[data-checked]'\n  | '[data-disabled]'\n  | '[data-readonly]'\n  | '[data-focus]'\n  | '[data-focus-visible]'\n  | '[data-focus-visible-added]'\n  | '[data-invalid]'\n  | '[data-pressed]'\n  | '[data-expanded]'\n  | '[data-grabbed]'\n  | '[data-dragged]'\n  | '[data-orientation=horizontal]'\n  | '[data-orientation=vertical]'\n  | '[data-in-range]'\n  | '[data-out-of-range]'\n  | '[data-placeholder-shown]'\n  | `[data-part=${string}]`\n  | `[data-attr=${string}]`\n  | `[data-placement=${string}]`\n  | `[data-theme=${string}]`\n  | `[data-size=${string}]`\n  | `[data-state=${string}]`\n  | '[data-empty]'\n  | '[data-loading]'\n  | '[data-loaded]'\n  | '[data-enter]'\n  | '[data-entering]'\n  | '[data-exited]'\n  | '[data-exiting]'\n\ntype AttributeSelector = `&${Pseudos | DataAttributes | AriaAttributes}`\ntype ParentSelector = `${DataAttributes | AriaAttributes} &`\n\nexport type AnySelector = `${string}&` | `&${string}`\nexport type Selectors = AttributeSelector | ParentSelector\n"
@@ -1809,6 +1819,8 @@ function getGeneratedTypes() {
   return {
     cssType: csstype_d_ts_default.content,
     recipe: recipe_d_ts_default.content,
+    pattern: pattern_d_ts_default.content,
+    parts: parts_d_ts_default.content,
     composition: composition_d_ts_default.content,
     selectors: selectors_d_ts_default.content,
     system: system_types_d_ts_default.content
@@ -1820,21 +1832,25 @@ var import_outdent26 = require("outdent");
 var generateTypesEntry = () => ({
   global: import_outdent26.outdent`
     import { RecipeVariantRecord, RecipeConfig } from './recipe'
-    import { GlobalStyleObject } from './system-types'
+    import { Parts } from './parts'
+    import { AnyPatternConfig, PatternConfig } from './pattern'
+    import { GlobalStyleObject, SystemStyleObject } from './system-types'
     import { CompositionStyles } from './composition'
-    
+
     declare module '@pandacss/dev' {
       export function defineRecipe<V extends RecipeVariantRecord>(config: RecipeConfig<V>): RecipeConfig<V>
       export function defineGlobalStyles(definition: GlobalStyleObject): GlobalStyleObject
       export function defineTextStyles(definition: CompositionStyles['textStyles']): CompositionStyles['textStyles']
       export function defineLayerStyles(definition: CompositionStyles['layerStyles']): CompositionStyles['layerStyles']
+      export function definePattern<Pattern>(config: PatternConfig<Pattern>): AnyPatternConfig
+      export function defineParts<T extends Parts>(parts: T): (config: Partial<Record<keyof T, SystemStyleObject>>) => Partial<Record<keyof T, SystemStyleObject>>;
     }
     `,
   index: import_outdent26.outdent`
     import './global'
     export { ConditionalValue } from './conditions'
     export { GlobalStyleObject, JsxStyleProps, SystemStyleObject } from './system-types'
-  
+
     `
 });
 
@@ -2037,6 +2053,8 @@ function setupTypes(ctx) {
       { file: "composition.d.ts", code: gen.composition },
       { file: "global.d.ts", code: entry.global },
       { file: "recipe.d.ts", code: gen.recipe },
+      { 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: "prop-type.d.ts", code: generatePropTypes(ctx) },

package/dist/index.mjs

@@ -1768,6 +1768,16 @@ var recipe_d_ts_default = {
   content: "import type { SystemStyleObject } from './system-types'\n\ntype Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never\n\ntype StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T\n\nexport type RecipeVariantRecord = Record<string, Record<string, SystemStyleObject>>\n\nexport type RecipeSelection<T extends RecipeVariantRecord> = {\n  [K in keyof T]?: StringToBoolean<keyof T[K]>\n}\n\nexport type RecipeVariantFn<T extends RecipeVariantRecord> = (props?: RecipeSelection<T>) => string\n\nexport type RecipeVariantProps<T extends RecipeVariantFn<RecipeVariantRecord>> = Pretty<Parameters<T>[0]>\n\nexport type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T> & {\n  variants: (keyof T)[]\n  resolve: (props: RecipeSelection<T>) => SystemStyleObject\n  config: RecipeConfig<T>\n}\n\nexport type RecipeCompoundSelection<\n  T extends RecipeVariantRecord,\n  Key extends Exclude<keyof T, 'css'> = Exclude<keyof T, 'css'>,\n> = {\n  [K in Key]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>>\n}\n\nexport type RecipeCompoundVariant<T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {\n  css: SystemStyleObject\n}\n\nexport type RecipeDefinition<T extends RecipeVariantRecord> = {\n  /**\n   * The base styles of the recipe.\n   */\n  base?: SystemStyleObject\n  /**\n   * The multi-variant styles of the recipe.\n   */\n  variants?: T | RecipeVariantRecord\n  /**\n   * The default variants of the recipe.\n   */\n  defaultVariants?: RecipeSelection<T>\n  /**\n   * The styles to apply when a combination of variants is selected.\n   */\n  compoundVariants?: Array<RecipeCompoundVariant<T>>\n}\n\nexport type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>\n\nexport type RecipeConfig<T> = RecipeDefinition<T extends RecipeVariantRecord ? T : RecipeVariantRecord> & {\n  /**\n   * The name of the recipe.\n   */\n  name: string\n  /**\n   * The description of the recipe. This will be used in the JSDoc comment.\n   */\n  description?: string\n  /**\n   * The jsx elements to track for this recipe. Can be string or Regexp.\n   *\n   * @default capitalize(recipe.name)\n   * @example ['Button', 'Link', /Button$/]\n   */\n  jsx?: Array<string | RegExp>\n}\nexport type AnyRecipeConfig = RecipeConfig<RecipeVariantRecord>\n"
 };
 
+// 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"
+};
+
+// src/artifacts/generated/parts.d.ts.json
+var parts_d_ts_default = {
+  content: "export type Part = {\n  selector: string\n}\n\nexport type Parts = Record<string, Part>\n"
+};
+
 // src/artifacts/generated/selectors.d.ts.json
 var selectors_d_ts_default = {
   content: "import type { Pseudos } from './csstype'\n\ntype AriaAttributes =\n  | '[aria-disabled]'\n  | '[aria-hidden]'\n  | '[aria-invalid]'\n  | '[aria-readonly]'\n  | '[aria-required]'\n  | '[aria-selected]'\n  | '[aria-checked]'\n  | '[aria-expanded]'\n  | '[aria-pressed]'\n  | `[aria-current=${'page' | 'step' | 'location' | 'date' | 'time'}]`\n  | '[aria-invalid]'\n  | `[aria-sort=${'ascending' | 'descending'}]`\n\ntype DataAttributes =\n  | '[data-selected]'\n  | '[data-highlighted]'\n  | '[data-hover]'\n  | '[data-active]'\n  | '[data-checked]'\n  | '[data-disabled]'\n  | '[data-readonly]'\n  | '[data-focus]'\n  | '[data-focus-visible]'\n  | '[data-focus-visible-added]'\n  | '[data-invalid]'\n  | '[data-pressed]'\n  | '[data-expanded]'\n  | '[data-grabbed]'\n  | '[data-dragged]'\n  | '[data-orientation=horizontal]'\n  | '[data-orientation=vertical]'\n  | '[data-in-range]'\n  | '[data-out-of-range]'\n  | '[data-placeholder-shown]'\n  | `[data-part=${string}]`\n  | `[data-attr=${string}]`\n  | `[data-placement=${string}]`\n  | `[data-theme=${string}]`\n  | `[data-size=${string}]`\n  | `[data-state=${string}]`\n  | '[data-empty]'\n  | '[data-loading]'\n  | '[data-loaded]'\n  | '[data-enter]'\n  | '[data-entering]'\n  | '[data-exited]'\n  | '[data-exiting]'\n\ntype AttributeSelector = `&${Pseudos | DataAttributes | AriaAttributes}`\ntype ParentSelector = `${DataAttributes | AriaAttributes} &`\n\nexport type AnySelector = `${string}&` | `&${string}`\nexport type Selectors = AttributeSelector | ParentSelector\n"
@@ -1778,6 +1788,8 @@ function getGeneratedTypes() {
   return {
     cssType: csstype_d_ts_default.content,
     recipe: recipe_d_ts_default.content,
+    pattern: pattern_d_ts_default.content,
+    parts: parts_d_ts_default.content,
     composition: composition_d_ts_default.content,
     selectors: selectors_d_ts_default.content,
     system: system_types_d_ts_default.content
@@ -1789,21 +1801,25 @@ import { outdent as outdent26 } from "outdent";
 var generateTypesEntry = () => ({
   global: outdent26`
     import { RecipeVariantRecord, RecipeConfig } from './recipe'
-    import { GlobalStyleObject } from './system-types'
+    import { Parts } from './parts'
+    import { AnyPatternConfig, PatternConfig } from './pattern'
+    import { GlobalStyleObject, SystemStyleObject } from './system-types'
     import { CompositionStyles } from './composition'
-    
+
     declare module '@pandacss/dev' {
       export function defineRecipe<V extends RecipeVariantRecord>(config: RecipeConfig<V>): RecipeConfig<V>
       export function defineGlobalStyles(definition: GlobalStyleObject): GlobalStyleObject
       export function defineTextStyles(definition: CompositionStyles['textStyles']): CompositionStyles['textStyles']
       export function defineLayerStyles(definition: CompositionStyles['layerStyles']): CompositionStyles['layerStyles']
+      export function definePattern<Pattern>(config: PatternConfig<Pattern>): AnyPatternConfig
+      export function defineParts<T extends Parts>(parts: T): (config: Partial<Record<keyof T, SystemStyleObject>>) => Partial<Record<keyof T, SystemStyleObject>>;
     }
     `,
   index: outdent26`
     import './global'
     export { ConditionalValue } from './conditions'
     export { GlobalStyleObject, JsxStyleProps, SystemStyleObject } from './system-types'
-  
+
     `
 });
 
@@ -2006,6 +2022,8 @@ function setupTypes(ctx) {
       { file: "composition.d.ts", code: gen.composition },
       { file: "global.d.ts", code: entry.global },
       { file: "recipe.d.ts", code: gen.recipe },
+      { 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: "prop-type.d.ts", code: generatePropTypes(ctx) },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.0.0-dev-20230420173138",
+  "version": "0.0.0-dev-20230420174932",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -20,20 +20,20 @@
     "pluralize": "8.0.0",
     "postcss": "8.4.23",
     "ts-pattern": "4.2.2",
-    "@pandacss/core": "0.0.0-dev-20230420173138",
-    "@pandacss/logger": "0.0.0-dev-20230420173138",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230420173138",
-    "@pandacss/shared": "0.0.0-dev-20230420173138",
-    "@pandacss/types": "0.0.0-dev-20230420173138",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230420173138"
+    "@pandacss/core": "0.0.0-dev-20230420174932",
+    "@pandacss/logger": "0.0.0-dev-20230420174932",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230420174932",
+    "@pandacss/shared": "0.0.0-dev-20230420174932",
+    "@pandacss/types": "0.0.0-dev-20230420174932",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230420174932"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.29",
-    "@pandacss/fixture": "0.0.0-dev-20230420173138"
+    "@pandacss/fixture": "0.0.0-dev-20230420174932"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",
-    "build": "tsup src/index.ts --format=esm,cjs --dts",
+    "build": "pnpm prebuild && tsup src/index.ts --format=esm,cjs --dts",
     "build-fast": "tsup src/index.ts --format=esm,cjs --no-dts",
     "dev": "tsx scripts/prebuild.ts && pnpm build-fast --watch"
   }