@yahoo/uds 3.130.0 → 3.131.0-beta.1

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 +2 -2
  92. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +2 -2
  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 +1 -1
  120. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  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 +47 -47
  178. package/dist/styles/styler.d.ts +47 -47
  179. package/dist/styles/stylerTypes.d.cts +1 -1
  180. package/dist/styles/stylerTypes.d.ts +1 -1
  181. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  182. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  183. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  184. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  185. package/dist/tokens/configs/borderRadius.d.cts +1 -1
  186. package/dist/tokens/configs/borderRadius.d.ts +1 -1
  187. package/dist/tokens/configs/borderWidth.d.cts +1 -1
  188. package/dist/tokens/configs/borderWidth.d.ts +1 -1
  189. package/dist/tokens/configs/font.d.cts +1 -1
  190. package/dist/tokens/configs/font.d.ts +1 -1
  191. package/dist/tokens/configs/scaleMode.d.cts +1 -1
  192. package/dist/tokens/configs/scaleMode.d.ts +1 -1
  193. package/dist/tokens/configs/shadow.d.cts +1 -1
  194. package/dist/tokens/configs/shadow.d.ts +1 -1
  195. package/dist/tokens/configs/sizes.d.cts +1 -1
  196. package/dist/tokens/configs/sizes.d.ts +1 -1
  197. package/dist/tokens/configs/typography.d.cts +1 -1
  198. package/dist/tokens/configs/typography.d.ts +1 -1
  199. package/dist/tokens/index.d.cts +2 -2
  200. package/dist/tokens/index.d.ts +2 -2
  201. package/dist/tokens/parseButtonVariants.d.cts +1 -1
  202. package/dist/tokens/parseButtonVariants.d.ts +1 -1
  203. package/dist/tokens/types.d.cts +7 -7
  204. package/dist/tokens/types.d.ts +7 -7
  205. package/dist/tokens/utils/spectrum.d.cts +1 -1
  206. package/dist/tokens/utils/spectrum.d.ts +1 -1
  207. package/dist/types/{dist → src}/index.d.cts +35 -23
  208. package/dist/types/{dist → src}/index.d.ts +35 -23
  209. package/dist/uds/generated/componentData.cjs +1334 -1334
  210. package/dist/uds/generated/componentData.js +1334 -1334
  211. package/dist/utils/isElevationAlias.d.cts +1 -1
  212. package/dist/utils/isElevationAlias.d.ts +1 -1
  213. package/generated/componentData.json +1600 -1602
  214. package/package.json +1 -1
  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,13 +1162,13 @@
924
1162
  "--uds-motion-smooth-3-"
925
1163
  ]
926
1164
  },
927
- "Pressable": {
928
- "name": "Pressable",
1165
+ "UDSToastConfigProvider": {
1166
+ "name": "UDSToastConfigProvider",
929
1167
  "defaultProps": {},
930
1168
  "getStylesLiterals": {},
931
1169
  "cxLiterals": [],
932
1170
  "internalComponents": [
933
- "Comp"
1171
+ "ToastContext.Provider"
934
1172
  ],
935
1173
  "internalComponentProps": {},
936
1174
  "propToVariantKeys": {},
@@ -939,512 +1177,275 @@
939
1177
  "runtimeConfigInternalComponentProps": {},
940
1178
  "motionVarPrefixes": []
941
1179
  },
942
- "SpringMotionConfig": {
943
- "name": "SpringMotionConfig",
944
- "defaultProps": {
945
- "reducedMotion": "user"
946
- },
1180
+ "ToastPortal": {
1181
+ "name": "ToastPortal",
1182
+ "defaultProps": {},
947
1183
  "getStylesLiterals": {},
948
1184
  "cxLiterals": [],
949
1185
  "internalComponents": [
950
- "LazyMotion",
951
- "MotionConfig"
1186
+ "ReactToastifyToastContainer"
952
1187
  ],
953
1188
  "internalComponentProps": {},
954
- "propToVariantKeys": {
955
- "loadFeatures": [
956
- "features"
957
- ]
1189
+ "propToVariantKeys": {},
1190
+ "runtimeConfigDefaultProps": {
1191
+ "size": "toast.defaultSize",
1192
+ "variant": "toast.defaultVariant"
958
1193
  },
959
- "runtimeConfigDefaultProps": {},
960
1194
  "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"
1023
- ],
1024
- "internalComponents": [
1025
- "IconSlot",
1026
- "Box",
1027
- "FormLabel",
1028
- "SpringMotionConfig",
1029
- "RootElement",
1030
- "MotionBox"
1031
- ],
1032
- "internalComponentProps": {
1033
- "IconSlot": {
1034
- "data-testid": [
1035
- "on-icon",
1036
- "off-icon"
1037
- ]
1038
- },
1039
- "FormLabel": {
1040
- "as": [
1041
- "div"
1042
- ],
1043
- "variant": [
1044
- "inherit"
1045
- ],
1046
- "color": [
1047
- "inherit"
1048
- ]
1049
- },
1050
- "RootElement": {
1051
- "data-testid": [
1052
- "container"
1053
- ]
1054
- }
1055
- },
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
- },
1073
- "runtimeConfigDefaultProps": {},
1074
- "runtimeConfigGetStyles": {},
1075
- "runtimeConfigInternalComponentProps": {},
1076
- "motionVarPrefixes": [
1077
- "--uds-motion-bouncy-4-",
1078
- "--uds-motion-smooth-3-"
1079
- ]
1080
- },
1081
- "Spinner": {
1082
- "name": "Spinner",
1083
- "defaultProps": {
1084
- "color": "primary",
1085
- "size": "lg"
1086
- },
1087
- "getStylesLiterals": {},
1088
- "cxLiterals": [
1089
- "self-center",
1090
- "relative",
1091
- "sr-only"
1092
- ],
1093
- "internalComponents": [
1094
- "Icon"
1095
- ],
1096
- "internalComponentProps": {
1097
- "Icon": {
1098
- "role": [
1099
- "img"
1100
- ],
1101
- "className": [
1102
- "animate-spin"
1103
- ],
1104
- "aria-hidden": [
1105
- "true"
1195
+ "runtimeConfigInternalComponentProps": {
1196
+ "ReactToastifyToastContainer": {
1197
+ "autoClose": [
1198
+ "toast.autoClose"
1106
1199
  ]
1107
1200
  }
1108
1201
  },
1109
- "propToVariantKeys": {},
1110
- "runtimeConfigDefaultProps": {},
1111
- "runtimeConfigGetStyles": {},
1112
- "runtimeConfigInternalComponentProps": {},
1113
1202
  "motionVarPrefixes": []
1114
1203
  },
1115
- "Table.mocks": {
1116
- "name": "Table.mocks",
1204
+ "Toast": {
1205
+ "name": "Toast",
1117
1206
  "defaultProps": {},
1118
- "getStylesLiterals": {},
1119
- "cxLiterals": [],
1120
- "internalComponents": [],
1121
- "internalComponentProps": {},
1122
- "propToVariantKeys": {},
1123
- "runtimeConfigDefaultProps": {},
1124
- "runtimeConfigGetStyles": {},
1125
- "runtimeConfigInternalComponentProps": {},
1126
- "motionVarPrefixes": []
1127
- },
1128
- "Table": {
1129
- "name": "Table",
1130
- "defaultProps": {
1131
- "display": "table-cell",
1132
- "overflow": "hidden",
1133
- "borderColor": "muted",
1134
- "borderRadius": "md",
1135
- "spacing": "3",
1136
- "borderBottomColor": "muted",
1137
- "borderBottomWidth": "thin",
1138
- "color": "primary"
1139
- },
1140
1207
  "getStylesLiterals": {
1141
- "textAlign": "start"
1142
- },
1143
- "cxLiterals": [],
1144
- "internalComponents": [
1145
- "CellComponent",
1146
- "Box",
1147
- "Text",
1148
- "Table.Root",
1149
- "Table.Header",
1150
- "Table.Row",
1151
- "Table.Cell",
1152
- "Table.Body"
1153
- ],
1154
- "internalComponentProps": {
1155
- "Table.Cell": {
1156
- "asHeaderCell": [
1157
- "column"
1158
- ]
1159
- }
1160
- },
1161
- "propToVariantKeys": {},
1162
- "runtimeConfigDefaultProps": {},
1163
- "runtimeConfigGetStyles": {},
1164
- "runtimeConfigInternalComponentProps": {},
1165
- "motionVarPrefixes": []
1166
- },
1167
- "Avatar": {
1168
- "name": "Avatar",
1169
- "defaultProps": {},
1170
- "getStylesLiterals": {},
1171
- "cxLiterals": [],
1172
- "internalComponents": [
1173
- "AvatarImage"
1174
- ],
1175
- "internalComponentProps": {},
1176
- "propToVariantKeys": {},
1177
- "runtimeConfigDefaultProps": {},
1178
- "runtimeConfigGetStyles": {},
1179
- "runtimeConfigInternalComponentProps": {},
1180
- "motionVarPrefixes": []
1181
- },
1182
- "AvatarIcon": {
1183
- "name": "AvatarIcon",
1184
- "defaultProps": {
1185
- "size": "md",
1186
- "variant": "primary"
1208
+ "className": "animate-spin",
1209
+ "className:1": "flex-none",
1210
+ "spacing": "2",
1211
+ "borderRadius": "full"
1187
1212
  },
1188
- "getStylesLiterals": {},
1189
1213
  "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"
1214
+ "duration-0",
1215
+ "duration-120",
1216
+ "transition-[background-color]",
1217
+ "bg-carbon-15/0",
1218
+ "hover:bg-carbon-15/10",
1219
+ "active:bg-carbon-15/15",
1220
+ "uds-ring"
1198
1221
  ],
1199
1222
  "internalComponents": [
1200
1223
  "IconSlot",
1201
- "Box"
1224
+ "ToastContainer",
1225
+ "Text",
1226
+ "Button",
1227
+ "Pressable"
1202
1228
  ],
1203
1229
  "internalComponentProps": {},
1204
1230
  "propToVariantKeys": {
1205
1231
  "size": [
1206
- "avatarSizeIcon"
1232
+ "toastSizeLabel",
1233
+ "toastSizeIcon",
1234
+ "toastSizeActionButton",
1235
+ "toastSizeCloseIcon"
1236
+ ],
1237
+ "variant": [
1238
+ "toastVariantIcon",
1239
+ "toastVariantActionButton",
1240
+ "toastVariantCloseIcon"
1241
+ ],
1242
+ "closeIcon": [
1243
+ "icon"
1244
+ ],
1245
+ "onClickActionButton": [
1246
+ "onClick"
1207
1247
  ]
1208
1248
  },
1209
- "runtimeConfigDefaultProps": {},
1210
- "runtimeConfigGetStyles": {},
1211
- "runtimeConfigInternalComponentProps": {},
1212
- "motionVarPrefixes": []
1213
- },
1214
- "AvatarImage": {
1215
- "name": "AvatarImage",
1216
- "defaultProps": {
1217
- "size": "md",
1218
- "variant": "primary"
1249
+ "runtimeConfigDefaultProps": {
1250
+ "size": "toast.defaultSize",
1251
+ "variant": "toast.defaultVariant"
1219
1252
  },
1220
- "getStylesLiterals": {},
1221
- "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"
1231
- ],
1232
- "internalComponents": [
1233
- "UDSImage",
1234
- "AvatarText",
1235
- "AvatarIcon",
1236
- "Box"
1237
- ],
1238
- "internalComponentProps": {},
1239
- "propToVariantKeys": {
1240
- "alt": [
1241
- "name"
1253
+ "runtimeConfigGetStyles": {
1254
+ "toastSizeLabel": [
1255
+ "toast.defaultSize"
1242
1256
  ],
1243
- "fallback": [
1244
- "initials"
1257
+ "toastVariantIcon": [
1258
+ "toast.defaultVariant"
1259
+ ],
1260
+ "toastSizeIcon": [
1261
+ "toast.defaultSize"
1262
+ ],
1263
+ "toastSizeActionButton": [
1264
+ "toast.defaultSize"
1265
+ ],
1266
+ "toastVariantActionButton": [
1267
+ "toast.defaultVariant"
1268
+ ],
1269
+ "toastVariantCloseIcon": [
1270
+ "toast.defaultVariant"
1271
+ ],
1272
+ "toastSizeCloseIcon": [
1273
+ "toast.defaultSize"
1245
1274
  ]
1246
1275
  },
1247
- "runtimeConfigDefaultProps": {},
1248
- "runtimeConfigGetStyles": {},
1249
- "runtimeConfigInternalComponentProps": {},
1250
- "motionVarPrefixes": []
1251
- },
1252
- "AvatarText": {
1253
- "name": "AvatarText",
1254
- "defaultProps": {
1255
- "size": "md",
1256
- "variant": "primary"
1257
- },
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": {
1275
- "Text": {
1276
- "color": [
1277
- "inherit"
1278
- ],
1279
- "variant": [
1280
- "inherit"
1281
- ]
1282
- }
1283
- },
1284
- "propToVariantKeys": {},
1285
- "runtimeConfigDefaultProps": {},
1286
- "runtimeConfigGetStyles": {},
1287
- "runtimeConfigInternalComponentProps": {},
1288
- "motionVarPrefixes": []
1289
- },
1290
- "Chip": {
1291
- "name": "Chip",
1292
- "defaultProps": {},
1293
- "getStylesLiterals": {},
1294
- "cxLiterals": [],
1295
- "internalComponents": [
1296
- "ChipDismissible",
1297
- "ChipToggle",
1298
- "ChipLink",
1299
- "ChipButton"
1300
- ],
1301
- "internalComponentProps": {},
1302
- "propToVariantKeys": {},
1303
- "runtimeConfigDefaultProps": {},
1304
- "runtimeConfigGetStyles": {},
1305
- "runtimeConfigInternalComponentProps": {},
1306
- "motionVarPrefixes": []
1307
- },
1308
- "ChipBase": {
1309
- "name": "ChipBase",
1310
- "defaultProps": {
1311
- "size": "md",
1312
- "as": "div"
1313
- },
1314
- "getStylesLiterals": {},
1315
- "cxLiterals": [
1316
- "pointer-events-none",
1317
- "cursor-default",
1318
- "opacity-50",
1319
- "inline-flex",
1320
- "items-center",
1321
- "transition-[background-color,outline-color,box-shadow]",
1322
- "truncate",
1323
- "whitespace-nowrap",
1324
- "text-center",
1325
- "flex-1"
1326
- ],
1327
- "internalComponents": [
1328
- "IconSlot",
1329
- "HStack",
1330
- "As",
1331
- "Text"
1332
- ],
1333
- "internalComponentProps": {
1276
+ "runtimeConfigInternalComponentProps": {
1277
+ "ToastContainer": {
1278
+ "size": [
1279
+ "toast.defaultSize"
1280
+ ],
1281
+ "variant": [
1282
+ "toast.defaultVariant"
1283
+ ]
1284
+ },
1334
1285
  "Text": {
1335
- "as": [
1336
- "span"
1286
+ "variant": [
1287
+ "toast.textVariant.${size}"
1337
1288
  ],
1338
1289
  "color": [
1339
- "current"
1290
+ "toast.textColor.${variant}"
1291
+ ]
1292
+ },
1293
+ "Button": {
1294
+ "size": [
1295
+ "toast.buttonSize.${size}"
1340
1296
  ],
1341
1297
  "variant": [
1342
- "inherit"
1298
+ "toast.buttonVariant.${variant}"
1343
1299
  ]
1344
1300
  }
1345
1301
  },
1346
- "propToVariantKeys": {
1347
- "size": [
1348
- "chipSizeRoot",
1349
- "chipSizeIcon"
1350
- ],
1351
- "startIcon": [
1352
- "icon"
1353
- ],
1354
- "endIcon": [
1355
- "icon"
1356
- ]
1357
- },
1358
- "runtimeConfigDefaultProps": {},
1359
- "runtimeConfigGetStyles": {},
1360
- "runtimeConfigInternalComponentProps": {},
1361
1302
  "motionVarPrefixes": []
1362
1303
  },
1363
- "ChipButton": {
1364
- "name": "ChipButton",
1365
- "defaultProps": {
1366
- "variant": "primary"
1304
+ "ToastContainer": {
1305
+ "name": "ToastContainer",
1306
+ "defaultProps": {},
1307
+ "getStylesLiterals": {
1308
+ "position": "relative",
1309
+ "alignItems": "center",
1310
+ "display": "flex",
1311
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1367
1312
  },
1368
- "getStylesLiterals": {},
1369
1313
  "cxLiterals": [
1370
- "uds-ring"
1314
+ "w-full"
1371
1315
  ],
1372
1316
  "internalComponents": [
1373
- "ChipBase"
1317
+ "HStack"
1374
1318
  ],
1375
1319
  "internalComponentProps": {
1376
- "ChipBase": {
1377
- "as": [
1378
- "button"
1320
+ "HStack": {
1321
+ "alignItems": [
1322
+ "center"
1323
+ ],
1324
+ "justifyContent": [
1325
+ "space-between"
1326
+ ],
1327
+ "overflow": [
1328
+ "hidden"
1329
+ ],
1330
+ "position": [
1331
+ "relative"
1379
1332
  ]
1380
1333
  }
1381
1334
  },
1382
1335
  "propToVariantKeys": {
1383
1336
  "variant": [
1384
- "chipLinkVariantRoot",
1385
- "chipLinkVariantIcon"
1337
+ "toastVariantRoot"
1338
+ ],
1339
+ "size": [
1340
+ "toastSizeRoot"
1341
+ ]
1342
+ },
1343
+ "runtimeConfigDefaultProps": {
1344
+ "size": "toast.defaultSize",
1345
+ "variant": "toast.defaultVariant"
1346
+ },
1347
+ "runtimeConfigGetStyles": {
1348
+ "toastVariantRoot": [
1349
+ "toast.defaultVariant"
1350
+ ],
1351
+ "toastSizeRoot": [
1352
+ "toast.defaultSize"
1386
1353
  ]
1387
1354
  },
1355
+ "runtimeConfigInternalComponentProps": {
1356
+ "HStack": {
1357
+ "backgroundColor": [
1358
+ "toast.backgroundColor.${variant}"
1359
+ ]
1360
+ }
1361
+ },
1362
+ "motionVarPrefixes": []
1363
+ },
1364
+ "BottomSheetInternalContext": {
1365
+ "name": "BottomSheetInternalContext",
1366
+ "defaultProps": {},
1367
+ "getStylesLiterals": {},
1368
+ "cxLiterals": [],
1369
+ "internalComponents": [],
1370
+ "internalComponentProps": {},
1371
+ "propToVariantKeys": {},
1388
1372
  "runtimeConfigDefaultProps": {},
1389
1373
  "runtimeConfigGetStyles": {},
1390
1374
  "runtimeConfigInternalComponentProps": {},
1391
1375
  "motionVarPrefixes": []
1392
1376
  },
1393
- "ChipDismissible": {
1394
- "name": "ChipDismissible",
1395
- "defaultProps": {
1396
- "variant": "primary"
1397
- },
1377
+ "BottomSheetContent": {
1378
+ "name": "BottomSheetContent",
1379
+ "defaultProps": {},
1398
1380
  "getStylesLiterals": {},
1399
1381
  "cxLiterals": [
1400
- "uds-chip-dismissible-button",
1401
- "uds-hit-target",
1402
- "uds-ring",
1403
- "rounded-full"
1382
+ "min-h-0",
1383
+ "touch-pan-y"
1404
1384
  ],
1405
1385
  "internalComponents": [
1406
- "ChipBase",
1407
- "IconSlot",
1408
- "Pressable"
1386
+ "Box",
1387
+ "VStack"
1409
1388
  ],
1410
- "internalComponentProps": {},
1411
- "propToVariantKeys": {
1412
- "variant": [
1413
- "chipDismissibleVariantRoot",
1414
- "chipDismissibleVariantIcon"
1415
- ],
1416
- "dismissButtonAriaLabel": [
1417
- "aria-label"
1418
- ]
1389
+ "internalComponentProps": {
1390
+ "Box": {
1391
+ "display": [
1392
+ "block"
1393
+ ],
1394
+ "flex": [
1395
+ "1"
1396
+ ]
1397
+ },
1398
+ "VStack": {
1399
+ "className": [
1400
+ "pb-[calc(env(safe-area-inset-bottom))]"
1401
+ ]
1402
+ }
1419
1403
  },
1404
+ "propToVariantKeys": {},
1420
1405
  "runtimeConfigDefaultProps": {},
1421
1406
  "runtimeConfigGetStyles": {},
1422
1407
  "runtimeConfigInternalComponentProps": {},
1423
1408
  "motionVarPrefixes": []
1424
1409
  },
1425
- "ChipLink": {
1426
- "name": "ChipLink",
1410
+ "BottomSheetHandle": {
1411
+ "name": "BottomSheetHandle",
1427
1412
  "defaultProps": {
1428
- "variant": "primary"
1413
+ "variant": "default"
1429
1414
  },
1430
1415
  "getStylesLiterals": {},
1431
1416
  "cxLiterals": [
1432
- "uds-ring"
1417
+ "relative",
1418
+ "h-5",
1419
+ "w-16",
1420
+ "outline-none",
1421
+ "focus-visible:outline-none",
1422
+ "[touch-action:pan-y]",
1423
+ "absolute",
1424
+ "left-1/2",
1425
+ "top-1/2",
1426
+ "-translate-x-1/2",
1427
+ "-translate-y-1/2",
1428
+ "h-1",
1429
+ "w-8",
1430
+ "rounded-full"
1433
1431
  ],
1434
1432
  "internalComponents": [
1435
- "ChipBase"
1433
+ "Box"
1436
1434
  ],
1437
1435
  "internalComponentProps": {
1438
- "ChipBase": {
1439
- "as": [
1440
- "a"
1436
+ "Box": {
1437
+ "display": [
1438
+ "block",
1439
+ "flex"
1440
+ ],
1441
+ "justifyContent": [
1442
+ "center"
1441
1443
  ]
1442
1444
  }
1443
1445
  },
1444
1446
  "propToVariantKeys": {
1445
1447
  "variant": [
1446
- "chipLinkVariantRoot",
1447
- "chipLinkVariantIcon"
1448
+ "bottomsheetVariantHandleIndicator"
1448
1449
  ]
1449
1450
  },
1450
1451
  "runtimeConfigDefaultProps": {},
@@ -1452,33 +1453,67 @@
1452
1453
  "runtimeConfigInternalComponentProps": {},
1453
1454
  "motionVarPrefixes": []
1454
1455
  },
1455
- "ChipToggle": {
1456
- "name": "ChipToggle",
1456
+ "BottomSheet": {
1457
+ "name": "BottomSheet",
1457
1458
  "defaultProps": {
1458
- "variant": "primary",
1459
- "role": "checkbox"
1460
- },
1461
- "getStylesLiterals": {
1462
- "chipToggleVariantActiveRoot": "on",
1463
- "chipToggleVariantActiveRoot:1": "off"
1459
+ "variant": "default"
1464
1460
  },
1461
+ "getStylesLiterals": {},
1465
1462
  "cxLiterals": [
1466
- "uds-ring"
1463
+ "fixed",
1464
+ "overflow-hidden",
1465
+ "inset-x-0",
1466
+ "bottom-0",
1467
+ "z-50",
1468
+ "[will-change:transform]",
1469
+ "touch-none",
1470
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1471
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1472
+ "transition-transform",
1473
+ "duration-500",
1474
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1475
+ "motion-reduce:transition-none",
1476
+ "top-[-4px]",
1477
+ "z-[1]",
1478
+ "touch-pan-y"
1467
1479
  ],
1468
1480
  "internalComponents": [
1469
- "ChipBase"
1481
+ "Scrim",
1482
+ "BottomSheetHandle",
1483
+ "Dialog",
1484
+ "Box",
1485
+ "BottomSheetInternalContext.Provider"
1470
1486
  ],
1471
1487
  "internalComponentProps": {
1472
- "ChipBase": {
1473
- "as": [
1474
- "button"
1488
+ "BottomSheetHandle": {
1489
+ "ariaLabel": [
1490
+ "Resize sheet"
1491
+ ]
1492
+ },
1493
+ "Dialog": {
1494
+ "data-testid": [
1495
+ "bottom-sheet"
1496
+ ]
1497
+ },
1498
+ "Box": {
1499
+ "display": [
1500
+ "block",
1501
+ "flex"
1502
+ ],
1503
+ "position": [
1504
+ "absolute"
1505
+ ],
1506
+ "flexDirection": [
1507
+ "column"
1508
+ ],
1509
+ "className": [
1510
+ "absolute inset-0 min-h-0 p-[inherit]"
1475
1511
  ]
1476
1512
  }
1477
1513
  },
1478
1514
  "propToVariantKeys": {
1479
1515
  "variant": [
1480
- "chipToggleVariantRoot",
1481
- "chipToggleVariantIcon"
1516
+ "bottomsheetVariantRoot"
1482
1517
  ]
1483
1518
  },
1484
1519
  "runtimeConfigDefaultProps": {},
@@ -1486,107 +1521,55 @@
1486
1521
  "runtimeConfigInternalComponentProps": {},
1487
1522
  "motionVarPrefixes": []
1488
1523
  },
1489
- "Input": {
1490
- "name": "Input",
1524
+ "BottomSheetHeader": {
1525
+ "name": "BottomSheetHeader",
1491
1526
  "defaultProps": {
1492
- "type": "text",
1493
- "size": "md",
1494
- "width": "full"
1495
- },
1496
- "getStylesLiterals": {
1497
- "inputVariantRoot": "default",
1498
- "inputVariantValueRoot": "empty",
1499
- "inputVariantValueRoot:1": "filled",
1500
- "inputVariantInputWrapper": "default",
1501
- "inputVariantValueInputWrapper": "empty",
1502
- "inputVariantValueInputWrapper:1": "filled",
1503
- "inputVariantInput": "default",
1504
- "inputVariantValueInput": "empty",
1505
- "inputVariantValueInput:1": "filled",
1506
- "inputVariantInputPlaceholder": "default",
1507
- "inputVariantValueInputPlaceholder": "empty",
1508
- "inputVariantValueInputPlaceholder:1": "filled",
1509
- "inputVariantLabel": "default",
1510
- "inputVariantValueLabel": "empty",
1511
- "inputVariantValueLabel:1": "filled",
1512
- "inputVariantLabelRequired": "default",
1513
- "inputVariantValueLabelRequired": "empty",
1514
- "inputVariantValueLabelRequired:1": "filled",
1515
- "inputVariantStartIcon": "default",
1516
- "inputVariantValueStartIcon": "empty",
1517
- "inputVariantValueStartIcon:1": "filled",
1518
- "inputVariantEndIcon": "default",
1519
- "inputVariantValueEndIcon": "empty",
1520
- "inputVariantValueEndIcon:1": "filled"
1527
+ "variant": "default"
1521
1528
  },
1529
+ "getStylesLiterals": {},
1522
1530
  "cxLiterals": [
1523
- "opacity-50",
1524
- "min-w-[200px]",
1525
- "grow",
1526
- "uds-hit-target",
1527
- "bg-clip-text",
1528
- "focus:outline-none",
1529
- "cursor-text",
1530
- "cursor-not-allowed"
1531
+ "grid-cols-[40px_1fr_40px]",
1532
+ "items-center",
1533
+ "w-full",
1534
+ "min-h-10",
1535
+ "mt-2"
1531
1536
  ],
1532
1537
  "internalComponents": [
1533
- "IconSlot",
1534
- "StartIcon",
1535
- "EndIcon",
1536
- "HelpTextContent",
1537
1538
  "Box",
1538
- "InputHelpTextInternal",
1539
- "VStack",
1540
- "HStack",
1541
- "AnimateHeightChange"
1539
+ "Text"
1542
1540
  ],
1543
1541
  "internalComponentProps": {
1544
- "HelpTextContent": {
1545
- "spacingTop": [
1546
- "2"
1547
- ]
1548
- },
1549
1542
  "Box": {
1550
- "spacingBottom": [
1551
- "2"
1552
- ],
1553
- "columnGap": [
1554
- "0.5"
1543
+ "className": [
1544
+ "h-10 w-10 opacity-0 pointer-events-none"
1555
1545
  ],
1556
- "alignItems": [
1557
- "flex-end",
1558
- "center"
1546
+ "display": [
1547
+ "grid",
1548
+ "flex"
1559
1549
  ],
1560
- "position": [
1561
- "relative"
1550
+ "justifyContent": [
1551
+ "flex-start",
1552
+ "flex-end"
1562
1553
  ]
1563
1554
  },
1564
- "HStack": {
1565
- "alignItems": [
1555
+ "Text": {
1556
+ "variant": [
1557
+ "inherit"
1558
+ ],
1559
+ "color": [
1560
+ "inherit"
1561
+ ],
1562
+ "textAlign": [
1566
1563
  "center"
1567
1564
  ],
1568
- "gap": [
1569
- "1"
1565
+ "className": [
1566
+ "w-full"
1570
1567
  ]
1571
1568
  }
1572
1569
  },
1573
1570
  "propToVariantKeys": {
1574
- "size": [
1575
- "inputSizeRoot",
1576
- "inputSizeInputWrapper",
1577
- "inputSizeInput",
1578
- "inputSizeLabel",
1579
- "inputSizeStartIcon",
1580
- "inputSizeEndIcon"
1581
- ],
1582
- "startIcon": [
1583
- "icon"
1584
- ],
1585
- "endIcon": [
1586
- "icon"
1587
- ],
1588
- "helperTextIcon": [
1589
- "startIcon"
1571
+ "variant": [
1572
+ "bottomsheetVariantHeader"
1590
1573
  ]
1591
1574
  },
1592
1575
  "runtimeConfigDefaultProps": {},
@@ -1594,31 +1577,89 @@
1594
1577
  "runtimeConfigInternalComponentProps": {},
1595
1578
  "motionVarPrefixes": []
1596
1579
  },
1597
- "InputHelpText": {
1598
- "name": "InputHelpText",
1580
+ "BottomSheetTrigger": {
1581
+ "name": "BottomSheetTrigger",
1582
+ "defaultProps": {},
1583
+ "getStylesLiterals": {},
1584
+ "cxLiterals": [],
1585
+ "internalComponents": [
1586
+ "AriakitDialogDisclosure"
1587
+ ],
1588
+ "internalComponentProps": {},
1589
+ "propToVariantKeys": {},
1590
+ "runtimeConfigDefaultProps": {},
1591
+ "runtimeConfigGetStyles": {},
1592
+ "runtimeConfigInternalComponentProps": {},
1593
+ "motionVarPrefixes": []
1594
+ },
1595
+ "UDSBottomSheetConfigProvider": {
1596
+ "name": "UDSBottomSheetConfigProvider",
1597
+ "defaultProps": {},
1598
+ "getStylesLiterals": {},
1599
+ "cxLiterals": [],
1600
+ "internalComponents": [
1601
+ "BottomSheetContext.Provider"
1602
+ ],
1603
+ "internalComponentProps": {},
1604
+ "propToVariantKeys": {},
1605
+ "runtimeConfigDefaultProps": {},
1606
+ "runtimeConfigGetStyles": {},
1607
+ "runtimeConfigInternalComponentProps": {},
1608
+ "motionVarPrefixes": []
1609
+ },
1610
+ "BottomSheetDismiss": {
1611
+ "name": "BottomSheetDismiss",
1612
+ "defaultProps": {},
1613
+ "getStylesLiterals": {},
1614
+ "cxLiterals": [],
1615
+ "internalComponents": [
1616
+ "AriakitDialogDismiss"
1617
+ ],
1618
+ "internalComponentProps": {},
1619
+ "propToVariantKeys": {},
1620
+ "runtimeConfigDefaultProps": {},
1621
+ "runtimeConfigGetStyles": {},
1622
+ "runtimeConfigInternalComponentProps": {},
1623
+ "motionVarPrefixes": []
1624
+ },
1625
+ "BottomSheetProvider": {
1626
+ "name": "BottomSheetProvider",
1627
+ "defaultProps": {},
1628
+ "getStylesLiterals": {},
1629
+ "cxLiterals": [],
1630
+ "internalComponents": [
1631
+ "AriakitDialogProvider"
1632
+ ],
1633
+ "internalComponentProps": {},
1634
+ "propToVariantKeys": {},
1635
+ "runtimeConfigDefaultProps": {},
1636
+ "runtimeConfigGetStyles": {},
1637
+ "runtimeConfigInternalComponentProps": {},
1638
+ "motionVarPrefixes": []
1639
+ },
1640
+ "ChipLink": {
1641
+ "name": "ChipLink",
1599
1642
  "defaultProps": {
1600
- "size": "md"
1601
- },
1602
- "getStylesLiterals": {
1603
- "inputVariantRoot": "default",
1604
- "inputVariantValueRoot": "empty",
1605
- "inputVariantValueRoot:1": "filled"
1643
+ "variant": "primary"
1606
1644
  },
1607
- "cxLiterals": [],
1645
+ "getStylesLiterals": {},
1646
+ "cxLiterals": [
1647
+ "uds-ring"
1648
+ ],
1608
1649
  "internalComponents": [
1609
- "InputHelpTextInternal",
1610
- "Box"
1650
+ "ChipBase"
1611
1651
  ],
1612
1652
  "internalComponentProps": {
1613
- "Box": {
1614
- "spacingTop": [
1615
- "2"
1653
+ "ChipBase": {
1654
+ "as": [
1655
+ "a"
1616
1656
  ]
1617
1657
  }
1618
1658
  },
1619
1659
  "propToVariantKeys": {
1620
- "size": [
1621
- "inputSizeRoot"
1660
+ "variant": [
1661
+ "chipLinkVariantRoot",
1662
+ "chipLinkVariantIcon"
1622
1663
  ]
1623
1664
  },
1624
1665
  "runtimeConfigDefaultProps": {},
@@ -1626,42 +1667,31 @@
1626
1667
  "runtimeConfigInternalComponentProps": {},
1627
1668
  "motionVarPrefixes": []
1628
1669
  },
1629
- "InputHelpTextInternal": {
1630
- "name": "InputHelpTextInternal",
1631
- "defaultProps": {},
1632
- "getStylesLiterals": {
1633
- "inputVariantHelperText": "default",
1634
- "inputVariantValueHelperText": "empty",
1635
- "inputVariantValueHelperText:1": "filled",
1636
- "inputVariantHelperIcon": "default",
1637
- "inputVariantValueHelperIcon": "empty",
1638
- "inputVariantValueHelperIcon:1": "filled"
1670
+ "ChipDismissible": {
1671
+ "name": "ChipDismissible",
1672
+ "defaultProps": {
1673
+ "variant": "primary"
1639
1674
  },
1640
- "cxLiterals": [],
1675
+ "getStylesLiterals": {},
1676
+ "cxLiterals": [
1677
+ "uds-chip-dismissible-button",
1678
+ "uds-hit-target",
1679
+ "uds-ring",
1680
+ "rounded-full"
1681
+ ],
1641
1682
  "internalComponents": [
1683
+ "ChipBase",
1642
1684
  "IconSlot",
1643
- "HStack"
1644
- ],
1645
- "internalComponentProps": {
1646
- "HStack": {
1647
- "gap": [
1648
- "1"
1649
- ],
1650
- "alignItems": [
1651
- "center"
1652
- ]
1653
- }
1654
- },
1655
- "propToVariantKeys": {
1656
- "size": [
1657
- "inputSizeHelperText",
1658
- "inputSizeHelperIcon"
1659
- ],
1660
- "startIcon": [
1661
- "icon"
1685
+ "Pressable"
1686
+ ],
1687
+ "internalComponentProps": {},
1688
+ "propToVariantKeys": {
1689
+ "variant": [
1690
+ "chipDismissibleVariantRoot",
1691
+ "chipDismissibleVariantIcon"
1662
1692
  ],
1663
- "endIcon": [
1664
- "icon"
1693
+ "dismissButtonAriaLabel": [
1694
+ "aria-label"
1665
1695
  ]
1666
1696
  },
1667
1697
  "runtimeConfigDefaultProps": {},
@@ -1669,67 +1699,33 @@
1669
1699
  "runtimeConfigInternalComponentProps": {},
1670
1700
  "motionVarPrefixes": []
1671
1701
  },
1672
- "BottomSheet": {
1673
- "name": "BottomSheet",
1702
+ "ChipToggle": {
1703
+ "name": "ChipToggle",
1674
1704
  "defaultProps": {
1675
- "variant": "default"
1705
+ "variant": "primary",
1706
+ "role": "checkbox"
1707
+ },
1708
+ "getStylesLiterals": {
1709
+ "chipToggleVariantActiveRoot": "on",
1710
+ "chipToggleVariantActiveRoot:1": "off"
1676
1711
  },
1677
- "getStylesLiterals": {},
1678
1712
  "cxLiterals": [
1679
- "fixed",
1680
- "overflow-hidden",
1681
- "inset-x-0",
1682
- "bottom-0",
1683
- "z-50",
1684
- "[will-change:transform]",
1685
- "touch-none",
1686
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1687
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1688
- "transition-transform",
1689
- "duration-500",
1690
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1691
- "motion-reduce:transition-none",
1692
- "top-[-4px]",
1693
- "z-[1]",
1694
- "touch-pan-y"
1713
+ "uds-ring"
1695
1714
  ],
1696
1715
  "internalComponents": [
1697
- "Scrim",
1698
- "BottomSheetHandle",
1699
- "Dialog",
1700
- "Box",
1701
- "BottomSheetInternalContext.Provider"
1716
+ "ChipBase"
1702
1717
  ],
1703
1718
  "internalComponentProps": {
1704
- "BottomSheetHandle": {
1705
- "ariaLabel": [
1706
- "Resize sheet"
1707
- ]
1708
- },
1709
- "Dialog": {
1710
- "data-testid": [
1711
- "bottom-sheet"
1712
- ]
1713
- },
1714
- "Box": {
1715
- "display": [
1716
- "block",
1717
- "flex"
1718
- ],
1719
- "position": [
1720
- "absolute"
1721
- ],
1722
- "flexDirection": [
1723
- "column"
1724
- ],
1725
- "className": [
1726
- "absolute inset-0 min-h-0 p-[inherit]"
1719
+ "ChipBase": {
1720
+ "as": [
1721
+ "button"
1727
1722
  ]
1728
1723
  }
1729
1724
  },
1730
1725
  "propToVariantKeys": {
1731
1726
  "variant": [
1732
- "bottomsheetVariantRoot"
1727
+ "chipToggleVariantRoot",
1728
+ "chipToggleVariantIcon"
1733
1729
  ]
1734
1730
  },
1735
1731
  "runtimeConfigDefaultProps": {},
@@ -1737,46 +1733,71 @@
1737
1733
  "runtimeConfigInternalComponentProps": {},
1738
1734
  "motionVarPrefixes": []
1739
1735
  },
1740
- "BottomSheetContent": {
1741
- "name": "BottomSheetContent",
1742
- "defaultProps": {},
1736
+ "ChipBase": {
1737
+ "name": "ChipBase",
1738
+ "defaultProps": {
1739
+ "size": "md",
1740
+ "as": "div"
1741
+ },
1743
1742
  "getStylesLiterals": {},
1744
1743
  "cxLiterals": [
1745
- "min-h-0",
1746
- "touch-pan-y"
1744
+ "pointer-events-none",
1745
+ "cursor-default",
1746
+ "opacity-50",
1747
+ "inline-flex",
1748
+ "items-center",
1749
+ "transition-[background-color,outline-color,box-shadow]",
1750
+ "truncate",
1751
+ "whitespace-nowrap",
1752
+ "text-center",
1753
+ "flex-1"
1747
1754
  ],
1748
1755
  "internalComponents": [
1749
- "Box",
1750
- "VStack"
1756
+ "IconSlot",
1757
+ "HStack",
1758
+ "As",
1759
+ "Text"
1751
1760
  ],
1752
1761
  "internalComponentProps": {
1753
- "Box": {
1754
- "display": [
1755
- "block"
1762
+ "Text": {
1763
+ "as": [
1764
+ "span"
1756
1765
  ],
1757
- "flex": [
1758
- "1"
1759
- ]
1760
- },
1761
- "VStack": {
1762
- "className": [
1763
- "pb-[calc(env(safe-area-inset-bottom))]"
1766
+ "color": [
1767
+ "current"
1768
+ ],
1769
+ "variant": [
1770
+ "inherit"
1764
1771
  ]
1765
1772
  }
1766
1773
  },
1767
- "propToVariantKeys": {},
1774
+ "propToVariantKeys": {
1775
+ "size": [
1776
+ "chipSizeRoot",
1777
+ "chipSizeIcon"
1778
+ ],
1779
+ "startIcon": [
1780
+ "icon"
1781
+ ],
1782
+ "endIcon": [
1783
+ "icon"
1784
+ ]
1785
+ },
1768
1786
  "runtimeConfigDefaultProps": {},
1769
1787
  "runtimeConfigGetStyles": {},
1770
1788
  "runtimeConfigInternalComponentProps": {},
1771
1789
  "motionVarPrefixes": []
1772
1790
  },
1773
- "BottomSheetDismiss": {
1774
- "name": "BottomSheetDismiss",
1791
+ "Chip": {
1792
+ "name": "Chip",
1775
1793
  "defaultProps": {},
1776
1794
  "getStylesLiterals": {},
1777
1795
  "cxLiterals": [],
1778
1796
  "internalComponents": [
1779
- "AriakitDialogDismiss"
1797
+ "ChipDismissible",
1798
+ "ChipToggle",
1799
+ "ChipLink",
1800
+ "ChipButton"
1780
1801
  ],
1781
1802
  "internalComponentProps": {},
1782
1803
  "propToVariantKeys": {},
@@ -1785,45 +1806,29 @@
1785
1806
  "runtimeConfigInternalComponentProps": {},
1786
1807
  "motionVarPrefixes": []
1787
1808
  },
1788
- "BottomSheetHandle": {
1789
- "name": "BottomSheetHandle",
1809
+ "ChipButton": {
1810
+ "name": "ChipButton",
1790
1811
  "defaultProps": {
1791
- "variant": "default"
1812
+ "variant": "primary"
1792
1813
  },
1793
1814
  "getStylesLiterals": {},
1794
1815
  "cxLiterals": [
1795
- "relative",
1796
- "h-5",
1797
- "w-16",
1798
- "outline-none",
1799
- "focus-visible:outline-none",
1800
- "[touch-action:pan-y]",
1801
- "absolute",
1802
- "left-1/2",
1803
- "top-1/2",
1804
- "-translate-x-1/2",
1805
- "-translate-y-1/2",
1806
- "h-1",
1807
- "w-8",
1808
- "rounded-full"
1816
+ "uds-ring"
1809
1817
  ],
1810
1818
  "internalComponents": [
1811
- "Box"
1819
+ "ChipBase"
1812
1820
  ],
1813
1821
  "internalComponentProps": {
1814
- "Box": {
1815
- "display": [
1816
- "block",
1817
- "flex"
1818
- ],
1819
- "justifyContent": [
1820
- "center"
1822
+ "ChipBase": {
1823
+ "as": [
1824
+ "button"
1821
1825
  ]
1822
1826
  }
1823
1827
  },
1824
1828
  "propToVariantKeys": {
1825
1829
  "variant": [
1826
- "bottomsheetVariantHandleIndicator"
1830
+ "chipLinkVariantRoot",
1831
+ "chipLinkVariantIcon"
1827
1832
  ]
1828
1833
  },
1829
1834
  "runtimeConfigDefaultProps": {},
@@ -1831,82 +1836,83 @@
1831
1836
  "runtimeConfigInternalComponentProps": {},
1832
1837
  "motionVarPrefixes": []
1833
1838
  },
1834
- "BottomSheetHeader": {
1835
- "name": "BottomSheetHeader",
1839
+ "AvatarText": {
1840
+ "name": "AvatarText",
1836
1841
  "defaultProps": {
1837
- "variant": "default"
1842
+ "size": "md",
1843
+ "variant": "primary"
1838
1844
  },
1839
1845
  "getStylesLiterals": {},
1840
1846
  "cxLiterals": [
1841
- "grid-cols-[40px_1fr_40px]",
1842
- "items-center",
1847
+ "overflow-hidden",
1848
+ "truncate",
1843
1849
  "w-full",
1844
- "min-h-10",
1845
- "mt-2"
1850
+ "h-full",
1851
+ "shrink-0",
1852
+ "text-center",
1853
+ "inline-flex",
1854
+ "justify-center",
1855
+ "items-center"
1846
1856
  ],
1847
1857
  "internalComponents": [
1848
1858
  "Box",
1849
1859
  "Text"
1850
1860
  ],
1851
1861
  "internalComponentProps": {
1852
- "Box": {
1853
- "className": [
1854
- "h-10 w-10 opacity-0 pointer-events-none"
1855
- ],
1856
- "display": [
1857
- "grid",
1858
- "flex"
1859
- ],
1860
- "justifyContent": [
1861
- "flex-start",
1862
- "flex-end"
1863
- ]
1864
- },
1865
1862
  "Text": {
1866
- "variant": [
1867
- "inherit"
1868
- ],
1869
1863
  "color": [
1870
1864
  "inherit"
1871
1865
  ],
1872
- "textAlign": [
1873
- "center"
1874
- ],
1875
- "className": [
1876
- "w-full"
1866
+ "variant": [
1867
+ "inherit"
1877
1868
  ]
1878
1869
  }
1879
1870
  },
1880
- "propToVariantKeys": {
1881
- "variant": [
1882
- "bottomsheetVariantHeader"
1883
- ]
1884
- },
1871
+ "propToVariantKeys": {},
1885
1872
  "runtimeConfigDefaultProps": {},
1886
1873
  "runtimeConfigGetStyles": {},
1887
1874
  "runtimeConfigInternalComponentProps": {},
1888
1875
  "motionVarPrefixes": []
1889
1876
  },
1890
- "BottomSheetInternalContext": {
1891
- "name": "BottomSheetInternalContext",
1892
- "defaultProps": {},
1877
+ "AvatarIcon": {
1878
+ "name": "AvatarIcon",
1879
+ "defaultProps": {
1880
+ "size": "md",
1881
+ "variant": "primary"
1882
+ },
1893
1883
  "getStylesLiterals": {},
1894
- "cxLiterals": [],
1895
- "internalComponents": [],
1884
+ "cxLiterals": [
1885
+ "overflow-hidden",
1886
+ "w-full",
1887
+ "h-full",
1888
+ "shrink-0",
1889
+ "text-center",
1890
+ "inline-flex",
1891
+ "justify-center",
1892
+ "items-center"
1893
+ ],
1894
+ "internalComponents": [
1895
+ "IconSlot",
1896
+ "Box"
1897
+ ],
1896
1898
  "internalComponentProps": {},
1897
- "propToVariantKeys": {},
1899
+ "propToVariantKeys": {
1900
+ "size": [
1901
+ "avatarSizeIcon"
1902
+ ]
1903
+ },
1898
1904
  "runtimeConfigDefaultProps": {},
1899
1905
  "runtimeConfigGetStyles": {},
1900
1906
  "runtimeConfigInternalComponentProps": {},
1901
1907
  "motionVarPrefixes": []
1902
1908
  },
1903
- "BottomSheetProvider": {
1904
- "name": "BottomSheetProvider",
1909
+ "Avatar": {
1910
+ "name": "Avatar",
1905
1911
  "defaultProps": {},
1906
1912
  "getStylesLiterals": {},
1907
1913
  "cxLiterals": [],
1908
1914
  "internalComponents": [
1909
- "AriakitDialogProvider"
1915
+ "AvatarImage"
1910
1916
  ],
1911
1917
  "internalComponentProps": {},
1912
1918
  "propToVariantKeys": {},
@@ -1915,28 +1921,51 @@
1915
1921
  "runtimeConfigInternalComponentProps": {},
1916
1922
  "motionVarPrefixes": []
1917
1923
  },
1918
- "BottomSheetTrigger": {
1919
- "name": "BottomSheetTrigger",
1920
- "defaultProps": {},
1924
+ "AvatarImage": {
1925
+ "name": "AvatarImage",
1926
+ "defaultProps": {
1927
+ "size": "md",
1928
+ "variant": "primary"
1929
+ },
1921
1930
  "getStylesLiterals": {},
1922
- "cxLiterals": [],
1931
+ "cxLiterals": [
1932
+ "overflow-hidden",
1933
+ "w-full",
1934
+ "h-full",
1935
+ "shrink-0",
1936
+ "text-center",
1937
+ "inline-flex",
1938
+ "justify-center",
1939
+ "items-center",
1940
+ "object-cover"
1941
+ ],
1923
1942
  "internalComponents": [
1924
- "AriakitDialogDisclosure"
1943
+ "UDSImage",
1944
+ "AvatarText",
1945
+ "AvatarIcon",
1946
+ "Box"
1925
1947
  ],
1926
1948
  "internalComponentProps": {},
1927
- "propToVariantKeys": {},
1949
+ "propToVariantKeys": {
1950
+ "alt": [
1951
+ "name"
1952
+ ],
1953
+ "fallback": [
1954
+ "initials"
1955
+ ]
1956
+ },
1928
1957
  "runtimeConfigDefaultProps": {},
1929
1958
  "runtimeConfigGetStyles": {},
1930
1959
  "runtimeConfigInternalComponentProps": {},
1931
1960
  "motionVarPrefixes": []
1932
1961
  },
1933
- "UDSBottomSheetConfigProvider": {
1934
- "name": "UDSBottomSheetConfigProvider",
1962
+ "TabPanel": {
1963
+ "name": "TabPanel",
1935
1964
  "defaultProps": {},
1936
1965
  "getStylesLiterals": {},
1937
1966
  "cxLiterals": [],
1938
1967
  "internalComponents": [
1939
- "BottomSheetContext.Provider"
1968
+ "AriakitTabPanel"
1940
1969
  ],
1941
1970
  "internalComponentProps": {},
1942
1971
  "propToVariantKeys": {},
@@ -1945,39 +1974,21 @@
1945
1974
  "runtimeConfigInternalComponentProps": {},
1946
1975
  "motionVarPrefixes": []
1947
1976
  },
1948
- "Menu.Content": {
1949
- "name": "Menu.Content",
1977
+ "Tabs": {
1978
+ "name": "Tabs",
1950
1979
  "defaultProps": {
1951
- "size": "default",
1952
- "variant": "default",
1953
- "gutter": "1"
1980
+ "variant": "primary"
1954
1981
  },
1955
1982
  "getStylesLiterals": {},
1956
- "cxLiterals": [
1957
- "uds-menu-content",
1958
- "transition-shadow",
1959
- "duration-200",
1960
- "ease-in-out",
1961
- "min-w-60",
1962
- "max-w-lg",
1963
- "max-h-96",
1964
- "overflow-auto",
1965
- "uds-ring",
1966
- "z-10",
1967
- "group"
1968
- ],
1983
+ "cxLiterals": [],
1969
1984
  "internalComponents": [
1970
- "AriakitMenu",
1971
- "AnimatePresence",
1972
- "MotionVStack"
1985
+ "TabsContext.Provider",
1986
+ "TabProvider"
1973
1987
  ],
1974
1988
  "internalComponentProps": {},
1975
1989
  "propToVariantKeys": {
1976
- "size": [
1977
- "menucontentSizeRoot"
1978
- ],
1979
- "variant": [
1980
- "menucontentVariantRoot"
1990
+ "onSelectionChange": [
1991
+ "setSelectedId"
1981
1992
  ]
1982
1993
  },
1983
1994
  "runtimeConfigDefaultProps": {},
@@ -1985,125 +1996,130 @@
1985
1996
  "runtimeConfigInternalComponentProps": {},
1986
1997
  "motionVarPrefixes": []
1987
1998
  },
1988
- "Menu.Divider": {
1989
- "name": "Menu.Divider",
1999
+ "TabList": {
2000
+ "name": "TabList",
1990
2001
  "defaultProps": {
1991
- "role": "separator",
1992
- "contentPosition": "start",
1993
- "gap": "4"
2002
+ "variant": "primary"
1994
2003
  },
1995
2004
  "getStylesLiterals": {
1996
- "menuitemDividerVariantRoot": "default",
1997
- "menuitemDividerVariantText": "default",
1998
- "menuitemDividerVariantLine": "default"
2005
+ "tabSizeRoot": "default",
2006
+ "tabVariantActiveRoot": "on"
1999
2007
  },
2000
- "cxLiterals": [],
2001
- "internalComponents": [
2002
- "DividerInternal"
2008
+ "cxLiterals": [
2009
+ "pointer-events-none",
2010
+ "absolute",
2011
+ "bottom-0",
2012
+ "left-0",
2013
+ "right-0",
2014
+ "h-[var(--uds-tab-underline-width,0px)]",
2015
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2016
+ "transition-[height,background-color]",
2017
+ "duration-[240ms]",
2018
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2019
+ "!m-0",
2020
+ "!p-0",
2021
+ "!gap-0",
2022
+ "box-border",
2023
+ "z-0",
2024
+ "min-w-0",
2025
+ "min-h-0",
2026
+ "flex",
2027
+ "flex-row",
2028
+ "items-center",
2029
+ "overflow-x-auto",
2030
+ "overflow-y-clip",
2031
+ "scrollbar-none",
2032
+ "[overflow-clip-margin:6px]",
2033
+ "overflow-clip",
2034
+ "[overflow-clip-margin:8px]",
2035
+ "relative"
2003
2036
  ],
2004
- "internalComponentProps": {
2005
- "DividerInternal": {
2006
- "variant": [
2007
- "inherit"
2008
- ]
2009
- }
2010
- },
2011
- "propToVariantKeys": {},
2012
- "runtimeConfigDefaultProps": {},
2013
- "runtimeConfigGetStyles": {},
2014
- "runtimeConfigInternalComponentProps": {},
2015
- "motionVarPrefixes": []
2016
- },
2017
- "Menu.Item": {
2018
- "name": "Menu.Item",
2019
- "defaultProps": {},
2020
- "getStylesLiterals": {
2021
- "menuitemItemVariantRoot": "default",
2022
- "menuitemItemVariantActiveRoot": "on",
2023
- "menuitemItemVariantActiveRoot:1": "off",
2024
- "menuitemItemVariantText": "default",
2025
- "menuitemItemVariantActiveText": "on",
2026
- "menuitemItemVariantActiveText:1": "off",
2027
- "menuitemItemVariantIcon": "default",
2028
- "menuitemItemVariantActiveIcon": "on",
2029
- "menuitemItemVariantActiveIcon:1": "off"
2030
- },
2031
- "cxLiterals": [],
2032
2037
  "internalComponents": [
2033
- "MenuItemBase"
2038
+ "AriakitTabList"
2034
2039
  ],
2035
2040
  "internalComponentProps": {},
2036
- "propToVariantKeys": {},
2041
+ "propToVariantKeys": {
2042
+ "variant": [
2043
+ "tabsVariantRoot",
2044
+ "tabVariantRoot"
2045
+ ]
2046
+ },
2037
2047
  "runtimeConfigDefaultProps": {},
2038
2048
  "runtimeConfigGetStyles": {},
2039
2049
  "runtimeConfigInternalComponentProps": {},
2040
2050
  "motionVarPrefixes": []
2041
2051
  },
2042
- "Menu.ItemBase": {
2043
- "name": "Menu.ItemBase",
2052
+ "Tab": {
2053
+ "name": "Tab",
2044
2054
  "defaultProps": {
2045
- "spacing": "0",
2046
- "spacingHorizontal": "4",
2047
- "spacingVertical": "3.5",
2048
- "columnGap": "2",
2049
- "alignItems": "center",
2050
- "justifyContent": "space-between"
2055
+ "variant": "primary"
2051
2056
  },
2052
2057
  "getStylesLiterals": {
2053
- "textAlign": "start",
2054
- "menuitemSizeRoot": "default",
2055
- "flexDirection": "row",
2056
- "menuitemSizeStartIcon": "default",
2057
- "menuitemSizeEndIcon": "default"
2058
+ "tabSizeRoot": "default",
2059
+ "tabVariantActiveRoot": "off",
2060
+ "tabVariantActiveRoot:1": "on",
2061
+ "tabSizeIcon": "default"
2058
2062
  },
2059
2063
  "cxLiterals": [
2060
- "flex",
2061
- "focus-visible:text-brand",
2062
- "focus-visible:bg-brand-secondary",
2063
- "focus-visible:z-10",
2064
+ "pointer-events-none",
2065
+ "absolute",
2066
+ "bottom-0",
2067
+ "left-0",
2068
+ "right-0",
2069
+ "h-[var(--uds-tab-underline-width,0px)]",
2070
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2071
+ "transition-[height,background-color]",
2072
+ "duration-[240ms]",
2073
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2074
+ "!bg-transparent",
2075
+ "!shadow-none",
2076
+ "inline-flex",
2077
+ "items-center",
2078
+ "shrink-0",
2079
+ "box-border",
2080
+ "relative",
2081
+ "z-[1]",
2082
+ "cursor-pointer",
2083
+ "select-none",
2084
+ "whitespace-nowrap",
2064
2085
  "uds-ring",
2065
- "!-outline-offset-2",
2066
- "[&:not([aria-checked])]:cursor-default",
2067
- "opacity-25",
2068
- "cursor-not-allowed",
2069
- "duration-20",
2070
- "transition-[font-variation-settings]",
2071
- "ease-in-out",
2072
- "z-0",
2073
- "uds-start-icon",
2074
- "uds-end-icon"
2086
+ "opacity-50",
2087
+ "cursor-default",
2088
+ "border-solid",
2089
+ "border-b-solid",
2090
+ "transition-colors"
2075
2091
  ],
2076
2092
  "internalComponents": [
2077
- "Pressable",
2078
2093
  "IconSlot",
2079
- "RootComponent",
2080
- "HStack",
2081
- "AnimatePresence"
2094
+ "AriakitTab",
2095
+ "Text"
2082
2096
  ],
2083
2097
  "internalComponentProps": {
2084
- "HStack": {
2085
- "alignItems": [
2086
- "center"
2098
+ "Text": {
2099
+ "variant": [
2100
+ "inherit"
2087
2101
  ],
2088
- "width": [
2089
- "full"
2090
- ]
2091
- },
2092
- "AnimatePresence": {
2093
- "mode": [
2094
- "popLayout"
2102
+ "as": [
2103
+ "span"
2104
+ ],
2105
+ "color": [
2106
+ "current"
2095
2107
  ]
2096
2108
  }
2097
2109
  },
2098
2110
  "propToVariantKeys": {
2111
+ "variant": [
2112
+ "tabVariantRoot",
2113
+ "tabVariantIcon"
2114
+ ],
2115
+ "activeState": [
2116
+ "tabVariantActiveIcon"
2117
+ ],
2099
2118
  "startIcon": [
2100
2119
  "icon"
2101
2120
  ],
2102
2121
  "endIcon": [
2103
2122
  "icon"
2104
- ],
2105
- "columnGap": [
2106
- "gap"
2107
2123
  ]
2108
2124
  },
2109
2125
  "runtimeConfigDefaultProps": {},
@@ -2111,28 +2127,13 @@
2111
2127
  "runtimeConfigInternalComponentProps": {},
2112
2128
  "motionVarPrefixes": []
2113
2129
  },
2114
- "Menu.ItemCheckbox": {
2115
- "name": "Menu.ItemCheckbox",
2130
+ "UDSPopoverConfigProvider": {
2131
+ "name": "UDSPopoverConfigProvider",
2116
2132
  "defaultProps": {},
2117
- "getStylesLiterals": {
2118
- "menuitemItemCheckboxVariantRoot": "default",
2119
- "menuitemItemCheckboxVariantActiveRoot": "on",
2120
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2121
- "menuitemItemCheckboxVariantText": "default",
2122
- "menuitemItemCheckboxVariantActiveText": "on",
2123
- "menuitemItemCheckboxVariantActiveText:1": "off",
2124
- "menuitemItemCheckboxVariantStartIcon": "default",
2125
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2126
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2127
- "menuitemItemCheckboxVariantEndIcon": "default",
2128
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2129
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2130
- },
2131
- "cxLiterals": [
2132
- "uds-menu-item-checkbox"
2133
- ],
2133
+ "getStylesLiterals": {},
2134
+ "cxLiterals": [],
2134
2135
  "internalComponents": [
2135
- "MenuItemBase"
2136
+ "PopoverContext.Provider"
2136
2137
  ],
2137
2138
  "internalComponentProps": {},
2138
2139
  "propToVariantKeys": {},
@@ -2141,64 +2142,52 @@
2141
2142
  "runtimeConfigInternalComponentProps": {},
2142
2143
  "motionVarPrefixes": []
2143
2144
  },
2144
- "Menu.Provider": {
2145
- "name": "Menu.Provider",
2145
+ "Popover": {
2146
+ "name": "Popover",
2146
2147
  "defaultProps": {},
2147
2148
  "getStylesLiterals": {},
2148
2149
  "cxLiterals": [],
2149
2150
  "internalComponents": [
2150
- "AriakitMenuProvider",
2151
- "SpringMotionConfig"
2151
+ "PopoverInternalContext.Provider",
2152
+ "PopoverProvider"
2152
2153
  ],
2153
2154
  "internalComponentProps": {},
2154
2155
  "propToVariantKeys": {},
2155
- "runtimeConfigDefaultProps": {},
2156
+ "runtimeConfigDefaultProps": {
2157
+ "size": "popover.defaultSize",
2158
+ "variant": "popover.defaultVariant"
2159
+ },
2156
2160
  "runtimeConfigGetStyles": {},
2157
2161
  "runtimeConfigInternalComponentProps": {},
2158
- "motionVarPrefixes": [
2159
- "--uds-motion-subtle-3-",
2160
- "--uds-motion-smooth-3-"
2161
- ]
2162
+ "motionVarPrefixes": []
2162
2163
  },
2163
- "Menu.Trigger": {
2164
- "name": "Menu.Trigger",
2164
+ "PopoverTrigger": {
2165
+ "name": "PopoverTrigger",
2165
2166
  "defaultProps": {},
2166
2167
  "getStylesLiterals": {},
2167
- "cxLiterals": [
2168
- "uds-menu-trigger"
2169
- ],
2168
+ "cxLiterals": [],
2170
2169
  "internalComponents": [
2171
- "AriakitMenuTrigger",
2172
- "Box"
2170
+ "PopoverDisclosure"
2173
2171
  ],
2174
2172
  "internalComponentProps": {
2175
- "Box": {
2173
+ "PopoverDisclosure": {
2176
2174
  "className": [
2177
- "uds-ring h-fit w-fit"
2175
+ "inline"
2178
2176
  ]
2179
2177
  }
2180
2178
  },
2181
- "propToVariantKeys": {},
2182
- "runtimeConfigDefaultProps": {},
2183
- "runtimeConfigGetStyles": {},
2184
- "runtimeConfigInternalComponentProps": {},
2185
- "motionVarPrefixes": []
2186
- },
2187
- "Menu.index": {
2188
- "name": "Menu.index",
2189
- "defaultProps": {},
2190
- "getStylesLiterals": {},
2191
- "cxLiterals": [],
2192
- "internalComponents": [],
2193
- "internalComponentProps": {},
2194
- "propToVariantKeys": {},
2179
+ "propToVariantKeys": {
2180
+ "children": [
2181
+ "render"
2182
+ ]
2183
+ },
2195
2184
  "runtimeConfigDefaultProps": {},
2196
2185
  "runtimeConfigGetStyles": {},
2197
2186
  "runtimeConfigInternalComponentProps": {},
2198
2187
  "motionVarPrefixes": []
2199
2188
  },
2200
- "Menu": {
2201
- "name": "Menu",
2189
+ "PopoverContext": {
2190
+ "name": "PopoverContext",
2202
2191
  "defaultProps": {},
2203
2192
  "getStylesLiterals": {},
2204
2193
  "cxLiterals": [],
@@ -2210,25 +2199,6 @@
2210
2199
  "runtimeConfigInternalComponentProps": {},
2211
2200
  "motionVarPrefixes": []
2212
2201
  },
2213
- "Popover": {
2214
- "name": "Popover",
2215
- "defaultProps": {},
2216
- "getStylesLiterals": {},
2217
- "cxLiterals": [],
2218
- "internalComponents": [
2219
- "PopoverInternalContext.Provider",
2220
- "PopoverProvider"
2221
- ],
2222
- "internalComponentProps": {},
2223
- "propToVariantKeys": {},
2224
- "runtimeConfigDefaultProps": {
2225
- "size": "popover.defaultSize",
2226
- "variant": "popover.defaultVariant"
2227
- },
2228
- "runtimeConfigGetStyles": {},
2229
- "runtimeConfigInternalComponentProps": {},
2230
- "motionVarPrefixes": []
2231
- },
2232
2202
  "PopoverContent": {
2233
2203
  "name": "PopoverContent",
2234
2204
  "defaultProps": {},
@@ -2318,275 +2288,176 @@
2318
2288
  },
2319
2289
  "motionVarPrefixes": []
2320
2290
  },
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
- ]
2353
- },
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
- "motionVarPrefixes": []
2373
- },
2374
- "Radio": {
2375
- "name": "Radio",
2291
+ "Input": {
2292
+ "name": "Input",
2376
2293
  "defaultProps": {
2377
- "labelPosition": "start",
2378
- "variant": "primary",
2294
+ "type": "text",
2379
2295
  "size": "md",
2380
- "value": ""
2296
+ "width": "full"
2381
2297
  },
2382
2298
  "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"
2299
+ "inputVariantRoot": "default",
2300
+ "inputVariantValueRoot": "empty",
2301
+ "inputVariantValueRoot:1": "filled",
2302
+ "inputVariantInputWrapper": "default",
2303
+ "inputVariantValueInputWrapper": "empty",
2304
+ "inputVariantValueInputWrapper:1": "filled",
2305
+ "inputVariantInput": "default",
2306
+ "inputVariantValueInput": "empty",
2307
+ "inputVariantValueInput:1": "filled",
2308
+ "inputVariantInputPlaceholder": "default",
2309
+ "inputVariantValueInputPlaceholder": "empty",
2310
+ "inputVariantValueInputPlaceholder:1": "filled",
2311
+ "inputVariantLabel": "default",
2312
+ "inputVariantValueLabel": "empty",
2313
+ "inputVariantValueLabel:1": "filled",
2314
+ "inputVariantLabelRequired": "default",
2315
+ "inputVariantValueLabelRequired": "empty",
2316
+ "inputVariantValueLabelRequired:1": "filled",
2317
+ "inputVariantStartIcon": "default",
2318
+ "inputVariantValueStartIcon": "empty",
2319
+ "inputVariantValueStartIcon:1": "filled",
2320
+ "inputVariantEndIcon": "default",
2321
+ "inputVariantValueEndIcon": "empty",
2322
+ "inputVariantValueEndIcon:1": "filled"
2393
2323
  },
2394
2324
  "cxLiterals": [
2395
- "cursor-pointer",
2396
- "cursor-default",
2397
2325
  "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"
2326
+ "min-w-[200px]",
2327
+ "grow",
2328
+ "uds-hit-target",
2329
+ "bg-clip-text",
2330
+ "focus:outline-none",
2331
+ "cursor-text",
2332
+ "cursor-not-allowed"
2419
2333
  ],
2420
2334
  "internalComponents": [
2335
+ "IconSlot",
2336
+ "StartIcon",
2337
+ "EndIcon",
2338
+ "HelpTextContent",
2421
2339
  "Box",
2422
- "FormLabel",
2423
- "SpringMotionConfig",
2424
- "RootElement",
2425
- "MotionBox"
2426
- ],
2427
- "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"
2340
+ "InputHelpTextInternal",
2341
+ "VStack",
2342
+ "HStack",
2343
+ "AnimateHeightChange"
2344
+ ],
2345
+ "internalComponentProps": {
2346
+ "HelpTextContent": {
2347
+ "spacingTop": [
2348
+ "2"
2447
2349
  ]
2448
2350
  },
2449
- "MotionBox": {
2450
- "position": [
2451
- "relative"
2351
+ "Box": {
2352
+ "spacingBottom": [
2353
+ "2"
2452
2354
  ],
2453
- "borderRadius": [
2454
- "full"
2355
+ "columnGap": [
2356
+ "0.5"
2455
2357
  ],
2456
2358
  "alignItems": [
2359
+ "flex-end",
2457
2360
  "center"
2458
2361
  ],
2459
- "justifyContent": [
2362
+ "position": [
2363
+ "relative"
2364
+ ]
2365
+ },
2366
+ "HStack": {
2367
+ "alignItems": [
2460
2368
  "center"
2461
2369
  ],
2462
- "flex": [
2463
- "none"
2370
+ "gap": [
2371
+ "1"
2464
2372
  ]
2465
2373
  }
2466
2374
  },
2467
2375
  "propToVariantKeys": {
2468
2376
  "size": [
2469
- "radioSizeRoot",
2470
- "radioSizeRadio"
2377
+ "inputSizeRoot",
2378
+ "inputSizeInputWrapper",
2379
+ "inputSizeInput",
2380
+ "inputSizeLabel",
2381
+ "inputSizeStartIcon",
2382
+ "inputSizeEndIcon"
2471
2383
  ],
2472
- "variant": [
2473
- "radioVariantRoot",
2474
- "radioVariantRadio",
2475
- "radioVariantRadioCircle"
2384
+ "startIcon": [
2385
+ "icon"
2476
2386
  ],
2477
- "reduceMotion": [
2478
- "reducedMotion"
2387
+ "endIcon": [
2388
+ "icon"
2389
+ ],
2390
+ "helperTextIcon": [
2391
+ "startIcon"
2479
2392
  ]
2480
2393
  },
2481
2394
  "runtimeConfigDefaultProps": {},
2482
2395
  "runtimeConfigGetStyles": {},
2483
2396
  "runtimeConfigInternalComponentProps": {},
2484
- "motionVarPrefixes": [
2485
- "--uds-motion-subtle-3-",
2486
- "--uds-motion-smooth-3-"
2487
- ]
2397
+ "motionVarPrefixes": []
2488
2398
  },
2489
- "RadioGroupProvider": {
2490
- "name": "RadioGroupProvider",
2491
- "defaultProps": {},
2492
- "getStylesLiterals": {},
2399
+ "InputHelpText": {
2400
+ "name": "InputHelpText",
2401
+ "defaultProps": {
2402
+ "size": "md"
2403
+ },
2404
+ "getStylesLiterals": {
2405
+ "inputVariantRoot": "default",
2406
+ "inputVariantValueRoot": "empty",
2407
+ "inputVariantValueRoot:1": "filled"
2408
+ },
2493
2409
  "cxLiterals": [],
2494
2410
  "internalComponents": [
2495
- "DivProps",
2496
- "Comp",
2497
- "RadioGroupContext.Provider"
2411
+ "InputHelpTextInternal",
2412
+ "Box"
2498
2413
  ],
2499
2414
  "internalComponentProps": {
2500
- "Comp": {
2501
- "role": [
2502
- "radiogroup"
2415
+ "Box": {
2416
+ "spacingTop": [
2417
+ "2"
2503
2418
  ]
2504
2419
  }
2505
2420
  },
2506
- "propToVariantKeys": {},
2421
+ "propToVariantKeys": {
2422
+ "size": [
2423
+ "inputSizeRoot"
2424
+ ]
2425
+ },
2507
2426
  "runtimeConfigDefaultProps": {},
2508
2427
  "runtimeConfigGetStyles": {},
2509
2428
  "runtimeConfigInternalComponentProps": {},
2510
2429
  "motionVarPrefixes": []
2511
2430
  },
2512
- "RadioGroupStore": {
2513
- "name": "RadioGroupStore",
2431
+ "InputHelpTextInternal": {
2432
+ "name": "InputHelpTextInternal",
2514
2433
  "defaultProps": {},
2515
- "getStylesLiterals": {},
2516
- "cxLiterals": [],
2517
- "internalComponents": [],
2518
- "internalComponentProps": {},
2519
- "propToVariantKeys": {},
2520
- "runtimeConfigDefaultProps": {},
2521
- "runtimeConfigGetStyles": {},
2522
- "runtimeConfigInternalComponentProps": {},
2523
- "motionVarPrefixes": []
2524
- },
2525
- "Tab": {
2526
- "name": "Tab",
2527
- "defaultProps": {
2528
- "variant": "primary"
2529
- },
2530
2434
  "getStylesLiterals": {
2531
- "tabSizeRoot": "default",
2532
- "tabVariantActiveRoot": "off",
2533
- "tabVariantActiveRoot:1": "on",
2534
- "tabSizeIcon": "default"
2435
+ "inputVariantHelperText": "default",
2436
+ "inputVariantValueHelperText": "empty",
2437
+ "inputVariantValueHelperText:1": "filled",
2438
+ "inputVariantHelperIcon": "default",
2439
+ "inputVariantValueHelperIcon": "empty",
2440
+ "inputVariantValueHelperIcon:1": "filled"
2535
2441
  },
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"
2564
- ],
2442
+ "cxLiterals": [],
2565
2443
  "internalComponents": [
2566
2444
  "IconSlot",
2567
- "AriakitTab",
2568
- "Text"
2445
+ "HStack"
2569
2446
  ],
2570
2447
  "internalComponentProps": {
2571
- "Text": {
2572
- "variant": [
2573
- "inherit"
2574
- ],
2575
- "as": [
2576
- "span"
2448
+ "HStack": {
2449
+ "gap": [
2450
+ "1"
2577
2451
  ],
2578
- "color": [
2579
- "current"
2452
+ "alignItems": [
2453
+ "center"
2580
2454
  ]
2581
2455
  }
2582
2456
  },
2583
2457
  "propToVariantKeys": {
2584
- "variant": [
2585
- "tabVariantRoot",
2586
- "tabVariantIcon"
2587
- ],
2588
- "activeState": [
2589
- "tabVariantActiveIcon"
2458
+ "size": [
2459
+ "inputSizeHelperText",
2460
+ "inputSizeHelperIcon"
2590
2461
  ],
2591
2462
  "startIcon": [
2592
2463
  "icon"
@@ -2600,52 +2471,90 @@
2600
2471
  "runtimeConfigInternalComponentProps": {},
2601
2472
  "motionVarPrefixes": []
2602
2473
  },
2603
- "TabList": {
2604
- "name": "TabList",
2605
- "defaultProps": {
2606
- "variant": "primary"
2607
- },
2474
+ "Menu.Item": {
2475
+ "name": "Menu.Item",
2476
+ "defaultProps": {},
2608
2477
  "getStylesLiterals": {
2609
- "tabSizeRoot": "default",
2610
- "tabVariantActiveRoot": "on"
2478
+ "menuitemItemVariantRoot": "default",
2479
+ "menuitemItemVariantActiveRoot": "on",
2480
+ "menuitemItemVariantActiveRoot:1": "off",
2481
+ "menuitemItemVariantText": "default",
2482
+ "menuitemItemVariantActiveText": "on",
2483
+ "menuitemItemVariantActiveText:1": "off",
2484
+ "menuitemItemVariantIcon": "default",
2485
+ "menuitemItemVariantActiveIcon": "on",
2486
+ "menuitemItemVariantActiveIcon:1": "off"
2611
2487
  },
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"
2488
+ "cxLiterals": [],
2489
+ "internalComponents": [
2490
+ "MenuItemBase"
2491
+ ],
2492
+ "internalComponentProps": {},
2493
+ "propToVariantKeys": {},
2494
+ "runtimeConfigDefaultProps": {},
2495
+ "runtimeConfigGetStyles": {},
2496
+ "runtimeConfigInternalComponentProps": {},
2497
+ "motionVarPrefixes": []
2498
+ },
2499
+ "Menu.index": {
2500
+ "name": "Menu.index",
2501
+ "defaultProps": {},
2502
+ "getStylesLiterals": {},
2503
+ "cxLiterals": [],
2504
+ "internalComponents": [],
2505
+ "internalComponentProps": {},
2506
+ "propToVariantKeys": {},
2507
+ "runtimeConfigDefaultProps": {},
2508
+ "runtimeConfigGetStyles": {},
2509
+ "runtimeConfigInternalComponentProps": {},
2510
+ "motionVarPrefixes": []
2511
+ },
2512
+ "Menu": {
2513
+ "name": "Menu",
2514
+ "defaultProps": {},
2515
+ "getStylesLiterals": {},
2516
+ "cxLiterals": [],
2517
+ "internalComponents": [],
2518
+ "internalComponentProps": {},
2519
+ "propToVariantKeys": {},
2520
+ "runtimeConfigDefaultProps": {},
2521
+ "runtimeConfigGetStyles": {},
2522
+ "runtimeConfigInternalComponentProps": {},
2523
+ "motionVarPrefixes": []
2524
+ },
2525
+ "Menu.Content": {
2526
+ "name": "Menu.Content",
2527
+ "defaultProps": {
2528
+ "size": "default",
2529
+ "variant": "default",
2530
+ "gutter": "1"
2531
+ },
2532
+ "getStylesLiterals": {},
2533
+ "cxLiterals": [
2534
+ "uds-menu-content",
2535
+ "transition-shadow",
2536
+ "duration-200",
2537
+ "ease-in-out",
2538
+ "min-w-60",
2539
+ "max-w-lg",
2540
+ "max-h-96",
2541
+ "overflow-auto",
2542
+ "uds-ring",
2543
+ "z-10",
2544
+ "group"
2640
2545
  ],
2641
2546
  "internalComponents": [
2642
- "AriakitTabList"
2547
+ "AriakitMenu",
2548
+ "AnimatePresence",
2549
+ "MotionVStack"
2643
2550
  ],
2644
2551
  "internalComponentProps": {},
2645
2552
  "propToVariantKeys": {
2553
+ "size": [
2554
+ "menucontentSizeRoot"
2555
+ ],
2646
2556
  "variant": [
2647
- "tabsVariantRoot",
2648
- "tabVariantRoot"
2557
+ "menucontentVariantRoot"
2649
2558
  ]
2650
2559
  },
2651
2560
  "runtimeConfigDefaultProps": {},
@@ -2653,234 +2562,206 @@
2653
2562
  "runtimeConfigInternalComponentProps": {},
2654
2563
  "motionVarPrefixes": []
2655
2564
  },
2656
- "TabPanel": {
2657
- "name": "TabPanel",
2565
+ "Menu.Trigger": {
2566
+ "name": "Menu.Trigger",
2658
2567
  "defaultProps": {},
2659
2568
  "getStylesLiterals": {},
2660
- "cxLiterals": [],
2569
+ "cxLiterals": [
2570
+ "uds-menu-trigger"
2571
+ ],
2661
2572
  "internalComponents": [
2662
- "AriakitTabPanel"
2573
+ "AriakitMenuTrigger",
2574
+ "Box"
2663
2575
  ],
2664
- "internalComponentProps": {},
2576
+ "internalComponentProps": {
2577
+ "Box": {
2578
+ "className": [
2579
+ "uds-ring h-fit w-fit"
2580
+ ]
2581
+ }
2582
+ },
2665
2583
  "propToVariantKeys": {},
2666
2584
  "runtimeConfigDefaultProps": {},
2667
2585
  "runtimeConfigGetStyles": {},
2668
2586
  "runtimeConfigInternalComponentProps": {},
2669
2587
  "motionVarPrefixes": []
2670
2588
  },
2671
- "Tabs": {
2672
- "name": "Tabs",
2589
+ "Menu.Divider": {
2590
+ "name": "Menu.Divider",
2673
2591
  "defaultProps": {
2674
- "variant": "primary"
2592
+ "role": "separator",
2593
+ "contentPosition": "start",
2594
+ "gap": "4"
2595
+ },
2596
+ "getStylesLiterals": {
2597
+ "menuitemDividerVariantRoot": "default",
2598
+ "menuitemDividerVariantText": "default",
2599
+ "menuitemDividerVariantLine": "default"
2675
2600
  },
2676
- "getStylesLiterals": {},
2677
2601
  "cxLiterals": [],
2678
2602
  "internalComponents": [
2679
- "TabsContext.Provider",
2680
- "TabProvider"
2603
+ "DividerInternal"
2681
2604
  ],
2682
- "internalComponentProps": {},
2683
- "propToVariantKeys": {
2684
- "onSelectionChange": [
2685
- "setSelectedId"
2686
- ]
2605
+ "internalComponentProps": {
2606
+ "DividerInternal": {
2607
+ "variant": [
2608
+ "inherit"
2609
+ ]
2610
+ }
2687
2611
  },
2612
+ "propToVariantKeys": {},
2688
2613
  "runtimeConfigDefaultProps": {},
2689
2614
  "runtimeConfigGetStyles": {},
2690
2615
  "runtimeConfigInternalComponentProps": {},
2691
2616
  "motionVarPrefixes": []
2692
2617
  },
2693
- "Toast": {
2694
- "name": "Toast",
2618
+ "Menu.Provider": {
2619
+ "name": "Menu.Provider",
2620
+ "defaultProps": {},
2621
+ "getStylesLiterals": {},
2622
+ "cxLiterals": [],
2623
+ "internalComponents": [
2624
+ "AriakitMenuProvider",
2625
+ "SpringMotionConfig"
2626
+ ],
2627
+ "internalComponentProps": {},
2628
+ "propToVariantKeys": {},
2629
+ "runtimeConfigDefaultProps": {},
2630
+ "runtimeConfigGetStyles": {},
2631
+ "runtimeConfigInternalComponentProps": {},
2632
+ "motionVarPrefixes": [
2633
+ "--uds-motion-subtle-3-",
2634
+ "--uds-motion-smooth-3-"
2635
+ ]
2636
+ },
2637
+ "Menu.ItemCheckbox": {
2638
+ "name": "Menu.ItemCheckbox",
2695
2639
  "defaultProps": {},
2696
2640
  "getStylesLiterals": {
2697
- "className": "animate-spin",
2698
- "className:1": "flex-none",
2699
- "spacing": "2",
2700
- "borderRadius": "full"
2641
+ "menuitemItemCheckboxVariantRoot": "default",
2642
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2643
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2644
+ "menuitemItemCheckboxVariantText": "default",
2645
+ "menuitemItemCheckboxVariantActiveText": "on",
2646
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2647
+ "menuitemItemCheckboxVariantStartIcon": "default",
2648
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2649
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2650
+ "menuitemItemCheckboxVariantEndIcon": "default",
2651
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2652
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2701
2653
  },
2702
2654
  "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"
2655
+ "uds-menu-item-checkbox"
2710
2656
  ],
2711
2657
  "internalComponents": [
2712
- "IconSlot",
2713
- "ToastContainer",
2714
- "Text",
2715
- "Button",
2716
- "Pressable"
2658
+ "MenuItemBase"
2717
2659
  ],
2718
2660
  "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
- },
2661
+ "propToVariantKeys": {},
2662
+ "runtimeConfigDefaultProps": {},
2663
+ "runtimeConfigGetStyles": {},
2664
+ "runtimeConfigInternalComponentProps": {},
2791
2665
  "motionVarPrefixes": []
2792
2666
  },
2793
- "ToastContainer": {
2794
- "name": "ToastContainer",
2795
- "defaultProps": {},
2796
- "getStylesLiterals": {
2797
- "position": "relative",
2667
+ "Menu.ItemBase": {
2668
+ "name": "Menu.ItemBase",
2669
+ "defaultProps": {
2670
+ "spacing": "0",
2671
+ "spacingHorizontal": "4",
2672
+ "spacingVertical": "3.5",
2673
+ "columnGap": "2",
2798
2674
  "alignItems": "center",
2799
- "display": "flex",
2800
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2675
+ "justifyContent": "space-between"
2676
+ },
2677
+ "getStylesLiterals": {
2678
+ "textAlign": "start",
2679
+ "menuitemSizeRoot": "default",
2680
+ "flexDirection": "row",
2681
+ "menuitemSizeStartIcon": "default",
2682
+ "menuitemSizeEndIcon": "default"
2801
2683
  },
2802
2684
  "cxLiterals": [
2803
- "w-full"
2685
+ "flex",
2686
+ "focus-visible:text-brand",
2687
+ "focus-visible:bg-brand-secondary",
2688
+ "focus-visible:z-10",
2689
+ "uds-ring",
2690
+ "!-outline-offset-2",
2691
+ "[&:not([aria-checked])]:cursor-default",
2692
+ "opacity-25",
2693
+ "cursor-not-allowed",
2694
+ "duration-20",
2695
+ "transition-[font-variation-settings]",
2696
+ "ease-in-out",
2697
+ "z-0",
2698
+ "uds-start-icon",
2699
+ "uds-end-icon"
2804
2700
  ],
2805
2701
  "internalComponents": [
2806
- "HStack"
2702
+ "Pressable",
2703
+ "IconSlot",
2704
+ "RootComponent",
2705
+ "HStack",
2706
+ "AnimatePresence"
2807
2707
  ],
2808
2708
  "internalComponentProps": {
2809
2709
  "HStack": {
2810
2710
  "alignItems": [
2811
2711
  "center"
2812
2712
  ],
2813
- "justifyContent": [
2814
- "space-between"
2815
- ],
2816
- "overflow": [
2817
- "hidden"
2818
- ],
2819
- "position": [
2820
- "relative"
2713
+ "width": [
2714
+ "full"
2715
+ ]
2716
+ },
2717
+ "AnimatePresence": {
2718
+ "mode": [
2719
+ "popLayout"
2821
2720
  ]
2822
2721
  }
2823
2722
  },
2824
2723
  "propToVariantKeys": {
2825
- "variant": [
2826
- "toastVariantRoot"
2724
+ "startIcon": [
2725
+ "icon"
2827
2726
  ],
2828
- "size": [
2829
- "toastSizeRoot"
2830
- ]
2831
- },
2832
- "runtimeConfigDefaultProps": {
2833
- "size": "toast.defaultSize",
2834
- "variant": "toast.defaultVariant"
2835
- },
2836
- "runtimeConfigGetStyles": {
2837
- "toastVariantRoot": [
2838
- "toast.defaultVariant"
2727
+ "endIcon": [
2728
+ "icon"
2839
2729
  ],
2840
- "toastSizeRoot": [
2841
- "toast.defaultSize"
2730
+ "columnGap": [
2731
+ "gap"
2842
2732
  ]
2843
2733
  },
2844
- "runtimeConfigInternalComponentProps": {
2845
- "HStack": {
2846
- "backgroundColor": [
2847
- "toast.backgroundColor.${variant}"
2848
- ]
2849
- }
2850
- },
2734
+ "runtimeConfigDefaultProps": {},
2735
+ "runtimeConfigGetStyles": {},
2736
+ "runtimeConfigInternalComponentProps": {},
2851
2737
  "motionVarPrefixes": []
2852
2738
  },
2853
- "ToastPortal": {
2854
- "name": "ToastPortal",
2739
+ "UDSBreakpointsConfigProvider": {
2740
+ "name": "UDSBreakpointsConfigProvider",
2855
2741
  "defaultProps": {},
2856
2742
  "getStylesLiterals": {},
2857
2743
  "cxLiterals": [],
2858
2744
  "internalComponents": [
2859
- "ReactToastifyToastContainer"
2745
+ "UDSBreakpointsConfigContext.Provider"
2860
2746
  ],
2861
2747
  "internalComponentProps": {},
2862
2748
  "propToVariantKeys": {},
2863
- "runtimeConfigDefaultProps": {
2864
- "size": "toast.defaultSize",
2865
- "variant": "toast.defaultVariant"
2866
- },
2749
+ "runtimeConfigDefaultProps": {},
2867
2750
  "runtimeConfigGetStyles": {},
2868
- "runtimeConfigInternalComponentProps": {
2869
- "ReactToastifyToastContainer": {
2870
- "autoClose": [
2871
- "toast.autoClose"
2872
- ]
2873
- }
2874
- },
2751
+ "runtimeConfigInternalComponentProps": {},
2875
2752
  "motionVarPrefixes": []
2876
2753
  },
2877
- "UDSToastConfigProvider": {
2878
- "name": "UDSToastConfigProvider",
2754
+ "UDSConfigProvider": {
2755
+ "name": "UDSConfigProvider",
2879
2756
  "defaultProps": {},
2880
2757
  "getStylesLiterals": {},
2881
2758
  "cxLiterals": [],
2882
2759
  "internalComponents": [
2883
- "ToastContext.Provider"
2760
+ "UDSBreakpointsConfigProvider",
2761
+ "UDSBottomSheetConfigProvider",
2762
+ "UDSToastConfigProvider",
2763
+ "UDSTooltipConfigProvider",
2764
+ "UDSPopoverConfigProvider"
2884
2765
  ],
2885
2766
  "internalComponentProps": {},
2886
2767
  "propToVariantKeys": {},
@@ -2984,6 +2865,21 @@
2984
2865
  "runtimeConfigInternalComponentProps": {},
2985
2866
  "motionVarPrefixes": []
2986
2867
  },
2868
+ "UDSTooltipConfigProvider": {
2869
+ "name": "UDSTooltipConfigProvider",
2870
+ "defaultProps": {},
2871
+ "getStylesLiterals": {},
2872
+ "cxLiterals": [],
2873
+ "internalComponents": [
2874
+ "TooltipContext.Provider"
2875
+ ],
2876
+ "internalComponentProps": {},
2877
+ "propToVariantKeys": {},
2878
+ "runtimeConfigDefaultProps": {},
2879
+ "runtimeConfigGetStyles": {},
2880
+ "runtimeConfigInternalComponentProps": {},
2881
+ "motionVarPrefixes": []
2882
+ },
2987
2883
  "TooltipTrigger": {
2988
2884
  "name": "TooltipTrigger",
2989
2885
  "defaultProps": {},
@@ -3009,29 +2905,35 @@
3009
2905
  "runtimeConfigInternalComponentProps": {},
3010
2906
  "motionVarPrefixes": []
3011
2907
  },
3012
- "UDSTooltipConfigProvider": {
3013
- "name": "UDSTooltipConfigProvider",
2908
+ "RadioGroupProvider": {
2909
+ "name": "RadioGroupProvider",
3014
2910
  "defaultProps": {},
3015
2911
  "getStylesLiterals": {},
3016
2912
  "cxLiterals": [],
3017
2913
  "internalComponents": [
3018
- "TooltipContext.Provider"
2914
+ "DivProps",
2915
+ "Comp",
2916
+ "RadioGroupContext.Provider"
3019
2917
  ],
3020
- "internalComponentProps": {},
2918
+ "internalComponentProps": {
2919
+ "Comp": {
2920
+ "role": [
2921
+ "radiogroup"
2922
+ ]
2923
+ }
2924
+ },
3021
2925
  "propToVariantKeys": {},
3022
2926
  "runtimeConfigDefaultProps": {},
3023
2927
  "runtimeConfigGetStyles": {},
3024
2928
  "runtimeConfigInternalComponentProps": {},
3025
2929
  "motionVarPrefixes": []
3026
2930
  },
3027
- "UDSBreakpointsConfigProvider": {
3028
- "name": "UDSBreakpointsConfigProvider",
2931
+ "RadioGroupStore": {
2932
+ "name": "RadioGroupStore",
3029
2933
  "defaultProps": {},
3030
2934
  "getStylesLiterals": {},
3031
2935
  "cxLiterals": [],
3032
- "internalComponents": [
3033
- "UDSBreakpointsConfigContext.Provider"
3034
- ],
2936
+ "internalComponents": [],
3035
2937
  "internalComponentProps": {},
3036
2938
  "propToVariantKeys": {},
3037
2939
  "runtimeConfigDefaultProps": {},
@@ -3039,24 +2941,120 @@
3039
2941
  "runtimeConfigInternalComponentProps": {},
3040
2942
  "motionVarPrefixes": []
3041
2943
  },
3042
- "UDSConfigProvider": {
3043
- "name": "UDSConfigProvider",
3044
- "defaultProps": {},
3045
- "getStylesLiterals": {},
3046
- "cxLiterals": [],
2944
+ "Radio": {
2945
+ "name": "Radio",
2946
+ "defaultProps": {
2947
+ "labelPosition": "start",
2948
+ "variant": "primary",
2949
+ "size": "md",
2950
+ "value": ""
2951
+ },
2952
+ "getStylesLiterals": {
2953
+ "radioVariantValueRoot": "checked",
2954
+ "radioVariantValueRoot:1": "unchecked",
2955
+ "display": "flex",
2956
+ "flexDirection": "row",
2957
+ "flexDirection:1": "row-reverse",
2958
+ "alignItems": "center",
2959
+ "radioVariantValueRadio": "checked",
2960
+ "radioVariantValueRadio:1": "unchecked",
2961
+ "radioVariantValueRadioCircle": "checked",
2962
+ "radioVariantValueRadioCircle:1": "unchecked"
2963
+ },
2964
+ "cxLiterals": [
2965
+ "cursor-pointer",
2966
+ "cursor-default",
2967
+ "opacity-50",
2968
+ "border",
2969
+ "uds-ring",
2970
+ "uds-ring-within",
2971
+ "transition-[background-color,border-color]",
2972
+ "transition-shadow",
2973
+ "pointer-events-none",
2974
+ "w-[8px]",
2975
+ "h-[8px]",
2976
+ "transition-opacity",
2977
+ "cursor-[inherit]",
2978
+ "absolute",
2979
+ "opacity-0",
2980
+ "top-1/2",
2981
+ "left-1/2",
2982
+ "w-[calc(100%+2px)]",
2983
+ "h-[calc(100%+2px)]",
2984
+ "transform",
2985
+ "translate-x-[-50%]",
2986
+ "translate-y-[-50%]",
2987
+ "text-start",
2988
+ "text-end"
2989
+ ],
3047
2990
  "internalComponents": [
3048
- "UDSBreakpointsConfigProvider",
3049
- "UDSBottomSheetConfigProvider",
3050
- "UDSToastConfigProvider",
3051
- "UDSTooltipConfigProvider",
3052
- "UDSPopoverConfigProvider"
2991
+ "Box",
2992
+ "FormLabel",
2993
+ "SpringMotionConfig",
2994
+ "RootElement",
2995
+ "MotionBox"
3053
2996
  ],
3054
- "internalComponentProps": {},
3055
- "propToVariantKeys": {},
2997
+ "internalComponentProps": {
2998
+ "Box": {
2999
+ "borderRadius": [
3000
+ "full"
3001
+ ]
3002
+ },
3003
+ "FormLabel": {
3004
+ "as": [
3005
+ "div"
3006
+ ],
3007
+ "variant": [
3008
+ "inherit"
3009
+ ],
3010
+ "color": [
3011
+ "inherit"
3012
+ ]
3013
+ },
3014
+ "RootElement": {
3015
+ "data-testid": [
3016
+ "container"
3017
+ ]
3018
+ },
3019
+ "MotionBox": {
3020
+ "position": [
3021
+ "relative"
3022
+ ],
3023
+ "borderRadius": [
3024
+ "full"
3025
+ ],
3026
+ "alignItems": [
3027
+ "center"
3028
+ ],
3029
+ "justifyContent": [
3030
+ "center"
3031
+ ],
3032
+ "flex": [
3033
+ "none"
3034
+ ]
3035
+ }
3036
+ },
3037
+ "propToVariantKeys": {
3038
+ "size": [
3039
+ "radioSizeRoot",
3040
+ "radioSizeRadio"
3041
+ ],
3042
+ "variant": [
3043
+ "radioVariantRoot",
3044
+ "radioVariantRadio",
3045
+ "radioVariantRadioCircle"
3046
+ ],
3047
+ "reduceMotion": [
3048
+ "reducedMotion"
3049
+ ]
3050
+ },
3056
3051
  "runtimeConfigDefaultProps": {},
3057
3052
  "runtimeConfigGetStyles": {},
3058
3053
  "runtimeConfigInternalComponentProps": {},
3059
- "motionVarPrefixes": []
3054
+ "motionVarPrefixes": [
3055
+ "--uds-motion-subtle-3-",
3056
+ "--uds-motion-smooth-3-"
3057
+ ]
3060
3058
  },
3061
3059
  "Accordion": {
3062
3060
  "name": "Accordion",
@@ -3146,19 +3144,6 @@
3146
3144
  "--uds-motion-smooth-3-"
3147
3145
  ]
3148
3146
  },
3149
- "AvoidMotionLibraryProvider": {
3150
- "name": "AvoidMotionLibraryProvider",
3151
- "defaultProps": {},
3152
- "getStylesLiterals": {},
3153
- "cxLiterals": [],
3154
- "internalComponents": [],
3155
- "internalComponentProps": {},
3156
- "propToVariantKeys": {},
3157
- "runtimeConfigDefaultProps": {},
3158
- "runtimeConfigGetStyles": {},
3159
- "runtimeConfigInternalComponentProps": {},
3160
- "motionVarPrefixes": []
3161
- },
3162
3147
  "Modal": {
3163
3148
  "name": "Modal",
3164
3149
  "defaultProps": {},
@@ -3248,6 +3233,19 @@
3248
3233
  "runtimeConfigInternalComponentProps": {},
3249
3234
  "motionVarPrefixes": []
3250
3235
  },
3236
+ "AvoidMotionLibraryProvider": {
3237
+ "name": "AvoidMotionLibraryProvider",
3238
+ "defaultProps": {},
3239
+ "getStylesLiterals": {},
3240
+ "cxLiterals": [],
3241
+ "internalComponents": [],
3242
+ "internalComponentProps": {},
3243
+ "propToVariantKeys": {},
3244
+ "runtimeConfigDefaultProps": {},
3245
+ "runtimeConfigGetStyles": {},
3246
+ "runtimeConfigInternalComponentProps": {},
3247
+ "motionVarPrefixes": []
3248
+ },
3251
3249
  "SegmentedControl": {
3252
3250
  "name": "SegmentedControl",
3253
3251
  "defaultProps": {