@pandacss/types 0.0.0-dev-20230417092334 → 0.0.0-dev-20230417175111

package/dist/config.d.ts

@@ -1,7 +1,7 @@
 import type { LayerStyles, TextStyles } from './composition'
 import type { Conditions as TConditions } from './conditions'
-import type { PatternConfig } from './pattern'
-import type { AnyRecipeConfig } from './recipe'
+import type { AnyPatternConfig, PatternConfig } from './pattern'
+import type { AnyRecipeConfig, RecipeConfig } from './recipe'
 import type { Extendable, RequiredBy, UnwrapExtend } from './shared'
 import type { StaticCssOptions } from './static-css'
 import type { CssKeyframes, GlobalStyleObject } from './system-types'
@@ -15,6 +15,44 @@ type Studio = {
   logo: string
 }
 
+type Theme<RecipeVariants> = {
+  /**
+   * 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<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 = {
   /**
    * Whether to emit the artifacts to `node_modules` as a package.
@@ -103,37 +141,7 @@ export type Config = {
   /**
    * The theme configuration for your project.
    */
-  theme?: Extendable<{
-    /**
-     * 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, AnyRecipeConfig>
-  }>
+  theme?: Extendable<AnyTheme>
   /**
    * The css utility definitions.
    */
@@ -141,7 +149,7 @@ export type Config = {
   /**
    * Common styling or layout patterns for your project.
    */
-  patterns?: Extendable<Record<string, PatternConfig>>
+  patterns?: Extendable<Record<string, AnyPatternConfig>>
   /**
    * The framework to use for generating supercharged elements.
    * @default 'react'

package/dist/index.d.ts

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

package/dist/pattern.d.ts

@@ -12,7 +12,7 @@ export type PatternHelpers = {
   map: (value: any, fn: (value: string) => string | undefined) => any
 }
 
-export type PatternConfig = {
+export type PatternConfig<T> = {
   /**
    * The description of the pattern. This will be used in the JSDoc comment.
    */
@@ -25,11 +25,14 @@ export type PatternConfig = {
   /**
    * The properties of the pattern.
    */
-  properties: Record<string, PatternProperty>
+  properties: T extends Record<string, PatternProperty> ? T : Record<string, PatternProperty>
   /**
    * The css object this pattern will generate.
    */
-  transform?: (props: Record<string, any>, helpers: PatternHelpers) => SystemStyleObject
+  transform?: (
+    props: T extends Record<infer Keys, PatternProperty> ? Record<Keys, any> : Record<string, PatternProperty>,
+    helpers: PatternHelpers,
+  ) => SystemStyleObject
   /**
    * The jsx element name this pattern will generate.
    */
@@ -45,3 +48,5 @@ export type PatternConfig = {
    */
   blocklist?: LiteralUnion<NativeCssProperty>[]
 }
+
+export type AnyPatternConfig = PatternConfig<PatternProperty>

package/dist/recipe.d.ts

@@ -52,7 +52,7 @@ export type RecipeDefinition<T extends RecipeVariantRecord> = {
 
 export type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>
 
-export type RecipeConfig<T extends RecipeVariantRecord> = RecipeDefinition<T> & {
+export type RecipeConfig<T> = RecipeDefinition<T extends RecipeVariantRecord ? T : RecipeVariantRecord> & {
   /**
    * The name of the recipe.
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/types",
-  "version": "0.0.0-dev-20230417092334",
+  "version": "0.0.0-dev-20230417175111",
   "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-20230417092334"
+    "@pandacss/extractor": "0.0.0-dev-20230417175111"
   },
   "scripts": {
     "build": "tsx scripts/build.ts",