@pandacss/types 0.0.0-dev-20230801082734 → 0.0.0-dev-20230801131515

package/dist/index.d.ts

@@ -14,7 +14,7 @@ export type { ConfigResultWithHooks, PandaHooks, PandaHookable } from './hooks'
 export type { ParserResultType, ResultItem } from './parser'
 export type { Part, Parts } from './parts'
 export type { PatternConfig, PatternHelpers, PatternProperty } from './pattern'
-export type { RecipeConfig, RecipeVariantRecord } from './recipe'
+export type { RecipeConfig, RecipeVariantRecord, SlotRecipeConfig, SlotRecipeVariantRecord } from './recipe'
 export type { Runtime } from './runtime'
 export type { AnyFunction, Artifact, Dict, RequiredBy } from './shared'
 export type { StaticCssOptions } from './static-css'

package/dist/parser.d.ts

@@ -3,7 +3,7 @@ import type { BoxNodeMap, BoxNodeLiteral, Unboxed } from '@pandacss/extractor'
 export type ResultItem = {
   name?: string
   data: Array<Unboxed['raw']>
-  type?: 'object' | 'cva' | 'pattern' | 'recipe' | 'jsx-factory' | 'jsx-pattern' | 'jsx-recipe' | 'jsx'
+  type?: 'object' | 'cva' | 'sva' | 'pattern' | 'recipe' | 'jsx-factory' | 'jsx-pattern' | 'jsx-recipe' | 'jsx'
   box: BoxNodeMap | BoxNodeLiteral
 }
 
@@ -11,10 +11,12 @@ export type ParserResultType = {
   jsx: Set<ResultItem>
   css: Set<ResultItem>
   cva: Set<ResultItem>
+  sva: Set<ResultItem>
   recipe: Map<string, Set<ResultItem>>
   pattern: Map<string, Set<ResultItem>>
   filePath: string | undefined
   set: (name: 'cva' | 'css', result: ResultItem) => void
+  setSva: (result: ResultItem) => void
   setCva: (result: ResultItem) => void
   setJsx: (result: ResultItem) => void
   setRecipe: (name: string, result: ResultItem) => void
@@ -23,6 +25,7 @@ export type ParserResultType = {
   setFilePath: (filePath: string) => ParserResultType
   toArray: () => Array<ResultItem>
   toJSON: () => {
+    sva: Array<ResultItem>
     css: Array<ResultItem>
     cva: Array<ResultItem>
     recipe: Record<string, ResultItem[]>

package/dist/recipe.d.ts

@@ -1,6 +1,6 @@
 import type { SystemStyleObject } from './system-types'
 
-type Pretty<T> = T extends infer U ? { [K in keyof U]: U[K] } : never
+type Pretty<T> = { [K in keyof T]: T[K] } & {}
 
 type StringToBoolean<T> = T extends 'true' | 'false' ? boolean : T
 
@@ -20,6 +20,10 @@ type RecipeVariantMap<T extends RecipeVariantRecord> = {
   [K in keyof T]: Array<keyof T[K]>
 }
 
+/* -----------------------------------------------------------------------------
+ * Recipe / Standard
+ * -----------------------------------------------------------------------------*/
+
 export type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T> & {
   __type: RecipeSelection<T>
   variantKeys: (keyof T)[]
@@ -58,7 +62,7 @@ export type RecipeDefinition<T extends RecipeVariantRecord> = {
 
 export type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>
 
-export type RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord> = RecipeDefinition<T> & {
+type RecipeConfigMeta = {
   /**
    * The name of the recipe.
    */
@@ -75,3 +79,59 @@ export type RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord> =
    */
   jsx?: Array<string | RegExp>
 }
+
+export type RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord> = RecipeDefinition<T> & RecipeConfigMeta
+
+/* -----------------------------------------------------------------------------
+ * Recipe / Slot
+ * -----------------------------------------------------------------------------*/
+
+type SlotRecord<S extends string, T> = Partial<Record<S, T>>
+
+export type SlotRecipeVariantRecord<S extends string> = Record<any, Record<any, SlotRecord<S, SystemStyleObject>>>
+
+export type SlotRecipeVariantFn<S extends string, T extends RecipeVariantRecord> = (
+  props?: RecipeSelection<T>,
+) => SlotRecord<S, string>
+
+export type SlotRecipeRuntimeFn<S extends string, T extends SlotRecipeVariantRecord<S>> = SlotRecipeVariantFn<S, T> & {
+  variantKeys: (keyof T)[]
+  variantMap: RecipeVariantMap<T>
+  splitVariantProps<Props extends RecipeSelection<T>>(props: Props): [RecipeSelection<T>, Pretty<Omit<Props, keyof T>>]
+}
+
+export type SlotRecipeCompoundVariant<S extends string, T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {
+  css: SlotRecord<S, SystemStyleObject>
+}
+
+export type SlotRecipeDefinition<S extends string, T extends SlotRecipeVariantRecord<S>> = {
+  /**
+   * The parts/slots of the recipe.
+   */
+  slots: S[] | Readonly<S[]>
+  /**
+   * The base styles of the recipe.
+   */
+  base?: SlotRecord<S, SystemStyleObject>
+  /**
+   * The multi-variant styles of the recipe.
+   */
+  variants?: T | SlotRecipeVariantRecord<S>
+  /**
+   * The default variants of the recipe.
+   */
+  defaultVariants?: RecipeSelection<T>
+  /**
+   * The styles to apply when a combination of variants is selected.
+   */
+  compoundVariants?: Array<SlotRecipeCompoundVariant<S, T>>
+}
+
+export type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(
+  config: SlotRecipeDefinition<S, T>,
+) => SlotRecipeRuntimeFn<S, T>
+
+export type SlotRecipeConfig<
+  S extends string = string,
+  T extends SlotRecipeVariantRecord<S> = SlotRecipeVariantRecord<S>,
+> = SlotRecipeDefinition<S, T> & RecipeConfigMeta

package/dist/theme.d.ts

@@ -1,5 +1,5 @@
 import type { LayerStyles, TextStyles } from './composition'
-import type { RecipeConfig } from './recipe'
+import type { RecipeConfig, SlotRecipeConfig } from './recipe'
 import type { CssKeyframes } from './system-types'
 import type { SemanticTokens, Tokens } from './tokens'
 
@@ -33,4 +33,8 @@ export type Theme = {
    * Useful for defining component styles.
    */
   recipes?: Record<string, RecipeConfig>
+  /**
+   * Multi-variant style definitions for component slots.
+   */
+  slotRecipes?: Record<string, SlotRecipeConfig>
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/types",
-  "version": "0.0.0-dev-20230801082734",
+  "version": "0.0.0-dev-20230801131515",
   "description": "The types for css panda",
   "main": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
@@ -17,8 +17,8 @@
     "hookable": "5.5.3",
     "ncp": "^2.0.0",
     "pkg-types": "1.0.3",
-    "@pandacss/extractor": "0.0.0-dev-20230801082734",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230801082734"
+    "@pandacss/extractor": "0.0.0-dev-20230801131515",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230801131515"
   },
   "scripts": {
     "build": "tsx scripts/build.ts",