@pandacss/types 0.0.0-dev-20230413135202 → 0.0.0-dev-20230413153538

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 { RecipeConfig } from './recipe'
+import type { AnyRecipeConfig } from './recipe'
 import type { Extendable, RequiredBy, UnwrapExtend } from './shared'
 import type { StaticCssOptions } from './static-css'
 import type { CssKeyframes, GlobalStyleObject } from './system-types'
@@ -132,7 +132,7 @@ export type Config = {
      * Multi-variant style definitions for your project.
      * Useful for defining component styles.
      */
-    recipes?: Record<string, RecipeConfig>
+    recipes?: Record<string, AnyRecipeConfig>
   }>
   /**
    * The css utility definitions.

package/dist/index.d.ts

@@ -13,7 +13,7 @@ export type { Config, 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 { RecipeConfig, RecipeVariantRecord } from './recipe'
+export type { AnyRecipeConfig, 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/parser.d.ts

@@ -1,10 +1,10 @@
-import type { BoxNodeMap, BoxNodeArray, Unboxed } from '@pandacss/extractor'
+import type { BoxNodeMap, Unboxed } from '@pandacss/extractor'
 
 export type ResultItem = {
   name?: string
   data: Array<Unboxed['raw']>
-  type?: string
-  box?: BoxNodeArray | BoxNodeMap
+  type?: 'object' | 'cva' | 'pattern' | 'recipe' | 'jsx-factory' | 'jsx-pattern' | 'jsx-recipe' | 'jsx'
+  box?: BoxNodeMap
 }
 
 export type ParserResult = {

package/dist/recipe.d.ts

@@ -18,6 +18,17 @@ export type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T>
   config: RecipeConfig<T>
 }
 
+export type RecipeCompoundSelection<
+  T extends RecipeVariantRecord,
+  Key extends Exclude<keyof T, 'css'> = Exclude<keyof T, 'css'>,
+> = {
+  [K in Key]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>>
+}
+
+export type RecipeCompoundVariant<T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {
+  css: SystemStyleObject
+}
+
 export type RecipeDefinition<T extends RecipeVariantRecord> = {
   /**
    * The base styles of the recipe.
@@ -31,11 +42,15 @@ export type RecipeDefinition<T extends RecipeVariantRecord> = {
    * The default variants of the recipe.
    */
   defaultVariants?: RecipeSelection<T>
+  /**
+   * The styles to apply when a combination of variants is selected.
+   */
+  compoundVariants?: Array<RecipeCompoundVariant<T>>
 }
 
 export type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>
 
-export type RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord> = RecipeDefinition<T> & {
+export type RecipeConfig<T extends RecipeVariantRecord> = RecipeDefinition<T> & {
   /**
    * The name of the recipe.
    */
@@ -45,7 +60,11 @@ export type RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord> =
    */
   description?: string
   /**
-   * The jsx elements to track for this recipe.
+   * The jsx elements to track for this recipe. Can be string or Regexp.
+   *
+   * @default capitalize(recipe.name)
+   * @example ['Button', 'Link', /Button$/]
    */
-  jsx?: string
+  jsx?: Array<string | RegExp>
 }
+export type AnyRecipeConfig = RecipeConfig<RecipeVariantRecord>

package/package.json

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