@yahoo/uds 3.130.1 → 3.131.0-beta.2

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 (216) hide show
  1. package/dist/automated-config/dist/properties.d.cts +1 -1
  2. package/dist/automated-config/dist/properties.d.ts +1 -1
  3. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +1 -1
  4. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +1 -1
  5. package/dist/components/Banner/Banner.d.cts +1 -1
  6. package/dist/components/Banner/Banner.d.ts +1 -1
  7. package/dist/components/Banner/utils.d.cts +1 -1
  8. package/dist/components/Banner/utils.d.ts +1 -1
  9. package/dist/components/Box.d.cts +1 -1
  10. package/dist/components/Box.d.ts +1 -1
  11. package/dist/components/Divider/DividerCore.d.cts +1 -1
  12. package/dist/components/Divider/DividerCore.d.ts +1 -1
  13. package/dist/components/Divider/DividerInternal.d.cts +1 -1
  14. package/dist/components/Divider/DividerInternal.d.ts +1 -1
  15. package/dist/components/FormLabel.d.cts +1 -1
  16. package/dist/components/FormLabel.d.ts +1 -1
  17. package/dist/components/HStack.d.cts +1 -1
  18. package/dist/components/HStack.d.ts +1 -1
  19. package/dist/components/Icon.cjs +15 -6
  20. package/dist/components/Icon.d.cts +0 -1
  21. package/dist/components/Icon.d.ts +0 -1
  22. package/dist/components/Icon.js +16 -7
  23. package/dist/components/IconSlot.cjs +25 -6
  24. package/dist/components/IconSlot.d.cts +3 -2
  25. package/dist/components/IconSlot.d.ts +3 -2
  26. package/dist/components/IconSlot.js +25 -5
  27. package/dist/components/Image.d.cts +1 -1
  28. package/dist/components/Image.d.ts +1 -1
  29. package/dist/components/Link.d.cts +1 -1
  30. package/dist/components/Link.d.ts +1 -1
  31. package/dist/components/Text.d.cts +1 -1
  32. package/dist/components/Text.d.ts +1 -1
  33. package/dist/components/VStack.d.cts +1 -1
  34. package/dist/components/VStack.d.ts +1 -1
  35. package/dist/components/client/Avatar/AvatarIcon.d.cts +1 -1
  36. package/dist/components/client/Avatar/AvatarIcon.d.ts +1 -1
  37. package/dist/components/client/Avatar/AvatarImage.d.cts +1 -1
  38. package/dist/components/client/Avatar/AvatarImage.d.ts +1 -1
  39. package/dist/components/client/Avatar/AvatarText.d.cts +1 -1
  40. package/dist/components/client/Avatar/AvatarText.d.ts +1 -1
  41. package/dist/components/client/Avatar/utils.d.cts +1 -1
  42. package/dist/components/client/Avatar/utils.d.ts +1 -1
  43. package/dist/components/client/Badge.d.cts +1 -1
  44. package/dist/components/client/Badge.d.ts +1 -1
  45. package/dist/components/client/BottomSheet/BottomSheet.d.cts +1 -1
  46. package/dist/components/client/BottomSheet/BottomSheet.d.ts +1 -1
  47. package/dist/components/client/BottomSheet/BottomSheetContent.d.cts +1 -1
  48. package/dist/components/client/BottomSheet/BottomSheetContent.d.ts +1 -1
  49. package/dist/components/client/BottomSheet/BottomSheetHandle.d.cts +1 -1
  50. package/dist/components/client/BottomSheet/BottomSheetHandle.d.ts +1 -1
  51. package/dist/components/client/BottomSheet/BottomSheetHeader.d.cts +1 -1
  52. package/dist/components/client/BottomSheet/BottomSheetHeader.d.ts +1 -1
  53. package/dist/components/client/BottomSheet/useBottomSheetSnapModel.d.cts +1 -1
  54. package/dist/components/client/BottomSheet/useBottomSheetSnapModel.d.ts +1 -1
  55. package/dist/components/client/BottomSheet/utils.d.cts +1 -1
  56. package/dist/components/client/BottomSheet/utils.d.ts +1 -1
  57. package/dist/components/client/Button.d.cts +1 -1
  58. package/dist/components/client/Button.d.ts +1 -1
  59. package/dist/components/client/Checkbox.d.cts +1 -1
  60. package/dist/components/client/Checkbox.d.ts +1 -1
  61. package/dist/components/client/Chip/ChipBase.d.cts +1 -1
  62. package/dist/components/client/Chip/ChipBase.d.ts +1 -1
  63. package/dist/components/client/Chip/ChipButton.d.cts +1 -1
  64. package/dist/components/client/Chip/ChipButton.d.ts +1 -1
  65. package/dist/components/client/Chip/ChipDismissible.d.cts +1 -1
  66. package/dist/components/client/Chip/ChipDismissible.d.ts +1 -1
  67. package/dist/components/client/Chip/ChipLink.d.cts +1 -1
  68. package/dist/components/client/Chip/ChipLink.d.ts +1 -1
  69. package/dist/components/client/Chip/ChipToggle.d.cts +1 -1
  70. package/dist/components/client/Chip/ChipToggle.d.ts +1 -1
  71. package/dist/components/client/IconButton.cjs +6 -1
  72. package/dist/components/client/IconButton.js +6 -1
  73. package/dist/components/client/Input/Input.d.cts +1 -1
  74. package/dist/components/client/Input/Input.d.ts +1 -1
  75. package/dist/components/client/Input/InputHelpTextInternal.d.cts +1 -1
  76. package/dist/components/client/Input/InputHelpTextInternal.d.ts +1 -1
  77. package/dist/components/client/Menu/Menu.Content.d.cts +1 -1
  78. package/dist/components/client/Menu/Menu.Content.d.ts +1 -1
  79. package/dist/components/client/Menu/Menu.Item.d.cts +1 -1
  80. package/dist/components/client/Menu/Menu.Item.d.ts +1 -1
  81. package/dist/components/client/Menu/Menu.ItemBase.d.cts +1 -1
  82. package/dist/components/client/Menu/Menu.ItemBase.d.ts +1 -1
  83. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +2 -2
  84. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +2 -2
  85. package/dist/components/client/Popover/Popover.d.cts +1 -1
  86. package/dist/components/client/Popover/Popover.d.ts +1 -1
  87. package/dist/components/client/Popover/PopoverContent.d.cts +1 -1
  88. package/dist/components/client/Popover/PopoverContent.d.ts +1 -1
  89. package/dist/components/client/Popover/PopoverTrigger.d.cts +1 -1
  90. package/dist/components/client/Popover/PopoverTrigger.d.ts +1 -1
  91. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  92. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  93. package/dist/components/client/Popover/index.d.cts +1 -1
  94. package/dist/components/client/Popover/index.d.ts +1 -1
  95. package/dist/components/client/Pressable.d.cts +1 -1
  96. package/dist/components/client/Pressable.d.ts +1 -1
  97. package/dist/components/client/Radio/Radio.d.cts +1 -1
  98. package/dist/components/client/Radio/Radio.d.ts +1 -1
  99. package/dist/components/client/Radio/RadioGroupProvider.d.cts +1 -1
  100. package/dist/components/client/Radio/RadioGroupProvider.d.ts +1 -1
  101. package/dist/components/client/SpringMotionConfig.d.cts +1 -1
  102. package/dist/components/client/SpringMotionConfig.d.ts +1 -1
  103. package/dist/components/client/Switch.d.cts +1 -1
  104. package/dist/components/client/Switch.d.ts +1 -1
  105. package/dist/components/client/Tabs/Tab.d.cts +1 -1
  106. package/dist/components/client/Tabs/Tab.d.ts +1 -1
  107. package/dist/components/client/Tabs/TabList.d.cts +1 -1
  108. package/dist/components/client/Tabs/TabList.d.ts +1 -1
  109. package/dist/components/client/Tabs/TabPanel.d.cts +1 -1
  110. package/dist/components/client/Tabs/TabPanel.d.ts +1 -1
  111. package/dist/components/client/Tabs/Tabs.d.cts +1 -1
  112. package/dist/components/client/Tabs/Tabs.d.ts +1 -1
  113. package/dist/components/client/Tabs/tabsContext.d.cts +1 -1
  114. package/dist/components/client/Tabs/tabsContext.d.ts +1 -1
  115. package/dist/components/client/Toast/Toast.d.cts +1 -1
  116. package/dist/components/client/Toast/Toast.d.ts +1 -1
  117. package/dist/components/client/Toast/ToastContainer.d.cts +1 -1
  118. package/dist/components/client/Toast/ToastContainer.d.ts +1 -1
  119. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +6 -6
  120. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +6 -6
  121. package/dist/components/client/Toast/createToast.d.cts +1 -1
  122. package/dist/components/client/Toast/createToast.d.ts +1 -1
  123. package/dist/components/client/Tooltip/Tooltip.d.cts +1 -1
  124. package/dist/components/client/Tooltip/Tooltip.d.ts +1 -1
  125. package/dist/components/client/Tooltip/TooltipContent.d.cts +3 -2
  126. package/dist/components/client/Tooltip/TooltipContent.d.ts +3 -2
  127. package/dist/components/client/Tooltip/TooltipTrigger.d.cts +1 -1
  128. package/dist/components/client/Tooltip/TooltipTrigger.d.ts +1 -1
  129. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts +1 -1
  130. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.ts +1 -1
  131. package/dist/components/client/Tooltip/index.d.cts +1 -1
  132. package/dist/components/client/Tooltip/index.d.ts +1 -1
  133. package/dist/components/client/buttonConstants.d.cts +1 -1
  134. package/dist/components/client/buttonConstants.d.ts +1 -1
  135. package/dist/components/client/index.d.cts +1 -1
  136. package/dist/components/client/index.d.ts +1 -1
  137. package/dist/components/client/providers/UDSBreakpointsConfigProvider.d.cts +1 -1
  138. package/dist/components/client/providers/UDSBreakpointsConfigProvider.d.ts +1 -1
  139. package/dist/components/experimental/Table.d.cts +1 -1
  140. package/dist/components/experimental/Table.d.ts +1 -1
  141. package/dist/components/experimental/client/SwitchV2.d.cts +1 -1
  142. package/dist/components/experimental/client/SwitchV2.d.ts +1 -1
  143. package/dist/components/index.d.cts +1 -1
  144. package/dist/components/index.d.ts +1 -1
  145. package/dist/config/dist/index.d.cts +1 -1
  146. package/dist/config/dist/index.d.ts +1 -1
  147. package/dist/css-tokens/dist/index.d.cts +1 -1
  148. package/dist/css-tokens/dist/index.d.ts +1 -1
  149. package/dist/fixtures/dist/index.d.cts +1 -1
  150. package/dist/fixtures/dist/index.d.ts +1 -1
  151. package/dist/fixtures/index.d.cts +1 -1
  152. package/dist/fixtures/index.d.ts +1 -1
  153. package/dist/fonts/dist/index.d.cts +1 -1
  154. package/dist/fonts/dist/index.d.ts +1 -1
  155. package/dist/index.d.cts +2 -2
  156. package/dist/index.d.ts +2 -2
  157. package/dist/modes/dist/index.d.cts +1 -1
  158. package/dist/modes/dist/index.d.ts +1 -1
  159. package/dist/motion-tokens/dist/index.d.cts +1 -1
  160. package/dist/motion-tokens/dist/index.d.ts +1 -1
  161. package/dist/providers/ColorModeProvider.d.cts +1 -1
  162. package/dist/providers/ColorModeProvider.d.ts +1 -1
  163. package/dist/providers/ScaleModeProvider.d.cts +1 -1
  164. package/dist/providers/ScaleModeProvider.d.ts +1 -1
  165. package/dist/providers/ThemeProvider.d.cts +1 -1
  166. package/dist/providers/ThemeProvider.d.ts +1 -1
  167. package/dist/runtime/bottomSheetConfig.d.cts +1 -1
  168. package/dist/runtime/bottomSheetConfig.d.ts +1 -1
  169. package/dist/runtime/breakpointsConfig.d.cts +1 -1
  170. package/dist/runtime/breakpointsConfig.d.ts +1 -1
  171. package/dist/runtime/popoverConfig.d.cts +1 -1
  172. package/dist/runtime/popoverConfig.d.ts +1 -1
  173. package/dist/runtime/toastConfig.d.cts +1 -1
  174. package/dist/runtime/toastConfig.d.ts +1 -1
  175. package/dist/runtime/tooltipConfig.d.cts +1 -1
  176. package/dist/runtime/tooltipConfig.d.ts +1 -1
  177. package/dist/styles/styler.d.cts +52 -52
  178. package/dist/styles/styler.d.ts +52 -52
  179. package/dist/styles/stylerTypes.d.cts +1 -1
  180. package/dist/styles/stylerTypes.d.ts +1 -1
  181. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  182. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  183. package/dist/tokens/configs/borderRadius.d.cts +1 -1
  184. package/dist/tokens/configs/borderRadius.d.ts +1 -1
  185. package/dist/tokens/configs/borderWidth.d.cts +1 -1
  186. package/dist/tokens/configs/borderWidth.d.ts +1 -1
  187. package/dist/tokens/configs/font.d.cts +1 -1
  188. package/dist/tokens/configs/font.d.ts +1 -1
  189. package/dist/tokens/configs/scaleMode.d.cts +1 -1
  190. package/dist/tokens/configs/scaleMode.d.ts +1 -1
  191. package/dist/tokens/configs/shadow.d.cts +1 -1
  192. package/dist/tokens/configs/shadow.d.ts +1 -1
  193. package/dist/tokens/configs/sizes.d.cts +1 -1
  194. package/dist/tokens/configs/sizes.d.ts +1 -1
  195. package/dist/tokens/configs/typography.d.cts +1 -1
  196. package/dist/tokens/configs/typography.d.ts +1 -1
  197. package/dist/tokens/index.d.cts +2 -2
  198. package/dist/tokens/index.d.ts +2 -2
  199. package/dist/tokens/parseButtonVariants.d.cts +1 -1
  200. package/dist/tokens/parseButtonVariants.d.ts +1 -1
  201. package/dist/tokens/types.d.cts +7 -7
  202. package/dist/tokens/types.d.ts +7 -7
  203. package/dist/tokens/utils/spectrum.d.cts +1 -1
  204. package/dist/tokens/utils/spectrum.d.ts +1 -1
  205. package/dist/types/{dist → src}/index.d.cts +35 -23
  206. package/dist/types/{dist → src}/index.d.ts +35 -23
  207. package/dist/uds/generated/componentData.cjs +1561 -1561
  208. package/dist/uds/generated/componentData.js +1561 -1561
  209. package/dist/uds/package.cjs +1 -1
  210. package/dist/uds/package.js +1 -1
  211. package/dist/utils/isElevationAlias.d.cts +1 -1
  212. package/dist/utils/isElevationAlias.d.ts +1 -1
  213. package/generated/componentData.json +1845 -1847
  214. package/package.json +2 -2
  215. package/dist/icons/dist/types.d.cts +0 -30
  216. package/dist/icons/dist/types.d.ts +0 -30
@@ -1,9 +1,30 @@
1
1
  {
2
- "Box": {
3
- "name": "Box",
2
+ "Icon": {
3
+ "name": "Icon",
4
4
  "defaultProps": {
5
- "as": "div",
6
- "display": "flex"
5
+ "size": "md",
6
+ "variant": "outline",
7
+ "color": "primary"
8
+ },
9
+ "getStylesLiterals": {
10
+ "flex": "none"
11
+ },
12
+ "cxLiterals": [
13
+ "[&_path]:fill-current"
14
+ ],
15
+ "internalComponents": [],
16
+ "internalComponentProps": {},
17
+ "propToVariantKeys": {},
18
+ "runtimeConfigDefaultProps": {},
19
+ "runtimeConfigGetStyles": {},
20
+ "runtimeConfigInternalComponentProps": {},
21
+ "motionVarPrefixes": []
22
+ },
23
+ "Text": {
24
+ "name": "Text",
25
+ "defaultProps": {
26
+ "color": "primary",
27
+ "variant": "body1"
7
28
  },
8
29
  "getStylesLiterals": {},
9
30
  "cxLiterals": [],
@@ -12,11 +33,65 @@
12
33
  ],
13
34
  "internalComponentProps": {},
14
35
  "propToVariantKeys": {
15
- "elevationAlias": [
16
- "backgroundColor",
17
- "borderColor",
18
- "borderWidth",
19
- "dropShadow"
36
+ "variant": [
37
+ "fontFamily",
38
+ "fontSize",
39
+ "fontWeight",
40
+ "lineHeight",
41
+ "textTransform",
42
+ "letterSpacing"
43
+ ]
44
+ },
45
+ "runtimeConfigDefaultProps": {},
46
+ "runtimeConfigGetStyles": {},
47
+ "runtimeConfigInternalComponentProps": {},
48
+ "motionVarPrefixes": []
49
+ },
50
+ "Image": {
51
+ "name": "Image",
52
+ "defaultProps": {},
53
+ "getStylesLiterals": {},
54
+ "cxLiterals": [],
55
+ "internalComponents": [],
56
+ "internalComponentProps": {},
57
+ "propToVariantKeys": {},
58
+ "runtimeConfigDefaultProps": {},
59
+ "runtimeConfigGetStyles": {},
60
+ "runtimeConfigInternalComponentProps": {},
61
+ "motionVarPrefixes": []
62
+ },
63
+ "Scrim": {
64
+ "name": "Scrim",
65
+ "defaultProps": {
66
+ "variant": "default",
67
+ "position": "fixed"
68
+ },
69
+ "getStylesLiterals": {},
70
+ "cxLiterals": [
71
+ "fixed",
72
+ "absolute",
73
+ "inset-0",
74
+ "z-40",
75
+ "transition-opacity",
76
+ "duration-150",
77
+ "data-[enter]:opacity-100",
78
+ "[&:not([data-enter])]:opacity-0",
79
+ "opacity-100",
80
+ "uds-bgBlurFallback"
81
+ ],
82
+ "internalComponents": [
83
+ "Box"
84
+ ],
85
+ "internalComponentProps": {
86
+ "Box": {
87
+ "display": [
88
+ "block"
89
+ ]
90
+ }
91
+ },
92
+ "propToVariantKeys": {
93
+ "variant": [
94
+ "scrimVariantRoot"
20
95
  ]
21
96
  },
22
97
  "runtimeConfigDefaultProps": {},
@@ -57,8 +132,8 @@
57
132
  "runtimeConfigInternalComponentProps": {},
58
133
  "motionVarPrefixes": []
59
134
  },
60
- "HStack": {
61
- "name": "HStack",
135
+ "VStack": {
136
+ "name": "VStack",
62
137
  "defaultProps": {},
63
138
  "getStylesLiterals": {},
64
139
  "cxLiterals": [],
@@ -68,14 +143,14 @@
68
143
  "internalComponentProps": {
69
144
  "Box": {
70
145
  "flexDirection": [
71
- "row"
146
+ "column"
72
147
  ]
73
148
  }
74
149
  },
75
150
  "propToVariantKeys": {
76
151
  "gap": [
77
- "rowGap",
78
- "columnGap"
152
+ "columnGap",
153
+ "rowGap"
79
154
  ]
80
155
  },
81
156
  "runtimeConfigDefaultProps": {},
@@ -83,29 +158,6 @@
83
158
  "runtimeConfigInternalComponentProps": {},
84
159
  "motionVarPrefixes": []
85
160
  },
86
- "Icon": {
87
- "name": "Icon",
88
- "defaultProps": {
89
- "size": "md",
90
- "variant": "outline",
91
- "color": "primary"
92
- },
93
- "getStylesLiterals": {
94
- "flex": "none"
95
- },
96
- "cxLiterals": [
97
- "[&_path]:fill-current"
98
- ],
99
- "internalComponents": [
100
- "SVGIcon"
101
- ],
102
- "internalComponentProps": {},
103
- "propToVariantKeys": {},
104
- "runtimeConfigDefaultProps": {},
105
- "runtimeConfigGetStyles": {},
106
- "runtimeConfigInternalComponentProps": {},
107
- "motionVarPrefixes": []
108
- },
109
161
  "IconSlot": {
110
162
  "name": "IconSlot",
111
163
  "defaultProps": {},
@@ -121,104 +173,24 @@
121
173
  "runtimeConfigInternalComponentProps": {},
122
174
  "motionVarPrefixes": []
123
175
  },
124
- "Image": {
125
- "name": "Image",
126
- "defaultProps": {},
127
- "getStylesLiterals": {},
128
- "cxLiterals": [],
129
- "internalComponents": [],
130
- "internalComponentProps": {},
131
- "propToVariantKeys": {},
132
- "runtimeConfigDefaultProps": {},
133
- "runtimeConfigGetStyles": {},
134
- "runtimeConfigInternalComponentProps": {},
135
- "motionVarPrefixes": []
136
- },
137
- "Link": {
138
- "name": "Link",
139
- "defaultProps": {
140
- "variant": "primary"
141
- },
142
- "getStylesLiterals": {
143
- "display": "inline-flex",
144
- "alignItems": "center"
145
- },
146
- "cxLiterals": [
147
- "uds-ring",
148
- "underline",
149
- "w-[0.7em]",
150
- "h-[0.7em]"
151
- ],
152
- "internalComponents": [
153
- "IconSlot"
154
- ],
155
- "internalComponentProps": {
156
- "IconSlot": {
157
- "data-testid": [
158
- "start-icon",
159
- "end-icon"
160
- ]
161
- }
162
- },
163
- "propToVariantKeys": {
164
- "textVariant": [
165
- "linkTextStyleRoot",
166
- "fontSize",
167
- "fontFamily",
168
- "fontWeight",
169
- "lineHeight",
170
- "textTransform",
171
- "linkTextStyleIcon"
172
- ],
173
- "variant": [
174
- "linkVariantRoot",
175
- "linkVariantIconStart",
176
- "linkVariantIconEnd"
177
- ],
178
- "startIcon": [
179
- "icon"
180
- ],
181
- "endIcon": [
182
- "icon"
183
- ]
184
- },
185
- "runtimeConfigDefaultProps": {},
186
- "runtimeConfigGetStyles": {},
187
- "runtimeConfigInternalComponentProps": {},
188
- "motionVarPrefixes": []
189
- },
190
- "Scrim": {
191
- "name": "Scrim",
176
+ "Box": {
177
+ "name": "Box",
192
178
  "defaultProps": {
193
- "variant": "default",
194
- "position": "fixed"
179
+ "as": "div",
180
+ "display": "flex"
195
181
  },
196
182
  "getStylesLiterals": {},
197
- "cxLiterals": [
198
- "fixed",
199
- "absolute",
200
- "inset-0",
201
- "z-40",
202
- "transition-opacity",
203
- "duration-150",
204
- "data-[enter]:opacity-100",
205
- "[&:not([data-enter])]:opacity-0",
206
- "opacity-100",
207
- "uds-bgBlurFallback"
208
- ],
183
+ "cxLiterals": [],
209
184
  "internalComponents": [
210
- "Box"
185
+ "Comp"
211
186
  ],
212
- "internalComponentProps": {
213
- "Box": {
214
- "display": [
215
- "block"
216
- ]
217
- }
218
- },
187
+ "internalComponentProps": {},
219
188
  "propToVariantKeys": {
220
- "variant": [
221
- "scrimVariantRoot"
189
+ "elevationAlias": [
190
+ "backgroundColor",
191
+ "borderColor",
192
+ "borderWidth",
193
+ "dropShadow"
222
194
  ]
223
195
  },
224
196
  "runtimeConfigDefaultProps": {},
@@ -281,52 +253,78 @@
281
253
  "runtimeConfigInternalComponentProps": {},
282
254
  "motionVarPrefixes": []
283
255
  },
284
- "Text": {
285
- "name": "Text",
286
- "defaultProps": {
287
- "color": "primary",
288
- "variant": "body1"
289
- },
256
+ "HStack": {
257
+ "name": "HStack",
258
+ "defaultProps": {},
290
259
  "getStylesLiterals": {},
291
260
  "cxLiterals": [],
292
261
  "internalComponents": [
293
- "Comp"
262
+ "Box"
294
263
  ],
295
- "internalComponentProps": {},
296
- "propToVariantKeys": {
297
- "variant": [
298
- "fontFamily",
299
- "fontSize",
300
- "fontWeight",
301
- "lineHeight",
302
- "textTransform",
303
- "letterSpacing"
304
- ]
264
+ "internalComponentProps": {
265
+ "Box": {
266
+ "flexDirection": [
267
+ "row"
268
+ ]
269
+ }
270
+ },
271
+ "propToVariantKeys": {
272
+ "gap": [
273
+ "rowGap",
274
+ "columnGap"
275
+ ]
305
276
  },
306
277
  "runtimeConfigDefaultProps": {},
307
278
  "runtimeConfigGetStyles": {},
308
279
  "runtimeConfigInternalComponentProps": {},
309
280
  "motionVarPrefixes": []
310
281
  },
311
- "VStack": {
312
- "name": "VStack",
313
- "defaultProps": {},
314
- "getStylesLiterals": {},
315
- "cxLiterals": [],
282
+ "Link": {
283
+ "name": "Link",
284
+ "defaultProps": {
285
+ "variant": "primary"
286
+ },
287
+ "getStylesLiterals": {
288
+ "display": "inline-flex",
289
+ "alignItems": "center"
290
+ },
291
+ "cxLiterals": [
292
+ "uds-ring",
293
+ "underline",
294
+ "w-[0.7em]",
295
+ "h-[0.7em]"
296
+ ],
316
297
  "internalComponents": [
317
- "Box"
298
+ "IconSlot"
318
299
  ],
319
300
  "internalComponentProps": {
320
- "Box": {
321
- "flexDirection": [
322
- "column"
301
+ "IconSlot": {
302
+ "data-testid": [
303
+ "start-icon",
304
+ "end-icon"
323
305
  ]
324
306
  }
325
307
  },
326
308
  "propToVariantKeys": {
327
- "gap": [
328
- "columnGap",
329
- "rowGap"
309
+ "textVariant": [
310
+ "linkTextStyleRoot",
311
+ "fontSize",
312
+ "fontFamily",
313
+ "fontWeight",
314
+ "lineHeight",
315
+ "textTransform",
316
+ "linkTextStyleIcon"
317
+ ],
318
+ "variant": [
319
+ "linkVariantRoot",
320
+ "linkVariantIconStart",
321
+ "linkVariantIconEnd"
322
+ ],
323
+ "startIcon": [
324
+ "icon"
325
+ ],
326
+ "endIcon": [
327
+ "icon"
330
328
  ]
331
329
  },
332
330
  "runtimeConfigDefaultProps": {},
@@ -334,6 +332,24 @@
334
332
  "runtimeConfigInternalComponentProps": {},
335
333
  "motionVarPrefixes": []
336
334
  },
335
+ "BannerDescription": {
336
+ "name": "BannerDescription",
337
+ "defaultProps": {},
338
+ "getStylesLiterals": {
339
+ "bannerSizeDescription": "default",
340
+ "className": "w-full line-clamp-3"
341
+ },
342
+ "cxLiterals": [],
343
+ "internalComponents": [
344
+ "Text"
345
+ ],
346
+ "internalComponentProps": {},
347
+ "propToVariantKeys": {},
348
+ "runtimeConfigDefaultProps": {},
349
+ "runtimeConfigGetStyles": {},
350
+ "runtimeConfigInternalComponentProps": {},
351
+ "motionVarPrefixes": []
352
+ },
337
353
  "Banner": {
338
354
  "name": "Banner",
339
355
  "defaultProps": {
@@ -450,24 +466,6 @@
450
466
  "runtimeConfigInternalComponentProps": {},
451
467
  "motionVarPrefixes": []
452
468
  },
453
- "BannerDescription": {
454
- "name": "BannerDescription",
455
- "defaultProps": {},
456
- "getStylesLiterals": {
457
- "bannerSizeDescription": "default",
458
- "className": "w-full line-clamp-3"
459
- },
460
- "cxLiterals": [],
461
- "internalComponents": [
462
- "Text"
463
- ],
464
- "internalComponentProps": {},
465
- "propToVariantKeys": {},
466
- "runtimeConfigDefaultProps": {},
467
- "runtimeConfigGetStyles": {},
468
- "runtimeConfigInternalComponentProps": {},
469
- "motionVarPrefixes": []
470
- },
471
469
  "BannerTitle": {
472
470
  "name": "BannerTitle",
473
471
  "defaultProps": {},
@@ -577,6 +575,129 @@
577
575
  "runtimeConfigInternalComponentProps": {},
578
576
  "motionVarPrefixes": []
579
577
  },
578
+ "Table.mocks": {
579
+ "name": "Table.mocks",
580
+ "defaultProps": {},
581
+ "getStylesLiterals": {},
582
+ "cxLiterals": [],
583
+ "internalComponents": [],
584
+ "internalComponentProps": {},
585
+ "propToVariantKeys": {},
586
+ "runtimeConfigDefaultProps": {},
587
+ "runtimeConfigGetStyles": {},
588
+ "runtimeConfigInternalComponentProps": {},
589
+ "motionVarPrefixes": []
590
+ },
591
+ "Spinner": {
592
+ "name": "Spinner",
593
+ "defaultProps": {
594
+ "color": "primary",
595
+ "size": "lg"
596
+ },
597
+ "getStylesLiterals": {},
598
+ "cxLiterals": [
599
+ "self-center",
600
+ "relative",
601
+ "sr-only"
602
+ ],
603
+ "internalComponents": [
604
+ "Icon"
605
+ ],
606
+ "internalComponentProps": {
607
+ "Icon": {
608
+ "role": [
609
+ "img"
610
+ ],
611
+ "className": [
612
+ "animate-spin"
613
+ ],
614
+ "aria-hidden": [
615
+ "true"
616
+ ]
617
+ }
618
+ },
619
+ "propToVariantKeys": {},
620
+ "runtimeConfigDefaultProps": {},
621
+ "runtimeConfigGetStyles": {},
622
+ "runtimeConfigInternalComponentProps": {},
623
+ "motionVarPrefixes": []
624
+ },
625
+ "Table": {
626
+ "name": "Table",
627
+ "defaultProps": {
628
+ "display": "table-cell",
629
+ "overflow": "hidden",
630
+ "borderColor": "muted",
631
+ "borderRadius": "md",
632
+ "spacing": "3",
633
+ "borderBottomColor": "muted",
634
+ "borderBottomWidth": "thin",
635
+ "color": "primary"
636
+ },
637
+ "getStylesLiterals": {
638
+ "textAlign": "start"
639
+ },
640
+ "cxLiterals": [],
641
+ "internalComponents": [
642
+ "CellComponent",
643
+ "Box",
644
+ "Text",
645
+ "Table.Root",
646
+ "Table.Header",
647
+ "Table.Row",
648
+ "Table.Cell",
649
+ "Table.Body"
650
+ ],
651
+ "internalComponentProps": {
652
+ "Table.Cell": {
653
+ "asHeaderCell": [
654
+ "column"
655
+ ]
656
+ }
657
+ },
658
+ "propToVariantKeys": {},
659
+ "runtimeConfigDefaultProps": {},
660
+ "runtimeConfigGetStyles": {},
661
+ "runtimeConfigInternalComponentProps": {},
662
+ "motionVarPrefixes": []
663
+ },
664
+ "Pressable": {
665
+ "name": "Pressable",
666
+ "defaultProps": {},
667
+ "getStylesLiterals": {},
668
+ "cxLiterals": [],
669
+ "internalComponents": [
670
+ "Comp"
671
+ ],
672
+ "internalComponentProps": {},
673
+ "propToVariantKeys": {},
674
+ "runtimeConfigDefaultProps": {},
675
+ "runtimeConfigGetStyles": {},
676
+ "runtimeConfigInternalComponentProps": {},
677
+ "motionVarPrefixes": []
678
+ },
679
+ "SpringMotionConfig": {
680
+ "name": "SpringMotionConfig",
681
+ "defaultProps": {
682
+ "reducedMotion": "user"
683
+ },
684
+ "getStylesLiterals": {},
685
+ "cxLiterals": [],
686
+ "internalComponents": [
687
+ "LazyMotion",
688
+ "MotionConfig"
689
+ ],
690
+ "internalComponentProps": {},
691
+ "propToVariantKeys": {
692
+ "loadFeatures": [
693
+ "features"
694
+ ]
695
+ },
696
+ "runtimeConfigDefaultProps": {},
697
+ "runtimeConfigGetStyles": {},
698
+ "runtimeConfigInternalComponentProps": {},
699
+ "motionVarPrefixes": []
700
+ },
580
701
  "AnimateHeightChange": {
581
702
  "name": "AnimateHeightChange",
582
703
  "defaultProps": {},
@@ -607,65 +728,125 @@
607
728
  "--uds-motion-smooth-3-"
608
729
  ]
609
730
  },
610
- "Badge": {
611
- "name": "Badge",
731
+ "Switch": {
732
+ "name": "Switch",
612
733
  "defaultProps": {
613
- "variant": "primary",
734
+ "labelPosition": "start",
614
735
  "size": "md"
615
736
  },
616
- "getStylesLiterals": {},
737
+ "getStylesLiterals": {
738
+ "switchVariantRoot": "default",
739
+ "switchVariantActiveRoot": "on",
740
+ "switchVariantActiveRoot:1": "off",
741
+ "display": "flex",
742
+ "flexDirection": "row",
743
+ "flexDirection:1": "row-reverse",
744
+ "alignItems": "center",
745
+ "switchVariantSwitch": "default",
746
+ "switchVariantActiveSwitch": "on",
747
+ "switchVariantActiveSwitch:1": "off",
748
+ "borderRadius": "full",
749
+ "position": "relative",
750
+ "switchVariantActiveHandle": "on",
751
+ "switchVariantActiveHandle:1": "off",
752
+ "switchVariantHandle": "default",
753
+ "switchVariantHandleIcon": "default",
754
+ "switchVariantActiveHandleIcon": "on",
755
+ "switchVariantActiveHandleIcon:1": "off"
756
+ },
617
757
  "cxLiterals": [
618
- "flex-1",
619
- "truncate",
620
- "whitespace-nowrap",
621
- "text-center"
622
- ],
623
- "internalComponents": [
624
- "IconSlot",
625
- "HStack"
626
- ],
627
- "internalComponentProps": {
628
- "IconSlot": {
629
- "data-testid": [
630
- "start-icon",
631
- "end-icon"
758
+ "group",
759
+ "cursor-pointer",
760
+ "cursor-default",
761
+ "opacity-50",
762
+ "uds-ring",
763
+ "uds-ring-within",
764
+ "transition-[background-color,box-shadow]",
765
+ "relative",
766
+ "pointer-events-none",
767
+ "uds-border-radius-full",
768
+ "overflow-hidden",
769
+ "absolute",
770
+ "top-0",
771
+ "left-0",
772
+ "right-0",
773
+ "bottom-0",
774
+ "opacity-95",
775
+ "group-hover:opacity-100",
776
+ "transition-[background-color,box-shadow,opacity]",
777
+ "opacity-0",
778
+ "top-1/2",
779
+ "left-1/2",
780
+ "transform",
781
+ "translate-x-[-50%]",
782
+ "translate-y-[-50%]",
783
+ "transition-opacity",
784
+ "cursor-[inherit]",
785
+ "w-[calc(100%+2px)]",
786
+ "h-[calc(100%+2px)]",
787
+ "text-start",
788
+ "text-end",
789
+ "opacity-100"
790
+ ],
791
+ "internalComponents": [
792
+ "IconSlot",
793
+ "Box",
794
+ "FormLabel",
795
+ "SpringMotionConfig",
796
+ "RootElement",
797
+ "MotionBox"
798
+ ],
799
+ "internalComponentProps": {
800
+ "IconSlot": {
801
+ "data-testid": [
802
+ "on-icon",
803
+ "off-icon"
632
804
  ]
633
805
  },
634
- "HStack": {
635
- "gap": [
636
- "2"
806
+ "FormLabel": {
807
+ "as": [
808
+ "div"
637
809
  ],
638
- "display": [
639
- "inline-flex"
810
+ "variant": [
811
+ "inherit"
640
812
  ],
641
- "alignItems": [
642
- "center"
813
+ "color": [
814
+ "inherit"
815
+ ]
816
+ },
817
+ "RootElement": {
818
+ "data-testid": [
819
+ "container"
643
820
  ]
644
821
  }
645
822
  },
646
823
  "propToVariantKeys": {
647
824
  "size": [
648
- "badgeSizeRoot",
649
- "badgeSizeIcon"
650
- ],
651
- "variant": [
652
- "badgeVariantRoot",
653
- "badgeVariantIcon"
825
+ "switchSizeRoot",
826
+ "switchSizeSwitch",
827
+ "switchSizeHandle",
828
+ "switchSizeHandleIcon"
654
829
  ],
655
- "startIcon": [
830
+ "onIcon": [
656
831
  "icon"
657
832
  ],
658
- "endIcon": [
833
+ "offIcon": [
659
834
  "icon"
835
+ ],
836
+ "reduceMotion": [
837
+ "reducedMotion"
660
838
  ]
661
839
  },
662
840
  "runtimeConfigDefaultProps": {},
663
841
  "runtimeConfigGetStyles": {},
664
842
  "runtimeConfigInternalComponentProps": {},
665
- "motionVarPrefixes": []
843
+ "motionVarPrefixes": [
844
+ "--uds-motion-bouncy-4-",
845
+ "--uds-motion-smooth-3-"
846
+ ]
666
847
  },
667
- "Button": {
668
- "name": "Button",
848
+ "IconButton": {
849
+ "name": "IconButton",
669
850
  "defaultProps": {
670
851
  "type": "button"
671
852
  },
@@ -677,27 +858,21 @@
677
858
  "overflow-hidden",
678
859
  "justify-center",
679
860
  "items-center",
680
- "whitespace-nowrap",
681
- "select-none",
682
861
  "[transform-origin:center]",
683
862
  "[backface-visibility:hidden]",
684
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
863
+ "[transition-property:color,background-color,border-color,",
864
+ "box-shadow,text-decoration-color,fill,stroke]",
685
865
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
686
866
  "[transition-duration:220ms]",
687
867
  "cursor-not-allowed",
688
868
  "uds-button-loading",
689
869
  "uds-button-without-effects",
690
- "withIcon",
691
- "uds-button-with-gap",
692
- "animate-spin",
693
- "truncate"
870
+ "animate-spin"
694
871
  ],
695
872
  "internalComponents": [
696
873
  "Icon",
697
- "IconSlot",
698
- "AnimatePresence",
699
874
  "SpringMotionConfig",
700
- "MotionSlot"
875
+ "AnimatePresence"
701
876
  ],
702
877
  "internalComponentProps": {
703
878
  "Icon": {
@@ -705,29 +880,21 @@
705
880
  "current"
706
881
  ]
707
882
  },
708
- "AnimatePresence": {
709
- "mode": [
710
- "popLayout"
711
- ]
712
- },
713
883
  "SpringMotionConfig": {
714
884
  "layoutSpeed": [
715
885
  "3"
716
886
  ]
717
887
  },
718
- "MotionSlot": {
719
- "whileHover": [
720
- "hover"
721
- ],
722
- "whileTap": [
723
- "pressed"
888
+ "AnimatePresence": {
889
+ "mode": [
890
+ "popLayout"
724
891
  ]
725
892
  }
726
893
  },
727
894
  "propToVariantKeys": {
728
895
  "size": [
729
- "buttonSizeRoot",
730
- "buttonSizeIcon"
896
+ "iconbuttonSizeRoot",
897
+ "iconbuttonSizeIcon"
731
898
  ],
732
899
  "variant": [
733
900
  "buttonVariantRoot",
@@ -735,6 +902,60 @@
735
902
  ],
736
903
  "iconVariant": [
737
904
  "variant"
905
+ ]
906
+ },
907
+ "runtimeConfigDefaultProps": {},
908
+ "runtimeConfigGetStyles": {},
909
+ "runtimeConfigInternalComponentProps": {},
910
+ "motionVarPrefixes": [
911
+ "--uds-motion-subtle-3-",
912
+ "--uds-motion-smooth-3-"
913
+ ]
914
+ },
915
+ "Badge": {
916
+ "name": "Badge",
917
+ "defaultProps": {
918
+ "variant": "primary",
919
+ "size": "md"
920
+ },
921
+ "getStylesLiterals": {},
922
+ "cxLiterals": [
923
+ "flex-1",
924
+ "truncate",
925
+ "whitespace-nowrap",
926
+ "text-center"
927
+ ],
928
+ "internalComponents": [
929
+ "IconSlot",
930
+ "HStack"
931
+ ],
932
+ "internalComponentProps": {
933
+ "IconSlot": {
934
+ "data-testid": [
935
+ "start-icon",
936
+ "end-icon"
937
+ ]
938
+ },
939
+ "HStack": {
940
+ "gap": [
941
+ "2"
942
+ ],
943
+ "display": [
944
+ "inline-flex"
945
+ ],
946
+ "alignItems": [
947
+ "center"
948
+ ]
949
+ }
950
+ },
951
+ "propToVariantKeys": {
952
+ "size": [
953
+ "badgeSizeRoot",
954
+ "badgeSizeIcon"
955
+ ],
956
+ "variant": [
957
+ "badgeVariantRoot",
958
+ "badgeVariantIcon"
738
959
  ],
739
960
  "startIcon": [
740
961
  "icon"
@@ -746,10 +967,7 @@
746
967
  "runtimeConfigDefaultProps": {},
747
968
  "runtimeConfigGetStyles": {},
748
969
  "runtimeConfigInternalComponentProps": {},
749
- "motionVarPrefixes": [
750
- "--uds-motion-subtle-3-",
751
- "--uds-motion-smooth-3-"
752
- ]
970
+ "motionVarPrefixes": []
753
971
  },
754
972
  "Checkbox": {
755
973
  "name": "Checkbox",
@@ -857,8 +1075,8 @@
857
1075
  "--uds-motion-smooth-3-"
858
1076
  ]
859
1077
  },
860
- "IconButton": {
861
- "name": "IconButton",
1078
+ "Button": {
1079
+ "name": "Button",
862
1080
  "defaultProps": {
863
1081
  "type": "button"
864
1082
  },
@@ -870,21 +1088,27 @@
870
1088
  "overflow-hidden",
871
1089
  "justify-center",
872
1090
  "items-center",
1091
+ "whitespace-nowrap",
1092
+ "select-none",
873
1093
  "[transform-origin:center]",
874
1094
  "[backface-visibility:hidden]",
875
- "[transition-property:color,background-color,border-color,",
876
- "box-shadow,text-decoration-color,fill,stroke]",
1095
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
877
1096
  "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
878
1097
  "[transition-duration:220ms]",
879
1098
  "cursor-not-allowed",
880
1099
  "uds-button-loading",
881
1100
  "uds-button-without-effects",
882
- "animate-spin"
1101
+ "withIcon",
1102
+ "uds-button-with-gap",
1103
+ "animate-spin",
1104
+ "truncate"
883
1105
  ],
884
1106
  "internalComponents": [
885
1107
  "Icon",
1108
+ "IconSlot",
1109
+ "AnimatePresence",
886
1110
  "SpringMotionConfig",
887
- "AnimatePresence"
1111
+ "MotionSlot"
888
1112
  ],
889
1113
  "internalComponentProps": {
890
1114
  "Icon": {
@@ -892,21 +1116,29 @@
892
1116
  "current"
893
1117
  ]
894
1118
  },
1119
+ "AnimatePresence": {
1120
+ "mode": [
1121
+ "popLayout"
1122
+ ]
1123
+ },
895
1124
  "SpringMotionConfig": {
896
1125
  "layoutSpeed": [
897
1126
  "3"
898
1127
  ]
899
1128
  },
900
- "AnimatePresence": {
901
- "mode": [
902
- "popLayout"
1129
+ "MotionSlot": {
1130
+ "whileHover": [
1131
+ "hover"
1132
+ ],
1133
+ "whileTap": [
1134
+ "pressed"
903
1135
  ]
904
1136
  }
905
1137
  },
906
1138
  "propToVariantKeys": {
907
1139
  "size": [
908
- "iconbuttonSizeRoot",
909
- "iconbuttonSizeIcon"
1140
+ "buttonSizeRoot",
1141
+ "buttonSizeIcon"
910
1142
  ],
911
1143
  "variant": [
912
1144
  "buttonVariantRoot",
@@ -914,6 +1146,12 @@
914
1146
  ],
915
1147
  "iconVariant": [
916
1148
  "variant"
1149
+ ],
1150
+ "startIcon": [
1151
+ "icon"
1152
+ ],
1153
+ "endIcon": [
1154
+ "icon"
917
1155
  ]
918
1156
  },
919
1157
  "runtimeConfigDefaultProps": {},
@@ -924,196 +1162,185 @@
924
1162
  "--uds-motion-smooth-3-"
925
1163
  ]
926
1164
  },
927
- "Pressable": {
928
- "name": "Pressable",
929
- "defaultProps": {},
930
- "getStylesLiterals": {},
931
- "cxLiterals": [],
932
- "internalComponents": [
933
- "Comp"
934
- ],
935
- "internalComponentProps": {},
936
- "propToVariantKeys": {},
937
- "runtimeConfigDefaultProps": {},
938
- "runtimeConfigGetStyles": {},
939
- "runtimeConfigInternalComponentProps": {},
940
- "motionVarPrefixes": []
941
- },
942
- "SpringMotionConfig": {
943
- "name": "SpringMotionConfig",
1165
+ "Accordion": {
1166
+ "name": "Accordion",
944
1167
  "defaultProps": {
945
- "reducedMotion": "user"
1168
+ "spacingHorizontal": "4",
1169
+ "spacingVertical": "4"
946
1170
  },
947
1171
  "getStylesLiterals": {},
948
- "cxLiterals": [],
949
- "internalComponents": [
950
- "LazyMotion",
951
- "MotionConfig"
952
- ],
953
- "internalComponentProps": {},
954
- "propToVariantKeys": {
955
- "loadFeatures": [
956
- "features"
957
- ]
958
- },
959
- "runtimeConfigDefaultProps": {},
960
- "runtimeConfigGetStyles": {},
961
- "runtimeConfigInternalComponentProps": {},
962
- "motionVarPrefixes": []
963
- },
964
- "Switch": {
965
- "name": "Switch",
966
- "defaultProps": {
967
- "labelPosition": "start",
968
- "size": "md"
969
- },
970
- "getStylesLiterals": {
971
- "switchVariantRoot": "default",
972
- "switchVariantActiveRoot": "on",
973
- "switchVariantActiveRoot:1": "off",
974
- "display": "flex",
975
- "flexDirection": "row",
976
- "flexDirection:1": "row-reverse",
977
- "alignItems": "center",
978
- "switchVariantSwitch": "default",
979
- "switchVariantActiveSwitch": "on",
980
- "switchVariantActiveSwitch:1": "off",
981
- "borderRadius": "full",
982
- "position": "relative",
983
- "switchVariantActiveHandle": "on",
984
- "switchVariantActiveHandle:1": "off",
985
- "switchVariantHandle": "default",
986
- "switchVariantHandleIcon": "default",
987
- "switchVariantActiveHandleIcon": "on",
988
- "switchVariantActiveHandleIcon:1": "off"
989
- },
990
- "cxLiterals": [
991
- "group",
992
- "cursor-pointer",
993
- "cursor-default",
994
- "opacity-50",
995
- "uds-ring",
996
- "uds-ring-within",
997
- "transition-[background-color,box-shadow]",
998
- "relative",
999
- "pointer-events-none",
1000
- "uds-border-radius-full",
1001
- "overflow-hidden",
1002
- "absolute",
1003
- "top-0",
1004
- "left-0",
1005
- "right-0",
1006
- "bottom-0",
1007
- "opacity-95",
1008
- "group-hover:opacity-100",
1009
- "transition-[background-color,box-shadow,opacity]",
1010
- "opacity-0",
1011
- "top-1/2",
1012
- "left-1/2",
1013
- "transform",
1014
- "translate-x-[-50%]",
1015
- "translate-y-[-50%]",
1016
- "transition-opacity",
1017
- "cursor-[inherit]",
1018
- "w-[calc(100%+2px)]",
1019
- "h-[calc(100%+2px)]",
1020
- "text-start",
1021
- "text-end",
1022
- "opacity-100"
1172
+ "cxLiterals": [
1173
+ "hover:bg-secondary/80",
1174
+ "w-full"
1023
1175
  ],
1024
1176
  "internalComponents": [
1025
- "IconSlot",
1026
- "Box",
1027
- "FormLabel",
1177
+ "Icon",
1028
1178
  "SpringMotionConfig",
1029
- "RootElement",
1030
- "MotionBox"
1179
+ "Pressable",
1180
+ "Text",
1181
+ "HStack",
1182
+ "AnimatePresence",
1183
+ "VStack"
1031
1184
  ],
1032
1185
  "internalComponentProps": {
1033
- "IconSlot": {
1034
- "data-testid": [
1035
- "on-icon",
1036
- "off-icon"
1186
+ "Icon": {
1187
+ "variant": [
1188
+ "fill"
1189
+ ],
1190
+ "size": [
1191
+ "sm"
1192
+ ],
1193
+ "color": [
1194
+ "primary"
1037
1195
  ]
1038
1196
  },
1039
- "FormLabel": {
1040
- "as": [
1041
- "div"
1197
+ "SpringMotionConfig": {
1198
+ "layoutVariant": [
1199
+ "smooth"
1200
+ ],
1201
+ "layoutSpeed": [
1202
+ "3"
1203
+ ]
1204
+ },
1205
+ "Pressable": {
1206
+ "display": [
1207
+ "flex"
1208
+ ],
1209
+ "flexDirection": [
1210
+ "row"
1211
+ ],
1212
+ "alignItems": [
1213
+ "center"
1214
+ ],
1215
+ "justifyContent": [
1216
+ "space-between"
1042
1217
  ],
1218
+ "borderRadius": [
1219
+ "md"
1220
+ ]
1221
+ },
1222
+ "Text": {
1043
1223
  "variant": [
1044
- "inherit"
1224
+ "title4"
1045
1225
  ],
1046
1226
  "color": [
1047
- "inherit"
1227
+ "primary"
1048
1228
  ]
1049
1229
  },
1050
- "RootElement": {
1051
- "data-testid": [
1052
- "container"
1230
+ "HStack": {
1231
+ "display": [
1232
+ "flex"
1233
+ ],
1234
+ "alignItems": [
1235
+ "center"
1236
+ ],
1237
+ "justifyContent": [
1238
+ "space-between"
1239
+ ],
1240
+ "columnGap": [
1241
+ "2.5"
1053
1242
  ]
1054
1243
  }
1055
1244
  },
1056
- "propToVariantKeys": {
1057
- "size": [
1058
- "switchSizeRoot",
1059
- "switchSizeSwitch",
1060
- "switchSizeHandle",
1061
- "switchSizeHandleIcon"
1062
- ],
1063
- "onIcon": [
1064
- "icon"
1065
- ],
1066
- "offIcon": [
1067
- "icon"
1068
- ],
1069
- "reduceMotion": [
1070
- "reducedMotion"
1071
- ]
1072
- },
1245
+ "propToVariantKeys": {},
1073
1246
  "runtimeConfigDefaultProps": {},
1074
1247
  "runtimeConfigGetStyles": {},
1075
1248
  "runtimeConfigInternalComponentProps": {},
1076
1249
  "motionVarPrefixes": [
1077
- "--uds-motion-bouncy-4-",
1078
1250
  "--uds-motion-smooth-3-"
1079
1251
  ]
1080
1252
  },
1081
- "Spinner": {
1082
- "name": "Spinner",
1083
- "defaultProps": {
1084
- "color": "primary",
1085
- "size": "lg"
1086
- },
1253
+ "Modal": {
1254
+ "name": "Modal",
1255
+ "defaultProps": {},
1087
1256
  "getStylesLiterals": {},
1088
1257
  "cxLiterals": [
1089
- "self-center",
1090
- "relative",
1091
- "sr-only"
1258
+ "inset-8",
1259
+ "top-[250px]",
1260
+ "z-50",
1261
+ "mx-auto",
1262
+ "h-fit",
1263
+ "w-[600px]",
1264
+ "origin-center",
1265
+ "scale-95",
1266
+ "opacity-0",
1267
+ "transition",
1268
+ "duration-150",
1269
+ "data-[enter]:scale-100",
1270
+ "data-[enter]:opacity-100",
1271
+ "data-[enter]:bg-primary",
1272
+ "backdrop-blur-0",
1273
+ "data-[enter]:opacity-60",
1274
+ "data-[enter]:backdrop-blur-sm"
1092
1275
  ],
1093
1276
  "internalComponents": [
1094
- "Icon"
1277
+ "IconButton",
1278
+ "Dialog",
1279
+ "HStack",
1280
+ "Text",
1281
+ "VStack"
1095
1282
  ],
1096
1283
  "internalComponentProps": {
1097
- "Icon": {
1098
- "role": [
1099
- "img"
1284
+ "IconButton": {
1285
+ "aria-label": [
1286
+ "Close"
1100
1287
  ],
1101
- "className": [
1102
- "animate-spin"
1288
+ "size": [
1289
+ "sm"
1103
1290
  ],
1104
- "aria-hidden": [
1105
- "true"
1291
+ "variant": [
1292
+ "tertiary"
1293
+ ]
1294
+ },
1295
+ "HStack": {
1296
+ "alignItems": [
1297
+ "center"
1298
+ ],
1299
+ "justifyContent": [
1300
+ "space-between"
1301
+ ]
1302
+ },
1303
+ "Text": {
1304
+ "variant": [
1305
+ "headline1"
1306
+ ],
1307
+ "color": [
1308
+ "primary"
1309
+ ]
1310
+ },
1311
+ "VStack": {
1312
+ "borderRadius": [
1313
+ "md"
1314
+ ],
1315
+ "position": [
1316
+ "fixed"
1317
+ ],
1318
+ "backgroundColor": [
1319
+ "primary"
1320
+ ],
1321
+ "dropShadow": [
1322
+ "md"
1323
+ ],
1324
+ "spacing": [
1325
+ "8"
1326
+ ],
1327
+ "overflow": [
1328
+ "hidden"
1106
1329
  ]
1107
1330
  }
1108
1331
  },
1109
- "propToVariantKeys": {},
1332
+ "propToVariantKeys": {
1333
+ "handleClose": [
1334
+ "onClick"
1335
+ ]
1336
+ },
1110
1337
  "runtimeConfigDefaultProps": {},
1111
1338
  "runtimeConfigGetStyles": {},
1112
1339
  "runtimeConfigInternalComponentProps": {},
1113
1340
  "motionVarPrefixes": []
1114
1341
  },
1115
- "Table.mocks": {
1116
- "name": "Table.mocks",
1342
+ "AvoidMotionLibraryProvider": {
1343
+ "name": "AvoidMotionLibraryProvider",
1117
1344
  "defaultProps": {},
1118
1345
  "getStylesLiterals": {},
1119
1346
  "cxLiterals": [],
@@ -1125,52 +1352,232 @@
1125
1352
  "runtimeConfigInternalComponentProps": {},
1126
1353
  "motionVarPrefixes": []
1127
1354
  },
1128
- "Table": {
1129
- "name": "Table",
1355
+ "SegmentedControl": {
1356
+ "name": "SegmentedControl",
1130
1357
  "defaultProps": {
1131
- "display": "table-cell",
1132
- "overflow": "hidden",
1358
+ "textVariant": "label2"
1359
+ },
1360
+ "getStylesLiterals": {
1361
+ "display": "flex",
1362
+ "alignItems": "center",
1363
+ "backgroundColor": "primary",
1364
+ "spacingVertical": "1",
1365
+ "spacingHorizontal": "3",
1366
+ "columnGap": "1.5",
1367
+ "borderWidth": "thin",
1368
+ "borderRadius": "full",
1133
1369
  "borderColor": "muted",
1134
- "borderRadius": "md",
1135
- "spacing": "3",
1136
- "borderBottomColor": "muted",
1137
- "borderBottomWidth": "thin",
1138
- "color": "primary"
1370
+ "borderColor:1": "transparent",
1371
+ "color": "primary",
1372
+ "color:1": "tertiary",
1373
+ "color:2": "muted"
1374
+ },
1375
+ "cxLiterals": [
1376
+ "uds-ring",
1377
+ "cursor-not-allowed",
1378
+ "opacity-50",
1379
+ "pointer-events-none",
1380
+ "hover:bg-primary"
1381
+ ],
1382
+ "internalComponents": [
1383
+ "TextVariant",
1384
+ "Radio",
1385
+ "Icon",
1386
+ "RadioProvider",
1387
+ "HStack",
1388
+ "RadioGroup",
1389
+ "Pressable",
1390
+ "Text"
1391
+ ],
1392
+ "internalComponentProps": {
1393
+ "Icon": {
1394
+ "size": [
1395
+ "sm"
1396
+ ],
1397
+ "color": [
1398
+ "current"
1399
+ ],
1400
+ "aria-hidden": [
1401
+ "true"
1402
+ ]
1403
+ },
1404
+ "HStack": {
1405
+ "spacing": [
1406
+ "1"
1407
+ ],
1408
+ "gap": [
1409
+ "1"
1410
+ ],
1411
+ "backgroundColor": [
1412
+ "secondary"
1413
+ ],
1414
+ "borderRadius": [
1415
+ "full"
1416
+ ],
1417
+ "display": [
1418
+ "inline-flex"
1419
+ ]
1420
+ },
1421
+ "Text": {
1422
+ "color": [
1423
+ "current"
1424
+ ]
1425
+ }
1426
+ },
1427
+ "propToVariantKeys": {
1428
+ "value": [
1429
+ "key"
1430
+ ],
1431
+ "label": [
1432
+ "aria-label"
1433
+ ],
1434
+ "textVariant": [
1435
+ "variant"
1436
+ ]
1437
+ },
1438
+ "runtimeConfigDefaultProps": {},
1439
+ "runtimeConfigGetStyles": {},
1440
+ "runtimeConfigInternalComponentProps": {},
1441
+ "motionVarPrefixes": []
1442
+ },
1443
+ "SwitchV2": {
1444
+ "name": "SwitchV2",
1445
+ "defaultProps": {
1446
+ "labelPosition": "start",
1447
+ "size": "md"
1139
1448
  },
1140
1449
  "getStylesLiterals": {
1141
- "textAlign": "start"
1450
+ "switchVariantRoot": "default",
1451
+ "switchVariantActiveRoot": "on",
1452
+ "switchVariantActiveRoot:1": "off",
1453
+ "switchVariantSwitch": "default",
1454
+ "switchVariantActiveSwitch": "on",
1455
+ "switchVariantActiveSwitch:1": "off",
1456
+ "switchVariantActiveHandle": "on",
1457
+ "switchVariantActiveHandle:1": "off",
1458
+ "switchVariantHandle": "default",
1459
+ "switchVariantHandleIcon": "default",
1460
+ "switchVariantActiveHandleIcon": "on",
1461
+ "switchVariantActiveHandleIcon:1": "off"
1142
1462
  },
1143
- "cxLiterals": [],
1463
+ "cxLiterals": [
1464
+ "group",
1465
+ "flex",
1466
+ "items-center",
1467
+ "flex-row",
1468
+ "flex-row-reverse",
1469
+ "uds-ring",
1470
+ "uds-ring-within",
1471
+ "relative",
1472
+ "uds-border-radius-full",
1473
+ "transition-[background-color,box-shadow]",
1474
+ "pointer-events-none",
1475
+ "w-full",
1476
+ "h-full",
1477
+ "absolute",
1478
+ "top-0",
1479
+ "bottom-0",
1480
+ "right-0",
1481
+ "left-0",
1482
+ "overflow-hidden",
1483
+ "group-hover:scale-105",
1484
+ "opacity-95",
1485
+ "group-hover:opacity-100",
1486
+ "transition-[transform,opacity]",
1487
+ "opacity-0",
1488
+ "top-1/2",
1489
+ "left-1/2",
1490
+ "transform",
1491
+ "translate-x-[-50%]",
1492
+ "translate-y-[-50%]",
1493
+ "transition-opacity",
1494
+ "cursor-[inherit]",
1495
+ "w-[calc(100%+2px)]",
1496
+ "h-[calc(100%+2px)]",
1497
+ "text-start",
1498
+ "text-end",
1499
+ "opacity-100"
1500
+ ],
1144
1501
  "internalComponents": [
1145
- "CellComponent",
1502
+ "IconSlot",
1146
1503
  "Box",
1147
- "Text",
1148
- "Table.Root",
1149
- "Table.Header",
1150
- "Table.Row",
1151
- "Table.Cell",
1152
- "Table.Body"
1504
+ "FormLabel",
1505
+ "SpringMotionConfig",
1506
+ "RootElement",
1507
+ "MotionBox"
1153
1508
  ],
1154
1509
  "internalComponentProps": {
1155
- "Table.Cell": {
1156
- "asHeaderCell": [
1157
- "column"
1510
+ "IconSlot": {
1511
+ "data-testid": [
1512
+ "on-icon",
1513
+ "off-icon"
1514
+ ]
1515
+ },
1516
+ "FormLabel": {
1517
+ "as": [
1518
+ "div"
1519
+ ],
1520
+ "variant": [
1521
+ "inherit"
1522
+ ],
1523
+ "color": [
1524
+ "inherit"
1525
+ ]
1526
+ },
1527
+ "SpringMotionConfig": {
1528
+ "layoutVariant": [
1529
+ "bouncy"
1530
+ ],
1531
+ "layoutSpeed": [
1532
+ "4"
1533
+ ]
1534
+ },
1535
+ "RootElement": {
1536
+ "data-testid": [
1537
+ "switch-root"
1538
+ ]
1539
+ },
1540
+ "MotionBox": {
1541
+ "layout": [
1542
+ "position"
1158
1543
  ]
1159
1544
  }
1160
1545
  },
1161
- "propToVariantKeys": {},
1546
+ "propToVariantKeys": {
1547
+ "size": [
1548
+ "switchSizeRoot",
1549
+ "switchSizeSwitch",
1550
+ "switchSizeHandle",
1551
+ "switchSizeHandleIcon"
1552
+ ],
1553
+ "onIcon": [
1554
+ "icon"
1555
+ ],
1556
+ "offIcon": [
1557
+ "icon"
1558
+ ],
1559
+ "reduceMotion": [
1560
+ "reducedMotion"
1561
+ ],
1562
+ "isOn": [
1563
+ "layoutDependency"
1564
+ ]
1565
+ },
1162
1566
  "runtimeConfigDefaultProps": {},
1163
1567
  "runtimeConfigGetStyles": {},
1164
1568
  "runtimeConfigInternalComponentProps": {},
1165
- "motionVarPrefixes": []
1569
+ "motionVarPrefixes": [
1570
+ "--uds-motion-bouncy-4-",
1571
+ "--uds-motion-smooth-3-"
1572
+ ]
1166
1573
  },
1167
- "Avatar": {
1168
- "name": "Avatar",
1574
+ "UDSToastConfigProvider": {
1575
+ "name": "UDSToastConfigProvider",
1169
1576
  "defaultProps": {},
1170
1577
  "getStylesLiterals": {},
1171
1578
  "cxLiterals": [],
1172
1579
  "internalComponents": [
1173
- "AvatarImage"
1580
+ "ToastContext.Provider"
1174
1581
  ],
1175
1582
  "internalComponentProps": {},
1176
1583
  "propToVariantKeys": {},
@@ -1179,177 +1586,198 @@
1179
1586
  "runtimeConfigInternalComponentProps": {},
1180
1587
  "motionVarPrefixes": []
1181
1588
  },
1182
- "AvatarIcon": {
1183
- "name": "AvatarIcon",
1184
- "defaultProps": {
1185
- "size": "md",
1186
- "variant": "primary"
1187
- },
1589
+ "ToastPortal": {
1590
+ "name": "ToastPortal",
1591
+ "defaultProps": {},
1188
1592
  "getStylesLiterals": {},
1189
- "cxLiterals": [
1190
- "overflow-hidden",
1191
- "w-full",
1192
- "h-full",
1193
- "shrink-0",
1194
- "text-center",
1195
- "inline-flex",
1196
- "justify-center",
1197
- "items-center"
1198
- ],
1593
+ "cxLiterals": [],
1199
1594
  "internalComponents": [
1200
- "IconSlot",
1201
- "Box"
1595
+ "ReactToastifyToastContainer"
1202
1596
  ],
1203
1597
  "internalComponentProps": {},
1204
- "propToVariantKeys": {
1205
- "size": [
1206
- "avatarSizeIcon"
1207
- ]
1598
+ "propToVariantKeys": {},
1599
+ "runtimeConfigDefaultProps": {
1600
+ "size": "toast.defaultSize",
1601
+ "variant": "toast.defaultVariant"
1208
1602
  },
1209
- "runtimeConfigDefaultProps": {},
1210
1603
  "runtimeConfigGetStyles": {},
1211
- "runtimeConfigInternalComponentProps": {},
1604
+ "runtimeConfigInternalComponentProps": {
1605
+ "ReactToastifyToastContainer": {
1606
+ "autoClose": [
1607
+ "toast.autoClose"
1608
+ ]
1609
+ }
1610
+ },
1212
1611
  "motionVarPrefixes": []
1213
1612
  },
1214
- "AvatarImage": {
1215
- "name": "AvatarImage",
1216
- "defaultProps": {
1217
- "size": "md",
1218
- "variant": "primary"
1613
+ "Toast": {
1614
+ "name": "Toast",
1615
+ "defaultProps": {},
1616
+ "getStylesLiterals": {
1617
+ "className": "animate-spin",
1618
+ "className:1": "flex-none",
1619
+ "spacing": "2",
1620
+ "borderRadius": "full"
1219
1621
  },
1220
- "getStylesLiterals": {},
1221
1622
  "cxLiterals": [
1222
- "overflow-hidden",
1223
- "w-full",
1224
- "h-full",
1225
- "shrink-0",
1226
- "text-center",
1227
- "inline-flex",
1228
- "justify-center",
1229
- "items-center",
1230
- "object-cover"
1623
+ "duration-0",
1624
+ "duration-120",
1625
+ "transition-[background-color]",
1626
+ "bg-carbon-15/0",
1627
+ "hover:bg-carbon-15/10",
1628
+ "active:bg-carbon-15/15",
1629
+ "uds-ring"
1231
1630
  ],
1232
1631
  "internalComponents": [
1233
- "UDSImage",
1234
- "AvatarText",
1235
- "AvatarIcon",
1236
- "Box"
1632
+ "IconSlot",
1633
+ "ToastContainer",
1634
+ "Text",
1635
+ "Button",
1636
+ "Pressable"
1237
1637
  ],
1238
1638
  "internalComponentProps": {},
1239
1639
  "propToVariantKeys": {
1240
- "alt": [
1241
- "name"
1640
+ "size": [
1641
+ "toastSizeLabel",
1642
+ "toastSizeIcon",
1643
+ "toastSizeActionButton",
1644
+ "toastSizeCloseIcon"
1242
1645
  ],
1243
- "fallback": [
1244
- "initials"
1646
+ "variant": [
1647
+ "toastVariantIcon",
1648
+ "toastVariantActionButton",
1649
+ "toastVariantCloseIcon"
1650
+ ],
1651
+ "closeIcon": [
1652
+ "icon"
1653
+ ],
1654
+ "onClickActionButton": [
1655
+ "onClick"
1245
1656
  ]
1246
1657
  },
1247
- "runtimeConfigDefaultProps": {},
1248
- "runtimeConfigGetStyles": {},
1249
- "runtimeConfigInternalComponentProps": {},
1250
- "motionVarPrefixes": []
1251
- },
1252
- "AvatarText": {
1253
- "name": "AvatarText",
1254
- "defaultProps": {
1255
- "size": "md",
1256
- "variant": "primary"
1658
+ "runtimeConfigDefaultProps": {
1659
+ "size": "toast.defaultSize",
1660
+ "variant": "toast.defaultVariant"
1661
+ },
1662
+ "runtimeConfigGetStyles": {
1663
+ "toastSizeLabel": [
1664
+ "toast.defaultSize"
1665
+ ],
1666
+ "toastVariantIcon": [
1667
+ "toast.defaultVariant"
1668
+ ],
1669
+ "toastSizeIcon": [
1670
+ "toast.defaultSize"
1671
+ ],
1672
+ "toastSizeActionButton": [
1673
+ "toast.defaultSize"
1674
+ ],
1675
+ "toastVariantActionButton": [
1676
+ "toast.defaultVariant"
1677
+ ],
1678
+ "toastVariantCloseIcon": [
1679
+ "toast.defaultVariant"
1680
+ ],
1681
+ "toastSizeCloseIcon": [
1682
+ "toast.defaultSize"
1683
+ ]
1257
1684
  },
1258
- "getStylesLiterals": {},
1259
- "cxLiterals": [
1260
- "overflow-hidden",
1261
- "truncate",
1262
- "w-full",
1263
- "h-full",
1264
- "shrink-0",
1265
- "text-center",
1266
- "inline-flex",
1267
- "justify-center",
1268
- "items-center"
1269
- ],
1270
- "internalComponents": [
1271
- "Box",
1272
- "Text"
1273
- ],
1274
- "internalComponentProps": {
1685
+ "runtimeConfigInternalComponentProps": {
1686
+ "ToastContainer": {
1687
+ "size": [
1688
+ "toast.defaultSize"
1689
+ ],
1690
+ "variant": [
1691
+ "toast.defaultVariant"
1692
+ ]
1693
+ },
1275
1694
  "Text": {
1695
+ "variant": [
1696
+ "toast.textVariant.${size}"
1697
+ ],
1276
1698
  "color": [
1277
- "inherit"
1699
+ "toast.textColor.${variant}"
1700
+ ]
1701
+ },
1702
+ "Button": {
1703
+ "size": [
1704
+ "toast.buttonSize.${size}"
1278
1705
  ],
1279
1706
  "variant": [
1280
- "inherit"
1707
+ "toast.buttonVariant.${variant}"
1281
1708
  ]
1282
1709
  }
1283
1710
  },
1284
- "propToVariantKeys": {},
1285
- "runtimeConfigDefaultProps": {},
1286
- "runtimeConfigGetStyles": {},
1287
- "runtimeConfigInternalComponentProps": {},
1288
1711
  "motionVarPrefixes": []
1289
1712
  },
1290
- "BottomSheet": {
1291
- "name": "BottomSheet",
1292
- "defaultProps": {
1293
- "variant": "default"
1713
+ "ToastContainer": {
1714
+ "name": "ToastContainer",
1715
+ "defaultProps": {},
1716
+ "getStylesLiterals": {
1717
+ "position": "relative",
1718
+ "alignItems": "center",
1719
+ "display": "flex",
1720
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1294
1721
  },
1295
- "getStylesLiterals": {},
1296
1722
  "cxLiterals": [
1297
- "fixed",
1298
- "overflow-hidden",
1299
- "inset-x-0",
1300
- "bottom-0",
1301
- "z-50",
1302
- "[will-change:transform]",
1303
- "touch-none",
1304
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1305
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1306
- "transition-transform",
1307
- "duration-500",
1308
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1309
- "motion-reduce:transition-none",
1310
- "top-[-4px]",
1311
- "z-[1]",
1312
- "touch-pan-y"
1723
+ "w-full"
1313
1724
  ],
1314
1725
  "internalComponents": [
1315
- "Scrim",
1316
- "BottomSheetHandle",
1317
- "Dialog",
1318
- "Box",
1319
- "BottomSheetInternalContext.Provider"
1726
+ "HStack"
1320
1727
  ],
1321
1728
  "internalComponentProps": {
1322
- "BottomSheetHandle": {
1323
- "ariaLabel": [
1324
- "Resize sheet"
1325
- ]
1326
- },
1327
- "Dialog": {
1328
- "data-testid": [
1329
- "bottom-sheet"
1330
- ]
1331
- },
1332
- "Box": {
1333
- "display": [
1334
- "block",
1335
- "flex"
1729
+ "HStack": {
1730
+ "alignItems": [
1731
+ "center"
1336
1732
  ],
1337
- "position": [
1338
- "absolute"
1733
+ "justifyContent": [
1734
+ "space-between"
1339
1735
  ],
1340
- "flexDirection": [
1341
- "column"
1736
+ "overflow": [
1737
+ "hidden"
1342
1738
  ],
1343
- "className": [
1344
- "absolute inset-0 min-h-0 p-[inherit]"
1739
+ "position": [
1740
+ "relative"
1345
1741
  ]
1346
1742
  }
1347
1743
  },
1348
1744
  "propToVariantKeys": {
1349
1745
  "variant": [
1350
- "bottomsheetVariantRoot"
1746
+ "toastVariantRoot"
1747
+ ],
1748
+ "size": [
1749
+ "toastSizeRoot"
1750
+ ]
1751
+ },
1752
+ "runtimeConfigDefaultProps": {
1753
+ "size": "toast.defaultSize",
1754
+ "variant": "toast.defaultVariant"
1755
+ },
1756
+ "runtimeConfigGetStyles": {
1757
+ "toastVariantRoot": [
1758
+ "toast.defaultVariant"
1759
+ ],
1760
+ "toastSizeRoot": [
1761
+ "toast.defaultSize"
1351
1762
  ]
1352
1763
  },
1764
+ "runtimeConfigInternalComponentProps": {
1765
+ "HStack": {
1766
+ "backgroundColor": [
1767
+ "toast.backgroundColor.${variant}"
1768
+ ]
1769
+ }
1770
+ },
1771
+ "motionVarPrefixes": []
1772
+ },
1773
+ "BottomSheetInternalContext": {
1774
+ "name": "BottomSheetInternalContext",
1775
+ "defaultProps": {},
1776
+ "getStylesLiterals": {},
1777
+ "cxLiterals": [],
1778
+ "internalComponents": [],
1779
+ "internalComponentProps": {},
1780
+ "propToVariantKeys": {},
1353
1781
  "runtimeConfigDefaultProps": {},
1354
1782
  "runtimeConfigGetStyles": {},
1355
1783
  "runtimeConfigInternalComponentProps": {},
@@ -1388,21 +1816,6 @@
1388
1816
  "runtimeConfigInternalComponentProps": {},
1389
1817
  "motionVarPrefixes": []
1390
1818
  },
1391
- "BottomSheetDismiss": {
1392
- "name": "BottomSheetDismiss",
1393
- "defaultProps": {},
1394
- "getStylesLiterals": {},
1395
- "cxLiterals": [],
1396
- "internalComponents": [
1397
- "AriakitDialogDismiss"
1398
- ],
1399
- "internalComponentProps": {},
1400
- "propToVariantKeys": {},
1401
- "runtimeConfigDefaultProps": {},
1402
- "runtimeConfigGetStyles": {},
1403
- "runtimeConfigInternalComponentProps": {},
1404
- "motionVarPrefixes": []
1405
- },
1406
1819
  "BottomSheetHandle": {
1407
1820
  "name": "BottomSheetHandle",
1408
1821
  "defaultProps": {
@@ -1449,6 +1862,74 @@
1449
1862
  "runtimeConfigInternalComponentProps": {},
1450
1863
  "motionVarPrefixes": []
1451
1864
  },
1865
+ "BottomSheet": {
1866
+ "name": "BottomSheet",
1867
+ "defaultProps": {
1868
+ "variant": "default"
1869
+ },
1870
+ "getStylesLiterals": {},
1871
+ "cxLiterals": [
1872
+ "fixed",
1873
+ "overflow-hidden",
1874
+ "inset-x-0",
1875
+ "bottom-0",
1876
+ "z-50",
1877
+ "[will-change:transform]",
1878
+ "touch-none",
1879
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1880
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1881
+ "transition-transform",
1882
+ "duration-500",
1883
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1884
+ "motion-reduce:transition-none",
1885
+ "top-[-4px]",
1886
+ "z-[1]",
1887
+ "touch-pan-y"
1888
+ ],
1889
+ "internalComponents": [
1890
+ "Scrim",
1891
+ "BottomSheetHandle",
1892
+ "Dialog",
1893
+ "Box",
1894
+ "BottomSheetInternalContext.Provider"
1895
+ ],
1896
+ "internalComponentProps": {
1897
+ "BottomSheetHandle": {
1898
+ "ariaLabel": [
1899
+ "Resize sheet"
1900
+ ]
1901
+ },
1902
+ "Dialog": {
1903
+ "data-testid": [
1904
+ "bottom-sheet"
1905
+ ]
1906
+ },
1907
+ "Box": {
1908
+ "display": [
1909
+ "block",
1910
+ "flex"
1911
+ ],
1912
+ "position": [
1913
+ "absolute"
1914
+ ],
1915
+ "flexDirection": [
1916
+ "column"
1917
+ ],
1918
+ "className": [
1919
+ "absolute inset-0 min-h-0 p-[inherit]"
1920
+ ]
1921
+ }
1922
+ },
1923
+ "propToVariantKeys": {
1924
+ "variant": [
1925
+ "bottomsheetVariantRoot"
1926
+ ]
1927
+ },
1928
+ "runtimeConfigDefaultProps": {},
1929
+ "runtimeConfigGetStyles": {},
1930
+ "runtimeConfigInternalComponentProps": {},
1931
+ "motionVarPrefixes": []
1932
+ },
1452
1933
  "BottomSheetHeader": {
1453
1934
  "name": "BottomSheetHeader",
1454
1935
  "defaultProps": {
@@ -1505,34 +1986,6 @@
1505
1986
  "runtimeConfigInternalComponentProps": {},
1506
1987
  "motionVarPrefixes": []
1507
1988
  },
1508
- "BottomSheetInternalContext": {
1509
- "name": "BottomSheetInternalContext",
1510
- "defaultProps": {},
1511
- "getStylesLiterals": {},
1512
- "cxLiterals": [],
1513
- "internalComponents": [],
1514
- "internalComponentProps": {},
1515
- "propToVariantKeys": {},
1516
- "runtimeConfigDefaultProps": {},
1517
- "runtimeConfigGetStyles": {},
1518
- "runtimeConfigInternalComponentProps": {},
1519
- "motionVarPrefixes": []
1520
- },
1521
- "BottomSheetProvider": {
1522
- "name": "BottomSheetProvider",
1523
- "defaultProps": {},
1524
- "getStylesLiterals": {},
1525
- "cxLiterals": [],
1526
- "internalComponents": [
1527
- "AriakitDialogProvider"
1528
- ],
1529
- "internalComponentProps": {},
1530
- "propToVariantKeys": {},
1531
- "runtimeConfigDefaultProps": {},
1532
- "runtimeConfigGetStyles": {},
1533
- "runtimeConfigInternalComponentProps": {},
1534
- "motionVarPrefixes": []
1535
- },
1536
1989
  "BottomSheetTrigger": {
1537
1990
  "name": "BottomSheetTrigger",
1538
1991
  "defaultProps": {},
@@ -1563,16 +2016,13 @@
1563
2016
  "runtimeConfigInternalComponentProps": {},
1564
2017
  "motionVarPrefixes": []
1565
2018
  },
1566
- "Chip": {
1567
- "name": "Chip",
2019
+ "BottomSheetDismiss": {
2020
+ "name": "BottomSheetDismiss",
1568
2021
  "defaultProps": {},
1569
2022
  "getStylesLiterals": {},
1570
2023
  "cxLiterals": [],
1571
2024
  "internalComponents": [
1572
- "ChipDismissible",
1573
- "ChipToggle",
1574
- "ChipLink",
1575
- "ChipButton"
2025
+ "AriakitDialogDismiss"
1576
2026
  ],
1577
2027
  "internalComponentProps": {},
1578
2028
  "propToVariantKeys": {},
@@ -1581,63 +2031,23 @@
1581
2031
  "runtimeConfigInternalComponentProps": {},
1582
2032
  "motionVarPrefixes": []
1583
2033
  },
1584
- "ChipBase": {
1585
- "name": "ChipBase",
1586
- "defaultProps": {
1587
- "size": "md",
1588
- "as": "div"
1589
- },
2034
+ "BottomSheetProvider": {
2035
+ "name": "BottomSheetProvider",
2036
+ "defaultProps": {},
1590
2037
  "getStylesLiterals": {},
1591
- "cxLiterals": [
1592
- "pointer-events-none",
1593
- "cursor-default",
1594
- "opacity-50",
1595
- "inline-flex",
1596
- "items-center",
1597
- "transition-[background-color,outline-color,box-shadow]",
1598
- "truncate",
1599
- "whitespace-nowrap",
1600
- "text-center",
1601
- "flex-1"
1602
- ],
2038
+ "cxLiterals": [],
1603
2039
  "internalComponents": [
1604
- "IconSlot",
1605
- "HStack",
1606
- "As",
1607
- "Text"
2040
+ "AriakitDialogProvider"
1608
2041
  ],
1609
- "internalComponentProps": {
1610
- "Text": {
1611
- "as": [
1612
- "span"
1613
- ],
1614
- "color": [
1615
- "current"
1616
- ],
1617
- "variant": [
1618
- "inherit"
1619
- ]
1620
- }
1621
- },
1622
- "propToVariantKeys": {
1623
- "size": [
1624
- "chipSizeRoot",
1625
- "chipSizeIcon"
1626
- ],
1627
- "startIcon": [
1628
- "icon"
1629
- ],
1630
- "endIcon": [
1631
- "icon"
1632
- ]
1633
- },
2042
+ "internalComponentProps": {},
2043
+ "propToVariantKeys": {},
1634
2044
  "runtimeConfigDefaultProps": {},
1635
2045
  "runtimeConfigGetStyles": {},
1636
2046
  "runtimeConfigInternalComponentProps": {},
1637
2047
  "motionVarPrefixes": []
1638
2048
  },
1639
- "ChipButton": {
1640
- "name": "ChipButton",
2049
+ "ChipLink": {
2050
+ "name": "ChipLink",
1641
2051
  "defaultProps": {
1642
2052
  "variant": "primary"
1643
2053
  },
@@ -1651,7 +2061,7 @@
1651
2061
  "internalComponentProps": {
1652
2062
  "ChipBase": {
1653
2063
  "as": [
1654
- "button"
2064
+ "a"
1655
2065
  ]
1656
2066
  }
1657
2067
  },
@@ -1698,36 +2108,6 @@
1698
2108
  "runtimeConfigInternalComponentProps": {},
1699
2109
  "motionVarPrefixes": []
1700
2110
  },
1701
- "ChipLink": {
1702
- "name": "ChipLink",
1703
- "defaultProps": {
1704
- "variant": "primary"
1705
- },
1706
- "getStylesLiterals": {},
1707
- "cxLiterals": [
1708
- "uds-ring"
1709
- ],
1710
- "internalComponents": [
1711
- "ChipBase"
1712
- ],
1713
- "internalComponentProps": {
1714
- "ChipBase": {
1715
- "as": [
1716
- "a"
1717
- ]
1718
- }
1719
- },
1720
- "propToVariantKeys": {
1721
- "variant": [
1722
- "chipLinkVariantRoot",
1723
- "chipLinkVariantIcon"
1724
- ]
1725
- },
1726
- "runtimeConfigDefaultProps": {},
1727
- "runtimeConfigGetStyles": {},
1728
- "runtimeConfigInternalComponentProps": {},
1729
- "motionVarPrefixes": []
1730
- },
1731
2111
  "ChipToggle": {
1732
2112
  "name": "ChipToggle",
1733
2113
  "defaultProps": {
@@ -1762,165 +2142,54 @@
1762
2142
  "runtimeConfigInternalComponentProps": {},
1763
2143
  "motionVarPrefixes": []
1764
2144
  },
1765
- "Menu.Content": {
1766
- "name": "Menu.Content",
2145
+ "ChipBase": {
2146
+ "name": "ChipBase",
1767
2147
  "defaultProps": {
1768
- "size": "default",
1769
- "variant": "default",
1770
- "gutter": "1"
2148
+ "size": "md",
2149
+ "as": "div"
1771
2150
  },
1772
2151
  "getStylesLiterals": {},
1773
2152
  "cxLiterals": [
1774
- "uds-menu-content",
1775
- "transition-shadow",
1776
- "duration-200",
1777
- "ease-in-out",
1778
- "min-w-60",
1779
- "max-w-lg",
1780
- "max-h-96",
1781
- "overflow-auto",
1782
- "uds-ring",
1783
- "z-10",
1784
- "group"
1785
- ],
1786
- "internalComponents": [
1787
- "AriakitMenu",
1788
- "AnimatePresence",
1789
- "MotionVStack"
1790
- ],
1791
- "internalComponentProps": {},
1792
- "propToVariantKeys": {
1793
- "size": [
1794
- "menucontentSizeRoot"
1795
- ],
1796
- "variant": [
1797
- "menucontentVariantRoot"
1798
- ]
1799
- },
1800
- "runtimeConfigDefaultProps": {},
1801
- "runtimeConfigGetStyles": {},
1802
- "runtimeConfigInternalComponentProps": {},
1803
- "motionVarPrefixes": []
1804
- },
1805
- "Menu.Divider": {
1806
- "name": "Menu.Divider",
1807
- "defaultProps": {
1808
- "role": "separator",
1809
- "contentPosition": "start",
1810
- "gap": "4"
1811
- },
1812
- "getStylesLiterals": {
1813
- "menuitemDividerVariantRoot": "default",
1814
- "menuitemDividerVariantText": "default",
1815
- "menuitemDividerVariantLine": "default"
1816
- },
1817
- "cxLiterals": [],
1818
- "internalComponents": [
1819
- "DividerInternal"
1820
- ],
1821
- "internalComponentProps": {
1822
- "DividerInternal": {
1823
- "variant": [
1824
- "inherit"
1825
- ]
1826
- }
1827
- },
1828
- "propToVariantKeys": {},
1829
- "runtimeConfigDefaultProps": {},
1830
- "runtimeConfigGetStyles": {},
1831
- "runtimeConfigInternalComponentProps": {},
1832
- "motionVarPrefixes": []
1833
- },
1834
- "Menu.Item": {
1835
- "name": "Menu.Item",
1836
- "defaultProps": {},
1837
- "getStylesLiterals": {
1838
- "menuitemItemVariantRoot": "default",
1839
- "menuitemItemVariantActiveRoot": "on",
1840
- "menuitemItemVariantActiveRoot:1": "off",
1841
- "menuitemItemVariantText": "default",
1842
- "menuitemItemVariantActiveText": "on",
1843
- "menuitemItemVariantActiveText:1": "off",
1844
- "menuitemItemVariantIcon": "default",
1845
- "menuitemItemVariantActiveIcon": "on",
1846
- "menuitemItemVariantActiveIcon:1": "off"
1847
- },
1848
- "cxLiterals": [],
1849
- "internalComponents": [
1850
- "MenuItemBase"
1851
- ],
1852
- "internalComponentProps": {},
1853
- "propToVariantKeys": {},
1854
- "runtimeConfigDefaultProps": {},
1855
- "runtimeConfigGetStyles": {},
1856
- "runtimeConfigInternalComponentProps": {},
1857
- "motionVarPrefixes": []
1858
- },
1859
- "Menu.ItemBase": {
1860
- "name": "Menu.ItemBase",
1861
- "defaultProps": {
1862
- "spacing": "0",
1863
- "spacingHorizontal": "4",
1864
- "spacingVertical": "3.5",
1865
- "columnGap": "2",
1866
- "alignItems": "center",
1867
- "justifyContent": "space-between"
1868
- },
1869
- "getStylesLiterals": {
1870
- "textAlign": "start",
1871
- "menuitemSizeRoot": "default",
1872
- "flexDirection": "row",
1873
- "menuitemSizeStartIcon": "default",
1874
- "menuitemSizeEndIcon": "default"
1875
- },
1876
- "cxLiterals": [
1877
- "flex",
1878
- "focus-visible:text-brand",
1879
- "focus-visible:bg-brand-secondary",
1880
- "focus-visible:z-10",
1881
- "uds-ring",
1882
- "!-outline-offset-2",
1883
- "[&:not([aria-checked])]:cursor-default",
1884
- "opacity-25",
1885
- "cursor-not-allowed",
1886
- "duration-20",
1887
- "transition-[font-variation-settings]",
1888
- "ease-in-out",
1889
- "z-0",
1890
- "uds-start-icon",
1891
- "uds-end-icon"
2153
+ "pointer-events-none",
2154
+ "cursor-default",
2155
+ "opacity-50",
2156
+ "inline-flex",
2157
+ "items-center",
2158
+ "transition-[background-color,outline-color,box-shadow]",
2159
+ "truncate",
2160
+ "whitespace-nowrap",
2161
+ "text-center",
2162
+ "flex-1"
1892
2163
  ],
1893
2164
  "internalComponents": [
1894
- "Pressable",
1895
2165
  "IconSlot",
1896
- "RootComponent",
1897
2166
  "HStack",
1898
- "AnimatePresence"
2167
+ "As",
2168
+ "Text"
1899
2169
  ],
1900
2170
  "internalComponentProps": {
1901
- "HStack": {
1902
- "alignItems": [
1903
- "center"
2171
+ "Text": {
2172
+ "as": [
2173
+ "span"
1904
2174
  ],
1905
- "width": [
1906
- "full"
1907
- ]
1908
- },
1909
- "AnimatePresence": {
1910
- "mode": [
1911
- "popLayout"
2175
+ "color": [
2176
+ "current"
2177
+ ],
2178
+ "variant": [
2179
+ "inherit"
1912
2180
  ]
1913
2181
  }
1914
2182
  },
1915
2183
  "propToVariantKeys": {
2184
+ "size": [
2185
+ "chipSizeRoot",
2186
+ "chipSizeIcon"
2187
+ ],
1916
2188
  "startIcon": [
1917
2189
  "icon"
1918
2190
  ],
1919
2191
  "endIcon": [
1920
2192
  "icon"
1921
- ],
1922
- "columnGap": [
1923
- "gap"
1924
2193
  ]
1925
2194
  },
1926
2195
  "runtimeConfigDefaultProps": {},
@@ -1928,28 +2197,16 @@
1928
2197
  "runtimeConfigInternalComponentProps": {},
1929
2198
  "motionVarPrefixes": []
1930
2199
  },
1931
- "Menu.ItemCheckbox": {
1932
- "name": "Menu.ItemCheckbox",
2200
+ "Chip": {
2201
+ "name": "Chip",
1933
2202
  "defaultProps": {},
1934
- "getStylesLiterals": {
1935
- "menuitemItemCheckboxVariantRoot": "default",
1936
- "menuitemItemCheckboxVariantActiveRoot": "on",
1937
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1938
- "menuitemItemCheckboxVariantText": "default",
1939
- "menuitemItemCheckboxVariantActiveText": "on",
1940
- "menuitemItemCheckboxVariantActiveText:1": "off",
1941
- "menuitemItemCheckboxVariantStartIcon": "default",
1942
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1943
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1944
- "menuitemItemCheckboxVariantEndIcon": "default",
1945
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1946
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1947
- },
1948
- "cxLiterals": [
1949
- "uds-menu-item-checkbox"
1950
- ],
2203
+ "getStylesLiterals": {},
2204
+ "cxLiterals": [],
1951
2205
  "internalComponents": [
1952
- "MenuItemBase"
2206
+ "ChipDismissible",
2207
+ "ChipToggle",
2208
+ "ChipLink",
2209
+ "ChipButton"
1953
2210
  ],
1954
2211
  "internalComponentProps": {},
1955
2212
  "propToVariantKeys": {},
@@ -1958,40 +2215,65 @@
1958
2215
  "runtimeConfigInternalComponentProps": {},
1959
2216
  "motionVarPrefixes": []
1960
2217
  },
1961
- "Menu.Provider": {
1962
- "name": "Menu.Provider",
1963
- "defaultProps": {},
2218
+ "ChipButton": {
2219
+ "name": "ChipButton",
2220
+ "defaultProps": {
2221
+ "variant": "primary"
2222
+ },
1964
2223
  "getStylesLiterals": {},
1965
- "cxLiterals": [],
2224
+ "cxLiterals": [
2225
+ "uds-ring"
2226
+ ],
1966
2227
  "internalComponents": [
1967
- "AriakitMenuProvider",
1968
- "SpringMotionConfig"
2228
+ "ChipBase"
1969
2229
  ],
1970
- "internalComponentProps": {},
1971
- "propToVariantKeys": {},
2230
+ "internalComponentProps": {
2231
+ "ChipBase": {
2232
+ "as": [
2233
+ "button"
2234
+ ]
2235
+ }
2236
+ },
2237
+ "propToVariantKeys": {
2238
+ "variant": [
2239
+ "chipLinkVariantRoot",
2240
+ "chipLinkVariantIcon"
2241
+ ]
2242
+ },
1972
2243
  "runtimeConfigDefaultProps": {},
1973
2244
  "runtimeConfigGetStyles": {},
1974
2245
  "runtimeConfigInternalComponentProps": {},
1975
- "motionVarPrefixes": [
1976
- "--uds-motion-subtle-3-",
1977
- "--uds-motion-smooth-3-"
1978
- ]
2246
+ "motionVarPrefixes": []
1979
2247
  },
1980
- "Menu.Trigger": {
1981
- "name": "Menu.Trigger",
1982
- "defaultProps": {},
2248
+ "AvatarText": {
2249
+ "name": "AvatarText",
2250
+ "defaultProps": {
2251
+ "size": "md",
2252
+ "variant": "primary"
2253
+ },
1983
2254
  "getStylesLiterals": {},
1984
2255
  "cxLiterals": [
1985
- "uds-menu-trigger"
2256
+ "overflow-hidden",
2257
+ "truncate",
2258
+ "w-full",
2259
+ "h-full",
2260
+ "shrink-0",
2261
+ "text-center",
2262
+ "inline-flex",
2263
+ "justify-center",
2264
+ "items-center"
1986
2265
  ],
1987
2266
  "internalComponents": [
1988
- "AriakitMenuTrigger",
1989
- "Box"
2267
+ "Box",
2268
+ "Text"
1990
2269
  ],
1991
2270
  "internalComponentProps": {
1992
- "Box": {
1993
- "className": [
1994
- "uds-ring h-fit w-fit"
2271
+ "Text": {
2272
+ "color": [
2273
+ "inherit"
2274
+ ],
2275
+ "variant": [
2276
+ "inherit"
1995
2277
  ]
1996
2278
  }
1997
2279
  },
@@ -2001,25 +2283,46 @@
2001
2283
  "runtimeConfigInternalComponentProps": {},
2002
2284
  "motionVarPrefixes": []
2003
2285
  },
2004
- "Menu.index": {
2005
- "name": "Menu.index",
2006
- "defaultProps": {},
2286
+ "AvatarIcon": {
2287
+ "name": "AvatarIcon",
2288
+ "defaultProps": {
2289
+ "size": "md",
2290
+ "variant": "primary"
2291
+ },
2007
2292
  "getStylesLiterals": {},
2008
- "cxLiterals": [],
2009
- "internalComponents": [],
2293
+ "cxLiterals": [
2294
+ "overflow-hidden",
2295
+ "w-full",
2296
+ "h-full",
2297
+ "shrink-0",
2298
+ "text-center",
2299
+ "inline-flex",
2300
+ "justify-center",
2301
+ "items-center"
2302
+ ],
2303
+ "internalComponents": [
2304
+ "IconSlot",
2305
+ "Box"
2306
+ ],
2010
2307
  "internalComponentProps": {},
2011
- "propToVariantKeys": {},
2308
+ "propToVariantKeys": {
2309
+ "size": [
2310
+ "avatarSizeIcon"
2311
+ ]
2312
+ },
2012
2313
  "runtimeConfigDefaultProps": {},
2013
2314
  "runtimeConfigGetStyles": {},
2014
2315
  "runtimeConfigInternalComponentProps": {},
2015
2316
  "motionVarPrefixes": []
2016
2317
  },
2017
- "Menu": {
2018
- "name": "Menu",
2318
+ "Avatar": {
2319
+ "name": "Avatar",
2019
2320
  "defaultProps": {},
2020
2321
  "getStylesLiterals": {},
2021
2322
  "cxLiterals": [],
2022
- "internalComponents": [],
2323
+ "internalComponents": [
2324
+ "AvatarImage"
2325
+ ],
2023
2326
  "internalComponentProps": {},
2024
2327
  "propToVariantKeys": {},
2025
2328
  "runtimeConfigDefaultProps": {},
@@ -2027,107 +2330,74 @@
2027
2330
  "runtimeConfigInternalComponentProps": {},
2028
2331
  "motionVarPrefixes": []
2029
2332
  },
2030
- "Input": {
2031
- "name": "Input",
2333
+ "AvatarImage": {
2334
+ "name": "AvatarImage",
2032
2335
  "defaultProps": {
2033
- "type": "text",
2034
2336
  "size": "md",
2035
- "width": "full"
2036
- },
2037
- "getStylesLiterals": {
2038
- "inputVariantRoot": "default",
2039
- "inputVariantValueRoot": "empty",
2040
- "inputVariantValueRoot:1": "filled",
2041
- "inputVariantInputWrapper": "default",
2042
- "inputVariantValueInputWrapper": "empty",
2043
- "inputVariantValueInputWrapper:1": "filled",
2044
- "inputVariantInput": "default",
2045
- "inputVariantValueInput": "empty",
2046
- "inputVariantValueInput:1": "filled",
2047
- "inputVariantInputPlaceholder": "default",
2048
- "inputVariantValueInputPlaceholder": "empty",
2049
- "inputVariantValueInputPlaceholder:1": "filled",
2050
- "inputVariantLabel": "default",
2051
- "inputVariantValueLabel": "empty",
2052
- "inputVariantValueLabel:1": "filled",
2053
- "inputVariantLabelRequired": "default",
2054
- "inputVariantValueLabelRequired": "empty",
2055
- "inputVariantValueLabelRequired:1": "filled",
2056
- "inputVariantStartIcon": "default",
2057
- "inputVariantValueStartIcon": "empty",
2058
- "inputVariantValueStartIcon:1": "filled",
2059
- "inputVariantEndIcon": "default",
2060
- "inputVariantValueEndIcon": "empty",
2061
- "inputVariantValueEndIcon:1": "filled"
2337
+ "variant": "primary"
2062
2338
  },
2339
+ "getStylesLiterals": {},
2063
2340
  "cxLiterals": [
2064
- "opacity-50",
2065
- "min-w-[200px]",
2066
- "grow",
2067
- "uds-hit-target",
2068
- "bg-clip-text",
2069
- "focus:outline-none",
2070
- "cursor-text",
2071
- "cursor-not-allowed"
2341
+ "overflow-hidden",
2342
+ "w-full",
2343
+ "h-full",
2344
+ "shrink-0",
2345
+ "text-center",
2346
+ "inline-flex",
2347
+ "justify-center",
2348
+ "items-center",
2349
+ "object-cover"
2072
2350
  ],
2073
2351
  "internalComponents": [
2074
- "IconSlot",
2075
- "StartIcon",
2076
- "EndIcon",
2077
- "HelpTextContent",
2078
- "Box",
2079
- "InputHelpTextInternal",
2080
- "VStack",
2081
- "HStack",
2082
- "AnimateHeightChange"
2352
+ "UDSImage",
2353
+ "AvatarText",
2354
+ "AvatarIcon",
2355
+ "Box"
2083
2356
  ],
2084
- "internalComponentProps": {
2085
- "HelpTextContent": {
2086
- "spacingTop": [
2087
- "2"
2088
- ]
2089
- },
2090
- "Box": {
2091
- "spacingBottom": [
2092
- "2"
2093
- ],
2094
- "columnGap": [
2095
- "0.5"
2096
- ],
2097
- "alignItems": [
2098
- "flex-end",
2099
- "center"
2100
- ],
2101
- "position": [
2102
- "relative"
2103
- ]
2104
- },
2105
- "HStack": {
2106
- "alignItems": [
2107
- "center"
2108
- ],
2109
- "gap": [
2110
- "1"
2111
- ]
2112
- }
2357
+ "internalComponentProps": {},
2358
+ "propToVariantKeys": {
2359
+ "alt": [
2360
+ "name"
2361
+ ],
2362
+ "fallback": [
2363
+ "initials"
2364
+ ]
2365
+ },
2366
+ "runtimeConfigDefaultProps": {},
2367
+ "runtimeConfigGetStyles": {},
2368
+ "runtimeConfigInternalComponentProps": {},
2369
+ "motionVarPrefixes": []
2370
+ },
2371
+ "TabPanel": {
2372
+ "name": "TabPanel",
2373
+ "defaultProps": {},
2374
+ "getStylesLiterals": {},
2375
+ "cxLiterals": [],
2376
+ "internalComponents": [
2377
+ "AriakitTabPanel"
2378
+ ],
2379
+ "internalComponentProps": {},
2380
+ "propToVariantKeys": {},
2381
+ "runtimeConfigDefaultProps": {},
2382
+ "runtimeConfigGetStyles": {},
2383
+ "runtimeConfigInternalComponentProps": {},
2384
+ "motionVarPrefixes": []
2385
+ },
2386
+ "Tabs": {
2387
+ "name": "Tabs",
2388
+ "defaultProps": {
2389
+ "variant": "primary"
2113
2390
  },
2391
+ "getStylesLiterals": {},
2392
+ "cxLiterals": [],
2393
+ "internalComponents": [
2394
+ "TabsContext.Provider",
2395
+ "TabProvider"
2396
+ ],
2397
+ "internalComponentProps": {},
2114
2398
  "propToVariantKeys": {
2115
- "size": [
2116
- "inputSizeRoot",
2117
- "inputSizeInputWrapper",
2118
- "inputSizeInput",
2119
- "inputSizeLabel",
2120
- "inputSizeStartIcon",
2121
- "inputSizeEndIcon"
2122
- ],
2123
- "startIcon": [
2124
- "icon"
2125
- ],
2126
- "endIcon": [
2127
- "icon"
2128
- ],
2129
- "helperTextIcon": [
2130
- "startIcon"
2399
+ "onSelectionChange": [
2400
+ "setSelectedId"
2131
2401
  ]
2132
2402
  },
2133
2403
  "runtimeConfigDefaultProps": {},
@@ -2135,31 +2405,52 @@
2135
2405
  "runtimeConfigInternalComponentProps": {},
2136
2406
  "motionVarPrefixes": []
2137
2407
  },
2138
- "InputHelpText": {
2139
- "name": "InputHelpText",
2408
+ "TabList": {
2409
+ "name": "TabList",
2140
2410
  "defaultProps": {
2141
- "size": "md"
2411
+ "variant": "primary"
2142
2412
  },
2143
2413
  "getStylesLiterals": {
2144
- "inputVariantRoot": "default",
2145
- "inputVariantValueRoot": "empty",
2146
- "inputVariantValueRoot:1": "filled"
2414
+ "tabSizeRoot": "default",
2415
+ "tabVariantActiveRoot": "on"
2147
2416
  },
2148
- "cxLiterals": [],
2417
+ "cxLiterals": [
2418
+ "pointer-events-none",
2419
+ "absolute",
2420
+ "bottom-0",
2421
+ "left-0",
2422
+ "right-0",
2423
+ "h-[var(--uds-tab-underline-width,0px)]",
2424
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2425
+ "transition-[height,background-color]",
2426
+ "duration-[240ms]",
2427
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2428
+ "!m-0",
2429
+ "!p-0",
2430
+ "!gap-0",
2431
+ "box-border",
2432
+ "z-0",
2433
+ "min-w-0",
2434
+ "min-h-0",
2435
+ "flex",
2436
+ "flex-row",
2437
+ "items-center",
2438
+ "overflow-x-auto",
2439
+ "overflow-y-clip",
2440
+ "scrollbar-none",
2441
+ "[overflow-clip-margin:6px]",
2442
+ "overflow-clip",
2443
+ "[overflow-clip-margin:8px]",
2444
+ "relative"
2445
+ ],
2149
2446
  "internalComponents": [
2150
- "InputHelpTextInternal",
2151
- "Box"
2447
+ "AriakitTabList"
2152
2448
  ],
2153
- "internalComponentProps": {
2154
- "Box": {
2155
- "spacingTop": [
2156
- "2"
2157
- ]
2158
- }
2159
- },
2449
+ "internalComponentProps": {},
2160
2450
  "propToVariantKeys": {
2161
- "size": [
2162
- "inputSizeRoot"
2451
+ "variant": [
2452
+ "tabsVariantRoot",
2453
+ "tabVariantRoot"
2163
2454
  ]
2164
2455
  },
2165
2456
  "runtimeConfigDefaultProps": {},
@@ -2167,36 +2458,71 @@
2167
2458
  "runtimeConfigInternalComponentProps": {},
2168
2459
  "motionVarPrefixes": []
2169
2460
  },
2170
- "InputHelpTextInternal": {
2171
- "name": "InputHelpTextInternal",
2172
- "defaultProps": {},
2461
+ "Tab": {
2462
+ "name": "Tab",
2463
+ "defaultProps": {
2464
+ "variant": "primary"
2465
+ },
2173
2466
  "getStylesLiterals": {
2174
- "inputVariantHelperText": "default",
2175
- "inputVariantValueHelperText": "empty",
2176
- "inputVariantValueHelperText:1": "filled",
2177
- "inputVariantHelperIcon": "default",
2178
- "inputVariantValueHelperIcon": "empty",
2179
- "inputVariantValueHelperIcon:1": "filled"
2467
+ "tabSizeRoot": "default",
2468
+ "tabVariantActiveRoot": "off",
2469
+ "tabVariantActiveRoot:1": "on",
2470
+ "tabSizeIcon": "default"
2180
2471
  },
2181
- "cxLiterals": [],
2472
+ "cxLiterals": [
2473
+ "pointer-events-none",
2474
+ "absolute",
2475
+ "bottom-0",
2476
+ "left-0",
2477
+ "right-0",
2478
+ "h-[var(--uds-tab-underline-width,0px)]",
2479
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2480
+ "transition-[height,background-color]",
2481
+ "duration-[240ms]",
2482
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2483
+ "!bg-transparent",
2484
+ "!shadow-none",
2485
+ "inline-flex",
2486
+ "items-center",
2487
+ "shrink-0",
2488
+ "box-border",
2489
+ "relative",
2490
+ "z-[1]",
2491
+ "cursor-pointer",
2492
+ "select-none",
2493
+ "whitespace-nowrap",
2494
+ "uds-ring",
2495
+ "opacity-50",
2496
+ "cursor-default",
2497
+ "border-solid",
2498
+ "border-b-solid",
2499
+ "transition-colors"
2500
+ ],
2182
2501
  "internalComponents": [
2183
2502
  "IconSlot",
2184
- "HStack"
2503
+ "AriakitTab",
2504
+ "Text"
2185
2505
  ],
2186
2506
  "internalComponentProps": {
2187
- "HStack": {
2188
- "gap": [
2189
- "1"
2507
+ "Text": {
2508
+ "variant": [
2509
+ "inherit"
2190
2510
  ],
2191
- "alignItems": [
2192
- "center"
2511
+ "as": [
2512
+ "span"
2513
+ ],
2514
+ "color": [
2515
+ "current"
2193
2516
  ]
2194
2517
  }
2195
2518
  },
2196
2519
  "propToVariantKeys": {
2197
- "size": [
2198
- "inputSizeHelperText",
2199
- "inputSizeHelperIcon"
2520
+ "variant": [
2521
+ "tabVariantRoot",
2522
+ "tabVariantIcon"
2523
+ ],
2524
+ "activeState": [
2525
+ "tabVariantActiveIcon"
2200
2526
  ],
2201
2527
  "startIcon": [
2202
2528
  "icon"
@@ -2210,6 +2536,21 @@
2210
2536
  "runtimeConfigInternalComponentProps": {},
2211
2537
  "motionVarPrefixes": []
2212
2538
  },
2539
+ "UDSPopoverConfigProvider": {
2540
+ "name": "UDSPopoverConfigProvider",
2541
+ "defaultProps": {},
2542
+ "getStylesLiterals": {},
2543
+ "cxLiterals": [],
2544
+ "internalComponents": [
2545
+ "PopoverContext.Provider"
2546
+ ],
2547
+ "internalComponentProps": {},
2548
+ "propToVariantKeys": {},
2549
+ "runtimeConfigDefaultProps": {},
2550
+ "runtimeConfigGetStyles": {},
2551
+ "runtimeConfigInternalComponentProps": {},
2552
+ "motionVarPrefixes": []
2553
+ },
2213
2554
  "Popover": {
2214
2555
  "name": "Popover",
2215
2556
  "defaultProps": {},
@@ -2229,6 +2570,44 @@
2229
2570
  "runtimeConfigInternalComponentProps": {},
2230
2571
  "motionVarPrefixes": []
2231
2572
  },
2573
+ "PopoverTrigger": {
2574
+ "name": "PopoverTrigger",
2575
+ "defaultProps": {},
2576
+ "getStylesLiterals": {},
2577
+ "cxLiterals": [],
2578
+ "internalComponents": [
2579
+ "PopoverDisclosure"
2580
+ ],
2581
+ "internalComponentProps": {
2582
+ "PopoverDisclosure": {
2583
+ "className": [
2584
+ "inline"
2585
+ ]
2586
+ }
2587
+ },
2588
+ "propToVariantKeys": {
2589
+ "children": [
2590
+ "render"
2591
+ ]
2592
+ },
2593
+ "runtimeConfigDefaultProps": {},
2594
+ "runtimeConfigGetStyles": {},
2595
+ "runtimeConfigInternalComponentProps": {},
2596
+ "motionVarPrefixes": []
2597
+ },
2598
+ "PopoverContext": {
2599
+ "name": "PopoverContext",
2600
+ "defaultProps": {},
2601
+ "getStylesLiterals": {},
2602
+ "cxLiterals": [],
2603
+ "internalComponents": [],
2604
+ "internalComponentProps": {},
2605
+ "propToVariantKeys": {},
2606
+ "runtimeConfigDefaultProps": {},
2607
+ "runtimeConfigGetStyles": {},
2608
+ "runtimeConfigInternalComponentProps": {},
2609
+ "motionVarPrefixes": []
2610
+ },
2232
2611
  "PopoverContent": {
2233
2612
  "name": "PopoverContent",
2234
2613
  "defaultProps": {},
@@ -2313,280 +2692,181 @@
2313
2692
  "SvgFloatingOverlay": {
2314
2693
  "borderRadius": [
2315
2694
  "popover.borderRadius.${size}"
2316
- ]
2317
- }
2318
- },
2319
- "motionVarPrefixes": []
2320
- },
2321
- "PopoverContext": {
2322
- "name": "PopoverContext",
2323
- "defaultProps": {},
2324
- "getStylesLiterals": {},
2325
- "cxLiterals": [],
2326
- "internalComponents": [],
2327
- "internalComponentProps": {},
2328
- "propToVariantKeys": {},
2329
- "runtimeConfigDefaultProps": {},
2330
- "runtimeConfigGetStyles": {},
2331
- "runtimeConfigInternalComponentProps": {},
2332
- "motionVarPrefixes": []
2333
- },
2334
- "PopoverTrigger": {
2335
- "name": "PopoverTrigger",
2336
- "defaultProps": {},
2337
- "getStylesLiterals": {},
2338
- "cxLiterals": [],
2339
- "internalComponents": [
2340
- "PopoverDisclosure"
2341
- ],
2342
- "internalComponentProps": {
2343
- "PopoverDisclosure": {
2344
- "className": [
2345
- "inline"
2346
- ]
2347
- }
2348
- },
2349
- "propToVariantKeys": {
2350
- "children": [
2351
- "render"
2352
- ]
2695
+ ]
2696
+ }
2353
2697
  },
2354
- "runtimeConfigDefaultProps": {},
2355
- "runtimeConfigGetStyles": {},
2356
- "runtimeConfigInternalComponentProps": {},
2357
- "motionVarPrefixes": []
2358
- },
2359
- "UDSPopoverConfigProvider": {
2360
- "name": "UDSPopoverConfigProvider",
2361
- "defaultProps": {},
2362
- "getStylesLiterals": {},
2363
- "cxLiterals": [],
2364
- "internalComponents": [
2365
- "PopoverContext.Provider"
2366
- ],
2367
- "internalComponentProps": {},
2368
- "propToVariantKeys": {},
2369
- "runtimeConfigDefaultProps": {},
2370
- "runtimeConfigGetStyles": {},
2371
- "runtimeConfigInternalComponentProps": {},
2372
2698
  "motionVarPrefixes": []
2373
2699
  },
2374
- "Radio": {
2375
- "name": "Radio",
2700
+ "Input": {
2701
+ "name": "Input",
2376
2702
  "defaultProps": {
2377
- "labelPosition": "start",
2378
- "variant": "primary",
2703
+ "type": "text",
2379
2704
  "size": "md",
2380
- "value": ""
2705
+ "width": "full"
2381
2706
  },
2382
2707
  "getStylesLiterals": {
2383
- "radioVariantValueRoot": "checked",
2384
- "radioVariantValueRoot:1": "unchecked",
2385
- "display": "flex",
2386
- "flexDirection": "row",
2387
- "flexDirection:1": "row-reverse",
2388
- "alignItems": "center",
2389
- "radioVariantValueRadio": "checked",
2390
- "radioVariantValueRadio:1": "unchecked",
2391
- "radioVariantValueRadioCircle": "checked",
2392
- "radioVariantValueRadioCircle:1": "unchecked"
2708
+ "inputVariantRoot": "default",
2709
+ "inputVariantValueRoot": "empty",
2710
+ "inputVariantValueRoot:1": "filled",
2711
+ "inputVariantInputWrapper": "default",
2712
+ "inputVariantValueInputWrapper": "empty",
2713
+ "inputVariantValueInputWrapper:1": "filled",
2714
+ "inputVariantInput": "default",
2715
+ "inputVariantValueInput": "empty",
2716
+ "inputVariantValueInput:1": "filled",
2717
+ "inputVariantInputPlaceholder": "default",
2718
+ "inputVariantValueInputPlaceholder": "empty",
2719
+ "inputVariantValueInputPlaceholder:1": "filled",
2720
+ "inputVariantLabel": "default",
2721
+ "inputVariantValueLabel": "empty",
2722
+ "inputVariantValueLabel:1": "filled",
2723
+ "inputVariantLabelRequired": "default",
2724
+ "inputVariantValueLabelRequired": "empty",
2725
+ "inputVariantValueLabelRequired:1": "filled",
2726
+ "inputVariantStartIcon": "default",
2727
+ "inputVariantValueStartIcon": "empty",
2728
+ "inputVariantValueStartIcon:1": "filled",
2729
+ "inputVariantEndIcon": "default",
2730
+ "inputVariantValueEndIcon": "empty",
2731
+ "inputVariantValueEndIcon:1": "filled"
2393
2732
  },
2394
2733
  "cxLiterals": [
2395
- "cursor-pointer",
2396
- "cursor-default",
2397
2734
  "opacity-50",
2398
- "border",
2399
- "uds-ring",
2400
- "uds-ring-within",
2401
- "transition-[background-color,border-color]",
2402
- "transition-shadow",
2403
- "pointer-events-none",
2404
- "w-[8px]",
2405
- "h-[8px]",
2406
- "transition-opacity",
2407
- "cursor-[inherit]",
2408
- "absolute",
2409
- "opacity-0",
2410
- "top-1/2",
2411
- "left-1/2",
2412
- "w-[calc(100%+2px)]",
2413
- "h-[calc(100%+2px)]",
2414
- "transform",
2415
- "translate-x-[-50%]",
2416
- "translate-y-[-50%]",
2417
- "text-start",
2418
- "text-end"
2735
+ "min-w-[200px]",
2736
+ "grow",
2737
+ "uds-hit-target",
2738
+ "bg-clip-text",
2739
+ "focus:outline-none",
2740
+ "cursor-text",
2741
+ "cursor-not-allowed"
2419
2742
  ],
2420
2743
  "internalComponents": [
2744
+ "IconSlot",
2745
+ "StartIcon",
2746
+ "EndIcon",
2747
+ "HelpTextContent",
2421
2748
  "Box",
2422
- "FormLabel",
2423
- "SpringMotionConfig",
2424
- "RootElement",
2425
- "MotionBox"
2749
+ "InputHelpTextInternal",
2750
+ "VStack",
2751
+ "HStack",
2752
+ "AnimateHeightChange"
2426
2753
  ],
2427
2754
  "internalComponentProps": {
2428
- "Box": {
2429
- "borderRadius": [
2430
- "full"
2431
- ]
2432
- },
2433
- "FormLabel": {
2434
- "as": [
2435
- "div"
2436
- ],
2437
- "variant": [
2438
- "inherit"
2439
- ],
2440
- "color": [
2441
- "inherit"
2442
- ]
2443
- },
2444
- "RootElement": {
2445
- "data-testid": [
2446
- "container"
2755
+ "HelpTextContent": {
2756
+ "spacingTop": [
2757
+ "2"
2447
2758
  ]
2448
2759
  },
2449
- "MotionBox": {
2450
- "position": [
2451
- "relative"
2760
+ "Box": {
2761
+ "spacingBottom": [
2762
+ "2"
2452
2763
  ],
2453
- "borderRadius": [
2454
- "full"
2764
+ "columnGap": [
2765
+ "0.5"
2455
2766
  ],
2456
2767
  "alignItems": [
2768
+ "flex-end",
2457
2769
  "center"
2458
2770
  ],
2459
- "justifyContent": [
2771
+ "position": [
2772
+ "relative"
2773
+ ]
2774
+ },
2775
+ "HStack": {
2776
+ "alignItems": [
2460
2777
  "center"
2461
2778
  ],
2462
- "flex": [
2463
- "none"
2779
+ "gap": [
2780
+ "1"
2464
2781
  ]
2465
2782
  }
2466
2783
  },
2467
2784
  "propToVariantKeys": {
2468
2785
  "size": [
2469
- "radioSizeRoot",
2470
- "radioSizeRadio"
2786
+ "inputSizeRoot",
2787
+ "inputSizeInputWrapper",
2788
+ "inputSizeInput",
2789
+ "inputSizeLabel",
2790
+ "inputSizeStartIcon",
2791
+ "inputSizeEndIcon"
2471
2792
  ],
2472
- "variant": [
2473
- "radioVariantRoot",
2474
- "radioVariantRadio",
2475
- "radioVariantRadioCircle"
2793
+ "startIcon": [
2794
+ "icon"
2476
2795
  ],
2477
- "reduceMotion": [
2478
- "reducedMotion"
2796
+ "endIcon": [
2797
+ "icon"
2798
+ ],
2799
+ "helperTextIcon": [
2800
+ "startIcon"
2479
2801
  ]
2480
2802
  },
2481
2803
  "runtimeConfigDefaultProps": {},
2482
2804
  "runtimeConfigGetStyles": {},
2483
2805
  "runtimeConfigInternalComponentProps": {},
2484
- "motionVarPrefixes": [
2485
- "--uds-motion-subtle-3-",
2486
- "--uds-motion-smooth-3-"
2487
- ]
2488
- },
2489
- "RadioGroupProvider": {
2490
- "name": "RadioGroupProvider",
2491
- "defaultProps": {},
2492
- "getStylesLiterals": {},
2493
- "cxLiterals": [],
2494
- "internalComponents": [
2495
- "DivProps",
2496
- "Comp",
2497
- "RadioGroupContext.Provider"
2498
- ],
2499
- "internalComponentProps": {
2500
- "Comp": {
2501
- "role": [
2502
- "radiogroup"
2503
- ]
2504
- }
2505
- },
2506
- "propToVariantKeys": {},
2507
- "runtimeConfigDefaultProps": {},
2508
- "runtimeConfigGetStyles": {},
2509
- "runtimeConfigInternalComponentProps": {},
2510
- "motionVarPrefixes": []
2511
- },
2512
- "RadioGroupStore": {
2513
- "name": "RadioGroupStore",
2514
- "defaultProps": {},
2515
- "getStylesLiterals": {},
2516
- "cxLiterals": [],
2517
- "internalComponents": [],
2518
- "internalComponentProps": {},
2519
- "propToVariantKeys": {},
2520
- "runtimeConfigDefaultProps": {},
2521
- "runtimeConfigGetStyles": {},
2522
- "runtimeConfigInternalComponentProps": {},
2523
2806
  "motionVarPrefixes": []
2524
2807
  },
2525
- "Tab": {
2526
- "name": "Tab",
2808
+ "InputHelpText": {
2809
+ "name": "InputHelpText",
2527
2810
  "defaultProps": {
2528
- "variant": "primary"
2811
+ "size": "md"
2529
2812
  },
2530
2813
  "getStylesLiterals": {
2531
- "tabSizeRoot": "default",
2532
- "tabVariantActiveRoot": "off",
2533
- "tabVariantActiveRoot:1": "on",
2534
- "tabSizeIcon": "default"
2814
+ "inputVariantRoot": "default",
2815
+ "inputVariantValueRoot": "empty",
2816
+ "inputVariantValueRoot:1": "filled"
2535
2817
  },
2536
- "cxLiterals": [
2537
- "pointer-events-none",
2538
- "absolute",
2539
- "bottom-0",
2540
- "left-0",
2541
- "right-0",
2542
- "h-[var(--uds-tab-underline-width,0px)]",
2543
- "bg-[var(--uds-tab-underline-color,transparent)]",
2544
- "transition-[height,background-color]",
2545
- "duration-[240ms]",
2546
- "ease-[cubic-bezier(0.2,0,0,1)]",
2547
- "!bg-transparent",
2548
- "!shadow-none",
2549
- "inline-flex",
2550
- "items-center",
2551
- "shrink-0",
2552
- "box-border",
2553
- "relative",
2554
- "z-[1]",
2555
- "cursor-pointer",
2556
- "select-none",
2557
- "whitespace-nowrap",
2558
- "uds-ring",
2559
- "opacity-50",
2560
- "cursor-default",
2561
- "border-solid",
2562
- "border-b-solid",
2563
- "transition-colors"
2818
+ "cxLiterals": [],
2819
+ "internalComponents": [
2820
+ "InputHelpTextInternal",
2821
+ "Box"
2564
2822
  ],
2823
+ "internalComponentProps": {
2824
+ "Box": {
2825
+ "spacingTop": [
2826
+ "2"
2827
+ ]
2828
+ }
2829
+ },
2830
+ "propToVariantKeys": {
2831
+ "size": [
2832
+ "inputSizeRoot"
2833
+ ]
2834
+ },
2835
+ "runtimeConfigDefaultProps": {},
2836
+ "runtimeConfigGetStyles": {},
2837
+ "runtimeConfigInternalComponentProps": {},
2838
+ "motionVarPrefixes": []
2839
+ },
2840
+ "InputHelpTextInternal": {
2841
+ "name": "InputHelpTextInternal",
2842
+ "defaultProps": {},
2843
+ "getStylesLiterals": {
2844
+ "inputVariantHelperText": "default",
2845
+ "inputVariantValueHelperText": "empty",
2846
+ "inputVariantValueHelperText:1": "filled",
2847
+ "inputVariantHelperIcon": "default",
2848
+ "inputVariantValueHelperIcon": "empty",
2849
+ "inputVariantValueHelperIcon:1": "filled"
2850
+ },
2851
+ "cxLiterals": [],
2565
2852
  "internalComponents": [
2566
2853
  "IconSlot",
2567
- "AriakitTab",
2568
- "Text"
2854
+ "HStack"
2569
2855
  ],
2570
2856
  "internalComponentProps": {
2571
- "Text": {
2572
- "variant": [
2573
- "inherit"
2574
- ],
2575
- "as": [
2576
- "span"
2857
+ "HStack": {
2858
+ "gap": [
2859
+ "1"
2577
2860
  ],
2578
- "color": [
2579
- "current"
2861
+ "alignItems": [
2862
+ "center"
2580
2863
  ]
2581
2864
  }
2582
2865
  },
2583
2866
  "propToVariantKeys": {
2584
- "variant": [
2585
- "tabVariantRoot",
2586
- "tabVariantIcon"
2587
- ],
2588
- "activeState": [
2589
- "tabVariantActiveIcon"
2867
+ "size": [
2868
+ "inputSizeHelperText",
2869
+ "inputSizeHelperIcon"
2590
2870
  ],
2591
2871
  "startIcon": [
2592
2872
  "icon"
@@ -2600,67 +2880,37 @@
2600
2880
  "runtimeConfigInternalComponentProps": {},
2601
2881
  "motionVarPrefixes": []
2602
2882
  },
2603
- "TabList": {
2604
- "name": "TabList",
2605
- "defaultProps": {
2606
- "variant": "primary"
2607
- },
2883
+ "Menu.Item": {
2884
+ "name": "Menu.Item",
2885
+ "defaultProps": {},
2608
2886
  "getStylesLiterals": {
2609
- "tabSizeRoot": "default",
2610
- "tabVariantActiveRoot": "on"
2887
+ "menuitemItemVariantRoot": "default",
2888
+ "menuitemItemVariantActiveRoot": "on",
2889
+ "menuitemItemVariantActiveRoot:1": "off",
2890
+ "menuitemItemVariantText": "default",
2891
+ "menuitemItemVariantActiveText": "on",
2892
+ "menuitemItemVariantActiveText:1": "off",
2893
+ "menuitemItemVariantIcon": "default",
2894
+ "menuitemItemVariantActiveIcon": "on",
2895
+ "menuitemItemVariantActiveIcon:1": "off"
2611
2896
  },
2612
- "cxLiterals": [
2613
- "pointer-events-none",
2614
- "absolute",
2615
- "bottom-0",
2616
- "left-0",
2617
- "right-0",
2618
- "h-[var(--uds-tab-underline-width,0px)]",
2619
- "bg-[var(--uds-tab-underline-color,transparent)]",
2620
- "transition-[height,background-color]",
2621
- "duration-[240ms]",
2622
- "ease-[cubic-bezier(0.2,0,0,1)]",
2623
- "!m-0",
2624
- "!p-0",
2625
- "!gap-0",
2626
- "box-border",
2627
- "z-0",
2628
- "min-w-0",
2629
- "min-h-0",
2630
- "flex",
2631
- "flex-row",
2632
- "items-center",
2633
- "overflow-x-auto",
2634
- "overflow-y-clip",
2635
- "scrollbar-none",
2636
- "[overflow-clip-margin:6px]",
2637
- "overflow-clip",
2638
- "[overflow-clip-margin:8px]",
2639
- "relative"
2640
- ],
2897
+ "cxLiterals": [],
2641
2898
  "internalComponents": [
2642
- "AriakitTabList"
2899
+ "MenuItemBase"
2643
2900
  ],
2644
2901
  "internalComponentProps": {},
2645
- "propToVariantKeys": {
2646
- "variant": [
2647
- "tabsVariantRoot",
2648
- "tabVariantRoot"
2649
- ]
2650
- },
2902
+ "propToVariantKeys": {},
2651
2903
  "runtimeConfigDefaultProps": {},
2652
2904
  "runtimeConfigGetStyles": {},
2653
2905
  "runtimeConfigInternalComponentProps": {},
2654
2906
  "motionVarPrefixes": []
2655
2907
  },
2656
- "TabPanel": {
2657
- "name": "TabPanel",
2908
+ "Menu.index": {
2909
+ "name": "Menu.index",
2658
2910
  "defaultProps": {},
2659
2911
  "getStylesLiterals": {},
2660
2912
  "cxLiterals": [],
2661
- "internalComponents": [
2662
- "AriakitTabPanel"
2663
- ],
2913
+ "internalComponents": [],
2664
2914
  "internalComponentProps": {},
2665
2915
  "propToVariantKeys": {},
2666
2916
  "runtimeConfigDefaultProps": {},
@@ -2668,340 +2918,226 @@
2668
2918
  "runtimeConfigInternalComponentProps": {},
2669
2919
  "motionVarPrefixes": []
2670
2920
  },
2671
- "Tabs": {
2672
- "name": "Tabs",
2673
- "defaultProps": {
2674
- "variant": "primary"
2675
- },
2921
+ "Menu": {
2922
+ "name": "Menu",
2923
+ "defaultProps": {},
2676
2924
  "getStylesLiterals": {},
2677
2925
  "cxLiterals": [],
2678
- "internalComponents": [
2679
- "TabsContext.Provider",
2680
- "TabProvider"
2681
- ],
2926
+ "internalComponents": [],
2682
2927
  "internalComponentProps": {},
2683
- "propToVariantKeys": {
2684
- "onSelectionChange": [
2685
- "setSelectedId"
2686
- ]
2687
- },
2928
+ "propToVariantKeys": {},
2688
2929
  "runtimeConfigDefaultProps": {},
2689
2930
  "runtimeConfigGetStyles": {},
2690
2931
  "runtimeConfigInternalComponentProps": {},
2691
2932
  "motionVarPrefixes": []
2692
2933
  },
2693
- "Toast": {
2694
- "name": "Toast",
2695
- "defaultProps": {},
2696
- "getStylesLiterals": {
2697
- "className": "animate-spin",
2698
- "className:1": "flex-none",
2699
- "spacing": "2",
2700
- "borderRadius": "full"
2701
- },
2702
- "cxLiterals": [
2703
- "duration-0",
2704
- "duration-120",
2705
- "transition-[background-color]",
2706
- "bg-carbon-15/0",
2707
- "hover:bg-carbon-15/10",
2708
- "active:bg-carbon-15/15",
2709
- "uds-ring"
2710
- ],
2711
- "internalComponents": [
2712
- "IconSlot",
2713
- "ToastContainer",
2714
- "Text",
2715
- "Button",
2716
- "Pressable"
2717
- ],
2718
- "internalComponentProps": {},
2719
- "propToVariantKeys": {
2720
- "size": [
2721
- "toastSizeLabel",
2722
- "toastSizeIcon",
2723
- "toastSizeActionButton",
2724
- "toastSizeCloseIcon"
2725
- ],
2726
- "variant": [
2727
- "toastVariantIcon",
2728
- "toastVariantActionButton",
2729
- "toastVariantCloseIcon"
2730
- ],
2731
- "closeIcon": [
2732
- "icon"
2733
- ],
2734
- "onClickActionButton": [
2735
- "onClick"
2736
- ]
2737
- },
2738
- "runtimeConfigDefaultProps": {
2739
- "size": "toast.defaultSize",
2740
- "variant": "toast.defaultVariant"
2741
- },
2742
- "runtimeConfigGetStyles": {
2743
- "toastSizeLabel": [
2744
- "toast.defaultSize"
2745
- ],
2746
- "toastVariantIcon": [
2747
- "toast.defaultVariant"
2748
- ],
2749
- "toastSizeIcon": [
2750
- "toast.defaultSize"
2751
- ],
2752
- "toastSizeActionButton": [
2753
- "toast.defaultSize"
2754
- ],
2755
- "toastVariantActionButton": [
2756
- "toast.defaultVariant"
2757
- ],
2758
- "toastVariantCloseIcon": [
2759
- "toast.defaultVariant"
2760
- ],
2761
- "toastSizeCloseIcon": [
2762
- "toast.defaultSize"
2763
- ]
2764
- },
2765
- "runtimeConfigInternalComponentProps": {
2766
- "ToastContainer": {
2767
- "size": [
2768
- "toast.defaultSize"
2769
- ],
2770
- "variant": [
2771
- "toast.defaultVariant"
2772
- ]
2773
- },
2774
- "Text": {
2775
- "variant": [
2776
- "toast.textVariant.${size}"
2777
- ],
2778
- "color": [
2779
- "toast.textColor.${variant}"
2780
- ]
2781
- },
2782
- "Button": {
2783
- "size": [
2784
- "toast.buttonSize.${size}"
2785
- ],
2786
- "variant": [
2787
- "toast.buttonVariant.${variant}"
2788
- ]
2789
- }
2790
- },
2791
- "motionVarPrefixes": []
2792
- },
2793
- "ToastContainer": {
2794
- "name": "ToastContainer",
2795
- "defaultProps": {},
2796
- "getStylesLiterals": {
2797
- "position": "relative",
2798
- "alignItems": "center",
2799
- "display": "flex",
2800
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2934
+ "Menu.Content": {
2935
+ "name": "Menu.Content",
2936
+ "defaultProps": {
2937
+ "size": "default",
2938
+ "variant": "default",
2939
+ "gutter": "1"
2801
2940
  },
2941
+ "getStylesLiterals": {},
2802
2942
  "cxLiterals": [
2803
- "w-full"
2943
+ "uds-menu-content",
2944
+ "transition-shadow",
2945
+ "duration-200",
2946
+ "ease-in-out",
2947
+ "min-w-60",
2948
+ "max-w-lg",
2949
+ "max-h-96",
2950
+ "overflow-auto",
2951
+ "uds-ring",
2952
+ "z-10",
2953
+ "group"
2804
2954
  ],
2805
2955
  "internalComponents": [
2806
- "HStack"
2956
+ "AriakitMenu",
2957
+ "AnimatePresence",
2958
+ "MotionVStack"
2807
2959
  ],
2808
- "internalComponentProps": {
2809
- "HStack": {
2810
- "alignItems": [
2811
- "center"
2812
- ],
2813
- "justifyContent": [
2814
- "space-between"
2815
- ],
2816
- "overflow": [
2817
- "hidden"
2818
- ],
2819
- "position": [
2820
- "relative"
2821
- ]
2822
- }
2823
- },
2960
+ "internalComponentProps": {},
2824
2961
  "propToVariantKeys": {
2825
- "variant": [
2826
- "toastVariantRoot"
2827
- ],
2828
2962
  "size": [
2829
- "toastSizeRoot"
2830
- ]
2831
- },
2832
- "runtimeConfigDefaultProps": {
2833
- "size": "toast.defaultSize",
2834
- "variant": "toast.defaultVariant"
2835
- },
2836
- "runtimeConfigGetStyles": {
2837
- "toastVariantRoot": [
2838
- "toast.defaultVariant"
2963
+ "menucontentSizeRoot"
2839
2964
  ],
2840
- "toastSizeRoot": [
2841
- "toast.defaultSize"
2965
+ "variant": [
2966
+ "menucontentVariantRoot"
2842
2967
  ]
2843
2968
  },
2844
- "runtimeConfigInternalComponentProps": {
2845
- "HStack": {
2846
- "backgroundColor": [
2847
- "toast.backgroundColor.${variant}"
2848
- ]
2849
- }
2850
- },
2969
+ "runtimeConfigDefaultProps": {},
2970
+ "runtimeConfigGetStyles": {},
2971
+ "runtimeConfigInternalComponentProps": {},
2851
2972
  "motionVarPrefixes": []
2852
2973
  },
2853
- "ToastPortal": {
2854
- "name": "ToastPortal",
2974
+ "Menu.Trigger": {
2975
+ "name": "Menu.Trigger",
2855
2976
  "defaultProps": {},
2856
2977
  "getStylesLiterals": {},
2857
- "cxLiterals": [],
2978
+ "cxLiterals": [
2979
+ "uds-menu-trigger"
2980
+ ],
2858
2981
  "internalComponents": [
2859
- "ReactToastifyToastContainer"
2982
+ "AriakitMenuTrigger",
2983
+ "Box"
2860
2984
  ],
2861
- "internalComponentProps": {},
2862
- "propToVariantKeys": {},
2863
- "runtimeConfigDefaultProps": {
2864
- "size": "toast.defaultSize",
2865
- "variant": "toast.defaultVariant"
2866
- },
2867
- "runtimeConfigGetStyles": {},
2868
- "runtimeConfigInternalComponentProps": {
2869
- "ReactToastifyToastContainer": {
2870
- "autoClose": [
2871
- "toast.autoClose"
2985
+ "internalComponentProps": {
2986
+ "Box": {
2987
+ "className": [
2988
+ "uds-ring h-fit w-fit"
2872
2989
  ]
2873
2990
  }
2874
2991
  },
2992
+ "propToVariantKeys": {},
2993
+ "runtimeConfigDefaultProps": {},
2994
+ "runtimeConfigGetStyles": {},
2995
+ "runtimeConfigInternalComponentProps": {},
2875
2996
  "motionVarPrefixes": []
2876
2997
  },
2877
- "UDSToastConfigProvider": {
2878
- "name": "UDSToastConfigProvider",
2879
- "defaultProps": {},
2880
- "getStylesLiterals": {},
2998
+ "Menu.Divider": {
2999
+ "name": "Menu.Divider",
3000
+ "defaultProps": {
3001
+ "role": "separator",
3002
+ "contentPosition": "start",
3003
+ "gap": "4"
3004
+ },
3005
+ "getStylesLiterals": {
3006
+ "menuitemDividerVariantRoot": "default",
3007
+ "menuitemDividerVariantText": "default",
3008
+ "menuitemDividerVariantLine": "default"
3009
+ },
2881
3010
  "cxLiterals": [],
2882
3011
  "internalComponents": [
2883
- "ToastContext.Provider"
3012
+ "DividerInternal"
2884
3013
  ],
2885
- "internalComponentProps": {},
3014
+ "internalComponentProps": {
3015
+ "DividerInternal": {
3016
+ "variant": [
3017
+ "inherit"
3018
+ ]
3019
+ }
3020
+ },
2886
3021
  "propToVariantKeys": {},
2887
3022
  "runtimeConfigDefaultProps": {},
2888
3023
  "runtimeConfigGetStyles": {},
2889
3024
  "runtimeConfigInternalComponentProps": {},
2890
3025
  "motionVarPrefixes": []
2891
3026
  },
2892
- "Tooltip": {
2893
- "name": "Tooltip",
3027
+ "Menu.Provider": {
3028
+ "name": "Menu.Provider",
2894
3029
  "defaultProps": {},
2895
3030
  "getStylesLiterals": {},
2896
3031
  "cxLiterals": [],
2897
3032
  "internalComponents": [
2898
- "TooltipInternalContext.Provider",
2899
- "TooltipProvider"
3033
+ "AriakitMenuProvider",
3034
+ "SpringMotionConfig"
2900
3035
  ],
2901
3036
  "internalComponentProps": {},
2902
3037
  "propToVariantKeys": {},
2903
3038
  "runtimeConfigDefaultProps": {},
2904
3039
  "runtimeConfigGetStyles": {},
2905
- "runtimeConfigInternalComponentProps": {
2906
- "TooltipProvider": {
2907
- "animated": [
2908
- "tooltip.animationDuration"
2909
- ]
2910
- }
2911
- },
2912
- "motionVarPrefixes": []
3040
+ "runtimeConfigInternalComponentProps": {},
3041
+ "motionVarPrefixes": [
3042
+ "--uds-motion-subtle-3-",
3043
+ "--uds-motion-smooth-3-"
3044
+ ]
2913
3045
  },
2914
- "TooltipContent": {
2915
- "name": "TooltipContent",
3046
+ "Menu.ItemCheckbox": {
3047
+ "name": "Menu.ItemCheckbox",
2916
3048
  "defaultProps": {},
2917
3049
  "getStylesLiterals": {
2918
- "tooltipSizeRoot": "default",
2919
- "tooltipVariantRoot": "default",
2920
- "tooltipSizeSvg": "default",
2921
- "tooltipVariantSvg": "default",
2922
- "tooltipVariantBlur": "default",
2923
- "position": "absolute",
2924
- "width": "full",
2925
- "height": "full",
2926
- "tooltipSizeTitle": "default",
2927
- "tooltipSizeBody": "default",
2928
- "tooltipSizeEndContent": "default",
2929
- "tooltipSizeIcon": "default",
2930
- "tooltipVariantIcon": "default"
3050
+ "menuitemItemCheckboxVariantRoot": "default",
3051
+ "menuitemItemCheckboxVariantActiveRoot": "on",
3052
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
3053
+ "menuitemItemCheckboxVariantText": "default",
3054
+ "menuitemItemCheckboxVariantActiveText": "on",
3055
+ "menuitemItemCheckboxVariantActiveText:1": "off",
3056
+ "menuitemItemCheckboxVariantStartIcon": "default",
3057
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
3058
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
3059
+ "menuitemItemCheckboxVariantEndIcon": "default",
3060
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
3061
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2931
3062
  },
2932
3063
  "cxLiterals": [
2933
- "max-w-lg",
2934
- "flex",
2935
- "z-[9999]",
2936
- "uds-bgBlurFillFallback",
2937
- "uds-bgBlurFallback",
2938
- "top-0",
2939
- "left-0",
2940
- "z-[1]"
3064
+ "uds-menu-item-checkbox"
2941
3065
  ],
2942
3066
  "internalComponents": [
2943
- "IconSlot",
2944
- "TooltipArrow",
2945
- "Tooltip",
2946
- "SvgFloatingOverlay",
2947
- "VStack",
2948
- "Box",
2949
- "Text"
3067
+ "MenuItemBase"
2950
3068
  ],
2951
- "internalComponentProps": {
2952
- "SvgFloatingOverlay": {
2953
- "contentOverflow": [
2954
- "visible"
2955
- ]
2956
- },
2957
- "VStack": {
2958
- "className": [
2959
- "gap-[inherit]"
2960
- ]
2961
- },
2962
- "Box": {
2963
- "alignItems": [
2964
- "center"
2965
- ],
2966
- "columnGap": [
2967
- "1",
2968
- "1.5"
2969
- ]
2970
- },
2971
- "Text": {
2972
- "color": [
2973
- "inherit"
2974
- ]
2975
- }
2976
- },
2977
- "propToVariantKeys": {
2978
- "startTitleIcon": [
2979
- "icon"
2980
- ]
2981
- },
3069
+ "internalComponentProps": {},
3070
+ "propToVariantKeys": {},
2982
3071
  "runtimeConfigDefaultProps": {},
2983
3072
  "runtimeConfigGetStyles": {},
2984
3073
  "runtimeConfigInternalComponentProps": {},
2985
3074
  "motionVarPrefixes": []
2986
3075
  },
2987
- "TooltipTrigger": {
2988
- "name": "TooltipTrigger",
2989
- "defaultProps": {},
2990
- "getStylesLiterals": {},
2991
- "cxLiterals": [],
3076
+ "Menu.ItemBase": {
3077
+ "name": "Menu.ItemBase",
3078
+ "defaultProps": {
3079
+ "spacing": "0",
3080
+ "spacingHorizontal": "4",
3081
+ "spacingVertical": "3.5",
3082
+ "columnGap": "2",
3083
+ "alignItems": "center",
3084
+ "justifyContent": "space-between"
3085
+ },
3086
+ "getStylesLiterals": {
3087
+ "textAlign": "start",
3088
+ "menuitemSizeRoot": "default",
3089
+ "flexDirection": "row",
3090
+ "menuitemSizeStartIcon": "default",
3091
+ "menuitemSizeEndIcon": "default"
3092
+ },
3093
+ "cxLiterals": [
3094
+ "flex",
3095
+ "focus-visible:text-brand",
3096
+ "focus-visible:bg-brand-secondary",
3097
+ "focus-visible:z-10",
3098
+ "uds-ring",
3099
+ "!-outline-offset-2",
3100
+ "[&:not([aria-checked])]:cursor-default",
3101
+ "opacity-25",
3102
+ "cursor-not-allowed",
3103
+ "duration-20",
3104
+ "transition-[font-variation-settings]",
3105
+ "ease-in-out",
3106
+ "z-0",
3107
+ "uds-start-icon",
3108
+ "uds-end-icon"
3109
+ ],
2992
3110
  "internalComponents": [
2993
- "TooltipAnchor"
3111
+ "Pressable",
3112
+ "IconSlot",
3113
+ "RootComponent",
3114
+ "HStack",
3115
+ "AnimatePresence"
2994
3116
  ],
2995
3117
  "internalComponentProps": {
2996
- "TooltipAnchor": {
2997
- "className": [
2998
- "inline"
3118
+ "HStack": {
3119
+ "alignItems": [
3120
+ "center"
3121
+ ],
3122
+ "width": [
3123
+ "full"
3124
+ ]
3125
+ },
3126
+ "AnimatePresence": {
3127
+ "mode": [
3128
+ "popLayout"
2999
3129
  ]
3000
3130
  }
3001
3131
  },
3002
3132
  "propToVariantKeys": {
3003
- "children": [
3004
- "render"
3133
+ "startIcon": [
3134
+ "icon"
3135
+ ],
3136
+ "endIcon": [
3137
+ "icon"
3138
+ ],
3139
+ "columnGap": [
3140
+ "gap"
3005
3141
  ]
3006
3142
  },
3007
3143
  "runtimeConfigDefaultProps": {},
@@ -3009,21 +3145,6 @@
3009
3145
  "runtimeConfigInternalComponentProps": {},
3010
3146
  "motionVarPrefixes": []
3011
3147
  },
3012
- "UDSTooltipConfigProvider": {
3013
- "name": "UDSTooltipConfigProvider",
3014
- "defaultProps": {},
3015
- "getStylesLiterals": {},
3016
- "cxLiterals": [],
3017
- "internalComponents": [
3018
- "TooltipContext.Provider"
3019
- ],
3020
- "internalComponentProps": {},
3021
- "propToVariantKeys": {},
3022
- "runtimeConfigDefaultProps": {},
3023
- "runtimeConfigGetStyles": {},
3024
- "runtimeConfigInternalComponentProps": {},
3025
- "motionVarPrefixes": []
3026
- },
3027
3148
  "UDSBreakpointsConfigProvider": {
3028
3149
  "name": "UDSBreakpointsConfigProvider",
3029
3150
  "defaultProps": {},
@@ -3058,189 +3179,94 @@
3058
3179
  "runtimeConfigInternalComponentProps": {},
3059
3180
  "motionVarPrefixes": []
3060
3181
  },
3061
- "Accordion": {
3062
- "name": "Accordion",
3063
- "defaultProps": {
3064
- "spacingHorizontal": "4",
3065
- "spacingVertical": "4"
3066
- },
3067
- "getStylesLiterals": {},
3068
- "cxLiterals": [
3069
- "hover:bg-secondary/80",
3070
- "w-full"
3071
- ],
3072
- "internalComponents": [
3073
- "Icon",
3074
- "SpringMotionConfig",
3075
- "Pressable",
3076
- "Text",
3077
- "HStack",
3078
- "AnimatePresence",
3079
- "VStack"
3080
- ],
3081
- "internalComponentProps": {
3082
- "Icon": {
3083
- "variant": [
3084
- "fill"
3085
- ],
3086
- "size": [
3087
- "sm"
3088
- ],
3089
- "color": [
3090
- "primary"
3091
- ]
3092
- },
3093
- "SpringMotionConfig": {
3094
- "layoutVariant": [
3095
- "smooth"
3096
- ],
3097
- "layoutSpeed": [
3098
- "3"
3099
- ]
3100
- },
3101
- "Pressable": {
3102
- "display": [
3103
- "flex"
3104
- ],
3105
- "flexDirection": [
3106
- "row"
3107
- ],
3108
- "alignItems": [
3109
- "center"
3110
- ],
3111
- "justifyContent": [
3112
- "space-between"
3113
- ],
3114
- "borderRadius": [
3115
- "md"
3116
- ]
3117
- },
3118
- "Text": {
3119
- "variant": [
3120
- "title4"
3121
- ],
3122
- "color": [
3123
- "primary"
3124
- ]
3125
- },
3126
- "HStack": {
3127
- "display": [
3128
- "flex"
3129
- ],
3130
- "alignItems": [
3131
- "center"
3132
- ],
3133
- "justifyContent": [
3134
- "space-between"
3135
- ],
3136
- "columnGap": [
3137
- "2.5"
3138
- ]
3139
- }
3140
- },
3141
- "propToVariantKeys": {},
3142
- "runtimeConfigDefaultProps": {},
3143
- "runtimeConfigGetStyles": {},
3144
- "runtimeConfigInternalComponentProps": {},
3145
- "motionVarPrefixes": [
3146
- "--uds-motion-smooth-3-"
3147
- ]
3148
- },
3149
- "AvoidMotionLibraryProvider": {
3150
- "name": "AvoidMotionLibraryProvider",
3182
+ "Tooltip": {
3183
+ "name": "Tooltip",
3151
3184
  "defaultProps": {},
3152
3185
  "getStylesLiterals": {},
3153
3186
  "cxLiterals": [],
3154
- "internalComponents": [],
3187
+ "internalComponents": [
3188
+ "TooltipInternalContext.Provider",
3189
+ "TooltipProvider"
3190
+ ],
3155
3191
  "internalComponentProps": {},
3156
3192
  "propToVariantKeys": {},
3157
3193
  "runtimeConfigDefaultProps": {},
3158
3194
  "runtimeConfigGetStyles": {},
3159
- "runtimeConfigInternalComponentProps": {},
3195
+ "runtimeConfigInternalComponentProps": {
3196
+ "TooltipProvider": {
3197
+ "animated": [
3198
+ "tooltip.animationDuration"
3199
+ ]
3200
+ }
3201
+ },
3160
3202
  "motionVarPrefixes": []
3161
3203
  },
3162
- "Modal": {
3163
- "name": "Modal",
3204
+ "TooltipContent": {
3205
+ "name": "TooltipContent",
3164
3206
  "defaultProps": {},
3165
- "getStylesLiterals": {},
3207
+ "getStylesLiterals": {
3208
+ "tooltipSizeRoot": "default",
3209
+ "tooltipVariantRoot": "default",
3210
+ "tooltipSizeSvg": "default",
3211
+ "tooltipVariantSvg": "default",
3212
+ "tooltipVariantBlur": "default",
3213
+ "position": "absolute",
3214
+ "width": "full",
3215
+ "height": "full",
3216
+ "tooltipSizeTitle": "default",
3217
+ "tooltipSizeBody": "default",
3218
+ "tooltipSizeEndContent": "default",
3219
+ "tooltipSizeIcon": "default",
3220
+ "tooltipVariantIcon": "default"
3221
+ },
3166
3222
  "cxLiterals": [
3167
- "inset-8",
3168
- "top-[250px]",
3169
- "z-50",
3170
- "mx-auto",
3171
- "h-fit",
3172
- "w-[600px]",
3173
- "origin-center",
3174
- "scale-95",
3175
- "opacity-0",
3176
- "transition",
3177
- "duration-150",
3178
- "data-[enter]:scale-100",
3179
- "data-[enter]:opacity-100",
3180
- "data-[enter]:bg-primary",
3181
- "backdrop-blur-0",
3182
- "data-[enter]:opacity-60",
3183
- "data-[enter]:backdrop-blur-sm"
3223
+ "max-w-lg",
3224
+ "flex",
3225
+ "z-[9999]",
3226
+ "uds-bgBlurFillFallback",
3227
+ "uds-bgBlurFallback",
3228
+ "top-0",
3229
+ "left-0",
3230
+ "z-[1]"
3184
3231
  ],
3185
3232
  "internalComponents": [
3186
- "IconButton",
3187
- "Dialog",
3188
- "HStack",
3189
- "Text",
3190
- "VStack"
3233
+ "IconSlot",
3234
+ "TooltipArrow",
3235
+ "Tooltip",
3236
+ "SvgFloatingOverlay",
3237
+ "VStack",
3238
+ "Box",
3239
+ "Text"
3191
3240
  ],
3192
3241
  "internalComponentProps": {
3193
- "IconButton": {
3194
- "aria-label": [
3195
- "Close"
3196
- ],
3197
- "size": [
3198
- "sm"
3199
- ],
3200
- "variant": [
3201
- "tertiary"
3242
+ "SvgFloatingOverlay": {
3243
+ "contentOverflow": [
3244
+ "visible"
3202
3245
  ]
3203
3246
  },
3204
- "HStack": {
3247
+ "VStack": {
3248
+ "className": [
3249
+ "gap-[inherit]"
3250
+ ]
3251
+ },
3252
+ "Box": {
3205
3253
  "alignItems": [
3206
3254
  "center"
3207
3255
  ],
3208
- "justifyContent": [
3209
- "space-between"
3256
+ "columnGap": [
3257
+ "1",
3258
+ "1.5"
3210
3259
  ]
3211
3260
  },
3212
3261
  "Text": {
3213
- "variant": [
3214
- "headline1"
3215
- ],
3216
3262
  "color": [
3217
- "primary"
3218
- ]
3219
- },
3220
- "VStack": {
3221
- "borderRadius": [
3222
- "md"
3223
- ],
3224
- "position": [
3225
- "fixed"
3226
- ],
3227
- "backgroundColor": [
3228
- "primary"
3229
- ],
3230
- "dropShadow": [
3231
- "md"
3232
- ],
3233
- "spacing": [
3234
- "8"
3235
- ],
3236
- "overflow": [
3237
- "hidden"
3263
+ "inherit"
3238
3264
  ]
3239
3265
  }
3240
3266
  },
3241
3267
  "propToVariantKeys": {
3242
- "handleClose": [
3243
- "onClick"
3268
+ "startTitleIcon": [
3269
+ "icon"
3244
3270
  ]
3245
3271
  },
3246
3272
  "runtimeConfigDefaultProps": {},
@@ -3248,87 +3274,39 @@
3248
3274
  "runtimeConfigInternalComponentProps": {},
3249
3275
  "motionVarPrefixes": []
3250
3276
  },
3251
- "SegmentedControl": {
3252
- "name": "SegmentedControl",
3253
- "defaultProps": {
3254
- "textVariant": "label2"
3255
- },
3256
- "getStylesLiterals": {
3257
- "display": "flex",
3258
- "alignItems": "center",
3259
- "backgroundColor": "primary",
3260
- "spacingVertical": "1",
3261
- "spacingHorizontal": "3",
3262
- "columnGap": "1.5",
3263
- "borderWidth": "thin",
3264
- "borderRadius": "full",
3265
- "borderColor": "muted",
3266
- "borderColor:1": "transparent",
3267
- "color": "primary",
3268
- "color:1": "tertiary",
3269
- "color:2": "muted"
3270
- },
3271
- "cxLiterals": [
3272
- "uds-ring",
3273
- "cursor-not-allowed",
3274
- "opacity-50",
3275
- "pointer-events-none",
3276
- "hover:bg-primary"
3277
+ "UDSTooltipConfigProvider": {
3278
+ "name": "UDSTooltipConfigProvider",
3279
+ "defaultProps": {},
3280
+ "getStylesLiterals": {},
3281
+ "cxLiterals": [],
3282
+ "internalComponents": [
3283
+ "TooltipContext.Provider"
3277
3284
  ],
3285
+ "internalComponentProps": {},
3286
+ "propToVariantKeys": {},
3287
+ "runtimeConfigDefaultProps": {},
3288
+ "runtimeConfigGetStyles": {},
3289
+ "runtimeConfigInternalComponentProps": {},
3290
+ "motionVarPrefixes": []
3291
+ },
3292
+ "TooltipTrigger": {
3293
+ "name": "TooltipTrigger",
3294
+ "defaultProps": {},
3295
+ "getStylesLiterals": {},
3296
+ "cxLiterals": [],
3278
3297
  "internalComponents": [
3279
- "TextVariant",
3280
- "Radio",
3281
- "Icon",
3282
- "RadioProvider",
3283
- "HStack",
3284
- "RadioGroup",
3285
- "Pressable",
3286
- "Text"
3298
+ "TooltipAnchor"
3287
3299
  ],
3288
3300
  "internalComponentProps": {
3289
- "Icon": {
3290
- "size": [
3291
- "sm"
3292
- ],
3293
- "color": [
3294
- "current"
3295
- ],
3296
- "aria-hidden": [
3297
- "true"
3298
- ]
3299
- },
3300
- "HStack": {
3301
- "spacing": [
3302
- "1"
3303
- ],
3304
- "gap": [
3305
- "1"
3306
- ],
3307
- "backgroundColor": [
3308
- "secondary"
3309
- ],
3310
- "borderRadius": [
3311
- "full"
3312
- ],
3313
- "display": [
3314
- "inline-flex"
3315
- ]
3316
- },
3317
- "Text": {
3318
- "color": [
3319
- "current"
3301
+ "TooltipAnchor": {
3302
+ "className": [
3303
+ "inline"
3320
3304
  ]
3321
3305
  }
3322
3306
  },
3323
3307
  "propToVariantKeys": {
3324
- "value": [
3325
- "key"
3326
- ],
3327
- "label": [
3328
- "aria-label"
3329
- ],
3330
- "textVariant": [
3331
- "variant"
3308
+ "children": [
3309
+ "render"
3332
3310
  ]
3333
3311
  },
3334
3312
  "runtimeConfigDefaultProps": {},
@@ -3336,66 +3314,89 @@
3336
3314
  "runtimeConfigInternalComponentProps": {},
3337
3315
  "motionVarPrefixes": []
3338
3316
  },
3339
- "SwitchV2": {
3340
- "name": "SwitchV2",
3317
+ "RadioGroupProvider": {
3318
+ "name": "RadioGroupProvider",
3319
+ "defaultProps": {},
3320
+ "getStylesLiterals": {},
3321
+ "cxLiterals": [],
3322
+ "internalComponents": [
3323
+ "DivProps",
3324
+ "Comp",
3325
+ "RadioGroupContext.Provider"
3326
+ ],
3327
+ "internalComponentProps": {
3328
+ "Comp": {
3329
+ "role": [
3330
+ "radiogroup"
3331
+ ]
3332
+ }
3333
+ },
3334
+ "propToVariantKeys": {},
3335
+ "runtimeConfigDefaultProps": {},
3336
+ "runtimeConfigGetStyles": {},
3337
+ "runtimeConfigInternalComponentProps": {},
3338
+ "motionVarPrefixes": []
3339
+ },
3340
+ "RadioGroupStore": {
3341
+ "name": "RadioGroupStore",
3342
+ "defaultProps": {},
3343
+ "getStylesLiterals": {},
3344
+ "cxLiterals": [],
3345
+ "internalComponents": [],
3346
+ "internalComponentProps": {},
3347
+ "propToVariantKeys": {},
3348
+ "runtimeConfigDefaultProps": {},
3349
+ "runtimeConfigGetStyles": {},
3350
+ "runtimeConfigInternalComponentProps": {},
3351
+ "motionVarPrefixes": []
3352
+ },
3353
+ "Radio": {
3354
+ "name": "Radio",
3341
3355
  "defaultProps": {
3342
3356
  "labelPosition": "start",
3343
- "size": "md"
3357
+ "variant": "primary",
3358
+ "size": "md",
3359
+ "value": ""
3344
3360
  },
3345
3361
  "getStylesLiterals": {
3346
- "switchVariantRoot": "default",
3347
- "switchVariantActiveRoot": "on",
3348
- "switchVariantActiveRoot:1": "off",
3349
- "switchVariantSwitch": "default",
3350
- "switchVariantActiveSwitch": "on",
3351
- "switchVariantActiveSwitch:1": "off",
3352
- "switchVariantActiveHandle": "on",
3353
- "switchVariantActiveHandle:1": "off",
3354
- "switchVariantHandle": "default",
3355
- "switchVariantHandleIcon": "default",
3356
- "switchVariantActiveHandleIcon": "on",
3357
- "switchVariantActiveHandleIcon:1": "off"
3362
+ "radioVariantValueRoot": "checked",
3363
+ "radioVariantValueRoot:1": "unchecked",
3364
+ "display": "flex",
3365
+ "flexDirection": "row",
3366
+ "flexDirection:1": "row-reverse",
3367
+ "alignItems": "center",
3368
+ "radioVariantValueRadio": "checked",
3369
+ "radioVariantValueRadio:1": "unchecked",
3370
+ "radioVariantValueRadioCircle": "checked",
3371
+ "radioVariantValueRadioCircle:1": "unchecked"
3358
3372
  },
3359
3373
  "cxLiterals": [
3360
- "group",
3361
- "flex",
3362
- "items-center",
3363
- "flex-row",
3364
- "flex-row-reverse",
3374
+ "cursor-pointer",
3375
+ "cursor-default",
3376
+ "opacity-50",
3377
+ "border",
3365
3378
  "uds-ring",
3366
3379
  "uds-ring-within",
3367
- "relative",
3368
- "uds-border-radius-full",
3369
- "transition-[background-color,box-shadow]",
3380
+ "transition-[background-color,border-color]",
3381
+ "transition-shadow",
3370
3382
  "pointer-events-none",
3371
- "w-full",
3372
- "h-full",
3383
+ "w-[8px]",
3384
+ "h-[8px]",
3385
+ "transition-opacity",
3386
+ "cursor-[inherit]",
3373
3387
  "absolute",
3374
- "top-0",
3375
- "bottom-0",
3376
- "right-0",
3377
- "left-0",
3378
- "overflow-hidden",
3379
- "group-hover:scale-105",
3380
- "opacity-95",
3381
- "group-hover:opacity-100",
3382
- "transition-[transform,opacity]",
3383
3388
  "opacity-0",
3384
3389
  "top-1/2",
3385
3390
  "left-1/2",
3391
+ "w-[calc(100%+2px)]",
3392
+ "h-[calc(100%+2px)]",
3386
3393
  "transform",
3387
3394
  "translate-x-[-50%]",
3388
3395
  "translate-y-[-50%]",
3389
- "transition-opacity",
3390
- "cursor-[inherit]",
3391
- "w-[calc(100%+2px)]",
3392
- "h-[calc(100%+2px)]",
3393
3396
  "text-start",
3394
- "text-end",
3395
- "opacity-100"
3397
+ "text-end"
3396
3398
  ],
3397
3399
  "internalComponents": [
3398
- "IconSlot",
3399
3400
  "Box",
3400
3401
  "FormLabel",
3401
3402
  "SpringMotionConfig",
@@ -3403,10 +3404,9 @@
3403
3404
  "MotionBox"
3404
3405
  ],
3405
3406
  "internalComponentProps": {
3406
- "IconSlot": {
3407
- "data-testid": [
3408
- "on-icon",
3409
- "off-icon"
3407
+ "Box": {
3408
+ "borderRadius": [
3409
+ "full"
3410
3410
  ]
3411
3411
  },
3412
3412
  "FormLabel": {
@@ -3420,50 +3420,48 @@
3420
3420
  "inherit"
3421
3421
  ]
3422
3422
  },
3423
- "SpringMotionConfig": {
3424
- "layoutVariant": [
3425
- "bouncy"
3426
- ],
3427
- "layoutSpeed": [
3428
- "4"
3429
- ]
3430
- },
3431
3423
  "RootElement": {
3432
3424
  "data-testid": [
3433
- "switch-root"
3425
+ "container"
3434
3426
  ]
3435
3427
  },
3436
3428
  "MotionBox": {
3437
- "layout": [
3438
- "position"
3429
+ "position": [
3430
+ "relative"
3431
+ ],
3432
+ "borderRadius": [
3433
+ "full"
3434
+ ],
3435
+ "alignItems": [
3436
+ "center"
3437
+ ],
3438
+ "justifyContent": [
3439
+ "center"
3440
+ ],
3441
+ "flex": [
3442
+ "none"
3439
3443
  ]
3440
3444
  }
3441
3445
  },
3442
3446
  "propToVariantKeys": {
3443
3447
  "size": [
3444
- "switchSizeRoot",
3445
- "switchSizeSwitch",
3446
- "switchSizeHandle",
3447
- "switchSizeHandleIcon"
3448
- ],
3449
- "onIcon": [
3450
- "icon"
3448
+ "radioSizeRoot",
3449
+ "radioSizeRadio"
3451
3450
  ],
3452
- "offIcon": [
3453
- "icon"
3451
+ "variant": [
3452
+ "radioVariantRoot",
3453
+ "radioVariantRadio",
3454
+ "radioVariantRadioCircle"
3454
3455
  ],
3455
3456
  "reduceMotion": [
3456
3457
  "reducedMotion"
3457
- ],
3458
- "isOn": [
3459
- "layoutDependency"
3460
3458
  ]
3461
3459
  },
3462
3460
  "runtimeConfigDefaultProps": {},
3463
3461
  "runtimeConfigGetStyles": {},
3464
3462
  "runtimeConfigInternalComponentProps": {},
3465
3463
  "motionVarPrefixes": [
3466
- "--uds-motion-bouncy-4-",
3464
+ "--uds-motion-subtle-3-",
3467
3465
  "--uds-motion-smooth-3-"
3468
3466
  ]
3469
3467
  }