@yahoo/uds 3.143.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 (19) hide show
  1. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  2. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  3. package/dist/styles/styler.d.cts +1 -1
  4. package/dist/styles/styler.d.ts +1 -1
  5. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.cts +1 -1
  6. package/dist/tailwind/dist/tailwind/utils/getFontStyles.d.ts +1 -1
  7. package/dist/tailwind/dist/utils/parseTokens.cjs +9 -3
  8. package/dist/tailwind/dist/utils/parseTokens.d.cts.map +1 -1
  9. package/dist/tailwind/dist/utils/parseTokens.d.ts.map +1 -1
  10. package/dist/tailwind/dist/utils/parseTokens.js +9 -3
  11. package/dist/tailwind/dist/utils/parseTokens.js.map +1 -1
  12. package/dist/types/dist/index.d.cts +2 -2
  13. package/dist/types/dist/index.d.ts +2 -2
  14. package/dist/uds/generated/componentData.cjs +1672 -1672
  15. package/dist/uds/generated/componentData.js +1672 -1672
  16. package/dist/uds/package.cjs +1 -1
  17. package/dist/uds/package.js +1 -1
  18. package/generated/componentData.json +2093 -2093
  19. package/package.json +2 -2
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,6 +84,29 @@
161
84
  "runtimeConfigInternalComponentProps": {},
162
85
  "motionVarPrefixes": []
163
86
  },
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
+ ],
100
+ "internalComponents": [
101
+ "SVGIcon"
102
+ ],
103
+ "internalComponentProps": {},
104
+ "propToVariantKeys": {},
105
+ "runtimeConfigDefaultProps": {},
106
+ "runtimeConfigGetStyles": {},
107
+ "runtimeConfigInternalComponentProps": {},
108
+ "motionVarPrefixes": []
109
+ },
164
110
  "IconSlot": {
165
111
  "name": "IconSlot",
166
112
  "defaultProps": {},
@@ -176,25 +122,105 @@
176
122
  "runtimeConfigInternalComponentProps": {},
177
123
  "motionVarPrefixes": []
178
124
  },
179
- "Box": {
180
- "name": "Box",
125
+ "Image": {
126
+ "name": "Image",
127
+ "defaultProps": {},
128
+ "getStylesLiterals": {},
129
+ "cxLiterals": [],
130
+ "internalComponents": [],
131
+ "internalComponentProps": {},
132
+ "propToVariantKeys": {},
133
+ "runtimeConfigDefaultProps": {},
134
+ "runtimeConfigGetStyles": {},
135
+ "runtimeConfigInternalComponentProps": {},
136
+ "motionVarPrefixes": []
137
+ },
138
+ "Link": {
139
+ "name": "Link",
181
140
  "defaultProps": {
182
- "as": "div",
183
- "display": "flex"
141
+ "variant": "primary"
142
+ },
143
+ "getStylesLiterals": {
144
+ "display": "inline-flex",
145
+ "alignItems": "center"
146
+ },
147
+ "cxLiterals": [
148
+ "uds-ring",
149
+ "underline",
150
+ "w-[0.7em]",
151
+ "h-[0.7em]"
152
+ ],
153
+ "internalComponents": [
154
+ "IconSlot"
155
+ ],
156
+ "internalComponentProps": {
157
+ "IconSlot": {
158
+ "data-testid": [
159
+ "start-icon",
160
+ "end-icon"
161
+ ]
162
+ }
163
+ },
164
+ "propToVariantKeys": {
165
+ "textVariant": [
166
+ "linkTextStyleRoot",
167
+ "fontSize",
168
+ "fontFamily",
169
+ "fontWeight",
170
+ "lineHeight",
171
+ "textTransform",
172
+ "linkTextStyleIcon"
173
+ ],
174
+ "variant": [
175
+ "linkVariantRoot",
176
+ "linkVariantIconStart",
177
+ "linkVariantIconEnd"
178
+ ],
179
+ "startIcon": [
180
+ "icon"
181
+ ],
182
+ "endIcon": [
183
+ "icon"
184
+ ]
185
+ },
186
+ "runtimeConfigDefaultProps": {},
187
+ "runtimeConfigGetStyles": {},
188
+ "runtimeConfigInternalComponentProps": {},
189
+ "motionVarPrefixes": []
190
+ },
191
+ "Scrim": {
192
+ "name": "Scrim",
193
+ "defaultProps": {
194
+ "variant": "default",
195
+ "position": "fixed"
184
196
  },
185
197
  "getStylesLiterals": {},
186
- "cxLiterals": [],
198
+ "cxLiterals": [
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"
210
+ ],
187
211
  "internalComponents": [
188
- "Comp"
212
+ "Box"
189
213
  ],
190
- "internalComponentProps": {},
214
+ "internalComponentProps": {
215
+ "Box": {
216
+ "display": [
217
+ "block"
218
+ ]
219
+ }
220
+ },
191
221
  "propToVariantKeys": {
192
- "elevationAlias": [
193
- "backgroundColor",
194
- "borderColor",
195
- "borderWidth",
196
- "dropShadow",
197
- "insetShadow"
222
+ "variant": [
223
+ "scrimVariantRoot"
198
224
  ]
199
225
  },
200
226
  "runtimeConfigDefaultProps": {},
@@ -257,25 +283,26 @@
257
283
  "runtimeConfigInternalComponentProps": {},
258
284
  "motionVarPrefixes": []
259
285
  },
260
- "HStack": {
261
- "name": "HStack",
262
- "defaultProps": {},
286
+ "Text": {
287
+ "name": "Text",
288
+ "defaultProps": {
289
+ "color": "primary",
290
+ "variant": "body1"
291
+ },
263
292
  "getStylesLiterals": {},
264
293
  "cxLiterals": [],
265
294
  "internalComponents": [
266
- "Box"
295
+ "Comp"
267
296
  ],
268
- "internalComponentProps": {
269
- "Box": {
270
- "flexDirection": [
271
- "row"
272
- ]
273
- }
274
- },
297
+ "internalComponentProps": {},
275
298
  "propToVariantKeys": {
276
- "gap": [
277
- "rowGap",
278
- "columnGap"
299
+ "variant": [
300
+ "fontFamily",
301
+ "fontSize",
302
+ "fontWeight",
303
+ "lineHeight",
304
+ "textTransform",
305
+ "letterSpacing"
279
306
  ]
280
307
  },
281
308
  "runtimeConfigDefaultProps": {},
@@ -283,52 +310,25 @@
283
310
  "runtimeConfigInternalComponentProps": {},
284
311
  "motionVarPrefixes": []
285
312
  },
286
- "Link": {
287
- "name": "Link",
288
- "defaultProps": {
289
- "variant": "primary"
290
- },
291
- "getStylesLiterals": {
292
- "display": "inline-flex",
293
- "alignItems": "center"
294
- },
295
- "cxLiterals": [
296
- "uds-ring",
297
- "underline",
298
- "w-[0.7em]",
299
- "h-[0.7em]"
300
- ],
313
+ "VStack": {
314
+ "name": "VStack",
315
+ "defaultProps": {},
316
+ "getStylesLiterals": {},
317
+ "cxLiterals": [],
301
318
  "internalComponents": [
302
- "IconSlot"
319
+ "Box"
303
320
  ],
304
321
  "internalComponentProps": {
305
- "IconSlot": {
306
- "data-testid": [
307
- "start-icon",
308
- "end-icon"
322
+ "Box": {
323
+ "flexDirection": [
324
+ "column"
309
325
  ]
310
326
  }
311
327
  },
312
328
  "propToVariantKeys": {
313
- "textVariant": [
314
- "linkTextStyleRoot",
315
- "fontSize",
316
- "fontFamily",
317
- "fontWeight",
318
- "lineHeight",
319
- "textTransform",
320
- "linkTextStyleIcon"
321
- ],
322
- "variant": [
323
- "linkVariantRoot",
324
- "linkVariantIconStart",
325
- "linkVariantIconEnd"
326
- ],
327
- "startIcon": [
328
- "icon"
329
- ],
330
- "endIcon": [
331
- "icon"
329
+ "gap": [
330
+ "columnGap",
331
+ "rowGap"
332
332
  ]
333
333
  },
334
334
  "runtimeConfigDefaultProps": {},
@@ -336,24 +336,6 @@
336
336
  "runtimeConfigInternalComponentProps": {},
337
337
  "motionVarPrefixes": []
338
338
  },
339
- "BannerDescription": {
340
- "name": "BannerDescription",
341
- "defaultProps": {},
342
- "getStylesLiterals": {
343
- "bannerSizeDescription": "default",
344
- "className": "w-full line-clamp-3"
345
- },
346
- "cxLiterals": [],
347
- "internalComponents": [
348
- "Text"
349
- ],
350
- "internalComponentProps": {},
351
- "propToVariantKeys": {},
352
- "runtimeConfigDefaultProps": {},
353
- "runtimeConfigGetStyles": {},
354
- "runtimeConfigInternalComponentProps": {},
355
- "motionVarPrefixes": []
356
- },
357
339
  "Banner": {
358
340
  "name": "Banner",
359
341
  "defaultProps": {
@@ -470,16 +452,14 @@
470
452
  "runtimeConfigInternalComponentProps": {},
471
453
  "motionVarPrefixes": []
472
454
  },
473
- "BannerTitle": {
474
- "name": "BannerTitle",
455
+ "BannerDescription": {
456
+ "name": "BannerDescription",
475
457
  "defaultProps": {},
476
458
  "getStylesLiterals": {
477
- "bannerSizeTitle": "default"
459
+ "bannerSizeDescription": "default",
460
+ "className": "w-full line-clamp-3"
478
461
  },
479
- "cxLiterals": [
480
- "w-full",
481
- "truncate"
482
- ],
462
+ "cxLiterals": [],
483
463
  "internalComponents": [
484
464
  "Text"
485
465
  ],
@@ -490,115 +470,20 @@
490
470
  "runtimeConfigInternalComponentProps": {},
491
471
  "motionVarPrefixes": []
492
472
  },
493
- "Divider": {
494
- "name": "Divider",
495
- "defaultProps": {
496
- "variant": "primary",
497
- "contentPosition": "center"
498
- },
499
- "getStylesLiterals": {},
500
- "cxLiterals": [
501
- "inherit"
502
- ],
503
- "internalComponents": [
504
- "DividerLine",
505
- "DividerLabel",
506
- "InternalComponent",
507
- "Box"
508
- ],
509
- "internalComponentProps": {
510
- "InternalComponent": {
511
- "alignItems": [
512
- "center"
513
- ],
514
- "flex": [
515
- "1"
516
- ]
517
- },
518
- "Box": {
519
- "display": [
520
- "flex"
521
- ],
522
- "flex": [
523
- "none"
524
- ]
525
- }
526
- },
527
- "propToVariantKeys": {
528
- "variant": [
529
- "dividerVariantRoot"
530
- ]
531
- },
532
- "runtimeConfigDefaultProps": {},
533
- "runtimeConfigGetStyles": {},
534
- "runtimeConfigInternalComponentProps": {},
535
- "motionVarPrefixes": []
536
- },
537
- "DividerLabel": {
538
- "name": "DividerLabel",
539
- "defaultProps": {
540
- "variant": "primary",
541
- "textVariant": "inherit",
542
- "color": "inherit",
543
- "as": "span"
473
+ "BannerTitle": {
474
+ "name": "BannerTitle",
475
+ "defaultProps": {},
476
+ "getStylesLiterals": {
477
+ "bannerSizeTitle": "default"
544
478
  },
545
- "getStylesLiterals": {},
546
479
  "cxLiterals": [
547
- "inherit"
480
+ "w-full",
481
+ "truncate"
548
482
  ],
549
483
  "internalComponents": [
550
484
  "Text"
551
485
  ],
552
486
  "internalComponentProps": {},
553
- "propToVariantKeys": {
554
- "variant": [
555
- "dividerVariantLabel"
556
- ],
557
- "textVariant": [
558
- "variant"
559
- ]
560
- },
561
- "runtimeConfigDefaultProps": {},
562
- "runtimeConfigGetStyles": {},
563
- "runtimeConfigInternalComponentProps": {},
564
- "motionVarPrefixes": []
565
- },
566
- "DividerLine": {
567
- "name": "DividerLine",
568
- "defaultProps": {
569
- "variant": "primary"
570
- },
571
- "getStylesLiterals": {},
572
- "cxLiterals": [
573
- "inherit"
574
- ],
575
- "internalComponents": [
576
- "Box"
577
- ],
578
- "internalComponentProps": {
579
- "Box": {
580
- "flex": [
581
- "1"
582
- ]
583
- }
584
- },
585
- "propToVariantKeys": {
586
- "variant": [
587
- "dividerVariantLine"
588
- ]
589
- },
590
- "runtimeConfigDefaultProps": {},
591
- "runtimeConfigGetStyles": {},
592
- "runtimeConfigInternalComponentProps": {},
593
- "motionVarPrefixes": []
594
- },
595
- "Table.mocks": {
596
- "name": "Table.mocks",
597
- "defaultProps": {},
598
- "getStylesLiterals": {},
599
- "cxLiterals": [],
600
- "internalComponents": [],
601
- "internalComponentProps": {},
602
487
  "propToVariantKeys": {},
603
488
  "runtimeConfigDefaultProps": {},
604
489
  "runtimeConfigGetStyles": {},
@@ -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,100 +923,14 @@
1179
923
  "--uds-motion-smooth-3-"
1180
924
  ]
1181
925
  },
1182
- "Accordion": {
1183
- "name": "Accordion",
1184
- "defaultProps": {
1185
- "spacingHorizontal": "4",
1186
- "spacingVertical": "4"
1187
- },
926
+ "Pressable": {
927
+ "name": "Pressable",
928
+ "defaultProps": {},
1188
929
  "getStylesLiterals": {},
1189
- "cxLiterals": [
1190
- "hover:bg-secondary/80",
1191
- "w-full"
1192
- ],
930
+ "cxLiterals": [],
1193
931
  "internalComponents": [
1194
- "Icon",
1195
- "SpringMotionConfig",
1196
- "Pressable",
1197
- "Text",
1198
- "HStack",
1199
- "AnimatePresence",
1200
- "VStack"
932
+ "Comp"
1201
933
  ],
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
934
  "internalComponentProps": {},
1277
935
  "propToVariantKeys": {},
1278
936
  "runtimeConfigDefaultProps": {},
@@ -1280,87 +938,21 @@
1280
938
  "runtimeConfigInternalComponentProps": {},
1281
939
  "motionVarPrefixes": []
1282
940
  },
1283
- "SegmentedControl": {
1284
- "name": "SegmentedControl",
941
+ "SpringMotionConfig": {
942
+ "name": "SpringMotionConfig",
1285
943
  "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"
944
+ "reducedMotion": "user"
1302
945
  },
1303
- "cxLiterals": [
1304
- "uds-ring",
1305
- "cursor-not-allowed",
1306
- "opacity-50",
1307
- "pointer-events-none",
1308
- "hover:bg-primary"
1309
- ],
946
+ "getStylesLiterals": {},
947
+ "cxLiterals": [],
1310
948
  "internalComponents": [
1311
- "TextVariant",
1312
- "Radio",
1313
- "Icon",
1314
- "RadioProvider",
1315
- "HStack",
1316
- "RadioGroup",
1317
- "Pressable",
1318
- "Text"
949
+ "LazyMotion",
950
+ "MotionConfig"
1319
951
  ],
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
- },
952
+ "internalComponentProps": {},
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,290 +1077,101 @@
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": [],
1507
- "internalComponents": [
1508
- "ToastContext.Provider"
1087
+ "cxLiterals": [
1088
+ "inherit"
1509
1089
  ],
1510
- "internalComponentProps": {},
1511
- "propToVariantKeys": {},
1512
- "runtimeConfigDefaultProps": {},
1513
- "runtimeConfigGetStyles": {},
1514
- "runtimeConfigInternalComponentProps": {},
1515
- "motionVarPrefixes": []
1516
- },
1517
- "ToastPortal": {
1518
- "name": "ToastPortal",
1519
- "defaultProps": {},
1520
- "getStylesLiterals": {},
1521
- "cxLiterals": [],
1522
1090
  "internalComponents": [
1523
- "ReactToastifyToastContainer"
1524
- ],
1525
- "internalComponentProps": {},
1526
- "propToVariantKeys": {},
1527
- "runtimeConfigDefaultProps": {
1528
- "size": "toast.defaultSize",
1529
- "variant": "toast.defaultVariant"
1530
- },
1531
- "runtimeConfigGetStyles": {},
1532
- "runtimeConfigInternalComponentProps": {
1533
- "ReactToastifyToastContainer": {
1534
- "autoClose": [
1535
- "toast.autoClose"
1536
- ]
1537
- }
1538
- },
1539
- "motionVarPrefixes": []
1540
- },
1541
- "Toast": {
1542
- "name": "Toast",
1543
- "defaultProps": {},
1544
- "getStylesLiterals": {
1545
- "className": "animate-spin",
1546
- "className:1": "flex-none",
1547
- "spacing": "2",
1548
- "borderRadius": "full"
1549
- },
1550
- "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"
1558
- ],
1559
- "internalComponents": [
1560
- "IconSlot",
1561
- "ToastContainer",
1562
- "Text",
1563
- "Button",
1564
- "Pressable"
1565
- ],
1566
- "internalComponentProps": {},
1567
- "propToVariantKeys": {
1568
- "size": [
1569
- "toastSizeLabel",
1570
- "toastSizeIcon",
1571
- "toastSizeActionButton",
1572
- "toastSizeCloseIcon"
1573
- ],
1574
- "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"
1611
- ]
1612
- },
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
- },
1639
- "motionVarPrefixes": []
1640
- },
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"
1649
- },
1650
- "cxLiterals": [
1651
- "w-full"
1652
- ],
1653
- "internalComponents": [
1654
- "HStack"
1091
+ "DividerLine",
1092
+ "DividerLabel",
1093
+ "InternalComponent",
1094
+ "Box"
1655
1095
  ],
1656
1096
  "internalComponentProps": {
1657
- "HStack": {
1097
+ "InternalComponent": {
1658
1098
  "alignItems": [
1659
1099
  "center"
1660
1100
  ],
1661
- "justifyContent": [
1662
- "space-between"
1663
- ],
1664
- "overflow": [
1665
- "hidden"
1101
+ "flex": [
1102
+ "1"
1103
+ ]
1104
+ },
1105
+ "Box": {
1106
+ "display": [
1107
+ "flex"
1666
1108
  ],
1667
- "position": [
1668
- "relative"
1109
+ "flex": [
1110
+ "none"
1669
1111
  ]
1670
1112
  }
1671
1113
  },
1672
1114
  "propToVariantKeys": {
1673
1115
  "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"
1116
+ "dividerVariantRoot"
1690
1117
  ]
1691
1118
  },
1692
- "runtimeConfigInternalComponentProps": {
1693
- "HStack": {
1694
- "backgroundColor": [
1695
- "toast.backgroundColor.${variant}"
1696
- ]
1697
- }
1698
- },
1699
- "motionVarPrefixes": []
1700
- },
1701
- "BottomSheetInternalContext": {
1702
- "name": "BottomSheetInternalContext",
1703
- "defaultProps": {},
1704
- "getStylesLiterals": {},
1705
- "cxLiterals": [],
1706
- "internalComponents": [],
1707
- "internalComponentProps": {},
1708
- "propToVariantKeys": {},
1709
1119
  "runtimeConfigDefaultProps": {},
1710
1120
  "runtimeConfigGetStyles": {},
1711
1121
  "runtimeConfigInternalComponentProps": {},
1712
1122
  "motionVarPrefixes": []
1713
1123
  },
1714
- "BottomSheetContent": {
1715
- "name": "BottomSheetContent",
1716
- "defaultProps": {},
1124
+ "DividerLabel": {
1125
+ "name": "DividerLabel",
1126
+ "defaultProps": {
1127
+ "variant": "primary",
1128
+ "textVariant": "inherit",
1129
+ "color": "inherit",
1130
+ "as": "span"
1131
+ },
1717
1132
  "getStylesLiterals": {},
1718
1133
  "cxLiterals": [
1719
- "min-h-0",
1720
- "touch-pan-y"
1134
+ "inherit"
1721
1135
  ],
1722
1136
  "internalComponents": [
1723
- "Box",
1724
- "VStack"
1137
+ "Text"
1725
1138
  ],
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
- }
1139
+ "internalComponentProps": {},
1140
+ "propToVariantKeys": {
1141
+ "variant": [
1142
+ "dividerVariantLabel"
1143
+ ],
1144
+ "textVariant": [
1145
+ "variant"
1146
+ ]
1740
1147
  },
1741
- "propToVariantKeys": {},
1742
1148
  "runtimeConfigDefaultProps": {},
1743
1149
  "runtimeConfigGetStyles": {},
1744
1150
  "runtimeConfigInternalComponentProps": {},
1745
1151
  "motionVarPrefixes": []
1746
1152
  },
1747
- "BottomSheetHandle": {
1748
- "name": "BottomSheetHandle",
1153
+ "DividerLine": {
1154
+ "name": "DividerLine",
1749
1155
  "defaultProps": {
1750
- "variant": "default"
1156
+ "variant": "primary"
1751
1157
  },
1752
1158
  "getStylesLiterals": {},
1753
1159
  "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"
1160
+ "inherit"
1768
1161
  ],
1769
1162
  "internalComponents": [
1770
1163
  "Box"
1771
1164
  ],
1772
1165
  "internalComponentProps": {
1773
1166
  "Box": {
1774
- "display": [
1775
- "block",
1776
- "flex"
1777
- ],
1778
- "justifyContent": [
1779
- "center"
1167
+ "flex": [
1168
+ "1"
1780
1169
  ]
1781
1170
  }
1782
1171
  },
1783
1172
  "propToVariantKeys": {
1784
1173
  "variant": [
1785
- "bottomsheetVariantHandleIndicator"
1174
+ "dividerVariantLine"
1786
1175
  ]
1787
1176
  },
1788
1177
  "runtimeConfigDefaultProps": {},
@@ -1790,192 +1179,100 @@
1790
1179
  "runtimeConfigInternalComponentProps": {},
1791
1180
  "motionVarPrefixes": []
1792
1181
  },
1793
- "BottomSheet": {
1794
- "name": "BottomSheet",
1182
+ "Accordion": {
1183
+ "name": "Accordion",
1795
1184
  "defaultProps": {
1796
- "variant": "default"
1185
+ "spacingHorizontal": "4",
1186
+ "spacingVertical": "4"
1797
1187
  },
1798
1188
  "getStylesLiterals": {},
1799
1189
  "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"
1190
+ "hover:bg-secondary/80",
1191
+ "w-full"
1816
1192
  ],
1817
1193
  "internalComponents": [
1818
- "Scrim",
1819
- "BottomSheetHandle",
1820
- "Dialog",
1821
- "Box",
1822
- "BottomSheetInternalContext.Provider"
1194
+ "Icon",
1195
+ "SpringMotionConfig",
1196
+ "Pressable",
1197
+ "Text",
1198
+ "HStack",
1199
+ "AnimatePresence",
1200
+ "VStack"
1823
1201
  ],
1824
1202
  "internalComponentProps": {
1825
- "BottomSheetHandle": {
1826
- "ariaLabel": [
1827
- "Resize sheet"
1203
+ "Icon": {
1204
+ "variant": [
1205
+ "fill"
1206
+ ],
1207
+ "size": [
1208
+ "sm"
1209
+ ],
1210
+ "color": [
1211
+ "primary"
1828
1212
  ]
1829
1213
  },
1830
- "Dialog": {
1831
- "data-testid": [
1832
- "bottom-sheet"
1214
+ "SpringMotionConfig": {
1215
+ "layoutVariant": [
1216
+ "smooth"
1217
+ ],
1218
+ "layoutSpeed": [
1219
+ "3"
1833
1220
  ]
1834
1221
  },
1835
- "Box": {
1222
+ "Pressable": {
1836
1223
  "display": [
1837
- "block",
1838
1224
  "flex"
1839
1225
  ],
1840
- "position": [
1841
- "absolute"
1842
- ],
1843
1226
  "flexDirection": [
1844
- "column"
1845
- ],
1846
- "className": [
1847
- "absolute inset-0 min-h-0 p-[inherit]"
1848
- ]
1849
- }
1850
- },
1851
- "propToVariantKeys": {
1852
- "variant": [
1853
- "bottomsheetVariantRoot"
1854
- ]
1855
- },
1856
- "runtimeConfigDefaultProps": {},
1857
- "runtimeConfigGetStyles": {},
1858
- "runtimeConfigInternalComponentProps": {},
1859
- "motionVarPrefixes": []
1860
- },
1861
- "BottomSheetHeader": {
1862
- "name": "BottomSheetHeader",
1863
- "defaultProps": {
1864
- "variant": "default"
1865
- },
1866
- "getStylesLiterals": {},
1867
- "cxLiterals": [
1868
- "grid-cols-[40px_1fr_40px]",
1869
- "items-center",
1870
- "w-full",
1871
- "min-h-10",
1872
- "mt-2"
1873
- ],
1874
- "internalComponents": [
1875
- "Box",
1876
- "Text",
1877
- "DialogHeading"
1878
- ],
1879
- "internalComponentProps": {
1880
- "Box": {
1881
- "className": [
1882
- "h-10 w-10 opacity-0 pointer-events-none"
1227
+ "row"
1883
1228
  ],
1884
- "display": [
1885
- "grid",
1886
- "flex"
1229
+ "alignItems": [
1230
+ "center"
1887
1231
  ],
1888
1232
  "justifyContent": [
1889
- "flex-start",
1890
- "flex-end"
1233
+ "space-between"
1234
+ ],
1235
+ "borderRadius": [
1236
+ "md"
1891
1237
  ]
1892
1238
  },
1893
1239
  "Text": {
1894
- "as": [
1895
- "p"
1896
- ],
1897
1240
  "variant": [
1898
- "inherit"
1241
+ "title4"
1899
1242
  ],
1900
1243
  "color": [
1901
- "inherit"
1244
+ "primary"
1245
+ ]
1246
+ },
1247
+ "HStack": {
1248
+ "display": [
1249
+ "flex"
1902
1250
  ],
1903
- "textAlign": [
1251
+ "alignItems": [
1904
1252
  "center"
1905
1253
  ],
1906
- "className": [
1907
- "m-0 w-full"
1908
- ]
1909
- },
1910
- "DialogHeading": {
1911
- "role": [
1912
- "heading"
1254
+ "justifyContent": [
1255
+ "space-between"
1256
+ ],
1257
+ "columnGap": [
1258
+ "2.5"
1913
1259
  ]
1914
1260
  }
1915
1261
  },
1916
- "propToVariantKeys": {
1917
- "variant": [
1918
- "bottomsheetVariantHeader"
1919
- ]
1920
- },
1921
- "runtimeConfigDefaultProps": {},
1922
- "runtimeConfigGetStyles": {},
1923
- "runtimeConfigInternalComponentProps": {},
1924
- "motionVarPrefixes": []
1925
- },
1926
- "BottomSheetTrigger": {
1927
- "name": "BottomSheetTrigger",
1928
- "defaultProps": {},
1929
- "getStylesLiterals": {},
1930
- "cxLiterals": [],
1931
- "internalComponents": [
1932
- "AriakitDialogDisclosure"
1933
- ],
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
- "internalComponents": [
1947
- "BottomSheetContext.Provider"
1948
- ],
1949
- "internalComponentProps": {},
1950
- "propToVariantKeys": {},
1951
- "runtimeConfigDefaultProps": {},
1952
- "runtimeConfigGetStyles": {},
1953
- "runtimeConfigInternalComponentProps": {},
1954
- "motionVarPrefixes": []
1955
- },
1956
- "BottomSheetDismiss": {
1957
- "name": "BottomSheetDismiss",
1958
- "defaultProps": {},
1959
- "getStylesLiterals": {},
1960
- "cxLiterals": [],
1961
- "internalComponents": [
1962
- "AriakitDialogDismiss"
1963
- ],
1964
- "internalComponentProps": {},
1965
1262
  "propToVariantKeys": {},
1966
1263
  "runtimeConfigDefaultProps": {},
1967
1264
  "runtimeConfigGetStyles": {},
1968
1265
  "runtimeConfigInternalComponentProps": {},
1969
- "motionVarPrefixes": []
1266
+ "motionVarPrefixes": [
1267
+ "--uds-motion-smooth-3-"
1268
+ ]
1970
1269
  },
1971
- "BottomSheetProvider": {
1972
- "name": "BottomSheetProvider",
1270
+ "AvoidMotionLibraryProvider": {
1271
+ "name": "AvoidMotionLibraryProvider",
1973
1272
  "defaultProps": {},
1974
1273
  "getStylesLiterals": {},
1975
1274
  "cxLiterals": [],
1976
- "internalComponents": [
1977
- "AriakitDialogProvider"
1978
- ],
1275
+ "internalComponents": [],
1979
1276
  "internalComponentProps": {},
1980
1277
  "propToVariantKeys": {},
1981
1278
  "runtimeConfigDefaultProps": {},
@@ -1983,61 +1280,87 @@
1983
1280
  "runtimeConfigInternalComponentProps": {},
1984
1281
  "motionVarPrefixes": []
1985
1282
  },
1986
- "ChipLink": {
1987
- "name": "ChipLink",
1283
+ "SegmentedControl": {
1284
+ "name": "SegmentedControl",
1988
1285
  "defaultProps": {
1989
- "variant": "primary"
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"
1990
1302
  },
1991
- "getStylesLiterals": {},
1992
1303
  "cxLiterals": [
1993
- "uds-ring"
1304
+ "uds-ring",
1305
+ "cursor-not-allowed",
1306
+ "opacity-50",
1307
+ "pointer-events-none",
1308
+ "hover:bg-primary"
1994
1309
  ],
1995
1310
  "internalComponents": [
1996
- "ChipBase"
1311
+ "TextVariant",
1312
+ "Radio",
1313
+ "Icon",
1314
+ "RadioProvider",
1315
+ "HStack",
1316
+ "RadioGroup",
1317
+ "Pressable",
1318
+ "Text"
1997
1319
  ],
1998
1320
  "internalComponentProps": {
1999
- "ChipBase": {
2000
- "as": [
2001
- "a"
1321
+ "Icon": {
1322
+ "size": [
1323
+ "sm"
1324
+ ],
1325
+ "color": [
1326
+ "current"
1327
+ ],
1328
+ "aria-hidden": [
1329
+ "true"
2002
1330
  ]
2003
- }
2004
- },
2005
- "propToVariantKeys": {
2006
- "variant": [
2007
- "chipLinkVariantRoot",
2008
- "chipLinkVariantIcon"
2009
- ]
2010
- },
2011
- "runtimeConfigDefaultProps": {},
2012
- "runtimeConfigGetStyles": {},
2013
- "runtimeConfigInternalComponentProps": {},
2014
- "motionVarPrefixes": []
2015
- },
2016
- "ChipDismissible": {
2017
- "name": "ChipDismissible",
2018
- "defaultProps": {
2019
- "variant": "primary"
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
+ }
2020
1354
  },
2021
- "getStylesLiterals": {},
2022
- "cxLiterals": [
2023
- "uds-chip-dismissible-button",
2024
- "uds-hit-target",
2025
- "uds-ring",
2026
- "rounded-full"
2027
- ],
2028
- "internalComponents": [
2029
- "ChipBase",
2030
- "IconSlot",
2031
- "Pressable"
2032
- ],
2033
- "internalComponentProps": {},
2034
1355
  "propToVariantKeys": {
2035
- "variant": [
2036
- "chipDismissibleVariantRoot",
2037
- "chipDismissibleVariantIcon"
1356
+ "value": [
1357
+ "key"
2038
1358
  ],
2039
- "dismissButtonAriaLabel": [
1359
+ "label": [
2040
1360
  "aria-label"
1361
+ ],
1362
+ "textVariant": [
1363
+ "variant"
2041
1364
  ]
2042
1365
  },
2043
1366
  "runtimeConfigDefaultProps": {},
@@ -2045,221 +1368,251 @@
2045
1368
  "runtimeConfigInternalComponentProps": {},
2046
1369
  "motionVarPrefixes": []
2047
1370
  },
2048
- "ChipToggle": {
2049
- "name": "ChipToggle",
1371
+ "SwitchV2": {
1372
+ "name": "SwitchV2",
2050
1373
  "defaultProps": {
2051
- "variant": "primary",
2052
- "role": "checkbox"
1374
+ "labelPosition": "start",
1375
+ "size": "md"
2053
1376
  },
2054
1377
  "getStylesLiterals": {
2055
- "chipToggleVariantActiveRoot": "on",
2056
- "chipToggleVariantActiveRoot:1": "off"
2057
- },
2058
- "cxLiterals": [
2059
- "uds-ring"
2060
- ],
2061
- "internalComponents": [
2062
- "ChipBase"
2063
- ],
2064
- "internalComponentProps": {
2065
- "ChipBase": {
2066
- "as": [
2067
- "button"
2068
- ]
2069
- }
2070
- },
2071
- "propToVariantKeys": {
2072
- "variant": [
2073
- "chipToggleVariantRoot",
2074
- "chipToggleVariantIcon"
2075
- ]
2076
- },
2077
- "runtimeConfigDefaultProps": {},
2078
- "runtimeConfigGetStyles": {},
2079
- "runtimeConfigInternalComponentProps": {},
2080
- "motionVarPrefixes": []
2081
- },
2082
- "ChipBase": {
2083
- "name": "ChipBase",
2084
- "defaultProps": {
2085
- "size": "md",
2086
- "as": "div"
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"
2087
1390
  },
2088
- "getStylesLiterals": {},
2089
1391
  "cxLiterals": [
2090
- "pointer-events-none",
2091
- "cursor-default",
2092
- "opacity-50",
2093
- "inline-flex",
1392
+ "group",
1393
+ "flex",
2094
1394
  "items-center",
2095
- "transition-[background-color,outline-color,box-shadow]",
2096
- "truncate",
2097
- "whitespace-nowrap",
2098
- "text-center",
2099
- "flex-1"
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",
1403
+ "w-full",
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"
2100
1428
  ],
2101
1429
  "internalComponents": [
2102
1430
  "IconSlot",
2103
- "HStack",
2104
- "As",
2105
- "Text"
1431
+ "Box",
1432
+ "FormLabel",
1433
+ "SpringMotionConfig",
1434
+ "RootElement",
1435
+ "MotionBox"
2106
1436
  ],
2107
1437
  "internalComponentProps": {
2108
- "Text": {
1438
+ "IconSlot": {
1439
+ "data-testid": [
1440
+ "on-icon",
1441
+ "off-icon"
1442
+ ]
1443
+ },
1444
+ "FormLabel": {
2109
1445
  "as": [
2110
- "span"
2111
- ],
2112
- "color": [
2113
- "current"
1446
+ "div"
2114
1447
  ],
2115
1448
  "variant": [
2116
1449
  "inherit"
1450
+ ],
1451
+ "color": [
1452
+ "inherit"
1453
+ ]
1454
+ },
1455
+ "SpringMotionConfig": {
1456
+ "layoutVariant": [
1457
+ "bouncy"
1458
+ ],
1459
+ "layoutSpeed": [
1460
+ "4"
1461
+ ]
1462
+ },
1463
+ "RootElement": {
1464
+ "data-testid": [
1465
+ "switch-root"
1466
+ ]
1467
+ },
1468
+ "MotionBox": {
1469
+ "layout": [
1470
+ "position"
2117
1471
  ]
2118
1472
  }
2119
1473
  },
2120
1474
  "propToVariantKeys": {
2121
1475
  "size": [
2122
- "chipSizeRoot",
2123
- "chipSizeIcon"
1476
+ "switchSizeRoot",
1477
+ "switchSizeSwitch",
1478
+ "switchSizeHandle",
1479
+ "switchSizeHandleIcon"
2124
1480
  ],
2125
- "startIcon": [
1481
+ "onIcon": [
2126
1482
  "icon"
2127
1483
  ],
2128
- "endIcon": [
1484
+ "offIcon": [
2129
1485
  "icon"
1486
+ ],
1487
+ "reduceMotion": [
1488
+ "reducedMotion"
1489
+ ],
1490
+ "isOn": [
1491
+ "layoutDependency"
2130
1492
  ]
2131
1493
  },
2132
1494
  "runtimeConfigDefaultProps": {},
2133
1495
  "runtimeConfigGetStyles": {},
2134
1496
  "runtimeConfigInternalComponentProps": {},
2135
- "motionVarPrefixes": []
1497
+ "motionVarPrefixes": [
1498
+ "--uds-motion-bouncy-4-",
1499
+ "--uds-motion-smooth-3-"
1500
+ ]
2136
1501
  },
2137
- "Chip": {
2138
- "name": "Chip",
1502
+ "Popover": {
1503
+ "name": "Popover",
2139
1504
  "defaultProps": {},
2140
1505
  "getStylesLiterals": {},
2141
1506
  "cxLiterals": [],
2142
1507
  "internalComponents": [
2143
- "ChipDismissible",
2144
- "ChipToggle",
2145
- "ChipLink",
2146
- "ChipButton"
1508
+ "PopoverInternalContext.Provider",
1509
+ "PopoverProvider"
2147
1510
  ],
2148
1511
  "internalComponentProps": {},
2149
1512
  "propToVariantKeys": {},
2150
- "runtimeConfigDefaultProps": {},
2151
- "runtimeConfigGetStyles": {},
2152
- "runtimeConfigInternalComponentProps": {},
2153
- "motionVarPrefixes": []
2154
- },
2155
- "ChipButton": {
2156
- "name": "ChipButton",
2157
- "defaultProps": {
2158
- "variant": "primary"
2159
- },
2160
- "getStylesLiterals": {},
2161
- "cxLiterals": [
2162
- "uds-ring"
2163
- ],
2164
- "internalComponents": [
2165
- "ChipBase"
2166
- ],
2167
- "internalComponentProps": {
2168
- "ChipBase": {
2169
- "as": [
2170
- "button"
2171
- ]
2172
- }
2173
- },
2174
- "propToVariantKeys": {
2175
- "variant": [
2176
- "chipLinkVariantRoot",
2177
- "chipLinkVariantIcon"
2178
- ]
1513
+ "runtimeConfigDefaultProps": {
1514
+ "size": "popover.defaultSize",
1515
+ "variant": "popover.defaultVariant"
2179
1516
  },
2180
- "runtimeConfigDefaultProps": {},
2181
1517
  "runtimeConfigGetStyles": {},
2182
1518
  "runtimeConfigInternalComponentProps": {},
2183
1519
  "motionVarPrefixes": []
2184
1520
  },
2185
- "AvatarText": {
2186
- "name": "AvatarText",
2187
- "defaultProps": {
2188
- "size": "md",
2189
- "variant": "primary"
2190
- },
2191
- "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
- },
2217
- "propToVariantKeys": {},
2218
- "runtimeConfigDefaultProps": {},
2219
- "runtimeConfigGetStyles": {},
2220
- "runtimeConfigInternalComponentProps": {},
2221
- "motionVarPrefixes": []
2222
- },
2223
- "AvatarIcon": {
2224
- "name": "AvatarIcon",
2225
- "defaultProps": {
2226
- "size": "md",
2227
- "variant": "primary"
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"
2228
1548
  },
2229
- "getStylesLiterals": {},
2230
1549
  "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"
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]"
2239
1567
  ],
2240
1568
  "internalComponents": [
1569
+ "PopoverDismiss",
2241
1570
  "IconSlot",
2242
- "Box"
1571
+ "PopoverArrow",
1572
+ "Popover",
1573
+ "SvgFloatingOverlay",
1574
+ "Box",
1575
+ "Pressable"
2243
1576
  ],
2244
1577
  "internalComponentProps": {},
2245
1578
  "propToVariantKeys": {
2246
- "size": [
2247
- "avatarSizeIcon"
1579
+ "closeIcon": [
1580
+ "icon"
2248
1581
  ]
2249
1582
  },
2250
- "runtimeConfigDefaultProps": {},
2251
- "runtimeConfigGetStyles": {},
2252
- "runtimeConfigInternalComponentProps": {},
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
+ },
2253
1608
  "motionVarPrefixes": []
2254
1609
  },
2255
- "Avatar": {
2256
- "name": "Avatar",
1610
+ "PopoverContext": {
1611
+ "name": "PopoverContext",
2257
1612
  "defaultProps": {},
2258
1613
  "getStylesLiterals": {},
2259
1614
  "cxLiterals": [],
2260
- "internalComponents": [
2261
- "AvatarImage"
2262
- ],
1615
+ "internalComponents": [],
2263
1616
  "internalComponentProps": {},
2264
1617
  "propToVariantKeys": {},
2265
1618
  "runtimeConfigDefaultProps": {},
@@ -2267,37 +1620,24 @@
2267
1620
  "runtimeConfigInternalComponentProps": {},
2268
1621
  "motionVarPrefixes": []
2269
1622
  },
2270
- "AvatarImage": {
2271
- "name": "AvatarImage",
2272
- "defaultProps": {
2273
- "size": "md",
2274
- "variant": "primary"
2275
- },
1623
+ "PopoverTrigger": {
1624
+ "name": "PopoverTrigger",
1625
+ "defaultProps": {},
2276
1626
  "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
- ],
1627
+ "cxLiterals": [],
2288
1628
  "internalComponents": [
2289
- "UDSImage",
2290
- "AvatarText",
2291
- "AvatarIcon",
2292
- "Box"
1629
+ "PopoverDisclosure"
2293
1630
  ],
2294
- "internalComponentProps": {},
1631
+ "internalComponentProps": {
1632
+ "PopoverDisclosure": {
1633
+ "className": [
1634
+ "inline"
1635
+ ]
1636
+ }
1637
+ },
2295
1638
  "propToVariantKeys": {
2296
- "alt": [
2297
- "name"
2298
- ],
2299
- "fallback": [
2300
- "initials"
1639
+ "children": [
1640
+ "render"
2301
1641
  ]
2302
1642
  },
2303
1643
  "runtimeConfigDefaultProps": {},
@@ -2305,13 +1645,13 @@
2305
1645
  "runtimeConfigInternalComponentProps": {},
2306
1646
  "motionVarPrefixes": []
2307
1647
  },
2308
- "TabPanel": {
2309
- "name": "TabPanel",
1648
+ "UDSPopoverConfigProvider": {
1649
+ "name": "UDSPopoverConfigProvider",
2310
1650
  "defaultProps": {},
2311
1651
  "getStylesLiterals": {},
2312
1652
  "cxLiterals": [],
2313
1653
  "internalComponents": [
2314
- "AriakitTabPanel"
1654
+ "PopoverContext.Provider"
2315
1655
  ],
2316
1656
  "internalComponentProps": {},
2317
1657
  "propToVariantKeys": {},
@@ -2320,220 +1660,201 @@
2320
1660
  "runtimeConfigInternalComponentProps": {},
2321
1661
  "motionVarPrefixes": []
2322
1662
  },
2323
- "Tabs": {
2324
- "name": "Tabs",
2325
- "defaultProps": {
2326
- "variant": "primary"
2327
- },
2328
- "getStylesLiterals": {},
2329
- "cxLiterals": [],
2330
- "internalComponents": [
2331
- "TabsContext.Provider",
2332
- "TabProvider"
2333
- ],
2334
- "internalComponentProps": {},
2335
- "propToVariantKeys": {
2336
- "onSelectionChange": [
2337
- "setSelectedId"
2338
- ]
2339
- },
2340
- "runtimeConfigDefaultProps": {},
2341
- "runtimeConfigGetStyles": {},
2342
- "runtimeConfigInternalComponentProps": {},
2343
- "motionVarPrefixes": []
2344
- },
2345
- "TabList": {
2346
- "name": "TabList",
1663
+ "Modal": {
1664
+ "name": "Modal",
2347
1665
  "defaultProps": {
2348
- "variant": "primary"
1666
+ "closeAriaLabel": "Close",
1667
+ "maxWidth": "auto",
1668
+ "maxHeight": "auto",
1669
+ "scrollBehavior": "outside"
2349
1670
  },
2350
1671
  "getStylesLiterals": {
2351
- "tabSizeRoot": "default",
2352
- "tabVariantActiveRoot": "on"
1672
+ "flexDirection": "row-reverse",
1673
+ "justifyContent": "space-between",
1674
+ "alignItems": "flex-end",
1675
+ "alignItems:1": "flex-start",
1676
+ "borderRadius": "full"
2353
1677
  },
2354
1678
  "cxLiterals": [
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",
2355
1689
  "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"
2382
- ],
2383
- "internalComponents": [
2384
- "AriakitTabList"
2385
- ],
2386
- "internalComponentProps": {},
2387
- "propToVariantKeys": {
2388
- "variant": [
2389
- "tabsVariantRoot",
2390
- "tabVariantRoot"
2391
- ]
2392
- },
2393
- "runtimeConfigDefaultProps": {},
2394
- "runtimeConfigGetStyles": {},
2395
- "runtimeConfigInternalComponentProps": {},
2396
- "motionVarPrefixes": []
2397
- },
2398
- "Tab": {
2399
- "name": "Tab",
2400
- "defaultProps": {
2401
- "variant": "primary"
2402
- },
2403
- "getStylesLiterals": {
2404
- "tabSizeRoot": "default",
2405
- "tabVariantActiveRoot": "off",
2406
- "tabVariantActiveRoot:1": "on",
2407
- "tabSizeIcon": "default"
2408
- },
2409
- "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",
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",
2431
1706
  "uds-ring",
2432
- "opacity-50",
2433
- "cursor-default",
2434
- "border-solid",
2435
- "border-b-solid",
2436
- "transition-colors"
1707
+ "[translate:50%_-50%]"
2437
1708
  ],
2438
1709
  "internalComponents": [
1710
+ "Scrim",
1711
+ "VStack",
1712
+ "Pressable",
2439
1713
  "IconSlot",
2440
- "AriakitTab",
2441
- "Text"
1714
+ "Box",
1715
+ "Dialog",
1716
+ "ModalContext.Provider",
1717
+ "HStack",
1718
+ "DialogDismiss",
1719
+ "ModalTitle",
1720
+ "ModalDescription",
1721
+ "ModalContent",
1722
+ "ModalActions"
2442
1723
  ],
2443
1724
  "internalComponentProps": {
2444
- "Text": {
2445
- "variant": [
2446
- "inherit"
2447
- ],
2448
- "as": [
2449
- "span"
2450
- ],
2451
- "color": [
2452
- "current"
1725
+ "Box": {
1726
+ "flexGrow": [
1727
+ "1"
2453
1728
  ]
2454
1729
  }
2455
1730
  },
2456
1731
  "propToVariantKeys": {
1732
+ "gutter": [
1733
+ "spacing"
1734
+ ],
1735
+ "size": [
1736
+ "modalSizeRoot",
1737
+ "modalSizeSpacingHorizontal",
1738
+ "modalSizeHeader",
1739
+ "modalSizeTitleDescriptionWrapper",
1740
+ "modalSizeCloseIconContainer",
1741
+ "modalSizeCloseIcon"
1742
+ ],
2457
1743
  "variant": [
2458
- "tabVariantRoot",
2459
- "tabVariantIcon"
1744
+ "modalVariantRoot",
1745
+ "modalVariantCloseIcon"
2460
1746
  ],
2461
- "activeState": [
2462
- "tabVariantActiveIcon"
1747
+ "closeAriaLabel": [
1748
+ "aria-label"
2463
1749
  ],
2464
- "startIcon": [
1750
+ "closeIcon": [
2465
1751
  "icon"
1752
+ ]
1753
+ },
1754
+ "runtimeConfigDefaultProps": {
1755
+ "size": "modal.defaultSize",
1756
+ "variant": "modal.defaultVariant"
1757
+ },
1758
+ "runtimeConfigGetStyles": {
1759
+ "spacing": [
1760
+ "modal.gutter.${size}"
2466
1761
  ],
2467
- "endIcon": [
2468
- "icon"
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"
2469
1785
  ]
2470
1786
  },
2471
- "runtimeConfigDefaultProps": {},
2472
- "runtimeConfigGetStyles": {},
2473
1787
  "runtimeConfigInternalComponentProps": {},
2474
1788
  "motionVarPrefixes": []
2475
1789
  },
2476
- "UDSPopoverConfigProvider": {
2477
- "name": "UDSPopoverConfigProvider",
1790
+ "ModalActions": {
1791
+ "name": "ModalActions",
2478
1792
  "defaultProps": {},
2479
- "getStylesLiterals": {},
2480
- "cxLiterals": [],
2481
- "internalComponents": [
2482
- "PopoverContext.Provider"
1793
+ "getStylesLiterals": {
1794
+ "flexDirection": "row-reverse",
1795
+ "justifyContent": "space-between",
1796
+ "alignItems": "center"
1797
+ },
1798
+ "cxLiterals": [
1799
+ "gap-[inherit]"
2483
1800
  ],
2484
- "internalComponentProps": {},
2485
- "propToVariantKeys": {},
2486
- "runtimeConfigDefaultProps": {},
2487
- "runtimeConfigGetStyles": {},
2488
- "runtimeConfigInternalComponentProps": {},
2489
- "motionVarPrefixes": []
2490
- },
2491
- "Popover": {
2492
- "name": "Popover",
2493
- "defaultProps": {},
2494
- "getStylesLiterals": {},
2495
- "cxLiterals": [],
2496
1801
  "internalComponents": [
2497
- "PopoverInternalContext.Provider",
2498
- "PopoverProvider"
1802
+ "HStack"
2499
1803
  ],
2500
1804
  "internalComponentProps": {},
2501
- "propToVariantKeys": {},
1805
+ "propToVariantKeys": {
1806
+ "size": [
1807
+ "modalSizeSpacingHorizontal",
1808
+ "modalSizeActions"
1809
+ ]
1810
+ },
2502
1811
  "runtimeConfigDefaultProps": {
2503
- "size": "popover.defaultSize",
2504
- "variant": "popover.defaultVariant"
1812
+ "size": "modal.defaultSize",
1813
+ "variant": "modal.defaultVariant"
1814
+ },
1815
+ "runtimeConfigGetStyles": {
1816
+ "modalSizeSpacingHorizontal": [
1817
+ "modal.defaultSize"
1818
+ ],
1819
+ "modalSizeActions": [
1820
+ "modal.defaultSize"
1821
+ ]
2505
1822
  },
2506
- "runtimeConfigGetStyles": {},
2507
1823
  "runtimeConfigInternalComponentProps": {},
2508
1824
  "motionVarPrefixes": []
2509
1825
  },
2510
- "PopoverTrigger": {
2511
- "name": "PopoverTrigger",
1826
+ "ModalContent": {
1827
+ "name": "ModalContent",
2512
1828
  "defaultProps": {},
2513
- "getStylesLiterals": {},
1829
+ "getStylesLiterals": {
1830
+ "overflowY": "auto",
1831
+ "display": "block",
1832
+ "flexGrow": "1"
1833
+ },
2514
1834
  "cxLiterals": [],
2515
1835
  "internalComponents": [
2516
- "PopoverDisclosure"
1836
+ "Box"
2517
1837
  ],
2518
- "internalComponentProps": {
2519
- "PopoverDisclosure": {
2520
- "className": [
2521
- "inline"
2522
- ]
2523
- }
2524
- },
1838
+ "internalComponentProps": {},
2525
1839
  "propToVariantKeys": {
2526
- "children": [
2527
- "render"
1840
+ "size": [
1841
+ "modalSizeSpacingHorizontal"
1842
+ ]
1843
+ },
1844
+ "runtimeConfigDefaultProps": {
1845
+ "size": "modal.defaultSize",
1846
+ "variant": "modal.defaultVariant"
1847
+ },
1848
+ "runtimeConfigGetStyles": {
1849
+ "modalSizeSpacingHorizontal": [
1850
+ "modal.defaultSize"
2528
1851
  ]
2529
1852
  },
2530
- "runtimeConfigDefaultProps": {},
2531
- "runtimeConfigGetStyles": {},
2532
1853
  "runtimeConfigInternalComponentProps": {},
2533
1854
  "motionVarPrefixes": []
2534
1855
  },
2535
- "PopoverContext": {
2536
- "name": "PopoverContext",
1856
+ "ModalContext": {
1857
+ "name": "ModalContext",
2537
1858
  "defaultProps": {},
2538
1859
  "getStylesLiterals": {},
2539
1860
  "cxLiterals": [],
@@ -2545,139 +1866,92 @@
2545
1866
  "runtimeConfigInternalComponentProps": {},
2546
1867
  "motionVarPrefixes": []
2547
1868
  },
2548
- "PopoverContent": {
2549
- "name": "PopoverContent",
1869
+ "ModalDescription": {
1870
+ "name": "ModalDescription",
2550
1871
  "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
- ],
1872
+ "getStylesLiterals": {},
1873
+ "cxLiterals": [],
2595
1874
  "internalComponents": [
2596
- "PopoverDismiss",
2597
- "IconSlot",
2598
- "PopoverArrow",
2599
- "Popover",
2600
- "SvgFloatingOverlay",
2601
- "Box",
2602
- "Pressable"
1875
+ "Text",
1876
+ "DialogDescription"
2603
1877
  ],
2604
- "internalComponentProps": {},
1878
+ "internalComponentProps": {
1879
+ "Text": {
1880
+ "as": [
1881
+ "span"
1882
+ ]
1883
+ }
1884
+ },
2605
1885
  "propToVariantKeys": {
2606
- "closeIcon": [
2607
- "icon"
1886
+ "size": [
1887
+ "modalSizeDescription"
1888
+ ],
1889
+ "variant": [
1890
+ "modalVariantDescription"
2608
1891
  ]
2609
1892
  },
2610
1893
  "runtimeConfigDefaultProps": {
2611
- "size": "popover.defaultSize",
2612
- "variant": "popover.defaultVariant"
1894
+ "size": "modal.defaultSize",
1895
+ "variant": "modal.defaultVariant"
2613
1896
  },
2614
1897
  "runtimeConfigGetStyles": {
2615
- "spacingTop": [
2616
- "popover.spacingVertical.${size}"
2617
- ],
2618
- "spacingStart": [
2619
- "popover.spacingHorizontal.${size}"
2620
- ],
2621
- "spacingBottom": [
2622
- "popover.spacingVertical.${size}"
1898
+ "modalSizeDescription": [
1899
+ "modal.defaultSize"
2623
1900
  ],
2624
- "spacingEnd": [
2625
- "popover.spacingHorizontal.${size}"
1901
+ "modalVariantDescription": [
1902
+ "modal.defaultVariant"
2626
1903
  ]
2627
1904
  },
2628
- "runtimeConfigInternalComponentProps": {
2629
- "SvgFloatingOverlay": {
2630
- "borderRadius": [
2631
- "popover.borderRadius.${size}"
2632
- ]
2633
- }
2634
- },
2635
- "motionVarPrefixes": []
2636
- },
2637
- "Menu.Item": {
2638
- "name": "Menu.Item",
2639
- "defaultProps": {},
2640
- "getStylesLiterals": {
2641
- "menuitemItemVariantRoot": "default",
2642
- "menuitemItemVariantActiveRoot": "on",
2643
- "menuitemItemVariantActiveRoot:1": "off",
2644
- "menuitemItemVariantText": "default",
2645
- "menuitemItemVariantActiveText": "on",
2646
- "menuitemItemVariantActiveText:1": "off",
2647
- "menuitemItemVariantIcon": "default",
2648
- "menuitemItemVariantActiveIcon": "on",
2649
- "menuitemItemVariantActiveIcon:1": "off"
2650
- },
2651
- "cxLiterals": [],
2652
- "internalComponents": [
2653
- "MenuItemBase"
2654
- ],
2655
- "internalComponentProps": {},
2656
- "propToVariantKeys": {},
2657
- "runtimeConfigDefaultProps": {},
2658
- "runtimeConfigGetStyles": {},
2659
1905
  "runtimeConfigInternalComponentProps": {},
2660
1906
  "motionVarPrefixes": []
2661
1907
  },
2662
- "Menu.index": {
2663
- "name": "Menu.index",
1908
+ "ModalTitle": {
1909
+ "name": "ModalTitle",
2664
1910
  "defaultProps": {},
2665
1911
  "getStylesLiterals": {},
2666
1912
  "cxLiterals": [],
2667
- "internalComponents": [],
2668
- "internalComponentProps": {},
2669
- "propToVariantKeys": {},
2670
- "runtimeConfigDefaultProps": {},
2671
- "runtimeConfigGetStyles": {},
1913
+ "internalComponents": [
1914
+ "Text",
1915
+ "DialogHeading"
1916
+ ],
1917
+ "internalComponentProps": {
1918
+ "Text": {
1919
+ "as": [
1920
+ "span"
1921
+ ]
1922
+ }
1923
+ },
1924
+ "propToVariantKeys": {
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"
1939
+ ],
1940
+ "modalVariantTitle": [
1941
+ "modal.defaultVariant"
1942
+ ]
1943
+ },
2672
1944
  "runtimeConfigInternalComponentProps": {},
2673
1945
  "motionVarPrefixes": []
2674
1946
  },
2675
- "Menu": {
2676
- "name": "Menu",
1947
+ "UDSModalConfigProvider": {
1948
+ "name": "UDSModalConfigProvider",
2677
1949
  "defaultProps": {},
2678
1950
  "getStylesLiterals": {},
2679
1951
  "cxLiterals": [],
2680
- "internalComponents": [],
1952
+ "internalComponents": [
1953
+ "ModalContext.Provider"
1954
+ ],
2681
1955
  "internalComponentProps": {},
2682
1956
  "propToVariantKeys": {},
2683
1957
  "runtimeConfigDefaultProps": {},
@@ -2725,30 +1999,6 @@
2725
1999
  "runtimeConfigInternalComponentProps": {},
2726
2000
  "motionVarPrefixes": []
2727
2001
  },
2728
- "Menu.Trigger": {
2729
- "name": "Menu.Trigger",
2730
- "defaultProps": {},
2731
- "getStylesLiterals": {},
2732
- "cxLiterals": [
2733
- "uds-menu-trigger"
2734
- ],
2735
- "internalComponents": [
2736
- "AriakitMenuTrigger",
2737
- "Box"
2738
- ],
2739
- "internalComponentProps": {
2740
- "Box": {
2741
- "className": [
2742
- "uds-ring h-fit w-fit"
2743
- ]
2744
- }
2745
- },
2746
- "propToVariantKeys": {},
2747
- "runtimeConfigDefaultProps": {},
2748
- "runtimeConfigGetStyles": {},
2749
- "runtimeConfigInternalComponentProps": {},
2750
- "motionVarPrefixes": []
2751
- },
2752
2002
  "Menu.Divider": {
2753
2003
  "name": "Menu.Divider",
2754
2004
  "defaultProps": {
@@ -2778,45 +2028,21 @@
2778
2028
  "runtimeConfigInternalComponentProps": {},
2779
2029
  "motionVarPrefixes": []
2780
2030
  },
2781
- "Menu.Provider": {
2782
- "name": "Menu.Provider",
2783
- "defaultProps": {},
2784
- "getStylesLiterals": {},
2785
- "cxLiterals": [],
2786
- "internalComponents": [
2787
- "AriakitMenuProvider",
2788
- "SpringMotionConfig"
2789
- ],
2790
- "internalComponentProps": {},
2791
- "propToVariantKeys": {},
2792
- "runtimeConfigDefaultProps": {},
2793
- "runtimeConfigGetStyles": {},
2794
- "runtimeConfigInternalComponentProps": {},
2795
- "motionVarPrefixes": [
2796
- "--uds-motion-subtle-3-",
2797
- "--uds-motion-smooth-3-"
2798
- ]
2799
- },
2800
- "Menu.ItemCheckbox": {
2801
- "name": "Menu.ItemCheckbox",
2031
+ "Menu.Item": {
2032
+ "name": "Menu.Item",
2802
2033
  "defaultProps": {},
2803
2034
  "getStylesLiterals": {
2804
- "menuitemItemCheckboxVariantRoot": "default",
2805
- "menuitemItemCheckboxVariantActiveRoot": "on",
2806
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2807
- "menuitemItemCheckboxVariantText": "default",
2808
- "menuitemItemCheckboxVariantActiveText": "on",
2809
- "menuitemItemCheckboxVariantActiveText:1": "off",
2810
- "menuitemItemCheckboxVariantStartIcon": "default",
2811
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2812
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2813
- "menuitemItemCheckboxVariantEndIcon": "default",
2814
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2815
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
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"
2816
2044
  },
2817
- "cxLiterals": [
2818
- "uds-menu-item-checkbox"
2819
- ],
2045
+ "cxLiterals": [],
2820
2046
  "internalComponents": [
2821
2047
  "MenuItemBase"
2822
2048
  ],
@@ -2905,24 +2131,123 @@
2905
2131
  "runtimeConfigInternalComponentProps": {},
2906
2132
  "motionVarPrefixes": []
2907
2133
  },
2908
- "Input": {
2909
- "name": "Input",
2910
- "defaultProps": {
2911
- "type": "text",
2912
- "size": "md",
2913
- "width": "full"
2914
- },
2134
+ "Menu.ItemCheckbox": {
2135
+ "name": "Menu.ItemCheckbox",
2136
+ "defaultProps": {},
2915
2137
  "getStylesLiterals": {
2916
- "inputVariantRoot": "default",
2917
- "inputVariantValueRoot": "empty",
2918
- "inputVariantValueRoot:1": "filled",
2919
- "inputVariantInputWrapper": "default",
2920
- "inputVariantValueInputWrapper": "empty",
2921
- "inputVariantValueInputWrapper:1": "filled",
2922
- "inputVariantInput": "default",
2923
- "inputVariantValueInput": "empty",
2924
- "inputVariantValueInput:1": "filled",
2925
- "inputVariantInputPlaceholder": "default",
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
+ ],
2154
+ "internalComponents": [
2155
+ "MenuItemBase"
2156
+ ],
2157
+ "internalComponentProps": {},
2158
+ "propToVariantKeys": {},
2159
+ "runtimeConfigDefaultProps": {},
2160
+ "runtimeConfigGetStyles": {},
2161
+ "runtimeConfigInternalComponentProps": {},
2162
+ "motionVarPrefixes": []
2163
+ },
2164
+ "Menu.Provider": {
2165
+ "name": "Menu.Provider",
2166
+ "defaultProps": {},
2167
+ "getStylesLiterals": {},
2168
+ "cxLiterals": [],
2169
+ "internalComponents": [
2170
+ "AriakitMenuProvider",
2171
+ "SpringMotionConfig"
2172
+ ],
2173
+ "internalComponentProps": {},
2174
+ "propToVariantKeys": {},
2175
+ "runtimeConfigDefaultProps": {},
2176
+ "runtimeConfigGetStyles": {},
2177
+ "runtimeConfigInternalComponentProps": {},
2178
+ "motionVarPrefixes": [
2179
+ "--uds-motion-subtle-3-",
2180
+ "--uds-motion-smooth-3-"
2181
+ ]
2182
+ },
2183
+ "Menu.Trigger": {
2184
+ "name": "Menu.Trigger",
2185
+ "defaultProps": {},
2186
+ "getStylesLiterals": {},
2187
+ "cxLiterals": [
2188
+ "uds-menu-trigger"
2189
+ ],
2190
+ "internalComponents": [
2191
+ "AriakitMenuTrigger",
2192
+ "Box"
2193
+ ],
2194
+ "internalComponentProps": {
2195
+ "Box": {
2196
+ "className": [
2197
+ "uds-ring h-fit w-fit"
2198
+ ]
2199
+ }
2200
+ },
2201
+ "propToVariantKeys": {},
2202
+ "runtimeConfigDefaultProps": {},
2203
+ "runtimeConfigGetStyles": {},
2204
+ "runtimeConfigInternalComponentProps": {},
2205
+ "motionVarPrefixes": []
2206
+ },
2207
+ "Menu.index": {
2208
+ "name": "Menu.index",
2209
+ "defaultProps": {},
2210
+ "getStylesLiterals": {},
2211
+ "cxLiterals": [],
2212
+ "internalComponents": [],
2213
+ "internalComponentProps": {},
2214
+ "propToVariantKeys": {},
2215
+ "runtimeConfigDefaultProps": {},
2216
+ "runtimeConfigGetStyles": {},
2217
+ "runtimeConfigInternalComponentProps": {},
2218
+ "motionVarPrefixes": []
2219
+ },
2220
+ "Menu": {
2221
+ "name": "Menu",
2222
+ "defaultProps": {},
2223
+ "getStylesLiterals": {},
2224
+ "cxLiterals": [],
2225
+ "internalComponents": [],
2226
+ "internalComponentProps": {},
2227
+ "propToVariantKeys": {},
2228
+ "runtimeConfigDefaultProps": {},
2229
+ "runtimeConfigGetStyles": {},
2230
+ "runtimeConfigInternalComponentProps": {},
2231
+ "motionVarPrefixes": []
2232
+ },
2233
+ "Input": {
2234
+ "name": "Input",
2235
+ "defaultProps": {
2236
+ "type": "text",
2237
+ "size": "md",
2238
+ "width": "full"
2239
+ },
2240
+ "getStylesLiterals": {
2241
+ "inputVariantRoot": "default",
2242
+ "inputVariantValueRoot": "empty",
2243
+ "inputVariantValueRoot:1": "filled",
2244
+ "inputVariantInputWrapper": "default",
2245
+ "inputVariantValueInputWrapper": "empty",
2246
+ "inputVariantValueInputWrapper:1": "filled",
2247
+ "inputVariantInput": "default",
2248
+ "inputVariantValueInput": "empty",
2249
+ "inputVariantValueInput:1": "filled",
2250
+ "inputVariantInputPlaceholder": "default",
2926
2251
  "inputVariantValueInputPlaceholder": "empty",
2927
2252
  "inputVariantValueInputPlaceholder:1": "filled",
2928
2253
  "inputVariantLabel": "default",
@@ -3091,33 +2416,16 @@
3091
2416
  "runtimeConfigInternalComponentProps": {},
3092
2417
  "motionVarPrefixes": []
3093
2418
  },
3094
- "UDSBreakpointsConfigProvider": {
3095
- "name": "UDSBreakpointsConfigProvider",
3096
- "defaultProps": {},
3097
- "getStylesLiterals": {},
3098
- "cxLiterals": [],
3099
- "internalComponents": [
3100
- "UDSBreakpointsConfigContext.Provider"
3101
- ],
3102
- "internalComponentProps": {},
3103
- "propToVariantKeys": {},
3104
- "runtimeConfigDefaultProps": {},
3105
- "runtimeConfigGetStyles": {},
3106
- "runtimeConfigInternalComponentProps": {},
3107
- "motionVarPrefixes": []
3108
- },
3109
- "UDSConfigProvider": {
3110
- "name": "UDSConfigProvider",
2419
+ "Chip": {
2420
+ "name": "Chip",
3111
2421
  "defaultProps": {},
3112
2422
  "getStylesLiterals": {},
3113
2423
  "cxLiterals": [],
3114
2424
  "internalComponents": [
3115
- "UDSBreakpointsConfigProvider",
3116
- "UDSBottomSheetConfigProvider",
3117
- "UDSToastConfigProvider",
3118
- "UDSTooltipConfigProvider",
3119
- "UDSPopoverConfigProvider",
3120
- "UDSModalConfigProvider"
2425
+ "ChipDismissible",
2426
+ "ChipToggle",
2427
+ "ChipLink",
2428
+ "ChipButton"
3121
2429
  ],
3122
2430
  "internalComponentProps": {},
3123
2431
  "propToVariantKeys": {},
@@ -3126,93 +2434,53 @@
3126
2434
  "runtimeConfigInternalComponentProps": {},
3127
2435
  "motionVarPrefixes": []
3128
2436
  },
3129
- "Tooltip": {
3130
- "name": "Tooltip",
3131
- "defaultProps": {},
3132
- "getStylesLiterals": {},
3133
- "cxLiterals": [],
3134
- "internalComponents": [
3135
- "TooltipInternalContext.Provider",
3136
- "TooltipProvider"
3137
- ],
3138
- "internalComponentProps": {},
3139
- "propToVariantKeys": {},
3140
- "runtimeConfigDefaultProps": {},
3141
- "runtimeConfigGetStyles": {},
3142
- "runtimeConfigInternalComponentProps": {
3143
- "TooltipProvider": {
3144
- "animated": [
3145
- "tooltip.animationDuration"
3146
- ]
3147
- }
3148
- },
3149
- "motionVarPrefixes": []
3150
- },
3151
- "TooltipContent": {
3152
- "name": "TooltipContent",
3153
- "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"
2437
+ "ChipBase": {
2438
+ "name": "ChipBase",
2439
+ "defaultProps": {
2440
+ "size": "md",
2441
+ "as": "div"
3168
2442
  },
2443
+ "getStylesLiterals": {},
3169
2444
  "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]"
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"
3178
2455
  ],
3179
2456
  "internalComponents": [
3180
2457
  "IconSlot",
3181
- "TooltipArrow",
3182
- "Tooltip",
3183
- "SvgFloatingOverlay",
3184
- "VStack",
3185
- "Box",
2458
+ "HStack",
2459
+ "As",
3186
2460
  "Text"
3187
2461
  ],
3188
2462
  "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
2463
  "Text": {
2464
+ "as": [
2465
+ "span"
2466
+ ],
3209
2467
  "color": [
2468
+ "current"
2469
+ ],
2470
+ "variant": [
3210
2471
  "inherit"
3211
2472
  ]
3212
2473
  }
3213
2474
  },
3214
2475
  "propToVariantKeys": {
3215
- "startTitleIcon": [
2476
+ "size": [
2477
+ "chipSizeRoot",
2478
+ "chipSizeIcon"
2479
+ ],
2480
+ "startIcon": [
2481
+ "icon"
2482
+ ],
2483
+ "endIcon": [
3216
2484
  "icon"
3217
2485
  ]
3218
2486
  },
@@ -3221,39 +2489,61 @@
3221
2489
  "runtimeConfigInternalComponentProps": {},
3222
2490
  "motionVarPrefixes": []
3223
2491
  },
3224
- "UDSTooltipConfigProvider": {
3225
- "name": "UDSTooltipConfigProvider",
3226
- "defaultProps": {},
2492
+ "ChipButton": {
2493
+ "name": "ChipButton",
2494
+ "defaultProps": {
2495
+ "variant": "primary"
2496
+ },
3227
2497
  "getStylesLiterals": {},
3228
- "cxLiterals": [],
3229
- "internalComponents": [
3230
- "TooltipContext.Provider"
2498
+ "cxLiterals": [
2499
+ "uds-ring"
3231
2500
  ],
3232
- "internalComponentProps": {},
3233
- "propToVariantKeys": {},
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
+ },
3234
2517
  "runtimeConfigDefaultProps": {},
3235
2518
  "runtimeConfigGetStyles": {},
3236
2519
  "runtimeConfigInternalComponentProps": {},
3237
2520
  "motionVarPrefixes": []
3238
2521
  },
3239
- "TooltipTrigger": {
3240
- "name": "TooltipTrigger",
3241
- "defaultProps": {},
2522
+ "ChipDismissible": {
2523
+ "name": "ChipDismissible",
2524
+ "defaultProps": {
2525
+ "variant": "primary"
2526
+ },
3242
2527
  "getStylesLiterals": {},
3243
- "cxLiterals": [],
2528
+ "cxLiterals": [
2529
+ "uds-chip-dismissible-button",
2530
+ "uds-hit-target",
2531
+ "uds-ring",
2532
+ "rounded-full"
2533
+ ],
3244
2534
  "internalComponents": [
3245
- "TooltipAnchor"
2535
+ "ChipBase",
2536
+ "IconSlot",
2537
+ "Pressable"
3246
2538
  ],
3247
- "internalComponentProps": {
3248
- "TooltipAnchor": {
3249
- "className": [
3250
- "inline"
3251
- ]
3252
- }
3253
- },
2539
+ "internalComponentProps": {},
3254
2540
  "propToVariantKeys": {
3255
- "children": [
3256
- "render"
2541
+ "variant": [
2542
+ "chipDismissibleVariantRoot",
2543
+ "chipDismissibleVariantIcon"
2544
+ ],
2545
+ "dismissButtonAriaLabel": [
2546
+ "aria-label"
3257
2547
  ]
3258
2548
  },
3259
2549
  "runtimeConfigDefaultProps": {},
@@ -3261,379 +2551,1003 @@
3261
2551
  "runtimeConfigInternalComponentProps": {},
3262
2552
  "motionVarPrefixes": []
3263
2553
  },
3264
- "RadioGroupProvider": {
3265
- "name": "RadioGroupProvider",
3266
- "defaultProps": {},
2554
+ "ChipLink": {
2555
+ "name": "ChipLink",
2556
+ "defaultProps": {
2557
+ "variant": "primary"
2558
+ },
3267
2559
  "getStylesLiterals": {},
3268
- "cxLiterals": [],
2560
+ "cxLiterals": [
2561
+ "uds-ring"
2562
+ ],
3269
2563
  "internalComponents": [
3270
- "DivProps",
3271
- "Comp",
3272
- "RadioGroupContext.Provider"
2564
+ "ChipBase"
3273
2565
  ],
3274
2566
  "internalComponentProps": {
3275
- "Comp": {
3276
- "role": [
3277
- "radiogroup"
2567
+ "ChipBase": {
2568
+ "as": [
2569
+ "a"
3278
2570
  ]
3279
2571
  }
3280
2572
  },
3281
- "propToVariantKeys": {},
2573
+ "propToVariantKeys": {
2574
+ "variant": [
2575
+ "chipLinkVariantRoot",
2576
+ "chipLinkVariantIcon"
2577
+ ]
2578
+ },
3282
2579
  "runtimeConfigDefaultProps": {},
3283
2580
  "runtimeConfigGetStyles": {},
3284
2581
  "runtimeConfigInternalComponentProps": {},
3285
2582
  "motionVarPrefixes": []
3286
2583
  },
3287
- "RadioGroupStore": {
3288
- "name": "RadioGroupStore",
3289
- "defaultProps": {},
3290
- "getStylesLiterals": {},
3291
- "cxLiterals": [],
3292
- "internalComponents": [],
3293
- "internalComponentProps": {},
3294
- "propToVariantKeys": {},
2584
+ "ChipToggle": {
2585
+ "name": "ChipToggle",
2586
+ "defaultProps": {
2587
+ "variant": "primary",
2588
+ "role": "checkbox"
2589
+ },
2590
+ "getStylesLiterals": {
2591
+ "chipToggleVariantActiveRoot": "on",
2592
+ "chipToggleVariantActiveRoot:1": "off"
2593
+ },
2594
+ "cxLiterals": [
2595
+ "uds-ring"
2596
+ ],
2597
+ "internalComponents": [
2598
+ "ChipBase"
2599
+ ],
2600
+ "internalComponentProps": {
2601
+ "ChipBase": {
2602
+ "as": [
2603
+ "button"
2604
+ ]
2605
+ }
2606
+ },
2607
+ "propToVariantKeys": {
2608
+ "variant": [
2609
+ "chipToggleVariantRoot",
2610
+ "chipToggleVariantIcon"
2611
+ ]
2612
+ },
3295
2613
  "runtimeConfigDefaultProps": {},
3296
2614
  "runtimeConfigGetStyles": {},
3297
2615
  "runtimeConfigInternalComponentProps": {},
3298
2616
  "motionVarPrefixes": []
3299
2617
  },
3300
- "Radio": {
3301
- "name": "Radio",
2618
+ "BottomSheet": {
2619
+ "name": "BottomSheet",
3302
2620
  "defaultProps": {
3303
- "labelPosition": "start",
3304
- "variant": "primary",
3305
- "size": "md",
3306
- "value": ""
3307
- },
3308
- "getStylesLiterals": {
3309
- "radioVariantValueRoot": "checked",
3310
- "radioVariantValueRoot:1": "unchecked",
3311
- "display": "flex",
3312
- "flexDirection": "row",
3313
- "flexDirection:1": "row-reverse",
3314
- "alignItems": "center",
3315
- "radioVariantValueRadio": "checked",
3316
- "radioVariantValueRadio:1": "unchecked",
3317
- "radioVariantValueRadioCircle": "checked",
3318
- "radioVariantValueRadioCircle:1": "unchecked"
2621
+ "variant": "default"
3319
2622
  },
2623
+ "getStylesLiterals": {},
3320
2624
  "cxLiterals": [
3321
- "cursor-pointer",
3322
- "cursor-default",
3323
- "opacity-50",
3324
- "border",
3325
- "uds-ring",
3326
- "uds-ring-within",
3327
- "transition-[background-color,border-color]",
3328
- "transition-shadow",
3329
- "pointer-events-none",
3330
- "w-[8px]",
3331
- "h-[8px]",
3332
- "transition-opacity",
3333
- "cursor-[inherit]",
3334
- "absolute",
3335
- "opacity-0",
3336
- "top-1/2",
3337
- "left-1/2",
3338
- "w-[calc(100%+2px)]",
3339
- "h-[calc(100%+2px)]",
3340
- "transform",
3341
- "translate-x-[-50%]",
3342
- "translate-y-[-50%]",
3343
- "text-start",
3344
- "text-end"
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"
3345
2641
  ],
3346
2642
  "internalComponents": [
2643
+ "Scrim",
2644
+ "BottomSheetHandle",
2645
+ "Dialog",
3347
2646
  "Box",
3348
- "FormLabel",
3349
- "SpringMotionConfig",
3350
- "RootElement",
3351
- "MotionBox"
2647
+ "BottomSheetInternalContext.Provider"
3352
2648
  ],
3353
2649
  "internalComponentProps": {
3354
- "Box": {
3355
- "borderRadius": [
3356
- "full"
3357
- ]
3358
- },
3359
- "FormLabel": {
3360
- "as": [
3361
- "div"
3362
- ],
3363
- "variant": [
3364
- "inherit"
3365
- ],
3366
- "color": [
3367
- "inherit"
2650
+ "BottomSheetHandle": {
2651
+ "ariaLabel": [
2652
+ "Resize sheet"
3368
2653
  ]
3369
2654
  },
3370
- "RootElement": {
2655
+ "Dialog": {
3371
2656
  "data-testid": [
3372
- "container"
2657
+ "bottom-sheet"
3373
2658
  ]
3374
2659
  },
3375
- "MotionBox": {
3376
- "position": [
3377
- "relative"
3378
- ],
3379
- "borderRadius": [
3380
- "full"
2660
+ "Box": {
2661
+ "display": [
2662
+ "block",
2663
+ "flex"
3381
2664
  ],
3382
- "alignItems": [
3383
- "center"
2665
+ "position": [
2666
+ "absolute"
3384
2667
  ],
3385
- "justifyContent": [
3386
- "center"
2668
+ "flexDirection": [
2669
+ "column"
3387
2670
  ],
3388
- "flex": [
3389
- "none"
2671
+ "className": [
2672
+ "absolute inset-0 min-h-0 p-[inherit]"
3390
2673
  ]
3391
2674
  }
3392
2675
  },
3393
2676
  "propToVariantKeys": {
3394
- "size": [
3395
- "radioSizeRoot",
3396
- "radioSizeRadio"
3397
- ],
3398
2677
  "variant": [
3399
- "radioVariantRoot",
3400
- "radioVariantRadio",
3401
- "radioVariantRadioCircle"
3402
- ],
3403
- "reduceMotion": [
3404
- "reducedMotion"
2678
+ "bottomsheetVariantRoot"
3405
2679
  ]
3406
2680
  },
3407
2681
  "runtimeConfigDefaultProps": {},
3408
2682
  "runtimeConfigGetStyles": {},
3409
2683
  "runtimeConfigInternalComponentProps": {},
3410
- "motionVarPrefixes": [
3411
- "--uds-motion-subtle-3-",
3412
- "--uds-motion-smooth-3-"
3413
- ]
2684
+ "motionVarPrefixes": []
3414
2685
  },
3415
- "ModalContext": {
3416
- "name": "ModalContext",
2686
+ "BottomSheetContent": {
2687
+ "name": "BottomSheetContent",
3417
2688
  "defaultProps": {},
3418
2689
  "getStylesLiterals": {},
3419
- "cxLiterals": [],
2690
+ "cxLiterals": [
2691
+ "min-h-0",
2692
+ "touch-pan-y"
2693
+ ],
2694
+ "internalComponents": [
2695
+ "Box",
2696
+ "VStack"
2697
+ ],
2698
+ "internalComponentProps": {
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))]"
2710
+ ]
2711
+ }
2712
+ },
2713
+ "propToVariantKeys": {},
2714
+ "runtimeConfigDefaultProps": {},
2715
+ "runtimeConfigGetStyles": {},
2716
+ "runtimeConfigInternalComponentProps": {},
2717
+ "motionVarPrefixes": []
2718
+ },
2719
+ "BottomSheetDismiss": {
2720
+ "name": "BottomSheetDismiss",
2721
+ "defaultProps": {},
2722
+ "getStylesLiterals": {},
2723
+ "cxLiterals": [],
2724
+ "internalComponents": [
2725
+ "AriakitDialogDismiss"
2726
+ ],
2727
+ "internalComponentProps": {},
2728
+ "propToVariantKeys": {},
2729
+ "runtimeConfigDefaultProps": {},
2730
+ "runtimeConfigGetStyles": {},
2731
+ "runtimeConfigInternalComponentProps": {},
2732
+ "motionVarPrefixes": []
2733
+ },
2734
+ "BottomSheetHandle": {
2735
+ "name": "BottomSheetHandle",
2736
+ "defaultProps": {
2737
+ "variant": "default"
2738
+ },
2739
+ "getStylesLiterals": {},
2740
+ "cxLiterals": [
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"
2755
+ ],
2756
+ "internalComponents": [
2757
+ "Box"
2758
+ ],
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
+ },
2775
+ "runtimeConfigDefaultProps": {},
2776
+ "runtimeConfigGetStyles": {},
2777
+ "runtimeConfigInternalComponentProps": {},
2778
+ "motionVarPrefixes": []
2779
+ },
2780
+ "BottomSheetHeader": {
2781
+ "name": "BottomSheetHeader",
2782
+ "defaultProps": {
2783
+ "variant": "default"
2784
+ },
2785
+ "getStylesLiterals": {},
2786
+ "cxLiterals": [
2787
+ "grid-cols-[40px_1fr_40px]",
2788
+ "items-center",
2789
+ "w-full",
2790
+ "min-h-10",
2791
+ "mt-2"
2792
+ ],
2793
+ "internalComponents": [
2794
+ "Box",
2795
+ "Text",
2796
+ "DialogHeading"
2797
+ ],
2798
+ "internalComponentProps": {
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": [
2823
+ "center"
2824
+ ],
2825
+ "className": [
2826
+ "m-0 w-full"
2827
+ ]
2828
+ },
2829
+ "DialogHeading": {
2830
+ "role": [
2831
+ "heading"
2832
+ ]
2833
+ }
2834
+ },
2835
+ "propToVariantKeys": {
2836
+ "variant": [
2837
+ "bottomsheetVariantHeader"
2838
+ ]
2839
+ },
2840
+ "runtimeConfigDefaultProps": {},
2841
+ "runtimeConfigGetStyles": {},
2842
+ "runtimeConfigInternalComponentProps": {},
2843
+ "motionVarPrefixes": []
2844
+ },
2845
+ "BottomSheetInternalContext": {
2846
+ "name": "BottomSheetInternalContext",
2847
+ "defaultProps": {},
2848
+ "getStylesLiterals": {},
2849
+ "cxLiterals": [],
2850
+ "internalComponents": [],
2851
+ "internalComponentProps": {},
2852
+ "propToVariantKeys": {},
2853
+ "runtimeConfigDefaultProps": {},
2854
+ "runtimeConfigGetStyles": {},
2855
+ "runtimeConfigInternalComponentProps": {},
2856
+ "motionVarPrefixes": []
2857
+ },
2858
+ "BottomSheetProvider": {
2859
+ "name": "BottomSheetProvider",
2860
+ "defaultProps": {},
2861
+ "getStylesLiterals": {},
2862
+ "cxLiterals": [],
2863
+ "internalComponents": [
2864
+ "AriakitDialogProvider"
2865
+ ],
2866
+ "internalComponentProps": {},
2867
+ "propToVariantKeys": {},
2868
+ "runtimeConfigDefaultProps": {},
2869
+ "runtimeConfigGetStyles": {},
2870
+ "runtimeConfigInternalComponentProps": {},
2871
+ "motionVarPrefixes": []
2872
+ },
2873
+ "BottomSheetTrigger": {
2874
+ "name": "BottomSheetTrigger",
2875
+ "defaultProps": {},
2876
+ "getStylesLiterals": {},
2877
+ "cxLiterals": [],
2878
+ "internalComponents": [
2879
+ "AriakitDialogDisclosure"
2880
+ ],
2881
+ "internalComponentProps": {},
2882
+ "propToVariantKeys": {},
2883
+ "runtimeConfigDefaultProps": {},
2884
+ "runtimeConfigGetStyles": {},
2885
+ "runtimeConfigInternalComponentProps": {},
2886
+ "motionVarPrefixes": []
2887
+ },
2888
+ "UDSBottomSheetConfigProvider": {
2889
+ "name": "UDSBottomSheetConfigProvider",
2890
+ "defaultProps": {},
2891
+ "getStylesLiterals": {},
2892
+ "cxLiterals": [],
2893
+ "internalComponents": [
2894
+ "BottomSheetContext.Provider"
2895
+ ],
2896
+ "internalComponentProps": {},
2897
+ "propToVariantKeys": {},
2898
+ "runtimeConfigDefaultProps": {},
2899
+ "runtimeConfigGetStyles": {},
2900
+ "runtimeConfigInternalComponentProps": {},
2901
+ "motionVarPrefixes": []
2902
+ },
2903
+ "Avatar": {
2904
+ "name": "Avatar",
2905
+ "defaultProps": {},
2906
+ "getStylesLiterals": {},
2907
+ "cxLiterals": [],
2908
+ "internalComponents": [
2909
+ "AvatarImage"
2910
+ ],
2911
+ "internalComponentProps": {},
2912
+ "propToVariantKeys": {},
2913
+ "runtimeConfigDefaultProps": {},
2914
+ "runtimeConfigGetStyles": {},
2915
+ "runtimeConfigInternalComponentProps": {},
2916
+ "motionVarPrefixes": []
2917
+ },
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
+ },
2956
+ "getStylesLiterals": {},
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
+ ],
2968
+ "internalComponents": [
2969
+ "UDSImage",
2970
+ "AvatarText",
2971
+ "AvatarIcon",
2972
+ "Box"
2973
+ ],
2974
+ "internalComponentProps": {},
2975
+ "propToVariantKeys": {
2976
+ "alt": [
2977
+ "name"
2978
+ ],
2979
+ "fallback": [
2980
+ "initials"
2981
+ ]
2982
+ },
2983
+ "runtimeConfigDefaultProps": {},
2984
+ "runtimeConfigGetStyles": {},
2985
+ "runtimeConfigInternalComponentProps": {},
2986
+ "motionVarPrefixes": []
2987
+ },
2988
+ "AvatarText": {
2989
+ "name": "AvatarText",
2990
+ "defaultProps": {
2991
+ "size": "md",
2992
+ "variant": "primary"
2993
+ },
2994
+ "getStylesLiterals": {},
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
+ ],
3006
+ "internalComponents": [
3007
+ "Box",
3008
+ "Text"
3009
+ ],
3010
+ "internalComponentProps": {
3011
+ "Text": {
3012
+ "color": [
3013
+ "inherit"
3014
+ ],
3015
+ "variant": [
3016
+ "inherit"
3017
+ ]
3018
+ }
3019
+ },
3020
+ "propToVariantKeys": {},
3021
+ "runtimeConfigDefaultProps": {},
3022
+ "runtimeConfigGetStyles": {},
3023
+ "runtimeConfigInternalComponentProps": {},
3024
+ "motionVarPrefixes": []
3025
+ },
3026
+ "Radio": {
3027
+ "name": "Radio",
3028
+ "defaultProps": {
3029
+ "labelPosition": "start",
3030
+ "variant": "primary",
3031
+ "size": "md",
3032
+ "value": ""
3033
+ },
3034
+ "getStylesLiterals": {
3035
+ "radioVariantValueRoot": "checked",
3036
+ "radioVariantValueRoot:1": "unchecked",
3037
+ "display": "flex",
3038
+ "flexDirection": "row",
3039
+ "flexDirection:1": "row-reverse",
3040
+ "alignItems": "center",
3041
+ "radioVariantValueRadio": "checked",
3042
+ "radioVariantValueRadio:1": "unchecked",
3043
+ "radioVariantValueRadioCircle": "checked",
3044
+ "radioVariantValueRadioCircle:1": "unchecked"
3045
+ },
3046
+ "cxLiterals": [
3047
+ "cursor-pointer",
3048
+ "cursor-default",
3049
+ "opacity-50",
3050
+ "border",
3051
+ "uds-ring",
3052
+ "uds-ring-within",
3053
+ "transition-[background-color,border-color]",
3054
+ "transition-shadow",
3055
+ "pointer-events-none",
3056
+ "w-[8px]",
3057
+ "h-[8px]",
3058
+ "transition-opacity",
3059
+ "cursor-[inherit]",
3060
+ "absolute",
3061
+ "opacity-0",
3062
+ "top-1/2",
3063
+ "left-1/2",
3064
+ "w-[calc(100%+2px)]",
3065
+ "h-[calc(100%+2px)]",
3066
+ "transform",
3067
+ "translate-x-[-50%]",
3068
+ "translate-y-[-50%]",
3069
+ "text-start",
3070
+ "text-end"
3071
+ ],
3072
+ "internalComponents": [
3073
+ "Box",
3074
+ "FormLabel",
3075
+ "SpringMotionConfig",
3076
+ "RootElement",
3077
+ "MotionBox"
3078
+ ],
3079
+ "internalComponentProps": {
3080
+ "Box": {
3081
+ "borderRadius": [
3082
+ "full"
3083
+ ]
3084
+ },
3085
+ "FormLabel": {
3086
+ "as": [
3087
+ "div"
3088
+ ],
3089
+ "variant": [
3090
+ "inherit"
3091
+ ],
3092
+ "color": [
3093
+ "inherit"
3094
+ ]
3095
+ },
3096
+ "RootElement": {
3097
+ "data-testid": [
3098
+ "container"
3099
+ ]
3100
+ },
3101
+ "MotionBox": {
3102
+ "position": [
3103
+ "relative"
3104
+ ],
3105
+ "borderRadius": [
3106
+ "full"
3107
+ ],
3108
+ "alignItems": [
3109
+ "center"
3110
+ ],
3111
+ "justifyContent": [
3112
+ "center"
3113
+ ],
3114
+ "flex": [
3115
+ "none"
3116
+ ]
3117
+ }
3118
+ },
3119
+ "propToVariantKeys": {
3120
+ "size": [
3121
+ "radioSizeRoot",
3122
+ "radioSizeRadio"
3123
+ ],
3124
+ "variant": [
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": [],
3420
3169
  "internalComponents": [],
3421
3170
  "internalComponentProps": {},
3422
- "propToVariantKeys": {},
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"
3301
+ ]
3302
+ },
3423
3303
  "runtimeConfigDefaultProps": {},
3424
3304
  "runtimeConfigGetStyles": {},
3425
3305
  "runtimeConfigInternalComponentProps": {},
3426
3306
  "motionVarPrefixes": []
3427
3307
  },
3428
- "ModalTitle": {
3429
- "name": "ModalTitle",
3308
+ "TabPanel": {
3309
+ "name": "TabPanel",
3430
3310
  "defaultProps": {},
3431
3311
  "getStylesLiterals": {},
3432
3312
  "cxLiterals": [],
3433
3313
  "internalComponents": [
3434
- "Text",
3435
- "DialogHeading"
3314
+ "AriakitTabPanel"
3436
3315
  ],
3437
- "internalComponentProps": {
3438
- "Text": {
3439
- "as": [
3440
- "span"
3441
- ]
3442
- }
3316
+ "internalComponentProps": {},
3317
+ "propToVariantKeys": {},
3318
+ "runtimeConfigDefaultProps": {},
3319
+ "runtimeConfigGetStyles": {},
3320
+ "runtimeConfigInternalComponentProps": {},
3321
+ "motionVarPrefixes": []
3322
+ },
3323
+ "Tabs": {
3324
+ "name": "Tabs",
3325
+ "defaultProps": {
3326
+ "variant": "primary"
3443
3327
  },
3328
+ "getStylesLiterals": {},
3329
+ "cxLiterals": [],
3330
+ "internalComponents": [
3331
+ "TabsContext.Provider",
3332
+ "TabProvider"
3333
+ ],
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
  }