@yahoo/uds 3.144.0 → 3.144.1

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