@stokelp/styled-system 2.93.0 → 2.95.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 (141) 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 +1 -1
  12. package/panda.buildinfo.json +12 -10
  13. package/patterns/aspect-ratio.d.ts +0 -1
  14. package/patterns/bleed.d.ts +0 -1
  15. package/patterns/box.d.ts +0 -1
  16. package/patterns/center.d.ts +0 -1
  17. package/patterns/circle.d.ts +0 -1
  18. package/patterns/container.d.ts +0 -1
  19. package/patterns/cq.d.ts +0 -1
  20. package/patterns/divider.d.ts +0 -1
  21. package/patterns/flex.d.ts +0 -1
  22. package/patterns/float.d.ts +0 -1
  23. package/patterns/grid-item.d.ts +0 -1
  24. package/patterns/grid.d.ts +0 -1
  25. package/patterns/grid.mjs +1 -1
  26. package/patterns/hstack.d.ts +0 -1
  27. package/patterns/hstack.mjs +1 -1
  28. package/patterns/link-overlay.d.ts +0 -1
  29. package/patterns/spacer.d.ts +0 -1
  30. package/patterns/square.d.ts +0 -1
  31. package/patterns/stack.d.ts +0 -1
  32. package/patterns/stack.mjs +1 -1
  33. package/patterns/visually-hidden.d.ts +0 -1
  34. package/patterns/vstack.d.ts +0 -1
  35. package/patterns/vstack.mjs +1 -1
  36. package/patterns/wrap.d.ts +0 -1
  37. package/patterns/wrap.mjs +1 -1
  38. package/recipes/accordion.d.ts +4 -1
  39. package/recipes/accordion.mjs +1 -0
  40. package/recipes/action-card.d.ts +4 -3
  41. package/recipes/action-card.mjs +1 -0
  42. package/recipes/alert.d.ts +4 -3
  43. package/recipes/alert.mjs +1 -0
  44. package/recipes/app-navigation-language-select.d.ts +4 -1
  45. package/recipes/app-navigation-language-select.mjs +1 -0
  46. package/recipes/app-navigation.d.ts +4 -3
  47. package/recipes/app-navigation.mjs +1 -0
  48. package/recipes/avatar-group.d.ts +3 -0
  49. package/recipes/avatar.d.ts +4 -1
  50. package/recipes/avatar.mjs +1 -0
  51. package/recipes/breadcrumb.d.ts +4 -1
  52. package/recipes/breadcrumb.mjs +1 -0
  53. package/recipes/button-filter.d.ts +3 -2
  54. package/recipes/button.d.ts +3 -2
  55. package/recipes/chat-document-message.d.ts +3 -2
  56. package/recipes/chat-message.d.ts +3 -2
  57. package/recipes/chat-profile-avatar.d.ts +3 -2
  58. package/recipes/chat-text-input.d.ts +3 -2
  59. package/recipes/chat.d.ts +4 -3
  60. package/recipes/chat.mjs +1 -0
  61. package/recipes/checkbox-card.d.ts +4 -1
  62. package/recipes/checkbox-card.mjs +1 -0
  63. package/recipes/checkbox-group.d.ts +3 -0
  64. package/recipes/checkbox.d.ts +4 -1
  65. package/recipes/checkbox.mjs +1 -0
  66. package/recipes/chip.d.ts +4 -3
  67. package/recipes/chip.mjs +1 -0
  68. package/recipes/collapsible.d.ts +4 -1
  69. package/recipes/collapsible.mjs +1 -0
  70. package/recipes/combobox.d.ts +4 -1
  71. package/recipes/combobox.mjs +1 -0
  72. package/recipes/datepicker.d.ts +4 -1
  73. package/recipes/datepicker.mjs +1 -0
  74. package/recipes/dialog.d.ts +4 -1
  75. package/recipes/dialog.mjs +1 -0
  76. package/recipes/drawer.d.ts +4 -1
  77. package/recipes/drawer.mjs +1 -0
  78. package/recipes/flag.d.ts +3 -0
  79. package/recipes/form-control.d.ts +3 -2
  80. package/recipes/form-helper-text.d.ts +3 -2
  81. package/recipes/form-label.d.ts +4 -3
  82. package/recipes/form-label.mjs +1 -0
  83. package/recipes/heading.d.ts +3 -0
  84. package/recipes/highlighted-input.d.ts +33 -0
  85. package/recipes/highlighted-input.mjs +45 -0
  86. package/recipes/icon-button.d.ts +3 -2
  87. package/recipes/icon.d.ts +3 -0
  88. package/recipes/illustration.d.ts +3 -2
  89. package/recipes/index.d.ts +2 -1
  90. package/recipes/index.mjs +2 -1
  91. package/recipes/input-addon.d.ts +3 -2
  92. package/recipes/input-group.d.ts +3 -2
  93. package/recipes/input.d.ts +3 -2
  94. package/recipes/menu.d.ts +4 -1
  95. package/recipes/menu.mjs +1 -0
  96. package/recipes/pagination.d.ts +4 -3
  97. package/recipes/pagination.mjs +1 -0
  98. package/recipes/phone-number-input.d.ts +3 -2
  99. package/recipes/popover.d.ts +4 -1
  100. package/recipes/popover.mjs +1 -0
  101. package/recipes/price-tag.d.ts +4 -1
  102. package/recipes/price-tag.mjs +1 -0
  103. package/recipes/product-card-catalog.d.ts +4 -3
  104. package/recipes/product-card-catalog.mjs +1 -0
  105. package/recipes/radio-button-group.d.ts +4 -1
  106. package/recipes/radio-button-group.mjs +1 -0
  107. package/recipes/radio-card-group.d.ts +4 -1
  108. package/recipes/radio-card-group.mjs +1 -0
  109. package/recipes/radio-group.d.ts +4 -1
  110. package/recipes/radio-group.mjs +1 -0
  111. package/recipes/select-language.d.ts +4 -1
  112. package/recipes/select-language.mjs +1 -0
  113. package/recipes/select.d.ts +4 -1
  114. package/recipes/select.mjs +1 -0
  115. package/recipes/status-tag-select.d.ts +4 -1
  116. package/recipes/status-tag-select.mjs +1 -0
  117. package/recipes/switch-card.d.ts +4 -1
  118. package/recipes/switch-card.mjs +1 -0
  119. package/recipes/switch-recipe.d.ts +4 -1
  120. package/recipes/switch-recipe.mjs +1 -0
  121. package/recipes/table-container.d.ts +3 -0
  122. package/recipes/table-empty-row.d.ts +3 -0
  123. package/recipes/table-group-title.d.ts +3 -0
  124. package/recipes/table.d.ts +4 -1
  125. package/recipes/table.mjs +1 -0
  126. package/recipes/tabs-chip.d.ts +3 -2
  127. package/recipes/tabs.d.ts +4 -1
  128. package/recipes/tabs.mjs +1 -0
  129. package/recipes/tag.d.ts +4 -3
  130. package/recipes/tag.mjs +1 -0
  131. package/recipes/text.d.ts +3 -0
  132. package/recipes/textarea.d.ts +3 -0
  133. package/recipes/tooltip.d.ts +4 -1
  134. package/recipes/tooltip.mjs +1 -0
  135. package/tokens/tokens.d.ts +1 -1
  136. package/types/composition.d.ts +83 -23
  137. package/types/conditions.d.ts +11 -7
  138. package/types/jsx.d.ts +25 -10
  139. package/types/prop-type.d.ts +10 -2
  140. package/types/style-props.d.ts +15 -4
  141. package/types/system-types.d.ts +76 -0
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" | "indicator", string>>
22
+ (props?: CollapsibleVariantProps): Pretty<Record<CollapsibleSlot, string>>
20
23
  raw: (props?: CollapsibleVariantProps) => CollapsibleVariantProps
21
24
  variantMap: CollapsibleVariantMap
22
25
  variantKeys: Array<keyof CollapsibleVariant>
@@ -35,6 +35,7 @@ export const collapsible = /* @__PURE__ */ Object.assign(collapsibleFn, {
35
35
  __recipe__: false,
36
36
  __name__: 'collapsible',
37
37
  raw: (props) => props,
38
+ classNameMap: {},
38
39
  variantKeys: collapsibleVariantKeys,
39
40
  variantMap: {},
40
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" | "empty", string>>
26
+ (props?: ComboboxVariantProps): Pretty<Record<ComboboxSlot, string>>
24
27
  raw: (props?: ComboboxVariantProps) => ComboboxVariantProps
25
28
  variantMap: ComboboxVariantMap
26
29
  variantKeys: Array<keyof ComboboxVariant>
@@ -84,6 +84,7 @@ export const combobox = /* @__PURE__ */ Object.assign(comboboxFn, {
84
84
  __recipe__: false,
85
85
  __name__: 'combobox',
86
86
  raw: (props) => props,
87
+ classNameMap: {},
87
88
  variantKeys: comboboxVariantKeys,
88
89
  variantMap: {
89
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<"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", string>>
22
+ (props?: DatepickerVariantProps): Pretty<Record<DatepickerSlot, string>>
20
23
  raw: (props?: DatepickerVariantProps) => DatepickerVariantProps
21
24
  variantMap: DatepickerVariantMap
22
25
  variantKeys: Array<keyof DatepickerVariant>
@@ -119,6 +119,7 @@ export const datepicker = /* @__PURE__ */ Object.assign(datepickerFn, {
119
119
  __recipe__: false,
120
120
  __name__: 'datepicker',
121
121
  raw: (props) => props,
122
+ classNameMap: {},
122
123
  variantKeys: datepickerVariantKeys,
123
124
  variantMap: {},
124
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
@@ -35,6 +35,7 @@ export const formLabel = /* @__PURE__ */ Object.assign(formLabelFn, {
35
35
  __recipe__: false,
36
36
  __name__: 'formLabel',
37
37
  raw: (props) => props,
38
+ classNameMap: {},
38
39
  variantKeys: formLabelVariantKeys,
39
40
  variantMap: {
40
41
  "variant": [
@@ -15,11 +15,14 @@ type HeadingVariantMap = {
15
15
  [key in keyof HeadingVariant]: Array<HeadingVariant[key]>
16
16
  }
17
17
 
18
+
19
+
18
20
  export type HeadingVariantProps = {
19
21
  [key in keyof HeadingVariant]?: ConditionalValue<HeadingVariant[key]> | undefined
20
22
  }
21
23
 
22
24
  export interface HeadingRecipe {
25
+
23
26
  __type: HeadingVariantProps
24
27
  (props?: HeadingVariantProps): string
25
28
  raw: (props?: HeadingVariantProps) => HeadingVariantProps
@@ -0,0 +1,33 @@
1
+ /* eslint-disable */
2
+ import type { ConditionalValue } from '../types/index';
3
+ import type { DistributiveOmit, Pretty } from '../types/system-types';
4
+
5
+ interface HighlightedInputVariant {
6
+
7
+ }
8
+
9
+ type HighlightedInputVariantMap = {
10
+ [key in keyof HighlightedInputVariant]: Array<HighlightedInputVariant[key]>
11
+ }
12
+
13
+ type HighlightedInputSlot = "root" | "input" | "renderer" | "highlight"
14
+
15
+ export type HighlightedInputVariantProps = {
16
+ [key in keyof HighlightedInputVariant]?: ConditionalValue<HighlightedInputVariant[key]> | undefined
17
+ }
18
+
19
+ export interface HighlightedInputRecipe {
20
+ __slot: HighlightedInputSlot
21
+ __type: HighlightedInputVariantProps
22
+ (props?: HighlightedInputVariantProps): Pretty<Record<HighlightedInputSlot, string>>
23
+ raw: (props?: HighlightedInputVariantProps) => HighlightedInputVariantProps
24
+ variantMap: HighlightedInputVariantMap
25
+ variantKeys: Array<keyof HighlightedInputVariant>
26
+ splitVariantProps<Props extends HighlightedInputVariantProps>(props: Props): [HighlightedInputVariantProps, Pretty<DistributiveOmit<Props, keyof HighlightedInputVariantProps>>]
27
+ getVariantProps: (props?: HighlightedInputVariantProps) => HighlightedInputVariantProps
28
+ }
29
+
30
+ /**
31
+ * Styles for HighlightedInput component
32
+ */
33
+ export declare const highlightedInput: HighlightedInputRecipe
@@ -0,0 +1,45 @@
1
+ import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.mjs';
2
+ import { createRecipe } from './create-recipe.mjs';
3
+
4
+ const highlightedInputDefaultVariants = {}
5
+ const highlightedInputCompoundVariants = []
6
+
7
+ const highlightedInputSlotNames = [
8
+ [
9
+ "root",
10
+ "highlightedInput__root"
11
+ ],
12
+ [
13
+ "input",
14
+ "highlightedInput__input"
15
+ ],
16
+ [
17
+ "renderer",
18
+ "highlightedInput__renderer"
19
+ ],
20
+ [
21
+ "highlight",
22
+ "highlightedInput__highlight"
23
+ ]
24
+ ]
25
+ const highlightedInputSlotFns = /* @__PURE__ */ highlightedInputSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, highlightedInputDefaultVariants, getSlotCompoundVariant(highlightedInputCompoundVariants, slotName))])
26
+
27
+ const highlightedInputFn = memo((props = {}) => {
28
+ return Object.fromEntries(highlightedInputSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
29
+ })
30
+
31
+ const highlightedInputVariantKeys = []
32
+ const getVariantProps = (variants) => ({ ...highlightedInputDefaultVariants, ...compact(variants) })
33
+
34
+ export const highlightedInput = /* @__PURE__ */ Object.assign(highlightedInputFn, {
35
+ __recipe__: false,
36
+ __name__: 'highlightedInput',
37
+ raw: (props) => props,
38
+ classNameMap: {},
39
+ variantKeys: highlightedInputVariantKeys,
40
+ variantMap: {},
41
+ splitVariantProps(props) {
42
+ return splitProps(props, highlightedInputVariantKeys)
43
+ },
44
+ getVariantProps
45
+ })
@@ -21,11 +21,14 @@ type IconButtonVariantMap = {
21
21
  [key in keyof IconButtonVariant]: Array<IconButtonVariant[key]>
22
22
  }
23
23
 
24
+
25
+
24
26
  export type IconButtonVariantProps = {
25
27
  [key in keyof IconButtonVariant]?: IconButtonVariant[key] | undefined
26
28
  }
27
29
 
28
30
  export interface IconButtonRecipe {
31
+
29
32
  __type: IconButtonVariantProps
30
33
  (props?: IconButtonVariantProps): string
31
34
  raw: (props?: IconButtonVariantProps) => IconButtonVariantProps
@@ -37,7 +40,5 @@ export interface IconButtonRecipe {
37
40
 
38
41
  /**
39
42
  * The styles for the IconButton component
40
-
41
-
42
43
  */
43
44
  export declare const iconButton: IconButtonRecipe
package/recipes/icon.d.ts CHANGED
@@ -13,11 +13,14 @@ type IconVariantMap = {
13
13
  [key in keyof IconVariant]: Array<IconVariant[key]>
14
14
  }
15
15
 
16
+
17
+
16
18
  export type IconVariantProps = {
17
19
  [key in keyof IconVariant]?: ConditionalValue<IconVariant[key]> | undefined
18
20
  }
19
21
 
20
22
  export interface IconRecipe {
23
+
21
24
  __type: IconVariantProps
22
25
  (props?: IconVariantProps): string
23
26
  raw: (props?: IconVariantProps) => IconVariantProps
@@ -13,11 +13,14 @@ type IllustrationVariantMap = {
13
13
  [key in keyof IllustrationVariant]: Array<IllustrationVariant[key]>
14
14
  }
15
15
 
16
+
17
+
16
18
  export type IllustrationVariantProps = {
17
19
  [key in keyof IllustrationVariant]?: ConditionalValue<IllustrationVariant[key]> | undefined
18
20
  }
19
21
 
20
22
  export interface IllustrationRecipe {
23
+
21
24
  __type: IllustrationVariantProps
22
25
  (props?: IllustrationVariantProps): string
23
26
  raw: (props?: IllustrationVariantProps) => IllustrationVariantProps
@@ -29,7 +32,5 @@ export interface IllustrationRecipe {
29
32
 
30
33
  /**
31
34
  * The styles for the Illustration component
32
-
33
-
34
35
  */
35
36
  export declare const illustration: IllustrationRecipe
@@ -57,4 +57,5 @@ export * from './app-navigation-language-select';
57
57
  export * from './avatar';
58
58
  export * from './menu';
59
59
  export * from './price-tag';
60
- export * from './chat';
60
+ export * from './chat';
61
+ export * from './highlighted-input';
package/recipes/index.mjs CHANGED
@@ -56,4 +56,5 @@ export * from './app-navigation-language-select.mjs';
56
56
  export * from './avatar.mjs';
57
57
  export * from './menu.mjs';
58
58
  export * from './price-tag.mjs';
59
- export * from './chat.mjs';
59
+ export * from './chat.mjs';
60
+ export * from './highlighted-input.mjs';
@@ -10,11 +10,14 @@ type InputAddonVariantMap = {
10
10
  [key in keyof InputAddonVariant]: Array<InputAddonVariant[key]>
11
11
  }
12
12
 
13
+
14
+
13
15
  export type InputAddonVariantProps = {
14
16
  [key in keyof InputAddonVariant]?: ConditionalValue<InputAddonVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface InputAddonRecipe {
20
+
18
21
  __type: InputAddonVariantProps
19
22
  (props?: InputAddonVariantProps): string
20
23
  raw: (props?: InputAddonVariantProps) => InputAddonVariantProps
@@ -26,7 +29,5 @@ export interface InputAddonRecipe {
26
29
 
27
30
  /**
28
31
  * The styles for the InputAddon component
29
-
30
-
31
32
  */
32
33
  export declare const inputAddon: InputAddonRecipe
@@ -10,11 +10,14 @@ type InputGroupVariantMap = {
10
10
  [key in keyof InputGroupVariant]: Array<InputGroupVariant[key]>
11
11
  }
12
12
 
13
+
14
+
13
15
  export type InputGroupVariantProps = {
14
16
  [key in keyof InputGroupVariant]?: ConditionalValue<InputGroupVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface InputGroupRecipe {
20
+
18
21
  __type: InputGroupVariantProps
19
22
  (props?: InputGroupVariantProps): string
20
23
  raw: (props?: InputGroupVariantProps) => InputGroupVariantProps
@@ -26,7 +29,5 @@ export interface InputGroupRecipe {
26
29
 
27
30
  /**
28
31
  * The styles for the InputGroup component
29
-
30
-
31
32
  */
32
33
  export declare const inputGroup: InputGroupRecipe
@@ -13,11 +13,14 @@ type InputVariantMap = {
13
13
  [key in keyof InputVariant]: Array<InputVariant[key]>
14
14
  }
15
15
 
16
+
17
+
16
18
  export type InputVariantProps = {
17
19
  [key in keyof InputVariant]?: ConditionalValue<InputVariant[key]> | undefined
18
20
  }
19
21
 
20
22
  export interface InputRecipe {
23
+
21
24
  __type: InputVariantProps
22
25
  (props?: InputVariantProps): string
23
26
  raw: (props?: InputVariantProps) => InputVariantProps
@@ -29,7 +32,5 @@ export interface InputRecipe {
29
32
 
30
33
  /**
31
34
  * The styles for the Input component
32
-
33
-
34
35
  */
35
36
  export declare const input: InputRecipe
package/recipes/menu.d.ts CHANGED
@@ -13,13 +13,16 @@ type MenuVariantMap = {
13
13
  [key in keyof MenuVariant]: Array<MenuVariant[key]>
14
14
  }
15
15
 
16
+ type MenuSlot = "arrow" | "arrowTip" | "content" | "contextTrigger" | "indicator" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "positioner" | "separator" | "trigger" | "triggerItem"
17
+
16
18
  export type MenuVariantProps = {
17
19
  [key in keyof MenuVariant]?: ConditionalValue<MenuVariant[key]> | undefined
18
20
  }
19
21
 
20
22
  export interface MenuRecipe {
23
+ __slot: MenuSlot
21
24
  __type: MenuVariantProps
22
- (props?: MenuVariantProps): Pretty<Record<"arrow" | "arrowTip" | "content" | "contextTrigger" | "indicator" | "item" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "positioner" | "separator" | "trigger" | "triggerItem", string>>
25
+ (props?: MenuVariantProps): Pretty<Record<MenuSlot, string>>
23
26
  raw: (props?: MenuVariantProps) => MenuVariantProps
24
27
  variantMap: MenuVariantMap
25
28
  variantKeys: Array<keyof MenuVariant>
package/recipes/menu.mjs CHANGED
@@ -79,6 +79,7 @@ export const menu = /* @__PURE__ */ Object.assign(menuFn, {
79
79
  __recipe__: false,
80
80
  __name__: 'menu',
81
81
  raw: (props) => props,
82
+ classNameMap: {},
82
83
  variantKeys: menuVariantKeys,
83
84
  variantMap: {
84
85
  "size": [
@@ -10,13 +10,16 @@ type PaginationVariantMap = {
10
10
  [key in keyof PaginationVariant]: Array<PaginationVariant[key]>
11
11
  }
12
12
 
13
+ type PaginationSlot = "root" | "item" | "dots"
14
+
13
15
  export type PaginationVariantProps = {
14
16
  [key in keyof PaginationVariant]?: ConditionalValue<PaginationVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface PaginationRecipe {
20
+ __slot: PaginationSlot
18
21
  __type: PaginationVariantProps
19
- (props?: PaginationVariantProps): Pretty<Record<"root" | "item" | "dots", string>>
22
+ (props?: PaginationVariantProps): Pretty<Record<PaginationSlot, string>>
20
23
  raw: (props?: PaginationVariantProps) => PaginationVariantProps
21
24
  variantMap: PaginationVariantMap
22
25
  variantKeys: Array<keyof PaginationVariant>
@@ -26,7 +29,5 @@ export interface PaginationRecipe {
26
29
 
27
30
  /**
28
31
  * The styles for the pagination component
29
-
30
-
31
32
  */
32
33
  export declare const pagination: PaginationRecipe
@@ -31,6 +31,7 @@ export const pagination = /* @__PURE__ */ Object.assign(paginationFn, {
31
31
  __recipe__: false,
32
32
  __name__: 'pagination',
33
33
  raw: (props) => props,
34
+ classNameMap: {},
34
35
  variantKeys: paginationVariantKeys,
35
36
  variantMap: {},
36
37
  splitVariantProps(props) {
@@ -13,11 +13,14 @@ type PhoneNumberInputVariantMap = {
13
13
  [key in keyof PhoneNumberInputVariant]: Array<PhoneNumberInputVariant[key]>
14
14
  }
15
15
 
16
+
17
+
16
18
  export type PhoneNumberInputVariantProps = {
17
19
  [key in keyof PhoneNumberInputVariant]?: ConditionalValue<PhoneNumberInputVariant[key]> | undefined
18
20
  }
19
21
 
20
22
  export interface PhoneNumberInputRecipe {
23
+
21
24
  __type: PhoneNumberInputVariantProps
22
25
  (props?: PhoneNumberInputVariantProps): string
23
26
  raw: (props?: PhoneNumberInputVariantProps) => PhoneNumberInputVariantProps
@@ -29,7 +32,5 @@ export interface PhoneNumberInputRecipe {
29
32
 
30
33
  /**
31
34
  * The styles for the PhoneNumberInput component
32
-
33
-
34
35
  */
35
36
  export declare const phoneNumberInput: PhoneNumberInputRecipe
@@ -10,13 +10,16 @@ type PopoverVariantMap = {
10
10
  [key in keyof PopoverVariant]: Array<PopoverVariant[key]>
11
11
  }
12
12
 
13
+ type PopoverSlot = "arrow" | "arrowTip" | "anchor" | "trigger" | "indicator" | "positioner" | "content" | "title" | "description" | "closeTrigger"
14
+
13
15
  export type PopoverVariantProps = {
14
16
  [key in keyof PopoverVariant]?: ConditionalValue<PopoverVariant[key]> | undefined
15
17
  }
16
18
 
17
19
  export interface PopoverRecipe {
20
+ __slot: PopoverSlot
18
21
  __type: PopoverVariantProps
19
- (props?: PopoverVariantProps): Pretty<Record<"arrow" | "arrowTip" | "anchor" | "trigger" | "indicator" | "positioner" | "content" | "title" | "description" | "closeTrigger", string>>
22
+ (props?: PopoverVariantProps): Pretty<Record<PopoverSlot, string>>
20
23
  raw: (props?: PopoverVariantProps) => PopoverVariantProps
21
24
  variantMap: PopoverVariantMap
22
25
  variantKeys: Array<keyof PopoverVariant>
@@ -59,6 +59,7 @@ export const popover = /* @__PURE__ */ Object.assign(popoverFn, {
59
59
  __recipe__: false,
60
60
  __name__: 'popover',
61
61
  raw: (props) => props,
62
+ classNameMap: {},
62
63
  variantKeys: popoverVariantKeys,
63
64
  variantMap: {},
64
65
  splitVariantProps(props) {
@@ -13,13 +13,16 @@ type PriceTagVariantMap = {
13
13
  [key in keyof PriceTagVariant]: Array<PriceTagVariant[key]>
14
14
  }
15
15
 
16
+ type PriceTagSlot = "root" | "price" | "unit"
17
+
16
18
  export type PriceTagVariantProps = {
17
19
  [key in keyof PriceTagVariant]?: ConditionalValue<PriceTagVariant[key]> | undefined
18
20
  }
19
21
 
20
22
  export interface PriceTagRecipe {
23
+ __slot: PriceTagSlot
21
24
  __type: PriceTagVariantProps
22
- (props?: PriceTagVariantProps): Pretty<Record<"root" | "price" | "unit", string>>
25
+ (props?: PriceTagVariantProps): Pretty<Record<PriceTagSlot, string>>
23
26
  raw: (props?: PriceTagVariantProps) => PriceTagVariantProps
24
27
  variantMap: PriceTagVariantMap
25
28
  variantKeys: Array<keyof PriceTagVariant>
@@ -35,6 +35,7 @@ export const priceTag = /* @__PURE__ */ Object.assign(priceTagFn, {
35
35
  __recipe__: false,
36
36
  __name__: 'priceTag',
37
37
  raw: (props) => props,
38
+ classNameMap: {},
38
39
  variantKeys: priceTagVariantKeys,
39
40
  variantMap: {
40
41
  "size": [