@pandacss/types 0.15.1 → 0.15.3

package/dist/analyze-report.d.ts

@@ -2,7 +2,7 @@ import type { BoxNodeEmptyInitializer, BoxNodeLiteral, BoxNodeMap } from '@panda
 import type { Config } from './config'
 
 export type ReportItemType = 'object' | 'cva' | 'pattern' | 'recipe' | 'jsx' | 'jsx-factory'
-export type ReportItem = {
+export interface ReportItem {
   id: number
   from: string
   type: ReportItemType
@@ -21,14 +21,14 @@ export type ReportItem = {
  * An instance is either a component usage or a function usage
  * @example an instance name could be 'Button', 'css', 'panda.div', 'vstack', ...
  */
-export type ReportInstanceItem = Pick<ReportItem, 'from' | 'type' | 'kind' | 'filepath'> & {
+export interface ReportInstanceItem extends Pick<ReportItem, 'from' | 'type' | 'kind' | 'filepath'> {
   instanceId: number
   contains: Array<ReportItem['id']>
   value: Record<string, any>
   box: BoxNodeMap
 }
 
-export type ReportMaps = {
+export interface ReportMaps {
   byInstanceOfKind: Map<'function' | 'component', Set<ReportInstanceItem['instanceId']>>
   byPropertyName: Map<string, Set<ReportItem['id']>>
   byCategory: Map<string, Set<ReportItem['id']>>
@@ -42,7 +42,7 @@ export type ReportMaps = {
   colorsUsed: Map<string, Set<ReportItem['id']>>
 }
 
-export type ReportCounts = {
+export interface ReportCounts {
   filesWithTokens: number
   propNameUsed: number
   tokenUsed: number
@@ -55,8 +55,11 @@ export type ReportCounts = {
   colorsUsed: number
 }
 
-export type MostUsedItem = { key: string; count: number }
-export type ReportStats = {
+export interface MostUsedItem {
+  key: string
+  count: number
+}
+export interface ReportStats {
   filesWithMostInstance: Record<string, number>
   filesWithMostPropValueCombinations: Record<string, number>
   mostUseds: {
@@ -74,7 +77,7 @@ export type ReportStats = {
   }
 }
 
-export type ReportDetails = {
+export interface ReportDetails {
   counts: ReportCounts
   stats: ReportStats
   details: {
@@ -87,7 +90,7 @@ export type ReportDetails = {
   }
 }
 
-type FileSizes = {
+interface FileSizes {
   normal: string
   minified: string
   gzip: {
@@ -96,11 +99,11 @@ type FileSizes = {
   }
 }
 
-export type AnalysisReport = ReportDetails & {
+export interface AnalysisReport extends ReportDetails {
   fileSizes: FileSizes
 }
 
-type ReportMapsJSON = {
+interface ReportMapsJSON {
   byInstanceOfKind: Record<'function' | 'component', Array<ReportInstanceItem['instanceId']>>
   byPropertyName: Record<string, Array<ReportItem['id']>>
   byCategory: Record<string, Array<ReportItem['id']>>
@@ -114,7 +117,7 @@ type ReportMapsJSON = {
   colorsUsed: Record<string, Array<ReportItem['id']>>
 }
 
-export type ReportItemJSON = {
+export interface ReportItemJSON {
   id: number
   from: string
   type: ReportItemType
@@ -136,14 +139,14 @@ export type ReportItemJSON = {
   }
 }
 
-export type ReportInstanceItemJSON = Pick<ReportItem, 'from' | 'type' | 'kind' | 'filepath'> & {
+export interface ReportInstanceItemJSON extends Pick<ReportItem, 'from' | 'type' | 'kind' | 'filepath'> {
   instanceId: number
   contains: Array<ReportItem['id']>
   value: Record<string, any>
   box: { type: 'map'; value: Record<string, any>; node: string; stack: string[]; line: number; column: number }
 }
 
-export type AnalysisReportJSON = {
+export interface AnalysisReportJSON {
   counts: ReportCounts
   stats: ReportStats
   details: {

package/dist/composition.d.ts

@@ -1,10 +1,10 @@
 import type { CompositionStyleObject } from './system-types'
 
-type Recursive<T> = {
+interface Recursive<T> {
   [key: string]: Recursive<T> | T
 }
 
-export type Token<Value = any> = {
+export interface Token<Value = any> {
   value: Value
   description?: string
 }
@@ -104,7 +104,7 @@ export type LayerStyle = CompositionStyleObject<LayerStyleProperty>
 
 export type LayerStyles = Recursive<Token<LayerStyle>>
 
-export type CompositionStyles = {
+export interface CompositionStyles {
   textStyles: TextStyles
   layerStyles: LayerStyles
 }

package/dist/conditions.d.ts

@@ -2,22 +2,28 @@ import type { AnySelector, Selectors } from './selectors'
 
 export type ConditionType = 'at-rule' | 'parent-nesting' | 'self-nesting' | 'combinator-nesting'
 
-export type ConditionDetails = {
+export interface ConditionDetails {
   type: ConditionType
   value: string
   name?: string
   rawValue?: string
 }
 
-export type RawCondition = ConditionDetails & { raw: string }
+export interface RawCondition extends ConditionDetails {
+  raw: string
+}
 
 /* -----------------------------------------------------------------------------
  * Shadowed export (in CLI): DO NOT REMOVE
  * -----------------------------------------------------------------------------*/
 
-export type Conditions = {
+export interface Conditions {
   [condition: string]: string
 }
+export interface ExtendableConditions {
+  [condition: string]: string | Conditions | undefined
+  extend?: Conditions | undefined
+}
 
 export type Condition = string
 

package/dist/config.d.ts

@@ -1,12 +1,12 @@
 import type { TSConfig } from 'pkg-types'
-import type { Conditions } from './conditions'
+import type { Conditions, ExtendableConditions } from './conditions'
 import type { PandaHooks } from './hooks'
 import type { PatternConfig } from './pattern'
-import type { Extendable, RequiredBy, UnwrapExtend } from './shared'
+import type { RequiredBy } from './shared'
 import type { StaticCssOptions } from './static-css'
-import type { GlobalStyleObject } from './system-types'
-import type { Theme } from './theme'
-import type { UtilityConfig } from './utility'
+import type { ExtendableGlobalStyleObject, GlobalStyleObject } from './system-types'
+import type { ExtendableTheme, Theme } from './theme'
+import type { ExtendableUtilityConfig, UtilityConfig } from './utility'
 
 export type { TSConfig }
 
@@ -14,7 +14,7 @@ export type CascadeLayer = 'reset' | 'base' | 'tokens' | 'recipes' | 'utilities'
 
 export type CascadeLayers = Record<CascadeLayer, string>
 
-type StudioOptions = {
+interface StudioOptions {
   /**
    * Used to customize the design system studio
    * @default { title: 'Panda', logo: '🐼' }
@@ -38,7 +38,11 @@ type StudioOptions = {
   }
 }
 
-type PresetCore = {
+interface Patterns {
+  [pattern: string]: PatternConfig
+}
+
+interface PresetCore {
   /**
    * The css selectors or media queries shortcuts.
    * @example `{ hover: "&:hover" }`
@@ -62,11 +66,43 @@ type PresetCore = {
   patterns: Record<string, PatternConfig>
 }
 
-type ExtendableOptions = {
-  [K in keyof PresetCore]?: Extendable<PresetCore[K]>
+interface ExtendablePatterns {
+  [pattern: string]: PatternConfig | Patterns | undefined
+  extend?: Patterns | undefined
 }
 
-type FileSystemOptions = {
+export interface ExtendableOptions {
+  /**
+   * The css selectors or media queries shortcuts.
+   * @example `{ hover: "&:hover" }`
+   */
+  conditions?: ExtendableConditions
+  /**
+   * The global styles for your project.
+   */
+  globalCss?: ExtendableGlobalStyleObject
+  /**
+   * The theme configuration for your project.
+   */
+  theme?: ExtendableTheme
+  /**
+   * The css utility definitions.
+   */
+  utilities?: ExtendableUtilityConfig
+  /**
+   * Common styling or layout patterns for your project.
+   */
+  patterns?: ExtendablePatterns
+}
+
+export interface OutdirImportMap {
+  css: string
+  recipes: string
+  patterns: string
+  jsx?: string
+}
+
+interface FileSystemOptions {
   /**
    * Whether to clean the output directory before generating the css.
    * @default false
@@ -77,6 +113,19 @@ type FileSystemOptions = {
    * @default 'styled-system'
    */
   outdir?: string
+  /**
+   * Allows you to customize the import paths for the generated outdir.
+   * @default
+   * ```js
+   * {
+   *    css: 'styled-system/css',
+   *    recipes: 'styled-system/recipes',
+   *    patterns: 'styled-system/patterns',
+   *    jsx: 'styled-system/jsx',
+   * }
+   * ```
+   */
+  importMap?: OutdirImportMap
   /**
    * List of files glob to watch for changes.
    * @default []
@@ -111,7 +160,7 @@ type FileSystemOptions = {
 
 type JsxFramework = 'react' | 'solid' | 'preact' | 'vue' | 'qwik'
 
-type JsxOptions = {
+interface JsxOptions {
   /**
    * The framework to use for generating supercharged elements.
    */
@@ -152,7 +201,7 @@ type JsxOptions = {
   jsxStyleProps?: 'all' | 'minimal' | 'none'
 }
 
-type CssgenOptions = {
+interface CssgenOptions {
   /**
    * Whether to include css reset styles in the generated css.
    * @default true
@@ -195,7 +244,7 @@ type CssgenOptions = {
   syntax?: 'template-literal' | 'object-literal'
 }
 
-type CodegenOptions = {
+interface CodegenOptions {
   /**
    * Whether to emit the artifacts to `node_modules` as a package.
    * @default false
@@ -244,7 +293,7 @@ type CodegenOptions = {
   forceConsistentTypeExtension?: boolean
 }
 
-type PresetOptions = {
+interface PresetOptions {
   /**
    * Used to create reusable config presets for your project or team.
    */
@@ -256,29 +305,32 @@ type PresetOptions = {
   eject?: boolean
 }
 
-type HooksOptions = {
+interface HooksOptions {
   hooks?: Partial<PandaHooks>
 }
 
-export type Config = StudioOptions &
-  ExtendableOptions &
-  CssgenOptions &
-  CodegenOptions &
-  FileSystemOptions &
-  JsxOptions &
-  PresetOptions &
-  HooksOptions
+export interface Config
+  extends StudioOptions,
+    ExtendableOptions,
+    CssgenOptions,
+    CodegenOptions,
+    FileSystemOptions,
+    JsxOptions,
+    PresetOptions,
+    HooksOptions {}
 
-export type Preset = ExtendableOptions & PresetOptions
+export interface Preset extends ExtendableOptions, PresetOptions {}
 
-export type UserConfig = UnwrapExtend<RequiredBy<Config, 'outdir' | 'cwd' | 'include'>>
+export interface UserConfig
+  extends Partial<PresetCore>,
+    RequiredBy<Omit<Config, keyof PresetCore>, 'outdir' | 'cwd' | 'include'> {}
 
-export type PathMapping = {
+export interface PathMapping {
   pattern: RegExp
   paths: string[]
 }
 
-export type ConfigTsOptions = {
+export interface ConfigTsOptions {
   baseUrl?: string | undefined
   pathMappings: PathMapping[]
 }

package/dist/index.d.ts

@@ -9,7 +9,16 @@ export type {
 } from './analyze-report'
 export type { CompositionStyles, LayerStyles, TextStyles } from './composition'
 export type { ConditionDetails, ConditionType, Conditions, RawCondition } from './conditions'
-export type { Config, ConfigTsOptions, LoadConfigResult, Preset, UserConfig, TSConfig, CascadeLayers } from './config'
+export type {
+  Config,
+  ConfigTsOptions,
+  LoadConfigResult,
+  Preset,
+  UserConfig,
+  TSConfig,
+  CascadeLayers,
+  OutdirImportMap,
+} from './config'
 export type { ConfigResultWithHooks, PandaHooks, PandaHookable } from './hooks'
 export type { ParserResultType, ResultItem } from './parser'
 export type { Part, Parts } from './parts'

package/dist/parser.d.ts

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

package/dist/parts.d.ts

@@ -1,4 +1,4 @@
-export type Part = {
+export interface Part {
   selector: string
 }
 

package/dist/pattern.d.ts

@@ -10,7 +10,7 @@ export type PatternProperty =
   | { type: 'token'; value: TokenCategory; property?: CssProperty }
   | { type: 'string' | 'boolean' | 'number' }
 
-export type PatternHelpers = {
+export interface PatternHelpers {
   map: (value: any, fn: (value: string) => string | undefined) => any
 }
 
@@ -18,7 +18,7 @@ export type PatternProperties = Record<string, PatternProperty>
 
 type Props<T> = Record<LiteralUnion<keyof T>, any>
 
-export type PatternConfig<T extends PatternProperties = PatternProperties> = {
+export interface PatternConfig<T extends PatternProperties = PatternProperties> {
   /**
    * The description of the pattern. This will be used in the JSDoc comment.
    */

package/dist/prop-type.d.ts

@@ -5,7 +5,7 @@ import type { CssProperties } from './system-types'
  * Shadowed export (in CLI): DO NOT REMOVE
  * -----------------------------------------------------------------------------*/
 
-export type PropertyTypes = {}
+export interface PropertyTypes {}
 
 export type PropertyValue<K extends string> = K extends keyof PropertyTypes
   ? ConditionalValue<PropertyTypes[K]>

package/dist/recipe.d.ts

@@ -26,7 +26,7 @@ type RecipeVariantMap<T extends RecipeVariantRecord> = {
  * Recipe / Standard
  * -----------------------------------------------------------------------------*/
 
-export type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T> & {
+export interface RecipeRuntimeFn<T extends RecipeVariantRecord> extends RecipeVariantFn<T> {
   __type: RecipeSelection<T>
   variantKeys: (keyof T)[]
   variantMap: RecipeVariantMap<T>
@@ -37,15 +37,17 @@ export type RecipeRuntimeFn<T extends RecipeVariantRecord> = RecipeVariantFn<T>
   ): [RecipeSelection<T>, Pretty<DistributiveOmit<Props, keyof T>>]
 }
 
-export type RecipeCompoundSelection<T extends RecipeVariantRecord> = {
-  [K in keyof T]?: StringToBoolean<keyof T[K]> | Array<StringToBoolean<keyof T[K]>>
+type OneOrMore<T> = T | Array<T>
+
+export type RecipeCompoundSelection<T> = {
+  [K in keyof T]?: OneOrMore<StringToBoolean<keyof T[K]>>
 }
 
-export type RecipeCompoundVariant<T extends RecipeVariantRecord> = RecipeCompoundSelection<T> & {
+export type RecipeCompoundVariant<T> = T & {
   css: SystemStyleObject
 }
 
-export type RecipeDefinition<T extends RecipeVariantRecord> = {
+export interface RecipeDefinition<T extends RecipeVariantRecord> {
   /**
    * The base styles of the recipe.
    */
@@ -53,7 +55,7 @@ export type RecipeDefinition<T extends RecipeVariantRecord> = {
   /**
    * The multi-variant styles of the recipe.
    */
-  variants?: T | RecipeVariantRecord
+  variants?: T
   /**
    * The default variants of the recipe.
    */
@@ -61,12 +63,12 @@ export type RecipeDefinition<T extends RecipeVariantRecord> = {
   /**
    * The styles to apply when a combination of variants is selected.
    */
-  compoundVariants?: Array<RecipeCompoundVariant<T>>
+  compoundVariants?: Pretty<RecipeCompoundVariant<RecipeCompoundSelection<T>>>[]
 }
 
 export type RecipeCreatorFn = <T extends RecipeVariantRecord>(config: RecipeDefinition<T>) => RecipeRuntimeFn<T>
 
-type RecipeConfigMeta = {
+interface RecipeConfigMeta {
   /**
    * The name of the recipe.
    */
@@ -84,7 +86,9 @@ type RecipeConfigMeta = {
   jsx?: Array<string | RegExp>
 }
 
-export type RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord> = RecipeDefinition<T> & RecipeConfigMeta
+export interface RecipeConfig<T extends RecipeVariantRecord = RecipeVariantRecord>
+  extends RecipeDefinition<T>,
+    RecipeConfigMeta {}
 
 /* -----------------------------------------------------------------------------
  * Recipe / Slot
@@ -98,18 +102,19 @@ 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> & {
+export interface SlotRecipeRuntimeFn<S extends string, T extends SlotRecipeVariantRecord<S>>
+  extends SlotRecipeVariantFn<S, T> {
   raw: (props?: RecipeSelection<T>) => Record<S, SystemStyleObject>
   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> & {
+export type SlotRecipeCompoundVariant<S extends string, T> = T & {
   css: SlotRecord<S, SystemStyleObject>
 }
 
-export type SlotRecipeDefinition<S extends string, T extends SlotRecipeVariantRecord<S>> = {
+export interface SlotRecipeDefinition<S extends string, T extends SlotRecipeVariantRecord<S>> {
   /**
    * The parts/slots of the recipe.
    */
@@ -121,7 +126,7 @@ export type SlotRecipeDefinition<S extends string, T extends SlotRecipeVariantRe
   /**
    * The multi-variant styles of the recipe.
    */
-  variants?: T | SlotRecipeVariantRecord<S>
+  variants?: T
   /**
    * The default variants of the recipe.
    */
@@ -129,7 +134,7 @@ export type SlotRecipeDefinition<S extends string, T extends SlotRecipeVariantRe
   /**
    * The styles to apply when a combination of variants is selected.
    */
-  compoundVariants?: Array<SlotRecipeCompoundVariant<S, T>>
+  compoundVariants?: Pretty<SlotRecipeCompoundVariant<S, RecipeCompoundSelection<T>>>[]
 }
 
 export type SlotRecipeCreatorFn = <S extends string, T extends SlotRecipeVariantRecord<S>>(

package/dist/runtime.d.ts

@@ -4,7 +4,7 @@ interface Watcher {
   close(): Promise<void>
 }
 
-type InputOptions = {
+interface InputOptions {
   include: string[]
   exclude?: string[]
   cwd?: string

package/dist/shared.d.ts

@@ -2,7 +2,9 @@ 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 interface Recursive<T> {
+  [key: string]: T | Recursive<T>
+}
 
 export type Dict<T = any> = Record<string, T>
 
@@ -10,19 +12,8 @@ export type RequiredBy<T, K extends keyof T> = Partial<Omit<T, K>> & Required<Pi
 
 export type AnyFunction<T = any> = (...args: T[]) => any
 
-type DeepPartialObject<T extends object> = {
-  [K in keyof T]?: DeepPartial<T[K]>
-}
-export type DeepPartial<T> = T extends object ? DeepPartialObject<T> : T
-
-export type Extendable<T extends Record<any, any>> = T | { extend?: DeepPartial<T> }
-
 type Nullable<T> = T | null | undefined
 
-export type UnwrapExtend<T> = {
-  [K in keyof T]: T[K] extends Nullable<Extendable<infer U>> ? U : T[K]
-}
-
 export type Artifact = Nullable<{
   dir?: string[]
   files: Array<{

package/dist/static-css.d.ts

@@ -1,4 +1,4 @@
-type CssRule = {
+interface CssRule {
   /**
    * The css properties to generate utilities for.
    * @example ['margin', 'padding']
@@ -24,7 +24,7 @@ type RecipeRule =
       responsive?: boolean
     } & { [variant: string]: boolean | string[] })
 
-export type StaticCssOptions = {
+export interface StaticCssOptions {
   /**
    * The css utility classes to generate.
    */

package/dist/system-types.d.ts

@@ -11,9 +11,9 @@ type Number = number & {}
 
 export type CssProperty = keyof PropertiesFallback
 
-export type CssProperties = PropertiesFallback<String | Number> & CssVarProperties
+export interface CssProperties extends PropertiesFallback<String | Number>, CssVarProperties {}
 
-export type CssKeyframes = {
+export interface CssKeyframes {
   [name: string]: {
     [time: string]: CssProperties
   }
@@ -27,7 +27,7 @@ type MinimalNested<P> = {
   [K in keyof Conditions]?: Nested<P>
 }
 
-type GenericProperties = {
+interface GenericProperties {
   [key: string]: ConditionalValue<String | Number | boolean>
 }
 
@@ -39,9 +39,13 @@ export type NestedCssProperties = Nested<CssProperties>
 
 export type SystemStyleObject = Nested<(SystemProperties | GenericProperties) & CssVarProperties>
 
-export type GlobalStyleObject = {
+export interface GlobalStyleObject {
   [selector: string]: SystemStyleObject
 }
+export interface ExtendableGlobalStyleObject {
+  [selector: string]: SystemStyleObject | undefined
+  extend?: GlobalStyleObject | undefined
+}
 
 export type CompositionStyleObject<Property extends string> = Nested<{
   [K in Property]?: K extends keyof SystemStyleObject ? SystemStyleObject[K] : unknown
@@ -50,7 +54,9 @@ export type CompositionStyleObject<Property extends string> = Nested<{
 /* -----------------------------------------------------------------------------
  * Jsx style props
  * -----------------------------------------------------------------------------*/
-type WithCss = { css?: SystemStyleObject }
+interface WithCss {
+  css?: SystemStyleObject
+}
 type StyleProps = SystemProperties & MinimalNested<SystemStyleObject>
 
 export type JsxStyleProps = StyleProps & WithCss
@@ -61,7 +67,7 @@ export type Assign<T, U> = {
   [K in keyof T]: K extends keyof U ? U[K] : T[K]
 } & U
 
-export type PatchedHTMLProps = {
+export interface PatchedHTMLProps {
   htmlWidth?: string | number
   htmlHeight?: string | number
   htmlTranslate?: 'yes' | 'no' | undefined

package/dist/theme.d.ts

@@ -3,7 +3,7 @@ import type { RecipeConfig, SlotRecipeConfig } from './recipe'
 import type { CssKeyframes } from './system-types'
 import type { SemanticTokens, Tokens } from './tokens'
 
-export type Theme = {
+export interface Theme {
   /**
    * The breakpoints for your project.
    */
@@ -38,3 +38,19 @@ export type Theme = {
    */
   slotRecipes?: Record<string, SlotRecipeConfig>
 }
+
+interface PartialTheme extends Omit<Theme, 'recipes' | 'slotRecipes'> {
+  /**
+   * Multi-variant style definitions for your project.
+   * Useful for defining component styles.
+   */
+  recipes?: Record<string, Partial<RecipeConfig>>
+  /**
+   * Multi-variant style definitions for component slots.
+   */
+  slotRecipes?: Record<string, Partial<SlotRecipeConfig>>
+}
+
+export interface ExtendableTheme extends Theme {
+  extend?: PartialTheme | undefined
+}

package/dist/tokens.d.ts

@@ -2,7 +2,7 @@ import type { Recursive } from './shared'
 
 export type TokenStatus = 'deprecated' | 'experimental' | 'new'
 
-export type Token<Value = any> = {
+export interface Token<Value = any> {
   value: Value
   description?: string
   type?: string
@@ -18,7 +18,8 @@ type RecursiveToken<C extends string, V> =
       [K in C]: RecursiveToken<C, V>
     }
 
-export type SemanticToken<Value = string, Condition extends string = string> = Token<RecursiveToken<Condition, Value>>
+export interface SemanticToken<Value = string, Condition extends string = string>
+  extends Token<RecursiveToken<Condition, Value>> {}
 
 /* -----------------------------------------------------------------------------
  * Token data types
@@ -36,13 +37,13 @@ type BorderStyle =
   | 'ridge'
   | 'solid'
 
-type Border = {
+interface Border {
   color: string
   width: string | number
   style: BorderStyle
 }
 
-type Shadow = {
+interface Shadow {
   offsetX: number
   offsetY: number
   blur: number
@@ -51,7 +52,7 @@ type Shadow = {
   inset?: boolean
 }
 
-type Gradient = {
+interface Gradient {
   type: 'linear' | 'radial'
   placement: string | number
   stops:
@@ -62,9 +63,12 @@ type Gradient = {
     | Array<string>
 }
 
-type Asset = { type: 'url' | 'svg'; value: string }
+interface Asset {
+  type: 'url' | 'svg'
+  value: string
+}
 
-export type TokenDataTypes = {
+export interface TokenDataTypes {
   zIndex: string | number
   opacity: string | number
   colors: string

package/dist/utility.d.ts

@@ -16,14 +16,14 @@ export type PropertyValues =
   | Record<string, string>
   | ThemeFn
 
-type TransformArgs = {
+interface TransformArgs {
   token: TokenFn
   raw: any
 }
 
 export type PropertyTransform = (value: any, args: TransformArgs) => NestedCssProperties | undefined
 
-export type PropertyConfig = {
+export interface PropertyConfig {
   /**
    * @internal
    * The cascade layer to which the property belongs
@@ -54,3 +54,11 @@ export type PropertyConfig = {
 export type UtilityConfig = {
   [property in LiteralUnion<CssProperty>]?: PropertyConfig
 }
+
+type UtilityConfigWithExtend = {
+  [pattern in LiteralUnion<CssProperty>]?: PropertyConfig | UtilityConfig | undefined
+}
+
+export type ExtendableUtilityConfig = UtilityConfigWithExtend & {
+  extend?: UtilityConfig | undefined
+}

package/package.json

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