@yahoo/uds 3.128.0 → 3.128.1

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