@yahoo/uds 3.129.0-beta.1 → 3.129.0-beta.3

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