@yahoo/uds 3.129.0-beta.4 → 3.130.0

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