@yahoo/uds 3.122.1 → 3.122.3

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 (150) hide show
  1. package/dist/components/client/Avatar/Avatar.cjs +7 -3
  2. package/dist/components/client/Avatar/Avatar.d.cts +2 -5
  3. package/dist/components/client/Avatar/Avatar.d.ts +2 -5
  4. package/dist/components/client/Avatar/Avatar.js +7 -3
  5. package/dist/components/client/Avatar/AvatarIcon.cjs +3 -2
  6. package/dist/components/client/Avatar/AvatarIcon.d.cts +2 -13
  7. package/dist/components/client/Avatar/AvatarIcon.d.ts +2 -13
  8. package/dist/components/client/Avatar/AvatarIcon.js +4 -3
  9. package/dist/components/client/Avatar/AvatarImage.cjs +5 -2
  10. package/dist/components/client/Avatar/AvatarImage.d.cts +2 -18
  11. package/dist/components/client/Avatar/AvatarImage.d.ts +2 -18
  12. package/dist/components/client/Avatar/AvatarImage.js +6 -3
  13. package/dist/components/client/Avatar/AvatarText.cjs +3 -2
  14. package/dist/components/client/Avatar/AvatarText.d.cts +2 -15
  15. package/dist/components/client/Avatar/AvatarText.d.ts +2 -15
  16. package/dist/components/client/Avatar/AvatarText.js +4 -3
  17. package/dist/components/client/Pressable.cjs +6 -2
  18. package/dist/components/client/Pressable.js +6 -2
  19. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  20. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  21. package/dist/components/experimental/client/SegmentedControl.d.cts +2 -1
  22. package/dist/styles/styler.d.cts +58 -58
  23. package/dist/styles/styler.d.ts +58 -58
  24. package/dist/uds/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +2 -0
  25. package/dist/uds/dist/automated-config/dist/properties.d.cts +5 -0
  26. package/dist/uds/dist/automated-config/dist/types/ComponentConfig.d.cts +3 -0
  27. package/dist/uds/dist/automated-config/dist/types/ComponentStyles.d.cts +2 -0
  28. package/dist/uds/dist/automated-config/dist/types/ConfigSchema.d.cts +2 -0
  29. package/dist/uds/dist/automated-config/dist/utils/buildConfigSchema.d.cts +7 -0
  30. package/dist/uds/dist/automated-config/dist/utils/coalesceConfigVariant.d.cts +2 -0
  31. package/dist/uds/dist/automated-config/dist/utils/defaults.d.cts +2 -0
  32. package/dist/uds/dist/automated-config/dist/utils/getConfigVariantComponentStatesMatrix.d.cts +2 -0
  33. package/dist/uds/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +3 -0
  34. package/dist/uds/dist/automated-config/dist/utils/getConfigVariantPseudoStates.d.cts +3 -0
  35. package/dist/uds/dist/automated-config/dist/utils/getConfigVariants.d.cts +2 -0
  36. package/dist/uds/dist/automated-config/dist/utils/index.d.cts +12 -0
  37. package/dist/uds/dist/automated-config/dist/utils/subcomponents.d.cts +2 -0
  38. package/dist/uds/dist/components/Box.d.cts +4 -0
  39. package/dist/uds/dist/components/Divider/Divider.d.cts +3 -0
  40. package/dist/uds/dist/components/Divider/DividerCore.d.cts +5 -0
  41. package/dist/uds/dist/components/Divider/DividerInternal.d.cts +5 -0
  42. package/dist/uds/dist/components/Divider/index.d.cts +2 -0
  43. package/dist/uds/dist/components/FormLabel.d.cts +4 -0
  44. package/dist/uds/dist/components/HStack.d.cts +5 -0
  45. package/dist/uds/dist/components/Icon.d.cts +4 -0
  46. package/dist/uds/dist/components/Image.d.cts +3 -0
  47. package/dist/uds/dist/components/Link.d.cts +4 -0
  48. package/dist/uds/dist/components/Scrim.d.cts +3 -0
  49. package/dist/uds/dist/components/Text.d.cts +4 -0
  50. package/dist/uds/dist/components/VStack.d.cts +5 -0
  51. package/dist/uds/dist/components/client/Avatar/Avatar.d.cts +3 -0
  52. package/dist/uds/dist/components/client/Avatar/AvatarIcon.d.cts +5 -0
  53. package/dist/uds/dist/components/client/Avatar/AvatarImage.d.cts +7 -0
  54. package/dist/uds/dist/components/client/Avatar/AvatarText.d.cts +5 -0
  55. package/dist/uds/dist/components/client/Avatar/index.d.cts +5 -0
  56. package/dist/uds/dist/components/client/Badge.d.cts +4 -0
  57. package/dist/uds/dist/components/client/BottomSheet/BottomSheet.d.cts +5 -0
  58. package/dist/uds/dist/components/client/BottomSheet/BottomSheetContent.d.cts +2 -0
  59. package/dist/uds/dist/components/client/BottomSheet/BottomSheetHeader.d.cts +2 -0
  60. package/dist/uds/dist/components/client/BottomSheet/BottomSheetProvider.d.cts +3 -0
  61. package/dist/uds/dist/components/client/BottomSheet/UDSBottomSheetConfigProvider.d.cts +3 -0
  62. package/dist/uds/dist/components/client/BottomSheet/index.d.cts +7 -0
  63. package/dist/uds/dist/components/client/BottomSheet/useBottomSheetStore.d.cts +2 -0
  64. package/dist/uds/dist/components/client/Button.d.cts +5 -0
  65. package/dist/uds/dist/components/client/Checkbox.d.cts +4 -0
  66. package/dist/uds/dist/components/client/Chip/Chip.d.cts +5 -0
  67. package/dist/uds/dist/components/client/Chip/ChipBase.d.cts +6 -0
  68. package/dist/uds/dist/components/client/Chip/ChipButton.d.cts +5 -0
  69. package/dist/uds/dist/components/client/Chip/ChipDismissible.d.cts +5 -0
  70. package/dist/uds/dist/components/client/Chip/ChipLink.d.cts +5 -0
  71. package/dist/uds/dist/components/client/Chip/ChipToggle.d.cts +5 -0
  72. package/dist/uds/dist/components/client/Chip/index.d.cts +6 -0
  73. package/dist/uds/dist/components/client/IconButton.d.cts +5 -0
  74. package/dist/uds/dist/components/client/Input/Input.d.cts +7 -0
  75. package/dist/uds/dist/components/client/Input/InputHelpText.d.cts +2 -0
  76. package/dist/uds/dist/components/client/Input/InputHelpTextInternal.d.cts +6 -0
  77. package/dist/uds/dist/components/client/Input/index.d.cts +3 -0
  78. package/dist/uds/dist/components/client/Menu/Menu.Content.d.cts +6 -0
  79. package/dist/uds/dist/components/client/Menu/Menu.Divider.d.cts +3 -0
  80. package/dist/uds/dist/components/client/Menu/Menu.Item.d.cts +6 -0
  81. package/dist/uds/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +6 -0
  82. package/dist/uds/dist/components/client/Menu/Menu.Provider.d.cts +3 -0
  83. package/dist/uds/dist/components/client/Menu/Menu.Trigger.d.cts +5 -0
  84. package/dist/uds/dist/components/client/Menu/Menu.d.cts +2 -0
  85. package/dist/uds/dist/components/client/Menu/Menu.index.d.cts +9 -0
  86. package/dist/uds/dist/components/client/Menu/index.d.cts +9 -0
  87. package/dist/uds/dist/components/client/Popover/Popover.d.cts +2 -0
  88. package/dist/uds/dist/components/client/Popover/PopoverContent.d.cts +5 -0
  89. package/dist/uds/dist/components/client/Popover/PopoverTrigger.d.cts +2 -0
  90. package/dist/uds/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +4 -0
  91. package/dist/uds/dist/components/client/Popover/index.d.cts +6 -0
  92. package/dist/uds/dist/components/client/Pressable.d.cts +4 -0
  93. package/dist/uds/dist/components/client/Radio/Radio.d.cts +4 -0
  94. package/dist/uds/dist/components/client/Radio/RadioGroupProvider.d.cts +4 -0
  95. package/dist/uds/dist/components/client/Radio/index.d.cts +3 -0
  96. package/dist/uds/dist/components/client/SpringMotionConfig.d.cts +5 -0
  97. package/dist/uds/dist/components/client/Switch.d.cts +4 -0
  98. package/dist/uds/dist/components/client/Toast/Toast.d.cts +8 -0
  99. package/dist/uds/dist/components/client/Toast/ToastContainer.d.cts +6 -0
  100. package/dist/uds/dist/components/client/Toast/ToastPortal.d.cts +3 -0
  101. package/dist/uds/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -0
  102. package/dist/uds/dist/components/client/Toast/createToast.d.cts +6 -0
  103. package/dist/uds/dist/components/client/Toast/index.d.cts +6 -0
  104. package/dist/uds/dist/components/client/Tooltip/Tooltip.d.cts +2 -0
  105. package/dist/uds/dist/components/client/Tooltip/TooltipContent.d.cts +3 -0
  106. package/dist/uds/dist/components/client/Tooltip/TooltipTrigger.d.cts +2 -0
  107. package/dist/uds/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts +5 -0
  108. package/dist/uds/dist/components/client/Tooltip/index.d.cts +6 -0
  109. package/dist/uds/dist/components/client/index.d.cts +59 -0
  110. package/dist/uds/dist/components/client/providers/UDSBreakpointsConfigProvider.d.cts +4 -0
  111. package/dist/uds/dist/components/client/providers/UDSConfigProvider.d.cts +3 -0
  112. package/dist/uds/dist/components/index.d.cts +61 -0
  113. package/dist/uds/dist/config/dist/index.d.cts +4 -0
  114. package/dist/uds/dist/css-tokens/dist/index.d.cts +2 -0
  115. package/dist/uds/dist/fixtures/dist/index.d.cts +2 -0
  116. package/dist/uds/dist/fonts/dist/index.d.cts +2 -0
  117. package/dist/uds/dist/index.d.cts +93 -0
  118. package/dist/uds/dist/modes/dist/index.d.cts +2 -0
  119. package/dist/uds/dist/runtime/bottomSheetConfig.d.cts +3 -0
  120. package/dist/uds/dist/runtime/breakpointsConfig.d.cts +4 -0
  121. package/dist/uds/dist/runtime/index.d.cts +7 -0
  122. package/dist/uds/dist/runtime/popoverConfig.d.cts +5 -0
  123. package/dist/uds/dist/runtime/toastConfig.d.cts +4 -0
  124. package/dist/uds/dist/runtime/tooltipConfig.d.cts +5 -0
  125. package/dist/uds/dist/runtime/udsConfig.d.cts +8 -0
  126. package/dist/uds/dist/styles/styler.d.cts +2 -0
  127. package/dist/uds/dist/styles/stylerTypes.d.cts +3 -0
  128. package/dist/uds/dist/tailwind/dist/config/dist/index.d.cts +2 -0
  129. package/dist/uds/dist/tailwind/dist/index.d.cts +3 -0
  130. package/dist/uds/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.d.cts +2 -0
  131. package/dist/uds/dist/tailwind/dist/utils/parseTokens.d.cts +2 -0
  132. package/dist/uds/dist/tokens/automation/index.d.cts +10 -0
  133. package/dist/uds/dist/tokens/configs/shadow.d.cts +3 -0
  134. package/dist/uds/dist/tokens/consts/cssTokens.d.cts +2 -0
  135. package/dist/uds/dist/tokens/consts/defaultModes.d.cts +2 -0
  136. package/dist/uds/dist/tokens/consts/fontDeclarationsMap.d.cts +2 -0
  137. package/dist/uds/dist/tokens/index.d.cts +28 -0
  138. package/dist/uds/dist/tokens/parseButtonVariants.d.cts +3 -0
  139. package/dist/uds/dist/tokens/types.d.cts +9 -0
  140. package/dist/uds/dist/tokens/utils/getFontUrls.d.cts +4 -0
  141. package/dist/uds/dist/tokens/utils/spectrum.d.cts +3 -0
  142. package/dist/uds/dist/types/dist/index.d.cts +11 -0
  143. package/dist/uds/dist/types.d.cts +2 -0
  144. package/dist/uds/generated/componentData.cjs +1325 -1325
  145. package/dist/uds/generated/componentData.js +1325 -1325
  146. package/dist/uds/generated/tailwindPurge.cjs +117 -117
  147. package/dist/uds/generated/tailwindPurge.js +117 -117
  148. package/generated/componentData.json +1737 -1737
  149. package/generated/tailwindPurge.ts +1 -1
  150. package/package.json +1 -1
@@ -52,27 +52,6 @@ var VStack = {
52
52
  "runtimeConfigInternalComponentProps": {},
53
53
  "motionVarPrefixes": []
54
54
  };
55
- var Box = {
56
- "name": "Box",
57
- "defaultProps": {
58
- "as": "div",
59
- "display": "flex"
60
- },
61
- "getStylesLiterals": {},
62
- "cxLiterals": [],
63
- "internalComponents": ["Comp"],
64
- "internalComponentProps": {},
65
- "propToVariantKeys": { "elevationAlias": [
66
- "backgroundColor",
67
- "borderColor",
68
- "borderWidth",
69
- "dropShadow"
70
- ] },
71
- "runtimeConfigDefaultProps": {},
72
- "runtimeConfigGetStyles": {},
73
- "runtimeConfigInternalComponentProps": {},
74
- "motionVarPrefixes": []
75
- };
76
55
  var Scrim = {
77
56
  "name": "Scrim",
78
57
  "defaultProps": {
@@ -100,16 +79,12 @@ var Scrim = {
100
79
  "runtimeConfigInternalComponentProps": {},
101
80
  "motionVarPrefixes": []
102
81
  };
103
- var Icon = {
104
- "name": "Icon",
105
- "defaultProps": {
106
- "size": "md",
107
- "variant": "outline",
108
- "color": "primary"
109
- },
110
- "getStylesLiterals": { "flex": "none" },
111
- "cxLiterals": ["[&_path]:fill-current"],
112
- "internalComponents": ["SVGIcon"],
82
+ var IconSlot = {
83
+ "name": "IconSlot",
84
+ "defaultProps": {},
85
+ "getStylesLiterals": {},
86
+ "cxLiterals": [],
87
+ "internalComponents": ["Icon"],
113
88
  "internalComponentProps": {},
114
89
  "propToVariantKeys": {},
115
90
  "runtimeConfigDefaultProps": {},
@@ -117,35 +92,22 @@ var Icon = {
117
92
  "runtimeConfigInternalComponentProps": {},
118
93
  "motionVarPrefixes": []
119
94
  };
120
- var SvgFloatingOverlay = {
121
- "name": "SvgFloatingOverlay",
122
- "defaultProps": { "contentOverflow": "auto" },
123
- "getStylesLiterals": {},
124
- "cxLiterals": [
125
- "absolute",
126
- "top-0",
127
- "left-0",
128
- "w-full",
129
- "h-full",
130
- "overflow-visible",
131
- "pointer-events-none",
132
- "z-[2]",
133
- "z-[3]",
134
- "max-h-full",
135
- "gap-[inherit]"
136
- ],
137
- "internalComponents": ["Box", "Fragment"],
138
- "internalComponentProps": { "Box": {
139
- "position": ["relative"],
140
- "flexGrow": ["1"],
141
- "overflow": ["hidden"],
142
- "display": ["block"],
143
- "className": ["max-h-full gap-[inherit]"]
144
- } },
145
- "propToVariantKeys": {
146
- "blurClassName": ["className"],
147
- "contentOverflow": ["overflow"]
95
+ var Box = {
96
+ "name": "Box",
97
+ "defaultProps": {
98
+ "as": "div",
99
+ "display": "flex"
148
100
  },
101
+ "getStylesLiterals": {},
102
+ "cxLiterals": [],
103
+ "internalComponents": ["Comp"],
104
+ "internalComponentProps": {},
105
+ "propToVariantKeys": { "elevationAlias": [
106
+ "backgroundColor",
107
+ "borderColor",
108
+ "borderWidth",
109
+ "dropShadow"
110
+ ] },
149
111
  "runtimeConfigDefaultProps": {},
150
112
  "runtimeConfigGetStyles": {},
151
113
  "runtimeConfigInternalComponentProps": {},
@@ -195,32 +157,6 @@ var Text = {
195
157
  "runtimeConfigInternalComponentProps": {},
196
158
  "motionVarPrefixes": []
197
159
  };
198
- var IconSlot = {
199
- "name": "IconSlot",
200
- "defaultProps": {},
201
- "getStylesLiterals": {},
202
- "cxLiterals": [],
203
- "internalComponents": ["Icon"],
204
- "internalComponentProps": {},
205
- "propToVariantKeys": {},
206
- "runtimeConfigDefaultProps": {},
207
- "runtimeConfigGetStyles": {},
208
- "runtimeConfigInternalComponentProps": {},
209
- "motionVarPrefixes": []
210
- };
211
- var HStack = {
212
- "name": "HStack",
213
- "defaultProps": {},
214
- "getStylesLiterals": {},
215
- "cxLiterals": [],
216
- "internalComponents": ["Box"],
217
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
218
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
219
- "runtimeConfigDefaultProps": {},
220
- "runtimeConfigGetStyles": {},
221
- "runtimeConfigInternalComponentProps": {},
222
- "motionVarPrefixes": []
223
- };
224
160
  var Image = {
225
161
  "name": "Image",
226
162
  "defaultProps": {},
@@ -234,12 +170,16 @@ var Image = {
234
170
  "runtimeConfigInternalComponentProps": {},
235
171
  "motionVarPrefixes": []
236
172
  };
237
- var Table_mocks = {
238
- "name": "Table.mocks",
239
- "defaultProps": {},
240
- "getStylesLiterals": {},
241
- "cxLiterals": [],
242
- "internalComponents": [],
173
+ var Icon = {
174
+ "name": "Icon",
175
+ "defaultProps": {
176
+ "size": "md",
177
+ "variant": "outline",
178
+ "color": "primary"
179
+ },
180
+ "getStylesLiterals": { "flex": "none" },
181
+ "cxLiterals": ["[&_path]:fill-current"],
182
+ "internalComponents": ["SVGIcon"],
243
183
  "internalComponentProps": {},
244
184
  "propToVariantKeys": {},
245
185
  "runtimeConfigDefaultProps": {},
@@ -247,122 +187,153 @@ var Table_mocks = {
247
187
  "runtimeConfigInternalComponentProps": {},
248
188
  "motionVarPrefixes": []
249
189
  };
250
- var Table = {
251
- "name": "Table",
252
- "defaultProps": {
253
- "display": "table-cell",
254
- "overflow": "hidden",
255
- "borderColor": "muted",
256
- "borderRadius": "md",
257
- "spacing": "3",
258
- "borderBottomColor": "muted",
259
- "borderBottomWidth": "thin",
260
- "color": "primary"
261
- },
262
- "getStylesLiterals": { "textAlign": "start" },
190
+ var HStack = {
191
+ "name": "HStack",
192
+ "defaultProps": {},
193
+ "getStylesLiterals": {},
263
194
  "cxLiterals": [],
264
- "internalComponents": [
265
- "CellComponent",
266
- "Box",
267
- "Text",
268
- "Table.Root",
269
- "Table.Header",
270
- "Table.Row",
271
- "Table.Cell",
272
- "Table.Body"
273
- ],
274
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
275
- "propToVariantKeys": {},
195
+ "internalComponents": ["Box"],
196
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
197
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
276
198
  "runtimeConfigDefaultProps": {},
277
199
  "runtimeConfigGetStyles": {},
278
200
  "runtimeConfigInternalComponentProps": {},
279
201
  "motionVarPrefixes": []
280
202
  };
281
- var Spinner = {
282
- "name": "Spinner",
283
- "defaultProps": {
284
- "color": "primary",
285
- "size": "lg"
286
- },
203
+ var SvgFloatingOverlay = {
204
+ "name": "SvgFloatingOverlay",
205
+ "defaultProps": { "contentOverflow": "auto" },
287
206
  "getStylesLiterals": {},
288
207
  "cxLiterals": [
289
- "self-center",
290
- "relative",
291
- "sr-only"
208
+ "absolute",
209
+ "top-0",
210
+ "left-0",
211
+ "w-full",
212
+ "h-full",
213
+ "overflow-visible",
214
+ "pointer-events-none",
215
+ "z-[2]",
216
+ "z-[3]",
217
+ "max-h-full",
218
+ "gap-[inherit]"
292
219
  ],
293
- "internalComponents": ["Icon"],
294
- "internalComponentProps": { "Icon": {
295
- "role": ["img"],
296
- "className": ["animate-spin"],
297
- "aria-hidden": ["true"]
220
+ "internalComponents": ["Box", "Fragment"],
221
+ "internalComponentProps": { "Box": {
222
+ "position": ["relative"],
223
+ "flexGrow": ["1"],
224
+ "overflow": ["hidden"],
225
+ "display": ["block"],
226
+ "className": ["max-h-full gap-[inherit]"]
298
227
  } },
299
- "propToVariantKeys": {},
228
+ "propToVariantKeys": {
229
+ "blurClassName": ["className"],
230
+ "contentOverflow": ["overflow"]
231
+ },
300
232
  "runtimeConfigDefaultProps": {},
301
233
  "runtimeConfigGetStyles": {},
302
234
  "runtimeConfigInternalComponentProps": {},
303
235
  "motionVarPrefixes": []
304
236
  };
305
- var DividerCore = {
306
- "name": "DividerCore",
307
- "defaultProps": { "contentPosition": "center" },
237
+ var Badge = {
238
+ "name": "Badge",
239
+ "defaultProps": {
240
+ "variant": "primary",
241
+ "size": "md"
242
+ },
308
243
  "getStylesLiterals": {},
309
- "cxLiterals": [],
310
- "internalComponents": [
311
- "Box",
312
- "Line",
313
- "InternalComponent",
314
- "Text"
244
+ "cxLiterals": [
245
+ "flex-1",
246
+ "truncate",
247
+ "whitespace-nowrap",
248
+ "text-center"
315
249
  ],
250
+ "internalComponents": ["IconSlot", "HStack"],
316
251
  "internalComponentProps": {
317
- "Box": {
318
- "flex": ["1", "none"],
319
- "display": ["flex"]
320
- },
321
- "InternalComponent": {
322
- "flex": ["1"],
252
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
253
+ "HStack": {
254
+ "gap": ["2"],
255
+ "display": ["inline-flex"],
323
256
  "alignItems": ["center"]
324
- },
325
- "Text": {
326
- "as": ["span"],
327
- "color": ["inherit"],
328
- "variant": ["inherit"]
329
257
  }
330
258
  },
331
- "propToVariantKeys": {},
259
+ "propToVariantKeys": {
260
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
261
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
262
+ "startIcon": ["icon"],
263
+ "endIcon": ["icon"]
264
+ },
332
265
  "runtimeConfigDefaultProps": {},
333
266
  "runtimeConfigGetStyles": {},
334
267
  "runtimeConfigInternalComponentProps": {},
335
268
  "motionVarPrefixes": []
336
269
  };
337
- var DividerInternal = {
338
- "name": "DividerInternal",
339
- "defaultProps": { "variant": "primary" },
270
+ var SpringMotionConfig = {
271
+ "name": "SpringMotionConfig",
272
+ "defaultProps": { "reducedMotion": "user" },
340
273
  "getStylesLiterals": {},
341
- "cxLiterals": ["inherit"],
342
- "internalComponents": ["DividerCore"],
274
+ "cxLiterals": [],
275
+ "internalComponents": ["LazyMotion", "MotionConfig"],
343
276
  "internalComponentProps": {},
344
- "propToVariantKeys": { "variant": [
345
- "dividerVariantRoot",
346
- "dividerVariantLabel",
347
- "dividerVariantLine"
348
- ] },
277
+ "propToVariantKeys": { "loadFeatures": ["features"] },
349
278
  "runtimeConfigDefaultProps": {},
350
279
  "runtimeConfigGetStyles": {},
351
280
  "runtimeConfigInternalComponentProps": {},
352
281
  "motionVarPrefixes": []
353
282
  };
354
- var Divider = {
355
- "name": "Divider",
356
- "defaultProps": {},
283
+ var AnimateHeightChange = {
284
+ "name": "AnimateHeightChange",
285
+ "defaultProps": {},
357
286
  "getStylesLiterals": {},
358
- "cxLiterals": [],
359
- "internalComponents": ["DividerInternal"],
360
- "internalComponentProps": {},
361
- "propToVariantKeys": {},
287
+ "cxLiterals": ["overflow-hidden"],
288
+ "internalComponents": ["SpringMotionConfig"],
289
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
290
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
362
291
  "runtimeConfigDefaultProps": {},
363
292
  "runtimeConfigGetStyles": {},
364
293
  "runtimeConfigInternalComponentProps": {},
365
- "motionVarPrefixes": []
294
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
295
+ };
296
+ var IconButton = {
297
+ "name": "IconButton",
298
+ "defaultProps": { "type": "button" },
299
+ "getStylesLiterals": {},
300
+ "cxLiterals": [
301
+ "uds-ring",
302
+ "uds-hit-target",
303
+ "inline-flex",
304
+ "overflow-hidden",
305
+ "justify-center",
306
+ "items-center",
307
+ "[transform-origin:center]",
308
+ "[backface-visibility:hidden]",
309
+ "[transition-property:color,background-color,border-color,",
310
+ "box-shadow,text-decoration-color,fill,stroke]",
311
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
312
+ "[transition-duration:220ms]",
313
+ "cursor-not-allowed",
314
+ "uds-button-loading",
315
+ "uds-button-without-effects",
316
+ "animate-spin"
317
+ ],
318
+ "internalComponents": [
319
+ "Icon",
320
+ "SpringMotionConfig",
321
+ "AnimatePresence"
322
+ ],
323
+ "internalComponentProps": {
324
+ "Icon": { "color": ["current"] },
325
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
326
+ "AnimatePresence": { "mode": ["popLayout"] }
327
+ },
328
+ "propToVariantKeys": {
329
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
330
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
331
+ "iconVariant": ["variant"]
332
+ },
333
+ "runtimeConfigDefaultProps": {},
334
+ "runtimeConfigGetStyles": {},
335
+ "runtimeConfigInternalComponentProps": {},
336
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
366
337
  };
367
338
  var Button = {
368
339
  "name": "Button",
@@ -418,6 +389,19 @@ var Button = {
418
389
  "runtimeConfigInternalComponentProps": {},
419
390
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
420
391
  };
392
+ var Pressable = {
393
+ "name": "Pressable",
394
+ "defaultProps": {},
395
+ "getStylesLiterals": {},
396
+ "cxLiterals": [],
397
+ "internalComponents": ["Comp"],
398
+ "internalComponentProps": {},
399
+ "propToVariantKeys": {},
400
+ "runtimeConfigDefaultProps": {},
401
+ "runtimeConfigGetStyles": {},
402
+ "runtimeConfigInternalComponentProps": {},
403
+ "motionVarPrefixes": []
404
+ };
421
405
  var Checkbox = {
422
406
  "name": "Checkbox",
423
407
  "defaultProps": {
@@ -494,61 +478,6 @@ var Checkbox = {
494
478
  "runtimeConfigInternalComponentProps": {},
495
479
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
496
480
  };
497
- var SpringMotionConfig = {
498
- "name": "SpringMotionConfig",
499
- "defaultProps": { "reducedMotion": "user" },
500
- "getStylesLiterals": {},
501
- "cxLiterals": [],
502
- "internalComponents": ["LazyMotion", "MotionConfig"],
503
- "internalComponentProps": {},
504
- "propToVariantKeys": { "loadFeatures": ["features"] },
505
- "runtimeConfigDefaultProps": {},
506
- "runtimeConfigGetStyles": {},
507
- "runtimeConfigInternalComponentProps": {},
508
- "motionVarPrefixes": []
509
- };
510
- var IconButton = {
511
- "name": "IconButton",
512
- "defaultProps": { "type": "button" },
513
- "getStylesLiterals": {},
514
- "cxLiterals": [
515
- "uds-ring",
516
- "uds-hit-target",
517
- "inline-flex",
518
- "overflow-hidden",
519
- "justify-center",
520
- "items-center",
521
- "[transform-origin:center]",
522
- "[backface-visibility:hidden]",
523
- "[transition-property:color,background-color,border-color,",
524
- "box-shadow,text-decoration-color,fill,stroke]",
525
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
526
- "[transition-duration:220ms]",
527
- "cursor-not-allowed",
528
- "uds-button-loading",
529
- "uds-button-without-effects",
530
- "animate-spin"
531
- ],
532
- "internalComponents": [
533
- "Icon",
534
- "SpringMotionConfig",
535
- "AnimatePresence"
536
- ],
537
- "internalComponentProps": {
538
- "Icon": { "color": ["current"] },
539
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
540
- "AnimatePresence": { "mode": ["popLayout"] }
541
- },
542
- "propToVariantKeys": {
543
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
544
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
545
- "iconVariant": ["variant"]
546
- },
547
- "runtimeConfigDefaultProps": {},
548
- "runtimeConfigGetStyles": {},
549
- "runtimeConfigInternalComponentProps": {},
550
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
551
- };
552
481
  var Switch = {
553
482
  "name": "Switch",
554
483
  "defaultProps": {
@@ -642,58 +571,80 @@ var Switch = {
642
571
  "runtimeConfigInternalComponentProps": {},
643
572
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
644
573
  };
645
- var Badge = {
646
- "name": "Badge",
574
+ var Table_mocks = {
575
+ "name": "Table.mocks",
576
+ "defaultProps": {},
577
+ "getStylesLiterals": {},
578
+ "cxLiterals": [],
579
+ "internalComponents": [],
580
+ "internalComponentProps": {},
581
+ "propToVariantKeys": {},
582
+ "runtimeConfigDefaultProps": {},
583
+ "runtimeConfigGetStyles": {},
584
+ "runtimeConfigInternalComponentProps": {},
585
+ "motionVarPrefixes": []
586
+ };
587
+ var Table = {
588
+ "name": "Table",
647
589
  "defaultProps": {
648
- "variant": "primary",
649
- "size": "md"
590
+ "display": "table-cell",
591
+ "overflow": "hidden",
592
+ "borderColor": "muted",
593
+ "borderRadius": "md",
594
+ "spacing": "3",
595
+ "borderBottomColor": "muted",
596
+ "borderBottomWidth": "thin",
597
+ "color": "primary"
650
598
  },
651
- "getStylesLiterals": {},
652
- "cxLiterals": [
653
- "flex-1",
654
- "truncate",
655
- "whitespace-nowrap",
656
- "text-center"
599
+ "getStylesLiterals": { "textAlign": "start" },
600
+ "cxLiterals": [],
601
+ "internalComponents": [
602
+ "CellComponent",
603
+ "Box",
604
+ "Text",
605
+ "Table.Root",
606
+ "Table.Header",
607
+ "Table.Row",
608
+ "Table.Cell",
609
+ "Table.Body"
657
610
  ],
658
- "internalComponents": ["IconSlot", "HStack"],
659
- "internalComponentProps": {
660
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
661
- "HStack": {
662
- "gap": ["2"],
663
- "display": ["inline-flex"],
664
- "alignItems": ["center"]
665
- }
666
- },
667
- "propToVariantKeys": {
668
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
669
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
670
- "startIcon": ["icon"],
671
- "endIcon": ["icon"]
672
- },
611
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
612
+ "propToVariantKeys": {},
673
613
  "runtimeConfigDefaultProps": {},
674
614
  "runtimeConfigGetStyles": {},
675
615
  "runtimeConfigInternalComponentProps": {},
676
616
  "motionVarPrefixes": []
677
617
  };
678
- var AnimateHeightChange = {
679
- "name": "AnimateHeightChange",
680
- "defaultProps": {},
618
+ var Spinner = {
619
+ "name": "Spinner",
620
+ "defaultProps": {
621
+ "color": "primary",
622
+ "size": "lg"
623
+ },
681
624
  "getStylesLiterals": {},
682
- "cxLiterals": ["overflow-hidden"],
683
- "internalComponents": ["SpringMotionConfig"],
684
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
685
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
625
+ "cxLiterals": [
626
+ "self-center",
627
+ "relative",
628
+ "sr-only"
629
+ ],
630
+ "internalComponents": ["Icon"],
631
+ "internalComponentProps": { "Icon": {
632
+ "role": ["img"],
633
+ "className": ["animate-spin"],
634
+ "aria-hidden": ["true"]
635
+ } },
636
+ "propToVariantKeys": {},
686
637
  "runtimeConfigDefaultProps": {},
687
638
  "runtimeConfigGetStyles": {},
688
639
  "runtimeConfigInternalComponentProps": {},
689
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
640
+ "motionVarPrefixes": []
690
641
  };
691
- var Pressable = {
692
- "name": "Pressable",
642
+ var Divider = {
643
+ "name": "Divider",
693
644
  "defaultProps": {},
694
645
  "getStylesLiterals": {},
695
646
  "cxLiterals": [],
696
- "internalComponents": ["Comp"],
647
+ "internalComponents": ["DividerInternal"],
697
648
  "internalComponentProps": {},
698
649
  "propToVariantKeys": {},
699
650
  "runtimeConfigDefaultProps": {},
@@ -701,401 +652,326 @@ var Pressable = {
701
652
  "runtimeConfigInternalComponentProps": {},
702
653
  "motionVarPrefixes": []
703
654
  };
704
- var AvoidMotionLibraryProvider = {
705
- "name": "AvoidMotionLibraryProvider",
706
- "defaultProps": {},
655
+ var DividerInternal = {
656
+ "name": "DividerInternal",
657
+ "defaultProps": { "variant": "primary" },
707
658
  "getStylesLiterals": {},
708
- "cxLiterals": [],
709
- "internalComponents": [],
659
+ "cxLiterals": ["inherit"],
660
+ "internalComponents": ["DividerCore"],
710
661
  "internalComponentProps": {},
711
- "propToVariantKeys": {},
662
+ "propToVariantKeys": { "variant": [
663
+ "dividerVariantRoot",
664
+ "dividerVariantLabel",
665
+ "dividerVariantLine"
666
+ ] },
712
667
  "runtimeConfigDefaultProps": {},
713
668
  "runtimeConfigGetStyles": {},
714
669
  "runtimeConfigInternalComponentProps": {},
715
670
  "motionVarPrefixes": []
716
671
  };
717
- var SegmentedControl = {
718
- "name": "SegmentedControl",
719
- "defaultProps": { "textVariant": "label2" },
720
- "getStylesLiterals": {
721
- "display": "flex",
722
- "alignItems": "center",
723
- "backgroundColor": "primary",
724
- "spacingVertical": "1",
725
- "spacingHorizontal": "3",
726
- "columnGap": "1.5",
727
- "borderWidth": "thin",
728
- "borderRadius": "full",
729
- "borderColor": "muted",
730
- "borderColor:1": "transparent",
731
- "color": "primary",
732
- "color:1": "tertiary",
733
- "color:2": "muted"
734
- },
735
- "cxLiterals": [
736
- "uds-ring",
737
- "cursor-not-allowed",
738
- "opacity-50",
739
- "pointer-events-none",
740
- "hover:bg-primary"
741
- ],
672
+ var DividerCore = {
673
+ "name": "DividerCore",
674
+ "defaultProps": { "contentPosition": "center" },
675
+ "getStylesLiterals": {},
676
+ "cxLiterals": [],
742
677
  "internalComponents": [
743
- "TextVariant",
744
- "Radio",
745
- "Icon",
746
- "RadioProvider",
747
- "HStack",
748
- "RadioGroup",
749
- "Pressable",
678
+ "Box",
679
+ "Line",
680
+ "InternalComponent",
750
681
  "Text"
751
682
  ],
752
683
  "internalComponentProps": {
753
- "Icon": {
754
- "size": ["sm"],
755
- "color": ["current"],
756
- "aria-hidden": ["true"]
684
+ "Box": {
685
+ "flex": ["1", "none"],
686
+ "display": ["flex"]
757
687
  },
758
- "HStack": {
759
- "spacing": ["1"],
760
- "gap": ["1"],
761
- "backgroundColor": ["secondary"],
762
- "borderRadius": ["full"],
763
- "display": ["inline-flex"]
688
+ "InternalComponent": {
689
+ "flex": ["1"],
690
+ "alignItems": ["center"]
764
691
  },
765
- "Text": { "color": ["current"] }
766
- },
767
- "propToVariantKeys": {
768
- "value": ["key"],
769
- "label": ["aria-label"],
770
- "textVariant": ["variant"]
692
+ "Text": {
693
+ "as": ["span"],
694
+ "color": ["inherit"],
695
+ "variant": ["inherit"]
696
+ }
771
697
  },
698
+ "propToVariantKeys": {},
772
699
  "runtimeConfigDefaultProps": {},
773
700
  "runtimeConfigGetStyles": {},
774
701
  "runtimeConfigInternalComponentProps": {},
775
702
  "motionVarPrefixes": []
776
703
  };
777
- var SwitchV2 = {
778
- "name": "SwitchV2",
779
- "defaultProps": {
780
- "labelPosition": "start",
781
- "size": "md"
782
- },
704
+ var InputHelpText = {
705
+ "name": "InputHelpText",
706
+ "defaultProps": { "size": "md" },
783
707
  "getStylesLiterals": {
784
- "switchVariantRoot": "default",
785
- "switchVariantActiveRoot": "on",
786
- "switchVariantActiveRoot:1": "off",
787
- "switchVariantSwitch": "default",
788
- "switchVariantActiveSwitch": "on",
789
- "switchVariantActiveSwitch:1": "off",
790
- "switchVariantActiveHandle": "on",
791
- "switchVariantActiveHandle:1": "off",
792
- "switchVariantHandle": "default",
793
- "switchVariantHandleIcon": "default",
794
- "switchVariantActiveHandleIcon": "on",
795
- "switchVariantActiveHandleIcon:1": "off"
796
- },
797
- "cxLiterals": [
798
- "group",
799
- "flex",
800
- "items-center",
801
- "flex-row",
802
- "flex-row-reverse",
803
- "uds-ring",
804
- "uds-ring-within",
805
- "relative",
806
- "uds-border-radius-full",
807
- "transition-[background-color,box-shadow]",
808
- "pointer-events-none",
809
- "w-full",
810
- "h-full",
811
- "absolute",
812
- "top-0",
813
- "bottom-0",
814
- "right-0",
815
- "left-0",
816
- "overflow-hidden",
817
- "group-hover:scale-105",
818
- "opacity-95",
819
- "group-hover:opacity-100",
820
- "transition-[transform,opacity]",
821
- "opacity-0",
822
- "top-1/2",
823
- "left-1/2",
824
- "transform",
825
- "translate-x-[-50%]",
826
- "translate-y-[-50%]",
827
- "transition-opacity",
828
- "cursor-[inherit]",
829
- "w-[calc(100%+2px)]",
830
- "h-[calc(100%+2px)]",
831
- "text-start",
832
- "text-end",
833
- "opacity-100"
834
- ],
835
- "internalComponents": [
836
- "IconSlot",
837
- "Box",
838
- "FormLabel",
839
- "SpringMotionConfig",
840
- "RootElement",
841
- "MotionBox"
842
- ],
843
- "internalComponentProps": {
844
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
845
- "FormLabel": {
846
- "as": ["div"],
847
- "variant": ["inherit"],
848
- "color": ["inherit"]
849
- },
850
- "SpringMotionConfig": {
851
- "layoutVariant": ["bouncy"],
852
- "layoutSpeed": ["4"]
853
- },
854
- "RootElement": { "data-testid": ["switch-root"] },
855
- "MotionBox": { "layout": ["position"] }
856
- },
857
- "propToVariantKeys": {
858
- "size": [
859
- "switchSizeRoot",
860
- "switchSizeSwitch",
861
- "switchSizeHandle",
862
- "switchSizeHandleIcon"
863
- ],
864
- "onIcon": ["icon"],
865
- "offIcon": ["icon"],
866
- "reduceMotion": ["reducedMotion"],
867
- "isOn": ["layoutDependency"]
708
+ "inputVariantRoot": "default",
709
+ "inputVariantValueRoot": "empty",
710
+ "inputVariantValueRoot:1": "filled"
868
711
  },
712
+ "cxLiterals": [],
713
+ "internalComponents": ["InputHelpTextInternal", "Box"],
714
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
715
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
869
716
  "runtimeConfigDefaultProps": {},
870
717
  "runtimeConfigGetStyles": {},
871
718
  "runtimeConfigInternalComponentProps": {},
872
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
719
+ "motionVarPrefixes": []
873
720
  };
874
- var Tabs = {
875
- "name": "Tabs",
721
+ var InputHelpTextInternal = {
722
+ "name": "InputHelpTextInternal",
876
723
  "defaultProps": {},
877
724
  "getStylesLiterals": {
878
- "display": "flex",
879
- "flexDirection": "row",
880
- "columnGap": "6"
881
- },
882
- "cxLiterals": [
883
- "text-tertiary",
884
- "border-b-transparent",
885
- "aria-selected:border-b-brand",
886
- "aria-selected:text-secondary"
887
- ],
888
- "internalComponents": [
889
- "TabProvider",
890
- "OriginalTabList",
891
- "OriginalTab",
892
- "Icon",
893
- "OriginalTabPanel",
894
- "Pressable",
895
- "Comp",
896
- "Text"
897
- ],
898
- "internalComponentProps": {
899
- "Icon": {
900
- "className": ["text-current"],
901
- "size": ["md"]
902
- },
903
- "Pressable": {
904
- "borderBottomWidth": ["medium"],
905
- "spacingBottom": ["1"],
906
- "spacingTop": ["4"]
907
- },
908
- "Text": {
909
- "className": ["text-current"],
910
- "variant": ["headline1"],
911
- "as": ["span"]
912
- }
725
+ "inputVariantHelperText": "default",
726
+ "inputVariantValueHelperText": "empty",
727
+ "inputVariantValueHelperText:1": "filled",
728
+ "inputVariantHelperIcon": "default",
729
+ "inputVariantValueHelperIcon": "empty",
730
+ "inputVariantValueHelperIcon:1": "filled"
913
731
  },
914
- "propToVariantKeys": {},
915
- "runtimeConfigDefaultProps": {},
916
- "runtimeConfigGetStyles": {},
917
- "runtimeConfigInternalComponentProps": {},
918
- "motionVarPrefixes": []
919
- };
920
- var Modal = {
921
- "name": "Modal",
922
- "defaultProps": {},
923
- "getStylesLiterals": {},
924
- "cxLiterals": [
925
- "inset-8",
926
- "top-[250px]",
927
- "z-50",
928
- "mx-auto",
929
- "h-fit",
930
- "w-[600px]",
931
- "origin-center",
932
- "scale-95",
933
- "opacity-0",
934
- "transition",
935
- "duration-150",
936
- "data-[enter]:scale-100",
937
- "data-[enter]:opacity-100",
938
- "data-[enter]:bg-primary",
939
- "backdrop-blur-0",
940
- "data-[enter]:opacity-60",
941
- "data-[enter]:backdrop-blur-sm"
942
- ],
943
- "internalComponents": [
944
- "IconButton",
945
- "Dialog",
946
- "HStack",
947
- "Text",
948
- "VStack"
949
- ],
950
- "internalComponentProps": {
951
- "IconButton": {
952
- "aria-label": ["Close"],
953
- "size": ["sm"],
954
- "variant": ["tertiary"]
955
- },
956
- "HStack": {
957
- "alignItems": ["center"],
958
- "justifyContent": ["space-between"]
959
- },
960
- "Text": {
961
- "variant": ["headline1"],
962
- "color": ["primary"]
963
- },
964
- "VStack": {
965
- "borderRadius": ["md"],
966
- "position": ["fixed"],
967
- "backgroundColor": ["primary"],
968
- "dropShadow": ["md"],
969
- "spacing": ["8"],
970
- "overflow": ["hidden"]
971
- }
732
+ "cxLiterals": [],
733
+ "internalComponents": ["IconSlot", "HStack"],
734
+ "internalComponentProps": { "HStack": {
735
+ "gap": ["1"],
736
+ "alignItems": ["center"]
737
+ } },
738
+ "propToVariantKeys": {
739
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
740
+ "startIcon": ["icon"],
741
+ "endIcon": ["icon"]
972
742
  },
973
- "propToVariantKeys": { "handleClose": ["onClick"] },
974
743
  "runtimeConfigDefaultProps": {},
975
744
  "runtimeConfigGetStyles": {},
976
745
  "runtimeConfigInternalComponentProps": {},
977
746
  "motionVarPrefixes": []
978
747
  };
979
- var Accordion = {
980
- "name": "Accordion",
748
+ var Input = {
749
+ "name": "Input",
981
750
  "defaultProps": {
982
- "spacingHorizontal": "4",
983
- "spacingVertical": "4"
751
+ "type": "text",
752
+ "size": "md",
753
+ "width": "full"
984
754
  },
985
- "getStylesLiterals": {},
986
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
755
+ "getStylesLiterals": {
756
+ "inputVariantRoot": "default",
757
+ "inputVariantValueRoot": "empty",
758
+ "inputVariantValueRoot:1": "filled",
759
+ "inputVariantInputWrapper": "default",
760
+ "inputVariantValueInputWrapper": "empty",
761
+ "inputVariantValueInputWrapper:1": "filled",
762
+ "inputVariantInput": "default",
763
+ "inputVariantValueInput": "empty",
764
+ "inputVariantValueInput:1": "filled",
765
+ "inputVariantInputPlaceholder": "default",
766
+ "inputVariantValueInputPlaceholder": "empty",
767
+ "inputVariantValueInputPlaceholder:1": "filled",
768
+ "inputVariantLabel": "default",
769
+ "inputVariantValueLabel": "empty",
770
+ "inputVariantValueLabel:1": "filled",
771
+ "inputVariantLabelRequired": "default",
772
+ "inputVariantValueLabelRequired": "empty",
773
+ "inputVariantValueLabelRequired:1": "filled",
774
+ "inputVariantStartIcon": "default",
775
+ "inputVariantValueStartIcon": "empty",
776
+ "inputVariantValueStartIcon:1": "filled",
777
+ "inputVariantEndIcon": "default",
778
+ "inputVariantValueEndIcon": "empty",
779
+ "inputVariantValueEndIcon:1": "filled"
780
+ },
781
+ "cxLiterals": [
782
+ "opacity-50",
783
+ "min-w-[200px]",
784
+ "grow",
785
+ "uds-hit-target",
786
+ "bg-clip-text",
787
+ "focus:outline-none",
788
+ "cursor-text",
789
+ "cursor-not-allowed"
790
+ ],
987
791
  "internalComponents": [
988
- "Icon",
989
- "SpringMotionConfig",
990
- "Pressable",
991
- "Text",
792
+ "IconSlot",
793
+ "StartIcon",
794
+ "EndIcon",
795
+ "HelpTextContent",
796
+ "Box",
797
+ "InputHelpTextInternal",
798
+ "VStack",
992
799
  "HStack",
993
- "AnimatePresence",
994
- "VStack"
995
- ],
996
- "internalComponentProps": {
997
- "Icon": {
998
- "variant": ["fill"],
999
- "size": ["sm"],
1000
- "color": ["primary"]
1001
- },
1002
- "SpringMotionConfig": {
1003
- "layoutVariant": ["smooth"],
1004
- "layoutSpeed": ["3"]
1005
- },
1006
- "Pressable": {
1007
- "display": ["flex"],
1008
- "flexDirection": ["row"],
1009
- "alignItems": ["center"],
1010
- "justifyContent": ["space-between"],
1011
- "borderRadius": ["md"]
1012
- },
1013
- "Text": {
1014
- "variant": ["title4"],
1015
- "color": ["primary"]
800
+ "AnimateHeightChange"
801
+ ],
802
+ "internalComponentProps": {
803
+ "HelpTextContent": { "spacingTop": ["2"] },
804
+ "Box": {
805
+ "spacingBottom": ["2"],
806
+ "columnGap": ["0.5"],
807
+ "alignItems": ["flex-end", "center"],
808
+ "position": ["relative"]
1016
809
  },
1017
810
  "HStack": {
1018
- "display": ["flex"],
1019
811
  "alignItems": ["center"],
1020
- "justifyContent": ["space-between"],
1021
- "columnGap": ["2.5"]
812
+ "gap": ["1"]
1022
813
  }
1023
814
  },
815
+ "propToVariantKeys": {
816
+ "size": [
817
+ "inputSizeRoot",
818
+ "inputSizeInputWrapper",
819
+ "inputSizeInput",
820
+ "inputSizeLabel",
821
+ "inputSizeStartIcon",
822
+ "inputSizeEndIcon"
823
+ ],
824
+ "startIcon": ["icon"],
825
+ "endIcon": ["icon"],
826
+ "helperTextIcon": ["startIcon"]
827
+ },
828
+ "runtimeConfigDefaultProps": {},
829
+ "runtimeConfigGetStyles": {},
830
+ "runtimeConfigInternalComponentProps": {},
831
+ "motionVarPrefixes": []
832
+ };
833
+ var UDSTooltipConfigProvider = {
834
+ "name": "UDSTooltipConfigProvider",
835
+ "defaultProps": {},
836
+ "getStylesLiterals": {},
837
+ "cxLiterals": [],
838
+ "internalComponents": ["TooltipContext.Provider"],
839
+ "internalComponentProps": {},
1024
840
  "propToVariantKeys": {},
1025
841
  "runtimeConfigDefaultProps": {},
1026
842
  "runtimeConfigGetStyles": {},
1027
843
  "runtimeConfigInternalComponentProps": {},
1028
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
844
+ "motionVarPrefixes": []
1029
845
  };
1030
- var AvatarImage = {
1031
- "name": "AvatarImage",
1032
- "defaultProps": {
1033
- "size": "md",
1034
- "variant": "primary"
1035
- },
846
+ var TooltipTrigger = {
847
+ "name": "TooltipTrigger",
848
+ "defaultProps": {},
849
+ "getStylesLiterals": {},
850
+ "cxLiterals": [],
851
+ "internalComponents": ["TooltipAnchor"],
852
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
853
+ "propToVariantKeys": { "children": ["render"] },
854
+ "runtimeConfigDefaultProps": {},
855
+ "runtimeConfigGetStyles": {},
856
+ "runtimeConfigInternalComponentProps": {},
857
+ "motionVarPrefixes": []
858
+ };
859
+ var Tooltip = {
860
+ "name": "Tooltip",
861
+ "defaultProps": {},
1036
862
  "getStylesLiterals": {},
863
+ "cxLiterals": [],
864
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
865
+ "internalComponentProps": {},
866
+ "propToVariantKeys": {},
867
+ "runtimeConfigDefaultProps": {},
868
+ "runtimeConfigGetStyles": {},
869
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
870
+ "motionVarPrefixes": []
871
+ };
872
+ var TooltipContent = {
873
+ "name": "TooltipContent",
874
+ "defaultProps": {},
875
+ "getStylesLiterals": {
876
+ "tooltipSizeRoot": "default",
877
+ "tooltipVariantRoot": "default",
878
+ "tooltipSizeSvg": "default",
879
+ "tooltipVariantSvg": "default",
880
+ "tooltipVariantBlur": "default",
881
+ "position": "absolute",
882
+ "width": "full",
883
+ "height": "full",
884
+ "tooltipSizeTitle": "default",
885
+ "tooltipSizeBody": "default",
886
+ "tooltipSizeEndContent": "default",
887
+ "tooltipSizeIcon": "default",
888
+ "tooltipVariantIcon": "default"
889
+ },
1037
890
  "cxLiterals": [
1038
- "overflow-hidden",
1039
- "w-full",
1040
- "h-full",
1041
- "shrink-0",
1042
- "text-center",
1043
- "inline-flex",
1044
- "justify-center",
1045
- "items-center",
1046
- "object-cover"
891
+ "max-w-lg",
892
+ "flex",
893
+ "z-[9999]",
894
+ "uds-bgBlurFillFallback",
895
+ "uds-bgBlurFallback",
896
+ "top-0",
897
+ "left-0",
898
+ "z-[1]"
1047
899
  ],
1048
900
  "internalComponents": [
1049
- "UDSImage",
1050
- "AvatarText",
1051
- "AvatarIcon",
1052
- "Box"
901
+ "IconSlot",
902
+ "TooltipArrow",
903
+ "Tooltip",
904
+ "SvgFloatingOverlay",
905
+ "VStack",
906
+ "Box",
907
+ "Text"
1053
908
  ],
1054
- "internalComponentProps": {},
1055
- "propToVariantKeys": {
1056
- "alt": ["name"],
1057
- "fallback": ["initials"]
909
+ "internalComponentProps": {
910
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
911
+ "VStack": { "className": ["gap-[inherit]"] },
912
+ "Box": {
913
+ "alignItems": ["center"],
914
+ "columnGap": ["1", "1.5"]
915
+ },
916
+ "Text": { "color": ["inherit"] }
1058
917
  },
918
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1059
919
  "runtimeConfigDefaultProps": {},
1060
920
  "runtimeConfigGetStyles": {},
1061
921
  "runtimeConfigInternalComponentProps": {},
1062
922
  "motionVarPrefixes": []
1063
923
  };
1064
- var AvatarText = {
1065
- "name": "AvatarText",
924
+ var ChipBase = {
925
+ "name": "ChipBase",
1066
926
  "defaultProps": {
1067
927
  "size": "md",
1068
- "variant": "primary"
928
+ "as": "div"
1069
929
  },
1070
930
  "getStylesLiterals": {},
1071
931
  "cxLiterals": [
1072
- "overflow-hidden",
932
+ "pointer-events-none",
933
+ "cursor-default",
934
+ "opacity-50",
935
+ "inline-flex",
936
+ "items-center",
937
+ "transition-[background-color,outline-color,box-shadow]",
1073
938
  "truncate",
1074
- "w-full",
1075
- "h-full",
1076
- "shrink-0",
939
+ "whitespace-nowrap",
1077
940
  "text-center",
1078
- "inline-flex",
1079
- "justify-center",
1080
- "items-center"
941
+ "flex-1"
942
+ ],
943
+ "internalComponents": [
944
+ "IconSlot",
945
+ "HStack",
946
+ "As",
947
+ "Text"
1081
948
  ],
1082
- "internalComponents": ["Box", "Text"],
1083
949
  "internalComponentProps": { "Text": {
1084
- "color": ["inherit"],
950
+ "as": ["span"],
951
+ "color": ["current"],
1085
952
  "variant": ["inherit"]
1086
953
  } },
1087
- "propToVariantKeys": {},
954
+ "propToVariantKeys": {
955
+ "size": ["chipSizeRoot", "chipSizeIcon"],
956
+ "startIcon": ["icon"],
957
+ "endIcon": ["icon"]
958
+ },
1088
959
  "runtimeConfigDefaultProps": {},
1089
960
  "runtimeConfigGetStyles": {},
1090
961
  "runtimeConfigInternalComponentProps": {},
1091
962
  "motionVarPrefixes": []
1092
963
  };
1093
- var Avatar = {
1094
- "name": "Avatar",
964
+ var Chip = {
965
+ "name": "Chip",
1095
966
  "defaultProps": {},
1096
967
  "getStylesLiterals": {},
1097
968
  "cxLiterals": [],
1098
- "internalComponents": ["AvatarImage"],
969
+ "internalComponents": [
970
+ "ChipDismissible",
971
+ "ChipToggle",
972
+ "ChipLink",
973
+ "ChipButton"
974
+ ],
1099
975
  "internalComponentProps": {},
1100
976
  "propToVariantKeys": {},
1101
977
  "runtimeConfigDefaultProps": {},
@@ -1103,66 +979,82 @@ var Avatar = {
1103
979
  "runtimeConfigInternalComponentProps": {},
1104
980
  "motionVarPrefixes": []
1105
981
  };
1106
- var AvatarIcon = {
1107
- "name": "AvatarIcon",
1108
- "defaultProps": {
1109
- "size": "md",
1110
- "variant": "primary"
1111
- },
982
+ var ChipLink = {
983
+ "name": "ChipLink",
984
+ "defaultProps": { "variant": "primary" },
985
+ "getStylesLiterals": {},
986
+ "cxLiterals": ["uds-ring"],
987
+ "internalComponents": ["ChipBase"],
988
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
989
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
990
+ "runtimeConfigDefaultProps": {},
991
+ "runtimeConfigGetStyles": {},
992
+ "runtimeConfigInternalComponentProps": {},
993
+ "motionVarPrefixes": []
994
+ };
995
+ var ChipDismissible = {
996
+ "name": "ChipDismissible",
997
+ "defaultProps": { "variant": "primary" },
1112
998
  "getStylesLiterals": {},
1113
999
  "cxLiterals": [
1114
- "overflow-hidden",
1115
- "w-full",
1116
- "h-full",
1117
- "shrink-0",
1118
- "text-center",
1119
- "inline-flex",
1120
- "justify-center",
1121
- "items-center"
1000
+ "uds-chip-dismissible-button",
1001
+ "uds-hit-target",
1002
+ "uds-ring",
1003
+ "rounded-full"
1004
+ ],
1005
+ "internalComponents": [
1006
+ "ChipBase",
1007
+ "IconSlot",
1008
+ "Pressable"
1122
1009
  ],
1123
- "internalComponents": ["IconSlot", "Box"],
1124
1010
  "internalComponentProps": {},
1125
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1011
+ "propToVariantKeys": {
1012
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1013
+ "dismissButtonAriaLabel": ["aria-label"]
1014
+ },
1126
1015
  "runtimeConfigDefaultProps": {},
1127
1016
  "runtimeConfigGetStyles": {},
1128
1017
  "runtimeConfigInternalComponentProps": {},
1129
1018
  "motionVarPrefixes": []
1130
1019
  };
1131
- var UDSPopoverConfigProvider = {
1132
- "name": "UDSPopoverConfigProvider",
1133
- "defaultProps": {},
1020
+ var ChipButton = {
1021
+ "name": "ChipButton",
1022
+ "defaultProps": { "variant": "primary" },
1134
1023
  "getStylesLiterals": {},
1135
- "cxLiterals": [],
1136
- "internalComponents": ["PopoverContext.Provider"],
1137
- "internalComponentProps": {},
1138
- "propToVariantKeys": {},
1024
+ "cxLiterals": ["uds-ring"],
1025
+ "internalComponents": ["ChipBase"],
1026
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1027
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1139
1028
  "runtimeConfigDefaultProps": {},
1140
1029
  "runtimeConfigGetStyles": {},
1141
1030
  "runtimeConfigInternalComponentProps": {},
1142
1031
  "motionVarPrefixes": []
1143
1032
  };
1144
- var Popover = {
1145
- "name": "Popover",
1146
- "defaultProps": {},
1147
- "getStylesLiterals": {},
1148
- "cxLiterals": [],
1149
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1150
- "internalComponentProps": {},
1151
- "propToVariantKeys": {},
1152
- "runtimeConfigDefaultProps": {
1153
- "size": "popover.defaultSize",
1154
- "variant": "popover.defaultVariant"
1033
+ var ChipToggle = {
1034
+ "name": "ChipToggle",
1035
+ "defaultProps": {
1036
+ "variant": "primary",
1037
+ "role": "checkbox"
1038
+ },
1039
+ "getStylesLiterals": {
1040
+ "chipToggleVariantActiveRoot": "on",
1041
+ "chipToggleVariantActiveRoot:1": "off"
1155
1042
  },
1043
+ "cxLiterals": ["uds-ring"],
1044
+ "internalComponents": ["ChipBase"],
1045
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1046
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1047
+ "runtimeConfigDefaultProps": {},
1156
1048
  "runtimeConfigGetStyles": {},
1157
1049
  "runtimeConfigInternalComponentProps": {},
1158
1050
  "motionVarPrefixes": []
1159
1051
  };
1160
- var PopoverContext = {
1161
- "name": "PopoverContext",
1052
+ var UDSBottomSheetConfigProvider = {
1053
+ "name": "UDSBottomSheetConfigProvider",
1162
1054
  "defaultProps": {},
1163
1055
  "getStylesLiterals": {},
1164
1056
  "cxLiterals": [],
1165
- "internalComponents": [],
1057
+ "internalComponents": ["BottomSheetContext.Provider"],
1166
1058
  "internalComponentProps": {},
1167
1059
  "propToVariantKeys": {},
1168
1060
  "runtimeConfigDefaultProps": {},
@@ -1170,88 +1062,19 @@ var PopoverContext = {
1170
1062
  "runtimeConfigInternalComponentProps": {},
1171
1063
  "motionVarPrefixes": []
1172
1064
  };
1173
- var PopoverTrigger = {
1174
- "name": "PopoverTrigger",
1065
+ var BottomSheetDismiss = {
1066
+ "name": "BottomSheetDismiss",
1175
1067
  "defaultProps": {},
1176
1068
  "getStylesLiterals": {},
1177
1069
  "cxLiterals": [],
1178
- "internalComponents": ["PopoverDisclosure"],
1179
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1180
- "propToVariantKeys": { "children": ["render"] },
1070
+ "internalComponents": ["AriakitDialogDismiss"],
1071
+ "internalComponentProps": {},
1072
+ "propToVariantKeys": {},
1181
1073
  "runtimeConfigDefaultProps": {},
1182
1074
  "runtimeConfigGetStyles": {},
1183
1075
  "runtimeConfigInternalComponentProps": {},
1184
1076
  "motionVarPrefixes": []
1185
1077
  };
1186
- var PopoverContent = {
1187
- "name": "PopoverContent",
1188
- "defaultProps": {},
1189
- "getStylesLiterals": {
1190
- "popoverSizeRoot": "default",
1191
- "popoverVariantRoot": "default",
1192
- "display": "flex",
1193
- "position": "absolute",
1194
- "spacingTop": "0",
1195
- "spacingStart": "0",
1196
- "spacingBottom": "0",
1197
- "spacingEnd": "0",
1198
- "popoverSizeSvgBase": "default",
1199
- "popoverVariantSvgBase": "default",
1200
- "popoverSizeSvgBorder": "default",
1201
- "popoverVariantSvgBorder": "default",
1202
- "popoverVariantBlur": "default",
1203
- "width": "full",
1204
- "height": "full",
1205
- "flexShrink": "0",
1206
- "borderRadius": "full",
1207
- "alignItems": "center",
1208
- "justifyContent": "center",
1209
- "popoverVariantCloseIcon": "default",
1210
- "popoverSizeCloseIcon": "default"
1211
- },
1212
- "cxLiterals": [
1213
- "z-[9999]",
1214
- "outline-none",
1215
- "focus-visible:outline-none",
1216
- "uds-bgBlurFillFallback",
1217
- "uds-bgBlurFallback",
1218
- "top-0",
1219
- "left-0",
1220
- "z-[1]",
1221
- "duration-0",
1222
- "duration-120",
1223
- "transition-[background-color]",
1224
- "bg-carbon-15/0",
1225
- "hover:bg-carbon-15/10",
1226
- "active:bg-carbon-15/15",
1227
- "uds-ring",
1228
- "absolute",
1229
- "z-[4]"
1230
- ],
1231
- "internalComponents": [
1232
- "PopoverDismiss",
1233
- "IconSlot",
1234
- "PopoverArrow",
1235
- "Popover",
1236
- "SvgFloatingOverlay",
1237
- "Box",
1238
- "Pressable"
1239
- ],
1240
- "internalComponentProps": {},
1241
- "propToVariantKeys": { "closeIcon": ["icon"] },
1242
- "runtimeConfigDefaultProps": {
1243
- "size": "popover.defaultSize",
1244
- "variant": "popover.defaultVariant"
1245
- },
1246
- "runtimeConfigGetStyles": {
1247
- "spacingTop": ["popover.spacingVertical.${size}"],
1248
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1249
- "spacingBottom": ["popover.spacingVertical.${size}"],
1250
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1251
- },
1252
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1253
- "motionVarPrefixes": []
1254
- };
1255
1078
  var BottomSheetContent = {
1256
1079
  "name": "BottomSheetContent",
1257
1080
  "defaultProps": {},
@@ -1271,59 +1094,32 @@ var BottomSheetContent = {
1271
1094
  "runtimeConfigInternalComponentProps": {},
1272
1095
  "motionVarPrefixes": []
1273
1096
  };
1274
- var BottomSheetDismiss = {
1275
- "name": "BottomSheetDismiss",
1276
- "defaultProps": {},
1277
- "getStylesLiterals": {},
1278
- "cxLiterals": [],
1279
- "internalComponents": ["AriakitDialogDismiss"],
1280
- "internalComponentProps": {},
1281
- "propToVariantKeys": {},
1282
- "runtimeConfigDefaultProps": {},
1283
- "runtimeConfigGetStyles": {},
1284
- "runtimeConfigInternalComponentProps": {},
1285
- "motionVarPrefixes": []
1286
- };
1287
- var BottomSheet = {
1288
- "name": "BottomSheet",
1097
+ var BottomSheetHeader = {
1098
+ "name": "BottomSheetHeader",
1289
1099
  "defaultProps": { "variant": "default" },
1290
1100
  "getStylesLiterals": {},
1291
1101
  "cxLiterals": [
1292
- "fixed",
1293
- "overflow-hidden",
1294
- "inset-x-0",
1295
- "bottom-0",
1296
- "z-50",
1297
- "[will-change:transform]",
1298
- "touch-none",
1299
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1300
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1301
- "transition-transform",
1302
- "duration-500",
1303
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1304
- "motion-reduce:transition-none",
1305
- "top-[-4px]",
1306
- "z-[1]",
1307
- "touch-pan-y"
1308
- ],
1309
- "internalComponents": [
1310
- "Scrim",
1311
- "BottomSheetHandle",
1312
- "Dialog",
1313
- "Box",
1314
- "BottomSheetInternalContext.Provider"
1102
+ "grid-cols-[40px_1fr_40px]",
1103
+ "items-center",
1104
+ "w-full",
1105
+ "min-h-10",
1106
+ "mt-2"
1315
1107
  ],
1108
+ "internalComponents": ["Box", "Text"],
1316
1109
  "internalComponentProps": {
1317
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1318
- "Dialog": { "data-testid": ["bottom-sheet"] },
1319
1110
  "Box": {
1320
- "display": ["block", "flex"],
1321
- "position": ["absolute"],
1322
- "flexDirection": ["column"],
1323
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1111
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1112
+ "display": ["grid", "flex"],
1113
+ "justifyContent": ["flex-start", "flex-end"]
1114
+ },
1115
+ "Text": {
1116
+ "variant": ["inherit"],
1117
+ "color": ["inherit"],
1118
+ "textAlign": ["center"],
1119
+ "className": ["w-full"]
1324
1120
  }
1325
1121
  },
1326
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1122
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1327
1123
  "runtimeConfigDefaultProps": {},
1328
1124
  "runtimeConfigGetStyles": {},
1329
1125
  "runtimeConfigInternalComponentProps": {},
@@ -1373,43 +1169,83 @@ var BottomSheetInternalContext = {
1373
1169
  "runtimeConfigInternalComponentProps": {},
1374
1170
  "motionVarPrefixes": []
1375
1171
  };
1376
- var BottomSheetHeader = {
1377
- "name": "BottomSheetHeader",
1172
+ var BottomSheetTrigger = {
1173
+ "name": "BottomSheetTrigger",
1174
+ "defaultProps": {},
1175
+ "getStylesLiterals": {},
1176
+ "cxLiterals": [],
1177
+ "internalComponents": ["AriakitDialogDisclosure"],
1178
+ "internalComponentProps": {},
1179
+ "propToVariantKeys": {},
1180
+ "runtimeConfigDefaultProps": {},
1181
+ "runtimeConfigGetStyles": {},
1182
+ "runtimeConfigInternalComponentProps": {},
1183
+ "motionVarPrefixes": []
1184
+ };
1185
+ var BottomSheetProvider = {
1186
+ "name": "BottomSheetProvider",
1187
+ "defaultProps": {},
1188
+ "getStylesLiterals": {},
1189
+ "cxLiterals": [],
1190
+ "internalComponents": ["AriakitDialogProvider"],
1191
+ "internalComponentProps": {},
1192
+ "propToVariantKeys": {},
1193
+ "runtimeConfigDefaultProps": {},
1194
+ "runtimeConfigGetStyles": {},
1195
+ "runtimeConfigInternalComponentProps": {},
1196
+ "motionVarPrefixes": []
1197
+ };
1198
+ var BottomSheet = {
1199
+ "name": "BottomSheet",
1378
1200
  "defaultProps": { "variant": "default" },
1379
1201
  "getStylesLiterals": {},
1380
1202
  "cxLiterals": [
1381
- "grid-cols-[40px_1fr_40px]",
1382
- "items-center",
1383
- "w-full",
1384
- "min-h-10",
1385
- "mt-2"
1203
+ "fixed",
1204
+ "overflow-hidden",
1205
+ "inset-x-0",
1206
+ "bottom-0",
1207
+ "z-50",
1208
+ "[will-change:transform]",
1209
+ "touch-none",
1210
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1211
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1212
+ "transition-transform",
1213
+ "duration-500",
1214
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1215
+ "motion-reduce:transition-none",
1216
+ "top-[-4px]",
1217
+ "z-[1]",
1218
+ "touch-pan-y"
1219
+ ],
1220
+ "internalComponents": [
1221
+ "Scrim",
1222
+ "BottomSheetHandle",
1223
+ "Dialog",
1224
+ "Box",
1225
+ "BottomSheetInternalContext.Provider"
1386
1226
  ],
1387
- "internalComponents": ["Box", "Text"],
1388
1227
  "internalComponentProps": {
1228
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1229
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1389
1230
  "Box": {
1390
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1391
- "display": ["grid", "flex"],
1392
- "justifyContent": ["flex-start", "flex-end"]
1393
- },
1394
- "Text": {
1395
- "variant": ["inherit"],
1396
- "color": ["inherit"],
1397
- "textAlign": ["center"],
1398
- "className": ["w-full"]
1231
+ "display": ["block", "flex"],
1232
+ "position": ["absolute"],
1233
+ "flexDirection": ["column"],
1234
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1399
1235
  }
1400
1236
  },
1401
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1237
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1402
1238
  "runtimeConfigDefaultProps": {},
1403
1239
  "runtimeConfigGetStyles": {},
1404
1240
  "runtimeConfigInternalComponentProps": {},
1405
1241
  "motionVarPrefixes": []
1406
1242
  };
1407
- var BottomSheetTrigger = {
1408
- "name": "BottomSheetTrigger",
1243
+ var Menu_index = {
1244
+ "name": "Menu.index",
1409
1245
  "defaultProps": {},
1410
1246
  "getStylesLiterals": {},
1411
1247
  "cxLiterals": [],
1412
- "internalComponents": ["AriakitDialogDisclosure"],
1248
+ "internalComponents": [],
1413
1249
  "internalComponentProps": {},
1414
1250
  "propToVariantKeys": {},
1415
1251
  "runtimeConfigDefaultProps": {},
@@ -1417,25 +1253,48 @@ var BottomSheetTrigger = {
1417
1253
  "runtimeConfigInternalComponentProps": {},
1418
1254
  "motionVarPrefixes": []
1419
1255
  };
1420
- var BottomSheetProvider = {
1421
- "name": "BottomSheetProvider",
1422
- "defaultProps": {},
1256
+ var Menu_Content = {
1257
+ "name": "Menu.Content",
1258
+ "defaultProps": {
1259
+ "size": "default",
1260
+ "variant": "default",
1261
+ "gutter": "1"
1262
+ },
1423
1263
  "getStylesLiterals": {},
1424
- "cxLiterals": [],
1425
- "internalComponents": ["AriakitDialogProvider"],
1264
+ "cxLiterals": [
1265
+ "uds-menu-content",
1266
+ "transition-shadow",
1267
+ "duration-200",
1268
+ "ease-in-out",
1269
+ "min-w-60",
1270
+ "max-w-lg",
1271
+ "max-h-96",
1272
+ "overflow-auto",
1273
+ "uds-ring",
1274
+ "z-10",
1275
+ "group"
1276
+ ],
1277
+ "internalComponents": [
1278
+ "AriakitMenu",
1279
+ "AnimatePresence",
1280
+ "MotionVStack"
1281
+ ],
1426
1282
  "internalComponentProps": {},
1427
- "propToVariantKeys": {},
1283
+ "propToVariantKeys": {
1284
+ "size": ["menucontentSizeRoot"],
1285
+ "variant": ["menucontentVariantRoot"]
1286
+ },
1428
1287
  "runtimeConfigDefaultProps": {},
1429
1288
  "runtimeConfigGetStyles": {},
1430
1289
  "runtimeConfigInternalComponentProps": {},
1431
1290
  "motionVarPrefixes": []
1432
1291
  };
1433
- var UDSBottomSheetConfigProvider = {
1434
- "name": "UDSBottomSheetConfigProvider",
1292
+ var Menu = {
1293
+ "name": "Menu",
1435
1294
  "defaultProps": {},
1436
1295
  "getStylesLiterals": {},
1437
1296
  "cxLiterals": [],
1438
- "internalComponents": ["BottomSheetContext.Provider"],
1297
+ "internalComponents": [],
1439
1298
  "internalComponentProps": {},
1440
1299
  "propToVariantKeys": {},
1441
1300
  "runtimeConfigDefaultProps": {},
@@ -1443,12 +1302,25 @@ var UDSBottomSheetConfigProvider = {
1443
1302
  "runtimeConfigInternalComponentProps": {},
1444
1303
  "motionVarPrefixes": []
1445
1304
  };
1446
- var RadioGroupStore = {
1447
- "name": "RadioGroupStore",
1305
+ var Menu_ItemCheckbox = {
1306
+ "name": "Menu.ItemCheckbox",
1448
1307
  "defaultProps": {},
1449
- "getStylesLiterals": {},
1450
- "cxLiterals": [],
1451
- "internalComponents": [],
1308
+ "getStylesLiterals": {
1309
+ "menuitemItemCheckboxVariantRoot": "default",
1310
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1311
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1312
+ "menuitemItemCheckboxVariantText": "default",
1313
+ "menuitemItemCheckboxVariantActiveText": "on",
1314
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1315
+ "menuitemItemCheckboxVariantStartIcon": "default",
1316
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1317
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1318
+ "menuitemItemCheckboxVariantEndIcon": "default",
1319
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1320
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1321
+ },
1322
+ "cxLiterals": ["uds-menu-item-checkbox"],
1323
+ "internalComponents": ["MenuItemBase"],
1452
1324
  "internalComponentProps": {},
1453
1325
  "propToVariantKeys": {},
1454
1326
  "runtimeConfigDefaultProps": {},
@@ -1456,105 +1328,133 @@ var RadioGroupStore = {
1456
1328
  "runtimeConfigInternalComponentProps": {},
1457
1329
  "motionVarPrefixes": []
1458
1330
  };
1459
- var RadioGroupProvider = {
1460
- "name": "RadioGroupProvider",
1331
+ var Menu_Provider = {
1332
+ "name": "Menu.Provider",
1461
1333
  "defaultProps": {},
1462
1334
  "getStylesLiterals": {},
1463
1335
  "cxLiterals": [],
1464
- "internalComponents": [
1465
- "DivProps",
1466
- "Comp",
1467
- "RadioGroupContext.Provider"
1468
- ],
1469
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1336
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1337
+ "internalComponentProps": {},
1470
1338
  "propToVariantKeys": {},
1471
1339
  "runtimeConfigDefaultProps": {},
1472
1340
  "runtimeConfigGetStyles": {},
1473
1341
  "runtimeConfigInternalComponentProps": {},
1474
- "motionVarPrefixes": []
1342
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1475
1343
  };
1476
- var Radio = {
1477
- "name": "Radio",
1344
+ var Menu_ItemBase = {
1345
+ "name": "Menu.ItemBase",
1478
1346
  "defaultProps": {
1479
- "labelPosition": "start",
1480
- "variant": "primary",
1481
- "size": "md",
1482
- "value": ""
1347
+ "spacing": "0",
1348
+ "spacingHorizontal": "4",
1349
+ "spacingVertical": "3.5",
1350
+ "columnGap": "2",
1351
+ "alignItems": "center",
1352
+ "justifyContent": "space-between"
1483
1353
  },
1484
1354
  "getStylesLiterals": {
1485
- "radioVariantValueRoot": "checked",
1486
- "radioVariantValueRoot:1": "unchecked",
1487
- "display": "flex",
1355
+ "textAlign": "start",
1356
+ "menuitemSizeRoot": "default",
1488
1357
  "flexDirection": "row",
1489
- "flexDirection:1": "row-reverse",
1490
- "alignItems": "center",
1491
- "radioVariantValueRadio": "checked",
1492
- "radioVariantValueRadio:1": "unchecked",
1493
- "radioVariantValueRadioCircle": "checked",
1494
- "radioVariantValueRadioCircle:1": "unchecked"
1358
+ "menuitemSizeStartIcon": "default",
1359
+ "menuitemSizeEndIcon": "default"
1495
1360
  },
1496
1361
  "cxLiterals": [
1497
- "cursor-pointer",
1498
- "cursor-default",
1499
- "opacity-50",
1500
- "border",
1362
+ "flex",
1363
+ "focus-visible:text-brand",
1364
+ "focus-visible:bg-brand-secondary",
1365
+ "focus-visible:z-10",
1501
1366
  "uds-ring",
1502
- "uds-ring-within",
1503
- "transition-[background-color,border-color]",
1504
- "transition-shadow",
1505
- "pointer-events-none",
1506
- "w-[8px]",
1507
- "h-[8px]",
1508
- "transition-opacity",
1509
- "cursor-[inherit]",
1510
- "absolute",
1511
- "opacity-0",
1512
- "top-1/2",
1513
- "left-1/2",
1514
- "w-[calc(100%+2px)]",
1515
- "h-[calc(100%+2px)]",
1516
- "transform",
1517
- "translate-x-[-50%]",
1518
- "translate-y-[-50%]",
1519
- "text-start",
1520
- "text-end"
1367
+ "!-outline-offset-2",
1368
+ "[&:not([aria-checked])]:cursor-default",
1369
+ "opacity-25",
1370
+ "cursor-not-allowed",
1371
+ "duration-20",
1372
+ "transition-[font-variation-settings]",
1373
+ "ease-in-out",
1374
+ "z-0",
1375
+ "uds-start-icon",
1376
+ "uds-end-icon"
1521
1377
  ],
1522
1378
  "internalComponents": [
1523
- "Box",
1524
- "FormLabel",
1525
- "SpringMotionConfig",
1526
- "RootElement",
1527
- "MotionBox"
1379
+ "Pressable",
1380
+ "IconSlot",
1381
+ "RootComponent",
1382
+ "HStack",
1383
+ "AnimatePresence"
1528
1384
  ],
1529
1385
  "internalComponentProps": {
1530
- "Box": { "borderRadius": ["full"] },
1531
- "FormLabel": {
1532
- "as": ["div"],
1533
- "variant": ["inherit"],
1534
- "color": ["inherit"]
1535
- },
1536
- "RootElement": { "data-testid": ["container"] },
1537
- "MotionBox": {
1538
- "position": ["relative"],
1539
- "borderRadius": ["full"],
1386
+ "HStack": {
1540
1387
  "alignItems": ["center"],
1541
- "justifyContent": ["center"],
1542
- "flex": ["none"]
1543
- }
1388
+ "width": ["full"]
1389
+ },
1390
+ "AnimatePresence": { "mode": ["popLayout"] }
1544
1391
  },
1545
1392
  "propToVariantKeys": {
1546
- "size": ["radioSizeRoot", "radioSizeRadio"],
1547
- "variant": [
1548
- "radioVariantRoot",
1549
- "radioVariantRadio",
1550
- "radioVariantRadioCircle"
1551
- ],
1552
- "reduceMotion": ["reducedMotion"]
1393
+ "startIcon": ["icon"],
1394
+ "endIcon": ["icon"],
1395
+ "columnGap": ["gap"]
1553
1396
  },
1554
1397
  "runtimeConfigDefaultProps": {},
1555
1398
  "runtimeConfigGetStyles": {},
1556
1399
  "runtimeConfigInternalComponentProps": {},
1557
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1400
+ "motionVarPrefixes": []
1401
+ };
1402
+ var Menu_Item = {
1403
+ "name": "Menu.Item",
1404
+ "defaultProps": {},
1405
+ "getStylesLiterals": {
1406
+ "menuitemItemVariantRoot": "default",
1407
+ "menuitemItemVariantActiveRoot": "on",
1408
+ "menuitemItemVariantActiveRoot:1": "off",
1409
+ "menuitemItemVariantText": "default",
1410
+ "menuitemItemVariantActiveText": "on",
1411
+ "menuitemItemVariantActiveText:1": "off",
1412
+ "menuitemItemVariantIcon": "default",
1413
+ "menuitemItemVariantActiveIcon": "on",
1414
+ "menuitemItemVariantActiveIcon:1": "off"
1415
+ },
1416
+ "cxLiterals": [],
1417
+ "internalComponents": ["MenuItemBase"],
1418
+ "internalComponentProps": {},
1419
+ "propToVariantKeys": {},
1420
+ "runtimeConfigDefaultProps": {},
1421
+ "runtimeConfigGetStyles": {},
1422
+ "runtimeConfigInternalComponentProps": {},
1423
+ "motionVarPrefixes": []
1424
+ };
1425
+ var Menu_Divider = {
1426
+ "name": "Menu.Divider",
1427
+ "defaultProps": {
1428
+ "role": "separator",
1429
+ "contentPosition": "start",
1430
+ "gap": "4"
1431
+ },
1432
+ "getStylesLiterals": {
1433
+ "menuitemDividerVariantRoot": "default",
1434
+ "menuitemDividerVariantText": "default",
1435
+ "menuitemDividerVariantLine": "default"
1436
+ },
1437
+ "cxLiterals": [],
1438
+ "internalComponents": ["DividerInternal"],
1439
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1440
+ "propToVariantKeys": {},
1441
+ "runtimeConfigDefaultProps": {},
1442
+ "runtimeConfigGetStyles": {},
1443
+ "runtimeConfigInternalComponentProps": {},
1444
+ "motionVarPrefixes": []
1445
+ };
1446
+ var Menu_Trigger = {
1447
+ "name": "Menu.Trigger",
1448
+ "defaultProps": {},
1449
+ "getStylesLiterals": {},
1450
+ "cxLiterals": ["uds-menu-trigger"],
1451
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1452
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1453
+ "propToVariantKeys": {},
1454
+ "runtimeConfigDefaultProps": {},
1455
+ "runtimeConfigGetStyles": {},
1456
+ "runtimeConfigInternalComponentProps": {},
1457
+ "motionVarPrefixes": []
1558
1458
  };
1559
1459
  var UDSToastConfigProvider = {
1560
1460
  "name": "UDSToastConfigProvider",
@@ -1638,6 +1538,22 @@ var Toast = {
1638
1538
  },
1639
1539
  "motionVarPrefixes": []
1640
1540
  };
1541
+ var ToastPortal = {
1542
+ "name": "ToastPortal",
1543
+ "defaultProps": {},
1544
+ "getStylesLiterals": {},
1545
+ "cxLiterals": [],
1546
+ "internalComponents": ["ReactToastifyToastContainer"],
1547
+ "internalComponentProps": {},
1548
+ "propToVariantKeys": {},
1549
+ "runtimeConfigDefaultProps": {
1550
+ "size": "toast.defaultSize",
1551
+ "variant": "toast.defaultVariant"
1552
+ },
1553
+ "runtimeConfigGetStyles": {},
1554
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1555
+ "motionVarPrefixes": []
1556
+ };
1641
1557
  var ToastContainer = {
1642
1558
  "name": "ToastContainer",
1643
1559
  "defaultProps": {},
@@ -1670,28 +1586,71 @@ var ToastContainer = {
1670
1586
  "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1671
1587
  "motionVarPrefixes": []
1672
1588
  };
1673
- var ToastPortal = {
1674
- "name": "ToastPortal",
1675
- "defaultProps": {},
1589
+ var AvatarIcon = {
1590
+ "name": "AvatarIcon",
1591
+ "defaultProps": {
1592
+ "size": "md",
1593
+ "variant": "primary"
1594
+ },
1595
+ "getStylesLiterals": {},
1596
+ "cxLiterals": [
1597
+ "overflow-hidden",
1598
+ "w-full",
1599
+ "h-full",
1600
+ "shrink-0",
1601
+ "text-center",
1602
+ "inline-flex",
1603
+ "justify-center",
1604
+ "items-center"
1605
+ ],
1606
+ "internalComponents": ["IconSlot", "Box"],
1607
+ "internalComponentProps": {},
1608
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1609
+ "runtimeConfigDefaultProps": {},
1610
+ "runtimeConfigGetStyles": {},
1611
+ "runtimeConfigInternalComponentProps": {},
1612
+ "motionVarPrefixes": []
1613
+ };
1614
+ var AvatarImage = {
1615
+ "name": "AvatarImage",
1616
+ "defaultProps": {
1617
+ "size": "md",
1618
+ "variant": "primary"
1619
+ },
1676
1620
  "getStylesLiterals": {},
1677
- "cxLiterals": [],
1678
- "internalComponents": ["ReactToastifyToastContainer"],
1621
+ "cxLiterals": [
1622
+ "overflow-hidden",
1623
+ "w-full",
1624
+ "h-full",
1625
+ "shrink-0",
1626
+ "text-center",
1627
+ "inline-flex",
1628
+ "justify-center",
1629
+ "items-center",
1630
+ "object-cover"
1631
+ ],
1632
+ "internalComponents": [
1633
+ "UDSImage",
1634
+ "AvatarText",
1635
+ "AvatarIcon",
1636
+ "Box"
1637
+ ],
1679
1638
  "internalComponentProps": {},
1680
- "propToVariantKeys": {},
1681
- "runtimeConfigDefaultProps": {
1682
- "size": "toast.defaultSize",
1683
- "variant": "toast.defaultVariant"
1639
+ "propToVariantKeys": {
1640
+ "alt": ["name"],
1641
+ "fallback": ["initials"]
1684
1642
  },
1643
+ "runtimeConfigDefaultProps": {},
1685
1644
  "runtimeConfigGetStyles": {},
1686
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1645
+ "runtimeConfigInternalComponentProps": {},
1687
1646
  "motionVarPrefixes": []
1688
1647
  };
1689
- var UDSTooltipConfigProvider = {
1690
- "name": "UDSTooltipConfigProvider",
1648
+ var Avatar = {
1649
+ "name": "Avatar",
1691
1650
  "defaultProps": {},
1692
1651
  "getStylesLiterals": {},
1693
1652
  "cxLiterals": [],
1694
- "internalComponents": ["TooltipContext.Provider"],
1653
+ "internalComponents": ["AvatarImage"],
1695
1654
  "internalComponentProps": {},
1696
1655
  "propToVariantKeys": {},
1697
1656
  "runtimeConfigDefaultProps": {},
@@ -1699,208 +1658,267 @@ var UDSTooltipConfigProvider = {
1699
1658
  "runtimeConfigInternalComponentProps": {},
1700
1659
  "motionVarPrefixes": []
1701
1660
  };
1702
- var TooltipTrigger = {
1703
- "name": "TooltipTrigger",
1704
- "defaultProps": {},
1661
+ var AvatarText = {
1662
+ "name": "AvatarText",
1663
+ "defaultProps": {
1664
+ "size": "md",
1665
+ "variant": "primary"
1666
+ },
1705
1667
  "getStylesLiterals": {},
1706
- "cxLiterals": [],
1707
- "internalComponents": ["TooltipAnchor"],
1708
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1709
- "propToVariantKeys": { "children": ["render"] },
1668
+ "cxLiterals": [
1669
+ "overflow-hidden",
1670
+ "truncate",
1671
+ "w-full",
1672
+ "h-full",
1673
+ "shrink-0",
1674
+ "text-center",
1675
+ "inline-flex",
1676
+ "justify-center",
1677
+ "items-center"
1678
+ ],
1679
+ "internalComponents": ["Box", "Text"],
1680
+ "internalComponentProps": { "Text": {
1681
+ "color": ["inherit"],
1682
+ "variant": ["inherit"]
1683
+ } },
1684
+ "propToVariantKeys": {},
1710
1685
  "runtimeConfigDefaultProps": {},
1711
1686
  "runtimeConfigGetStyles": {},
1712
1687
  "runtimeConfigInternalComponentProps": {},
1713
1688
  "motionVarPrefixes": []
1714
1689
  };
1715
- var TooltipContent = {
1716
- "name": "TooltipContent",
1690
+ var PopoverContent = {
1691
+ "name": "PopoverContent",
1717
1692
  "defaultProps": {},
1718
1693
  "getStylesLiterals": {
1719
- "tooltipSizeRoot": "default",
1720
- "tooltipVariantRoot": "default",
1721
- "tooltipSizeSvg": "default",
1722
- "tooltipVariantSvg": "default",
1723
- "tooltipVariantBlur": "default",
1694
+ "popoverSizeRoot": "default",
1695
+ "popoverVariantRoot": "default",
1696
+ "display": "flex",
1724
1697
  "position": "absolute",
1698
+ "spacingTop": "0",
1699
+ "spacingStart": "0",
1700
+ "spacingBottom": "0",
1701
+ "spacingEnd": "0",
1702
+ "popoverSizeSvgBase": "default",
1703
+ "popoverVariantSvgBase": "default",
1704
+ "popoverSizeSvgBorder": "default",
1705
+ "popoverVariantSvgBorder": "default",
1706
+ "popoverVariantBlur": "default",
1725
1707
  "width": "full",
1726
1708
  "height": "full",
1727
- "tooltipSizeTitle": "default",
1728
- "tooltipSizeBody": "default",
1729
- "tooltipSizeEndContent": "default",
1730
- "tooltipSizeIcon": "default",
1731
- "tooltipVariantIcon": "default"
1709
+ "flexShrink": "0",
1710
+ "borderRadius": "full",
1711
+ "alignItems": "center",
1712
+ "justifyContent": "center",
1713
+ "popoverVariantCloseIcon": "default",
1714
+ "popoverSizeCloseIcon": "default"
1732
1715
  },
1733
1716
  "cxLiterals": [
1734
- "max-w-lg",
1735
- "flex",
1736
1717
  "z-[9999]",
1718
+ "outline-none",
1719
+ "focus-visible:outline-none",
1737
1720
  "uds-bgBlurFillFallback",
1738
1721
  "uds-bgBlurFallback",
1739
1722
  "top-0",
1740
1723
  "left-0",
1741
- "z-[1]"
1724
+ "z-[1]",
1725
+ "duration-0",
1726
+ "duration-120",
1727
+ "transition-[background-color]",
1728
+ "bg-carbon-15/0",
1729
+ "hover:bg-carbon-15/10",
1730
+ "active:bg-carbon-15/15",
1731
+ "uds-ring",
1732
+ "absolute",
1733
+ "z-[4]"
1742
1734
  ],
1743
1735
  "internalComponents": [
1736
+ "PopoverDismiss",
1744
1737
  "IconSlot",
1745
- "TooltipArrow",
1746
- "Tooltip",
1738
+ "PopoverArrow",
1739
+ "Popover",
1747
1740
  "SvgFloatingOverlay",
1748
- "VStack",
1749
1741
  "Box",
1750
- "Text"
1742
+ "Pressable"
1751
1743
  ],
1752
- "internalComponentProps": {
1753
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
1754
- "VStack": { "className": ["gap-[inherit]"] },
1755
- "Box": {
1756
- "alignItems": ["center"],
1757
- "columnGap": ["1", "1.5"]
1758
- },
1759
- "Text": { "color": ["inherit"] }
1744
+ "internalComponentProps": {},
1745
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1746
+ "runtimeConfigDefaultProps": {
1747
+ "size": "popover.defaultSize",
1748
+ "variant": "popover.defaultVariant"
1760
1749
  },
1761
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1750
+ "runtimeConfigGetStyles": {
1751
+ "spacingTop": ["popover.spacingVertical.${size}"],
1752
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1753
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1754
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1755
+ },
1756
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1757
+ "motionVarPrefixes": []
1758
+ };
1759
+ var PopoverContext = {
1760
+ "name": "PopoverContext",
1761
+ "defaultProps": {},
1762
+ "getStylesLiterals": {},
1763
+ "cxLiterals": [],
1764
+ "internalComponents": [],
1765
+ "internalComponentProps": {},
1766
+ "propToVariantKeys": {},
1762
1767
  "runtimeConfigDefaultProps": {},
1763
1768
  "runtimeConfigGetStyles": {},
1764
1769
  "runtimeConfigInternalComponentProps": {},
1765
1770
  "motionVarPrefixes": []
1766
1771
  };
1767
- var Tooltip = {
1768
- "name": "Tooltip",
1772
+ var UDSPopoverConfigProvider = {
1773
+ "name": "UDSPopoverConfigProvider",
1769
1774
  "defaultProps": {},
1770
1775
  "getStylesLiterals": {},
1771
1776
  "cxLiterals": [],
1772
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1777
+ "internalComponents": ["PopoverContext.Provider"],
1773
1778
  "internalComponentProps": {},
1774
1779
  "propToVariantKeys": {},
1775
1780
  "runtimeConfigDefaultProps": {},
1776
1781
  "runtimeConfigGetStyles": {},
1777
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
1782
+ "runtimeConfigInternalComponentProps": {},
1778
1783
  "motionVarPrefixes": []
1779
1784
  };
1780
- var Input = {
1781
- "name": "Input",
1785
+ var PopoverTrigger = {
1786
+ "name": "PopoverTrigger",
1787
+ "defaultProps": {},
1788
+ "getStylesLiterals": {},
1789
+ "cxLiterals": [],
1790
+ "internalComponents": ["PopoverDisclosure"],
1791
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1792
+ "propToVariantKeys": { "children": ["render"] },
1793
+ "runtimeConfigDefaultProps": {},
1794
+ "runtimeConfigGetStyles": {},
1795
+ "runtimeConfigInternalComponentProps": {},
1796
+ "motionVarPrefixes": []
1797
+ };
1798
+ var Popover = {
1799
+ "name": "Popover",
1800
+ "defaultProps": {},
1801
+ "getStylesLiterals": {},
1802
+ "cxLiterals": [],
1803
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1804
+ "internalComponentProps": {},
1805
+ "propToVariantKeys": {},
1806
+ "runtimeConfigDefaultProps": {
1807
+ "size": "popover.defaultSize",
1808
+ "variant": "popover.defaultVariant"
1809
+ },
1810
+ "runtimeConfigGetStyles": {},
1811
+ "runtimeConfigInternalComponentProps": {},
1812
+ "motionVarPrefixes": []
1813
+ };
1814
+ var Radio = {
1815
+ "name": "Radio",
1782
1816
  "defaultProps": {
1783
- "type": "text",
1817
+ "labelPosition": "start",
1818
+ "variant": "primary",
1784
1819
  "size": "md",
1785
- "width": "full"
1820
+ "value": ""
1786
1821
  },
1787
1822
  "getStylesLiterals": {
1788
- "inputVariantRoot": "default",
1789
- "inputVariantValueRoot": "empty",
1790
- "inputVariantValueRoot:1": "filled",
1791
- "inputVariantInputWrapper": "default",
1792
- "inputVariantValueInputWrapper": "empty",
1793
- "inputVariantValueInputWrapper:1": "filled",
1794
- "inputVariantInput": "default",
1795
- "inputVariantValueInput": "empty",
1796
- "inputVariantValueInput:1": "filled",
1797
- "inputVariantInputPlaceholder": "default",
1798
- "inputVariantValueInputPlaceholder": "empty",
1799
- "inputVariantValueInputPlaceholder:1": "filled",
1800
- "inputVariantLabel": "default",
1801
- "inputVariantValueLabel": "empty",
1802
- "inputVariantValueLabel:1": "filled",
1803
- "inputVariantLabelRequired": "default",
1804
- "inputVariantValueLabelRequired": "empty",
1805
- "inputVariantValueLabelRequired:1": "filled",
1806
- "inputVariantStartIcon": "default",
1807
- "inputVariantValueStartIcon": "empty",
1808
- "inputVariantValueStartIcon:1": "filled",
1809
- "inputVariantEndIcon": "default",
1810
- "inputVariantValueEndIcon": "empty",
1811
- "inputVariantValueEndIcon:1": "filled"
1823
+ "radioVariantValueRoot": "checked",
1824
+ "radioVariantValueRoot:1": "unchecked",
1825
+ "display": "flex",
1826
+ "flexDirection": "row",
1827
+ "flexDirection:1": "row-reverse",
1828
+ "alignItems": "center",
1829
+ "radioVariantValueRadio": "checked",
1830
+ "radioVariantValueRadio:1": "unchecked",
1831
+ "radioVariantValueRadioCircle": "checked",
1832
+ "radioVariantValueRadioCircle:1": "unchecked"
1812
1833
  },
1813
1834
  "cxLiterals": [
1835
+ "cursor-pointer",
1836
+ "cursor-default",
1814
1837
  "opacity-50",
1815
- "min-w-[200px]",
1816
- "grow",
1817
- "uds-hit-target",
1818
- "bg-clip-text",
1819
- "focus:outline-none",
1820
- "cursor-text",
1821
- "cursor-not-allowed"
1838
+ "border",
1839
+ "uds-ring",
1840
+ "uds-ring-within",
1841
+ "transition-[background-color,border-color]",
1842
+ "transition-shadow",
1843
+ "pointer-events-none",
1844
+ "w-[8px]",
1845
+ "h-[8px]",
1846
+ "transition-opacity",
1847
+ "cursor-[inherit]",
1848
+ "absolute",
1849
+ "opacity-0",
1850
+ "top-1/2",
1851
+ "left-1/2",
1852
+ "w-[calc(100%+2px)]",
1853
+ "h-[calc(100%+2px)]",
1854
+ "transform",
1855
+ "translate-x-[-50%]",
1856
+ "translate-y-[-50%]",
1857
+ "text-start",
1858
+ "text-end"
1822
1859
  ],
1823
1860
  "internalComponents": [
1824
- "IconSlot",
1825
- "StartIcon",
1826
- "EndIcon",
1827
- "HelpTextContent",
1828
1861
  "Box",
1829
- "InputHelpTextInternal",
1830
- "VStack",
1831
- "HStack",
1832
- "AnimateHeightChange"
1862
+ "FormLabel",
1863
+ "SpringMotionConfig",
1864
+ "RootElement",
1865
+ "MotionBox"
1833
1866
  ],
1834
1867
  "internalComponentProps": {
1835
- "HelpTextContent": { "spacingTop": ["2"] },
1836
- "Box": {
1837
- "spacingBottom": ["2"],
1838
- "columnGap": ["0.5"],
1839
- "alignItems": ["flex-end", "center"],
1840
- "position": ["relative"]
1868
+ "Box": { "borderRadius": ["full"] },
1869
+ "FormLabel": {
1870
+ "as": ["div"],
1871
+ "variant": ["inherit"],
1872
+ "color": ["inherit"]
1841
1873
  },
1842
- "HStack": {
1874
+ "RootElement": { "data-testid": ["container"] },
1875
+ "MotionBox": {
1876
+ "position": ["relative"],
1877
+ "borderRadius": ["full"],
1843
1878
  "alignItems": ["center"],
1844
- "gap": ["1"]
1879
+ "justifyContent": ["center"],
1880
+ "flex": ["none"]
1845
1881
  }
1846
1882
  },
1847
1883
  "propToVariantKeys": {
1848
- "size": [
1849
- "inputSizeRoot",
1850
- "inputSizeInputWrapper",
1851
- "inputSizeInput",
1852
- "inputSizeLabel",
1853
- "inputSizeStartIcon",
1854
- "inputSizeEndIcon"
1884
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1885
+ "variant": [
1886
+ "radioVariantRoot",
1887
+ "radioVariantRadio",
1888
+ "radioVariantRadioCircle"
1855
1889
  ],
1856
- "startIcon": ["icon"],
1857
- "endIcon": ["icon"],
1858
- "helperTextIcon": ["startIcon"]
1890
+ "reduceMotion": ["reducedMotion"]
1859
1891
  },
1860
1892
  "runtimeConfigDefaultProps": {},
1861
1893
  "runtimeConfigGetStyles": {},
1862
1894
  "runtimeConfigInternalComponentProps": {},
1863
- "motionVarPrefixes": []
1895
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1864
1896
  };
1865
- var InputHelpText = {
1866
- "name": "InputHelpText",
1867
- "defaultProps": { "size": "md" },
1868
- "getStylesLiterals": {
1869
- "inputVariantRoot": "default",
1870
- "inputVariantValueRoot": "empty",
1871
- "inputVariantValueRoot:1": "filled"
1872
- },
1897
+ var RadioGroupStore = {
1898
+ "name": "RadioGroupStore",
1899
+ "defaultProps": {},
1900
+ "getStylesLiterals": {},
1873
1901
  "cxLiterals": [],
1874
- "internalComponents": ["InputHelpTextInternal", "Box"],
1875
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1876
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1902
+ "internalComponents": [],
1903
+ "internalComponentProps": {},
1904
+ "propToVariantKeys": {},
1877
1905
  "runtimeConfigDefaultProps": {},
1878
1906
  "runtimeConfigGetStyles": {},
1879
1907
  "runtimeConfigInternalComponentProps": {},
1880
1908
  "motionVarPrefixes": []
1881
1909
  };
1882
- var InputHelpTextInternal = {
1883
- "name": "InputHelpTextInternal",
1910
+ var RadioGroupProvider = {
1911
+ "name": "RadioGroupProvider",
1884
1912
  "defaultProps": {},
1885
- "getStylesLiterals": {
1886
- "inputVariantHelperText": "default",
1887
- "inputVariantValueHelperText": "empty",
1888
- "inputVariantValueHelperText:1": "filled",
1889
- "inputVariantHelperIcon": "default",
1890
- "inputVariantValueHelperIcon": "empty",
1891
- "inputVariantValueHelperIcon:1": "filled"
1892
- },
1913
+ "getStylesLiterals": {},
1893
1914
  "cxLiterals": [],
1894
- "internalComponents": ["IconSlot", "HStack"],
1895
- "internalComponentProps": { "HStack": {
1896
- "gap": ["1"],
1897
- "alignItems": ["center"]
1898
- } },
1899
- "propToVariantKeys": {
1900
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1901
- "startIcon": ["icon"],
1902
- "endIcon": ["icon"]
1903
- },
1915
+ "internalComponents": [
1916
+ "DivProps",
1917
+ "Comp",
1918
+ "RadioGroupContext.Provider"
1919
+ ],
1920
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1921
+ "propToVariantKeys": {},
1904
1922
  "runtimeConfigDefaultProps": {},
1905
1923
  "runtimeConfigGetStyles": {},
1906
1924
  "runtimeConfigInternalComponentProps": {},
@@ -1938,150 +1956,58 @@ var UDSBreakpointsConfigProvider = {
1938
1956
  "runtimeConfigInternalComponentProps": {},
1939
1957
  "motionVarPrefixes": []
1940
1958
  };
1941
- var ChipLink = {
1942
- "name": "ChipLink",
1943
- "defaultProps": { "variant": "primary" },
1944
- "getStylesLiterals": {},
1945
- "cxLiterals": ["uds-ring"],
1946
- "internalComponents": ["ChipBase"],
1947
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1948
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1949
- "runtimeConfigDefaultProps": {},
1950
- "runtimeConfigGetStyles": {},
1951
- "runtimeConfigInternalComponentProps": {},
1952
- "motionVarPrefixes": []
1953
- };
1954
- var ChipDismissible = {
1955
- "name": "ChipDismissible",
1956
- "defaultProps": { "variant": "primary" },
1957
- "getStylesLiterals": {},
1958
- "cxLiterals": [
1959
- "uds-chip-dismissible-button",
1960
- "uds-hit-target",
1961
- "uds-ring",
1962
- "rounded-full"
1963
- ],
1964
- "internalComponents": [
1965
- "ChipBase",
1966
- "IconSlot",
1967
- "Pressable"
1968
- ],
1969
- "internalComponentProps": {},
1970
- "propToVariantKeys": {
1971
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1972
- "dismissButtonAriaLabel": ["aria-label"]
1973
- },
1974
- "runtimeConfigDefaultProps": {},
1975
- "runtimeConfigGetStyles": {},
1976
- "runtimeConfigInternalComponentProps": {},
1977
- "motionVarPrefixes": []
1978
- };
1979
- var ChipToggle = {
1980
- "name": "ChipToggle",
1981
- "defaultProps": {
1982
- "variant": "primary",
1983
- "role": "checkbox"
1984
- },
1985
- "getStylesLiterals": {
1986
- "chipToggleVariantActiveRoot": "on",
1987
- "chipToggleVariantActiveRoot:1": "off"
1988
- },
1989
- "cxLiterals": ["uds-ring"],
1990
- "internalComponents": ["ChipBase"],
1991
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1992
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1993
- "runtimeConfigDefaultProps": {},
1994
- "runtimeConfigGetStyles": {},
1995
- "runtimeConfigInternalComponentProps": {},
1996
- "motionVarPrefixes": []
1997
- };
1998
- var Chip = {
1999
- "name": "Chip",
1959
+ var Tabs = {
1960
+ "name": "Tabs",
2000
1961
  "defaultProps": {},
2001
- "getStylesLiterals": {},
2002
- "cxLiterals": [],
2003
- "internalComponents": [
2004
- "ChipDismissible",
2005
- "ChipToggle",
2006
- "ChipLink",
2007
- "ChipButton"
2008
- ],
2009
- "internalComponentProps": {},
2010
- "propToVariantKeys": {},
2011
- "runtimeConfigDefaultProps": {},
2012
- "runtimeConfigGetStyles": {},
2013
- "runtimeConfigInternalComponentProps": {},
2014
- "motionVarPrefixes": []
2015
- };
2016
- var ChipBase = {
2017
- "name": "ChipBase",
2018
- "defaultProps": {
2019
- "size": "md",
2020
- "as": "div"
1962
+ "getStylesLiterals": {
1963
+ "display": "flex",
1964
+ "flexDirection": "row",
1965
+ "columnGap": "6"
2021
1966
  },
2022
- "getStylesLiterals": {},
2023
1967
  "cxLiterals": [
2024
- "pointer-events-none",
2025
- "cursor-default",
2026
- "opacity-50",
2027
- "inline-flex",
2028
- "items-center",
2029
- "transition-[background-color,outline-color,box-shadow]",
2030
- "truncate",
2031
- "whitespace-nowrap",
2032
- "text-center",
2033
- "flex-1"
1968
+ "text-tertiary",
1969
+ "border-b-transparent",
1970
+ "aria-selected:border-b-brand",
1971
+ "aria-selected:text-secondary"
2034
1972
  ],
2035
1973
  "internalComponents": [
2036
- "IconSlot",
2037
- "HStack",
2038
- "As",
1974
+ "TabProvider",
1975
+ "OriginalTabList",
1976
+ "OriginalTab",
1977
+ "Icon",
1978
+ "OriginalTabPanel",
1979
+ "Pressable",
1980
+ "Comp",
2039
1981
  "Text"
2040
1982
  ],
2041
- "internalComponentProps": { "Text": {
2042
- "as": ["span"],
2043
- "color": ["current"],
2044
- "variant": ["inherit"]
2045
- } },
2046
- "propToVariantKeys": {
2047
- "size": ["chipSizeRoot", "chipSizeIcon"],
2048
- "startIcon": ["icon"],
2049
- "endIcon": ["icon"]
2050
- },
2051
- "runtimeConfigDefaultProps": {},
2052
- "runtimeConfigGetStyles": {},
2053
- "runtimeConfigInternalComponentProps": {},
2054
- "motionVarPrefixes": []
2055
- };
2056
- var ChipButton = {
2057
- "name": "ChipButton",
2058
- "defaultProps": { "variant": "primary" },
2059
- "getStylesLiterals": {},
2060
- "cxLiterals": ["uds-ring"],
2061
- "internalComponents": ["ChipBase"],
2062
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2063
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1983
+ "internalComponentProps": {
1984
+ "Icon": {
1985
+ "className": ["text-current"],
1986
+ "size": ["md"]
1987
+ },
1988
+ "Pressable": {
1989
+ "borderBottomWidth": ["medium"],
1990
+ "spacingBottom": ["1"],
1991
+ "spacingTop": ["4"]
1992
+ },
1993
+ "Text": {
1994
+ "className": ["text-current"],
1995
+ "variant": ["headline1"],
1996
+ "as": ["span"]
1997
+ }
1998
+ },
1999
+ "propToVariantKeys": {},
2064
2000
  "runtimeConfigDefaultProps": {},
2065
2001
  "runtimeConfigGetStyles": {},
2066
2002
  "runtimeConfigInternalComponentProps": {},
2067
2003
  "motionVarPrefixes": []
2068
2004
  };
2069
- var Menu_Item = {
2070
- "name": "Menu.Item",
2005
+ var AvoidMotionLibraryProvider = {
2006
+ "name": "AvoidMotionLibraryProvider",
2071
2007
  "defaultProps": {},
2072
- "getStylesLiterals": {
2073
- "menuitemItemVariantRoot": "default",
2074
- "menuitemItemVariantActiveRoot": "on",
2075
- "menuitemItemVariantActiveRoot:1": "off",
2076
- "menuitemItemVariantText": "default",
2077
- "menuitemItemVariantActiveText": "on",
2078
- "menuitemItemVariantActiveText:1": "off",
2079
- "menuitemItemVariantIcon": "default",
2080
- "menuitemItemVariantActiveIcon": "on",
2081
- "menuitemItemVariantActiveIcon:1": "off"
2082
- },
2008
+ "getStylesLiterals": {},
2083
2009
  "cxLiterals": [],
2084
- "internalComponents": ["MenuItemBase"],
2010
+ "internalComponents": [],
2085
2011
  "internalComponentProps": {},
2086
2012
  "propToVariantKeys": {},
2087
2013
  "runtimeConfigDefaultProps": {},
@@ -2089,194 +2015,268 @@ var Menu_Item = {
2089
2015
  "runtimeConfigInternalComponentProps": {},
2090
2016
  "motionVarPrefixes": []
2091
2017
  };
2092
- var Menu_Provider = {
2093
- "name": "Menu.Provider",
2094
- "defaultProps": {},
2018
+ var Accordion = {
2019
+ "name": "Accordion",
2020
+ "defaultProps": {
2021
+ "spacingHorizontal": "4",
2022
+ "spacingVertical": "4"
2023
+ },
2095
2024
  "getStylesLiterals": {},
2096
- "cxLiterals": [],
2097
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
2098
- "internalComponentProps": {},
2025
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2026
+ "internalComponents": [
2027
+ "Icon",
2028
+ "SpringMotionConfig",
2029
+ "Pressable",
2030
+ "Text",
2031
+ "HStack",
2032
+ "AnimatePresence",
2033
+ "VStack"
2034
+ ],
2035
+ "internalComponentProps": {
2036
+ "Icon": {
2037
+ "variant": ["fill"],
2038
+ "size": ["sm"],
2039
+ "color": ["primary"]
2040
+ },
2041
+ "SpringMotionConfig": {
2042
+ "layoutVariant": ["smooth"],
2043
+ "layoutSpeed": ["3"]
2044
+ },
2045
+ "Pressable": {
2046
+ "display": ["flex"],
2047
+ "flexDirection": ["row"],
2048
+ "alignItems": ["center"],
2049
+ "justifyContent": ["space-between"],
2050
+ "borderRadius": ["md"]
2051
+ },
2052
+ "Text": {
2053
+ "variant": ["title4"],
2054
+ "color": ["primary"]
2055
+ },
2056
+ "HStack": {
2057
+ "display": ["flex"],
2058
+ "alignItems": ["center"],
2059
+ "justifyContent": ["space-between"],
2060
+ "columnGap": ["2.5"]
2061
+ }
2062
+ },
2099
2063
  "propToVariantKeys": {},
2100
2064
  "runtimeConfigDefaultProps": {},
2101
2065
  "runtimeConfigGetStyles": {},
2102
2066
  "runtimeConfigInternalComponentProps": {},
2103
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2067
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2104
2068
  };
2105
- var Menu_ItemBase = {
2106
- "name": "Menu.ItemBase",
2107
- "defaultProps": {
2108
- "spacing": "0",
2109
- "spacingHorizontal": "4",
2110
- "spacingVertical": "3.5",
2111
- "columnGap": "2",
2112
- "alignItems": "center",
2113
- "justifyContent": "space-between"
2114
- },
2069
+ var SegmentedControl = {
2070
+ "name": "SegmentedControl",
2071
+ "defaultProps": { "textVariant": "label2" },
2115
2072
  "getStylesLiterals": {
2116
- "textAlign": "start",
2117
- "menuitemSizeRoot": "default",
2118
- "flexDirection": "row",
2119
- "menuitemSizeStartIcon": "default",
2120
- "menuitemSizeEndIcon": "default"
2073
+ "display": "flex",
2074
+ "alignItems": "center",
2075
+ "backgroundColor": "primary",
2076
+ "spacingVertical": "1",
2077
+ "spacingHorizontal": "3",
2078
+ "columnGap": "1.5",
2079
+ "borderWidth": "thin",
2080
+ "borderRadius": "full",
2081
+ "borderColor": "muted",
2082
+ "borderColor:1": "transparent",
2083
+ "color": "primary",
2084
+ "color:1": "tertiary",
2085
+ "color:2": "muted"
2121
2086
  },
2122
2087
  "cxLiterals": [
2123
- "flex",
2124
- "focus-visible:text-brand",
2125
- "focus-visible:bg-brand-secondary",
2126
- "focus-visible:z-10",
2127
2088
  "uds-ring",
2128
- "!-outline-offset-2",
2129
- "[&:not([aria-checked])]:cursor-default",
2130
- "opacity-25",
2131
2089
  "cursor-not-allowed",
2132
- "duration-20",
2133
- "transition-[font-variation-settings]",
2134
- "ease-in-out",
2135
- "z-0",
2136
- "uds-start-icon",
2137
- "uds-end-icon"
2090
+ "opacity-50",
2091
+ "pointer-events-none",
2092
+ "hover:bg-primary"
2138
2093
  ],
2139
2094
  "internalComponents": [
2140
- "Pressable",
2141
- "IconSlot",
2142
- "RootComponent",
2095
+ "TextVariant",
2096
+ "Radio",
2097
+ "Icon",
2098
+ "RadioProvider",
2143
2099
  "HStack",
2144
- "AnimatePresence"
2100
+ "RadioGroup",
2101
+ "Pressable",
2102
+ "Text"
2145
2103
  ],
2146
2104
  "internalComponentProps": {
2105
+ "Icon": {
2106
+ "size": ["sm"],
2107
+ "color": ["current"],
2108
+ "aria-hidden": ["true"]
2109
+ },
2147
2110
  "HStack": {
2148
- "alignItems": ["center"],
2149
- "width": ["full"]
2111
+ "spacing": ["1"],
2112
+ "gap": ["1"],
2113
+ "backgroundColor": ["secondary"],
2114
+ "borderRadius": ["full"],
2115
+ "display": ["inline-flex"]
2150
2116
  },
2151
- "AnimatePresence": { "mode": ["popLayout"] }
2117
+ "Text": { "color": ["current"] }
2152
2118
  },
2153
2119
  "propToVariantKeys": {
2154
- "startIcon": ["icon"],
2155
- "endIcon": ["icon"],
2156
- "columnGap": ["gap"]
2120
+ "value": ["key"],
2121
+ "label": ["aria-label"],
2122
+ "textVariant": ["variant"]
2157
2123
  },
2158
2124
  "runtimeConfigDefaultProps": {},
2159
2125
  "runtimeConfigGetStyles": {},
2160
2126
  "runtimeConfigInternalComponentProps": {},
2161
2127
  "motionVarPrefixes": []
2162
2128
  };
2163
- var Menu_Trigger = {
2164
- "name": "Menu.Trigger",
2165
- "defaultProps": {},
2166
- "getStylesLiterals": {},
2167
- "cxLiterals": ["uds-menu-trigger"],
2168
- "internalComponents": ["AriakitMenuTrigger", "Box"],
2169
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2170
- "propToVariantKeys": {},
2171
- "runtimeConfigDefaultProps": {},
2172
- "runtimeConfigGetStyles": {},
2173
- "runtimeConfigInternalComponentProps": {},
2174
- "motionVarPrefixes": []
2175
- };
2176
- var Menu_index = {
2177
- "name": "Menu.index",
2178
- "defaultProps": {},
2179
- "getStylesLiterals": {},
2180
- "cxLiterals": [],
2181
- "internalComponents": [],
2182
- "internalComponentProps": {},
2183
- "propToVariantKeys": {},
2184
- "runtimeConfigDefaultProps": {},
2185
- "runtimeConfigGetStyles": {},
2186
- "runtimeConfigInternalComponentProps": {},
2187
- "motionVarPrefixes": []
2188
- };
2189
- var Menu_Content = {
2190
- "name": "Menu.Content",
2129
+ var SwitchV2 = {
2130
+ "name": "SwitchV2",
2191
2131
  "defaultProps": {
2192
- "size": "default",
2193
- "variant": "default",
2194
- "gutter": "1"
2132
+ "labelPosition": "start",
2133
+ "size": "md"
2134
+ },
2135
+ "getStylesLiterals": {
2136
+ "switchVariantRoot": "default",
2137
+ "switchVariantActiveRoot": "on",
2138
+ "switchVariantActiveRoot:1": "off",
2139
+ "switchVariantSwitch": "default",
2140
+ "switchVariantActiveSwitch": "on",
2141
+ "switchVariantActiveSwitch:1": "off",
2142
+ "switchVariantActiveHandle": "on",
2143
+ "switchVariantActiveHandle:1": "off",
2144
+ "switchVariantHandle": "default",
2145
+ "switchVariantHandleIcon": "default",
2146
+ "switchVariantActiveHandleIcon": "on",
2147
+ "switchVariantActiveHandleIcon:1": "off"
2195
2148
  },
2196
- "getStylesLiterals": {},
2197
2149
  "cxLiterals": [
2198
- "uds-menu-content",
2199
- "transition-shadow",
2200
- "duration-200",
2201
- "ease-in-out",
2202
- "min-w-60",
2203
- "max-w-lg",
2204
- "max-h-96",
2205
- "overflow-auto",
2150
+ "group",
2151
+ "flex",
2152
+ "items-center",
2153
+ "flex-row",
2154
+ "flex-row-reverse",
2206
2155
  "uds-ring",
2207
- "z-10",
2208
- "group"
2209
- ],
2210
- "internalComponents": [
2211
- "AriakitMenu",
2212
- "AnimatePresence",
2213
- "MotionVStack"
2156
+ "uds-ring-within",
2157
+ "relative",
2158
+ "uds-border-radius-full",
2159
+ "transition-[background-color,box-shadow]",
2160
+ "pointer-events-none",
2161
+ "w-full",
2162
+ "h-full",
2163
+ "absolute",
2164
+ "top-0",
2165
+ "bottom-0",
2166
+ "right-0",
2167
+ "left-0",
2168
+ "overflow-hidden",
2169
+ "group-hover:scale-105",
2170
+ "opacity-95",
2171
+ "group-hover:opacity-100",
2172
+ "transition-[transform,opacity]",
2173
+ "opacity-0",
2174
+ "top-1/2",
2175
+ "left-1/2",
2176
+ "transform",
2177
+ "translate-x-[-50%]",
2178
+ "translate-y-[-50%]",
2179
+ "transition-opacity",
2180
+ "cursor-[inherit]",
2181
+ "w-[calc(100%+2px)]",
2182
+ "h-[calc(100%+2px)]",
2183
+ "text-start",
2184
+ "text-end",
2185
+ "opacity-100"
2214
2186
  ],
2215
- "internalComponentProps": {},
2216
- "propToVariantKeys": {
2217
- "size": ["menucontentSizeRoot"],
2218
- "variant": ["menucontentVariantRoot"]
2219
- },
2220
- "runtimeConfigDefaultProps": {},
2221
- "runtimeConfigGetStyles": {},
2222
- "runtimeConfigInternalComponentProps": {},
2223
- "motionVarPrefixes": []
2224
- };
2225
- var Menu_Divider = {
2226
- "name": "Menu.Divider",
2227
- "defaultProps": {
2228
- "role": "separator",
2229
- "contentPosition": "start",
2230
- "gap": "4"
2187
+ "internalComponents": [
2188
+ "IconSlot",
2189
+ "Box",
2190
+ "FormLabel",
2191
+ "SpringMotionConfig",
2192
+ "RootElement",
2193
+ "MotionBox"
2194
+ ],
2195
+ "internalComponentProps": {
2196
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2197
+ "FormLabel": {
2198
+ "as": ["div"],
2199
+ "variant": ["inherit"],
2200
+ "color": ["inherit"]
2201
+ },
2202
+ "SpringMotionConfig": {
2203
+ "layoutVariant": ["bouncy"],
2204
+ "layoutSpeed": ["4"]
2205
+ },
2206
+ "RootElement": { "data-testid": ["switch-root"] },
2207
+ "MotionBox": { "layout": ["position"] }
2231
2208
  },
2232
- "getStylesLiterals": {
2233
- "menuitemDividerVariantRoot": "default",
2234
- "menuitemDividerVariantText": "default",
2235
- "menuitemDividerVariantLine": "default"
2209
+ "propToVariantKeys": {
2210
+ "size": [
2211
+ "switchSizeRoot",
2212
+ "switchSizeSwitch",
2213
+ "switchSizeHandle",
2214
+ "switchSizeHandleIcon"
2215
+ ],
2216
+ "onIcon": ["icon"],
2217
+ "offIcon": ["icon"],
2218
+ "reduceMotion": ["reducedMotion"],
2219
+ "isOn": ["layoutDependency"]
2236
2220
  },
2237
- "cxLiterals": [],
2238
- "internalComponents": ["DividerInternal"],
2239
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
2240
- "propToVariantKeys": {},
2241
2221
  "runtimeConfigDefaultProps": {},
2242
2222
  "runtimeConfigGetStyles": {},
2243
2223
  "runtimeConfigInternalComponentProps": {},
2244
- "motionVarPrefixes": []
2224
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2245
2225
  };
2246
- var Menu = {
2247
- "name": "Menu",
2226
+ var Modal = {
2227
+ "name": "Modal",
2248
2228
  "defaultProps": {},
2249
2229
  "getStylesLiterals": {},
2250
- "cxLiterals": [],
2251
- "internalComponents": [],
2252
- "internalComponentProps": {},
2253
- "propToVariantKeys": {},
2254
- "runtimeConfigDefaultProps": {},
2255
- "runtimeConfigGetStyles": {},
2256
- "runtimeConfigInternalComponentProps": {},
2257
- "motionVarPrefixes": []
2258
- };
2259
- var Menu_ItemCheckbox = {
2260
- "name": "Menu.ItemCheckbox",
2261
- "defaultProps": {},
2262
- "getStylesLiterals": {
2263
- "menuitemItemCheckboxVariantRoot": "default",
2264
- "menuitemItemCheckboxVariantActiveRoot": "on",
2265
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2266
- "menuitemItemCheckboxVariantText": "default",
2267
- "menuitemItemCheckboxVariantActiveText": "on",
2268
- "menuitemItemCheckboxVariantActiveText:1": "off",
2269
- "menuitemItemCheckboxVariantStartIcon": "default",
2270
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2271
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2272
- "menuitemItemCheckboxVariantEndIcon": "default",
2273
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2274
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2230
+ "cxLiterals": [
2231
+ "inset-8",
2232
+ "top-[250px]",
2233
+ "z-50",
2234
+ "mx-auto",
2235
+ "h-fit",
2236
+ "w-[600px]",
2237
+ "origin-center",
2238
+ "scale-95",
2239
+ "opacity-0",
2240
+ "transition",
2241
+ "duration-150",
2242
+ "data-[enter]:scale-100",
2243
+ "data-[enter]:opacity-100",
2244
+ "data-[enter]:bg-primary",
2245
+ "backdrop-blur-0",
2246
+ "data-[enter]:opacity-60",
2247
+ "data-[enter]:backdrop-blur-sm"
2248
+ ],
2249
+ "internalComponents": [
2250
+ "IconButton",
2251
+ "Dialog",
2252
+ "HStack",
2253
+ "Text",
2254
+ "VStack"
2255
+ ],
2256
+ "internalComponentProps": {
2257
+ "IconButton": {
2258
+ "aria-label": ["Close"],
2259
+ "size": ["sm"],
2260
+ "variant": ["tertiary"]
2261
+ },
2262
+ "HStack": {
2263
+ "alignItems": ["center"],
2264
+ "justifyContent": ["space-between"]
2265
+ },
2266
+ "Text": {
2267
+ "variant": ["headline1"],
2268
+ "color": ["primary"]
2269
+ },
2270
+ "VStack": {
2271
+ "borderRadius": ["md"],
2272
+ "position": ["fixed"],
2273
+ "backgroundColor": ["primary"],
2274
+ "dropShadow": ["md"],
2275
+ "spacing": ["8"],
2276
+ "overflow": ["hidden"]
2277
+ }
2275
2278
  },
2276
- "cxLiterals": ["uds-menu-item-checkbox"],
2277
- "internalComponents": ["MenuItemBase"],
2278
- "internalComponentProps": {},
2279
- "propToVariantKeys": {},
2279
+ "propToVariantKeys": { "handleClose": ["onClick"] },
2280
2280
  "runtimeConfigDefaultProps": {},
2281
2281
  "runtimeConfigGetStyles": {},
2282
2282
  "runtimeConfigInternalComponentProps": {},
@@ -2285,84 +2285,84 @@ var Menu_ItemCheckbox = {
2285
2285
  var componentData_default = {
2286
2286
  Link,
2287
2287
  VStack,
2288
- Box,
2289
2288
  Scrim,
2290
- Icon,
2291
- SvgFloatingOverlay,
2289
+ IconSlot,
2290
+ Box,
2292
2291
  FormLabel,
2293
2292
  Text,
2294
- IconSlot,
2295
- HStack,
2296
2293
  Image,
2294
+ Icon,
2295
+ HStack,
2296
+ SvgFloatingOverlay,
2297
+ Badge,
2298
+ SpringMotionConfig,
2299
+ AnimateHeightChange,
2300
+ IconButton,
2301
+ Button,
2302
+ Pressable,
2303
+ Checkbox,
2304
+ Switch,
2297
2305
  "Table.mocks": Table_mocks,
2298
2306
  Table,
2299
2307
  Spinner,
2300
- DividerCore,
2301
- DividerInternal,
2302
2308
  Divider,
2303
- Button,
2304
- Checkbox,
2305
- SpringMotionConfig,
2306
- IconButton,
2307
- Switch,
2308
- Badge,
2309
- AnimateHeightChange,
2310
- Pressable,
2311
- AvoidMotionLibraryProvider,
2312
- SegmentedControl,
2313
- SwitchV2,
2314
- Tabs,
2315
- Modal,
2316
- Accordion,
2317
- AvatarImage,
2318
- AvatarText,
2319
- Avatar,
2320
- AvatarIcon,
2321
- UDSPopoverConfigProvider,
2322
- Popover,
2323
- PopoverContext,
2324
- PopoverTrigger,
2325
- PopoverContent,
2326
- BottomSheetContent,
2309
+ DividerInternal,
2310
+ DividerCore,
2311
+ InputHelpText,
2312
+ InputHelpTextInternal,
2313
+ Input,
2314
+ UDSTooltipConfigProvider,
2315
+ TooltipTrigger,
2316
+ Tooltip,
2317
+ TooltipContent,
2318
+ ChipBase,
2319
+ Chip,
2320
+ ChipLink,
2321
+ ChipDismissible,
2322
+ ChipButton,
2323
+ ChipToggle,
2324
+ UDSBottomSheetConfigProvider,
2327
2325
  BottomSheetDismiss,
2328
- BottomSheet,
2326
+ BottomSheetContent,
2327
+ BottomSheetHeader,
2329
2328
  BottomSheetHandle,
2330
2329
  BottomSheetInternalContext,
2331
- BottomSheetHeader,
2332
2330
  BottomSheetTrigger,
2333
2331
  BottomSheetProvider,
2334
- UDSBottomSheetConfigProvider,
2335
- RadioGroupStore,
2336
- RadioGroupProvider,
2337
- Radio,
2332
+ BottomSheet,
2333
+ "Menu.index": Menu_index,
2334
+ "Menu.Content": Menu_Content,
2335
+ Menu,
2336
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2337
+ "Menu.Provider": Menu_Provider,
2338
+ "Menu.ItemBase": Menu_ItemBase,
2339
+ "Menu.Item": Menu_Item,
2340
+ "Menu.Divider": Menu_Divider,
2341
+ "Menu.Trigger": Menu_Trigger,
2338
2342
  UDSToastConfigProvider,
2339
2343
  Toast,
2340
- ToastContainer,
2341
2344
  ToastPortal,
2342
- UDSTooltipConfigProvider,
2343
- TooltipTrigger,
2344
- TooltipContent,
2345
- Tooltip,
2346
- Input,
2347
- InputHelpText,
2348
- InputHelpTextInternal,
2345
+ ToastContainer,
2346
+ AvatarIcon,
2347
+ AvatarImage,
2348
+ Avatar,
2349
+ AvatarText,
2350
+ PopoverContent,
2351
+ PopoverContext,
2352
+ UDSPopoverConfigProvider,
2353
+ PopoverTrigger,
2354
+ Popover,
2355
+ Radio,
2356
+ RadioGroupStore,
2357
+ RadioGroupProvider,
2349
2358
  UDSConfigProvider,
2350
2359
  UDSBreakpointsConfigProvider,
2351
- ChipLink,
2352
- ChipDismissible,
2353
- ChipToggle,
2354
- Chip,
2355
- ChipBase,
2356
- ChipButton,
2357
- "Menu.Item": Menu_Item,
2358
- "Menu.Provider": Menu_Provider,
2359
- "Menu.ItemBase": Menu_ItemBase,
2360
- "Menu.Trigger": Menu_Trigger,
2361
- "Menu.index": Menu_index,
2362
- "Menu.Content": Menu_Content,
2363
- "Menu.Divider": Menu_Divider,
2364
- Menu,
2365
- "Menu.ItemCheckbox": Menu_ItemCheckbox
2360
+ Tabs,
2361
+ AvoidMotionLibraryProvider,
2362
+ Accordion,
2363
+ SegmentedControl,
2364
+ SwitchV2,
2365
+ Modal
2366
2366
  };
2367
2367
 
2368
2368
  //#endregion