@yahoo/uds 3.133.0-beta.1 → 3.133.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/dist/components/{client/Avatar → Avatar}/Avatar.cjs +21 -6
  2. package/dist/components/{client/Avatar → Avatar}/Avatar.d.cts +3 -3
  3. package/dist/components/{client/Avatar → Avatar}/Avatar.d.ts +3 -4
  4. package/dist/components/{client/Avatar → Avatar}/Avatar.js +20 -5
  5. package/dist/components/{client/Avatar → Avatar}/AvatarIcon.cjs +11 -12
  6. package/dist/components/{client/Avatar → Avatar}/AvatarIcon.d.cts +5 -4
  7. package/dist/components/{client/Avatar → Avatar}/AvatarIcon.d.ts +5 -5
  8. package/dist/components/{client/Avatar → Avatar}/AvatarIcon.js +6 -7
  9. package/dist/components/Avatar/AvatarImage.types.cjs +1 -0
  10. package/dist/components/Avatar/AvatarImage.types.d.cts +19 -0
  11. package/dist/components/Avatar/AvatarImage.types.d.ts +19 -0
  12. package/dist/components/Avatar/AvatarImage.types.js +1 -0
  13. package/dist/components/Avatar/AvatarImageNoFallback.cjs +53 -0
  14. package/dist/components/Avatar/AvatarImageNoFallback.d.cts +18 -0
  15. package/dist/components/Avatar/AvatarImageNoFallback.d.ts +18 -0
  16. package/dist/components/Avatar/AvatarImageNoFallback.js +51 -0
  17. package/dist/components/{client/Avatar → Avatar}/AvatarText.cjs +11 -11
  18. package/dist/components/{client/Avatar → Avatar}/AvatarText.d.cts +5 -4
  19. package/dist/components/{client/Avatar → Avatar}/AvatarText.d.ts +5 -5
  20. package/dist/components/{client/Avatar → Avatar}/AvatarText.js +5 -5
  21. package/dist/components/Avatar/index.cjs +11 -0
  22. package/dist/components/Avatar/index.d.cts +6 -0
  23. package/dist/components/Avatar/index.d.ts +6 -0
  24. package/dist/components/Avatar/index.js +7 -0
  25. package/dist/components/{client/Avatar → Avatar}/utils.cjs +3 -4
  26. package/dist/components/{client/Avatar → Avatar}/utils.d.cts +4 -4
  27. package/dist/components/{client/Avatar → Avatar}/utils.d.ts +4 -5
  28. package/dist/components/{client/Avatar → Avatar}/utils.js +2 -3
  29. package/dist/components/Banner/Banner.cjs +2 -2
  30. package/dist/components/Banner/Banner.js +2 -2
  31. package/dist/components/Divider/DividerCore.cjs +1 -1
  32. package/dist/components/Divider/DividerCore.d.cts +1 -1
  33. package/dist/components/Divider/DividerCore.d.ts +1 -1
  34. package/dist/components/Divider/DividerCore.js +1 -1
  35. package/dist/components/client/Avatar/AvatarImage.cjs +37 -58
  36. package/dist/components/client/Avatar/AvatarImage.d.cts +2 -16
  37. package/dist/components/client/Avatar/AvatarImage.d.ts +2 -16
  38. package/dist/components/client/Avatar/AvatarImage.js +36 -57
  39. package/dist/components/client/Avatar/index.cjs +1 -7
  40. package/dist/components/client/Avatar/index.d.cts +3 -5
  41. package/dist/components/client/Avatar/index.d.ts +3 -5
  42. package/dist/components/client/Avatar/index.js +1 -4
  43. package/dist/components/client/BottomSheet/BottomSheetHeader.cjs +1 -1
  44. package/dist/components/client/BottomSheet/BottomSheetHeader.js +1 -1
  45. package/dist/components/client/Button.cjs +1 -1
  46. package/dist/components/client/Button.js +1 -1
  47. package/dist/components/client/Checkbox.cjs +2 -2
  48. package/dist/components/client/Checkbox.js +2 -2
  49. package/dist/components/client/Chip/ChipDismissible.cjs +2 -2
  50. package/dist/components/client/Chip/ChipDismissible.js +2 -2
  51. package/dist/components/client/IconButton.cjs +1 -1
  52. package/dist/components/client/IconButton.js +1 -1
  53. package/dist/components/client/Input/Input.cjs +1 -1
  54. package/dist/components/client/Input/Input.js +1 -1
  55. package/dist/components/client/Menu/Menu.ItemBase.cjs +1 -1
  56. package/dist/components/client/Menu/Menu.ItemBase.js +1 -1
  57. package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +1 -1
  58. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  59. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  60. package/dist/components/client/Menu/Menu.ItemCheckbox.js +1 -1
  61. package/dist/components/client/Popover/PopoverContent.cjs +3 -3
  62. package/dist/components/client/Popover/PopoverContent.js +3 -3
  63. package/dist/components/client/Switch.cjs +1 -1
  64. package/dist/components/client/Switch.js +1 -1
  65. package/dist/components/client/Toast/Toast.cjs +1 -1
  66. package/dist/components/client/Toast/Toast.js +1 -1
  67. package/dist/components/client/Tooltip/TooltipContent.cjs +1 -1
  68. package/dist/components/client/Tooltip/TooltipContent.js +1 -1
  69. package/dist/components/client/index.cjs +1 -7
  70. package/dist/components/client/index.d.cts +3 -5
  71. package/dist/components/client/index.d.ts +3 -5
  72. package/dist/components/client/index.js +2 -5
  73. package/dist/components/experimental/Table.cjs +1 -1
  74. package/dist/components/experimental/Table.d.cts +1 -1
  75. package/dist/components/experimental/Table.d.ts +1 -1
  76. package/dist/components/experimental/Table.js +1 -1
  77. package/dist/components/experimental/client/Accordion.cjs +1 -1
  78. package/dist/components/experimental/client/Accordion.js +1 -1
  79. package/dist/components/experimental/client/SegmentedControl.cjs +1 -1
  80. package/dist/components/experimental/client/SegmentedControl.js +1 -1
  81. package/dist/components/experimental/client/SwitchV2.cjs +1 -1
  82. package/dist/components/experimental/client/SwitchV2.js +1 -1
  83. package/dist/components/index.cjs +16 -13
  84. package/dist/components/index.d.cts +9 -6
  85. package/dist/components/index.d.ts +9 -6
  86. package/dist/components/index.js +10 -8
  87. package/dist/index.cjs +12 -10
  88. package/dist/index.d.cts +9 -7
  89. package/dist/index.d.ts +9 -7
  90. package/dist/index.js +9 -8
  91. package/dist/styles/styler.d.cts +43 -43
  92. package/dist/styles/styler.d.ts +43 -43
  93. package/dist/uds/generated/componentData.cjs +1440 -1420
  94. package/dist/uds/generated/componentData.js +1437 -1423
  95. package/dist/uds/generated/tailwindPurge.cjs +128 -104
  96. package/dist/uds/generated/tailwindPurge.js +128 -104
  97. package/generated/componentData.json +1870 -1860
  98. package/generated/tailwindPurge.ts +3 -3
  99. package/package.json +1 -1
package/dist/uds/generated/componentData.js CHANGED
@@ -1,5 +1,60 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
+ var Box = {
4
+ "name": "Box",
5
+ "defaultProps": {
6
+ "as": "div",
7
+ "display": "flex"
8
+ },
9
+ "getStylesLiterals": {},
10
+ "cxLiterals": [],
11
+ "internalComponents": ["Comp"],
12
+ "internalComponentProps": {},
13
+ "propToVariantKeys": { "elevationAlias": [
14
+ "backgroundColor",
15
+ "borderColor",
16
+ "borderWidth",
17
+ "dropShadow"
18
+ ] },
19
+ "runtimeConfigDefaultProps": {},
20
+ "runtimeConfigGetStyles": {},
21
+ "runtimeConfigInternalComponentProps": {},
22
+ "motionVarPrefixes": []
23
+ };
24
+ var FormLabel = {
25
+ "name": "FormLabel",
26
+ "defaultProps": {
27
+ "color": "muted",
28
+ "variant": "label3",
29
+ "as": "label"
30
+ },
31
+ "getStylesLiterals": {},
32
+ "cxLiterals": ["cursor-[inherit]"],
33
+ "internalComponents": ["Text"],
34
+ "internalComponentProps": { "Text": {
35
+ "as": ["sup"],
36
+ "variant": ["inherit"],
37
+ "spacingStart": ["0.5"]
38
+ } },
39
+ "propToVariantKeys": {},
40
+ "runtimeConfigDefaultProps": {},
41
+ "runtimeConfigGetStyles": {},
42
+ "runtimeConfigInternalComponentProps": {},
43
+ "motionVarPrefixes": []
44
+ };
45
+ var HStack = {
46
+ "name": "HStack",
47
+ "defaultProps": {},
48
+ "getStylesLiterals": {},
49
+ "cxLiterals": [],
50
+ "internalComponents": ["Box"],
51
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
52
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
53
+ "runtimeConfigDefaultProps": {},
54
+ "runtimeConfigGetStyles": {},
55
+ "runtimeConfigInternalComponentProps": {},
56
+ "motionVarPrefixes": []
57
+ };
3
58
  var Icon = {
4
59
  "name": "Icon",
5
60
  "defaultProps": {
@@ -17,24 +72,14 @@ var Icon = {
17
72
  "runtimeConfigInternalComponentProps": {},
18
73
  "motionVarPrefixes": []
19
74
  };
20
- var Text = {
21
- "name": "Text",
22
- "defaultProps": {
23
- "color": "primary",
24
- "variant": "body1"
25
- },
75
+ var IconSlot = {
76
+ "name": "IconSlot",
77
+ "defaultProps": {},
26
78
  "getStylesLiterals": {},
27
79
  "cxLiterals": [],
28
- "internalComponents": ["Comp"],
80
+ "internalComponents": ["Icon"],
29
81
  "internalComponentProps": {},
30
- "propToVariantKeys": { "variant": [
31
- "fontFamily",
32
- "fontSize",
33
- "fontWeight",
34
- "lineHeight",
35
- "textTransform",
36
- "letterSpacing"
37
- ] },
82
+ "propToVariantKeys": {},
38
83
  "runtimeConfigDefaultProps": {},
39
84
  "runtimeConfigGetStyles": {},
40
85
  "runtimeConfigInternalComponentProps": {},
@@ -53,6 +98,44 @@ var Image = {
53
98
  "runtimeConfigInternalComponentProps": {},
54
99
  "motionVarPrefixes": []
55
100
  };
101
+ var Link = {
102
+ "name": "Link",
103
+ "defaultProps": { "variant": "primary" },
104
+ "getStylesLiterals": {
105
+ "display": "inline-flex",
106
+ "alignItems": "center"
107
+ },
108
+ "cxLiterals": [
109
+ "uds-ring",
110
+ "underline",
111
+ "w-[0.7em]",
112
+ "h-[0.7em]"
113
+ ],
114
+ "internalComponents": ["IconSlot"],
115
+ "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
116
+ "propToVariantKeys": {
117
+ "textVariant": [
118
+ "linkTextStyleRoot",
119
+ "fontSize",
120
+ "fontFamily",
121
+ "fontWeight",
122
+ "lineHeight",
123
+ "textTransform",
124
+ "linkTextStyleIcon"
125
+ ],
126
+ "variant": [
127
+ "linkVariantRoot",
128
+ "linkVariantIconStart",
129
+ "linkVariantIconEnd"
130
+ ],
131
+ "startIcon": ["icon"],
132
+ "endIcon": ["icon"]
133
+ },
134
+ "runtimeConfigDefaultProps": {},
135
+ "runtimeConfigGetStyles": {},
136
+ "runtimeConfigInternalComponentProps": {},
137
+ "motionVarPrefixes": []
138
+ };
56
139
  var Scrim = {
57
140
  "name": "Scrim",
58
141
  "defaultProps": {
@@ -80,22 +163,58 @@ var Scrim = {
80
163
  "runtimeConfigInternalComponentProps": {},
81
164
  "motionVarPrefixes": []
82
165
  };
83
- var FormLabel = {
84
- "name": "FormLabel",
166
+ var SvgFloatingOverlay = {
167
+ "name": "SvgFloatingOverlay",
168
+ "defaultProps": { "contentOverflow": "auto" },
169
+ "getStylesLiterals": {},
170
+ "cxLiterals": [
171
+ "absolute",
172
+ "top-0",
173
+ "left-0",
174
+ "w-full",
175
+ "h-full",
176
+ "overflow-visible",
177
+ "pointer-events-none",
178
+ "z-[2]",
179
+ "z-[3]",
180
+ "max-h-full",
181
+ "gap-[inherit]"
182
+ ],
183
+ "internalComponents": ["Box", "Fragment"],
184
+ "internalComponentProps": { "Box": {
185
+ "position": ["relative"],
186
+ "flexGrow": ["1"],
187
+ "overflow": ["hidden"],
188
+ "display": ["block"],
189
+ "className": ["max-h-full gap-[inherit]"]
190
+ } },
191
+ "propToVariantKeys": {
192
+ "blurClassName": ["className"],
193
+ "contentOverflow": ["overflow"]
194
+ },
195
+ "runtimeConfigDefaultProps": {},
196
+ "runtimeConfigGetStyles": {},
197
+ "runtimeConfigInternalComponentProps": {},
198
+ "motionVarPrefixes": []
199
+ };
200
+ var Text = {
201
+ "name": "Text",
85
202
  "defaultProps": {
86
- "color": "muted",
87
- "variant": "label3",
88
- "as": "label"
203
+ "color": "primary",
204
+ "variant": "body1"
89
205
  },
90
206
  "getStylesLiterals": {},
91
- "cxLiterals": ["cursor-[inherit]"],
92
- "internalComponents": ["Text"],
93
- "internalComponentProps": { "Text": {
94
- "as": ["sup"],
95
- "variant": ["inherit"],
96
- "spacingStart": ["0.5"]
97
- } },
98
- "propToVariantKeys": {},
207
+ "cxLiterals": [],
208
+ "internalComponents": ["Comp"],
209
+ "internalComponentProps": {},
210
+ "propToVariantKeys": { "variant": [
211
+ "fontFamily",
212
+ "fontSize",
213
+ "fontWeight",
214
+ "lineHeight",
215
+ "textTransform",
216
+ "letterSpacing"
217
+ ] },
99
218
  "runtimeConfigDefaultProps": {},
100
219
  "runtimeConfigGetStyles": {},
101
220
  "runtimeConfigInternalComponentProps": {},
@@ -114,12 +233,16 @@ var VStack = {
114
233
  "runtimeConfigInternalComponentProps": {},
115
234
  "motionVarPrefixes": []
116
235
  };
117
- var IconSlot = {
118
- "name": "IconSlot",
236
+ var Avatar = {
237
+ "name": "Avatar",
119
238
  "defaultProps": {},
120
239
  "getStylesLiterals": {},
121
240
  "cxLiterals": [],
122
- "internalComponents": ["Icon"],
241
+ "internalComponents": [
242
+ "AvatarImage",
243
+ "AvatarText",
244
+ "AvatarIcon"
245
+ ],
123
246
  "internalComponentProps": {},
124
247
  "propToVariantKeys": {},
125
248
  "runtimeConfigDefaultProps": {},
@@ -127,122 +250,80 @@ var IconSlot = {
127
250
  "runtimeConfigInternalComponentProps": {},
128
251
  "motionVarPrefixes": []
129
252
  };
130
- var Box = {
131
- "name": "Box",
253
+ var AvatarIcon = {
254
+ "name": "AvatarIcon",
132
255
  "defaultProps": {
133
- "as": "div",
134
- "display": "flex"
256
+ "size": "md",
257
+ "variant": "primary"
135
258
  },
136
259
  "getStylesLiterals": {},
137
- "cxLiterals": [],
138
- "internalComponents": ["Comp"],
260
+ "cxLiterals": [
261
+ "overflow-hidden",
262
+ "w-full",
263
+ "h-full",
264
+ "shrink-0",
265
+ "text-center",
266
+ "inline-flex",
267
+ "justify-center",
268
+ "items-center"
269
+ ],
270
+ "internalComponents": ["IconSlot", "Box"],
139
271
  "internalComponentProps": {},
140
- "propToVariantKeys": { "elevationAlias": [
141
- "backgroundColor",
142
- "borderColor",
143
- "borderWidth",
144
- "dropShadow"
145
- ] },
272
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
146
273
  "runtimeConfigDefaultProps": {},
147
274
  "runtimeConfigGetStyles": {},
148
275
  "runtimeConfigInternalComponentProps": {},
149
276
  "motionVarPrefixes": []
150
277
  };
151
- var SvgFloatingOverlay = {
152
- "name": "SvgFloatingOverlay",
153
- "defaultProps": { "contentOverflow": "auto" },
278
+ var AvatarImageNoFallback = {
279
+ "name": "AvatarImageNoFallback",
280
+ "defaultProps": {
281
+ "size": "md",
282
+ "variant": "primary"
283
+ },
154
284
  "getStylesLiterals": {},
155
285
  "cxLiterals": [
156
- "absolute",
157
- "top-0",
158
- "left-0",
286
+ "overflow-hidden",
159
287
  "w-full",
160
288
  "h-full",
161
- "overflow-visible",
162
- "pointer-events-none",
163
- "z-[2]",
164
- "z-[3]",
165
- "max-h-full",
166
- "gap-[inherit]"
289
+ "shrink-0",
290
+ "text-center",
291
+ "inline-flex",
292
+ "justify-center",
293
+ "items-center",
294
+ "object-cover"
167
295
  ],
168
- "internalComponents": ["Box", "Fragment"],
169
- "internalComponentProps": { "Box": {
170
- "position": ["relative"],
171
- "flexGrow": ["1"],
172
- "overflow": ["hidden"],
173
- "display": ["block"],
174
- "className": ["max-h-full gap-[inherit]"]
175
- } },
176
- "propToVariantKeys": {
177
- "blurClassName": ["className"],
178
- "contentOverflow": ["overflow"]
179
- },
296
+ "internalComponents": ["UDSImage", "Box"],
297
+ "internalComponentProps": {},
298
+ "propToVariantKeys": {},
180
299
  "runtimeConfigDefaultProps": {},
181
300
  "runtimeConfigGetStyles": {},
182
301
  "runtimeConfigInternalComponentProps": {},
183
302
  "motionVarPrefixes": []
184
303
  };
185
- var HStack = {
186
- "name": "HStack",
187
- "defaultProps": {},
188
- "getStylesLiterals": {},
189
- "cxLiterals": [],
190
- "internalComponents": ["Box"],
191
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
192
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
193
- "runtimeConfigDefaultProps": {},
194
- "runtimeConfigGetStyles": {},
195
- "runtimeConfigInternalComponentProps": {},
196
- "motionVarPrefixes": []
197
- };
198
- var Link = {
199
- "name": "Link",
200
- "defaultProps": { "variant": "primary" },
201
- "getStylesLiterals": {
202
- "display": "inline-flex",
203
- "alignItems": "center"
304
+ var AvatarText = {
305
+ "name": "AvatarText",
306
+ "defaultProps": {
307
+ "size": "md",
308
+ "variant": "primary"
204
309
  },
310
+ "getStylesLiterals": {},
205
311
  "cxLiterals": [
206
- "uds-ring",
207
- "underline",
208
- "w-[0.7em]",
209
- "h-[0.7em]"
312
+ "overflow-hidden",
313
+ "truncate",
314
+ "w-full",
315
+ "h-full",
316
+ "shrink-0",
317
+ "text-center",
318
+ "inline-flex",
319
+ "justify-center",
320
+ "items-center"
210
321
  ],
211
- "internalComponents": ["IconSlot"],
212
- "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
213
- "propToVariantKeys": {
214
- "textVariant": [
215
- "linkTextStyleRoot",
216
- "fontSize",
217
- "fontFamily",
218
- "fontWeight",
219
- "lineHeight",
220
- "textTransform",
221
- "linkTextStyleIcon"
222
- ],
223
- "variant": [
224
- "linkVariantRoot",
225
- "linkVariantIconStart",
226
- "linkVariantIconEnd"
227
- ],
228
- "startIcon": ["icon"],
229
- "endIcon": ["icon"]
230
- },
231
- "runtimeConfigDefaultProps": {},
232
- "runtimeConfigGetStyles": {},
233
- "runtimeConfigInternalComponentProps": {},
234
- "motionVarPrefixes": []
235
- };
236
- var BannerDescription = {
237
- "name": "BannerDescription",
238
- "defaultProps": {},
239
- "getStylesLiterals": {
240
- "bannerSizeDescription": "default",
241
- "className": "w-full line-clamp-3"
242
- },
243
- "cxLiterals": [],
244
- "internalComponents": ["Text"],
245
- "internalComponentProps": {},
322
+ "internalComponents": ["Box", "Text"],
323
+ "internalComponentProps": { "Text": {
324
+ "color": ["inherit"],
325
+ "variant": ["inherit"]
326
+ } },
246
327
  "propToVariantKeys": {},
247
328
  "runtimeConfigDefaultProps": {},
248
329
  "runtimeConfigGetStyles": {},
@@ -346,6 +427,22 @@ var BannerContent = {
346
427
  "runtimeConfigInternalComponentProps": {},
347
428
  "motionVarPrefixes": []
348
429
  };
430
+ var BannerDescription = {
431
+ "name": "BannerDescription",
432
+ "defaultProps": {},
433
+ "getStylesLiterals": {
434
+ "bannerSizeDescription": "default",
435
+ "className": "w-full line-clamp-3"
436
+ },
437
+ "cxLiterals": [],
438
+ "internalComponents": ["Text"],
439
+ "internalComponentProps": {},
440
+ "propToVariantKeys": {},
441
+ "runtimeConfigDefaultProps": {},
442
+ "runtimeConfigGetStyles": {},
443
+ "runtimeConfigInternalComponentProps": {},
444
+ "motionVarPrefixes": []
445
+ };
349
446
  var BannerTitle = {
350
447
  "name": "BannerTitle",
351
448
  "defaultProps": {},
@@ -421,205 +518,181 @@ var DividerInternal = {
421
518
  "runtimeConfigInternalComponentProps": {},
422
519
  "motionVarPrefixes": []
423
520
  };
424
- var Table_mocks = {
425
- "name": "Table.mocks",
521
+ var AnimateHeightChange = {
522
+ "name": "AnimateHeightChange",
426
523
  "defaultProps": {},
427
524
  "getStylesLiterals": {},
428
- "cxLiterals": [],
429
- "internalComponents": [],
430
- "internalComponentProps": {},
431
- "propToVariantKeys": {},
525
+ "cxLiterals": ["overflow-hidden"],
526
+ "internalComponents": ["SpringMotionConfig"],
527
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
528
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
432
529
  "runtimeConfigDefaultProps": {},
433
530
  "runtimeConfigGetStyles": {},
434
531
  "runtimeConfigInternalComponentProps": {},
435
- "motionVarPrefixes": []
532
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
436
533
  };
437
- var Spinner = {
438
- "name": "Spinner",
534
+ var Badge = {
535
+ "name": "Badge",
439
536
  "defaultProps": {
440
- "color": "primary",
441
- "size": "lg"
537
+ "variant": "primary",
538
+ "size": "md"
442
539
  },
443
540
  "getStylesLiterals": {},
444
541
  "cxLiterals": [
445
- "self-center",
446
- "relative",
447
- "sr-only"
542
+ "flex-1",
543
+ "truncate",
544
+ "whitespace-nowrap",
545
+ "text-center"
448
546
  ],
449
- "internalComponents": ["Icon"],
450
- "internalComponentProps": { "Icon": {
451
- "role": ["img"],
452
- "className": ["animate-spin"],
453
- "aria-hidden": ["true"]
454
- } },
455
- "propToVariantKeys": {},
456
- "runtimeConfigDefaultProps": {},
457
- "runtimeConfigGetStyles": {},
458
- "runtimeConfigInternalComponentProps": {},
459
- "motionVarPrefixes": []
460
- };
461
- var Table = {
462
- "name": "Table",
463
- "defaultProps": {
464
- "display": "table-cell",
465
- "overflow": "hidden",
466
- "borderColor": "muted",
467
- "borderRadius": "md",
468
- "spacing": "3",
469
- "borderBottomColor": "muted",
470
- "borderBottomWidth": "thin",
471
- "color": "primary"
547
+ "internalComponents": ["IconSlot", "HStack"],
548
+ "internalComponentProps": {
549
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
550
+ "HStack": {
551
+ "gap": ["2"],
552
+ "display": ["inline-flex"],
553
+ "alignItems": ["center"]
554
+ }
555
+ },
556
+ "propToVariantKeys": {
557
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
558
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
559
+ "startIcon": ["icon"],
560
+ "endIcon": ["icon"]
472
561
  },
473
- "getStylesLiterals": { "textAlign": "start" },
474
- "cxLiterals": [],
475
- "internalComponents": [
476
- "CellComponent",
477
- "Box",
478
- "Text",
479
- "Table.Root",
480
- "Table.Header",
481
- "Table.Row",
482
- "Table.Cell",
483
- "Table.Body"
484
- ],
485
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
486
- "propToVariantKeys": {},
487
- "runtimeConfigDefaultProps": {},
488
- "runtimeConfigGetStyles": {},
489
- "runtimeConfigInternalComponentProps": {},
490
- "motionVarPrefixes": []
491
- };
492
- var Pressable = {
493
- "name": "Pressable",
494
- "defaultProps": {},
495
- "getStylesLiterals": {},
496
- "cxLiterals": [],
497
- "internalComponents": ["Comp"],
498
- "internalComponentProps": {},
499
- "propToVariantKeys": {},
500
- "runtimeConfigDefaultProps": {},
501
- "runtimeConfigGetStyles": {},
502
- "runtimeConfigInternalComponentProps": {},
503
- "motionVarPrefixes": []
504
- };
505
- var SpringMotionConfig = {
506
- "name": "SpringMotionConfig",
507
- "defaultProps": { "reducedMotion": "user" },
508
- "getStylesLiterals": {},
509
- "cxLiterals": [],
510
- "internalComponents": ["LazyMotion", "MotionConfig"],
511
- "internalComponentProps": {},
512
- "propToVariantKeys": { "loadFeatures": ["features"] },
513
562
  "runtimeConfigDefaultProps": {},
514
563
  "runtimeConfigGetStyles": {},
515
564
  "runtimeConfigInternalComponentProps": {},
516
565
  "motionVarPrefixes": []
517
566
  };
518
- var AnimateHeightChange = {
519
- "name": "AnimateHeightChange",
520
- "defaultProps": {},
567
+ var Button = {
568
+ "name": "Button",
569
+ "defaultProps": { "type": "button" },
521
570
  "getStylesLiterals": {},
522
- "cxLiterals": ["overflow-hidden"],
523
- "internalComponents": ["SpringMotionConfig"],
524
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
525
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
571
+ "cxLiterals": [
572
+ "uds-ring",
573
+ "uds-hit-target",
574
+ "inline-flex",
575
+ "overflow-hidden",
576
+ "justify-center",
577
+ "items-center",
578
+ "whitespace-nowrap",
579
+ "select-none",
580
+ "[transform-origin:center]",
581
+ "[backface-visibility:hidden]",
582
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
583
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
584
+ "[transition-duration:220ms]",
585
+ "cursor-not-allowed",
586
+ "uds-button-loading",
587
+ "uds-button-without-effects",
588
+ "withIcon",
589
+ "uds-button-with-gap",
590
+ "animate-spin",
591
+ "truncate"
592
+ ],
593
+ "internalComponents": [
594
+ "Icon",
595
+ "IconSlot",
596
+ "AnimatePresence",
597
+ "SpringMotionConfig",
598
+ "MotionSlot"
599
+ ],
600
+ "internalComponentProps": {
601
+ "Icon": { "color": ["current"] },
602
+ "AnimatePresence": { "mode": ["popLayout"] },
603
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
604
+ "MotionSlot": {
605
+ "whileHover": ["hover"],
606
+ "whileTap": ["pressed"]
607
+ }
608
+ },
609
+ "propToVariantKeys": {
610
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
611
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
612
+ "iconVariant": ["variant"],
613
+ "startIcon": ["icon"],
614
+ "endIcon": ["icon"]
615
+ },
526
616
  "runtimeConfigDefaultProps": {},
527
617
  "runtimeConfigGetStyles": {},
528
618
  "runtimeConfigInternalComponentProps": {},
529
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
619
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
530
620
  };
531
- var Switch = {
532
- "name": "Switch",
621
+ var Checkbox = {
622
+ "name": "Checkbox",
533
623
  "defaultProps": {
534
624
  "labelPosition": "start",
625
+ "variant": "primary",
535
626
  "size": "md"
536
627
  },
537
628
  "getStylesLiterals": {
538
- "switchVariantRoot": "default",
539
- "switchVariantActiveRoot": "on",
540
- "switchVariantActiveRoot:1": "off",
541
629
  "display": "flex",
542
630
  "flexDirection": "row",
543
631
  "flexDirection:1": "row-reverse",
544
- "alignItems": "center",
545
- "switchVariantSwitch": "default",
546
- "switchVariantActiveSwitch": "on",
547
- "switchVariantActiveSwitch:1": "off",
548
- "borderRadius": "full",
549
- "position": "relative",
550
- "switchVariantActiveHandle": "on",
551
- "switchVariantActiveHandle:1": "off",
552
- "switchVariantHandle": "default",
553
- "switchVariantHandleIcon": "default",
554
- "switchVariantActiveHandleIcon": "on",
555
- "switchVariantActiveHandleIcon:1": "off"
632
+ "alignItems": "center"
556
633
  },
557
634
  "cxLiterals": [
558
- "group",
559
635
  "cursor-pointer",
560
636
  "cursor-default",
561
637
  "opacity-50",
562
638
  "uds-ring",
563
639
  "uds-ring-within",
564
- "transition-[background-color,box-shadow]",
565
- "relative",
640
+ "transition-[background-color,border-color,box-shadow]",
566
641
  "pointer-events-none",
567
- "uds-border-radius-full",
568
- "overflow-hidden",
642
+ "transition-opacity",
643
+ "cursor-[inherit]",
569
644
  "absolute",
570
- "top-0",
571
- "left-0",
572
- "right-0",
573
- "bottom-0",
574
- "opacity-95",
575
- "group-hover:opacity-100",
576
- "transition-[background-color,box-shadow,opacity]",
577
645
  "opacity-0",
578
646
  "top-1/2",
579
647
  "left-1/2",
648
+ "w-[calc(100%+2px)]",
649
+ "h-[calc(100%+2px)]",
580
650
  "transform",
581
651
  "translate-x-[-50%]",
582
652
  "translate-y-[-50%]",
583
- "transition-opacity",
584
- "cursor-[inherit]",
585
- "w-[calc(100%+2px)]",
586
- "h-[calc(100%+2px)]",
587
653
  "text-start",
588
- "text-end",
589
- "opacity-100"
654
+ "text-end"
590
655
  ],
591
656
  "internalComponents": [
592
- "IconSlot",
593
- "Box",
657
+ "Icon",
594
658
  "FormLabel",
595
659
  "SpringMotionConfig",
596
660
  "RootElement",
597
661
  "MotionBox"
598
662
  ],
599
663
  "internalComponentProps": {
600
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
664
+ "Icon": { "size": ["sm"] },
601
665
  "FormLabel": {
602
666
  "as": ["div"],
603
667
  "variant": ["inherit"],
604
668
  "color": ["inherit"]
605
669
  },
606
- "RootElement": { "data-testid": ["container"] }
670
+ "RootElement": { "data-testid": ["container"] },
671
+ "MotionBox": {
672
+ "position": ["relative"],
673
+ "alignItems": ["center"],
674
+ "justifyContent": ["center"],
675
+ "flex": ["none"]
676
+ }
607
677
  },
608
678
  "propToVariantKeys": {
609
- "size": [
610
- "switchSizeRoot",
611
- "switchSizeSwitch",
612
- "switchSizeHandle",
613
- "switchSizeHandleIcon"
679
+ "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
680
+ "variant": [
681
+ "checkboxVariantRoot",
682
+ "checkboxVariantCheckbox",
683
+ "checkboxVariantCheckboxIcon"
684
+ ],
685
+ "valueState": [
686
+ "checkboxVariantValueRoot",
687
+ "checkboxVariantValueCheckbox",
688
+ "checkboxVariantValueCheckboxIcon"
614
689
  ],
615
- "onIcon": ["icon"],
616
- "offIcon": ["icon"],
617
690
  "reduceMotion": ["reducedMotion"]
618
691
  },
619
692
  "runtimeConfigDefaultProps": {},
620
693
  "runtimeConfigGetStyles": {},
621
694
  "runtimeConfigInternalComponentProps": {},
622
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
695
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
623
696
  };
624
697
  var IconButton = {
625
698
  "name": "IconButton",
@@ -663,281 +736,151 @@ var IconButton = {
663
736
  "runtimeConfigInternalComponentProps": {},
664
737
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
665
738
  };
666
- var Badge = {
667
- "name": "Badge",
668
- "defaultProps": {
669
- "variant": "primary",
670
- "size": "md"
671
- },
739
+ var Pressable = {
740
+ "name": "Pressable",
741
+ "defaultProps": {},
672
742
  "getStylesLiterals": {},
673
- "cxLiterals": [
674
- "flex-1",
675
- "truncate",
676
- "whitespace-nowrap",
677
- "text-center"
678
- ],
679
- "internalComponents": ["IconSlot", "HStack"],
680
- "internalComponentProps": {
681
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
682
- "HStack": {
683
- "gap": ["2"],
684
- "display": ["inline-flex"],
685
- "alignItems": ["center"]
686
- }
687
- },
688
- "propToVariantKeys": {
689
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
690
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
691
- "startIcon": ["icon"],
692
- "endIcon": ["icon"]
693
- },
743
+ "cxLiterals": [],
744
+ "internalComponents": ["Comp"],
745
+ "internalComponentProps": {},
746
+ "propToVariantKeys": {},
694
747
  "runtimeConfigDefaultProps": {},
695
748
  "runtimeConfigGetStyles": {},
696
749
  "runtimeConfigInternalComponentProps": {},
697
750
  "motionVarPrefixes": []
698
751
  };
699
- var Checkbox = {
700
- "name": "Checkbox",
752
+ var SpringMotionConfig = {
753
+ "name": "SpringMotionConfig",
754
+ "defaultProps": { "reducedMotion": "user" },
755
+ "getStylesLiterals": {},
756
+ "cxLiterals": [],
757
+ "internalComponents": ["LazyMotion", "MotionConfig"],
758
+ "internalComponentProps": {},
759
+ "propToVariantKeys": { "loadFeatures": ["features"] },
760
+ "runtimeConfigDefaultProps": {},
761
+ "runtimeConfigGetStyles": {},
762
+ "runtimeConfigInternalComponentProps": {},
763
+ "motionVarPrefixes": []
764
+ };
765
+ var Switch = {
766
+ "name": "Switch",
701
767
  "defaultProps": {
702
768
  "labelPosition": "start",
703
- "variant": "primary",
704
769
  "size": "md"
705
770
  },
706
771
  "getStylesLiterals": {
772
+ "switchVariantRoot": "default",
773
+ "switchVariantActiveRoot": "on",
774
+ "switchVariantActiveRoot:1": "off",
707
775
  "display": "flex",
708
776
  "flexDirection": "row",
709
777
  "flexDirection:1": "row-reverse",
710
- "alignItems": "center"
778
+ "alignItems": "center",
779
+ "switchVariantSwitch": "default",
780
+ "switchVariantActiveSwitch": "on",
781
+ "switchVariantActiveSwitch:1": "off",
782
+ "borderRadius": "full",
783
+ "position": "relative",
784
+ "switchVariantActiveHandle": "on",
785
+ "switchVariantActiveHandle:1": "off",
786
+ "switchVariantHandle": "default",
787
+ "switchVariantHandleIcon": "default",
788
+ "switchVariantActiveHandleIcon": "on",
789
+ "switchVariantActiveHandleIcon:1": "off"
711
790
  },
712
791
  "cxLiterals": [
792
+ "group",
713
793
  "cursor-pointer",
714
794
  "cursor-default",
715
795
  "opacity-50",
716
796
  "uds-ring",
717
797
  "uds-ring-within",
718
- "transition-[background-color,border-color,box-shadow]",
798
+ "transition-[background-color,box-shadow]",
799
+ "relative",
719
800
  "pointer-events-none",
720
- "transition-opacity",
721
- "cursor-[inherit]",
801
+ "uds-border-radius-full",
802
+ "overflow-hidden",
722
803
  "absolute",
804
+ "top-0",
805
+ "left-0",
806
+ "right-0",
807
+ "bottom-0",
808
+ "opacity-95",
809
+ "group-hover:opacity-100",
810
+ "transition-[background-color,box-shadow,opacity]",
723
811
  "opacity-0",
724
812
  "top-1/2",
725
813
  "left-1/2",
726
- "w-[calc(100%+2px)]",
727
- "h-[calc(100%+2px)]",
728
814
  "transform",
729
815
  "translate-x-[-50%]",
730
816
  "translate-y-[-50%]",
817
+ "transition-opacity",
818
+ "cursor-[inherit]",
819
+ "w-[calc(100%+2px)]",
820
+ "h-[calc(100%+2px)]",
731
821
  "text-start",
732
- "text-end"
822
+ "text-end",
823
+ "opacity-100"
733
824
  ],
734
825
  "internalComponents": [
735
- "Icon",
826
+ "IconSlot",
827
+ "Box",
736
828
  "FormLabel",
737
829
  "SpringMotionConfig",
738
830
  "RootElement",
739
831
  "MotionBox"
740
832
  ],
741
833
  "internalComponentProps": {
742
- "Icon": { "size": ["sm"] },
834
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
743
835
  "FormLabel": {
744
836
  "as": ["div"],
745
837
  "variant": ["inherit"],
746
838
  "color": ["inherit"]
747
839
  },
748
- "RootElement": { "data-testid": ["container"] },
749
- "MotionBox": {
750
- "position": ["relative"],
751
- "alignItems": ["center"],
752
- "justifyContent": ["center"],
753
- "flex": ["none"]
754
- }
840
+ "RootElement": { "data-testid": ["container"] }
755
841
  },
756
842
  "propToVariantKeys": {
757
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
758
- "variant": [
759
- "checkboxVariantRoot",
760
- "checkboxVariantCheckbox",
761
- "checkboxVariantCheckboxIcon"
762
- ],
763
- "valueState": [
764
- "checkboxVariantValueRoot",
765
- "checkboxVariantValueCheckbox",
766
- "checkboxVariantValueCheckboxIcon"
843
+ "size": [
844
+ "switchSizeRoot",
845
+ "switchSizeSwitch",
846
+ "switchSizeHandle",
847
+ "switchSizeHandleIcon"
767
848
  ],
849
+ "onIcon": ["icon"],
850
+ "offIcon": ["icon"],
768
851
  "reduceMotion": ["reducedMotion"]
769
852
  },
770
853
  "runtimeConfigDefaultProps": {},
771
854
  "runtimeConfigGetStyles": {},
772
855
  "runtimeConfigInternalComponentProps": {},
773
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
856
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
774
857
  };
775
- var Button = {
776
- "name": "Button",
777
- "defaultProps": { "type": "button" },
858
+ var Spinner = {
859
+ "name": "Spinner",
860
+ "defaultProps": {
861
+ "color": "primary",
862
+ "size": "lg"
863
+ },
778
864
  "getStylesLiterals": {},
779
865
  "cxLiterals": [
780
- "uds-ring",
781
- "uds-hit-target",
782
- "inline-flex",
783
- "overflow-hidden",
784
- "justify-center",
785
- "items-center",
786
- "whitespace-nowrap",
787
- "select-none",
788
- "[transform-origin:center]",
789
- "[backface-visibility:hidden]",
790
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
791
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
792
- "[transition-duration:220ms]",
793
- "cursor-not-allowed",
794
- "uds-button-loading",
795
- "uds-button-without-effects",
796
- "withIcon",
797
- "uds-button-with-gap",
798
- "animate-spin",
799
- "truncate"
800
- ],
801
- "internalComponents": [
802
- "Icon",
803
- "IconSlot",
804
- "AnimatePresence",
805
- "SpringMotionConfig",
806
- "MotionSlot"
866
+ "self-center",
867
+ "relative",
868
+ "sr-only"
807
869
  ],
808
- "internalComponentProps": {
809
- "Icon": { "color": ["current"] },
810
- "AnimatePresence": { "mode": ["popLayout"] },
811
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
812
- "MotionSlot": {
813
- "whileHover": ["hover"],
814
- "whileTap": ["pressed"]
815
- }
816
- },
817
- "propToVariantKeys": {
818
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
819
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
820
- "iconVariant": ["variant"],
821
- "startIcon": ["icon"],
822
- "endIcon": ["icon"]
823
- },
824
- "runtimeConfigDefaultProps": {},
825
- "runtimeConfigGetStyles": {},
826
- "runtimeConfigInternalComponentProps": {},
827
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
828
- };
829
- var Accordion = {
830
- "name": "Accordion",
831
- "defaultProps": {
832
- "spacingHorizontal": "4",
833
- "spacingVertical": "4"
834
- },
835
- "getStylesLiterals": {},
836
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
837
- "internalComponents": [
838
- "Icon",
839
- "SpringMotionConfig",
840
- "Pressable",
841
- "Text",
842
- "HStack",
843
- "AnimatePresence",
844
- "VStack"
845
- ],
846
- "internalComponentProps": {
847
- "Icon": {
848
- "variant": ["fill"],
849
- "size": ["sm"],
850
- "color": ["primary"]
851
- },
852
- "SpringMotionConfig": {
853
- "layoutVariant": ["smooth"],
854
- "layoutSpeed": ["3"]
855
- },
856
- "Pressable": {
857
- "display": ["flex"],
858
- "flexDirection": ["row"],
859
- "alignItems": ["center"],
860
- "justifyContent": ["space-between"],
861
- "borderRadius": ["md"]
862
- },
863
- "Text": {
864
- "variant": ["title4"],
865
- "color": ["primary"]
866
- },
867
- "HStack": {
868
- "display": ["flex"],
869
- "alignItems": ["center"],
870
- "justifyContent": ["space-between"],
871
- "columnGap": ["2.5"]
872
- }
873
- },
874
- "propToVariantKeys": {},
875
- "runtimeConfigDefaultProps": {},
876
- "runtimeConfigGetStyles": {},
877
- "runtimeConfigInternalComponentProps": {},
878
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
879
- };
880
- var Modal = {
881
- "name": "Modal",
882
- "defaultProps": {},
883
- "getStylesLiterals": {},
884
- "cxLiterals": [
885
- "inset-8",
886
- "top-[250px]",
887
- "z-50",
888
- "mx-auto",
889
- "h-fit",
890
- "w-[600px]",
891
- "origin-center",
892
- "scale-95",
893
- "opacity-0",
894
- "transition",
895
- "duration-150",
896
- "data-[enter]:scale-100",
897
- "data-[enter]:opacity-100",
898
- "data-[enter]:bg-primary",
899
- "backdrop-blur-0",
900
- "data-[enter]:opacity-60",
901
- "data-[enter]:backdrop-blur-sm"
902
- ],
903
- "internalComponents": [
904
- "IconButton",
905
- "Dialog",
906
- "HStack",
907
- "Text",
908
- "VStack"
909
- ],
910
- "internalComponentProps": {
911
- "IconButton": {
912
- "aria-label": ["Close"],
913
- "size": ["sm"],
914
- "variant": ["tertiary"]
915
- },
916
- "HStack": {
917
- "alignItems": ["center"],
918
- "justifyContent": ["space-between"]
919
- },
920
- "Text": {
921
- "variant": ["headline1"],
922
- "color": ["primary"]
923
- },
924
- "VStack": {
925
- "borderRadius": ["md"],
926
- "position": ["fixed"],
927
- "backgroundColor": ["primary"],
928
- "dropShadow": ["md"],
929
- "spacing": ["8"],
930
- "overflow": ["hidden"]
931
- }
932
- },
933
- "propToVariantKeys": { "handleClose": ["onClick"] },
870
+ "internalComponents": ["Icon"],
871
+ "internalComponentProps": { "Icon": {
872
+ "role": ["img"],
873
+ "className": ["animate-spin"],
874
+ "aria-hidden": ["true"]
875
+ } },
876
+ "propToVariantKeys": {},
934
877
  "runtimeConfigDefaultProps": {},
935
878
  "runtimeConfigGetStyles": {},
936
879
  "runtimeConfigInternalComponentProps": {},
937
880
  "motionVarPrefixes": []
938
881
  };
939
- var AvoidMotionLibraryProvider = {
940
- "name": "AvoidMotionLibraryProvider",
882
+ var Table_mocks = {
883
+ "name": "Table.mocks",
941
884
  "defaultProps": {},
942
885
  "getStylesLiterals": {},
943
886
  "cxLiterals": [],
@@ -949,302 +892,94 @@ var AvoidMotionLibraryProvider = {
949
892
  "runtimeConfigInternalComponentProps": {},
950
893
  "motionVarPrefixes": []
951
894
  };
952
- var SegmentedControl = {
953
- "name": "SegmentedControl",
954
- "defaultProps": { "textVariant": "label2" },
955
- "getStylesLiterals": {
956
- "display": "flex",
957
- "alignItems": "center",
958
- "backgroundColor": "primary",
959
- "spacingVertical": "1",
960
- "spacingHorizontal": "3",
961
- "columnGap": "1.5",
962
- "borderWidth": "thin",
963
- "borderRadius": "full",
964
- "borderColor": "muted",
965
- "borderColor:1": "transparent",
966
- "color": "primary",
967
- "color:1": "tertiary",
968
- "color:2": "muted"
969
- },
970
- "cxLiterals": [
971
- "uds-ring",
972
- "cursor-not-allowed",
973
- "opacity-50",
974
- "pointer-events-none",
975
- "hover:bg-primary"
976
- ],
977
- "internalComponents": [
978
- "TextVariant",
979
- "Radio",
980
- "Icon",
981
- "RadioProvider",
982
- "HStack",
983
- "RadioGroup",
984
- "Pressable",
985
- "Text"
986
- ],
987
- "internalComponentProps": {
988
- "Icon": {
989
- "size": ["sm"],
990
- "color": ["current"],
991
- "aria-hidden": ["true"]
992
- },
993
- "HStack": {
994
- "spacing": ["1"],
995
- "gap": ["1"],
996
- "backgroundColor": ["secondary"],
997
- "borderRadius": ["full"],
998
- "display": ["inline-flex"]
999
- },
1000
- "Text": { "color": ["current"] }
1001
- },
1002
- "propToVariantKeys": {
1003
- "value": ["key"],
1004
- "label": ["aria-label"],
1005
- "textVariant": ["variant"]
1006
- },
1007
- "runtimeConfigDefaultProps": {},
1008
- "runtimeConfigGetStyles": {},
1009
- "runtimeConfigInternalComponentProps": {},
1010
- "motionVarPrefixes": []
1011
- };
1012
- var SwitchV2 = {
1013
- "name": "SwitchV2",
895
+ var Table = {
896
+ "name": "Table",
1014
897
  "defaultProps": {
1015
- "labelPosition": "start",
1016
- "size": "md"
1017
- },
1018
- "getStylesLiterals": {
1019
- "switchVariantRoot": "default",
1020
- "switchVariantActiveRoot": "on",
1021
- "switchVariantActiveRoot:1": "off",
1022
- "switchVariantSwitch": "default",
1023
- "switchVariantActiveSwitch": "on",
1024
- "switchVariantActiveSwitch:1": "off",
1025
- "switchVariantActiveHandle": "on",
1026
- "switchVariantActiveHandle:1": "off",
1027
- "switchVariantHandle": "default",
1028
- "switchVariantHandleIcon": "default",
1029
- "switchVariantActiveHandleIcon": "on",
1030
- "switchVariantActiveHandleIcon:1": "off"
1031
- },
1032
- "cxLiterals": [
1033
- "group",
1034
- "flex",
1035
- "items-center",
1036
- "flex-row",
1037
- "flex-row-reverse",
1038
- "uds-ring",
1039
- "uds-ring-within",
1040
- "relative",
1041
- "uds-border-radius-full",
1042
- "transition-[background-color,box-shadow]",
1043
- "pointer-events-none",
1044
- "w-full",
1045
- "h-full",
1046
- "absolute",
1047
- "top-0",
1048
- "bottom-0",
1049
- "right-0",
1050
- "left-0",
1051
- "overflow-hidden",
1052
- "group-hover:scale-105",
1053
- "opacity-95",
1054
- "group-hover:opacity-100",
1055
- "transition-[transform,opacity]",
1056
- "opacity-0",
1057
- "top-1/2",
1058
- "left-1/2",
1059
- "transform",
1060
- "translate-x-[-50%]",
1061
- "translate-y-[-50%]",
1062
- "transition-opacity",
1063
- "cursor-[inherit]",
1064
- "w-[calc(100%+2px)]",
1065
- "h-[calc(100%+2px)]",
1066
- "text-start",
1067
- "text-end",
1068
- "opacity-100"
1069
- ],
1070
- "internalComponents": [
1071
- "IconSlot",
1072
- "Box",
1073
- "FormLabel",
1074
- "SpringMotionConfig",
1075
- "RootElement",
1076
- "MotionBox"
1077
- ],
1078
- "internalComponentProps": {
1079
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1080
- "FormLabel": {
1081
- "as": ["div"],
1082
- "variant": ["inherit"],
1083
- "color": ["inherit"]
1084
- },
1085
- "SpringMotionConfig": {
1086
- "layoutVariant": ["bouncy"],
1087
- "layoutSpeed": ["4"]
1088
- },
1089
- "RootElement": { "data-testid": ["switch-root"] },
1090
- "MotionBox": { "layout": ["position"] }
1091
- },
1092
- "propToVariantKeys": {
1093
- "size": [
1094
- "switchSizeRoot",
1095
- "switchSizeSwitch",
1096
- "switchSizeHandle",
1097
- "switchSizeHandleIcon"
1098
- ],
1099
- "onIcon": ["icon"],
1100
- "offIcon": ["icon"],
1101
- "reduceMotion": ["reducedMotion"],
1102
- "isOn": ["layoutDependency"]
1103
- },
1104
- "runtimeConfigDefaultProps": {},
1105
- "runtimeConfigGetStyles": {},
1106
- "runtimeConfigInternalComponentProps": {},
1107
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1108
- };
1109
- var UDSToastConfigProvider = {
1110
- "name": "UDSToastConfigProvider",
1111
- "defaultProps": {},
1112
- "getStylesLiterals": {},
898
+ "display": "table-cell",
899
+ "overflow": "hidden",
900
+ "borderColor": "muted",
901
+ "borderRadius": "md",
902
+ "spacing": "3",
903
+ "borderBottomColor": "muted",
904
+ "borderBottomWidth": "thin",
905
+ "color": "primary"
906
+ },
907
+ "getStylesLiterals": { "textAlign": "start" },
1113
908
  "cxLiterals": [],
1114
- "internalComponents": ["ToastContext.Provider"],
1115
- "internalComponentProps": {},
909
+ "internalComponents": [
910
+ "CellComponent",
911
+ "Box",
912
+ "Text",
913
+ "Table.Root",
914
+ "Table.Header",
915
+ "Table.Row",
916
+ "Table.Cell",
917
+ "Table.Body"
918
+ ],
919
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
1116
920
  "propToVariantKeys": {},
1117
921
  "runtimeConfigDefaultProps": {},
1118
922
  "runtimeConfigGetStyles": {},
1119
923
  "runtimeConfigInternalComponentProps": {},
1120
924
  "motionVarPrefixes": []
1121
925
  };
1122
- var ToastPortal = {
1123
- "name": "ToastPortal",
926
+ var AvatarImage = {
927
+ "name": "AvatarImage",
1124
928
  "defaultProps": {},
1125
929
  "getStylesLiterals": {},
1126
930
  "cxLiterals": [],
1127
- "internalComponents": ["ReactToastifyToastContainer"],
931
+ "internalComponents": [
932
+ "AvatarImageNoFallback",
933
+ "AvatarText",
934
+ "AvatarIcon"
935
+ ],
1128
936
  "internalComponentProps": {},
1129
937
  "propToVariantKeys": {},
1130
- "runtimeConfigDefaultProps": {
1131
- "size": "toast.defaultSize",
1132
- "variant": "toast.defaultVariant"
1133
- },
938
+ "runtimeConfigDefaultProps": {},
1134
939
  "runtimeConfigGetStyles": {},
1135
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
940
+ "runtimeConfigInternalComponentProps": {},
1136
941
  "motionVarPrefixes": []
1137
942
  };
1138
- var Toast = {
1139
- "name": "Toast",
1140
- "defaultProps": {},
1141
- "getStylesLiterals": {
1142
- "className": "animate-spin",
1143
- "className:1": "flex-none",
1144
- "spacing": "2",
1145
- "borderRadius": "full"
1146
- },
943
+ var BottomSheet = {
944
+ "name": "BottomSheet",
945
+ "defaultProps": { "variant": "default" },
946
+ "getStylesLiterals": {},
1147
947
  "cxLiterals": [
1148
- "duration-0",
1149
- "duration-120",
1150
- "transition-[background-color]",
1151
- "bg-carbon-15/0",
1152
- "hover:bg-carbon-15/10",
1153
- "active:bg-carbon-15/15",
1154
- "uds-ring"
948
+ "fixed",
949
+ "overflow-hidden",
950
+ "inset-x-0",
951
+ "bottom-0",
952
+ "z-50",
953
+ "[will-change:transform]",
954
+ "touch-none",
955
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
956
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
957
+ "transition-transform",
958
+ "duration-500",
959
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
960
+ "motion-reduce:transition-none",
961
+ "top-[-4px]",
962
+ "z-[1]",
963
+ "touch-pan-y"
1155
964
  ],
1156
965
  "internalComponents": [
1157
- "IconSlot",
1158
- "ToastContainer",
1159
- "Text",
1160
- "Button",
1161
- "Pressable"
966
+ "Scrim",
967
+ "BottomSheetHandle",
968
+ "Dialog",
969
+ "Box",
970
+ "BottomSheetInternalContext.Provider"
1162
971
  ],
1163
- "internalComponentProps": {},
1164
- "propToVariantKeys": {
1165
- "size": [
1166
- "toastSizeLabel",
1167
- "toastSizeIcon",
1168
- "toastSizeActionButton",
1169
- "toastSizeCloseIcon"
1170
- ],
1171
- "variant": [
1172
- "toastVariantIcon",
1173
- "toastVariantActionButton",
1174
- "toastVariantCloseIcon"
1175
- ],
1176
- "closeIcon": ["icon"],
1177
- "onClickActionButton": ["onClick"]
1178
- },
1179
- "runtimeConfigDefaultProps": {
1180
- "size": "toast.defaultSize",
1181
- "variant": "toast.defaultVariant"
1182
- },
1183
- "runtimeConfigGetStyles": {
1184
- "toastSizeLabel": ["toast.defaultSize"],
1185
- "toastVariantIcon": ["toast.defaultVariant"],
1186
- "toastSizeIcon": ["toast.defaultSize"],
1187
- "toastSizeActionButton": ["toast.defaultSize"],
1188
- "toastVariantActionButton": ["toast.defaultVariant"],
1189
- "toastVariantCloseIcon": ["toast.defaultVariant"],
1190
- "toastSizeCloseIcon": ["toast.defaultSize"]
1191
- },
1192
- "runtimeConfigInternalComponentProps": {
1193
- "ToastContainer": {
1194
- "size": ["toast.defaultSize"],
1195
- "variant": ["toast.defaultVariant"]
1196
- },
1197
- "Text": {
1198
- "variant": ["toast.textVariant.${size}"],
1199
- "color": ["toast.textColor.${variant}"]
1200
- },
1201
- "Button": {
1202
- "size": ["toast.buttonSize.${size}"],
1203
- "variant": ["toast.buttonVariant.${variant}"]
972
+ "internalComponentProps": {
973
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
974
+ "Dialog": { "data-testid": ["bottom-sheet"] },
975
+ "Box": {
976
+ "display": ["block", "flex"],
977
+ "position": ["absolute"],
978
+ "flexDirection": ["column"],
979
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1204
980
  }
1205
981
  },
1206
- "motionVarPrefixes": []
1207
- };
1208
- var ToastContainer = {
1209
- "name": "ToastContainer",
1210
- "defaultProps": {},
1211
- "getStylesLiterals": {
1212
- "position": "relative",
1213
- "alignItems": "center",
1214
- "display": "flex",
1215
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1216
- },
1217
- "cxLiterals": ["w-full"],
1218
- "internalComponents": ["HStack"],
1219
- "internalComponentProps": { "HStack": {
1220
- "alignItems": ["center"],
1221
- "justifyContent": ["space-between"],
1222
- "overflow": ["hidden"],
1223
- "position": ["relative"]
1224
- } },
1225
- "propToVariantKeys": {
1226
- "variant": ["toastVariantRoot"],
1227
- "size": ["toastSizeRoot"]
1228
- },
1229
- "runtimeConfigDefaultProps": {
1230
- "size": "toast.defaultSize",
1231
- "variant": "toast.defaultVariant"
1232
- },
1233
- "runtimeConfigGetStyles": {
1234
- "toastVariantRoot": ["toast.defaultVariant"],
1235
- "toastSizeRoot": ["toast.defaultSize"]
1236
- },
1237
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1238
- "motionVarPrefixes": []
1239
- };
1240
- var BottomSheetInternalContext = {
1241
- "name": "BottomSheetInternalContext",
1242
- "defaultProps": {},
1243
- "getStylesLiterals": {},
1244
- "cxLiterals": [],
1245
- "internalComponents": [],
1246
- "internalComponentProps": {},
1247
- "propToVariantKeys": {},
982
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1248
983
  "runtimeConfigDefaultProps": {},
1249
984
  "runtimeConfigGetStyles": {},
1250
985
  "runtimeConfigInternalComponentProps": {},
@@ -1269,6 +1004,19 @@ var BottomSheetContent = {
1269
1004
  "runtimeConfigInternalComponentProps": {},
1270
1005
  "motionVarPrefixes": []
1271
1006
  };
1007
+ var BottomSheetDismiss = {
1008
+ "name": "BottomSheetDismiss",
1009
+ "defaultProps": {},
1010
+ "getStylesLiterals": {},
1011
+ "cxLiterals": [],
1012
+ "internalComponents": ["AriakitDialogDismiss"],
1013
+ "internalComponentProps": {},
1014
+ "propToVariantKeys": {},
1015
+ "runtimeConfigDefaultProps": {},
1016
+ "runtimeConfigGetStyles": {},
1017
+ "runtimeConfigInternalComponentProps": {},
1018
+ "motionVarPrefixes": []
1019
+ };
1272
1020
  var BottomSheetHandle = {
1273
1021
  "name": "BottomSheetHandle",
1274
1022
  "defaultProps": { "variant": "default" },
@@ -1300,51 +1048,6 @@ var BottomSheetHandle = {
1300
1048
  "runtimeConfigInternalComponentProps": {},
1301
1049
  "motionVarPrefixes": []
1302
1050
  };
1303
- var BottomSheet = {
1304
- "name": "BottomSheet",
1305
- "defaultProps": { "variant": "default" },
1306
- "getStylesLiterals": {},
1307
- "cxLiterals": [
1308
- "fixed",
1309
- "overflow-hidden",
1310
- "inset-x-0",
1311
- "bottom-0",
1312
- "z-50",
1313
- "[will-change:transform]",
1314
- "touch-none",
1315
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1316
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1317
- "transition-transform",
1318
- "duration-500",
1319
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1320
- "motion-reduce:transition-none",
1321
- "top-[-4px]",
1322
- "z-[1]",
1323
- "touch-pan-y"
1324
- ],
1325
- "internalComponents": [
1326
- "Scrim",
1327
- "BottomSheetHandle",
1328
- "Dialog",
1329
- "Box",
1330
- "BottomSheetInternalContext.Provider"
1331
- ],
1332
- "internalComponentProps": {
1333
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1334
- "Dialog": { "data-testid": ["bottom-sheet"] },
1335
- "Box": {
1336
- "display": ["block", "flex"],
1337
- "position": ["absolute"],
1338
- "flexDirection": ["column"],
1339
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1340
- }
1341
- },
1342
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1343
- "runtimeConfigDefaultProps": {},
1344
- "runtimeConfigGetStyles": {},
1345
- "runtimeConfigInternalComponentProps": {},
1346
- "motionVarPrefixes": []
1347
- };
1348
1051
  var BottomSheetHeader = {
1349
1052
  "name": "BottomSheetHeader",
1350
1053
  "defaultProps": { "variant": "default" },
@@ -1376,38 +1079,12 @@ var BottomSheetHeader = {
1376
1079
  "runtimeConfigInternalComponentProps": {},
1377
1080
  "motionVarPrefixes": []
1378
1081
  };
1379
- var BottomSheetTrigger = {
1380
- "name": "BottomSheetTrigger",
1381
- "defaultProps": {},
1382
- "getStylesLiterals": {},
1383
- "cxLiterals": [],
1384
- "internalComponents": ["AriakitDialogDisclosure"],
1385
- "internalComponentProps": {},
1386
- "propToVariantKeys": {},
1387
- "runtimeConfigDefaultProps": {},
1388
- "runtimeConfigGetStyles": {},
1389
- "runtimeConfigInternalComponentProps": {},
1390
- "motionVarPrefixes": []
1391
- };
1392
- var UDSBottomSheetConfigProvider = {
1393
- "name": "UDSBottomSheetConfigProvider",
1394
- "defaultProps": {},
1395
- "getStylesLiterals": {},
1396
- "cxLiterals": [],
1397
- "internalComponents": ["BottomSheetContext.Provider"],
1398
- "internalComponentProps": {},
1399
- "propToVariantKeys": {},
1400
- "runtimeConfigDefaultProps": {},
1401
- "runtimeConfigGetStyles": {},
1402
- "runtimeConfigInternalComponentProps": {},
1403
- "motionVarPrefixes": []
1404
- };
1405
- var BottomSheetDismiss = {
1406
- "name": "BottomSheetDismiss",
1082
+ var BottomSheetInternalContext = {
1083
+ "name": "BottomSheetInternalContext",
1407
1084
  "defaultProps": {},
1408
1085
  "getStylesLiterals": {},
1409
1086
  "cxLiterals": [],
1410
- "internalComponents": ["AriakitDialogDismiss"],
1087
+ "internalComponents": [],
1411
1088
  "internalComponentProps": {},
1412
1089
  "propToVariantKeys": {},
1413
1090
  "runtimeConfigDefaultProps": {},
@@ -1428,58 +1105,45 @@ var BottomSheetProvider = {
1428
1105
  "runtimeConfigInternalComponentProps": {},
1429
1106
  "motionVarPrefixes": []
1430
1107
  };
1431
- var ChipLink = {
1432
- "name": "ChipLink",
1433
- "defaultProps": { "variant": "primary" },
1108
+ var BottomSheetTrigger = {
1109
+ "name": "BottomSheetTrigger",
1110
+ "defaultProps": {},
1434
1111
  "getStylesLiterals": {},
1435
- "cxLiterals": ["uds-ring"],
1436
- "internalComponents": ["ChipBase"],
1437
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1438
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1112
+ "cxLiterals": [],
1113
+ "internalComponents": ["AriakitDialogDisclosure"],
1114
+ "internalComponentProps": {},
1115
+ "propToVariantKeys": {},
1439
1116
  "runtimeConfigDefaultProps": {},
1440
1117
  "runtimeConfigGetStyles": {},
1441
1118
  "runtimeConfigInternalComponentProps": {},
1442
1119
  "motionVarPrefixes": []
1443
1120
  };
1444
- var ChipDismissible = {
1445
- "name": "ChipDismissible",
1446
- "defaultProps": { "variant": "primary" },
1121
+ var UDSBottomSheetConfigProvider = {
1122
+ "name": "UDSBottomSheetConfigProvider",
1123
+ "defaultProps": {},
1447
1124
  "getStylesLiterals": {},
1448
- "cxLiterals": [
1449
- "uds-chip-dismissible-button",
1450
- "uds-hit-target",
1451
- "uds-ring",
1452
- "rounded-full"
1453
- ],
1454
- "internalComponents": [
1455
- "ChipBase",
1456
- "IconSlot",
1457
- "Pressable"
1458
- ],
1125
+ "cxLiterals": [],
1126
+ "internalComponents": ["BottomSheetContext.Provider"],
1459
1127
  "internalComponentProps": {},
1460
- "propToVariantKeys": {
1461
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1462
- "dismissButtonAriaLabel": ["aria-label"]
1463
- },
1128
+ "propToVariantKeys": {},
1464
1129
  "runtimeConfigDefaultProps": {},
1465
1130
  "runtimeConfigGetStyles": {},
1466
1131
  "runtimeConfigInternalComponentProps": {},
1467
1132
  "motionVarPrefixes": []
1468
1133
  };
1469
- var ChipToggle = {
1470
- "name": "ChipToggle",
1471
- "defaultProps": {
1472
- "variant": "primary",
1473
- "role": "checkbox"
1474
- },
1475
- "getStylesLiterals": {
1476
- "chipToggleVariantActiveRoot": "on",
1477
- "chipToggleVariantActiveRoot:1": "off"
1478
- },
1479
- "cxLiterals": ["uds-ring"],
1480
- "internalComponents": ["ChipBase"],
1481
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1482
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1134
+ var Chip = {
1135
+ "name": "Chip",
1136
+ "defaultProps": {},
1137
+ "getStylesLiterals": {},
1138
+ "cxLiterals": [],
1139
+ "internalComponents": [
1140
+ "ChipDismissible",
1141
+ "ChipToggle",
1142
+ "ChipLink",
1143
+ "ChipButton"
1144
+ ],
1145
+ "internalComponentProps": {},
1146
+ "propToVariantKeys": {},
1483
1147
  "runtimeConfigDefaultProps": {},
1484
1148
  "runtimeConfigGetStyles": {},
1485
1149
  "runtimeConfigInternalComponentProps": {},
@@ -1525,24 +1189,6 @@ var ChipBase = {
1525
1189
  "runtimeConfigInternalComponentProps": {},
1526
1190
  "motionVarPrefixes": []
1527
1191
  };
1528
- var Chip = {
1529
- "name": "Chip",
1530
- "defaultProps": {},
1531
- "getStylesLiterals": {},
1532
- "cxLiterals": [],
1533
- "internalComponents": [
1534
- "ChipDismissible",
1535
- "ChipToggle",
1536
- "ChipLink",
1537
- "ChipButton"
1538
- ],
1539
- "internalComponentProps": {},
1540
- "propToVariantKeys": {},
1541
- "runtimeConfigDefaultProps": {},
1542
- "runtimeConfigGetStyles": {},
1543
- "runtimeConfigInternalComponentProps": {},
1544
- "motionVarPrefixes": []
1545
- };
1546
1192
  var ChipButton = {
1547
1193
  "name": "ChipButton",
1548
1194
  "defaultProps": { "variant": "primary" },
@@ -1556,195 +1202,136 @@ var ChipButton = {
1556
1202
  "runtimeConfigInternalComponentProps": {},
1557
1203
  "motionVarPrefixes": []
1558
1204
  };
1559
- var TabPanel = {
1560
- "name": "TabPanel",
1561
- "defaultProps": {},
1205
+ var ChipDismissible = {
1206
+ "name": "ChipDismissible",
1207
+ "defaultProps": { "variant": "primary" },
1562
1208
  "getStylesLiterals": {},
1563
- "cxLiterals": [],
1564
- "internalComponents": ["AriakitTabPanel"],
1209
+ "cxLiterals": [
1210
+ "uds-chip-dismissible-button",
1211
+ "uds-hit-target",
1212
+ "uds-ring",
1213
+ "rounded-full"
1214
+ ],
1215
+ "internalComponents": [
1216
+ "ChipBase",
1217
+ "IconSlot",
1218
+ "Pressable"
1219
+ ],
1565
1220
  "internalComponentProps": {},
1566
- "propToVariantKeys": {},
1221
+ "propToVariantKeys": {
1222
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1223
+ "dismissButtonAriaLabel": ["aria-label"]
1224
+ },
1567
1225
  "runtimeConfigDefaultProps": {},
1568
1226
  "runtimeConfigGetStyles": {},
1569
1227
  "runtimeConfigInternalComponentProps": {},
1570
1228
  "motionVarPrefixes": []
1571
1229
  };
1572
- var Tabs = {
1573
- "name": "Tabs",
1230
+ var ChipLink = {
1231
+ "name": "ChipLink",
1574
1232
  "defaultProps": { "variant": "primary" },
1575
1233
  "getStylesLiterals": {},
1576
- "cxLiterals": [],
1577
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
1578
- "internalComponentProps": {},
1579
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
1234
+ "cxLiterals": ["uds-ring"],
1235
+ "internalComponents": ["ChipBase"],
1236
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1237
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1580
1238
  "runtimeConfigDefaultProps": {},
1581
1239
  "runtimeConfigGetStyles": {},
1582
1240
  "runtimeConfigInternalComponentProps": {},
1583
1241
  "motionVarPrefixes": []
1584
1242
  };
1585
- var TabList = {
1586
- "name": "TabList",
1587
- "defaultProps": { "variant": "primary" },
1588
- "getStylesLiterals": {
1589
- "tabSizeRoot": "default",
1590
- "tabVariantActiveRoot": "on"
1243
+ var ChipToggle = {
1244
+ "name": "ChipToggle",
1245
+ "defaultProps": {
1246
+ "variant": "primary",
1247
+ "role": "checkbox"
1591
1248
  },
1592
- "cxLiterals": [
1593
- "pointer-events-none",
1594
- "absolute",
1595
- "bottom-0",
1596
- "left-0",
1597
- "right-0",
1598
- "h-[var(--uds-tab-underline-width,0px)]",
1599
- "bg-[var(--uds-tab-underline-color,transparent)]",
1600
- "transition-[height,background-color]",
1601
- "duration-[240ms]",
1602
- "ease-[cubic-bezier(0.2,0,0,1)]",
1603
- "!m-0",
1604
- "!p-0",
1605
- "!gap-0",
1606
- "box-border",
1607
- "z-0",
1608
- "min-w-0",
1609
- "min-h-0",
1610
- "flex",
1611
- "flex-row",
1612
- "items-center",
1613
- "overflow-x-auto",
1614
- "overflow-y-clip",
1615
- "scrollbar-none",
1616
- "[overflow-clip-margin:6px]",
1617
- "overflow-clip",
1618
- "[overflow-clip-margin:8px]",
1619
- "relative"
1620
- ],
1621
- "internalComponents": ["AriakitTabList"],
1622
- "internalComponentProps": {},
1623
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
1624
- "runtimeConfigDefaultProps": {},
1625
- "runtimeConfigGetStyles": {},
1626
- "runtimeConfigInternalComponentProps": {},
1627
- "motionVarPrefixes": []
1628
- };
1629
- var Tab = {
1630
- "name": "Tab",
1631
- "defaultProps": { "variant": "primary" },
1632
1249
  "getStylesLiterals": {
1633
- "tabSizeRoot": "default",
1634
- "tabVariantActiveRoot": "off",
1635
- "tabVariantActiveRoot:1": "on",
1636
- "tabSizeIcon": "default"
1637
- },
1638
- "cxLiterals": [
1639
- "pointer-events-none",
1640
- "absolute",
1641
- "bottom-0",
1642
- "left-0",
1643
- "right-0",
1644
- "h-[var(--uds-tab-underline-width,0px)]",
1645
- "bg-[var(--uds-tab-underline-color,transparent)]",
1646
- "transition-[height,background-color]",
1647
- "duration-[240ms]",
1648
- "ease-[cubic-bezier(0.2,0,0,1)]",
1649
- "!bg-transparent",
1650
- "!shadow-none",
1651
- "inline-flex",
1652
- "items-center",
1653
- "shrink-0",
1654
- "box-border",
1655
- "relative",
1656
- "z-[1]",
1657
- "cursor-pointer",
1658
- "select-none",
1659
- "whitespace-nowrap",
1660
- "uds-ring",
1661
- "opacity-50",
1662
- "cursor-default",
1663
- "border-solid",
1664
- "border-b-solid",
1665
- "transition-colors"
1666
- ],
1667
- "internalComponents": [
1668
- "IconSlot",
1669
- "AriakitTab",
1670
- "Text"
1671
- ],
1672
- "internalComponentProps": { "Text": {
1673
- "variant": ["inherit"],
1674
- "as": ["span"],
1675
- "color": ["current"]
1676
- } },
1677
- "propToVariantKeys": {
1678
- "variant": ["tabVariantRoot", "tabVariantIcon"],
1679
- "activeState": ["tabVariantActiveIcon"],
1680
- "startIcon": ["icon"],
1681
- "endIcon": ["icon"]
1250
+ "chipToggleVariantActiveRoot": "on",
1251
+ "chipToggleVariantActiveRoot:1": "off"
1682
1252
  },
1253
+ "cxLiterals": ["uds-ring"],
1254
+ "internalComponents": ["ChipBase"],
1255
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1256
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1683
1257
  "runtimeConfigDefaultProps": {},
1684
1258
  "runtimeConfigGetStyles": {},
1685
1259
  "runtimeConfigInternalComponentProps": {},
1686
1260
  "motionVarPrefixes": []
1687
1261
  };
1688
- var AvatarText = {
1689
- "name": "AvatarText",
1262
+ var Menu_Content = {
1263
+ "name": "Menu.Content",
1690
1264
  "defaultProps": {
1691
- "size": "md",
1692
- "variant": "primary"
1265
+ "size": "default",
1266
+ "variant": "default",
1267
+ "gutter": "1"
1693
1268
  },
1694
1269
  "getStylesLiterals": {},
1695
1270
  "cxLiterals": [
1696
- "overflow-hidden",
1697
- "truncate",
1698
- "w-full",
1699
- "h-full",
1700
- "shrink-0",
1701
- "text-center",
1702
- "inline-flex",
1703
- "justify-center",
1704
- "items-center"
1271
+ "uds-menu-content",
1272
+ "transition-shadow",
1273
+ "duration-200",
1274
+ "ease-in-out",
1275
+ "min-w-60",
1276
+ "max-w-lg",
1277
+ "max-h-96",
1278
+ "overflow-auto",
1279
+ "uds-ring",
1280
+ "z-10",
1281
+ "group"
1705
1282
  ],
1706
- "internalComponents": ["Box", "Text"],
1707
- "internalComponentProps": { "Text": {
1708
- "color": ["inherit"],
1709
- "variant": ["inherit"]
1710
- } },
1711
- "propToVariantKeys": {},
1283
+ "internalComponents": [
1284
+ "AriakitMenu",
1285
+ "AnimatePresence",
1286
+ "MotionVStack"
1287
+ ],
1288
+ "internalComponentProps": {},
1289
+ "propToVariantKeys": {
1290
+ "size": ["menucontentSizeRoot"],
1291
+ "variant": ["menucontentVariantRoot"]
1292
+ },
1712
1293
  "runtimeConfigDefaultProps": {},
1713
1294
  "runtimeConfigGetStyles": {},
1714
1295
  "runtimeConfigInternalComponentProps": {},
1715
1296
  "motionVarPrefixes": []
1716
1297
  };
1717
- var AvatarIcon = {
1718
- "name": "AvatarIcon",
1298
+ var Menu_Divider = {
1299
+ "name": "Menu.Divider",
1719
1300
  "defaultProps": {
1720
- "size": "md",
1721
- "variant": "primary"
1301
+ "role": "separator",
1302
+ "contentPosition": "start",
1303
+ "gap": "4"
1722
1304
  },
1723
- "getStylesLiterals": {},
1724
- "cxLiterals": [
1725
- "overflow-hidden",
1726
- "w-full",
1727
- "h-full",
1728
- "shrink-0",
1729
- "text-center",
1730
- "inline-flex",
1731
- "justify-center",
1732
- "items-center"
1733
- ],
1734
- "internalComponents": ["IconSlot", "Box"],
1735
- "internalComponentProps": {},
1736
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1305
+ "getStylesLiterals": {
1306
+ "menuitemDividerVariantRoot": "default",
1307
+ "menuitemDividerVariantText": "default",
1308
+ "menuitemDividerVariantLine": "default"
1309
+ },
1310
+ "cxLiterals": [],
1311
+ "internalComponents": ["DividerInternal"],
1312
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1313
+ "propToVariantKeys": {},
1737
1314
  "runtimeConfigDefaultProps": {},
1738
1315
  "runtimeConfigGetStyles": {},
1739
1316
  "runtimeConfigInternalComponentProps": {},
1740
1317
  "motionVarPrefixes": []
1741
1318
  };
1742
- var Avatar = {
1743
- "name": "Avatar",
1319
+ var Menu_Item = {
1320
+ "name": "Menu.Item",
1744
1321
  "defaultProps": {},
1745
- "getStylesLiterals": {},
1322
+ "getStylesLiterals": {
1323
+ "menuitemItemVariantRoot": "default",
1324
+ "menuitemItemVariantActiveRoot": "on",
1325
+ "menuitemItemVariantActiveRoot:1": "off",
1326
+ "menuitemItemVariantText": "default",
1327
+ "menuitemItemVariantActiveText": "on",
1328
+ "menuitemItemVariantActiveText:1": "off",
1329
+ "menuitemItemVariantIcon": "default",
1330
+ "menuitemItemVariantActiveIcon": "on",
1331
+ "menuitemItemVariantActiveIcon:1": "off"
1332
+ },
1746
1333
  "cxLiterals": [],
1747
- "internalComponents": ["AvatarImage"],
1334
+ "internalComponents": ["MenuItemBase"],
1748
1335
  "internalComponentProps": {},
1749
1336
  "propToVariantKeys": {},
1750
1337
  "runtimeConfigDefaultProps": {},
@@ -1752,46 +1339,85 @@ var Avatar = {
1752
1339
  "runtimeConfigInternalComponentProps": {},
1753
1340
  "motionVarPrefixes": []
1754
1341
  };
1755
- var AvatarImage = {
1756
- "name": "AvatarImage",
1342
+ var Menu_ItemBase = {
1343
+ "name": "Menu.ItemBase",
1757
1344
  "defaultProps": {
1758
- "size": "md",
1759
- "variant": "primary"
1345
+ "spacing": "0",
1346
+ "spacingHorizontal": "4",
1347
+ "spacingVertical": "3.5",
1348
+ "columnGap": "2",
1349
+ "alignItems": "center",
1350
+ "justifyContent": "space-between"
1351
+ },
1352
+ "getStylesLiterals": {
1353
+ "textAlign": "start",
1354
+ "menuitemSizeRoot": "default",
1355
+ "flexDirection": "row",
1356
+ "menuitemSizeStartIcon": "default",
1357
+ "menuitemSizeEndIcon": "default"
1760
1358
  },
1761
- "getStylesLiterals": {},
1762
1359
  "cxLiterals": [
1763
- "overflow-hidden",
1764
- "w-full",
1765
- "h-full",
1766
- "shrink-0",
1767
- "text-center",
1768
- "inline-flex",
1769
- "justify-center",
1770
- "items-center",
1771
- "object-cover"
1360
+ "flex",
1361
+ "focus-visible:text-brand",
1362
+ "focus-visible:bg-brand-secondary",
1363
+ "focus-visible:z-10",
1364
+ "uds-ring",
1365
+ "!-outline-offset-2",
1366
+ "[&:not([aria-checked])]:cursor-default",
1367
+ "opacity-25",
1368
+ "cursor-not-allowed",
1369
+ "duration-20",
1370
+ "transition-[font-variation-settings]",
1371
+ "ease-in-out",
1372
+ "z-0",
1373
+ "uds-start-icon",
1374
+ "uds-end-icon"
1772
1375
  ],
1773
1376
  "internalComponents": [
1774
- "UDSImage",
1775
- "AvatarText",
1776
- "AvatarIcon",
1777
- "Box"
1377
+ "Pressable",
1378
+ "IconSlot",
1379
+ "RootComponent",
1380
+ "HStack",
1381
+ "AnimatePresence"
1778
1382
  ],
1779
- "internalComponentProps": {},
1383
+ "internalComponentProps": {
1384
+ "HStack": {
1385
+ "alignItems": ["center"],
1386
+ "width": ["full"]
1387
+ },
1388
+ "AnimatePresence": { "mode": ["popLayout"] }
1389
+ },
1780
1390
  "propToVariantKeys": {
1781
- "alt": ["name"],
1782
- "fallback": ["initials"]
1391
+ "startIconClassName": ["className"],
1392
+ "endIconClassName": ["className"],
1393
+ "startIcon": ["icon"],
1394
+ "endIcon": ["icon"],
1395
+ "columnGap": ["gap"]
1783
1396
  },
1784
1397
  "runtimeConfigDefaultProps": {},
1785
1398
  "runtimeConfigGetStyles": {},
1786
1399
  "runtimeConfigInternalComponentProps": {},
1787
1400
  "motionVarPrefixes": []
1788
1401
  };
1789
- var UDSPopoverConfigProvider = {
1790
- "name": "UDSPopoverConfigProvider",
1402
+ var Menu_ItemCheckbox = {
1403
+ "name": "Menu.ItemCheckbox",
1791
1404
  "defaultProps": {},
1792
- "getStylesLiterals": {},
1793
- "cxLiterals": [],
1794
- "internalComponents": ["PopoverContext.Provider"],
1405
+ "getStylesLiterals": {
1406
+ "menuitemItemCheckboxVariantRoot": "default",
1407
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1408
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1409
+ "menuitemItemCheckboxVariantText": "default",
1410
+ "menuitemItemCheckboxVariantActiveText": "on",
1411
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1412
+ "menuitemItemCheckboxVariantStartIcon": "default",
1413
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1414
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1415
+ "menuitemItemCheckboxVariantEndIcon": "default",
1416
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1417
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1418
+ },
1419
+ "cxLiterals": ["uds-menu-item-checkbox"],
1420
+ "internalComponents": ["MenuItemBase"],
1795
1421
  "internalComponentProps": {},
1796
1422
  "propToVariantKeys": {},
1797
1423
  "runtimeConfigDefaultProps": {},
@@ -1799,37 +1425,34 @@ var UDSPopoverConfigProvider = {
1799
1425
  "runtimeConfigInternalComponentProps": {},
1800
1426
  "motionVarPrefixes": []
1801
1427
  };
1802
- var Popover = {
1803
- "name": "Popover",
1428
+ var Menu_Provider = {
1429
+ "name": "Menu.Provider",
1804
1430
  "defaultProps": {},
1805
1431
  "getStylesLiterals": {},
1806
1432
  "cxLiterals": [],
1807
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1433
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1808
1434
  "internalComponentProps": {},
1809
1435
  "propToVariantKeys": {},
1810
- "runtimeConfigDefaultProps": {
1811
- "size": "popover.defaultSize",
1812
- "variant": "popover.defaultVariant"
1813
- },
1436
+ "runtimeConfigDefaultProps": {},
1814
1437
  "runtimeConfigGetStyles": {},
1815
1438
  "runtimeConfigInternalComponentProps": {},
1816
- "motionVarPrefixes": []
1439
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1817
1440
  };
1818
- var PopoverTrigger = {
1819
- "name": "PopoverTrigger",
1441
+ var Menu_Trigger = {
1442
+ "name": "Menu.Trigger",
1820
1443
  "defaultProps": {},
1821
1444
  "getStylesLiterals": {},
1822
- "cxLiterals": [],
1823
- "internalComponents": ["PopoverDisclosure"],
1824
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1825
- "propToVariantKeys": { "children": ["render"] },
1445
+ "cxLiterals": ["uds-menu-trigger"],
1446
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1447
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1448
+ "propToVariantKeys": {},
1826
1449
  "runtimeConfigDefaultProps": {},
1827
1450
  "runtimeConfigGetStyles": {},
1828
1451
  "runtimeConfigInternalComponentProps": {},
1829
1452
  "motionVarPrefixes": []
1830
1453
  };
1831
- var PopoverContext = {
1832
- "name": "PopoverContext",
1454
+ var Menu_index = {
1455
+ "name": "Menu.index",
1833
1456
  "defaultProps": {},
1834
1457
  "getStylesLiterals": {},
1835
1458
  "cxLiterals": [],
@@ -1838,78 +1461,20 @@ var PopoverContext = {
1838
1461
  "propToVariantKeys": {},
1839
1462
  "runtimeConfigDefaultProps": {},
1840
1463
  "runtimeConfigGetStyles": {},
1841
- "runtimeConfigInternalComponentProps": {},
1842
- "motionVarPrefixes": []
1843
- };
1844
- var PopoverContent = {
1845
- "name": "PopoverContent",
1846
- "defaultProps": {},
1847
- "getStylesLiterals": {
1848
- "popoverSizeRoot": "default",
1849
- "popoverVariantRoot": "default",
1850
- "display": "flex",
1851
- "position": "relative",
1852
- "display:1": "block",
1853
- "spacingTop": "0",
1854
- "spacingStart": "0",
1855
- "spacingBottom": "0",
1856
- "spacingEnd": "0",
1857
- "popoverSizeSvgBase": "default",
1858
- "popoverVariantSvgBase": "default",
1859
- "popoverSizeSvgBorder": "default",
1860
- "popoverVariantSvgBorder": "default",
1861
- "popoverVariantBlur": "default",
1862
- "position:1": "absolute",
1863
- "width": "full",
1864
- "height": "full",
1865
- "flexShrink": "0",
1866
- "borderRadius": "full",
1867
- "alignItems": "center",
1868
- "justifyContent": "center",
1869
- "popoverVariantCloseIcon": "default",
1870
- "popoverSizeCloseIcon": "default"
1871
- },
1872
- "cxLiterals": [
1873
- "z-[9999]",
1874
- "outline-none",
1875
- "focus-visible:outline-none",
1876
- "uds-bgBlurFillFallback",
1877
- "uds-bgBlurFallback",
1878
- "top-0",
1879
- "left-0",
1880
- "z-[1]",
1881
- "duration-0",
1882
- "duration-120",
1883
- "transition-[background-color]",
1884
- "bg-carbon-15/0",
1885
- "hover:bg-carbon-15/10",
1886
- "active:bg-carbon-15/15",
1887
- "uds-ring",
1888
- "absolute",
1889
- "z-[4]"
1890
- ],
1891
- "internalComponents": [
1892
- "PopoverDismiss",
1893
- "IconSlot",
1894
- "PopoverArrow",
1895
- "Popover",
1896
- "SvgFloatingOverlay",
1897
- "Box",
1898
- "Pressable"
1899
- ],
1900
- "internalComponentProps": {},
1901
- "propToVariantKeys": { "closeIcon": ["icon"] },
1902
- "runtimeConfigDefaultProps": {
1903
- "size": "popover.defaultSize",
1904
- "variant": "popover.defaultVariant"
1905
- },
1906
- "runtimeConfigGetStyles": {
1907
- "spacingTop": ["popover.spacingVertical.${size}"],
1908
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1909
- "spacingBottom": ["popover.spacingVertical.${size}"],
1910
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1911
- },
1912
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1464
+ "runtimeConfigInternalComponentProps": {},
1465
+ "motionVarPrefixes": []
1466
+ };
1467
+ var Menu = {
1468
+ "name": "Menu",
1469
+ "defaultProps": {},
1470
+ "getStylesLiterals": {},
1471
+ "cxLiterals": [],
1472
+ "internalComponents": [],
1473
+ "internalComponentProps": {},
1474
+ "propToVariantKeys": {},
1475
+ "runtimeConfigDefaultProps": {},
1476
+ "runtimeConfigGetStyles": {},
1477
+ "runtimeConfigInternalComponentProps": {},
1913
1478
  "motionVarPrefixes": []
1914
1479
  };
1915
1480
  var Input = {
@@ -2042,31 +1607,95 @@ var InputHelpTextInternal = {
2042
1607
  "runtimeConfigInternalComponentProps": {},
2043
1608
  "motionVarPrefixes": []
2044
1609
  };
2045
- var Menu_Item = {
2046
- "name": "Menu.Item",
1610
+ var Popover = {
1611
+ "name": "Popover",
2047
1612
  "defaultProps": {},
2048
- "getStylesLiterals": {
2049
- "menuitemItemVariantRoot": "default",
2050
- "menuitemItemVariantActiveRoot": "on",
2051
- "menuitemItemVariantActiveRoot:1": "off",
2052
- "menuitemItemVariantText": "default",
2053
- "menuitemItemVariantActiveText": "on",
2054
- "menuitemItemVariantActiveText:1": "off",
2055
- "menuitemItemVariantIcon": "default",
2056
- "menuitemItemVariantActiveIcon": "on",
2057
- "menuitemItemVariantActiveIcon:1": "off"
2058
- },
1613
+ "getStylesLiterals": {},
2059
1614
  "cxLiterals": [],
2060
- "internalComponents": ["MenuItemBase"],
1615
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
2061
1616
  "internalComponentProps": {},
2062
1617
  "propToVariantKeys": {},
2063
- "runtimeConfigDefaultProps": {},
1618
+ "runtimeConfigDefaultProps": {
1619
+ "size": "popover.defaultSize",
1620
+ "variant": "popover.defaultVariant"
1621
+ },
2064
1622
  "runtimeConfigGetStyles": {},
2065
1623
  "runtimeConfigInternalComponentProps": {},
2066
1624
  "motionVarPrefixes": []
2067
1625
  };
2068
- var Menu_index = {
2069
- "name": "Menu.index",
1626
+ var PopoverContent = {
1627
+ "name": "PopoverContent",
1628
+ "defaultProps": {},
1629
+ "getStylesLiterals": {
1630
+ "popoverSizeRoot": "default",
1631
+ "popoverVariantRoot": "default",
1632
+ "display": "flex",
1633
+ "position": "relative",
1634
+ "display:1": "block",
1635
+ "spacingTop": "0",
1636
+ "spacingStart": "0",
1637
+ "spacingBottom": "0",
1638
+ "spacingEnd": "0",
1639
+ "popoverSizeSvgBase": "default",
1640
+ "popoverVariantSvgBase": "default",
1641
+ "popoverSizeSvgBorder": "default",
1642
+ "popoverVariantSvgBorder": "default",
1643
+ "popoverVariantBlur": "default",
1644
+ "position:1": "absolute",
1645
+ "width": "full",
1646
+ "height": "full",
1647
+ "flexShrink": "0",
1648
+ "borderRadius": "full",
1649
+ "alignItems": "center",
1650
+ "justifyContent": "center",
1651
+ "popoverVariantCloseIcon": "default",
1652
+ "popoverSizeCloseIcon": "default"
1653
+ },
1654
+ "cxLiterals": [
1655
+ "z-[9999]",
1656
+ "outline-none",
1657
+ "focus-visible:outline-none",
1658
+ "uds-bgBlurFillFallback",
1659
+ "uds-bgBlurFallback",
1660
+ "top-0",
1661
+ "left-0",
1662
+ "z-[1]",
1663
+ "duration-0",
1664
+ "duration-120",
1665
+ "transition-[background-color]",
1666
+ "bg-carbon-15/0",
1667
+ "hover:bg-carbon-15/10",
1668
+ "active:bg-carbon-15/15",
1669
+ "uds-ring",
1670
+ "absolute",
1671
+ "z-[4]"
1672
+ ],
1673
+ "internalComponents": [
1674
+ "PopoverDismiss",
1675
+ "IconSlot",
1676
+ "PopoverArrow",
1677
+ "Popover",
1678
+ "SvgFloatingOverlay",
1679
+ "Box",
1680
+ "Pressable"
1681
+ ],
1682
+ "internalComponentProps": {},
1683
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1684
+ "runtimeConfigDefaultProps": {
1685
+ "size": "popover.defaultSize",
1686
+ "variant": "popover.defaultVariant"
1687
+ },
1688
+ "runtimeConfigGetStyles": {
1689
+ "spacingTop": ["popover.spacingVertical.${size}"],
1690
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1691
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1692
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1693
+ },
1694
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1695
+ "motionVarPrefixes": []
1696
+ };
1697
+ var PopoverContext = {
1698
+ "name": "PopoverContext",
2070
1699
  "defaultProps": {},
2071
1700
  "getStylesLiterals": {},
2072
1701
  "cxLiterals": [],
@@ -2078,12 +1707,25 @@ var Menu_index = {
2078
1707
  "runtimeConfigInternalComponentProps": {},
2079
1708
  "motionVarPrefixes": []
2080
1709
  };
2081
- var Menu = {
2082
- "name": "Menu",
1710
+ var PopoverTrigger = {
1711
+ "name": "PopoverTrigger",
2083
1712
  "defaultProps": {},
2084
1713
  "getStylesLiterals": {},
2085
1714
  "cxLiterals": [],
2086
- "internalComponents": [],
1715
+ "internalComponents": ["PopoverDisclosure"],
1716
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1717
+ "propToVariantKeys": { "children": ["render"] },
1718
+ "runtimeConfigDefaultProps": {},
1719
+ "runtimeConfigGetStyles": {},
1720
+ "runtimeConfigInternalComponentProps": {},
1721
+ "motionVarPrefixes": []
1722
+ };
1723
+ var UDSPopoverConfigProvider = {
1724
+ "name": "UDSPopoverConfigProvider",
1725
+ "defaultProps": {},
1726
+ "getStylesLiterals": {},
1727
+ "cxLiterals": [],
1728
+ "internalComponents": ["PopoverContext.Provider"],
2087
1729
  "internalComponentProps": {},
2088
1730
  "propToVariantKeys": {},
2089
1731
  "runtimeConfigDefaultProps": {},
@@ -2091,200 +1733,372 @@ var Menu = {
2091
1733
  "runtimeConfigInternalComponentProps": {},
2092
1734
  "motionVarPrefixes": []
2093
1735
  };
2094
- var Menu_Content = {
2095
- "name": "Menu.Content",
1736
+ var Radio = {
1737
+ "name": "Radio",
2096
1738
  "defaultProps": {
2097
- "size": "default",
2098
- "variant": "default",
2099
- "gutter": "1"
1739
+ "labelPosition": "start",
1740
+ "variant": "primary",
1741
+ "size": "md",
1742
+ "value": ""
1743
+ },
1744
+ "getStylesLiterals": {
1745
+ "radioVariantValueRoot": "checked",
1746
+ "radioVariantValueRoot:1": "unchecked",
1747
+ "display": "flex",
1748
+ "flexDirection": "row",
1749
+ "flexDirection:1": "row-reverse",
1750
+ "alignItems": "center",
1751
+ "radioVariantValueRadio": "checked",
1752
+ "radioVariantValueRadio:1": "unchecked",
1753
+ "radioVariantValueRadioCircle": "checked",
1754
+ "radioVariantValueRadioCircle:1": "unchecked"
2100
1755
  },
2101
- "getStylesLiterals": {},
2102
1756
  "cxLiterals": [
2103
- "uds-menu-content",
1757
+ "cursor-pointer",
1758
+ "cursor-default",
1759
+ "opacity-50",
1760
+ "border",
1761
+ "uds-ring",
1762
+ "uds-ring-within",
1763
+ "transition-[background-color,border-color]",
2104
1764
  "transition-shadow",
2105
- "duration-200",
2106
- "ease-in-out",
2107
- "min-w-60",
2108
- "max-w-lg",
2109
- "max-h-96",
2110
- "overflow-auto",
1765
+ "pointer-events-none",
1766
+ "w-[8px]",
1767
+ "h-[8px]",
1768
+ "transition-opacity",
1769
+ "cursor-[inherit]",
1770
+ "absolute",
1771
+ "opacity-0",
1772
+ "top-1/2",
1773
+ "left-1/2",
1774
+ "w-[calc(100%+2px)]",
1775
+ "h-[calc(100%+2px)]",
1776
+ "transform",
1777
+ "translate-x-[-50%]",
1778
+ "translate-y-[-50%]",
1779
+ "text-start",
1780
+ "text-end"
1781
+ ],
1782
+ "internalComponents": [
1783
+ "Box",
1784
+ "FormLabel",
1785
+ "SpringMotionConfig",
1786
+ "RootElement",
1787
+ "MotionBox"
1788
+ ],
1789
+ "internalComponentProps": {
1790
+ "Box": { "borderRadius": ["full"] },
1791
+ "FormLabel": {
1792
+ "as": ["div"],
1793
+ "variant": ["inherit"],
1794
+ "color": ["inherit"]
1795
+ },
1796
+ "RootElement": { "data-testid": ["container"] },
1797
+ "MotionBox": {
1798
+ "position": ["relative"],
1799
+ "borderRadius": ["full"],
1800
+ "alignItems": ["center"],
1801
+ "justifyContent": ["center"],
1802
+ "flex": ["none"]
1803
+ }
1804
+ },
1805
+ "propToVariantKeys": {
1806
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1807
+ "variant": [
1808
+ "radioVariantRoot",
1809
+ "radioVariantRadio",
1810
+ "radioVariantRadioCircle"
1811
+ ],
1812
+ "reduceMotion": ["reducedMotion"]
1813
+ },
1814
+ "runtimeConfigDefaultProps": {},
1815
+ "runtimeConfigGetStyles": {},
1816
+ "runtimeConfigInternalComponentProps": {},
1817
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1818
+ };
1819
+ var RadioGroupProvider = {
1820
+ "name": "RadioGroupProvider",
1821
+ "defaultProps": {},
1822
+ "getStylesLiterals": {},
1823
+ "cxLiterals": [],
1824
+ "internalComponents": [
1825
+ "DivProps",
1826
+ "Comp",
1827
+ "RadioGroupContext.Provider"
1828
+ ],
1829
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1830
+ "propToVariantKeys": {},
1831
+ "runtimeConfigDefaultProps": {},
1832
+ "runtimeConfigGetStyles": {},
1833
+ "runtimeConfigInternalComponentProps": {},
1834
+ "motionVarPrefixes": []
1835
+ };
1836
+ var RadioGroupStore = {
1837
+ "name": "RadioGroupStore",
1838
+ "defaultProps": {},
1839
+ "getStylesLiterals": {},
1840
+ "cxLiterals": [],
1841
+ "internalComponents": [],
1842
+ "internalComponentProps": {},
1843
+ "propToVariantKeys": {},
1844
+ "runtimeConfigDefaultProps": {},
1845
+ "runtimeConfigGetStyles": {},
1846
+ "runtimeConfigInternalComponentProps": {},
1847
+ "motionVarPrefixes": []
1848
+ };
1849
+ var Tab = {
1850
+ "name": "Tab",
1851
+ "defaultProps": { "variant": "primary" },
1852
+ "getStylesLiterals": {
1853
+ "tabSizeRoot": "default",
1854
+ "tabVariantActiveRoot": "off",
1855
+ "tabVariantActiveRoot:1": "on",
1856
+ "tabSizeIcon": "default"
1857
+ },
1858
+ "cxLiterals": [
1859
+ "pointer-events-none",
1860
+ "absolute",
1861
+ "bottom-0",
1862
+ "left-0",
1863
+ "right-0",
1864
+ "h-[var(--uds-tab-underline-width,0px)]",
1865
+ "bg-[var(--uds-tab-underline-color,transparent)]",
1866
+ "transition-[height,background-color]",
1867
+ "duration-[240ms]",
1868
+ "ease-[cubic-bezier(0.2,0,0,1)]",
1869
+ "!bg-transparent",
1870
+ "!shadow-none",
1871
+ "inline-flex",
1872
+ "items-center",
1873
+ "shrink-0",
1874
+ "box-border",
1875
+ "relative",
1876
+ "z-[1]",
1877
+ "cursor-pointer",
1878
+ "select-none",
1879
+ "whitespace-nowrap",
2111
1880
  "uds-ring",
2112
- "z-10",
2113
- "group"
1881
+ "opacity-50",
1882
+ "cursor-default",
1883
+ "border-solid",
1884
+ "border-b-solid",
1885
+ "transition-colors"
2114
1886
  ],
2115
1887
  "internalComponents": [
2116
- "AriakitMenu",
2117
- "AnimatePresence",
2118
- "MotionVStack"
1888
+ "IconSlot",
1889
+ "AriakitTab",
1890
+ "Text"
2119
1891
  ],
2120
- "internalComponentProps": {},
1892
+ "internalComponentProps": { "Text": {
1893
+ "variant": ["inherit"],
1894
+ "as": ["span"],
1895
+ "color": ["current"]
1896
+ } },
2121
1897
  "propToVariantKeys": {
2122
- "size": ["menucontentSizeRoot"],
2123
- "variant": ["menucontentVariantRoot"]
1898
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
1899
+ "activeState": ["tabVariantActiveIcon"],
1900
+ "startIcon": ["icon"],
1901
+ "endIcon": ["icon"]
2124
1902
  },
2125
1903
  "runtimeConfigDefaultProps": {},
2126
1904
  "runtimeConfigGetStyles": {},
2127
1905
  "runtimeConfigInternalComponentProps": {},
2128
1906
  "motionVarPrefixes": []
2129
1907
  };
2130
- var Menu_Trigger = {
2131
- "name": "Menu.Trigger",
2132
- "defaultProps": {},
2133
- "getStylesLiterals": {},
2134
- "cxLiterals": ["uds-menu-trigger"],
2135
- "internalComponents": ["AriakitMenuTrigger", "Box"],
2136
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2137
- "propToVariantKeys": {},
2138
- "runtimeConfigDefaultProps": {},
2139
- "runtimeConfigGetStyles": {},
2140
- "runtimeConfigInternalComponentProps": {},
2141
- "motionVarPrefixes": []
2142
- };
2143
- var Menu_Divider = {
2144
- "name": "Menu.Divider",
2145
- "defaultProps": {
2146
- "role": "separator",
2147
- "contentPosition": "start",
2148
- "gap": "4"
2149
- },
1908
+ var TabList = {
1909
+ "name": "TabList",
1910
+ "defaultProps": { "variant": "primary" },
2150
1911
  "getStylesLiterals": {
2151
- "menuitemDividerVariantRoot": "default",
2152
- "menuitemDividerVariantText": "default",
2153
- "menuitemDividerVariantLine": "default"
1912
+ "tabSizeRoot": "default",
1913
+ "tabVariantActiveRoot": "on"
2154
1914
  },
2155
- "cxLiterals": [],
2156
- "internalComponents": ["DividerInternal"],
2157
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
2158
- "propToVariantKeys": {},
1915
+ "cxLiterals": [
1916
+ "pointer-events-none",
1917
+ "absolute",
1918
+ "bottom-0",
1919
+ "left-0",
1920
+ "right-0",
1921
+ "h-[var(--uds-tab-underline-width,0px)]",
1922
+ "bg-[var(--uds-tab-underline-color,transparent)]",
1923
+ "transition-[height,background-color]",
1924
+ "duration-[240ms]",
1925
+ "ease-[cubic-bezier(0.2,0,0,1)]",
1926
+ "!m-0",
1927
+ "!p-0",
1928
+ "!gap-0",
1929
+ "box-border",
1930
+ "z-0",
1931
+ "min-w-0",
1932
+ "min-h-0",
1933
+ "flex",
1934
+ "flex-row",
1935
+ "items-center",
1936
+ "overflow-x-auto",
1937
+ "overflow-y-clip",
1938
+ "scrollbar-none",
1939
+ "[overflow-clip-margin:6px]",
1940
+ "overflow-clip",
1941
+ "[overflow-clip-margin:8px]",
1942
+ "relative"
1943
+ ],
1944
+ "internalComponents": ["AriakitTabList"],
1945
+ "internalComponentProps": {},
1946
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2159
1947
  "runtimeConfigDefaultProps": {},
2160
1948
  "runtimeConfigGetStyles": {},
2161
1949
  "runtimeConfigInternalComponentProps": {},
2162
1950
  "motionVarPrefixes": []
2163
1951
  };
2164
- var Menu_Provider = {
2165
- "name": "Menu.Provider",
1952
+ var TabPanel = {
1953
+ "name": "TabPanel",
2166
1954
  "defaultProps": {},
2167
1955
  "getStylesLiterals": {},
2168
1956
  "cxLiterals": [],
2169
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1957
+ "internalComponents": ["AriakitTabPanel"],
2170
1958
  "internalComponentProps": {},
2171
1959
  "propToVariantKeys": {},
2172
1960
  "runtimeConfigDefaultProps": {},
2173
1961
  "runtimeConfigGetStyles": {},
2174
1962
  "runtimeConfigInternalComponentProps": {},
2175
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1963
+ "motionVarPrefixes": []
2176
1964
  };
2177
- var Menu_ItemCheckbox = {
2178
- "name": "Menu.ItemCheckbox",
2179
- "defaultProps": {},
2180
- "getStylesLiterals": {
2181
- "menuitemItemCheckboxVariantRoot": "default",
2182
- "menuitemItemCheckboxVariantActiveRoot": "on",
2183
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2184
- "menuitemItemCheckboxVariantText": "default",
2185
- "menuitemItemCheckboxVariantActiveText": "on",
2186
- "menuitemItemCheckboxVariantActiveText:1": "off",
2187
- "menuitemItemCheckboxVariantStartIcon": "default",
2188
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2189
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2190
- "menuitemItemCheckboxVariantEndIcon": "default",
2191
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2192
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2193
- },
2194
- "cxLiterals": ["uds-menu-item-checkbox"],
2195
- "internalComponents": ["MenuItemBase"],
1965
+ var Tabs = {
1966
+ "name": "Tabs",
1967
+ "defaultProps": { "variant": "primary" },
1968
+ "getStylesLiterals": {},
1969
+ "cxLiterals": [],
1970
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2196
1971
  "internalComponentProps": {},
2197
- "propToVariantKeys": {},
1972
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2198
1973
  "runtimeConfigDefaultProps": {},
2199
1974
  "runtimeConfigGetStyles": {},
2200
1975
  "runtimeConfigInternalComponentProps": {},
2201
1976
  "motionVarPrefixes": []
2202
1977
  };
2203
- var Menu_ItemBase = {
2204
- "name": "Menu.ItemBase",
2205
- "defaultProps": {
2206
- "spacing": "0",
2207
- "spacingHorizontal": "4",
2208
- "spacingVertical": "3.5",
2209
- "columnGap": "2",
2210
- "alignItems": "center",
2211
- "justifyContent": "space-between"
2212
- },
1978
+ var Toast = {
1979
+ "name": "Toast",
1980
+ "defaultProps": {},
2213
1981
  "getStylesLiterals": {
2214
- "textAlign": "start",
2215
- "menuitemSizeRoot": "default",
2216
- "flexDirection": "row",
2217
- "menuitemSizeStartIcon": "default",
2218
- "menuitemSizeEndIcon": "default"
1982
+ "className": "animate-spin",
1983
+ "className:1": "flex-none",
1984
+ "spacing": "2",
1985
+ "borderRadius": "full"
2219
1986
  },
2220
1987
  "cxLiterals": [
2221
- "flex",
2222
- "focus-visible:text-brand",
2223
- "focus-visible:bg-brand-secondary",
2224
- "focus-visible:z-10",
2225
- "uds-ring",
2226
- "!-outline-offset-2",
2227
- "[&:not([aria-checked])]:cursor-default",
2228
- "opacity-25",
2229
- "cursor-not-allowed",
2230
- "duration-20",
2231
- "transition-[font-variation-settings]",
2232
- "ease-in-out",
2233
- "z-0",
2234
- "uds-start-icon",
2235
- "uds-end-icon"
1988
+ "duration-0",
1989
+ "duration-120",
1990
+ "transition-[background-color]",
1991
+ "bg-carbon-15/0",
1992
+ "hover:bg-carbon-15/10",
1993
+ "active:bg-carbon-15/15",
1994
+ "uds-ring"
2236
1995
  ],
2237
1996
  "internalComponents": [
2238
- "Pressable",
2239
1997
  "IconSlot",
2240
- "RootComponent",
2241
- "HStack",
2242
- "AnimatePresence"
1998
+ "ToastContainer",
1999
+ "Text",
2000
+ "Button",
2001
+ "Pressable"
2243
2002
  ],
2244
- "internalComponentProps": {
2245
- "HStack": {
2246
- "alignItems": ["center"],
2247
- "width": ["full"]
2003
+ "internalComponentProps": {},
2004
+ "propToVariantKeys": {
2005
+ "size": [
2006
+ "toastSizeLabel",
2007
+ "toastSizeIcon",
2008
+ "toastSizeActionButton",
2009
+ "toastSizeCloseIcon"
2010
+ ],
2011
+ "variant": [
2012
+ "toastVariantIcon",
2013
+ "toastVariantActionButton",
2014
+ "toastVariantCloseIcon"
2015
+ ],
2016
+ "closeIcon": ["icon"],
2017
+ "onClickActionButton": ["onClick"]
2018
+ },
2019
+ "runtimeConfigDefaultProps": {
2020
+ "size": "toast.defaultSize",
2021
+ "variant": "toast.defaultVariant"
2022
+ },
2023
+ "runtimeConfigGetStyles": {
2024
+ "toastSizeLabel": ["toast.defaultSize"],
2025
+ "toastVariantIcon": ["toast.defaultVariant"],
2026
+ "toastSizeIcon": ["toast.defaultSize"],
2027
+ "toastSizeActionButton": ["toast.defaultSize"],
2028
+ "toastVariantActionButton": ["toast.defaultVariant"],
2029
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2030
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2031
+ },
2032
+ "runtimeConfigInternalComponentProps": {
2033
+ "ToastContainer": {
2034
+ "size": ["toast.defaultSize"],
2035
+ "variant": ["toast.defaultVariant"]
2248
2036
  },
2249
- "AnimatePresence": { "mode": ["popLayout"] }
2037
+ "Text": {
2038
+ "variant": ["toast.textVariant.${size}"],
2039
+ "color": ["toast.textColor.${variant}"]
2040
+ },
2041
+ "Button": {
2042
+ "size": ["toast.buttonSize.${size}"],
2043
+ "variant": ["toast.buttonVariant.${variant}"]
2044
+ }
2045
+ },
2046
+ "motionVarPrefixes": []
2047
+ };
2048
+ var ToastContainer = {
2049
+ "name": "ToastContainer",
2050
+ "defaultProps": {},
2051
+ "getStylesLiterals": {
2052
+ "position": "relative",
2053
+ "alignItems": "center",
2054
+ "display": "flex",
2055
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2250
2056
  },
2057
+ "cxLiterals": ["w-full"],
2058
+ "internalComponents": ["HStack"],
2059
+ "internalComponentProps": { "HStack": {
2060
+ "alignItems": ["center"],
2061
+ "justifyContent": ["space-between"],
2062
+ "overflow": ["hidden"],
2063
+ "position": ["relative"]
2064
+ } },
2251
2065
  "propToVariantKeys": {
2252
- "startIconClassName": ["className"],
2253
- "endIconClassName": ["className"],
2254
- "startIcon": ["icon"],
2255
- "endIcon": ["icon"],
2256
- "columnGap": ["gap"]
2066
+ "variant": ["toastVariantRoot"],
2067
+ "size": ["toastSizeRoot"]
2257
2068
  },
2258
- "runtimeConfigDefaultProps": {},
2259
- "runtimeConfigGetStyles": {},
2260
- "runtimeConfigInternalComponentProps": {},
2069
+ "runtimeConfigDefaultProps": {
2070
+ "size": "toast.defaultSize",
2071
+ "variant": "toast.defaultVariant"
2072
+ },
2073
+ "runtimeConfigGetStyles": {
2074
+ "toastVariantRoot": ["toast.defaultVariant"],
2075
+ "toastSizeRoot": ["toast.defaultSize"]
2076
+ },
2077
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2261
2078
  "motionVarPrefixes": []
2262
2079
  };
2263
- var UDSBreakpointsConfigProvider = {
2264
- "name": "UDSBreakpointsConfigProvider",
2080
+ var ToastPortal = {
2081
+ "name": "ToastPortal",
2265
2082
  "defaultProps": {},
2266
2083
  "getStylesLiterals": {},
2267
2084
  "cxLiterals": [],
2268
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2085
+ "internalComponents": ["ReactToastifyToastContainer"],
2269
2086
  "internalComponentProps": {},
2270
2087
  "propToVariantKeys": {},
2271
- "runtimeConfigDefaultProps": {},
2088
+ "runtimeConfigDefaultProps": {
2089
+ "size": "toast.defaultSize",
2090
+ "variant": "toast.defaultVariant"
2091
+ },
2272
2092
  "runtimeConfigGetStyles": {},
2273
- "runtimeConfigInternalComponentProps": {},
2093
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2274
2094
  "motionVarPrefixes": []
2275
2095
  };
2276
- var UDSConfigProvider = {
2277
- "name": "UDSConfigProvider",
2096
+ var UDSToastConfigProvider = {
2097
+ "name": "UDSToastConfigProvider",
2278
2098
  "defaultProps": {},
2279
2099
  "getStylesLiterals": {},
2280
2100
  "cxLiterals": [],
2281
- "internalComponents": [
2282
- "UDSBreakpointsConfigProvider",
2283
- "UDSBottomSheetConfigProvider",
2284
- "UDSToastConfigProvider",
2285
- "UDSTooltipConfigProvider",
2286
- "UDSPopoverConfigProvider"
2287
- ],
2101
+ "internalComponents": ["ToastContext.Provider"],
2288
2102
  "internalComponentProps": {},
2289
2103
  "propToVariantKeys": {},
2290
2104
  "runtimeConfigDefaultProps": {},
@@ -2357,6 +2171,19 @@ var TooltipContent = {
2357
2171
  "runtimeConfigInternalComponentProps": {},
2358
2172
  "motionVarPrefixes": []
2359
2173
  };
2174
+ var TooltipTrigger = {
2175
+ "name": "TooltipTrigger",
2176
+ "defaultProps": {},
2177
+ "getStylesLiterals": {},
2178
+ "cxLiterals": [],
2179
+ "internalComponents": ["TooltipAnchor"],
2180
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2181
+ "propToVariantKeys": { "children": ["render"] },
2182
+ "runtimeConfigDefaultProps": {},
2183
+ "runtimeConfigGetStyles": {},
2184
+ "runtimeConfigInternalComponentProps": {},
2185
+ "motionVarPrefixes": []
2186
+ };
2360
2187
  var UDSTooltipConfigProvider = {
2361
2188
  "name": "UDSTooltipConfigProvider",
2362
2189
  "defaultProps": {},
@@ -2370,96 +2197,281 @@ var UDSTooltipConfigProvider = {
2370
2197
  "runtimeConfigInternalComponentProps": {},
2371
2198
  "motionVarPrefixes": []
2372
2199
  };
2373
- var TooltipTrigger = {
2374
- "name": "TooltipTrigger",
2200
+ var UDSBreakpointsConfigProvider = {
2201
+ "name": "UDSBreakpointsConfigProvider",
2375
2202
  "defaultProps": {},
2376
2203
  "getStylesLiterals": {},
2377
2204
  "cxLiterals": [],
2378
- "internalComponents": ["TooltipAnchor"],
2379
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2380
- "propToVariantKeys": { "children": ["render"] },
2205
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2206
+ "internalComponentProps": {},
2207
+ "propToVariantKeys": {},
2381
2208
  "runtimeConfigDefaultProps": {},
2382
2209
  "runtimeConfigGetStyles": {},
2383
2210
  "runtimeConfigInternalComponentProps": {},
2384
2211
  "motionVarPrefixes": []
2385
2212
  };
2386
- var RadioGroupProvider = {
2387
- "name": "RadioGroupProvider",
2213
+ var UDSConfigProvider = {
2214
+ "name": "UDSConfigProvider",
2388
2215
  "defaultProps": {},
2389
2216
  "getStylesLiterals": {},
2390
2217
  "cxLiterals": [],
2391
2218
  "internalComponents": [
2392
- "DivProps",
2393
- "Comp",
2394
- "RadioGroupContext.Provider"
2219
+ "UDSBreakpointsConfigProvider",
2220
+ "UDSBottomSheetConfigProvider",
2221
+ "UDSToastConfigProvider",
2222
+ "UDSTooltipConfigProvider",
2223
+ "UDSPopoverConfigProvider"
2224
+ ],
2225
+ "internalComponentProps": {},
2226
+ "propToVariantKeys": {},
2227
+ "runtimeConfigDefaultProps": {},
2228
+ "runtimeConfigGetStyles": {},
2229
+ "runtimeConfigInternalComponentProps": {},
2230
+ "motionVarPrefixes": []
2231
+ };
2232
+ var Accordion = {
2233
+ "name": "Accordion",
2234
+ "defaultProps": {
2235
+ "spacingHorizontal": "4",
2236
+ "spacingVertical": "4"
2237
+ },
2238
+ "getStylesLiterals": {},
2239
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2240
+ "internalComponents": [
2241
+ "Icon",
2242
+ "SpringMotionConfig",
2243
+ "Pressable",
2244
+ "Text",
2245
+ "HStack",
2246
+ "AnimatePresence",
2247
+ "VStack"
2248
+ ],
2249
+ "internalComponentProps": {
2250
+ "Icon": {
2251
+ "variant": ["fill"],
2252
+ "size": ["sm"],
2253
+ "color": ["primary"]
2254
+ },
2255
+ "SpringMotionConfig": {
2256
+ "layoutVariant": ["smooth"],
2257
+ "layoutSpeed": ["3"]
2258
+ },
2259
+ "Pressable": {
2260
+ "display": ["flex"],
2261
+ "flexDirection": ["row"],
2262
+ "alignItems": ["center"],
2263
+ "justifyContent": ["space-between"],
2264
+ "borderRadius": ["md"]
2265
+ },
2266
+ "Text": {
2267
+ "variant": ["title4"],
2268
+ "color": ["primary"]
2269
+ },
2270
+ "HStack": {
2271
+ "display": ["flex"],
2272
+ "alignItems": ["center"],
2273
+ "justifyContent": ["space-between"],
2274
+ "columnGap": ["2.5"]
2275
+ }
2276
+ },
2277
+ "propToVariantKeys": {},
2278
+ "runtimeConfigDefaultProps": {},
2279
+ "runtimeConfigGetStyles": {},
2280
+ "runtimeConfigInternalComponentProps": {},
2281
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2282
+ };
2283
+ var AvoidMotionLibraryProvider = {
2284
+ "name": "AvoidMotionLibraryProvider",
2285
+ "defaultProps": {},
2286
+ "getStylesLiterals": {},
2287
+ "cxLiterals": [],
2288
+ "internalComponents": [],
2289
+ "internalComponentProps": {},
2290
+ "propToVariantKeys": {},
2291
+ "runtimeConfigDefaultProps": {},
2292
+ "runtimeConfigGetStyles": {},
2293
+ "runtimeConfigInternalComponentProps": {},
2294
+ "motionVarPrefixes": []
2295
+ };
2296
+ var Modal = {
2297
+ "name": "Modal",
2298
+ "defaultProps": {},
2299
+ "getStylesLiterals": {},
2300
+ "cxLiterals": [
2301
+ "inset-8",
2302
+ "top-[250px]",
2303
+ "z-50",
2304
+ "mx-auto",
2305
+ "h-fit",
2306
+ "w-[600px]",
2307
+ "origin-center",
2308
+ "scale-95",
2309
+ "opacity-0",
2310
+ "transition",
2311
+ "duration-150",
2312
+ "data-[enter]:scale-100",
2313
+ "data-[enter]:opacity-100",
2314
+ "data-[enter]:bg-primary",
2315
+ "backdrop-blur-0",
2316
+ "data-[enter]:opacity-60",
2317
+ "data-[enter]:backdrop-blur-sm"
2318
+ ],
2319
+ "internalComponents": [
2320
+ "IconButton",
2321
+ "Dialog",
2322
+ "HStack",
2323
+ "Text",
2324
+ "VStack"
2325
+ ],
2326
+ "internalComponentProps": {
2327
+ "IconButton": {
2328
+ "aria-label": ["Close"],
2329
+ "size": ["sm"],
2330
+ "variant": ["tertiary"]
2331
+ },
2332
+ "HStack": {
2333
+ "alignItems": ["center"],
2334
+ "justifyContent": ["space-between"]
2335
+ },
2336
+ "Text": {
2337
+ "variant": ["headline1"],
2338
+ "color": ["primary"]
2339
+ },
2340
+ "VStack": {
2341
+ "borderRadius": ["md"],
2342
+ "position": ["fixed"],
2343
+ "backgroundColor": ["primary"],
2344
+ "dropShadow": ["md"],
2345
+ "spacing": ["8"],
2346
+ "overflow": ["hidden"]
2347
+ }
2348
+ },
2349
+ "propToVariantKeys": { "handleClose": ["onClick"] },
2350
+ "runtimeConfigDefaultProps": {},
2351
+ "runtimeConfigGetStyles": {},
2352
+ "runtimeConfigInternalComponentProps": {},
2353
+ "motionVarPrefixes": []
2354
+ };
2355
+ var SegmentedControl = {
2356
+ "name": "SegmentedControl",
2357
+ "defaultProps": { "textVariant": "label2" },
2358
+ "getStylesLiterals": {
2359
+ "display": "flex",
2360
+ "alignItems": "center",
2361
+ "backgroundColor": "primary",
2362
+ "spacingVertical": "1",
2363
+ "spacingHorizontal": "3",
2364
+ "columnGap": "1.5",
2365
+ "borderWidth": "thin",
2366
+ "borderRadius": "full",
2367
+ "borderColor": "muted",
2368
+ "borderColor:1": "transparent",
2369
+ "color": "primary",
2370
+ "color:1": "tertiary",
2371
+ "color:2": "muted"
2372
+ },
2373
+ "cxLiterals": [
2374
+ "uds-ring",
2375
+ "cursor-not-allowed",
2376
+ "opacity-50",
2377
+ "pointer-events-none",
2378
+ "hover:bg-primary"
2379
+ ],
2380
+ "internalComponents": [
2381
+ "TextVariant",
2382
+ "Radio",
2383
+ "Icon",
2384
+ "RadioProvider",
2385
+ "HStack",
2386
+ "RadioGroup",
2387
+ "Pressable",
2388
+ "Text"
2395
2389
  ],
2396
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2397
- "propToVariantKeys": {},
2398
- "runtimeConfigDefaultProps": {},
2399
- "runtimeConfigGetStyles": {},
2400
- "runtimeConfigInternalComponentProps": {},
2401
- "motionVarPrefixes": []
2402
- };
2403
- var RadioGroupStore = {
2404
- "name": "RadioGroupStore",
2405
- "defaultProps": {},
2406
- "getStylesLiterals": {},
2407
- "cxLiterals": [],
2408
- "internalComponents": [],
2409
- "internalComponentProps": {},
2410
- "propToVariantKeys": {},
2390
+ "internalComponentProps": {
2391
+ "Icon": {
2392
+ "size": ["sm"],
2393
+ "color": ["current"],
2394
+ "aria-hidden": ["true"]
2395
+ },
2396
+ "HStack": {
2397
+ "spacing": ["1"],
2398
+ "gap": ["1"],
2399
+ "backgroundColor": ["secondary"],
2400
+ "borderRadius": ["full"],
2401
+ "display": ["inline-flex"]
2402
+ },
2403
+ "Text": { "color": ["current"] }
2404
+ },
2405
+ "propToVariantKeys": {
2406
+ "value": ["key"],
2407
+ "label": ["aria-label"],
2408
+ "textVariant": ["variant"]
2409
+ },
2411
2410
  "runtimeConfigDefaultProps": {},
2412
2411
  "runtimeConfigGetStyles": {},
2413
2412
  "runtimeConfigInternalComponentProps": {},
2414
2413
  "motionVarPrefixes": []
2415
2414
  };
2416
- var Radio = {
2417
- "name": "Radio",
2415
+ var SwitchV2 = {
2416
+ "name": "SwitchV2",
2418
2417
  "defaultProps": {
2419
2418
  "labelPosition": "start",
2420
- "variant": "primary",
2421
- "size": "md",
2422
- "value": ""
2419
+ "size": "md"
2423
2420
  },
2424
2421
  "getStylesLiterals": {
2425
- "radioVariantValueRoot": "checked",
2426
- "radioVariantValueRoot:1": "unchecked",
2427
- "display": "flex",
2428
- "flexDirection": "row",
2429
- "flexDirection:1": "row-reverse",
2430
- "alignItems": "center",
2431
- "radioVariantValueRadio": "checked",
2432
- "radioVariantValueRadio:1": "unchecked",
2433
- "radioVariantValueRadioCircle": "checked",
2434
- "radioVariantValueRadioCircle:1": "unchecked"
2422
+ "switchVariantRoot": "default",
2423
+ "switchVariantActiveRoot": "on",
2424
+ "switchVariantActiveRoot:1": "off",
2425
+ "switchVariantSwitch": "default",
2426
+ "switchVariantActiveSwitch": "on",
2427
+ "switchVariantActiveSwitch:1": "off",
2428
+ "switchVariantActiveHandle": "on",
2429
+ "switchVariantActiveHandle:1": "off",
2430
+ "switchVariantHandle": "default",
2431
+ "switchVariantHandleIcon": "default",
2432
+ "switchVariantActiveHandleIcon": "on",
2433
+ "switchVariantActiveHandleIcon:1": "off"
2435
2434
  },
2436
2435
  "cxLiterals": [
2437
- "cursor-pointer",
2438
- "cursor-default",
2439
- "opacity-50",
2440
- "border",
2436
+ "group",
2437
+ "flex",
2438
+ "items-center",
2439
+ "flex-row",
2440
+ "flex-row-reverse",
2441
2441
  "uds-ring",
2442
2442
  "uds-ring-within",
2443
- "transition-[background-color,border-color]",
2444
- "transition-shadow",
2443
+ "relative",
2444
+ "uds-border-radius-full",
2445
+ "transition-[background-color,box-shadow]",
2445
2446
  "pointer-events-none",
2446
- "w-[8px]",
2447
- "h-[8px]",
2448
- "transition-opacity",
2449
- "cursor-[inherit]",
2447
+ "w-full",
2448
+ "h-full",
2450
2449
  "absolute",
2450
+ "top-0",
2451
+ "bottom-0",
2452
+ "right-0",
2453
+ "left-0",
2454
+ "overflow-hidden",
2455
+ "group-hover:scale-105",
2456
+ "opacity-95",
2457
+ "group-hover:opacity-100",
2458
+ "transition-[transform,opacity]",
2451
2459
  "opacity-0",
2452
2460
  "top-1/2",
2453
2461
  "left-1/2",
2454
- "w-[calc(100%+2px)]",
2455
- "h-[calc(100%+2px)]",
2456
2462
  "transform",
2457
2463
  "translate-x-[-50%]",
2458
2464
  "translate-y-[-50%]",
2465
+ "transition-opacity",
2466
+ "cursor-[inherit]",
2467
+ "w-[calc(100%+2px)]",
2468
+ "h-[calc(100%+2px)]",
2459
2469
  "text-start",
2460
- "text-end"
2470
+ "text-end",
2471
+ "opacity-100"
2461
2472
  ],
2462
2473
  "internalComponents": [
2474
+ "IconSlot",
2463
2475
  "Box",
2464
2476
  "FormLabel",
2465
2477
  "SpringMotionConfig",
@@ -2467,124 +2479,126 @@ var Radio = {
2467
2479
  "MotionBox"
2468
2480
  ],
2469
2481
  "internalComponentProps": {
2470
- "Box": { "borderRadius": ["full"] },
2482
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2471
2483
  "FormLabel": {
2472
2484
  "as": ["div"],
2473
2485
  "variant": ["inherit"],
2474
2486
  "color": ["inherit"]
2475
2487
  },
2476
- "RootElement": { "data-testid": ["container"] },
2477
- "MotionBox": {
2478
- "position": ["relative"],
2479
- "borderRadius": ["full"],
2480
- "alignItems": ["center"],
2481
- "justifyContent": ["center"],
2482
- "flex": ["none"]
2483
- }
2488
+ "SpringMotionConfig": {
2489
+ "layoutVariant": ["bouncy"],
2490
+ "layoutSpeed": ["4"]
2491
+ },
2492
+ "RootElement": { "data-testid": ["switch-root"] },
2493
+ "MotionBox": { "layout": ["position"] }
2484
2494
  },
2485
2495
  "propToVariantKeys": {
2486
- "size": ["radioSizeRoot", "radioSizeRadio"],
2487
- "variant": [
2488
- "radioVariantRoot",
2489
- "radioVariantRadio",
2490
- "radioVariantRadioCircle"
2496
+ "size": [
2497
+ "switchSizeRoot",
2498
+ "switchSizeSwitch",
2499
+ "switchSizeHandle",
2500
+ "switchSizeHandleIcon"
2491
2501
  ],
2492
- "reduceMotion": ["reducedMotion"]
2502
+ "onIcon": ["icon"],
2503
+ "offIcon": ["icon"],
2504
+ "reduceMotion": ["reducedMotion"],
2505
+ "isOn": ["layoutDependency"]
2493
2506
  },
2494
2507
  "runtimeConfigDefaultProps": {},
2495
2508
  "runtimeConfigGetStyles": {},
2496
2509
  "runtimeConfigInternalComponentProps": {},
2497
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2510
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2498
2511
  };
2499
2512
  var componentData_default = {
2513
+ Box,
2514
+ FormLabel,
2515
+ HStack,
2500
2516
  Icon,
2501
- Text,
2517
+ IconSlot,
2502
2518
  Image,
2519
+ Link,
2503
2520
  Scrim,
2504
- FormLabel,
2505
- VStack,
2506
- IconSlot,
2507
- Box,
2508
2521
  SvgFloatingOverlay,
2509
- HStack,
2510
- Link,
2511
- BannerDescription,
2522
+ Text,
2523
+ VStack,
2524
+ Avatar,
2525
+ AvatarIcon,
2526
+ AvatarImageNoFallback,
2527
+ AvatarText,
2512
2528
  Banner,
2513
2529
  BannerContent,
2530
+ BannerDescription,
2514
2531
  BannerTitle,
2515
2532
  Divider,
2516
2533
  DividerCore,
2517
2534
  DividerInternal,
2518
- "Table.mocks": Table_mocks,
2519
- Spinner,
2520
- Table,
2521
- Pressable,
2522
- SpringMotionConfig,
2523
2535
  AnimateHeightChange,
2524
- Switch,
2525
- IconButton,
2526
2536
  Badge,
2527
- Checkbox,
2528
2537
  Button,
2529
- Accordion,
2530
- Modal,
2531
- AvoidMotionLibraryProvider,
2532
- SegmentedControl,
2533
- SwitchV2,
2534
- UDSToastConfigProvider,
2535
- ToastPortal,
2536
- Toast,
2537
- ToastContainer,
2538
- BottomSheetInternalContext,
2538
+ Checkbox,
2539
+ IconButton,
2540
+ Pressable,
2541
+ SpringMotionConfig,
2542
+ Switch,
2543
+ Spinner,
2544
+ "Table.mocks": Table_mocks,
2545
+ Table,
2546
+ AvatarImage,
2547
+ BottomSheet,
2539
2548
  BottomSheetContent,
2549
+ BottomSheetDismiss,
2540
2550
  BottomSheetHandle,
2541
- BottomSheet,
2542
2551
  BottomSheetHeader,
2552
+ BottomSheetInternalContext,
2553
+ BottomSheetProvider,
2543
2554
  BottomSheetTrigger,
2544
2555
  UDSBottomSheetConfigProvider,
2545
- BottomSheetDismiss,
2546
- BottomSheetProvider,
2547
- ChipLink,
2548
- ChipDismissible,
2549
- ChipToggle,
2550
- ChipBase,
2551
2556
  Chip,
2557
+ ChipBase,
2552
2558
  ChipButton,
2553
- TabPanel,
2554
- Tabs,
2555
- TabList,
2556
- Tab,
2557
- AvatarText,
2558
- AvatarIcon,
2559
- Avatar,
2560
- AvatarImage,
2561
- UDSPopoverConfigProvider,
2562
- Popover,
2563
- PopoverTrigger,
2564
- PopoverContext,
2565
- PopoverContent,
2566
- Input,
2567
- InputHelpText,
2568
- InputHelpTextInternal,
2569
- "Menu.Item": Menu_Item,
2570
- "Menu.index": Menu_index,
2571
- Menu,
2559
+ ChipDismissible,
2560
+ ChipLink,
2561
+ ChipToggle,
2572
2562
  "Menu.Content": Menu_Content,
2573
- "Menu.Trigger": Menu_Trigger,
2574
2563
  "Menu.Divider": Menu_Divider,
2575
- "Menu.Provider": Menu_Provider,
2576
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2564
+ "Menu.Item": Menu_Item,
2577
2565
  "Menu.ItemBase": Menu_ItemBase,
2578
- UDSBreakpointsConfigProvider,
2579
- UDSConfigProvider,
2566
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2567
+ "Menu.Provider": Menu_Provider,
2568
+ "Menu.Trigger": Menu_Trigger,
2569
+ "Menu.index": Menu_index,
2570
+ Menu,
2571
+ Input,
2572
+ InputHelpText,
2573
+ InputHelpTextInternal,
2574
+ Popover,
2575
+ PopoverContent,
2576
+ PopoverContext,
2577
+ PopoverTrigger,
2578
+ UDSPopoverConfigProvider,
2579
+ Radio,
2580
+ RadioGroupProvider,
2581
+ RadioGroupStore,
2582
+ Tab,
2583
+ TabList,
2584
+ TabPanel,
2585
+ Tabs,
2586
+ Toast,
2587
+ ToastContainer,
2588
+ ToastPortal,
2589
+ UDSToastConfigProvider,
2580
2590
  Tooltip,
2581
2591
  TooltipContent,
2582
- UDSTooltipConfigProvider,
2583
2592
  TooltipTrigger,
2584
- RadioGroupProvider,
2585
- RadioGroupStore,
2586
- Radio
2593
+ UDSTooltipConfigProvider,
2594
+ UDSBreakpointsConfigProvider,
2595
+ UDSConfigProvider,
2596
+ Accordion,
2597
+ AvoidMotionLibraryProvider,
2598
+ Modal,
2599
+ SegmentedControl,
2600
+ SwitchV2
2587
2601
  };
2588
2602
 
2589
2603
  //#endregion
2590
- export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarText, AvoidMotionLibraryProvider, Badge, Banner, BannerContent, BannerDescription, BannerTitle, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetInternalContext, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Menu_index as "Menu.index", Modal, Popover, PopoverContent, PopoverContext, PopoverTrigger, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, SvgFloatingOverlay, Switch, SwitchV2, Tab, TabList, TabPanel, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };
2604
+ export { Accordion, AnimateHeightChange, Avatar, AvatarIcon, AvatarImage, AvatarImageNoFallback, AvatarText, AvoidMotionLibraryProvider, Badge, Banner, BannerContent, BannerDescription, BannerTitle, BottomSheet, BottomSheetContent, BottomSheetDismiss, BottomSheetHandle, BottomSheetHeader, BottomSheetInternalContext, BottomSheetProvider, BottomSheetTrigger, Box, Button, Checkbox, Chip, ChipBase, ChipButton, ChipDismissible, ChipLink, ChipToggle, Divider, DividerCore, DividerInternal, FormLabel, HStack, Icon, IconButton, IconSlot, Image, Input, InputHelpText, InputHelpTextInternal, Link, Menu, Menu_Content as "Menu.Content", Menu_Divider as "Menu.Divider", Menu_Item as "Menu.Item", Menu_ItemBase as "Menu.ItemBase", Menu_ItemCheckbox as "Menu.ItemCheckbox", Menu_Provider as "Menu.Provider", Menu_Trigger as "Menu.Trigger", Menu_index as "Menu.index", Modal, Popover, PopoverContent, PopoverContext, PopoverTrigger, Pressable, Radio, RadioGroupProvider, RadioGroupStore, Scrim, SegmentedControl, Spinner, SpringMotionConfig, SvgFloatingOverlay, Switch, SwitchV2, Tab, TabList, TabPanel, Table, Table_mocks as "Table.mocks", Tabs, Text, Toast, ToastContainer, ToastPortal, Tooltip, TooltipContent, TooltipTrigger, UDSBottomSheetConfigProvider, UDSBreakpointsConfigProvider, UDSConfigProvider, UDSPopoverConfigProvider, UDSToastConfigProvider, UDSTooltipConfigProvider, VStack, componentData_default as default };