@yahoo/uds 3.118.0 → 3.119.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/cli/commands/sync.cjs +20 -10
  2. package/dist/cli/commands/sync.d.cts +3 -1
  3. package/dist/cli/commands/sync.d.ts +3 -1
  4. package/dist/cli/commands/sync.js +19 -11
  5. package/dist/cli/commands/version.js +2 -2
  6. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  7. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  8. package/dist/styles/styler.d.cts +8 -8
  9. package/dist/styles/styler.d.ts +8 -8
  10. package/dist/uds/generated/componentData.cjs +1252 -1252
  11. package/dist/uds/generated/componentData.js +1252 -1252
  12. package/generated/componentData.json +1675 -1675
  13. package/package.json +1 -1
package/generated/componentData.json CHANGED
@@ -1,121 +1,4 @@
1
1
  {
2
- "Box": {
3
- "name": "Box",
4
- "defaultProps": {
5
- "as": "div",
6
- "display": "flex"
7
- },
8
- "getStylesLiterals": {},
9
- "cxLiterals": [],
10
- "internalComponents": [
11
- "Comp"
12
- ],
13
- "internalComponentProps": {},
14
- "propToVariantKeys": {
15
- "elevationAlias": [
16
- "backgroundColor",
17
- "borderColor",
18
- "borderWidth",
19
- "dropShadow"
20
- ]
21
- },
22
- "motionVarPrefixes": []
23
- },
24
- "FormLabel": {
25
- "name": "FormLabel",
26
- "defaultProps": {
27
- "color": "muted",
28
- "variant": "label3",
29
- "as": "label"
30
- },
31
- "getStylesLiterals": {},
32
- "cxLiterals": [
33
- "cursor-[inherit]"
34
- ],
35
- "internalComponents": [
36
- "Text"
37
- ],
38
- "internalComponentProps": {
39
- "Text": {
40
- "as": [
41
- "sup"
42
- ],
43
- "variant": [
44
- "inherit"
45
- ],
46
- "spacingStart": [
47
- "0.5"
48
- ]
49
- }
50
- },
51
- "propToVariantKeys": {},
52
- "motionVarPrefixes": []
53
- },
54
- "HStack": {
55
- "name": "HStack",
56
- "defaultProps": {},
57
- "getStylesLiterals": {},
58
- "cxLiterals": [],
59
- "internalComponents": [
60
- "Box"
61
- ],
62
- "internalComponentProps": {
63
- "Box": {
64
- "flexDirection": [
65
- "row"
66
- ]
67
- }
68
- },
69
- "propToVariantKeys": {
70
- "gap": [
71
- "rowGap",
72
- "columnGap"
73
- ]
74
- },
75
- "motionVarPrefixes": []
76
- },
77
- "Icon": {
78
- "name": "Icon",
79
- "defaultProps": {
80
- "size": "md",
81
- "variant": "outline",
82
- "color": "primary"
83
- },
84
- "getStylesLiterals": {
85
- "flex": "none"
86
- },
87
- "cxLiterals": [
88
- "[&_path]:fill-current"
89
- ],
90
- "internalComponents": [
91
- "SVGIcon"
92
- ],
93
- "internalComponentProps": {},
94
- "propToVariantKeys": {},
95
- "motionVarPrefixes": []
96
- },
97
- "IconSlot": {
98
- "name": "IconSlot",
99
- "defaultProps": {},
100
- "getStylesLiterals": {},
101
- "cxLiterals": [],
102
- "internalComponents": [
103
- "Icon"
104
- ],
105
- "internalComponentProps": {},
106
- "propToVariantKeys": {},
107
- "motionVarPrefixes": []
108
- },
109
- "Image": {
110
- "name": "Image",
111
- "defaultProps": {},
112
- "getStylesLiterals": {},
113
- "cxLiterals": [],
114
- "internalComponents": [],
115
- "internalComponentProps": {},
116
- "propToVariantKeys": {},
117
- "motionVarPrefixes": []
118
- },
119
2
  "Link": {
120
3
  "name": "Link",
121
4
  "defaultProps": {
@@ -166,6 +49,51 @@
166
49
  },
167
50
  "motionVarPrefixes": []
168
51
  },
52
+ "VStack": {
53
+ "name": "VStack",
54
+ "defaultProps": {},
55
+ "getStylesLiterals": {},
56
+ "cxLiterals": [],
57
+ "internalComponents": [
58
+ "Box"
59
+ ],
60
+ "internalComponentProps": {
61
+ "Box": {
62
+ "flexDirection": [
63
+ "column"
64
+ ]
65
+ }
66
+ },
67
+ "propToVariantKeys": {
68
+ "gap": [
69
+ "columnGap",
70
+ "rowGap"
71
+ ]
72
+ },
73
+ "motionVarPrefixes": []
74
+ },
75
+ "Box": {
76
+ "name": "Box",
77
+ "defaultProps": {
78
+ "as": "div",
79
+ "display": "flex"
80
+ },
81
+ "getStylesLiterals": {},
82
+ "cxLiterals": [],
83
+ "internalComponents": [
84
+ "Comp"
85
+ ],
86
+ "internalComponentProps": {},
87
+ "propToVariantKeys": {
88
+ "elevationAlias": [
89
+ "backgroundColor",
90
+ "borderColor",
91
+ "borderWidth",
92
+ "dropShadow"
93
+ ]
94
+ },
95
+ "motionVarPrefixes": []
96
+ },
169
97
  "Scrim": {
170
98
  "name": "Scrim",
171
99
  "defaultProps": {
@@ -202,6 +130,26 @@
202
130
  },
203
131
  "motionVarPrefixes": []
204
132
  },
133
+ "Icon": {
134
+ "name": "Icon",
135
+ "defaultProps": {
136
+ "size": "md",
137
+ "variant": "outline",
138
+ "color": "primary"
139
+ },
140
+ "getStylesLiterals": {
141
+ "flex": "none"
142
+ },
143
+ "cxLiterals": [
144
+ "[&_path]:fill-current"
145
+ ],
146
+ "internalComponents": [
147
+ "SVGIcon"
148
+ ],
149
+ "internalComponentProps": {},
150
+ "propToVariantKeys": {},
151
+ "motionVarPrefixes": []
152
+ },
205
153
  "SvgFloatingOverlay": {
206
154
  "name": "SvgFloatingOverlay",
207
155
  "defaultProps": {},
@@ -250,6 +198,36 @@
250
198
  },
251
199
  "motionVarPrefixes": []
252
200
  },
201
+ "FormLabel": {
202
+ "name": "FormLabel",
203
+ "defaultProps": {
204
+ "color": "muted",
205
+ "variant": "label3",
206
+ "as": "label"
207
+ },
208
+ "getStylesLiterals": {},
209
+ "cxLiterals": [
210
+ "cursor-[inherit]"
211
+ ],
212
+ "internalComponents": [
213
+ "Text"
214
+ ],
215
+ "internalComponentProps": {
216
+ "Text": {
217
+ "as": [
218
+ "sup"
219
+ ],
220
+ "variant": [
221
+ "inherit"
222
+ ],
223
+ "spacingStart": [
224
+ "0.5"
225
+ ]
226
+ }
227
+ },
228
+ "propToVariantKeys": {},
229
+ "motionVarPrefixes": []
230
+ },
253
231
  "Text": {
254
232
  "name": "Text",
255
233
  "defaultProps": {
@@ -274,8 +252,20 @@
274
252
  },
275
253
  "motionVarPrefixes": []
276
254
  },
277
- "VStack": {
278
- "name": "VStack",
255
+ "IconSlot": {
256
+ "name": "IconSlot",
257
+ "defaultProps": {},
258
+ "getStylesLiterals": {},
259
+ "cxLiterals": [],
260
+ "internalComponents": [
261
+ "Icon"
262
+ ],
263
+ "internalComponentProps": {},
264
+ "propToVariantKeys": {},
265
+ "motionVarPrefixes": []
266
+ },
267
+ "HStack": {
268
+ "name": "HStack",
279
269
  "defaultProps": {},
280
270
  "getStylesLiterals": {},
281
271
  "cxLiterals": [],
@@ -285,43 +275,118 @@
285
275
  "internalComponentProps": {
286
276
  "Box": {
287
277
  "flexDirection": [
288
- "column"
278
+ "row"
289
279
  ]
290
280
  }
291
281
  },
292
282
  "propToVariantKeys": {
293
283
  "gap": [
294
- "columnGap",
295
- "rowGap"
284
+ "rowGap",
285
+ "columnGap"
296
286
  ]
297
287
  },
298
288
  "motionVarPrefixes": []
299
289
  },
300
- "Divider": {
301
- "name": "Divider",
290
+ "Image": {
291
+ "name": "Image",
302
292
  "defaultProps": {},
303
293
  "getStylesLiterals": {},
304
294
  "cxLiterals": [],
305
- "internalComponents": [
306
- "DividerInternal"
307
- ],
295
+ "internalComponents": [],
308
296
  "internalComponentProps": {},
309
297
  "propToVariantKeys": {},
310
298
  "motionVarPrefixes": []
311
299
  },
312
- "DividerCore": {
313
- "name": "DividerCore",
314
- "defaultProps": {
315
- "contentPosition": "center"
316
- },
300
+ "Table.mocks": {
301
+ "name": "Table.mocks",
302
+ "defaultProps": {},
317
303
  "getStylesLiterals": {},
318
304
  "cxLiterals": [],
319
- "internalComponents": [
320
- "Box",
321
- "Line",
322
- "InternalComponent",
323
- "Text"
324
- ],
305
+ "internalComponents": [],
306
+ "internalComponentProps": {},
307
+ "propToVariantKeys": {},
308
+ "motionVarPrefixes": []
309
+ },
310
+ "Table": {
311
+ "name": "Table",
312
+ "defaultProps": {
313
+ "display": "table-cell",
314
+ "overflow": "hidden",
315
+ "borderColor": "muted",
316
+ "borderRadius": "md",
317
+ "spacing": "3",
318
+ "borderBottomColor": "muted",
319
+ "borderBottomWidth": "thin",
320
+ "color": "primary"
321
+ },
322
+ "getStylesLiterals": {
323
+ "textAlign": "start"
324
+ },
325
+ "cxLiterals": [],
326
+ "internalComponents": [
327
+ "CellComponent",
328
+ "Box",
329
+ "Text",
330
+ "Table.Root",
331
+ "Table.Header",
332
+ "Table.Row",
333
+ "Table.Cell",
334
+ "Table.Body"
335
+ ],
336
+ "internalComponentProps": {
337
+ "Table.Cell": {
338
+ "asHeaderCell": [
339
+ "column"
340
+ ]
341
+ }
342
+ },
343
+ "propToVariantKeys": {},
344
+ "motionVarPrefixes": []
345
+ },
346
+ "Spinner": {
347
+ "name": "Spinner",
348
+ "defaultProps": {
349
+ "color": "primary",
350
+ "size": "lg"
351
+ },
352
+ "getStylesLiterals": {},
353
+ "cxLiterals": [
354
+ "self-center",
355
+ "relative",
356
+ "sr-only"
357
+ ],
358
+ "internalComponents": [
359
+ "Icon"
360
+ ],
361
+ "internalComponentProps": {
362
+ "Icon": {
363
+ "role": [
364
+ "img"
365
+ ],
366
+ "className": [
367
+ "animate-spin"
368
+ ],
369
+ "aria-hidden": [
370
+ "true"
371
+ ]
372
+ }
373
+ },
374
+ "propToVariantKeys": {},
375
+ "motionVarPrefixes": []
376
+ },
377
+ "DividerCore": {
378
+ "name": "DividerCore",
379
+ "defaultProps": {
380
+ "contentPosition": "center"
381
+ },
382
+ "getStylesLiterals": {},
383
+ "cxLiterals": [],
384
+ "internalComponents": [
385
+ "Box",
386
+ "Line",
387
+ "InternalComponent",
388
+ "Text"
389
+ ],
325
390
  "internalComponentProps": {
326
391
  "Box": {
327
392
  "flex": [
@@ -377,85 +442,16 @@
377
442
  },
378
443
  "motionVarPrefixes": []
379
444
  },
380
- "AnimateHeightChange": {
381
- "name": "AnimateHeightChange",
445
+ "Divider": {
446
+ "name": "Divider",
382
447
  "defaultProps": {},
383
448
  "getStylesLiterals": {},
384
- "cxLiterals": [
385
- "overflow-hidden"
386
- ],
387
- "internalComponents": [
388
- "SpringMotionConfig"
389
- ],
390
- "internalComponentProps": {
391
- "SpringMotionConfig": {
392
- "layoutSpeed": [
393
- "4"
394
- ]
395
- }
396
- },
397
- "propToVariantKeys": {
398
- "reduceMotion": [
399
- "reducedMotion"
400
- ]
401
- },
402
- "motionVarPrefixes": [
403
- "--uds-motion-subtle-4-",
404
- "--uds-motion-smooth-3-"
405
- ]
406
- },
407
- "Badge": {
408
- "name": "Badge",
409
- "defaultProps": {
410
- "variant": "primary",
411
- "size": "md"
412
- },
413
- "getStylesLiterals": {},
414
- "cxLiterals": [
415
- "flex-1",
416
- "truncate",
417
- "whitespace-nowrap",
418
- "text-center"
419
- ],
449
+ "cxLiterals": [],
420
450
  "internalComponents": [
421
- "IconSlot",
422
- "HStack"
451
+ "DividerInternal"
423
452
  ],
424
- "internalComponentProps": {
425
- "IconSlot": {
426
- "data-testid": [
427
- "start-icon",
428
- "end-icon"
429
- ]
430
- },
431
- "HStack": {
432
- "gap": [
433
- "2"
434
- ],
435
- "display": [
436
- "inline-flex"
437
- ],
438
- "alignItems": [
439
- "center"
440
- ]
441
- }
442
- },
443
- "propToVariantKeys": {
444
- "size": [
445
- "badgeSizeRoot",
446
- "badgeSizeIcon"
447
- ],
448
- "variant": [
449
- "badgeVariantRoot",
450
- "badgeVariantIcon"
451
- ],
452
- "startIcon": [
453
- "icon"
454
- ],
455
- "endIcon": [
456
- "icon"
457
- ]
458
- },
453
+ "internalComponentProps": {},
454
+ "propToVariantKeys": {},
459
455
  "motionVarPrefixes": []
460
456
  },
461
457
  "Button": {
@@ -645,6 +641,25 @@
645
641
  "--uds-motion-smooth-3-"
646
642
  ]
647
643
  },
644
+ "SpringMotionConfig": {
645
+ "name": "SpringMotionConfig",
646
+ "defaultProps": {
647
+ "reducedMotion": "user"
648
+ },
649
+ "getStylesLiterals": {},
650
+ "cxLiterals": [],
651
+ "internalComponents": [
652
+ "LazyMotion",
653
+ "MotionConfig"
654
+ ],
655
+ "internalComponentProps": {},
656
+ "propToVariantKeys": {
657
+ "loadFeatures": [
658
+ "features"
659
+ ]
660
+ },
661
+ "motionVarPrefixes": []
662
+ },
648
663
  "IconButton": {
649
664
  "name": "IconButton",
650
665
  "defaultProps": {
@@ -709,37 +724,6 @@
709
724
  "--uds-motion-smooth-3-"
710
725
  ]
711
726
  },
712
- "Pressable": {
713
- "name": "Pressable",
714
- "defaultProps": {},
715
- "getStylesLiterals": {},
716
- "cxLiterals": [],
717
- "internalComponents": [
718
- "Comp"
719
- ],
720
- "internalComponentProps": {},
721
- "propToVariantKeys": {},
722
- "motionVarPrefixes": []
723
- },
724
- "SpringMotionConfig": {
725
- "name": "SpringMotionConfig",
726
- "defaultProps": {
727
- "reducedMotion": "user"
728
- },
729
- "getStylesLiterals": {},
730
- "cxLiterals": [],
731
- "internalComponents": [
732
- "LazyMotion",
733
- "MotionConfig"
734
- ],
735
- "internalComponentProps": {},
736
- "propToVariantKeys": {
737
- "loadFeatures": [
738
- "features"
739
- ]
740
- },
741
- "motionVarPrefixes": []
742
- },
743
727
  "Switch": {
744
728
  "name": "Switch",
745
729
  "defaultProps": {
@@ -854,352 +838,274 @@
854
838
  "--uds-motion-smooth-3-"
855
839
  ]
856
840
  },
857
- "Spinner": {
858
- "name": "Spinner",
841
+ "Badge": {
842
+ "name": "Badge",
859
843
  "defaultProps": {
860
- "color": "primary",
861
- "size": "lg"
844
+ "variant": "primary",
845
+ "size": "md"
862
846
  },
863
847
  "getStylesLiterals": {},
864
848
  "cxLiterals": [
865
- "self-center",
866
- "relative",
867
- "sr-only"
849
+ "flex-1",
850
+ "truncate",
851
+ "whitespace-nowrap",
852
+ "text-center"
868
853
  ],
869
854
  "internalComponents": [
870
- "Icon"
855
+ "IconSlot",
856
+ "HStack"
871
857
  ],
872
858
  "internalComponentProps": {
873
- "Icon": {
874
- "role": [
875
- "img"
859
+ "IconSlot": {
860
+ "data-testid": [
861
+ "start-icon",
862
+ "end-icon"
863
+ ]
864
+ },
865
+ "HStack": {
866
+ "gap": [
867
+ "2"
876
868
  ],
877
- "className": [
878
- "animate-spin"
869
+ "display": [
870
+ "inline-flex"
879
871
  ],
880
- "aria-hidden": [
881
- "true"
872
+ "alignItems": [
873
+ "center"
882
874
  ]
883
875
  }
884
876
  },
885
- "propToVariantKeys": {},
886
- "motionVarPrefixes": []
877
+ "propToVariantKeys": {
878
+ "size": [
879
+ "badgeSizeRoot",
880
+ "badgeSizeIcon"
881
+ ],
882
+ "variant": [
883
+ "badgeVariantRoot",
884
+ "badgeVariantIcon"
885
+ ],
886
+ "startIcon": [
887
+ "icon"
888
+ ],
889
+ "endIcon": [
890
+ "icon"
891
+ ]
892
+ },
893
+ "motionVarPrefixes": []
887
894
  },
888
- "Table.mocks": {
889
- "name": "Table.mocks",
895
+ "AnimateHeightChange": {
896
+ "name": "AnimateHeightChange",
890
897
  "defaultProps": {},
891
898
  "getStylesLiterals": {},
892
- "cxLiterals": [],
893
- "internalComponents": [],
894
- "internalComponentProps": {},
895
- "propToVariantKeys": {},
896
- "motionVarPrefixes": []
897
- },
898
- "Table": {
899
- "name": "Table",
900
- "defaultProps": {
901
- "display": "table-cell",
902
- "overflow": "hidden",
903
- "borderColor": "muted",
904
- "borderRadius": "md",
905
- "spacing": "3",
906
- "borderBottomColor": "muted",
907
- "borderBottomWidth": "thin",
908
- "color": "primary"
909
- },
910
- "getStylesLiterals": {
911
- "textAlign": "start"
912
- },
913
- "cxLiterals": [],
899
+ "cxLiterals": [
900
+ "overflow-hidden"
901
+ ],
914
902
  "internalComponents": [
915
- "CellComponent",
916
- "Box",
917
- "Text",
918
- "Table.Root",
919
- "Table.Header",
920
- "Table.Row",
921
- "Table.Cell",
922
- "Table.Body"
903
+ "SpringMotionConfig"
923
904
  ],
924
905
  "internalComponentProps": {
925
- "Table.Cell": {
926
- "asHeaderCell": [
927
- "column"
906
+ "SpringMotionConfig": {
907
+ "layoutSpeed": [
908
+ "4"
928
909
  ]
929
910
  }
930
911
  },
931
- "propToVariantKeys": {},
932
- "motionVarPrefixes": []
912
+ "propToVariantKeys": {
913
+ "reduceMotion": [
914
+ "reducedMotion"
915
+ ]
916
+ },
917
+ "motionVarPrefixes": [
918
+ "--uds-motion-subtle-4-",
919
+ "--uds-motion-smooth-3-"
920
+ ]
933
921
  },
934
- "Avatar": {
935
- "name": "Avatar",
922
+ "Pressable": {
923
+ "name": "Pressable",
936
924
  "defaultProps": {},
937
925
  "getStylesLiterals": {},
938
926
  "cxLiterals": [],
939
927
  "internalComponents": [
940
- "AvatarImage"
928
+ "Comp"
941
929
  ],
942
930
  "internalComponentProps": {},
943
931
  "propToVariantKeys": {},
944
932
  "motionVarPrefixes": []
945
933
  },
946
- "AvatarIcon": {
947
- "name": "AvatarIcon",
948
- "defaultProps": {
949
- "size": "md",
950
- "variant": "primary"
951
- },
934
+ "ExperimentalPopover": {
935
+ "name": "ExperimentalPopover",
936
+ "defaultProps": {},
952
937
  "getStylesLiterals": {},
953
- "cxLiterals": [
954
- "overflow-hidden",
955
- "w-full",
956
- "h-full",
957
- "shrink-0",
958
- "text-center",
959
- "inline-flex",
960
- "justify-center",
961
- "items-center"
962
- ],
938
+ "cxLiterals": [],
963
939
  "internalComponents": [
964
- "IconSlot",
965
- "Box"
940
+ "HStack",
941
+ "Text",
942
+ "ExperimentalPopoverHeadingBase"
966
943
  ],
967
- "internalComponentProps": {},
968
- "propToVariantKeys": {
969
- "size": [
970
- "avatarSizeIcon"
971
- ]
944
+ "internalComponentProps": {
945
+ "Text": {
946
+ "variant": [
947
+ "headline1"
948
+ ],
949
+ "color": [
950
+ "primary"
951
+ ]
952
+ }
972
953
  },
954
+ "propToVariantKeys": {},
973
955
  "motionVarPrefixes": []
974
956
  },
975
- "AvatarImage": {
976
- "name": "AvatarImage",
977
- "defaultProps": {
978
- "size": "md",
979
- "variant": "primary"
980
- },
957
+ "AvoidMotionLibraryProvider": {
958
+ "name": "AvoidMotionLibraryProvider",
959
+ "defaultProps": {},
981
960
  "getStylesLiterals": {},
982
- "cxLiterals": [
983
- "overflow-hidden",
984
- "w-full",
985
- "h-full",
986
- "shrink-0",
987
- "text-center",
988
- "inline-flex",
989
- "justify-center",
990
- "items-center",
991
- "object-cover"
992
- ],
993
- "internalComponents": [
994
- "UDSImage",
995
- "AvatarText",
996
- "AvatarIcon",
997
- "Box"
998
- ],
961
+ "cxLiterals": [],
962
+ "internalComponents": [],
999
963
  "internalComponentProps": {},
1000
- "propToVariantKeys": {
1001
- "alt": [
1002
- "name"
1003
- ],
1004
- "fallback": [
1005
- "initials"
1006
- ]
1007
- },
964
+ "propToVariantKeys": {},
1008
965
  "motionVarPrefixes": []
1009
966
  },
1010
- "AvatarText": {
1011
- "name": "AvatarText",
1012
- "defaultProps": {
1013
- "size": "md",
1014
- "variant": "primary"
967
+ "SegmentedControl": {
968
+ "name": "SegmentedControl",
969
+ "defaultProps": {},
970
+ "getStylesLiterals": {
971
+ "display": "flex",
972
+ "alignItems": "center",
973
+ "backgroundColor": "primary",
974
+ "spacingVertical": "1",
975
+ "spacingHorizontal": "3",
976
+ "columnGap": "1.5",
977
+ "borderWidth": "thin",
978
+ "borderRadius": "full",
979
+ "borderColor": "muted",
980
+ "borderColor:1": "transparent",
981
+ "color": "primary",
982
+ "color:1": "tertiary",
983
+ "color:2": "muted"
1015
984
  },
1016
- "getStylesLiterals": {},
1017
985
  "cxLiterals": [
1018
- "overflow-hidden",
1019
- "truncate",
1020
- "w-full",
1021
- "h-full",
1022
- "shrink-0",
1023
- "text-center",
1024
- "inline-flex",
1025
- "justify-center",
1026
- "items-center"
986
+ "uds-ring",
987
+ "cursor-not-allowed",
988
+ "opacity-50",
989
+ "pointer-events-none",
990
+ "hover:bg-primary"
1027
991
  ],
1028
992
  "internalComponents": [
1029
- "Box",
993
+ "Radio",
994
+ "Icon",
995
+ "RadioProvider",
996
+ "HStack",
997
+ "RadioGroup",
998
+ "Pressable",
1030
999
  "Text"
1031
1000
  ],
1032
1001
  "internalComponentProps": {
1033
- "Text": {
1002
+ "Icon": {
1003
+ "size": [
1004
+ "sm"
1005
+ ],
1034
1006
  "color": [
1035
- "inherit"
1007
+ "current"
1008
+ ],
1009
+ "aria-hidden": [
1010
+ "true"
1011
+ ]
1012
+ },
1013
+ "HStack": {
1014
+ "spacing": [
1015
+ "1"
1016
+ ],
1017
+ "gap": [
1018
+ "1"
1019
+ ],
1020
+ "backgroundColor": [
1021
+ "secondary"
1036
1022
  ],
1023
+ "borderRadius": [
1024
+ "full"
1025
+ ],
1026
+ "display": [
1027
+ "inline-flex"
1028
+ ]
1029
+ },
1030
+ "Text": {
1037
1031
  "variant": [
1038
- "inherit"
1032
+ "label2"
1033
+ ],
1034
+ "color": [
1035
+ "current"
1039
1036
  ]
1040
1037
  }
1041
1038
  },
1042
- "propToVariantKeys": {},
1039
+ "propToVariantKeys": {
1040
+ "value": [
1041
+ "key"
1042
+ ],
1043
+ "label": [
1044
+ "aria-label"
1045
+ ]
1046
+ },
1043
1047
  "motionVarPrefixes": []
1044
1048
  },
1045
- "Toast": {
1046
- "name": "Toast",
1047
- "defaultProps": {},
1048
- "getStylesLiterals": {
1049
- "className": "flex-none",
1050
- "spacing": "2",
1051
- "borderRadius": "full"
1052
- },
1053
- "cxLiterals": [
1054
- "duration-0",
1055
- "duration-120",
1056
- "transition-[background-color]",
1057
- "bg-carbon-15/0",
1058
- "hover:bg-carbon-15/10",
1059
- "active:bg-carbon-15/15",
1060
- "uds-ring"
1061
- ],
1062
- "internalComponents": [
1063
- "IconSlot",
1064
- "ToastContainer",
1065
- "Text",
1066
- "Button",
1067
- "Pressable"
1068
- ],
1069
- "internalComponentProps": {},
1070
- "propToVariantKeys": {
1071
- "size": [
1072
- "toastSizeLabel",
1073
- "toastSizeIcon",
1074
- "toastSizeActionButton",
1075
- "toastSizeCloseIcon"
1076
- ],
1077
- "variant": [
1078
- "toastVariantIcon",
1079
- "toastVariantActionButton",
1080
- "toastVariantCloseIcon"
1081
- ],
1082
- "closeIcon": [
1083
- "icon"
1084
- ],
1085
- "onClickActionButton": [
1086
- "onClick"
1087
- ]
1088
- },
1089
- "motionVarPrefixes": []
1090
- },
1091
- "ToastContainer": {
1092
- "name": "ToastContainer",
1093
- "defaultProps": {},
1094
- "getStylesLiterals": {
1095
- "position": "relative",
1096
- "alignItems": "center",
1097
- "display": "flex",
1098
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1099
- },
1100
- "cxLiterals": [
1101
- "w-full"
1102
- ],
1103
- "internalComponents": [
1104
- "HStack"
1105
- ],
1106
- "internalComponentProps": {
1107
- "HStack": {
1108
- "alignItems": [
1109
- "center"
1110
- ],
1111
- "justifyContent": [
1112
- "space-between"
1113
- ],
1114
- "overflow": [
1115
- "hidden"
1116
- ],
1117
- "position": [
1118
- "relative"
1119
- ]
1120
- }
1121
- },
1122
- "propToVariantKeys": {
1123
- "variant": [
1124
- "toastVariantRoot"
1125
- ],
1126
- "size": [
1127
- "toastSizeRoot"
1128
- ]
1129
- },
1130
- "motionVarPrefixes": []
1131
- },
1132
- "ToastPortal": {
1133
- "name": "ToastPortal",
1134
- "defaultProps": {},
1135
- "getStylesLiterals": {},
1136
- "cxLiterals": [],
1137
- "internalComponents": [
1138
- "ReactToastifyToastContainer"
1139
- ],
1140
- "internalComponentProps": {},
1141
- "propToVariantKeys": {},
1142
- "motionVarPrefixes": []
1143
- },
1144
- "UDSToastConfigProvider": {
1145
- "name": "UDSToastConfigProvider",
1146
- "defaultProps": {},
1147
- "getStylesLiterals": {},
1148
- "cxLiterals": [],
1149
- "internalComponents": [
1150
- "ToastContext.Provider"
1151
- ],
1152
- "internalComponentProps": {},
1153
- "propToVariantKeys": {},
1154
- "motionVarPrefixes": []
1155
- },
1156
- "Radio": {
1157
- "name": "Radio",
1158
- "defaultProps": {
1159
- "labelPosition": "start",
1160
- "variant": "primary",
1161
- "size": "md",
1162
- "value": ""
1049
+ "SwitchV2": {
1050
+ "name": "SwitchV2",
1051
+ "defaultProps": {
1052
+ "labelPosition": "start",
1053
+ "size": "md"
1163
1054
  },
1164
1055
  "getStylesLiterals": {
1165
- "radioVariantValueRoot": "checked",
1166
- "radioVariantValueRoot:1": "unchecked",
1167
- "display": "flex",
1168
- "flexDirection": "row",
1169
- "flexDirection:1": "row-reverse",
1170
- "alignItems": "center",
1171
- "radioVariantValueRadio": "checked",
1172
- "radioVariantValueRadio:1": "unchecked",
1173
- "radioVariantValueRadioCircle": "checked",
1174
- "radioVariantValueRadioCircle:1": "unchecked"
1056
+ "switchVariantRoot": "default",
1057
+ "switchVariantActiveRoot": "on",
1058
+ "switchVariantActiveRoot:1": "off",
1059
+ "switchVariantSwitch": "default",
1060
+ "switchVariantActiveSwitch": "on",
1061
+ "switchVariantActiveSwitch:1": "off",
1062
+ "switchVariantActiveHandle": "on",
1063
+ "switchVariantActiveHandle:1": "off",
1064
+ "switchVariantHandle": "default",
1065
+ "switchVariantHandleIcon": "default",
1066
+ "switchVariantActiveHandleIcon": "on",
1067
+ "switchVariantActiveHandleIcon:1": "off"
1175
1068
  },
1176
1069
  "cxLiterals": [
1177
- "cursor-pointer",
1178
- "cursor-default",
1179
- "opacity-50",
1180
- "border",
1070
+ "group",
1071
+ "flex",
1072
+ "items-center",
1073
+ "flex-row",
1074
+ "flex-row-reverse",
1181
1075
  "uds-ring",
1182
1076
  "uds-ring-within",
1183
- "transition-[background-color,border-color]",
1184
- "transition-shadow",
1077
+ "relative",
1078
+ "uds-border-radius-full",
1079
+ "transition-[background-color,box-shadow]",
1185
1080
  "pointer-events-none",
1186
- "w-[8px]",
1187
- "h-[8px]",
1188
- "transition-opacity",
1189
- "cursor-[inherit]",
1081
+ "w-full",
1082
+ "h-full",
1190
1083
  "absolute",
1084
+ "top-0",
1085
+ "bottom-0",
1086
+ "right-0",
1087
+ "left-0",
1088
+ "overflow-hidden",
1089
+ "group-hover:scale-105",
1090
+ "opacity-95",
1091
+ "group-hover:opacity-100",
1092
+ "transition-[transform,opacity]",
1191
1093
  "opacity-0",
1192
1094
  "top-1/2",
1193
1095
  "left-1/2",
1194
- "w-[calc(100%+2px)]",
1195
- "h-[calc(100%+2px)]",
1196
1096
  "transform",
1197
1097
  "translate-x-[-50%]",
1198
1098
  "translate-y-[-50%]",
1099
+ "transition-opacity",
1100
+ "cursor-[inherit]",
1101
+ "w-[calc(100%+2px)]",
1102
+ "h-[calc(100%+2px)]",
1199
1103
  "text-start",
1200
- "text-end"
1104
+ "text-end",
1105
+ "opacity-100"
1201
1106
  ],
1202
1107
  "internalComponents": [
1108
+ "IconSlot",
1203
1109
  "Box",
1204
1110
  "FormLabel",
1205
1111
  "SpringMotionConfig",
@@ -1207,9 +1113,10 @@
1207
1113
  "MotionBox"
1208
1114
  ],
1209
1115
  "internalComponentProps": {
1210
- "Box": {
1211
- "borderRadius": [
1212
- "full"
1116
+ "IconSlot": {
1117
+ "data-testid": [
1118
+ "on-icon",
1119
+ "off-icon"
1213
1120
  ]
1214
1121
  },
1215
1122
  "FormLabel": {
@@ -1223,74 +1130,399 @@
1223
1130
  "inherit"
1224
1131
  ]
1225
1132
  },
1133
+ "SpringMotionConfig": {
1134
+ "layoutVariant": [
1135
+ "bouncy"
1136
+ ],
1137
+ "layoutSpeed": [
1138
+ "4"
1139
+ ]
1140
+ },
1226
1141
  "RootElement": {
1227
1142
  "data-testid": [
1228
- "container"
1143
+ "switch-root"
1229
1144
  ]
1230
1145
  },
1231
1146
  "MotionBox": {
1232
- "position": [
1233
- "relative"
1234
- ],
1235
- "borderRadius": [
1236
- "full"
1237
- ],
1238
- "alignItems": [
1239
- "center"
1240
- ],
1241
- "justifyContent": [
1242
- "center"
1243
- ],
1244
- "flex": [
1245
- "none"
1147
+ "layout": [
1148
+ "position"
1246
1149
  ]
1247
1150
  }
1248
1151
  },
1249
1152
  "propToVariantKeys": {
1250
1153
  "size": [
1251
- "radioSizeRoot",
1252
- "radioSizeRadio"
1154
+ "switchSizeRoot",
1155
+ "switchSizeSwitch",
1156
+ "switchSizeHandle",
1157
+ "switchSizeHandleIcon"
1253
1158
  ],
1254
- "variant": [
1255
- "radioVariantRoot",
1256
- "radioVariantRadio",
1257
- "radioVariantRadioCircle"
1159
+ "onIcon": [
1160
+ "icon"
1161
+ ],
1162
+ "offIcon": [
1163
+ "icon"
1258
1164
  ],
1259
1165
  "reduceMotion": [
1260
1166
  "reducedMotion"
1167
+ ],
1168
+ "isOn": [
1169
+ "layoutDependency"
1261
1170
  ]
1262
1171
  },
1263
1172
  "motionVarPrefixes": [
1264
- "--uds-motion-subtle-3-",
1173
+ "--uds-motion-bouncy-4-",
1265
1174
  "--uds-motion-smooth-3-"
1266
1175
  ]
1267
1176
  },
1268
- "RadioGroupProvider": {
1269
- "name": "RadioGroupProvider",
1177
+ "Tabs": {
1178
+ "name": "Tabs",
1270
1179
  "defaultProps": {},
1271
- "getStylesLiterals": {},
1272
- "cxLiterals": [],
1180
+ "getStylesLiterals": {
1181
+ "display": "flex",
1182
+ "flexDirection": "row",
1183
+ "columnGap": "6"
1184
+ },
1185
+ "cxLiterals": [
1186
+ "text-tertiary",
1187
+ "border-b-transparent",
1188
+ "aria-selected:border-b-brand",
1189
+ "aria-selected:text-secondary"
1190
+ ],
1273
1191
  "internalComponents": [
1274
- "DivProps",
1192
+ "TabProvider",
1193
+ "OriginalTabList",
1194
+ "OriginalTab",
1195
+ "Icon",
1196
+ "OriginalTabPanel",
1197
+ "Pressable",
1275
1198
  "Comp",
1276
- "RadioGroupContext.Provider"
1199
+ "Text"
1277
1200
  ],
1278
1201
  "internalComponentProps": {
1279
- "Comp": {
1280
- "role": [
1281
- "radiogroup"
1282
- ]
1283
- }
1284
- },
1285
- "propToVariantKeys": {},
1202
+ "Icon": {
1203
+ "className": [
1204
+ "text-current"
1205
+ ],
1206
+ "size": [
1207
+ "md"
1208
+ ]
1209
+ },
1210
+ "Pressable": {
1211
+ "borderBottomWidth": [
1212
+ "medium"
1213
+ ],
1214
+ "spacingBottom": [
1215
+ "1"
1216
+ ],
1217
+ "spacingTop": [
1218
+ "4"
1219
+ ]
1220
+ },
1221
+ "Text": {
1222
+ "className": [
1223
+ "text-current"
1224
+ ],
1225
+ "variant": [
1226
+ "headline1"
1227
+ ],
1228
+ "as": [
1229
+ "span"
1230
+ ]
1231
+ }
1232
+ },
1233
+ "propToVariantKeys": {},
1234
+ "motionVarPrefixes": []
1235
+ },
1236
+ "Modal": {
1237
+ "name": "Modal",
1238
+ "defaultProps": {},
1239
+ "getStylesLiterals": {},
1240
+ "cxLiterals": [
1241
+ "inset-8",
1242
+ "top-[250px]",
1243
+ "z-50",
1244
+ "mx-auto",
1245
+ "h-fit",
1246
+ "w-[600px]",
1247
+ "origin-center",
1248
+ "scale-95",
1249
+ "opacity-0",
1250
+ "transition",
1251
+ "duration-150",
1252
+ "data-[enter]:scale-100",
1253
+ "data-[enter]:opacity-100",
1254
+ "data-[enter]:bg-primary",
1255
+ "backdrop-blur-0",
1256
+ "data-[enter]:opacity-60",
1257
+ "data-[enter]:backdrop-blur-sm"
1258
+ ],
1259
+ "internalComponents": [
1260
+ "IconButton",
1261
+ "Dialog",
1262
+ "HStack",
1263
+ "Text",
1264
+ "VStack"
1265
+ ],
1266
+ "internalComponentProps": {
1267
+ "IconButton": {
1268
+ "aria-label": [
1269
+ "Close"
1270
+ ],
1271
+ "size": [
1272
+ "sm"
1273
+ ],
1274
+ "variant": [
1275
+ "tertiary"
1276
+ ]
1277
+ },
1278
+ "HStack": {
1279
+ "alignItems": [
1280
+ "center"
1281
+ ],
1282
+ "justifyContent": [
1283
+ "space-between"
1284
+ ]
1285
+ },
1286
+ "Text": {
1287
+ "variant": [
1288
+ "headline1"
1289
+ ],
1290
+ "color": [
1291
+ "primary"
1292
+ ]
1293
+ },
1294
+ "VStack": {
1295
+ "borderRadius": [
1296
+ "md"
1297
+ ],
1298
+ "position": [
1299
+ "fixed"
1300
+ ],
1301
+ "backgroundColor": [
1302
+ "primary"
1303
+ ],
1304
+ "dropShadow": [
1305
+ "md"
1306
+ ],
1307
+ "spacing": [
1308
+ "8"
1309
+ ],
1310
+ "overflow": [
1311
+ "hidden"
1312
+ ]
1313
+ }
1314
+ },
1315
+ "propToVariantKeys": {
1316
+ "handleClose": [
1317
+ "onClick"
1318
+ ]
1319
+ },
1320
+ "motionVarPrefixes": []
1321
+ },
1322
+ "Accordion": {
1323
+ "name": "Accordion",
1324
+ "defaultProps": {
1325
+ "spacingHorizontal": "4",
1326
+ "spacingVertical": "4"
1327
+ },
1328
+ "getStylesLiterals": {},
1329
+ "cxLiterals": [
1330
+ "hover:bg-secondary/80",
1331
+ "w-full"
1332
+ ],
1333
+ "internalComponents": [
1334
+ "Icon",
1335
+ "SpringMotionConfig",
1336
+ "Pressable",
1337
+ "Text",
1338
+ "HStack",
1339
+ "AnimatePresence",
1340
+ "VStack"
1341
+ ],
1342
+ "internalComponentProps": {
1343
+ "Icon": {
1344
+ "variant": [
1345
+ "fill"
1346
+ ],
1347
+ "size": [
1348
+ "sm"
1349
+ ],
1350
+ "color": [
1351
+ "primary"
1352
+ ]
1353
+ },
1354
+ "SpringMotionConfig": {
1355
+ "layoutVariant": [
1356
+ "smooth"
1357
+ ],
1358
+ "layoutSpeed": [
1359
+ "3"
1360
+ ]
1361
+ },
1362
+ "Pressable": {
1363
+ "display": [
1364
+ "flex"
1365
+ ],
1366
+ "flexDirection": [
1367
+ "row"
1368
+ ],
1369
+ "alignItems": [
1370
+ "center"
1371
+ ],
1372
+ "justifyContent": [
1373
+ "space-between"
1374
+ ],
1375
+ "borderRadius": [
1376
+ "md"
1377
+ ]
1378
+ },
1379
+ "Text": {
1380
+ "variant": [
1381
+ "title4"
1382
+ ],
1383
+ "color": [
1384
+ "primary"
1385
+ ]
1386
+ },
1387
+ "HStack": {
1388
+ "display": [
1389
+ "flex"
1390
+ ],
1391
+ "alignItems": [
1392
+ "center"
1393
+ ],
1394
+ "justifyContent": [
1395
+ "space-between"
1396
+ ],
1397
+ "columnGap": [
1398
+ "2.5"
1399
+ ]
1400
+ }
1401
+ },
1402
+ "propToVariantKeys": {},
1403
+ "motionVarPrefixes": [
1404
+ "--uds-motion-smooth-3-"
1405
+ ]
1406
+ },
1407
+ "AvatarImage": {
1408
+ "name": "AvatarImage",
1409
+ "defaultProps": {
1410
+ "size": "md",
1411
+ "variant": "primary"
1412
+ },
1413
+ "getStylesLiterals": {},
1414
+ "cxLiterals": [
1415
+ "overflow-hidden",
1416
+ "w-full",
1417
+ "h-full",
1418
+ "shrink-0",
1419
+ "text-center",
1420
+ "inline-flex",
1421
+ "justify-center",
1422
+ "items-center",
1423
+ "object-cover"
1424
+ ],
1425
+ "internalComponents": [
1426
+ "UDSImage",
1427
+ "AvatarText",
1428
+ "AvatarIcon",
1429
+ "Box"
1430
+ ],
1431
+ "internalComponentProps": {},
1432
+ "propToVariantKeys": {
1433
+ "alt": [
1434
+ "name"
1435
+ ],
1436
+ "fallback": [
1437
+ "initials"
1438
+ ]
1439
+ },
1440
+ "motionVarPrefixes": []
1441
+ },
1442
+ "AvatarText": {
1443
+ "name": "AvatarText",
1444
+ "defaultProps": {
1445
+ "size": "md",
1446
+ "variant": "primary"
1447
+ },
1448
+ "getStylesLiterals": {},
1449
+ "cxLiterals": [
1450
+ "overflow-hidden",
1451
+ "truncate",
1452
+ "w-full",
1453
+ "h-full",
1454
+ "shrink-0",
1455
+ "text-center",
1456
+ "inline-flex",
1457
+ "justify-center",
1458
+ "items-center"
1459
+ ],
1460
+ "internalComponents": [
1461
+ "Box",
1462
+ "Text"
1463
+ ],
1464
+ "internalComponentProps": {
1465
+ "Text": {
1466
+ "color": [
1467
+ "inherit"
1468
+ ],
1469
+ "variant": [
1470
+ "inherit"
1471
+ ]
1472
+ }
1473
+ },
1474
+ "propToVariantKeys": {},
1475
+ "motionVarPrefixes": []
1476
+ },
1477
+ "Avatar": {
1478
+ "name": "Avatar",
1479
+ "defaultProps": {},
1480
+ "getStylesLiterals": {},
1481
+ "cxLiterals": [],
1482
+ "internalComponents": [
1483
+ "AvatarImage"
1484
+ ],
1485
+ "internalComponentProps": {},
1486
+ "propToVariantKeys": {},
1286
1487
  "motionVarPrefixes": []
1287
1488
  },
1288
- "RadioGroupStore": {
1289
- "name": "RadioGroupStore",
1489
+ "AvatarIcon": {
1490
+ "name": "AvatarIcon",
1491
+ "defaultProps": {
1492
+ "size": "md",
1493
+ "variant": "primary"
1494
+ },
1495
+ "getStylesLiterals": {},
1496
+ "cxLiterals": [
1497
+ "overflow-hidden",
1498
+ "w-full",
1499
+ "h-full",
1500
+ "shrink-0",
1501
+ "text-center",
1502
+ "inline-flex",
1503
+ "justify-center",
1504
+ "items-center"
1505
+ ],
1506
+ "internalComponents": [
1507
+ "IconSlot",
1508
+ "Box"
1509
+ ],
1510
+ "internalComponentProps": {},
1511
+ "propToVariantKeys": {
1512
+ "size": [
1513
+ "avatarSizeIcon"
1514
+ ]
1515
+ },
1516
+ "motionVarPrefixes": []
1517
+ },
1518
+ "UDSPopoverConfigProvider": {
1519
+ "name": "UDSPopoverConfigProvider",
1290
1520
  "defaultProps": {},
1291
1521
  "getStylesLiterals": {},
1292
1522
  "cxLiterals": [],
1293
- "internalComponents": [],
1523
+ "internalComponents": [
1524
+ "PopoverContext.Provider"
1525
+ ],
1294
1526
  "internalComponentProps": {},
1295
1527
  "propToVariantKeys": {},
1296
1528
  "motionVarPrefixes": []
@@ -1308,6 +1540,38 @@
1308
1540
  "propToVariantKeys": {},
1309
1541
  "motionVarPrefixes": []
1310
1542
  },
1543
+ "PopoverContext": {
1544
+ "name": "PopoverContext",
1545
+ "defaultProps": {},
1546
+ "getStylesLiterals": {},
1547
+ "cxLiterals": [],
1548
+ "internalComponents": [],
1549
+ "internalComponentProps": {},
1550
+ "propToVariantKeys": {},
1551
+ "motionVarPrefixes": []
1552
+ },
1553
+ "PopoverTrigger": {
1554
+ "name": "PopoverTrigger",
1555
+ "defaultProps": {},
1556
+ "getStylesLiterals": {},
1557
+ "cxLiterals": [],
1558
+ "internalComponents": [
1559
+ "PopoverDisclosure"
1560
+ ],
1561
+ "internalComponentProps": {
1562
+ "PopoverDisclosure": {
1563
+ "className": [
1564
+ "inline"
1565
+ ]
1566
+ }
1567
+ },
1568
+ "propToVariantKeys": {
1569
+ "children": [
1570
+ "render"
1571
+ ]
1572
+ },
1573
+ "motionVarPrefixes": []
1574
+ },
1311
1575
  "PopoverContent": {
1312
1576
  "name": "PopoverContent",
1313
1577
  "defaultProps": {},
@@ -1354,919 +1618,556 @@
1354
1618
  "z-[4]"
1355
1619
  ],
1356
1620
  "internalComponents": [
1357
- "PopoverDismiss",
1358
- "IconSlot",
1359
- "PopoverArrow",
1360
- "Popover",
1361
- "SvgFloatingOverlay",
1362
- "Box",
1363
- "Pressable"
1364
- ],
1365
- "internalComponentProps": {},
1366
- "propToVariantKeys": {
1367
- "closeIcon": [
1368
- "icon"
1369
- ]
1370
- },
1371
- "motionVarPrefixes": []
1372
- },
1373
- "PopoverContext": {
1374
- "name": "PopoverContext",
1375
- "defaultProps": {},
1376
- "getStylesLiterals": {},
1377
- "cxLiterals": [],
1378
- "internalComponents": [],
1379
- "internalComponentProps": {},
1380
- "propToVariantKeys": {},
1381
- "motionVarPrefixes": []
1382
- },
1383
- "PopoverTrigger": {
1384
- "name": "PopoverTrigger",
1385
- "defaultProps": {},
1386
- "getStylesLiterals": {},
1387
- "cxLiterals": [],
1388
- "internalComponents": [
1389
- "PopoverDisclosure"
1390
- ],
1391
- "internalComponentProps": {
1392
- "PopoverDisclosure": {
1393
- "className": [
1394
- "inline"
1395
- ]
1396
- }
1397
- },
1398
- "propToVariantKeys": {
1399
- "children": [
1400
- "render"
1401
- ]
1402
- },
1403
- "motionVarPrefixes": []
1404
- },
1405
- "UDSPopoverConfigProvider": {
1406
- "name": "UDSPopoverConfigProvider",
1407
- "defaultProps": {},
1408
- "getStylesLiterals": {},
1409
- "cxLiterals": [],
1410
- "internalComponents": [
1411
- "PopoverContext.Provider"
1412
- ],
1413
- "internalComponentProps": {},
1414
- "propToVariantKeys": {},
1415
- "motionVarPrefixes": []
1416
- },
1417
- "Menu.Content": {
1418
- "name": "Menu.Content",
1419
- "defaultProps": {
1420
- "size": "default",
1421
- "variant": "default",
1422
- "gutter": "1"
1423
- },
1424
- "getStylesLiterals": {},
1425
- "cxLiterals": [
1426
- "uds-menu-content",
1427
- "transition-shadow",
1428
- "duration-200",
1429
- "ease-in-out",
1430
- "min-w-60",
1431
- "max-w-lg",
1432
- "max-h-96",
1433
- "overflow-auto",
1434
- "uds-ring",
1435
- "z-10",
1436
- "group"
1437
- ],
1438
- "internalComponents": [
1439
- "AriakitMenu",
1440
- "AnimatePresence",
1441
- "MotionVStack"
1442
- ],
1443
- "internalComponentProps": {},
1444
- "propToVariantKeys": {
1445
- "size": [
1446
- "menucontentSizeRoot"
1447
- ],
1448
- "variant": [
1449
- "menucontentVariantRoot"
1450
- ]
1451
- },
1452
- "motionVarPrefixes": []
1453
- },
1454
- "Menu.Divider": {
1455
- "name": "Menu.Divider",
1456
- "defaultProps": {
1457
- "role": "separator",
1458
- "contentPosition": "start",
1459
- "gap": "4"
1460
- },
1461
- "getStylesLiterals": {
1462
- "menuitemDividerVariantRoot": "default",
1463
- "menuitemDividerVariantText": "default",
1464
- "menuitemDividerVariantLine": "default"
1465
- },
1466
- "cxLiterals": [],
1467
- "internalComponents": [
1468
- "DividerInternal"
1469
- ],
1470
- "internalComponentProps": {
1471
- "DividerInternal": {
1472
- "variant": [
1473
- "inherit"
1474
- ]
1475
- }
1476
- },
1477
- "propToVariantKeys": {},
1478
- "motionVarPrefixes": []
1479
- },
1480
- "Menu.Item": {
1481
- "name": "Menu.Item",
1482
- "defaultProps": {},
1483
- "getStylesLiterals": {
1484
- "menuitemItemVariantRoot": "default",
1485
- "menuitemItemVariantActiveRoot": "on",
1486
- "menuitemItemVariantActiveRoot:1": "off",
1487
- "menuitemItemVariantText": "default",
1488
- "menuitemItemVariantActiveText": "on",
1489
- "menuitemItemVariantActiveText:1": "off",
1490
- "menuitemItemVariantIcon": "default",
1491
- "menuitemItemVariantActiveIcon": "on",
1492
- "menuitemItemVariantActiveIcon:1": "off"
1493
- },
1494
- "cxLiterals": [],
1495
- "internalComponents": [
1496
- "MenuItemBase"
1497
- ],
1498
- "internalComponentProps": {},
1499
- "propToVariantKeys": {},
1500
- "motionVarPrefixes": []
1501
- },
1502
- "Menu.ItemBase": {
1503
- "name": "Menu.ItemBase",
1504
- "defaultProps": {
1505
- "spacing": "0",
1506
- "spacingHorizontal": "4",
1507
- "spacingVertical": "3.5",
1508
- "columnGap": "2",
1509
- "alignItems": "center",
1510
- "justifyContent": "space-between"
1511
- },
1512
- "getStylesLiterals": {
1513
- "textAlign": "start",
1514
- "menuitemSizeRoot": "default",
1515
- "flexDirection": "row",
1516
- "menuitemSizeStartIcon": "default",
1517
- "menuitemSizeEndIcon": "default"
1518
- },
1519
- "cxLiterals": [
1520
- "flex",
1521
- "focus-visible:text-brand",
1522
- "focus-visible:bg-brand-secondary",
1523
- "focus-visible:z-10",
1524
- "uds-ring",
1525
- "!-outline-offset-2",
1526
- "[&:not([aria-checked])]:cursor-default",
1527
- "opacity-25",
1528
- "cursor-not-allowed",
1529
- "duration-20",
1530
- "transition-[font-variation-settings]",
1531
- "ease-in-out",
1532
- "z-0",
1533
- "uds-start-icon",
1534
- "uds-end-icon"
1535
- ],
1536
- "internalComponents": [
1537
- "Pressable",
1621
+ "PopoverDismiss",
1538
1622
  "IconSlot",
1539
- "RootComponent",
1540
- "HStack",
1541
- "AnimatePresence"
1623
+ "PopoverArrow",
1624
+ "Popover",
1625
+ "SvgFloatingOverlay",
1626
+ "Box",
1627
+ "Pressable"
1542
1628
  ],
1543
- "internalComponentProps": {
1544
- "HStack": {
1545
- "alignItems": [
1546
- "center"
1547
- ],
1548
- "width": [
1549
- "full"
1550
- ]
1551
- },
1552
- "AnimatePresence": {
1553
- "mode": [
1554
- "popLayout"
1555
- ]
1556
- }
1557
- },
1629
+ "internalComponentProps": {},
1558
1630
  "propToVariantKeys": {
1559
- "startIcon": [
1560
- "icon"
1561
- ],
1562
- "endIcon": [
1631
+ "closeIcon": [
1563
1632
  "icon"
1564
- ],
1565
- "columnGap": [
1566
- "gap"
1567
1633
  ]
1568
1634
  },
1569
1635
  "motionVarPrefixes": []
1570
1636
  },
1571
- "Menu.ItemCheckbox": {
1572
- "name": "Menu.ItemCheckbox",
1573
- "defaultProps": {},
1574
- "getStylesLiterals": {
1575
- "menuitemItemCheckboxVariantRoot": "default",
1576
- "menuitemItemCheckboxVariantActiveRoot": "on",
1577
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1578
- "menuitemItemCheckboxVariantText": "default",
1579
- "menuitemItemCheckboxVariantActiveText": "on",
1580
- "menuitemItemCheckboxVariantActiveText:1": "off",
1581
- "menuitemItemCheckboxVariantStartIcon": "default",
1582
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1583
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1584
- "menuitemItemCheckboxVariantEndIcon": "default",
1585
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1586
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1587
- },
1588
- "cxLiterals": [
1589
- "uds-menu-item-checkbox"
1590
- ],
1591
- "internalComponents": [
1592
- "MenuItemBase"
1593
- ],
1594
- "internalComponentProps": {},
1595
- "propToVariantKeys": {},
1596
- "motionVarPrefixes": []
1597
- },
1598
- "Menu.Provider": {
1599
- "name": "Menu.Provider",
1600
- "defaultProps": {},
1601
- "getStylesLiterals": {},
1602
- "cxLiterals": [],
1603
- "internalComponents": [
1604
- "AriakitMenuProvider",
1605
- "SpringMotionConfig"
1606
- ],
1607
- "internalComponentProps": {},
1608
- "propToVariantKeys": {},
1609
- "motionVarPrefixes": [
1610
- "--uds-motion-subtle-3-",
1611
- "--uds-motion-smooth-3-"
1612
- ]
1613
- },
1614
- "Menu.Trigger": {
1615
- "name": "Menu.Trigger",
1637
+ "BottomSheetContent": {
1638
+ "name": "BottomSheetContent",
1616
1639
  "defaultProps": {},
1617
1640
  "getStylesLiterals": {},
1618
1641
  "cxLiterals": [
1619
- "uds-menu-trigger"
1642
+ "min-h-0",
1643
+ "touch-pan-y"
1620
1644
  ],
1621
1645
  "internalComponents": [
1622
- "AriakitMenuTrigger",
1623
- "Box"
1646
+ "Box",
1647
+ "VStack"
1624
1648
  ],
1625
1649
  "internalComponentProps": {
1626
1650
  "Box": {
1651
+ "display": [
1652
+ "block"
1653
+ ],
1654
+ "flex": [
1655
+ "1"
1656
+ ]
1657
+ },
1658
+ "VStack": {
1627
1659
  "className": [
1628
- "uds-ring h-fit w-fit"
1660
+ "pb-[calc(env(safe-area-inset-bottom))]"
1629
1661
  ]
1630
1662
  }
1631
1663
  },
1632
1664
  "propToVariantKeys": {},
1633
1665
  "motionVarPrefixes": []
1634
1666
  },
1635
- "Menu.index": {
1636
- "name": "Menu.index",
1637
- "defaultProps": {},
1638
- "getStylesLiterals": {},
1639
- "cxLiterals": [],
1640
- "internalComponents": [],
1641
- "internalComponentProps": {},
1642
- "propToVariantKeys": {},
1643
- "motionVarPrefixes": []
1644
- },
1645
- "Menu": {
1646
- "name": "Menu",
1667
+ "BottomSheetDismiss": {
1668
+ "name": "BottomSheetDismiss",
1647
1669
  "defaultProps": {},
1648
1670
  "getStylesLiterals": {},
1649
1671
  "cxLiterals": [],
1650
- "internalComponents": [],
1672
+ "internalComponents": [
1673
+ "AriakitDialogDismiss"
1674
+ ],
1651
1675
  "internalComponentProps": {},
1652
1676
  "propToVariantKeys": {},
1653
1677
  "motionVarPrefixes": []
1654
1678
  },
1655
- "Input": {
1656
- "name": "Input",
1679
+ "BottomSheet": {
1680
+ "name": "BottomSheet",
1657
1681
  "defaultProps": {
1658
- "type": "text",
1659
- "size": "md",
1660
- "width": "full"
1661
- },
1662
- "getStylesLiterals": {
1663
- "inputVariantRoot": "default",
1664
- "inputVariantValueRoot": "empty",
1665
- "inputVariantValueRoot:1": "filled",
1666
- "inputVariantInputWrapper": "default",
1667
- "inputVariantValueInputWrapper": "empty",
1668
- "inputVariantValueInputWrapper:1": "filled",
1669
- "inputVariantInput": "default",
1670
- "inputVariantValueInput": "empty",
1671
- "inputVariantValueInput:1": "filled",
1672
- "inputVariantInputPlaceholder": "default",
1673
- "inputVariantValueInputPlaceholder": "empty",
1674
- "inputVariantValueInputPlaceholder:1": "filled",
1675
- "inputVariantLabel": "default",
1676
- "inputVariantValueLabel": "empty",
1677
- "inputVariantValueLabel:1": "filled",
1678
- "inputVariantLabelRequired": "default",
1679
- "inputVariantValueLabelRequired": "empty",
1680
- "inputVariantValueLabelRequired:1": "filled",
1681
- "inputVariantStartIcon": "default",
1682
- "inputVariantValueStartIcon": "empty",
1683
- "inputVariantValueStartIcon:1": "filled",
1684
- "inputVariantEndIcon": "default",
1685
- "inputVariantValueEndIcon": "empty",
1686
- "inputVariantValueEndIcon:1": "filled"
1682
+ "variant": "default"
1687
1683
  },
1684
+ "getStylesLiterals": {},
1688
1685
  "cxLiterals": [
1689
- "opacity-50",
1690
- "min-w-[200px]",
1691
- "grow",
1692
- "uds-hit-target",
1693
- "bg-clip-text",
1694
- "focus:outline-none",
1695
- "cursor-text",
1696
- "cursor-not-allowed"
1686
+ "fixed",
1687
+ "overflow-hidden",
1688
+ "inset-x-0",
1689
+ "bottom-0",
1690
+ "z-50",
1691
+ "[will-change:transform]",
1692
+ "touch-none",
1693
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1694
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1695
+ "transition-transform",
1696
+ "duration-500",
1697
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1698
+ "motion-reduce:transition-none",
1699
+ "top-[-4px]",
1700
+ "z-[1]",
1701
+ "touch-pan-y"
1697
1702
  ],
1698
1703
  "internalComponents": [
1699
- "IconSlot",
1700
- "StartIcon",
1701
- "EndIcon",
1702
- "HelpTextContent",
1704
+ "Scrim",
1705
+ "BottomSheetHandle",
1706
+ "Dialog",
1703
1707
  "Box",
1704
- "InputHelpTextInternal",
1705
- "VStack",
1706
- "HStack",
1707
- "AnimateHeightChange"
1708
+ "BottomSheetInternalContext.Provider"
1708
1709
  ],
1709
1710
  "internalComponentProps": {
1710
- "HelpTextContent": {
1711
- "spacingTop": [
1712
- "2"
1713
- ]
1714
- },
1715
- "Box": {
1716
- "spacingBottom": [
1717
- "2"
1718
- ],
1719
- "columnGap": [
1720
- "0.5"
1721
- ],
1722
- "alignItems": [
1723
- "flex-end",
1724
- "center"
1725
- ],
1726
- "position": [
1727
- "relative"
1711
+ "BottomSheetHandle": {
1712
+ "ariaLabel": [
1713
+ "Resize sheet"
1728
1714
  ]
1729
1715
  },
1730
- "HStack": {
1731
- "alignItems": [
1732
- "center"
1733
- ],
1734
- "gap": [
1735
- "1"
1716
+ "Dialog": {
1717
+ "data-testid": [
1718
+ "bottom-sheet"
1736
1719
  ]
1737
- }
1738
- },
1739
- "propToVariantKeys": {
1740
- "size": [
1741
- "inputSizeRoot",
1742
- "inputSizeInputWrapper",
1743
- "inputSizeInput",
1744
- "inputSizeLabel",
1745
- "inputSizeStartIcon",
1746
- "inputSizeEndIcon"
1747
- ],
1748
- "startIcon": [
1749
- "icon"
1750
- ],
1751
- "endIcon": [
1752
- "icon"
1753
- ],
1754
- "helperTextIcon": [
1755
- "startIcon"
1756
- ]
1757
- },
1758
- "motionVarPrefixes": []
1759
- },
1760
- "InputHelpText": {
1761
- "name": "InputHelpText",
1762
- "defaultProps": {
1763
- "size": "md"
1764
- },
1765
- "getStylesLiterals": {
1766
- "inputVariantRoot": "default",
1767
- "inputVariantValueRoot": "empty",
1768
- "inputVariantValueRoot:1": "filled"
1769
- },
1770
- "cxLiterals": [],
1771
- "internalComponents": [
1772
- "InputHelpTextInternal",
1773
- "Box"
1774
- ],
1775
- "internalComponentProps": {
1720
+ },
1776
1721
  "Box": {
1777
- "spacingTop": [
1778
- "2"
1722
+ "display": [
1723
+ "block",
1724
+ "flex"
1725
+ ],
1726
+ "position": [
1727
+ "absolute"
1728
+ ],
1729
+ "flexDirection": [
1730
+ "column"
1731
+ ],
1732
+ "className": [
1733
+ "absolute inset-0 min-h-0 p-[inherit]"
1779
1734
  ]
1780
1735
  }
1781
1736
  },
1782
1737
  "propToVariantKeys": {
1783
- "size": [
1784
- "inputSizeRoot"
1738
+ "variant": [
1739
+ "bottomsheetVariantRoot"
1785
1740
  ]
1786
1741
  },
1787
1742
  "motionVarPrefixes": []
1788
1743
  },
1789
- "InputHelpTextInternal": {
1790
- "name": "InputHelpTextInternal",
1791
- "defaultProps": {},
1792
- "getStylesLiterals": {
1793
- "inputVariantHelperText": "default",
1794
- "inputVariantValueHelperText": "empty",
1795
- "inputVariantValueHelperText:1": "filled",
1796
- "inputVariantHelperIcon": "default",
1797
- "inputVariantValueHelperIcon": "empty",
1798
- "inputVariantValueHelperIcon:1": "filled"
1744
+ "BottomSheetHandle": {
1745
+ "name": "BottomSheetHandle",
1746
+ "defaultProps": {
1747
+ "variant": "default"
1799
1748
  },
1800
- "cxLiterals": [],
1749
+ "getStylesLiterals": {},
1750
+ "cxLiterals": [
1751
+ "relative",
1752
+ "h-5",
1753
+ "w-16",
1754
+ "outline-none",
1755
+ "focus-visible:outline-none",
1756
+ "[touch-action:pan-y]",
1757
+ "absolute",
1758
+ "left-1/2",
1759
+ "top-1/2",
1760
+ "-translate-x-1/2",
1761
+ "-translate-y-1/2",
1762
+ "h-1",
1763
+ "w-8",
1764
+ "rounded-full"
1765
+ ],
1801
1766
  "internalComponents": [
1802
- "IconSlot",
1803
- "HStack"
1767
+ "Box"
1804
1768
  ],
1805
1769
  "internalComponentProps": {
1806
- "HStack": {
1807
- "gap": [
1808
- "1"
1770
+ "Box": {
1771
+ "display": [
1772
+ "block",
1773
+ "flex"
1809
1774
  ],
1810
- "alignItems": [
1775
+ "justifyContent": [
1811
1776
  "center"
1812
1777
  ]
1813
1778
  }
1814
1779
  },
1815
1780
  "propToVariantKeys": {
1816
- "size": [
1817
- "inputSizeHelperText",
1818
- "inputSizeHelperIcon"
1819
- ],
1820
- "startIcon": [
1821
- "icon"
1822
- ],
1823
- "endIcon": [
1824
- "icon"
1781
+ "variant": [
1782
+ "bottomsheetVariantHandleIndicator"
1825
1783
  ]
1826
1784
  },
1827
1785
  "motionVarPrefixes": []
1828
1786
  },
1829
- "Chip": {
1830
- "name": "Chip",
1787
+ "BottomSheetInternalContext": {
1788
+ "name": "BottomSheetInternalContext",
1831
1789
  "defaultProps": {},
1832
1790
  "getStylesLiterals": {},
1833
1791
  "cxLiterals": [],
1834
- "internalComponents": [
1835
- "ChipDismissible",
1836
- "ChipToggle",
1837
- "ChipLink",
1838
- "ChipButton"
1839
- ],
1792
+ "internalComponents": [],
1840
1793
  "internalComponentProps": {},
1841
1794
  "propToVariantKeys": {},
1842
1795
  "motionVarPrefixes": []
1843
1796
  },
1844
- "ChipBase": {
1845
- "name": "ChipBase",
1797
+ "BottomSheetHeader": {
1798
+ "name": "BottomSheetHeader",
1846
1799
  "defaultProps": {
1847
- "size": "md",
1848
- "as": "div"
1800
+ "variant": "default"
1849
1801
  },
1850
1802
  "getStylesLiterals": {},
1851
1803
  "cxLiterals": [
1852
- "pointer-events-none",
1853
- "cursor-default",
1854
- "opacity-50",
1855
- "inline-flex",
1804
+ "grid-cols-[40px_1fr_40px]",
1856
1805
  "items-center",
1857
- "transition-[background-color,outline-color,box-shadow]",
1858
- "truncate",
1859
- "whitespace-nowrap",
1860
- "text-center",
1861
- "flex-1"
1806
+ "w-full",
1807
+ "min-h-10",
1808
+ "mt-2"
1862
1809
  ],
1863
1810
  "internalComponents": [
1864
- "IconSlot",
1865
- "HStack",
1866
- "As",
1811
+ "Box",
1867
1812
  "Text"
1868
1813
  ],
1869
1814
  "internalComponentProps": {
1870
- "Text": {
1871
- "as": [
1872
- "span"
1815
+ "Box": {
1816
+ "className": [
1817
+ "h-10 w-10 opacity-0 pointer-events-none"
1873
1818
  ],
1874
- "color": [
1875
- "current"
1819
+ "display": [
1820
+ "grid",
1821
+ "flex"
1876
1822
  ],
1823
+ "justifyContent": [
1824
+ "flex-start",
1825
+ "flex-end"
1826
+ ]
1827
+ },
1828
+ "Text": {
1877
1829
  "variant": [
1878
1830
  "inherit"
1831
+ ],
1832
+ "color": [
1833
+ "inherit"
1834
+ ],
1835
+ "textAlign": [
1836
+ "center"
1837
+ ],
1838
+ "className": [
1839
+ "w-full"
1879
1840
  ]
1880
1841
  }
1881
1842
  },
1882
1843
  "propToVariantKeys": {
1883
- "size": [
1884
- "chipSizeRoot",
1885
- "chipSizeIcon"
1886
- ],
1887
- "startIcon": [
1888
- "icon"
1889
- ],
1890
- "endIcon": [
1891
- "icon"
1844
+ "variant": [
1845
+ "bottomsheetVariantHeader"
1892
1846
  ]
1893
1847
  },
1894
1848
  "motionVarPrefixes": []
1895
1849
  },
1896
- "ChipButton": {
1897
- "name": "ChipButton",
1898
- "defaultProps": {
1899
- "variant": "primary"
1900
- },
1850
+ "BottomSheetTrigger": {
1851
+ "name": "BottomSheetTrigger",
1852
+ "defaultProps": {},
1901
1853
  "getStylesLiterals": {},
1902
- "cxLiterals": [
1903
- "uds-ring"
1904
- ],
1854
+ "cxLiterals": [],
1905
1855
  "internalComponents": [
1906
- "ChipBase"
1856
+ "AriakitDialogDisclosure"
1907
1857
  ],
1908
- "internalComponentProps": {
1909
- "ChipBase": {
1910
- "as": [
1911
- "button"
1912
- ]
1913
- }
1914
- },
1915
- "propToVariantKeys": {
1916
- "variant": [
1917
- "chipLinkVariantRoot",
1918
- "chipLinkVariantIcon"
1919
- ]
1920
- },
1858
+ "internalComponentProps": {},
1859
+ "propToVariantKeys": {},
1921
1860
  "motionVarPrefixes": []
1922
1861
  },
1923
- "ChipDismissible": {
1924
- "name": "ChipDismissible",
1925
- "defaultProps": {
1926
- "variant": "primary"
1927
- },
1862
+ "BottomSheetProvider": {
1863
+ "name": "BottomSheetProvider",
1864
+ "defaultProps": {},
1928
1865
  "getStylesLiterals": {},
1929
- "cxLiterals": [
1930
- "uds-chip-dismissible-button",
1931
- "uds-hit-target",
1932
- "uds-ring",
1933
- "rounded-full"
1934
- ],
1866
+ "cxLiterals": [],
1935
1867
  "internalComponents": [
1936
- "ChipBase",
1937
- "IconSlot",
1938
- "Pressable"
1868
+ "AriakitDialogProvider"
1939
1869
  ],
1940
1870
  "internalComponentProps": {},
1941
- "propToVariantKeys": {
1942
- "variant": [
1943
- "chipDismissibleVariantRoot",
1944
- "chipDismissibleVariantIcon"
1945
- ],
1946
- "dismissButtonAriaLabel": [
1947
- "aria-label"
1948
- ]
1949
- },
1871
+ "propToVariantKeys": {},
1950
1872
  "motionVarPrefixes": []
1951
1873
  },
1952
- "ChipLink": {
1953
- "name": "ChipLink",
1954
- "defaultProps": {
1955
- "variant": "primary"
1956
- },
1874
+ "UDSBottomSheetConfigProvider": {
1875
+ "name": "UDSBottomSheetConfigProvider",
1876
+ "defaultProps": {},
1957
1877
  "getStylesLiterals": {},
1958
- "cxLiterals": [
1959
- "uds-ring"
1878
+ "cxLiterals": [],
1879
+ "internalComponents": [
1880
+ "BottomSheetContext.Provider"
1960
1881
  ],
1882
+ "internalComponentProps": {},
1883
+ "propToVariantKeys": {},
1884
+ "motionVarPrefixes": []
1885
+ },
1886
+ "UDSToastConfigProvider": {
1887
+ "name": "UDSToastConfigProvider",
1888
+ "defaultProps": {},
1889
+ "getStylesLiterals": {},
1890
+ "cxLiterals": [],
1961
1891
  "internalComponents": [
1962
- "ChipBase"
1892
+ "ToastContext.Provider"
1963
1893
  ],
1964
- "internalComponentProps": {
1965
- "ChipBase": {
1966
- "as": [
1967
- "a"
1968
- ]
1969
- }
1970
- },
1971
- "propToVariantKeys": {
1972
- "variant": [
1973
- "chipLinkVariantRoot",
1974
- "chipLinkVariantIcon"
1975
- ]
1976
- },
1894
+ "internalComponentProps": {},
1895
+ "propToVariantKeys": {},
1977
1896
  "motionVarPrefixes": []
1978
1897
  },
1979
- "ChipToggle": {
1980
- "name": "ChipToggle",
1981
- "defaultProps": {
1982
- "variant": "primary",
1983
- "role": "checkbox"
1984
- },
1898
+ "Toast": {
1899
+ "name": "Toast",
1900
+ "defaultProps": {},
1985
1901
  "getStylesLiterals": {
1986
- "chipToggleVariantActiveRoot": "on",
1987
- "chipToggleVariantActiveRoot:1": "off"
1902
+ "className": "flex-none",
1903
+ "spacing": "2",
1904
+ "borderRadius": "full"
1988
1905
  },
1989
1906
  "cxLiterals": [
1907
+ "duration-0",
1908
+ "duration-120",
1909
+ "transition-[background-color]",
1910
+ "bg-carbon-15/0",
1911
+ "hover:bg-carbon-15/10",
1912
+ "active:bg-carbon-15/15",
1990
1913
  "uds-ring"
1991
1914
  ],
1992
1915
  "internalComponents": [
1993
- "ChipBase"
1916
+ "IconSlot",
1917
+ "ToastContainer",
1918
+ "Text",
1919
+ "Button",
1920
+ "Pressable"
1994
1921
  ],
1995
- "internalComponentProps": {
1996
- "ChipBase": {
1997
- "as": [
1998
- "button"
1999
- ]
2000
- }
2001
- },
1922
+ "internalComponentProps": {},
2002
1923
  "propToVariantKeys": {
1924
+ "size": [
1925
+ "toastSizeLabel",
1926
+ "toastSizeIcon",
1927
+ "toastSizeActionButton",
1928
+ "toastSizeCloseIcon"
1929
+ ],
2003
1930
  "variant": [
2004
- "chipToggleVariantRoot",
2005
- "chipToggleVariantIcon"
1931
+ "toastVariantIcon",
1932
+ "toastVariantActionButton",
1933
+ "toastVariantCloseIcon"
1934
+ ],
1935
+ "closeIcon": [
1936
+ "icon"
1937
+ ],
1938
+ "onClickActionButton": [
1939
+ "onClick"
2006
1940
  ]
2007
1941
  },
2008
1942
  "motionVarPrefixes": []
2009
1943
  },
2010
- "BottomSheet": {
2011
- "name": "BottomSheet",
2012
- "defaultProps": {
2013
- "variant": "default"
1944
+ "ToastContainer": {
1945
+ "name": "ToastContainer",
1946
+ "defaultProps": {},
1947
+ "getStylesLiterals": {
1948
+ "position": "relative",
1949
+ "alignItems": "center",
1950
+ "display": "flex",
1951
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2014
1952
  },
2015
- "getStylesLiterals": {},
2016
1953
  "cxLiterals": [
2017
- "fixed",
2018
- "overflow-hidden",
2019
- "inset-x-0",
2020
- "bottom-0",
2021
- "z-50",
2022
- "[will-change:transform]",
2023
- "touch-none",
2024
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
2025
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
2026
- "transition-transform",
2027
- "duration-500",
2028
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
2029
- "motion-reduce:transition-none",
2030
- "top-[-4px]",
2031
- "z-[1]",
2032
- "touch-pan-y"
1954
+ "w-full"
2033
1955
  ],
2034
1956
  "internalComponents": [
2035
- "Scrim",
2036
- "BottomSheetHandle",
2037
- "Dialog",
2038
- "Box",
2039
- "BottomSheetInternalContext.Provider"
1957
+ "HStack"
2040
1958
  ],
2041
1959
  "internalComponentProps": {
2042
- "BottomSheetHandle": {
2043
- "ariaLabel": [
2044
- "Resize sheet"
2045
- ]
2046
- },
2047
- "Dialog": {
2048
- "data-testid": [
2049
- "bottom-sheet"
2050
- ]
2051
- },
2052
- "Box": {
2053
- "display": [
2054
- "block",
2055
- "flex"
1960
+ "HStack": {
1961
+ "alignItems": [
1962
+ "center"
2056
1963
  ],
2057
- "position": [
2058
- "absolute"
1964
+ "justifyContent": [
1965
+ "space-between"
2059
1966
  ],
2060
- "flexDirection": [
2061
- "column"
1967
+ "overflow": [
1968
+ "hidden"
2062
1969
  ],
2063
- "className": [
2064
- "absolute inset-0 min-h-0 p-[inherit]"
1970
+ "position": [
1971
+ "relative"
2065
1972
  ]
2066
1973
  }
2067
1974
  },
2068
1975
  "propToVariantKeys": {
2069
1976
  "variant": [
2070
- "bottomsheetVariantRoot"
1977
+ "toastVariantRoot"
1978
+ ],
1979
+ "size": [
1980
+ "toastSizeRoot"
2071
1981
  ]
2072
1982
  },
2073
1983
  "motionVarPrefixes": []
2074
1984
  },
2075
- "BottomSheetContent": {
2076
- "name": "BottomSheetContent",
1985
+ "ToastPortal": {
1986
+ "name": "ToastPortal",
2077
1987
  "defaultProps": {},
2078
1988
  "getStylesLiterals": {},
2079
- "cxLiterals": [
2080
- "min-h-0",
2081
- "touch-pan-y"
2082
- ],
1989
+ "cxLiterals": [],
2083
1990
  "internalComponents": [
2084
- "Box",
2085
- "VStack"
1991
+ "ReactToastifyToastContainer"
2086
1992
  ],
2087
- "internalComponentProps": {
2088
- "Box": {
2089
- "display": [
2090
- "block"
2091
- ],
2092
- "flex": [
2093
- "1"
2094
- ]
2095
- },
2096
- "VStack": {
2097
- "className": [
2098
- "pb-[calc(env(safe-area-inset-bottom))]"
2099
- ]
2100
- }
2101
- },
1993
+ "internalComponentProps": {},
2102
1994
  "propToVariantKeys": {},
2103
1995
  "motionVarPrefixes": []
2104
1996
  },
2105
- "BottomSheetDismiss": {
2106
- "name": "BottomSheetDismiss",
1997
+ "RadioGroupStore": {
1998
+ "name": "RadioGroupStore",
2107
1999
  "defaultProps": {},
2108
2000
  "getStylesLiterals": {},
2109
2001
  "cxLiterals": [],
2110
- "internalComponents": [
2111
- "AriakitDialogDismiss"
2112
- ],
2002
+ "internalComponents": [],
2113
2003
  "internalComponentProps": {},
2114
2004
  "propToVariantKeys": {},
2115
2005
  "motionVarPrefixes": []
2116
2006
  },
2117
- "BottomSheetHandle": {
2118
- "name": "BottomSheetHandle",
2119
- "defaultProps": {
2120
- "variant": "default"
2121
- },
2007
+ "RadioGroupProvider": {
2008
+ "name": "RadioGroupProvider",
2009
+ "defaultProps": {},
2122
2010
  "getStylesLiterals": {},
2123
- "cxLiterals": [
2124
- "relative",
2125
- "h-5",
2126
- "w-16",
2127
- "outline-none",
2128
- "focus-visible:outline-none",
2129
- "[touch-action:pan-y]",
2130
- "absolute",
2131
- "left-1/2",
2132
- "top-1/2",
2133
- "-translate-x-1/2",
2134
- "-translate-y-1/2",
2135
- "h-1",
2136
- "w-8",
2137
- "rounded-full"
2138
- ],
2011
+ "cxLiterals": [],
2139
2012
  "internalComponents": [
2140
- "Box"
2013
+ "DivProps",
2014
+ "Comp",
2015
+ "RadioGroupContext.Provider"
2141
2016
  ],
2142
2017
  "internalComponentProps": {
2143
- "Box": {
2144
- "display": [
2145
- "block",
2146
- "flex"
2147
- ],
2148
- "justifyContent": [
2149
- "center"
2018
+ "Comp": {
2019
+ "role": [
2020
+ "radiogroup"
2150
2021
  ]
2151
2022
  }
2152
2023
  },
2153
- "propToVariantKeys": {
2154
- "variant": [
2155
- "bottomsheetVariantHandleIndicator"
2156
- ]
2157
- },
2024
+ "propToVariantKeys": {},
2158
2025
  "motionVarPrefixes": []
2159
2026
  },
2160
- "BottomSheetHeader": {
2161
- "name": "BottomSheetHeader",
2027
+ "Radio": {
2028
+ "name": "Radio",
2162
2029
  "defaultProps": {
2163
- "variant": "default"
2030
+ "labelPosition": "start",
2031
+ "variant": "primary",
2032
+ "size": "md",
2033
+ "value": ""
2034
+ },
2035
+ "getStylesLiterals": {
2036
+ "radioVariantValueRoot": "checked",
2037
+ "radioVariantValueRoot:1": "unchecked",
2038
+ "display": "flex",
2039
+ "flexDirection": "row",
2040
+ "flexDirection:1": "row-reverse",
2041
+ "alignItems": "center",
2042
+ "radioVariantValueRadio": "checked",
2043
+ "radioVariantValueRadio:1": "unchecked",
2044
+ "radioVariantValueRadioCircle": "checked",
2045
+ "radioVariantValueRadioCircle:1": "unchecked"
2164
2046
  },
2165
- "getStylesLiterals": {},
2166
2047
  "cxLiterals": [
2167
- "grid-cols-[40px_1fr_40px]",
2168
- "items-center",
2169
- "w-full",
2170
- "min-h-10",
2171
- "mt-2"
2048
+ "cursor-pointer",
2049
+ "cursor-default",
2050
+ "opacity-50",
2051
+ "border",
2052
+ "uds-ring",
2053
+ "uds-ring-within",
2054
+ "transition-[background-color,border-color]",
2055
+ "transition-shadow",
2056
+ "pointer-events-none",
2057
+ "w-[8px]",
2058
+ "h-[8px]",
2059
+ "transition-opacity",
2060
+ "cursor-[inherit]",
2061
+ "absolute",
2062
+ "opacity-0",
2063
+ "top-1/2",
2064
+ "left-1/2",
2065
+ "w-[calc(100%+2px)]",
2066
+ "h-[calc(100%+2px)]",
2067
+ "transform",
2068
+ "translate-x-[-50%]",
2069
+ "translate-y-[-50%]",
2070
+ "text-start",
2071
+ "text-end"
2172
2072
  ],
2173
2073
  "internalComponents": [
2174
2074
  "Box",
2175
- "Text"
2176
- ],
2177
- "internalComponentProps": {
2178
- "Box": {
2179
- "className": [
2180
- "h-10 w-10 opacity-0 pointer-events-none"
2181
- ],
2182
- "display": [
2183
- "grid",
2184
- "flex"
2185
- ],
2186
- "justifyContent": [
2187
- "flex-start",
2188
- "flex-end"
2075
+ "FormLabel",
2076
+ "SpringMotionConfig",
2077
+ "RootElement",
2078
+ "MotionBox"
2079
+ ],
2080
+ "internalComponentProps": {
2081
+ "Box": {
2082
+ "borderRadius": [
2083
+ "full"
2189
2084
  ]
2190
2085
  },
2191
- "Text": {
2086
+ "FormLabel": {
2087
+ "as": [
2088
+ "div"
2089
+ ],
2192
2090
  "variant": [
2193
2091
  "inherit"
2194
2092
  ],
2195
2093
  "color": [
2196
2094
  "inherit"
2095
+ ]
2096
+ },
2097
+ "RootElement": {
2098
+ "data-testid": [
2099
+ "container"
2100
+ ]
2101
+ },
2102
+ "MotionBox": {
2103
+ "position": [
2104
+ "relative"
2197
2105
  ],
2198
- "textAlign": [
2106
+ "borderRadius": [
2107
+ "full"
2108
+ ],
2109
+ "alignItems": [
2199
2110
  "center"
2200
2111
  ],
2201
- "className": [
2202
- "w-full"
2112
+ "justifyContent": [
2113
+ "center"
2114
+ ],
2115
+ "flex": [
2116
+ "none"
2203
2117
  ]
2204
2118
  }
2205
2119
  },
2206
2120
  "propToVariantKeys": {
2121
+ "size": [
2122
+ "radioSizeRoot",
2123
+ "radioSizeRadio"
2124
+ ],
2207
2125
  "variant": [
2208
- "bottomsheetVariantHeader"
2126
+ "radioVariantRoot",
2127
+ "radioVariantRadio",
2128
+ "radioVariantRadioCircle"
2129
+ ],
2130
+ "reduceMotion": [
2131
+ "reducedMotion"
2209
2132
  ]
2210
2133
  },
2211
- "motionVarPrefixes": []
2212
- },
2213
- "BottomSheetInternalContext": {
2214
- "name": "BottomSheetInternalContext",
2215
- "defaultProps": {},
2216
- "getStylesLiterals": {},
2217
- "cxLiterals": [],
2218
- "internalComponents": [],
2219
- "internalComponentProps": {},
2220
- "propToVariantKeys": {},
2221
- "motionVarPrefixes": []
2222
- },
2223
- "BottomSheetProvider": {
2224
- "name": "BottomSheetProvider",
2225
- "defaultProps": {},
2226
- "getStylesLiterals": {},
2227
- "cxLiterals": [],
2228
- "internalComponents": [
2229
- "AriakitDialogProvider"
2230
- ],
2231
- "internalComponentProps": {},
2232
- "propToVariantKeys": {},
2233
- "motionVarPrefixes": []
2234
- },
2235
- "BottomSheetTrigger": {
2236
- "name": "BottomSheetTrigger",
2237
- "defaultProps": {},
2238
- "getStylesLiterals": {},
2239
- "cxLiterals": [],
2240
- "internalComponents": [
2241
- "AriakitDialogDisclosure"
2242
- ],
2243
- "internalComponentProps": {},
2244
- "propToVariantKeys": {},
2245
- "motionVarPrefixes": []
2134
+ "motionVarPrefixes": [
2135
+ "--uds-motion-subtle-3-",
2136
+ "--uds-motion-smooth-3-"
2137
+ ]
2246
2138
  },
2247
- "UDSBottomSheetConfigProvider": {
2248
- "name": "UDSBottomSheetConfigProvider",
2139
+ "UDSTooltipConfigProvider": {
2140
+ "name": "UDSTooltipConfigProvider",
2249
2141
  "defaultProps": {},
2250
2142
  "getStylesLiterals": {},
2251
2143
  "cxLiterals": [],
2252
2144
  "internalComponents": [
2253
- "BottomSheetContext.Provider"
2145
+ "TooltipContext.Provider"
2254
2146
  ],
2255
2147
  "internalComponentProps": {},
2256
2148
  "propToVariantKeys": {},
2257
2149
  "motionVarPrefixes": []
2258
2150
  },
2259
- "Tooltip": {
2260
- "name": "Tooltip",
2151
+ "TooltipTrigger": {
2152
+ "name": "TooltipTrigger",
2261
2153
  "defaultProps": {},
2262
2154
  "getStylesLiterals": {},
2263
2155
  "cxLiterals": [],
2264
2156
  "internalComponents": [
2265
- "TooltipInternalContext.Provider",
2266
- "TooltipProvider"
2157
+ "TooltipAnchor"
2267
2158
  ],
2268
- "internalComponentProps": {},
2269
- "propToVariantKeys": {},
2159
+ "internalComponentProps": {
2160
+ "TooltipAnchor": {
2161
+ "className": [
2162
+ "inline"
2163
+ ]
2164
+ }
2165
+ },
2166
+ "propToVariantKeys": {
2167
+ "children": [
2168
+ "render"
2169
+ ]
2170
+ },
2270
2171
  "motionVarPrefixes": []
2271
2172
  },
2272
2173
  "TooltipContent": {
@@ -2334,536 +2235,635 @@
2334
2235
  },
2335
2236
  "motionVarPrefixes": []
2336
2237
  },
2337
- "TooltipTrigger": {
2338
- "name": "TooltipTrigger",
2238
+ "Tooltip": {
2239
+ "name": "Tooltip",
2240
+ "defaultProps": {},
2241
+ "getStylesLiterals": {},
2242
+ "cxLiterals": [],
2243
+ "internalComponents": [
2244
+ "TooltipInternalContext.Provider",
2245
+ "TooltipProvider"
2246
+ ],
2247
+ "internalComponentProps": {},
2248
+ "propToVariantKeys": {},
2249
+ "motionVarPrefixes": []
2250
+ },
2251
+ "Input": {
2252
+ "name": "Input",
2253
+ "defaultProps": {
2254
+ "type": "text",
2255
+ "size": "md",
2256
+ "width": "full"
2257
+ },
2258
+ "getStylesLiterals": {
2259
+ "inputVariantRoot": "default",
2260
+ "inputVariantValueRoot": "empty",
2261
+ "inputVariantValueRoot:1": "filled",
2262
+ "inputVariantInputWrapper": "default",
2263
+ "inputVariantValueInputWrapper": "empty",
2264
+ "inputVariantValueInputWrapper:1": "filled",
2265
+ "inputVariantInput": "default",
2266
+ "inputVariantValueInput": "empty",
2267
+ "inputVariantValueInput:1": "filled",
2268
+ "inputVariantInputPlaceholder": "default",
2269
+ "inputVariantValueInputPlaceholder": "empty",
2270
+ "inputVariantValueInputPlaceholder:1": "filled",
2271
+ "inputVariantLabel": "default",
2272
+ "inputVariantValueLabel": "empty",
2273
+ "inputVariantValueLabel:1": "filled",
2274
+ "inputVariantLabelRequired": "default",
2275
+ "inputVariantValueLabelRequired": "empty",
2276
+ "inputVariantValueLabelRequired:1": "filled",
2277
+ "inputVariantStartIcon": "default",
2278
+ "inputVariantValueStartIcon": "empty",
2279
+ "inputVariantValueStartIcon:1": "filled",
2280
+ "inputVariantEndIcon": "default",
2281
+ "inputVariantValueEndIcon": "empty",
2282
+ "inputVariantValueEndIcon:1": "filled"
2283
+ },
2284
+ "cxLiterals": [
2285
+ "opacity-50",
2286
+ "min-w-[200px]",
2287
+ "grow",
2288
+ "uds-hit-target",
2289
+ "bg-clip-text",
2290
+ "focus:outline-none",
2291
+ "cursor-text",
2292
+ "cursor-not-allowed"
2293
+ ],
2294
+ "internalComponents": [
2295
+ "IconSlot",
2296
+ "StartIcon",
2297
+ "EndIcon",
2298
+ "HelpTextContent",
2299
+ "Box",
2300
+ "InputHelpTextInternal",
2301
+ "VStack",
2302
+ "HStack",
2303
+ "AnimateHeightChange"
2304
+ ],
2305
+ "internalComponentProps": {
2306
+ "HelpTextContent": {
2307
+ "spacingTop": [
2308
+ "2"
2309
+ ]
2310
+ },
2311
+ "Box": {
2312
+ "spacingBottom": [
2313
+ "2"
2314
+ ],
2315
+ "columnGap": [
2316
+ "0.5"
2317
+ ],
2318
+ "alignItems": [
2319
+ "flex-end",
2320
+ "center"
2321
+ ],
2322
+ "position": [
2323
+ "relative"
2324
+ ]
2325
+ },
2326
+ "HStack": {
2327
+ "alignItems": [
2328
+ "center"
2329
+ ],
2330
+ "gap": [
2331
+ "1"
2332
+ ]
2333
+ }
2334
+ },
2335
+ "propToVariantKeys": {
2336
+ "size": [
2337
+ "inputSizeRoot",
2338
+ "inputSizeInputWrapper",
2339
+ "inputSizeInput",
2340
+ "inputSizeLabel",
2341
+ "inputSizeStartIcon",
2342
+ "inputSizeEndIcon"
2343
+ ],
2344
+ "startIcon": [
2345
+ "icon"
2346
+ ],
2347
+ "endIcon": [
2348
+ "icon"
2349
+ ],
2350
+ "helperTextIcon": [
2351
+ "startIcon"
2352
+ ]
2353
+ },
2354
+ "motionVarPrefixes": []
2355
+ },
2356
+ "InputHelpText": {
2357
+ "name": "InputHelpText",
2358
+ "defaultProps": {
2359
+ "size": "md"
2360
+ },
2361
+ "getStylesLiterals": {
2362
+ "inputVariantRoot": "default",
2363
+ "inputVariantValueRoot": "empty",
2364
+ "inputVariantValueRoot:1": "filled"
2365
+ },
2366
+ "cxLiterals": [],
2367
+ "internalComponents": [
2368
+ "InputHelpTextInternal",
2369
+ "Box"
2370
+ ],
2371
+ "internalComponentProps": {
2372
+ "Box": {
2373
+ "spacingTop": [
2374
+ "2"
2375
+ ]
2376
+ }
2377
+ },
2378
+ "propToVariantKeys": {
2379
+ "size": [
2380
+ "inputSizeRoot"
2381
+ ]
2382
+ },
2383
+ "motionVarPrefixes": []
2384
+ },
2385
+ "InputHelpTextInternal": {
2386
+ "name": "InputHelpTextInternal",
2339
2387
  "defaultProps": {},
2340
- "getStylesLiterals": {},
2388
+ "getStylesLiterals": {
2389
+ "inputVariantHelperText": "default",
2390
+ "inputVariantValueHelperText": "empty",
2391
+ "inputVariantValueHelperText:1": "filled",
2392
+ "inputVariantHelperIcon": "default",
2393
+ "inputVariantValueHelperIcon": "empty",
2394
+ "inputVariantValueHelperIcon:1": "filled"
2395
+ },
2341
2396
  "cxLiterals": [],
2342
2397
  "internalComponents": [
2343
- "TooltipAnchor"
2398
+ "IconSlot",
2399
+ "HStack"
2344
2400
  ],
2345
2401
  "internalComponentProps": {
2346
- "TooltipAnchor": {
2347
- "className": [
2348
- "inline"
2402
+ "HStack": {
2403
+ "gap": [
2404
+ "1"
2405
+ ],
2406
+ "alignItems": [
2407
+ "center"
2349
2408
  ]
2350
2409
  }
2351
2410
  },
2352
2411
  "propToVariantKeys": {
2353
- "children": [
2354
- "render"
2412
+ "size": [
2413
+ "inputSizeHelperText",
2414
+ "inputSizeHelperIcon"
2415
+ ],
2416
+ "startIcon": [
2417
+ "icon"
2418
+ ],
2419
+ "endIcon": [
2420
+ "icon"
2355
2421
  ]
2356
2422
  },
2357
2423
  "motionVarPrefixes": []
2358
2424
  },
2359
- "UDSTooltipConfigProvider": {
2360
- "name": "UDSTooltipConfigProvider",
2425
+ "UDSConfigProvider": {
2426
+ "name": "UDSConfigProvider",
2361
2427
  "defaultProps": {},
2362
2428
  "getStylesLiterals": {},
2363
2429
  "cxLiterals": [],
2364
2430
  "internalComponents": [
2365
- "TooltipContext.Provider"
2431
+ "UDSBreakpointsConfigProvider",
2432
+ "UDSBottomSheetConfigProvider",
2433
+ "UDSToastConfigProvider",
2434
+ "UDSTooltipConfigProvider",
2435
+ "UDSPopoverConfigProvider"
2366
2436
  ],
2367
2437
  "internalComponentProps": {},
2368
2438
  "propToVariantKeys": {},
2369
2439
  "motionVarPrefixes": []
2370
2440
  },
2371
- "Accordion": {
2372
- "name": "Accordion",
2373
- "defaultProps": {
2374
- "spacingHorizontal": "4",
2375
- "spacingVertical": "4"
2376
- },
2377
- "getStylesLiterals": {},
2378
- "cxLiterals": [
2379
- "hover:bg-secondary/80",
2380
- "w-full"
2381
- ],
2382
- "internalComponents": [
2383
- "Icon",
2384
- "SpringMotionConfig",
2385
- "Pressable",
2386
- "Text",
2387
- "HStack",
2388
- "AnimatePresence",
2389
- "VStack"
2390
- ],
2391
- "internalComponentProps": {
2392
- "Icon": {
2393
- "variant": [
2394
- "fill"
2395
- ],
2396
- "size": [
2397
- "sm"
2398
- ],
2399
- "color": [
2400
- "primary"
2401
- ]
2402
- },
2403
- "SpringMotionConfig": {
2404
- "layoutVariant": [
2405
- "smooth"
2406
- ],
2407
- "layoutSpeed": [
2408
- "3"
2409
- ]
2410
- },
2411
- "Pressable": {
2412
- "display": [
2413
- "flex"
2414
- ],
2415
- "flexDirection": [
2416
- "row"
2417
- ],
2418
- "alignItems": [
2419
- "center"
2420
- ],
2421
- "justifyContent": [
2422
- "space-between"
2423
- ],
2424
- "borderRadius": [
2425
- "md"
2426
- ]
2427
- },
2428
- "Text": {
2429
- "variant": [
2430
- "title4"
2431
- ],
2432
- "color": [
2433
- "primary"
2434
- ]
2435
- },
2436
- "HStack": {
2437
- "display": [
2438
- "flex"
2439
- ],
2440
- "alignItems": [
2441
- "center"
2442
- ],
2443
- "justifyContent": [
2444
- "space-between"
2445
- ],
2446
- "columnGap": [
2447
- "2.5"
2448
- ]
2449
- }
2450
- },
2451
- "propToVariantKeys": {},
2452
- "motionVarPrefixes": [
2453
- "--uds-motion-smooth-3-"
2454
- ]
2455
- },
2456
- "AvoidMotionLibraryProvider": {
2457
- "name": "AvoidMotionLibraryProvider",
2441
+ "UDSBreakpointsConfigProvider": {
2442
+ "name": "UDSBreakpointsConfigProvider",
2458
2443
  "defaultProps": {},
2459
2444
  "getStylesLiterals": {},
2460
2445
  "cxLiterals": [],
2461
- "internalComponents": [],
2446
+ "internalComponents": [
2447
+ "UDSBreakpointsConfigContext.Provider"
2448
+ ],
2462
2449
  "internalComponentProps": {},
2463
2450
  "propToVariantKeys": {},
2464
2451
  "motionVarPrefixes": []
2465
2452
  },
2466
- "ExperimentalPopover": {
2467
- "name": "ExperimentalPopover",
2468
- "defaultProps": {},
2453
+ "ChipLink": {
2454
+ "name": "ChipLink",
2455
+ "defaultProps": {
2456
+ "variant": "primary"
2457
+ },
2469
2458
  "getStylesLiterals": {},
2470
- "cxLiterals": [],
2459
+ "cxLiterals": [
2460
+ "uds-ring"
2461
+ ],
2471
2462
  "internalComponents": [
2472
- "HStack",
2473
- "Text",
2474
- "ExperimentalPopoverHeadingBase"
2463
+ "ChipBase"
2475
2464
  ],
2476
2465
  "internalComponentProps": {
2477
- "Text": {
2478
- "variant": [
2479
- "headline1"
2480
- ],
2481
- "color": [
2482
- "primary"
2466
+ "ChipBase": {
2467
+ "as": [
2468
+ "a"
2483
2469
  ]
2484
2470
  }
2485
2471
  },
2486
- "propToVariantKeys": {},
2472
+ "propToVariantKeys": {
2473
+ "variant": [
2474
+ "chipLinkVariantRoot",
2475
+ "chipLinkVariantIcon"
2476
+ ]
2477
+ },
2487
2478
  "motionVarPrefixes": []
2488
2479
  },
2489
- "Modal": {
2490
- "name": "Modal",
2491
- "defaultProps": {},
2480
+ "ChipDismissible": {
2481
+ "name": "ChipDismissible",
2482
+ "defaultProps": {
2483
+ "variant": "primary"
2484
+ },
2492
2485
  "getStylesLiterals": {},
2493
2486
  "cxLiterals": [
2494
- "inset-8",
2495
- "top-[250px]",
2496
- "z-50",
2497
- "mx-auto",
2498
- "h-fit",
2499
- "w-[600px]",
2500
- "origin-center",
2501
- "scale-95",
2502
- "opacity-0",
2503
- "transition",
2504
- "duration-150",
2505
- "data-[enter]:scale-100",
2506
- "data-[enter]:opacity-100",
2507
- "data-[enter]:bg-primary",
2508
- "backdrop-blur-0",
2509
- "data-[enter]:opacity-60",
2510
- "data-[enter]:backdrop-blur-sm"
2487
+ "uds-chip-dismissible-button",
2488
+ "uds-hit-target",
2489
+ "uds-ring",
2490
+ "rounded-full"
2511
2491
  ],
2512
2492
  "internalComponents": [
2513
- "IconButton",
2514
- "Dialog",
2515
- "HStack",
2516
- "Text",
2517
- "VStack"
2518
- ],
2519
- "internalComponentProps": {
2520
- "IconButton": {
2521
- "aria-label": [
2522
- "Close"
2523
- ],
2524
- "size": [
2525
- "sm"
2526
- ],
2527
- "variant": [
2528
- "tertiary"
2529
- ]
2530
- },
2531
- "HStack": {
2532
- "alignItems": [
2533
- "center"
2534
- ],
2535
- "justifyContent": [
2536
- "space-between"
2537
- ]
2538
- },
2539
- "Text": {
2540
- "variant": [
2541
- "headline1"
2542
- ],
2543
- "color": [
2544
- "primary"
2545
- ]
2546
- },
2547
- "VStack": {
2548
- "borderRadius": [
2549
- "md"
2550
- ],
2551
- "position": [
2552
- "fixed"
2553
- ],
2554
- "backgroundColor": [
2555
- "primary"
2556
- ],
2557
- "dropShadow": [
2558
- "md"
2559
- ],
2560
- "spacing": [
2561
- "8"
2562
- ],
2563
- "overflow": [
2564
- "hidden"
2493
+ "ChipBase",
2494
+ "IconSlot",
2495
+ "Pressable"
2496
+ ],
2497
+ "internalComponentProps": {},
2498
+ "propToVariantKeys": {
2499
+ "variant": [
2500
+ "chipDismissibleVariantRoot",
2501
+ "chipDismissibleVariantIcon"
2502
+ ],
2503
+ "dismissButtonAriaLabel": [
2504
+ "aria-label"
2505
+ ]
2506
+ },
2507
+ "motionVarPrefixes": []
2508
+ },
2509
+ "ChipToggle": {
2510
+ "name": "ChipToggle",
2511
+ "defaultProps": {
2512
+ "variant": "primary",
2513
+ "role": "checkbox"
2514
+ },
2515
+ "getStylesLiterals": {
2516
+ "chipToggleVariantActiveRoot": "on",
2517
+ "chipToggleVariantActiveRoot:1": "off"
2518
+ },
2519
+ "cxLiterals": [
2520
+ "uds-ring"
2521
+ ],
2522
+ "internalComponents": [
2523
+ "ChipBase"
2524
+ ],
2525
+ "internalComponentProps": {
2526
+ "ChipBase": {
2527
+ "as": [
2528
+ "button"
2565
2529
  ]
2566
2530
  }
2567
2531
  },
2568
2532
  "propToVariantKeys": {
2569
- "handleClose": [
2570
- "onClick"
2533
+ "variant": [
2534
+ "chipToggleVariantRoot",
2535
+ "chipToggleVariantIcon"
2571
2536
  ]
2572
2537
  },
2573
2538
  "motionVarPrefixes": []
2574
2539
  },
2575
- "SegmentedControl": {
2576
- "name": "SegmentedControl",
2540
+ "Chip": {
2541
+ "name": "Chip",
2577
2542
  "defaultProps": {},
2578
- "getStylesLiterals": {
2579
- "display": "flex",
2580
- "alignItems": "center",
2581
- "backgroundColor": "primary",
2582
- "spacingVertical": "1",
2583
- "spacingHorizontal": "3",
2584
- "columnGap": "1.5",
2585
- "borderWidth": "thin",
2586
- "borderRadius": "full",
2587
- "borderColor": "muted",
2588
- "borderColor:1": "transparent",
2589
- "color": "primary",
2590
- "color:1": "tertiary",
2591
- "color:2": "muted"
2543
+ "getStylesLiterals": {},
2544
+ "cxLiterals": [],
2545
+ "internalComponents": [
2546
+ "ChipDismissible",
2547
+ "ChipToggle",
2548
+ "ChipLink",
2549
+ "ChipButton"
2550
+ ],
2551
+ "internalComponentProps": {},
2552
+ "propToVariantKeys": {},
2553
+ "motionVarPrefixes": []
2554
+ },
2555
+ "ChipBase": {
2556
+ "name": "ChipBase",
2557
+ "defaultProps": {
2558
+ "size": "md",
2559
+ "as": "div"
2592
2560
  },
2561
+ "getStylesLiterals": {},
2593
2562
  "cxLiterals": [
2594
- "uds-ring",
2595
- "cursor-not-allowed",
2596
- "opacity-50",
2597
2563
  "pointer-events-none",
2598
- "hover:bg-primary"
2564
+ "cursor-default",
2565
+ "opacity-50",
2566
+ "inline-flex",
2567
+ "items-center",
2568
+ "transition-[background-color,outline-color,box-shadow]",
2569
+ "truncate",
2570
+ "whitespace-nowrap",
2571
+ "text-center",
2572
+ "flex-1"
2599
2573
  ],
2600
2574
  "internalComponents": [
2601
- "Radio",
2602
- "Icon",
2603
- "RadioProvider",
2575
+ "IconSlot",
2604
2576
  "HStack",
2605
- "RadioGroup",
2606
- "Pressable",
2577
+ "As",
2607
2578
  "Text"
2608
2579
  ],
2609
2580
  "internalComponentProps": {
2610
- "Icon": {
2611
- "size": [
2612
- "sm"
2581
+ "Text": {
2582
+ "as": [
2583
+ "span"
2613
2584
  ],
2614
2585
  "color": [
2615
2586
  "current"
2616
2587
  ],
2617
- "aria-hidden": [
2618
- "true"
2619
- ]
2620
- },
2621
- "HStack": {
2622
- "spacing": [
2623
- "1"
2624
- ],
2625
- "gap": [
2626
- "1"
2627
- ],
2628
- "backgroundColor": [
2629
- "secondary"
2630
- ],
2631
- "borderRadius": [
2632
- "full"
2633
- ],
2634
- "display": [
2635
- "inline-flex"
2636
- ]
2637
- },
2638
- "Text": {
2639
2588
  "variant": [
2640
- "label2"
2641
- ],
2642
- "color": [
2643
- "current"
2589
+ "inherit"
2644
2590
  ]
2645
2591
  }
2646
2592
  },
2647
2593
  "propToVariantKeys": {
2648
- "value": [
2649
- "key"
2594
+ "size": [
2595
+ "chipSizeRoot",
2596
+ "chipSizeIcon"
2650
2597
  ],
2651
- "label": [
2652
- "aria-label"
2598
+ "startIcon": [
2599
+ "icon"
2600
+ ],
2601
+ "endIcon": [
2602
+ "icon"
2653
2603
  ]
2654
2604
  },
2655
2605
  "motionVarPrefixes": []
2656
2606
  },
2657
- "SwitchV2": {
2658
- "name": "SwitchV2",
2607
+ "ChipButton": {
2608
+ "name": "ChipButton",
2659
2609
  "defaultProps": {
2660
- "labelPosition": "start",
2661
- "size": "md"
2610
+ "variant": "primary"
2611
+ },
2612
+ "getStylesLiterals": {},
2613
+ "cxLiterals": [
2614
+ "uds-ring"
2615
+ ],
2616
+ "internalComponents": [
2617
+ "ChipBase"
2618
+ ],
2619
+ "internalComponentProps": {
2620
+ "ChipBase": {
2621
+ "as": [
2622
+ "button"
2623
+ ]
2624
+ }
2625
+ },
2626
+ "propToVariantKeys": {
2627
+ "variant": [
2628
+ "chipLinkVariantRoot",
2629
+ "chipLinkVariantIcon"
2630
+ ]
2662
2631
  },
2632
+ "motionVarPrefixes": []
2633
+ },
2634
+ "Menu.Item": {
2635
+ "name": "Menu.Item",
2636
+ "defaultProps": {},
2663
2637
  "getStylesLiterals": {
2664
- "switchVariantRoot": "default",
2665
- "switchVariantActiveRoot": "on",
2666
- "switchVariantActiveRoot:1": "off",
2667
- "switchVariantSwitch": "default",
2668
- "switchVariantActiveSwitch": "on",
2669
- "switchVariantActiveSwitch:1": "off",
2670
- "switchVariantActiveHandle": "on",
2671
- "switchVariantActiveHandle:1": "off",
2672
- "switchVariantHandle": "default",
2673
- "switchVariantHandleIcon": "default",
2674
- "switchVariantActiveHandleIcon": "on",
2675
- "switchVariantActiveHandleIcon:1": "off"
2638
+ "menuitemItemVariantRoot": "default",
2639
+ "menuitemItemVariantActiveRoot": "on",
2640
+ "menuitemItemVariantActiveRoot:1": "off",
2641
+ "menuitemItemVariantText": "default",
2642
+ "menuitemItemVariantActiveText": "on",
2643
+ "menuitemItemVariantActiveText:1": "off",
2644
+ "menuitemItemVariantIcon": "default",
2645
+ "menuitemItemVariantActiveIcon": "on",
2646
+ "menuitemItemVariantActiveIcon:1": "off"
2676
2647
  },
2677
- "cxLiterals": [
2678
- "group",
2679
- "flex",
2680
- "items-center",
2681
- "flex-row",
2682
- "flex-row-reverse",
2683
- "uds-ring",
2684
- "uds-ring-within",
2685
- "relative",
2686
- "uds-border-radius-full",
2687
- "transition-[background-color,box-shadow]",
2688
- "pointer-events-none",
2689
- "w-full",
2690
- "h-full",
2691
- "absolute",
2692
- "top-0",
2693
- "bottom-0",
2694
- "right-0",
2695
- "left-0",
2696
- "overflow-hidden",
2697
- "group-hover:scale-105",
2698
- "opacity-95",
2699
- "group-hover:opacity-100",
2700
- "transition-[transform,opacity]",
2701
- "opacity-0",
2702
- "top-1/2",
2703
- "left-1/2",
2704
- "transform",
2705
- "translate-x-[-50%]",
2706
- "translate-y-[-50%]",
2707
- "transition-opacity",
2708
- "cursor-[inherit]",
2709
- "w-[calc(100%+2px)]",
2710
- "h-[calc(100%+2px)]",
2711
- "text-start",
2712
- "text-end",
2713
- "opacity-100"
2648
+ "cxLiterals": [],
2649
+ "internalComponents": [
2650
+ "MenuItemBase"
2651
+ ],
2652
+ "internalComponentProps": {},
2653
+ "propToVariantKeys": {},
2654
+ "motionVarPrefixes": []
2655
+ },
2656
+ "Menu.Provider": {
2657
+ "name": "Menu.Provider",
2658
+ "defaultProps": {},
2659
+ "getStylesLiterals": {},
2660
+ "cxLiterals": [],
2661
+ "internalComponents": [
2662
+ "AriakitMenuProvider",
2663
+ "SpringMotionConfig"
2664
+ ],
2665
+ "internalComponentProps": {},
2666
+ "propToVariantKeys": {},
2667
+ "motionVarPrefixes": [
2668
+ "--uds-motion-subtle-3-",
2669
+ "--uds-motion-smooth-3-"
2670
+ ]
2671
+ },
2672
+ "Menu.ItemBase": {
2673
+ "name": "Menu.ItemBase",
2674
+ "defaultProps": {
2675
+ "spacing": "0",
2676
+ "spacingHorizontal": "4",
2677
+ "spacingVertical": "3.5",
2678
+ "columnGap": "2",
2679
+ "alignItems": "center",
2680
+ "justifyContent": "space-between"
2681
+ },
2682
+ "getStylesLiterals": {
2683
+ "textAlign": "start",
2684
+ "menuitemSizeRoot": "default",
2685
+ "flexDirection": "row",
2686
+ "menuitemSizeStartIcon": "default",
2687
+ "menuitemSizeEndIcon": "default"
2688
+ },
2689
+ "cxLiterals": [
2690
+ "flex",
2691
+ "focus-visible:text-brand",
2692
+ "focus-visible:bg-brand-secondary",
2693
+ "focus-visible:z-10",
2694
+ "uds-ring",
2695
+ "!-outline-offset-2",
2696
+ "[&:not([aria-checked])]:cursor-default",
2697
+ "opacity-25",
2698
+ "cursor-not-allowed",
2699
+ "duration-20",
2700
+ "transition-[font-variation-settings]",
2701
+ "ease-in-out",
2702
+ "z-0",
2703
+ "uds-start-icon",
2704
+ "uds-end-icon"
2714
2705
  ],
2715
2706
  "internalComponents": [
2707
+ "Pressable",
2716
2708
  "IconSlot",
2717
- "Box",
2718
- "FormLabel",
2719
- "SpringMotionConfig",
2720
- "RootElement",
2721
- "MotionBox"
2709
+ "RootComponent",
2710
+ "HStack",
2711
+ "AnimatePresence"
2722
2712
  ],
2723
2713
  "internalComponentProps": {
2724
- "IconSlot": {
2725
- "data-testid": [
2726
- "on-icon",
2727
- "off-icon"
2728
- ]
2729
- },
2730
- "FormLabel": {
2731
- "as": [
2732
- "div"
2733
- ],
2734
- "variant": [
2735
- "inherit"
2736
- ],
2737
- "color": [
2738
- "inherit"
2739
- ]
2740
- },
2741
- "SpringMotionConfig": {
2742
- "layoutVariant": [
2743
- "bouncy"
2714
+ "HStack": {
2715
+ "alignItems": [
2716
+ "center"
2744
2717
  ],
2745
- "layoutSpeed": [
2746
- "4"
2747
- ]
2748
- },
2749
- "RootElement": {
2750
- "data-testid": [
2751
- "switch-root"
2718
+ "width": [
2719
+ "full"
2752
2720
  ]
2753
2721
  },
2754
- "MotionBox": {
2755
- "layout": [
2756
- "position"
2722
+ "AnimatePresence": {
2723
+ "mode": [
2724
+ "popLayout"
2757
2725
  ]
2758
2726
  }
2759
2727
  },
2760
2728
  "propToVariantKeys": {
2761
- "size": [
2762
- "switchSizeRoot",
2763
- "switchSizeSwitch",
2764
- "switchSizeHandle",
2765
- "switchSizeHandleIcon"
2766
- ],
2767
- "onIcon": [
2729
+ "startIcon": [
2768
2730
  "icon"
2769
2731
  ],
2770
- "offIcon": [
2732
+ "endIcon": [
2771
2733
  "icon"
2772
2734
  ],
2773
- "reduceMotion": [
2774
- "reducedMotion"
2775
- ],
2776
- "isOn": [
2777
- "layoutDependency"
2735
+ "columnGap": [
2736
+ "gap"
2778
2737
  ]
2779
2738
  },
2780
- "motionVarPrefixes": [
2781
- "--uds-motion-bouncy-4-",
2782
- "--uds-motion-smooth-3-"
2783
- ]
2739
+ "motionVarPrefixes": []
2784
2740
  },
2785
- "Tabs": {
2786
- "name": "Tabs",
2741
+ "Menu.Trigger": {
2742
+ "name": "Menu.Trigger",
2787
2743
  "defaultProps": {},
2788
- "getStylesLiterals": {
2789
- "display": "flex",
2790
- "flexDirection": "row",
2791
- "columnGap": "6"
2792
- },
2744
+ "getStylesLiterals": {},
2793
2745
  "cxLiterals": [
2794
- "text-tertiary",
2795
- "border-b-transparent",
2796
- "aria-selected:border-b-brand",
2797
- "aria-selected:text-secondary"
2746
+ "uds-menu-trigger"
2798
2747
  ],
2799
2748
  "internalComponents": [
2800
- "TabProvider",
2801
- "OriginalTabList",
2802
- "OriginalTab",
2803
- "Icon",
2804
- "OriginalTabPanel",
2805
- "Pressable",
2806
- "Comp",
2807
- "Text"
2749
+ "AriakitMenuTrigger",
2750
+ "Box"
2808
2751
  ],
2809
2752
  "internalComponentProps": {
2810
- "Icon": {
2811
- "className": [
2812
- "text-current"
2813
- ],
2814
- "size": [
2815
- "md"
2816
- ]
2817
- },
2818
- "Pressable": {
2819
- "borderBottomWidth": [
2820
- "medium"
2821
- ],
2822
- "spacingBottom": [
2823
- "1"
2824
- ],
2825
- "spacingTop": [
2826
- "4"
2827
- ]
2828
- },
2829
- "Text": {
2753
+ "Box": {
2830
2754
  "className": [
2831
- "text-current"
2832
- ],
2833
- "variant": [
2834
- "headline1"
2835
- ],
2836
- "as": [
2837
- "span"
2755
+ "uds-ring h-fit w-fit"
2838
2756
  ]
2839
2757
  }
2840
2758
  },
2841
2759
  "propToVariantKeys": {},
2842
2760
  "motionVarPrefixes": []
2843
2761
  },
2844
- "UDSBreakpointsConfigProvider": {
2845
- "name": "UDSBreakpointsConfigProvider",
2762
+ "Menu.index": {
2763
+ "name": "Menu.index",
2846
2764
  "defaultProps": {},
2847
2765
  "getStylesLiterals": {},
2848
2766
  "cxLiterals": [],
2767
+ "internalComponents": [],
2768
+ "internalComponentProps": {},
2769
+ "propToVariantKeys": {},
2770
+ "motionVarPrefixes": []
2771
+ },
2772
+ "Menu.Content": {
2773
+ "name": "Menu.Content",
2774
+ "defaultProps": {
2775
+ "size": "default",
2776
+ "variant": "default",
2777
+ "gutter": "1"
2778
+ },
2779
+ "getStylesLiterals": {},
2780
+ "cxLiterals": [
2781
+ "uds-menu-content",
2782
+ "transition-shadow",
2783
+ "duration-200",
2784
+ "ease-in-out",
2785
+ "min-w-60",
2786
+ "max-w-lg",
2787
+ "max-h-96",
2788
+ "overflow-auto",
2789
+ "uds-ring",
2790
+ "z-10",
2791
+ "group"
2792
+ ],
2849
2793
  "internalComponents": [
2850
- "UDSBreakpointsConfigContext.Provider"
2794
+ "AriakitMenu",
2795
+ "AnimatePresence",
2796
+ "MotionVStack"
2851
2797
  ],
2852
2798
  "internalComponentProps": {},
2799
+ "propToVariantKeys": {
2800
+ "size": [
2801
+ "menucontentSizeRoot"
2802
+ ],
2803
+ "variant": [
2804
+ "menucontentVariantRoot"
2805
+ ]
2806
+ },
2807
+ "motionVarPrefixes": []
2808
+ },
2809
+ "Menu.Divider": {
2810
+ "name": "Menu.Divider",
2811
+ "defaultProps": {
2812
+ "role": "separator",
2813
+ "contentPosition": "start",
2814
+ "gap": "4"
2815
+ },
2816
+ "getStylesLiterals": {
2817
+ "menuitemDividerVariantRoot": "default",
2818
+ "menuitemDividerVariantText": "default",
2819
+ "menuitemDividerVariantLine": "default"
2820
+ },
2821
+ "cxLiterals": [],
2822
+ "internalComponents": [
2823
+ "DividerInternal"
2824
+ ],
2825
+ "internalComponentProps": {
2826
+ "DividerInternal": {
2827
+ "variant": [
2828
+ "inherit"
2829
+ ]
2830
+ }
2831
+ },
2853
2832
  "propToVariantKeys": {},
2854
2833
  "motionVarPrefixes": []
2855
2834
  },
2856
- "UDSConfigProvider": {
2857
- "name": "UDSConfigProvider",
2835
+ "Menu": {
2836
+ "name": "Menu",
2858
2837
  "defaultProps": {},
2859
2838
  "getStylesLiterals": {},
2860
2839
  "cxLiterals": [],
2840
+ "internalComponents": [],
2841
+ "internalComponentProps": {},
2842
+ "propToVariantKeys": {},
2843
+ "motionVarPrefixes": []
2844
+ },
2845
+ "Menu.ItemCheckbox": {
2846
+ "name": "Menu.ItemCheckbox",
2847
+ "defaultProps": {},
2848
+ "getStylesLiterals": {
2849
+ "menuitemItemCheckboxVariantRoot": "default",
2850
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2851
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2852
+ "menuitemItemCheckboxVariantText": "default",
2853
+ "menuitemItemCheckboxVariantActiveText": "on",
2854
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2855
+ "menuitemItemCheckboxVariantStartIcon": "default",
2856
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2857
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2858
+ "menuitemItemCheckboxVariantEndIcon": "default",
2859
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2860
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2861
+ },
2862
+ "cxLiterals": [
2863
+ "uds-menu-item-checkbox"
2864
+ ],
2861
2865
  "internalComponents": [
2862
- "UDSBreakpointsConfigProvider",
2863
- "UDSBottomSheetConfigProvider",
2864
- "UDSToastConfigProvider",
2865
- "UDSTooltipConfigProvider",
2866
- "UDSPopoverConfigProvider"
2866
+ "MenuItemBase"
2867
2867
  ],
2868
2868
  "internalComponentProps": {},
2869
2869
  "propToVariantKeys": {},