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