@pandacss/types 0.0.0-dev-20230605172509 → 0.0.0-dev-20230607103128

package/dist/conditions.d.ts

@@ -1,5 +1,4 @@
 import type { AnySelector, Selectors } from './selectors'
-import type { Dict, StringKeyOf } from './shared'
 
 export type ConditionType = 'at-rule' | 'parent-nesting' | 'self-nesting' | 'combinator-nesting'
 
@@ -12,11 +11,6 @@ export type ConditionDetails = {
 
 export type RawCondition = ConditionDetails & { raw: string }
 
-export type ExtractConditions<Conditions extends Dict, Breakpoints extends Dict> =
-  | StringKeyOf<Breakpoints>
-  | StringKeyOf<Conditions>
-  | 'base'
-
 /* -----------------------------------------------------------------------------
  * Shadowed export (in CLI): DO NOT REMOVE
  * -----------------------------------------------------------------------------*/

package/dist/config.d.ts

@@ -1,103 +1,128 @@
-import type { LayerStyles, TextStyles } from './composition'
 import type { Conditions as TConditions } from './conditions'
-import type { AnyPatternConfig, PatternConfig } from './pattern'
-import type { AnyRecipeConfig, RecipeConfig } from './recipe'
+import type { PatternConfig } from './pattern'
 import type { Extendable, RequiredBy, UnwrapExtend } from './shared'
 import type { StaticCssOptions } from './static-css'
-import type { CssKeyframes, GlobalStyleObject } from './system-types'
-import type { SemanticTokens, Tokens } from './tokens'
+import type { GlobalStyleObject } from './system-types'
+import type { Theme } from './theme'
 import type { UtilityConfig } from './utility'
 
-export type Preset = Pick<Config, 'utilities' | 'theme' | 'patterns' | 'presets' | 'conditions' | 'globalCss'>
-
-type Studio = {
-  title: string
-  logo: string
+type StudioOptions = {
+  /**
+   * Used to customize the design system studio
+   * @default { title: 'Panda', logo: '🐼' }
+   */
+  studio?: {
+    title?: string
+    logo?: string
+  }
 }
 
-type Theme<RecipeVariants> = {
+type ExtendableOptions = {
   /**
-   * The breakpoints for your project.
+   * The css selectors or media queries shortcuts.
+   * @example `{ hover: "&:hover" }`
    */
-  breakpoints?: Record<string, string>
+  conditions?: Extendable<TConditions>
   /**
-   * The css animation keyframes definitions.
+   * The global styles for your project.
    */
-  keyframes?: CssKeyframes
+  globalCss?: Extendable<GlobalStyleObject>
   /**
-   * The design tokens for your project.
+   * The theme configuration for your project.
    */
-  tokens?: Tokens
+  theme?: Extendable<Theme>
   /**
-   * The semantic design tokens for your project.
+   * The css utility definitions.
    */
-  semanticTokens?: SemanticTokens
+  utilities?: Extendable<UtilityConfig>
   /**
-   * The typography styles for your project.
+   * Common styling or layout patterns for your project.
    */
-  textStyles?: TextStyles
+  patterns?: Extendable<Record<string, PatternConfig>>
+}
+
+type FileSystemOptions = {
   /**
-   * The layer styles for your project.
+   * Whether to clean the output directory before generating the css.
+   * @default false
    */
-  layerStyles?: LayerStyles
+  clean?: boolean
   /**
-   * Multi-variant style definitions for your project.
-   * Useful for defining component styles.
+   * The output directory.
+   * @default 'styled-system'
    */
-  recipes?: Record<string, RecipeConfig<RecipeVariants>>
-}
-type AnyTheme = Theme<Record<string, AnyRecipeConfig>>
-
-export type GenericConfig<RecipeVariants, PatternProps> = Omit<Config, 'theme' | 'patterns'> & {
-  theme?: Extendable<Theme<RecipeVariants>>
-  patterns?: Extendable<Record<string, PatternConfig<PatternProps>>>
-}
-
-export type Config = {
+  outdir?: string
   /**
-   * Whether to emit the artifacts to `node_modules` as a package.
-   * @default false
+   * List of files glob to watch for changes.
+   * @default []
    */
-  emitPackage?: boolean
+  include?: string[]
   /**
-   * Whether to only emit the `tokens` directory
-   * @default false
+   * List of files glob to ignore.
+   * @default []
    */
-  emitTokensOnly?: boolean
+  exclude?: string[]
   /**
-   * The namespace prefix for the generated css classes and css variables.
-   * @default ''
+   * Whether to watch for changes and regenerate the css.
+   * @default false
    */
-  prefix?: string
+  watch?: boolean
   /**
-   * Whether to update the .gitignore file.
-   * @default 'true'
+   * Whether to use polling instead of filesystem events when watching.
+   * @default false
    */
-  gitignore?: boolean
+  poll?: boolean
   /**
-   * The value separator used in the generated class names.
-   * @default '_'
+   * The current working directory.
+   * @default 'process.cwd()'
    */
-  separator?: '_' | '=' | '-'
+  cwd?: string
   /**
-   * Used to customize the design system studio
-   * @default { title: 'Panda', logo: '🐼' }
+   * File extension for generated javascript files.
    */
-  studio?: Partial<Studio>
+  outExtension?: 'mjs' | 'js'
   /**
    * The log level for the built-in logger.
    * @default 'info'
    */
   logLevel?: 'debug' | 'info' | 'warn' | 'error' | 'silent'
+}
+
+type JsxFramework = 'react' | 'solid' | 'preact' | 'vue' | 'qwik'
+
+type JsxOptions = {
   /**
-   * Used to create reusable config presets for your project or team.
+   * The framework to use for generating supercharged elements.
    */
-  presets?: (string | Preset | Promise<Preset>)[]
+  jsxFramework?: JsxFramework
+  /**
+   * The factory name of the element
+   * @default 'styled'
+   *
+   * @example
+   * ```jsx
+   * <styled.button marginTop="40px">Click me</styled.button>
+   * ```
+   */
+  jsxFactory?: string
+}
+
+type CssgenOptions = {
   /**
    * Whether to include css reset styles in the generated css.
    * @default true
    */
   preflight?: boolean | { scope: string }
+  /**
+   * The namespace prefix for the generated css classes and css variables.
+   * @default ''
+   */
+  prefix?: string
+  /**
+   * The value separator used in the generated class names.
+   * @default '_'
+   */
+  separator?: '_' | '=' | '-'
   /**
    * Whether to optimize the generated css.
    * @default true
@@ -108,103 +133,62 @@ export type Config = {
    * @default false
    */
   minify?: boolean
-  /**
-   * The current working directory.
-   * @default 'process.cwd()'
-   */
-  cwd?: string
-  /**
-   * Whether to hash the generated class names.
-   * This is useful if want to shorten the class names.
-   * @default false
-   */
-  hash?: boolean
-  /**
-   * Whether to clean the output directory before generating the css.
-   * @default false
-   */
-  clean?: boolean
-  /**
-   * The output directory.
-   * @default 'styled-system'
-   */
-  outdir?: string
   /**
    * The root selector for the css variables.
    * @default ':where(:host, :root)'
    */
   cssVarRoot?: string
   /**
-   * List of files glob to watch for changes.
-   * @default []
-   */
-  include?: string[]
-  /**
-   * List of files glob to ignore.
-   * @default []
+   * @experimental
+   * Used to generate css utility classes for your project.
    */
-  exclude?: string[]
+  staticCss?: StaticCssOptions
+}
+
+type CodegenOptions = {
   /**
-   * Whether to watch for changes and regenerate the css.
+   * Whether to emit the artifacts to `node_modules` as a package.
    * @default false
    */
-  watch?: boolean
+  emitPackage?: boolean
   /**
-   * Whether to use polling instead of filesystem events when watching.
+   * Whether to only emit the `tokens` directory
    * @default false
    */
-  poll?: boolean
-  /**
-   * The css selectors or media queries shortcuts.
-   * @example `{ hover: "&:hover" }`
-   */
-  conditions?: Extendable<TConditions>
-  /**
-   * The global styles for your project.
-   */
-  globalCss?: Extendable<GlobalStyleObject>
-  /**
-   * The theme configuration for your project.
-   */
-  theme?: Extendable<AnyTheme>
-  /**
-   * The css utility definitions.
-   */
-  utilities?: Extendable<UtilityConfig>
-  /**
-   * Common styling or layout patterns for your project.
-   */
-  patterns?: Extendable<Record<string, AnyPatternConfig>>
-  /**
-   * The framework to use for generating supercharged elements.
-   */
-  jsxFramework?: JsxFramework
+  emitTokensOnly?: boolean
   /**
-   * The factory name of the element
-   * @default 'styled'
-   *
-   * @example
-   * ```jsx
-   * <panda.button marginTop="40px">Click me</panda.button>
-   * ```
+   * Whether to hash the generated class names.
+   * This is useful if want to shorten the class names.
+   * @default false
    */
-  jsxFactory?: string
+  hash?: boolean
   /**
    * Options for the generated typescript definitions.
    */
   strictTokens?: boolean
   /**
-   * @experimental
-   * Used to generate css utility classes for your project.
+   * Whether to update the .gitignore file.
+   * @default 'true'
    */
-  staticCss?: StaticCssOptions
+  gitignore?: boolean
+}
+
+type PresetOptions = {
   /**
-   * File extension for generated javascript files.
+   * Used to create reusable config presets for your project or team.
    */
-  outExtension?: 'mjs' | 'js'
+  presets?: (string | Preset | Promise<Preset>)[]
 }
 
-type JsxFramework = 'react' | 'solid' | 'preact' | 'vue' | 'qwik'
+export type Config = StudioOptions &
+  ExtendableOptions &
+  CssgenOptions &
+  CodegenOptions &
+  FileSystemOptions &
+  JsxOptions &
+  PresetOptions
+
+export type Preset = ExtendableOptions & PresetOptions
 
 export type UserConfig = UnwrapExtend<RequiredBy<Config, 'outdir' | 'cwd' | 'include'>>
 

package/dist/index.d.ts

@@ -9,11 +9,11 @@ export type {
 } from './analyze-report'
 export type { CompositionStyles, LayerStyles, TextStyles } from './composition'
 export type { ConditionDetails, Conditions, ConditionType, RawCondition } from './conditions'
-export type { Config, GenericConfig, LoadConfigResult, Preset, UserConfig } from './config'
+export type { Config, LoadConfigResult, Preset, UserConfig } from './config'
 export type { ParserResultType, ResultItem } from './parser'
 export type { Part, Parts } from './parts'
-export type { AnyPatternConfig, PatternConfig, PatternHelpers, PatternProperty } from './pattern'
-export type { AnyRecipeConfig, RecipeConfig, RecipeVariantRecord } from './recipe'
+export type { PatternConfig, PatternHelpers, PatternProperty } from './pattern'
+export type { RecipeConfig, RecipeVariantRecord } from './recipe'
 export type { Runtime } from './runtime'
 export type { AnyFunction, Artifact, Dict, RequiredBy } from './shared'
 export type { StaticCssOptions } from './static-css'

package/dist/pattern.d.ts

@@ -14,7 +14,7 @@ export type PatternHelpers = {
   map: (value: any, fn: (value: string) => string | undefined) => any
 }
 
-export type PatternConfig<T> = {
+export type PatternConfig<T = PatternProperty> = {
   /**
    * The description of the pattern. This will be used in the JSDoc comment.
    */
@@ -50,5 +50,3 @@ export type PatternConfig<T> = {
    */
   blocklist?: LiteralUnion<CssProperty>[]
 }
-
-export type AnyPatternConfig = PatternConfig<PatternProperty>

package/dist/recipe.d.ts

@@ -61,7 +61,9 @@ export type RecipeDefinition<T extends RecipeVariantRecord> = {
 
 export type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>
 
-export type RecipeConfig<T> = RecipeDefinition<T extends RecipeVariantRecord ? T : RecipeVariantRecord> & {
+export type RecipeConfig<T = RecipeVariantRecord> = RecipeDefinition<
+  T extends RecipeVariantRecord ? T : RecipeVariantRecord
+> & {
   /**
    * The name of the recipe.
    */
@@ -78,4 +80,3 @@ export type RecipeConfig<T> = RecipeDefinition<T extends RecipeVariantRecord ? T
    */
   jsx?: Array<string | RegExp>
 }
-export type AnyRecipeConfig = RecipeConfig<RecipeVariantRecord>

package/dist/shared.d.ts

@@ -1,19 +1,15 @@
-export type Primitive = string | number | boolean | null | undefined
+type Primitive = string | number | boolean | null | undefined
 
 export type LiteralUnion<T, K extends Primitive = string> = T | (K & Record<never, never>)
 
 export type Recursive<T> = { [key: string]: T | Recursive<T> }
 
-export type Entry<T> = [keyof T, T[keyof T]]
-
 export type Dict<T = any> = Record<string, T>
 
 export type RequiredBy<T, K extends keyof T> = Partial<Omit<T, K>> & Required<Pick<T, K>>
 
 export type AnyFunction<T = any> = (...args: T[]) => any
 
-export type StringKeyOf<T> = Extract<keyof T, string>
-
 type DeepPartial<T> = {
   [P in keyof T]+?: DeepPartial<T[P]>
 }

package/dist/theme.d.ts

@@ -0,0 +1,36 @@
+import type { LayerStyles, TextStyles } from './composition'
+import type { RecipeConfig } from './recipe'
+import type { CssKeyframes } from './system-types'
+import type { SemanticTokens, Tokens } from './tokens'
+
+export type Theme = {
+  /**
+   * The breakpoints for your project.
+   */
+  breakpoints?: Record<string, string>
+  /**
+   * The css animation keyframes definitions.
+   */
+  keyframes?: CssKeyframes
+  /**
+   * The design tokens for your project.
+   */
+  tokens?: Tokens
+  /**
+   * The semantic design tokens for your project.
+   */
+  semanticTokens?: SemanticTokens
+  /**
+   * The typography styles for your project.
+   */
+  textStyles?: TextStyles
+  /**
+   * The layer styles for your project.
+   */
+  layerStyles?: LayerStyles
+  /**
+   * Multi-variant style definitions for your project.
+   * Useful for defining component styles.
+   */
+  recipes?: Record<string, RecipeConfig>
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/types",
-  "version": "0.0.0-dev-20230605172509",
+  "version": "0.0.0-dev-20230607103128",
   "description": "The types for css panda",
   "main": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
@@ -16,7 +16,7 @@
     "csstype": "3.1.2"
   },
   "dependencies": {
-    "@pandacss/extractor": "0.0.0-dev-20230605172509"
+    "@pandacss/extractor": "0.0.0-dev-20230607103128"
   },
   "scripts": {
     "build": "tsx scripts/build.ts",