@stokelp/styled-system 2.92.0 → 2.94.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (152) hide show
  1. package/css/conditions.mjs +1 -1
  2. package/css/css.mjs +1 -1
  3. package/css/sva.mjs +9 -4
  4. package/helpers.mjs +12 -20
  5. package/jsx/create-style-context.d.ts +54 -0
  6. package/jsx/create-style-context.mjs +98 -0
  7. package/jsx/factory.mjs +14 -5
  8. package/jsx/index.d.ts +1 -0
  9. package/jsx/index.mjs +1 -0
  10. package/jsx/is-valid-prop.mjs +1 -1
  11. package/package.json +2 -2
  12. package/panda.buildinfo.json +18 -17
  13. package/patterns/aspect-ratio.d.ts +0 -1
  14. package/patterns/aspect-ratio.mjs +2 -2
  15. package/patterns/bleed.d.ts +0 -1
  16. package/patterns/bleed.mjs +3 -3
  17. package/patterns/box.d.ts +0 -1
  18. package/patterns/box.mjs +2 -2
  19. package/patterns/center.d.ts +0 -1
  20. package/patterns/center.mjs +3 -3
  21. package/patterns/circle.d.ts +0 -1
  22. package/patterns/circle.mjs +4 -4
  23. package/patterns/container.d.ts +0 -1
  24. package/patterns/container.mjs +2 -2
  25. package/patterns/cq.d.ts +0 -1
  26. package/patterns/cq.mjs +2 -2
  27. package/patterns/divider.d.ts +0 -1
  28. package/patterns/divider.mjs +2 -2
  29. package/patterns/flex.d.ts +0 -1
  30. package/patterns/flex.mjs +2 -2
  31. package/patterns/float.d.ts +0 -1
  32. package/patterns/float.mjs +5 -5
  33. package/patterns/grid-item.d.ts +0 -1
  34. package/patterns/grid-item.mjs +2 -2
  35. package/patterns/grid.d.ts +0 -1
  36. package/patterns/grid.mjs +4 -4
  37. package/patterns/hstack.d.ts +0 -1
  38. package/patterns/hstack.mjs +3 -3
  39. package/patterns/link-overlay.d.ts +0 -1
  40. package/patterns/link-overlay.mjs +3 -3
  41. package/patterns/spacer.d.ts +0 -1
  42. package/patterns/spacer.mjs +3 -3
  43. package/patterns/square.d.ts +0 -1
  44. package/patterns/square.mjs +4 -4
  45. package/patterns/stack.d.ts +0 -1
  46. package/patterns/stack.mjs +3 -3
  47. package/patterns/visually-hidden.d.ts +0 -1
  48. package/patterns/visually-hidden.mjs +2 -2
  49. package/patterns/vstack.d.ts +0 -1
  50. package/patterns/vstack.mjs +3 -3
  51. package/patterns/wrap.d.ts +0 -1
  52. package/patterns/wrap.mjs +2 -2
  53. package/recipes/accordion.d.ts +4 -1
  54. package/recipes/accordion.mjs +1 -0
  55. package/recipes/action-card.d.ts +4 -3
  56. package/recipes/action-card.mjs +1 -0
  57. package/recipes/alert.d.ts +4 -3
  58. package/recipes/alert.mjs +1 -0
  59. package/recipes/app-navigation-language-select.d.ts +4 -1
  60. package/recipes/app-navigation-language-select.mjs +1 -0
  61. package/recipes/app-navigation.d.ts +4 -3
  62. package/recipes/app-navigation.mjs +1 -0
  63. package/recipes/avatar-group.d.ts +3 -0
  64. package/recipes/avatar.d.ts +4 -1
  65. package/recipes/avatar.mjs +1 -0
  66. package/recipes/breadcrumb.d.ts +4 -1
  67. package/recipes/breadcrumb.mjs +1 -0
  68. package/recipes/button-filter.d.ts +3 -2
  69. package/recipes/button.d.ts +3 -2
  70. package/recipes/chat-document-message.d.ts +3 -2
  71. package/recipes/chat-message.d.ts +3 -2
  72. package/recipes/chat-profile-avatar.d.ts +3 -2
  73. package/recipes/chat-text-input.d.ts +3 -2
  74. package/recipes/chat.d.ts +4 -3
  75. package/recipes/chat.mjs +1 -0
  76. package/recipes/checkbox-card.d.ts +4 -1
  77. package/recipes/checkbox-card.mjs +1 -0
  78. package/recipes/checkbox-group.d.ts +3 -0
  79. package/recipes/checkbox.d.ts +4 -1
  80. package/recipes/checkbox.mjs +1 -0
  81. package/recipes/chip.d.ts +4 -3
  82. package/recipes/chip.mjs +1 -0
  83. package/recipes/collapsible.d.ts +4 -1
  84. package/recipes/collapsible.mjs +5 -0
  85. package/recipes/combobox.d.ts +4 -1
  86. package/recipes/combobox.mjs +5 -0
  87. package/recipes/datepicker.d.ts +4 -1
  88. package/recipes/datepicker.mjs +19 -14
  89. package/recipes/dialog.d.ts +4 -1
  90. package/recipes/dialog.mjs +1 -0
  91. package/recipes/drawer.d.ts +4 -1
  92. package/recipes/drawer.mjs +1 -0
  93. package/recipes/flag.d.ts +3 -0
  94. package/recipes/form-control.d.ts +3 -2
  95. package/recipes/form-helper-text.d.ts +3 -2
  96. package/recipes/form-label.d.ts +4 -3
  97. package/recipes/form-label.mjs +1 -0
  98. package/recipes/heading.d.ts +3 -0
  99. package/recipes/icon-button.d.ts +3 -2
  100. package/recipes/icon.d.ts +3 -0
  101. package/recipes/illustration.d.ts +3 -2
  102. package/recipes/input-addon.d.ts +3 -2
  103. package/recipes/input-group.d.ts +3 -2
  104. package/recipes/input.d.ts +3 -2
  105. package/recipes/menu.d.ts +4 -1
  106. package/recipes/menu.mjs +1 -0
  107. package/recipes/pagination.d.ts +4 -3
  108. package/recipes/pagination.mjs +1 -0
  109. package/recipes/phone-number-input.d.ts +3 -2
  110. package/recipes/popover.d.ts +4 -1
  111. package/recipes/popover.mjs +1 -0
  112. package/recipes/price-tag.d.ts +4 -1
  113. package/recipes/price-tag.mjs +1 -0
  114. package/recipes/product-card-catalog.d.ts +4 -3
  115. package/recipes/product-card-catalog.mjs +1 -0
  116. package/recipes/radio-button-group.d.ts +4 -1
  117. package/recipes/radio-button-group.mjs +1 -0
  118. package/recipes/radio-card-group.d.ts +4 -1
  119. package/recipes/radio-card-group.mjs +1 -0
  120. package/recipes/radio-group.d.ts +4 -1
  121. package/recipes/radio-group.mjs +1 -0
  122. package/recipes/select-language.d.ts +4 -1
  123. package/recipes/select-language.mjs +1 -0
  124. package/recipes/select.d.ts +4 -1
  125. package/recipes/select.mjs +1 -0
  126. package/recipes/status-tag-select.d.ts +4 -1
  127. package/recipes/status-tag-select.mjs +1 -0
  128. package/recipes/switch-card.d.ts +4 -1
  129. package/recipes/switch-card.mjs +1 -0
  130. package/recipes/switch-recipe.d.ts +4 -1
  131. package/recipes/switch-recipe.mjs +1 -0
  132. package/recipes/table-container.d.ts +3 -0
  133. package/recipes/table-empty-row.d.ts +3 -0
  134. package/recipes/table-group-title.d.ts +3 -0
  135. package/recipes/table.d.ts +4 -1
  136. package/recipes/table.mjs +1 -0
  137. package/recipes/tabs-chip.d.ts +3 -2
  138. package/recipes/tabs.d.ts +4 -1
  139. package/recipes/tabs.mjs +1 -0
  140. package/recipes/tag.d.ts +4 -3
  141. package/recipes/tag.mjs +1 -0
  142. package/recipes/text.d.ts +3 -0
  143. package/recipes/textarea.d.ts +3 -0
  144. package/recipes/tooltip.d.ts +4 -1
  145. package/recipes/tooltip.mjs +1 -0
  146. package/tokens/tokens.d.ts +1 -1
  147. package/types/composition.d.ts +83 -23
  148. package/types/conditions.d.ts +11 -7
  149. package/types/jsx.d.ts +25 -10
  150. package/types/prop-type.d.ts +10 -2
  151. package/types/style-props.d.ts +15 -4
  152. package/types/system-types.d.ts +76 -0
@@ -17,13 +17,16 @@ type AvatarVariantMap = {
17
17
  [key in keyof AvatarVariant]: Array<AvatarVariant[key]>
18
18
  }
19
19
 
20
+ type AvatarSlot = "root" | "image" | "fallback"
21
+
20
22
  export type AvatarVariantProps = {
21
23
  [key in keyof AvatarVariant]?: ConditionalValue<AvatarVariant[key]> | undefined
22
24
  }
23
25
 
24
26
  export interface AvatarRecipe {
27
+ __slot: AvatarSlot
25
28
  __type: AvatarVariantProps
26
- (props?: AvatarVariantProps): Pretty<Record<"root" | "image" | "fallback", string>>
29
+ (props?: AvatarVariantProps): Pretty<Record<AvatarSlot, string>>
27
30
  raw: (props?: AvatarVariantProps) => AvatarVariantProps
28
31
  variantMap: AvatarVariantMap
29
32
  variantKeys: Array<keyof AvatarVariant>
@@ -37,6 +37,7 @@ export const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
37
37
  __recipe__: false,
38
38
  __name__: 'avatar',
39
39
  raw: (props) => props,
40
+ classNameMap: {},
40
41
  variantKeys: avatarVariantKeys,
41
42
  variantMap: {
42
43
  "size": [
@@ -10,13 +10,16 @@ type BreadcrumbVariantMap = {
10
10
  [key in keyof BreadcrumbVariant]: Array<BreadcrumbVariant[key]>
11
11
  }
12
12
 
13
+ type BreadcrumbSlot = "root" | "list" | "item" | "link"
14
+
13
15
  export type BreadcrumbVariantProps = {
14
16
  [key in keyof BreadcrumbVariant]?: ConditionalValue<BreadcrumbVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface BreadcrumbRecipe {
20
+ __slot: BreadcrumbSlot
18
21
  __type: BreadcrumbVariantProps
19
- (props?: BreadcrumbVariantProps): Pretty<Record<"root" | "list" | "item" | "link", string>>
22
+ (props?: BreadcrumbVariantProps): Pretty<Record<BreadcrumbSlot, string>>
20
23
  raw: (props?: BreadcrumbVariantProps) => BreadcrumbVariantProps
21
24
  variantMap: BreadcrumbVariantMap
22
25
  variantKeys: Array<keyof BreadcrumbVariant>
@@ -35,6 +35,7 @@ export const breadcrumb = /* @__PURE__ */ Object.assign(breadcrumbFn, {
35
35
  __recipe__: false,
36
36
  __name__: 'breadcrumb',
37
37
  raw: (props) => props,
38
+ classNameMap: {},
38
39
  variantKeys: breadcrumbVariantKeys,
39
40
  variantMap: {},
40
41
  splitVariantProps(props) {
@@ -10,11 +10,14 @@ type ButtonFilterVariantMap = {
10
10
  [key in keyof ButtonFilterVariant]: Array<ButtonFilterVariant[key]>
11
11
  }
12
12
 
13
+
14
+
13
15
  export type ButtonFilterVariantProps = {
14
16
  [key in keyof ButtonFilterVariant]?: ConditionalValue<ButtonFilterVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface ButtonFilterRecipe {
20
+
18
21
  __type: ButtonFilterVariantProps
19
22
  (props?: ButtonFilterVariantProps): string
20
23
  raw: (props?: ButtonFilterVariantProps) => ButtonFilterVariantProps
@@ -26,7 +29,5 @@ export interface ButtonFilterRecipe {
26
29
 
27
30
  /**
28
31
  * The styles for the ButtonFilter component
29
-
30
-
31
32
  */
32
33
  export declare const buttonFilter: ButtonFilterRecipe
@@ -21,11 +21,14 @@ type ButtonVariantMap = {
21
21
  [key in keyof ButtonVariant]: Array<ButtonVariant[key]>
22
22
  }
23
23
 
24
+
25
+
24
26
  export type ButtonVariantProps = {
25
27
  [key in keyof ButtonVariant]?: ButtonVariant[key] | undefined
26
28
  }
27
29
 
28
30
  export interface ButtonRecipe {
31
+
29
32
  __type: ButtonVariantProps
30
33
  (props?: ButtonVariantProps): string
31
34
  raw: (props?: ButtonVariantProps) => ButtonVariantProps
@@ -37,7 +40,5 @@ export interface ButtonRecipe {
37
40
 
38
41
  /**
39
42
  * The styles for the Button component
40
-
41
-
42
43
  */
43
44
  export declare const button: ButtonRecipe
@@ -10,11 +10,14 @@ type ChatDocumentMessageVariantMap = {
10
10
  [key in keyof ChatDocumentMessageVariant]: Array<ChatDocumentMessageVariant[key]>
11
11
  }
12
12
 
13
+
14
+
13
15
  export type ChatDocumentMessageVariantProps = {
14
16
  [key in keyof ChatDocumentMessageVariant]?: ConditionalValue<ChatDocumentMessageVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface ChatDocumentMessageRecipe {
20
+
18
21
  __type: ChatDocumentMessageVariantProps
19
22
  (props?: ChatDocumentMessageVariantProps): string
20
23
  raw: (props?: ChatDocumentMessageVariantProps) => ChatDocumentMessageVariantProps
@@ -26,7 +29,5 @@ export interface ChatDocumentMessageRecipe {
26
29
 
27
30
  /**
28
31
  * The styles for the Chat document message component
29
-
30
-
31
32
  */
32
33
  export declare const chatDocumentMessage: ChatDocumentMessageRecipe
@@ -17,11 +17,14 @@ type ChatMessageVariantMap = {
17
17
  [key in keyof ChatMessageVariant]: Array<ChatMessageVariant[key]>
18
18
  }
19
19
 
20
+
21
+
20
22
  export type ChatMessageVariantProps = {
21
23
  [key in keyof ChatMessageVariant]?: ConditionalValue<ChatMessageVariant[key]> | undefined
22
24
  }
23
25
 
24
26
  export interface ChatMessageRecipe {
27
+
25
28
  __type: ChatMessageVariantProps
26
29
  (props?: ChatMessageVariantProps): string
27
30
  raw: (props?: ChatMessageVariantProps) => ChatMessageVariantProps
@@ -33,7 +36,5 @@ export interface ChatMessageRecipe {
33
36
 
34
37
  /**
35
38
  * The styles for the Chat message component
36
-
37
-
38
39
  */
39
40
  export declare const chatMessage: ChatMessageRecipe
@@ -13,11 +13,14 @@ type ChatProfileAvatarVariantMap = {
13
13
  [key in keyof ChatProfileAvatarVariant]: Array<ChatProfileAvatarVariant[key]>
14
14
  }
15
15
 
16
+
17
+
16
18
  export type ChatProfileAvatarVariantProps = {
17
19
  [key in keyof ChatProfileAvatarVariant]?: ConditionalValue<ChatProfileAvatarVariant[key]> | undefined
18
20
  }
19
21
 
20
22
  export interface ChatProfileAvatarRecipe {
23
+
21
24
  __type: ChatProfileAvatarVariantProps
22
25
  (props?: ChatProfileAvatarVariantProps): string
23
26
  raw: (props?: ChatProfileAvatarVariantProps) => ChatProfileAvatarVariantProps
@@ -29,7 +32,5 @@ export interface ChatProfileAvatarRecipe {
29
32
 
30
33
  /**
31
34
  * The styles for the Chat profile avatar component
32
-
33
-
34
35
  */
35
36
  export declare const chatProfileAvatar: ChatProfileAvatarRecipe
@@ -10,11 +10,14 @@ type ChatTextInputVariantMap = {
10
10
  [key in keyof ChatTextInputVariant]: Array<ChatTextInputVariant[key]>
11
11
  }
12
12
 
13
+
14
+
13
15
  export type ChatTextInputVariantProps = {
14
16
  [key in keyof ChatTextInputVariant]?: ConditionalValue<ChatTextInputVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface ChatTextInputRecipe {
20
+
18
21
  __type: ChatTextInputVariantProps
19
22
  (props?: ChatTextInputVariantProps): string
20
23
  raw: (props?: ChatTextInputVariantProps) => ChatTextInputVariantProps
@@ -26,7 +29,5 @@ export interface ChatTextInputRecipe {
26
29
 
27
30
  /**
28
31
  * The styles for the Chat input text component
29
-
30
-
31
32
  */
32
33
  export declare const chatTextInput: ChatTextInputRecipe
package/recipes/chat.d.ts CHANGED
@@ -10,13 +10,16 @@ type ChatVariantMap = {
10
10
  [key in keyof ChatVariant]: Array<ChatVariant[key]>
11
11
  }
12
12
 
13
+ type ChatSlot = "root" | "message-container" | "message" | "document-message"
14
+
13
15
  export type ChatVariantProps = {
14
16
  [key in keyof ChatVariant]?: ConditionalValue<ChatVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface ChatRecipe {
20
+ __slot: ChatSlot
18
21
  __type: ChatVariantProps
19
- (props?: ChatVariantProps): Pretty<Record<"root" | "message-container" | "message" | "document-message", string>>
22
+ (props?: ChatVariantProps): Pretty<Record<ChatSlot, string>>
20
23
  raw: (props?: ChatVariantProps) => ChatVariantProps
21
24
  variantMap: ChatVariantMap
22
25
  variantKeys: Array<keyof ChatVariant>
@@ -26,7 +29,5 @@ export interface ChatRecipe {
26
29
 
27
30
  /**
28
31
  * The styles for the Chat component.
29
-
30
-
31
32
  */
32
33
  export declare const chat: ChatRecipe
package/recipes/chat.mjs CHANGED
@@ -35,6 +35,7 @@ export const chat = /* @__PURE__ */ Object.assign(chatFn, {
35
35
  __recipe__: false,
36
36
  __name__: 'chat',
37
37
  raw: (props) => props,
38
+ classNameMap: {},
38
39
  variantKeys: chatVariantKeys,
39
40
  variantMap: {},
40
41
  splitVariantProps(props) {
@@ -13,13 +13,16 @@ type CheckboxCardVariantMap = {
13
13
  [key in keyof CheckboxCardVariant]: Array<CheckboxCardVariant[key]>
14
14
  }
15
15
 
16
+ type CheckboxCardSlot = "root" | "label" | "control" | "indicator" | "group" | "image" | "content" | "title" | "description"
17
+
16
18
  export type CheckboxCardVariantProps = {
17
19
  [key in keyof CheckboxCardVariant]?: ConditionalValue<CheckboxCardVariant[key]> | undefined
18
20
  }
19
21
 
20
22
  export interface CheckboxCardRecipe {
23
+ __slot: CheckboxCardSlot
21
24
  __type: CheckboxCardVariantProps
22
- (props?: CheckboxCardVariantProps): Pretty<Record<"root" | "label" | "control" | "indicator" | "group" | "image" | "content" | "title" | "description", string>>
25
+ (props?: CheckboxCardVariantProps): Pretty<Record<CheckboxCardSlot, string>>
23
26
  raw: (props?: CheckboxCardVariantProps) => CheckboxCardVariantProps
24
27
  variantMap: CheckboxCardVariantMap
25
28
  variantKeys: Array<keyof CheckboxCardVariant>
@@ -59,6 +59,7 @@ export const checkboxCard = /* @__PURE__ */ Object.assign(checkboxCardFn, {
59
59
  __recipe__: false,
60
60
  __name__: 'checkboxCard',
61
61
  raw: (props) => props,
62
+ classNameMap: {},
62
63
  variantKeys: checkboxCardVariantKeys,
63
64
  variantMap: {
64
65
  "size": [
@@ -10,11 +10,14 @@ type CheckboxGroupVariantMap = {
10
10
  [key in keyof CheckboxGroupVariant]: Array<CheckboxGroupVariant[key]>
11
11
  }
12
12
 
13
+
14
+
13
15
  export type CheckboxGroupVariantProps = {
14
16
  [key in keyof CheckboxGroupVariant]?: ConditionalValue<CheckboxGroupVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface CheckboxGroupRecipe {
20
+
18
21
  __type: CheckboxGroupVariantProps
19
22
  (props?: CheckboxGroupVariantProps): string
20
23
  raw: (props?: CheckboxGroupVariantProps) => CheckboxGroupVariantProps
@@ -13,13 +13,16 @@ type CheckboxVariantMap = {
13
13
  [key in keyof CheckboxVariant]: Array<CheckboxVariant[key]>
14
14
  }
15
15
 
16
+ type CheckboxSlot = "root" | "label" | "control" | "indicator" | "group"
17
+
16
18
  export type CheckboxVariantProps = {
17
19
  [key in keyof CheckboxVariant]?: ConditionalValue<CheckboxVariant[key]> | undefined
18
20
  }
19
21
 
20
22
  export interface CheckboxRecipe {
23
+ __slot: CheckboxSlot
21
24
  __type: CheckboxVariantProps
22
- (props?: CheckboxVariantProps): Pretty<Record<"root" | "label" | "control" | "indicator" | "group", string>>
25
+ (props?: CheckboxVariantProps): Pretty<Record<CheckboxSlot, string>>
23
26
  raw: (props?: CheckboxVariantProps) => CheckboxVariantProps
24
27
  variantMap: CheckboxVariantMap
25
28
  variantKeys: Array<keyof CheckboxVariant>
@@ -43,6 +43,7 @@ export const checkbox = /* @__PURE__ */ Object.assign(checkboxFn, {
43
43
  __recipe__: false,
44
44
  __name__: 'checkbox',
45
45
  raw: (props) => props,
46
+ classNameMap: {},
46
47
  variantKeys: checkboxVariantKeys,
47
48
  variantMap: {
48
49
  "size": [
package/recipes/chip.d.ts CHANGED
@@ -17,13 +17,16 @@ type ChipVariantMap = {
17
17
  [key in keyof ChipVariant]: Array<ChipVariant[key]>
18
18
  }
19
19
 
20
+ type ChipSlot = "root" | "avatar" | "body" | "clearTrigger"
21
+
20
22
  export type ChipVariantProps = {
21
23
  [key in keyof ChipVariant]?: ConditionalValue<ChipVariant[key]> | undefined
22
24
  }
23
25
 
24
26
  export interface ChipRecipe {
27
+ __slot: ChipSlot
25
28
  __type: ChipVariantProps
26
- (props?: ChipVariantProps): Pretty<Record<"root" | "avatar" | "body" | "clearTrigger", string>>
29
+ (props?: ChipVariantProps): Pretty<Record<ChipSlot, string>>
27
30
  raw: (props?: ChipVariantProps) => ChipVariantProps
28
31
  variantMap: ChipVariantMap
29
32
  variantKeys: Array<keyof ChipVariant>
@@ -33,7 +36,5 @@ export interface ChipRecipe {
33
36
 
34
37
  /**
35
38
  * The styles for the Chip component
36
-
37
-
38
39
  */
39
40
  export declare const chip: ChipRecipe
package/recipes/chip.mjs CHANGED
@@ -41,6 +41,7 @@ export const chip = /* @__PURE__ */ Object.assign(chipFn, {
41
41
  __recipe__: false,
42
42
  __name__: 'chip',
43
43
  raw: (props) => props,
44
+ classNameMap: {},
44
45
  variantKeys: chipVariantKeys,
45
46
  variantMap: {
46
47
  "size": [
@@ -10,13 +10,16 @@ type CollapsibleVariantMap = {
10
10
  [key in keyof CollapsibleVariant]: Array<CollapsibleVariant[key]>
11
11
  }
12
12
 
13
+ type CollapsibleSlot = "root" | "trigger" | "content" | "indicator"
14
+
13
15
  export type CollapsibleVariantProps = {
14
16
  [key in keyof CollapsibleVariant]?: ConditionalValue<CollapsibleVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface CollapsibleRecipe {
20
+ __slot: CollapsibleSlot
18
21
  __type: CollapsibleVariantProps
19
- (props?: CollapsibleVariantProps): Pretty<Record<"root" | "trigger" | "content", string>>
22
+ (props?: CollapsibleVariantProps): Pretty<Record<CollapsibleSlot, string>>
20
23
  raw: (props?: CollapsibleVariantProps) => CollapsibleVariantProps
21
24
  variantMap: CollapsibleVariantMap
22
25
  variantKeys: Array<keyof CollapsibleVariant>
@@ -16,6 +16,10 @@ const collapsibleSlotNames = [
16
16
  [
17
17
  "content",
18
18
  "collapsible__content"
19
+ ],
20
+ [
21
+ "indicator",
22
+ "collapsible__indicator"
19
23
  ]
20
24
  ]
21
25
  const collapsibleSlotFns = /* @__PURE__ */ collapsibleSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, collapsibleDefaultVariants, getSlotCompoundVariant(collapsibleCompoundVariants, slotName))])
@@ -31,6 +35,7 @@ export const collapsible = /* @__PURE__ */ Object.assign(collapsibleFn, {
31
35
  __recipe__: false,
32
36
  __name__: 'collapsible',
33
37
  raw: (props) => props,
38
+ classNameMap: {},
34
39
  variantKeys: collapsibleVariantKeys,
35
40
  variantMap: {},
36
41
  splitVariantProps(props) {
@@ -14,13 +14,16 @@ type ComboboxVariantMap = {
14
14
  [key in keyof ComboboxVariant]: Array<ComboboxVariant[key]>
15
15
  }
16
16
 
17
+ type ComboboxSlot = "root" | "clearTrigger" | "content" | "control" | "input" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "label" | "list" | "positioner" | "trigger" | "empty"
18
+
17
19
  export type ComboboxVariantProps = {
18
20
  [key in keyof ComboboxVariant]?: ConditionalValue<ComboboxVariant[key]> | undefined
19
21
  }
20
22
 
21
23
  export interface ComboboxRecipe {
24
+ __slot: ComboboxSlot
22
25
  __type: ComboboxVariantProps
23
- (props?: ComboboxVariantProps): Pretty<Record<"root" | "clearTrigger" | "content" | "control" | "input" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "label" | "list" | "positioner" | "trigger", string>>
26
+ (props?: ComboboxVariantProps): Pretty<Record<ComboboxSlot, string>>
24
27
  raw: (props?: ComboboxVariantProps) => ComboboxVariantProps
25
28
  variantMap: ComboboxVariantMap
26
29
  variantKeys: Array<keyof ComboboxVariant>
@@ -62,6 +62,10 @@ const comboboxSlotNames = [
62
62
  [
63
63
  "trigger",
64
64
  "combobox__trigger"
65
+ ],
66
+ [
67
+ "empty",
68
+ "combobox__empty"
65
69
  ]
66
70
  ]
67
71
  const comboboxSlotFns = /* @__PURE__ */ comboboxSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, comboboxDefaultVariants, getSlotCompoundVariant(comboboxCompoundVariants, slotName))])
@@ -80,6 +84,7 @@ export const combobox = /* @__PURE__ */ Object.assign(comboboxFn, {
80
84
  __recipe__: false,
81
85
  __name__: 'combobox',
82
86
  raw: (props) => props,
87
+ classNameMap: {},
83
88
  variantKeys: comboboxVariantKeys,
84
89
  variantMap: {
85
90
  "hideClearTrigger": [
@@ -10,13 +10,16 @@ type DatepickerVariantMap = {
10
10
  [key in keyof DatepickerVariant]: Array<DatepickerVariant[key]>
11
11
  }
12
12
 
13
+ type DatepickerSlot = "clearTrigger" | "content" | "control" | "input" | "label" | "monthSelect" | "nextTrigger" | "positioner" | "presetTrigger" | "prevTrigger" | "rangeText" | "root" | "table" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "trigger" | "view" | "viewControl" | "viewTrigger" | "yearSelect" | "view"
14
+
13
15
  export type DatepickerVariantProps = {
14
16
  [key in keyof DatepickerVariant]?: ConditionalValue<DatepickerVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface DatepickerRecipe {
20
+ __slot: DatepickerSlot
18
21
  __type: DatepickerVariantProps
19
- (props?: DatepickerVariantProps): Pretty<Record<"root" | "label" | "clearTrigger" | "content" | "control" | "input" | "monthSelect" | "nextTrigger" | "positioner" | "prevTrigger" | "rangeText" | "table" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "trigger" | "viewTrigger" | "viewControl" | "yearSelect" | "presetTrigger" | "view", string>>
22
+ (props?: DatepickerVariantProps): Pretty<Record<DatepickerSlot, string>>
20
23
  raw: (props?: DatepickerVariantProps) => DatepickerVariantProps
21
24
  variantMap: DatepickerVariantMap
22
25
  variantKeys: Array<keyof DatepickerVariant>
@@ -5,14 +5,6 @@ const datepickerDefaultVariants = {}
5
5
  const datepickerCompoundVariants = []
6
6
 
7
7
  const datepickerSlotNames = [
8
- [
9
- "root",
10
- "datepicker__root"
11
- ],
12
- [
13
- "label",
14
- "datepicker__label"
15
- ],
16
8
  [
17
9
  "clearTrigger",
18
10
  "datepicker__clearTrigger"
@@ -29,6 +21,10 @@ const datepickerSlotNames = [
29
21
  "input",
30
22
  "datepicker__input"
31
23
  ],
24
+ [
25
+ "label",
26
+ "datepicker__label"
27
+ ],
32
28
  [
33
29
  "monthSelect",
34
30
  "datepicker__monthSelect"
@@ -41,6 +37,10 @@ const datepickerSlotNames = [
41
37
  "positioner",
42
38
  "datepicker__positioner"
43
39
  ],
40
+ [
41
+ "presetTrigger",
42
+ "datepicker__presetTrigger"
43
+ ],
44
44
  [
45
45
  "prevTrigger",
46
46
  "datepicker__prevTrigger"
@@ -49,6 +49,10 @@ const datepickerSlotNames = [
49
49
  "rangeText",
50
50
  "datepicker__rangeText"
51
51
  ],
52
+ [
53
+ "root",
54
+ "datepicker__root"
55
+ ],
52
56
  [
53
57
  "table",
54
58
  "datepicker__table"
@@ -82,20 +86,20 @@ const datepickerSlotNames = [
82
86
  "datepicker__trigger"
83
87
  ],
84
88
  [
85
- "viewTrigger",
86
- "datepicker__viewTrigger"
89
+ "view",
90
+ "datepicker__view"
87
91
  ],
88
92
  [
89
93
  "viewControl",
90
94
  "datepicker__viewControl"
91
95
  ],
92
96
  [
93
- "yearSelect",
94
- "datepicker__yearSelect"
97
+ "viewTrigger",
98
+ "datepicker__viewTrigger"
95
99
  ],
96
100
  [
97
- "presetTrigger",
98
- "datepicker__presetTrigger"
101
+ "yearSelect",
102
+ "datepicker__yearSelect"
99
103
  ],
100
104
  [
101
105
  "view",
@@ -115,6 +119,7 @@ export const datepicker = /* @__PURE__ */ Object.assign(datepickerFn, {
115
119
  __recipe__: false,
116
120
  __name__: 'datepicker',
117
121
  raw: (props) => props,
122
+ classNameMap: {},
118
123
  variantKeys: datepickerVariantKeys,
119
124
  variantMap: {},
120
125
  splitVariantProps(props) {
@@ -10,13 +10,16 @@ type DialogVariantMap = {
10
10
  [key in keyof DialogVariant]: Array<DialogVariant[key]>
11
11
  }
12
12
 
13
+ type DialogSlot = "trigger" | "backdrop" | "positioner" | "content" | "title" | "description" | "closeTrigger" | "header" | "body" | "footer"
14
+
13
15
  export type DialogVariantProps = {
14
16
  [key in keyof DialogVariant]?: ConditionalValue<DialogVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface DialogRecipe {
20
+ __slot: DialogSlot
18
21
  __type: DialogVariantProps
19
- (props?: DialogVariantProps): Pretty<Record<"trigger" | "backdrop" | "positioner" | "content" | "title" | "description" | "closeTrigger" | "header" | "body" | "footer", string>>
22
+ (props?: DialogVariantProps): Pretty<Record<DialogSlot, string>>
20
23
  raw: (props?: DialogVariantProps) => DialogVariantProps
21
24
  variantMap: DialogVariantMap
22
25
  variantKeys: Array<keyof DialogVariant>
@@ -59,6 +59,7 @@ export const dialog = /* @__PURE__ */ Object.assign(dialogFn, {
59
59
  __recipe__: false,
60
60
  __name__: 'dialog',
61
61
  raw: (props) => props,
62
+ classNameMap: {},
62
63
  variantKeys: dialogVariantKeys,
63
64
  variantMap: {},
64
65
  splitVariantProps(props) {
@@ -13,13 +13,16 @@ type DrawerVariantMap = {
13
13
  [key in keyof DrawerVariant]: Array<DrawerVariant[key]>
14
14
  }
15
15
 
16
+ type DrawerSlot = "trigger" | "backdrop" | "positioner" | "content" | "title" | "description" | "closeTrigger" | "header" | "body" | "footer"
17
+
16
18
  export type DrawerVariantProps = {
17
19
  [key in keyof DrawerVariant]?: ConditionalValue<DrawerVariant[key]> | undefined
18
20
  }
19
21
 
20
22
  export interface DrawerRecipe {
23
+ __slot: DrawerSlot
21
24
  __type: DrawerVariantProps
22
- (props?: DrawerVariantProps): Pretty<Record<"trigger" | "backdrop" | "positioner" | "content" | "title" | "description" | "closeTrigger" | "header" | "body" | "footer", string>>
25
+ (props?: DrawerVariantProps): Pretty<Record<DrawerSlot, string>>
23
26
  raw: (props?: DrawerVariantProps) => DrawerVariantProps
24
27
  variantMap: DrawerVariantMap
25
28
  variantKeys: Array<keyof DrawerVariant>
@@ -63,6 +63,7 @@ export const drawer = /* @__PURE__ */ Object.assign(drawerFn, {
63
63
  __recipe__: false,
64
64
  __name__: 'drawer',
65
65
  raw: (props) => props,
66
+ classNameMap: {},
66
67
  variantKeys: drawerVariantKeys,
67
68
  variantMap: {
68
69
  "variant": [
package/recipes/flag.d.ts CHANGED
@@ -13,11 +13,14 @@ type FlagVariantMap = {
13
13
  [key in keyof FlagVariant]: Array<FlagVariant[key]>
14
14
  }
15
15
 
16
+
17
+
16
18
  export type FlagVariantProps = {
17
19
  [key in keyof FlagVariant]?: ConditionalValue<FlagVariant[key]> | undefined
18
20
  }
19
21
 
20
22
  export interface FlagRecipe {
23
+
21
24
  __type: FlagVariantProps
22
25
  (props?: FlagVariantProps): string
23
26
  raw: (props?: FlagVariantProps) => FlagVariantProps
@@ -10,11 +10,14 @@ type FormControlVariantMap = {
10
10
  [key in keyof FormControlVariant]: Array<FormControlVariant[key]>
11
11
  }
12
12
 
13
+
14
+
13
15
  export type FormControlVariantProps = {
14
16
  [key in keyof FormControlVariant]?: ConditionalValue<FormControlVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface FormControlRecipe {
20
+
18
21
  __type: FormControlVariantProps
19
22
  (props?: FormControlVariantProps): string
20
23
  raw: (props?: FormControlVariantProps) => FormControlVariantProps
@@ -26,7 +29,5 @@ export interface FormControlRecipe {
26
29
 
27
30
  /**
28
31
  * The styles for the FormControl component
29
-
30
-
31
32
  */
32
33
  export declare const formControl: FormControlRecipe
@@ -10,11 +10,14 @@ type FormHelperTextVariantMap = {
10
10
  [key in keyof FormHelperTextVariant]: Array<FormHelperTextVariant[key]>
11
11
  }
12
12
 
13
+
14
+
13
15
  export type FormHelperTextVariantProps = {
14
16
  [key in keyof FormHelperTextVariant]?: ConditionalValue<FormHelperTextVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface FormHelperTextRecipe {
20
+
18
21
  __type: FormHelperTextVariantProps
19
22
  (props?: FormHelperTextVariantProps): string
20
23
  raw: (props?: FormHelperTextVariantProps) => FormHelperTextVariantProps
@@ -26,7 +29,5 @@ export interface FormHelperTextRecipe {
26
29
 
27
30
  /**
28
31
  * The styles for the FormHelperText component
29
-
30
-
31
32
  */
32
33
  export declare const formHelperText: FormHelperTextRecipe
@@ -13,13 +13,16 @@ type FormLabelVariantMap = {
13
13
  [key in keyof FormLabelVariant]: Array<FormLabelVariant[key]>
14
14
  }
15
15
 
16
+ type FormLabelSlot = "root" | "addon" | "icon"
17
+
16
18
  export type FormLabelVariantProps = {
17
19
  [key in keyof FormLabelVariant]?: ConditionalValue<FormLabelVariant[key]> | undefined
18
20
  }
19
21
 
20
22
  export interface FormLabelRecipe {
23
+ __slot: FormLabelSlot
21
24
  __type: FormLabelVariantProps
22
- (props?: FormLabelVariantProps): Pretty<Record<"root" | "addon" | "icon", string>>
25
+ (props?: FormLabelVariantProps): Pretty<Record<FormLabelSlot, string>>
23
26
  raw: (props?: FormLabelVariantProps) => FormLabelVariantProps
24
27
  variantMap: FormLabelVariantMap
25
28
  variantKeys: Array<keyof FormLabelVariant>
@@ -29,7 +32,5 @@ export interface FormLabelRecipe {
29
32
 
30
33
  /**
31
34
  * The styles for the FormLabel component
32
-
33
-
34
35
  */
35
36
  export declare const formLabel: FormLabelRecipe