@yahoo/uds 3.140.0 → 3.141.0

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