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