@yahoo/uds 3.119.2 → 3.120.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.
@@ -1,4 +1,121 @@
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
+ },
2
119
  "Link": {
3
120
  "name": "Link",
4
121
  "defaultProps": {
@@ -49,51 +166,6 @@
49
166
  },
50
167
  "motionVarPrefixes": []
51
168
  },
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
- },
97
169
  "Scrim": {
98
170
  "name": "Scrim",
99
171
  "defaultProps": {
@@ -130,26 +202,6 @@
130
202
  },
131
203
  "motionVarPrefixes": []
132
204
  },
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
- },
153
205
  "SvgFloatingOverlay": {
154
206
  "name": "SvgFloatingOverlay",
155
207
  "defaultProps": {},
@@ -198,36 +250,6 @@
198
250
  },
199
251
  "motionVarPrefixes": []
200
252
  },
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
- },
231
253
  "Text": {
232
254
  "name": "Text",
233
255
  "defaultProps": {
@@ -252,20 +274,8 @@
252
274
  },
253
275
  "motionVarPrefixes": []
254
276
  },
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",
277
+ "VStack": {
278
+ "name": "VStack",
269
279
  "defaultProps": {},
270
280
  "getStylesLiterals": {},
271
281
  "cxLiterals": [],
@@ -275,110 +285,35 @@
275
285
  "internalComponentProps": {
276
286
  "Box": {
277
287
  "flexDirection": [
278
- "row"
288
+ "column"
279
289
  ]
280
290
  }
281
291
  },
282
292
  "propToVariantKeys": {
283
293
  "gap": [
284
- "rowGap",
285
- "columnGap"
294
+ "columnGap",
295
+ "rowGap"
286
296
  ]
287
297
  },
288
298
  "motionVarPrefixes": []
289
299
  },
290
- "Image": {
291
- "name": "Image",
300
+ "Divider": {
301
+ "name": "Divider",
292
302
  "defaultProps": {},
293
303
  "getStylesLiterals": {},
294
304
  "cxLiterals": [],
295
- "internalComponents": [],
305
+ "internalComponents": [
306
+ "DividerInternal"
307
+ ],
296
308
  "internalComponentProps": {},
297
309
  "propToVariantKeys": {},
298
310
  "motionVarPrefixes": []
299
311
  },
300
- "Table.mocks": {
301
- "name": "Table.mocks",
302
- "defaultProps": {},
303
- "getStylesLiterals": {},
304
- "cxLiterals": [],
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
- },
312
+ "DividerCore": {
313
+ "name": "DividerCore",
314
+ "defaultProps": {
315
+ "contentPosition": "center"
316
+ },
382
317
  "getStylesLiterals": {},
383
318
  "cxLiterals": [],
384
319
  "internalComponents": [
@@ -442,18 +377,164 @@
442
377
  },
443
378
  "motionVarPrefixes": []
444
379
  },
445
- "Divider": {
446
- "name": "Divider",
380
+ "Spinner": {
381
+ "name": "Spinner",
382
+ "defaultProps": {
383
+ "color": "primary",
384
+ "size": "lg"
385
+ },
386
+ "getStylesLiterals": {},
387
+ "cxLiterals": [
388
+ "self-center",
389
+ "relative",
390
+ "sr-only"
391
+ ],
392
+ "internalComponents": [
393
+ "Icon"
394
+ ],
395
+ "internalComponentProps": {
396
+ "Icon": {
397
+ "role": [
398
+ "img"
399
+ ],
400
+ "className": [
401
+ "animate-spin"
402
+ ],
403
+ "aria-hidden": [
404
+ "true"
405
+ ]
406
+ }
407
+ },
408
+ "propToVariantKeys": {},
409
+ "motionVarPrefixes": []
410
+ },
411
+ "Table.mocks": {
412
+ "name": "Table.mocks",
447
413
  "defaultProps": {},
448
414
  "getStylesLiterals": {},
449
415
  "cxLiterals": [],
416
+ "internalComponents": [],
417
+ "internalComponentProps": {},
418
+ "propToVariantKeys": {},
419
+ "motionVarPrefixes": []
420
+ },
421
+ "Table": {
422
+ "name": "Table",
423
+ "defaultProps": {
424
+ "display": "table-cell",
425
+ "overflow": "hidden",
426
+ "borderColor": "muted",
427
+ "borderRadius": "md",
428
+ "spacing": "3",
429
+ "borderBottomColor": "muted",
430
+ "borderBottomWidth": "thin",
431
+ "color": "primary"
432
+ },
433
+ "getStylesLiterals": {
434
+ "textAlign": "start"
435
+ },
436
+ "cxLiterals": [],
450
437
  "internalComponents": [
451
- "DividerInternal"
438
+ "CellComponent",
439
+ "Box",
440
+ "Text",
441
+ "Table.Root",
442
+ "Table.Header",
443
+ "Table.Row",
444
+ "Table.Cell",
445
+ "Table.Body"
452
446
  ],
453
- "internalComponentProps": {},
447
+ "internalComponentProps": {
448
+ "Table.Cell": {
449
+ "asHeaderCell": [
450
+ "column"
451
+ ]
452
+ }
453
+ },
454
454
  "propToVariantKeys": {},
455
455
  "motionVarPrefixes": []
456
456
  },
457
+ "AnimateHeightChange": {
458
+ "name": "AnimateHeightChange",
459
+ "defaultProps": {},
460
+ "getStylesLiterals": {},
461
+ "cxLiterals": [
462
+ "overflow-hidden"
463
+ ],
464
+ "internalComponents": [
465
+ "SpringMotionConfig"
466
+ ],
467
+ "internalComponentProps": {
468
+ "SpringMotionConfig": {
469
+ "layoutSpeed": [
470
+ "4"
471
+ ]
472
+ }
473
+ },
474
+ "propToVariantKeys": {
475
+ "reduceMotion": [
476
+ "reducedMotion"
477
+ ]
478
+ },
479
+ "motionVarPrefixes": [
480
+ "--uds-motion-subtle-4-",
481
+ "--uds-motion-smooth-3-"
482
+ ]
483
+ },
484
+ "Badge": {
485
+ "name": "Badge",
486
+ "defaultProps": {
487
+ "variant": "primary",
488
+ "size": "md"
489
+ },
490
+ "getStylesLiterals": {},
491
+ "cxLiterals": [
492
+ "flex-1",
493
+ "truncate",
494
+ "whitespace-nowrap",
495
+ "text-center"
496
+ ],
497
+ "internalComponents": [
498
+ "IconSlot",
499
+ "HStack"
500
+ ],
501
+ "internalComponentProps": {
502
+ "IconSlot": {
503
+ "data-testid": [
504
+ "start-icon",
505
+ "end-icon"
506
+ ]
507
+ },
508
+ "HStack": {
509
+ "gap": [
510
+ "2"
511
+ ],
512
+ "display": [
513
+ "inline-flex"
514
+ ],
515
+ "alignItems": [
516
+ "center"
517
+ ]
518
+ }
519
+ },
520
+ "propToVariantKeys": {
521
+ "size": [
522
+ "badgeSizeRoot",
523
+ "badgeSizeIcon"
524
+ ],
525
+ "variant": [
526
+ "badgeVariantRoot",
527
+ "badgeVariantIcon"
528
+ ],
529
+ "startIcon": [
530
+ "icon"
531
+ ],
532
+ "endIcon": [
533
+ "icon"
534
+ ]
535
+ },
536
+ "motionVarPrefixes": []
537
+ },
457
538
  "Button": {
458
539
  "name": "Button",
459
540
  "defaultProps": {
@@ -641,25 +722,6 @@
641
722
  "--uds-motion-smooth-3-"
642
723
  ]
643
724
  },
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
- },
663
725
  "IconButton": {
664
726
  "name": "IconButton",
665
727
  "defaultProps": {
@@ -724,16 +786,47 @@
724
786
  "--uds-motion-smooth-3-"
725
787
  ]
726
788
  },
727
- "Switch": {
728
- "name": "Switch",
729
- "defaultProps": {
730
- "labelPosition": "start",
731
- "size": "md"
732
- },
733
- "getStylesLiterals": {
734
- "switchVariantRoot": "default",
735
- "switchVariantActiveRoot": "on",
736
- "switchVariantActiveRoot:1": "off",
789
+ "Pressable": {
790
+ "name": "Pressable",
791
+ "defaultProps": {},
792
+ "getStylesLiterals": {},
793
+ "cxLiterals": [],
794
+ "internalComponents": [
795
+ "Comp"
796
+ ],
797
+ "internalComponentProps": {},
798
+ "propToVariantKeys": {},
799
+ "motionVarPrefixes": []
800
+ },
801
+ "SpringMotionConfig": {
802
+ "name": "SpringMotionConfig",
803
+ "defaultProps": {
804
+ "reducedMotion": "user"
805
+ },
806
+ "getStylesLiterals": {},
807
+ "cxLiterals": [],
808
+ "internalComponents": [
809
+ "LazyMotion",
810
+ "MotionConfig"
811
+ ],
812
+ "internalComponentProps": {},
813
+ "propToVariantKeys": {
814
+ "loadFeatures": [
815
+ "features"
816
+ ]
817
+ },
818
+ "motionVarPrefixes": []
819
+ },
820
+ "Switch": {
821
+ "name": "Switch",
822
+ "defaultProps": {
823
+ "labelPosition": "start",
824
+ "size": "md"
825
+ },
826
+ "getStylesLiterals": {
827
+ "switchVariantRoot": "default",
828
+ "switchVariantActiveRoot": "on",
829
+ "switchVariantActiveRoot:1": "off",
737
830
  "display": "flex",
738
831
  "flexDirection": "row",
739
832
  "flexDirection:1": "row-reverse",
@@ -838,95 +931,97 @@
838
931
  "--uds-motion-smooth-3-"
839
932
  ]
840
933
  },
841
- "Badge": {
842
- "name": "Badge",
934
+ "Accordion": {
935
+ "name": "Accordion",
843
936
  "defaultProps": {
844
- "variant": "primary",
845
- "size": "md"
937
+ "spacingHorizontal": "4",
938
+ "spacingVertical": "4"
846
939
  },
847
940
  "getStylesLiterals": {},
848
941
  "cxLiterals": [
849
- "flex-1",
850
- "truncate",
851
- "whitespace-nowrap",
852
- "text-center"
942
+ "hover:bg-secondary/80",
943
+ "w-full"
853
944
  ],
854
945
  "internalComponents": [
855
- "IconSlot",
856
- "HStack"
946
+ "Icon",
947
+ "SpringMotionConfig",
948
+ "Pressable",
949
+ "Text",
950
+ "HStack",
951
+ "AnimatePresence",
952
+ "VStack"
857
953
  ],
858
954
  "internalComponentProps": {
859
- "IconSlot": {
860
- "data-testid": [
861
- "start-icon",
862
- "end-icon"
955
+ "Icon": {
956
+ "variant": [
957
+ "fill"
958
+ ],
959
+ "size": [
960
+ "sm"
961
+ ],
962
+ "color": [
963
+ "primary"
863
964
  ]
864
965
  },
865
- "HStack": {
866
- "gap": [
867
- "2"
966
+ "SpringMotionConfig": {
967
+ "layoutVariant": [
968
+ "smooth"
868
969
  ],
970
+ "layoutSpeed": [
971
+ "3"
972
+ ]
973
+ },
974
+ "Pressable": {
869
975
  "display": [
870
- "inline-flex"
976
+ "flex"
977
+ ],
978
+ "flexDirection": [
979
+ "row"
871
980
  ],
872
981
  "alignItems": [
873
982
  "center"
983
+ ],
984
+ "justifyContent": [
985
+ "space-between"
986
+ ],
987
+ "borderRadius": [
988
+ "md"
874
989
  ]
875
- }
876
- },
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": []
894
- },
895
- "AnimateHeightChange": {
896
- "name": "AnimateHeightChange",
897
- "defaultProps": {},
898
- "getStylesLiterals": {},
899
- "cxLiterals": [
900
- "overflow-hidden"
901
- ],
902
- "internalComponents": [
903
- "SpringMotionConfig"
904
- ],
905
- "internalComponentProps": {
906
- "SpringMotionConfig": {
907
- "layoutSpeed": [
908
- "4"
990
+ },
991
+ "Text": {
992
+ "variant": [
993
+ "title4"
994
+ ],
995
+ "color": [
996
+ "primary"
997
+ ]
998
+ },
999
+ "HStack": {
1000
+ "display": [
1001
+ "flex"
1002
+ ],
1003
+ "alignItems": [
1004
+ "center"
1005
+ ],
1006
+ "justifyContent": [
1007
+ "space-between"
1008
+ ],
1009
+ "columnGap": [
1010
+ "2.5"
909
1011
  ]
910
1012
  }
911
1013
  },
912
- "propToVariantKeys": {
913
- "reduceMotion": [
914
- "reducedMotion"
915
- ]
916
- },
1014
+ "propToVariantKeys": {},
917
1015
  "motionVarPrefixes": [
918
- "--uds-motion-subtle-4-",
919
1016
  "--uds-motion-smooth-3-"
920
1017
  ]
921
1018
  },
922
- "Pressable": {
923
- "name": "Pressable",
1019
+ "AvoidMotionLibraryProvider": {
1020
+ "name": "AvoidMotionLibraryProvider",
924
1021
  "defaultProps": {},
925
1022
  "getStylesLiterals": {},
926
1023
  "cxLiterals": [],
927
- "internalComponents": [
928
- "Comp"
929
- ],
1024
+ "internalComponents": [],
930
1025
  "internalComponentProps": {},
931
1026
  "propToVariantKeys": {},
932
1027
  "motionVarPrefixes": []
@@ -954,71 +1049,150 @@
954
1049
  "propToVariantKeys": {},
955
1050
  "motionVarPrefixes": []
956
1051
  },
957
- "AvoidMotionLibraryProvider": {
958
- "name": "AvoidMotionLibraryProvider",
1052
+ "Modal": {
1053
+ "name": "Modal",
959
1054
  "defaultProps": {},
960
1055
  "getStylesLiterals": {},
961
- "cxLiterals": [],
962
- "internalComponents": [],
963
- "internalComponentProps": {},
964
- "propToVariantKeys": {},
965
- "motionVarPrefixes": []
966
- },
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"
984
- },
985
1056
  "cxLiterals": [
986
- "uds-ring",
987
- "cursor-not-allowed",
988
- "opacity-50",
989
- "pointer-events-none",
990
- "hover:bg-primary"
1057
+ "inset-8",
1058
+ "top-[250px]",
1059
+ "z-50",
1060
+ "mx-auto",
1061
+ "h-fit",
1062
+ "w-[600px]",
1063
+ "origin-center",
1064
+ "scale-95",
1065
+ "opacity-0",
1066
+ "transition",
1067
+ "duration-150",
1068
+ "data-[enter]:scale-100",
1069
+ "data-[enter]:opacity-100",
1070
+ "data-[enter]:bg-primary",
1071
+ "backdrop-blur-0",
1072
+ "data-[enter]:opacity-60",
1073
+ "data-[enter]:backdrop-blur-sm"
991
1074
  ],
992
1075
  "internalComponents": [
993
- "Radio",
994
- "Icon",
995
- "RadioProvider",
1076
+ "IconButton",
1077
+ "Dialog",
996
1078
  "HStack",
997
- "RadioGroup",
998
- "Pressable",
999
- "Text"
1079
+ "Text",
1080
+ "VStack"
1000
1081
  ],
1001
1082
  "internalComponentProps": {
1002
- "Icon": {
1083
+ "IconButton": {
1084
+ "aria-label": [
1085
+ "Close"
1086
+ ],
1003
1087
  "size": [
1004
1088
  "sm"
1005
1089
  ],
1006
- "color": [
1007
- "current"
1008
- ],
1009
- "aria-hidden": [
1010
- "true"
1090
+ "variant": [
1091
+ "tertiary"
1011
1092
  ]
1012
1093
  },
1013
1094
  "HStack": {
1014
- "spacing": [
1015
- "1"
1095
+ "alignItems": [
1096
+ "center"
1016
1097
  ],
1017
- "gap": [
1018
- "1"
1098
+ "justifyContent": [
1099
+ "space-between"
1100
+ ]
1101
+ },
1102
+ "Text": {
1103
+ "variant": [
1104
+ "headline1"
1019
1105
  ],
1020
- "backgroundColor": [
1021
- "secondary"
1106
+ "color": [
1107
+ "primary"
1108
+ ]
1109
+ },
1110
+ "VStack": {
1111
+ "borderRadius": [
1112
+ "md"
1113
+ ],
1114
+ "position": [
1115
+ "fixed"
1116
+ ],
1117
+ "backgroundColor": [
1118
+ "primary"
1119
+ ],
1120
+ "dropShadow": [
1121
+ "md"
1122
+ ],
1123
+ "spacing": [
1124
+ "8"
1125
+ ],
1126
+ "overflow": [
1127
+ "hidden"
1128
+ ]
1129
+ }
1130
+ },
1131
+ "propToVariantKeys": {
1132
+ "handleClose": [
1133
+ "onClick"
1134
+ ]
1135
+ },
1136
+ "motionVarPrefixes": []
1137
+ },
1138
+ "SegmentedControl": {
1139
+ "name": "SegmentedControl",
1140
+ "defaultProps": {
1141
+ "textVariant": "label2"
1142
+ },
1143
+ "getStylesLiterals": {
1144
+ "display": "flex",
1145
+ "alignItems": "center",
1146
+ "backgroundColor": "primary",
1147
+ "spacingVertical": "1",
1148
+ "spacingHorizontal": "3",
1149
+ "columnGap": "1.5",
1150
+ "borderWidth": "thin",
1151
+ "borderRadius": "full",
1152
+ "borderColor": "muted",
1153
+ "borderColor:1": "transparent",
1154
+ "color": "primary",
1155
+ "color:1": "tertiary",
1156
+ "color:2": "muted"
1157
+ },
1158
+ "cxLiterals": [
1159
+ "uds-ring",
1160
+ "cursor-not-allowed",
1161
+ "opacity-50",
1162
+ "pointer-events-none",
1163
+ "hover:bg-primary"
1164
+ ],
1165
+ "internalComponents": [
1166
+ "TextVariant",
1167
+ "Radio",
1168
+ "Icon",
1169
+ "RadioProvider",
1170
+ "HStack",
1171
+ "RadioGroup",
1172
+ "Pressable",
1173
+ "Text"
1174
+ ],
1175
+ "internalComponentProps": {
1176
+ "Icon": {
1177
+ "size": [
1178
+ "sm"
1179
+ ],
1180
+ "color": [
1181
+ "current"
1182
+ ],
1183
+ "aria-hidden": [
1184
+ "true"
1185
+ ]
1186
+ },
1187
+ "HStack": {
1188
+ "spacing": [
1189
+ "1"
1190
+ ],
1191
+ "gap": [
1192
+ "1"
1193
+ ],
1194
+ "backgroundColor": [
1195
+ "secondary"
1022
1196
  ],
1023
1197
  "borderRadius": [
1024
1198
  "full"
@@ -1028,9 +1202,6 @@
1028
1202
  ]
1029
1203
  },
1030
1204
  "Text": {
1031
- "variant": [
1032
- "label2"
1033
- ],
1034
1205
  "color": [
1035
1206
  "current"
1036
1207
  ]
@@ -1042,6 +1213,9 @@
1042
1213
  ],
1043
1214
  "label": [
1044
1215
  "aria-label"
1216
+ ],
1217
+ "textVariant": [
1218
+ "variant"
1045
1219
  ]
1046
1220
  },
1047
1221
  "motionVarPrefixes": []
@@ -1233,200 +1407,70 @@
1233
1407
  "propToVariantKeys": {},
1234
1408
  "motionVarPrefixes": []
1235
1409
  },
1236
- "Modal": {
1237
- "name": "Modal",
1410
+ "Avatar": {
1411
+ "name": "Avatar",
1238
1412
  "defaultProps": {},
1239
1413
  "getStylesLiterals": {},
1414
+ "cxLiterals": [],
1415
+ "internalComponents": [
1416
+ "AvatarImage"
1417
+ ],
1418
+ "internalComponentProps": {},
1419
+ "propToVariantKeys": {},
1420
+ "motionVarPrefixes": []
1421
+ },
1422
+ "AvatarIcon": {
1423
+ "name": "AvatarIcon",
1424
+ "defaultProps": {
1425
+ "size": "md",
1426
+ "variant": "primary"
1427
+ },
1428
+ "getStylesLiterals": {},
1240
1429
  "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"
1430
+ "overflow-hidden",
1431
+ "w-full",
1432
+ "h-full",
1433
+ "shrink-0",
1434
+ "text-center",
1435
+ "inline-flex",
1436
+ "justify-center",
1437
+ "items-center"
1258
1438
  ],
1259
1439
  "internalComponents": [
1260
- "IconButton",
1261
- "Dialog",
1262
- "HStack",
1263
- "Text",
1264
- "VStack"
1440
+ "IconSlot",
1441
+ "Box"
1265
1442
  ],
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
- },
1443
+ "internalComponentProps": {},
1315
1444
  "propToVariantKeys": {
1316
- "handleClose": [
1317
- "onClick"
1445
+ "size": [
1446
+ "avatarSizeIcon"
1318
1447
  ]
1319
1448
  },
1320
1449
  "motionVarPrefixes": []
1321
1450
  },
1322
- "Accordion": {
1323
- "name": "Accordion",
1451
+ "AvatarImage": {
1452
+ "name": "AvatarImage",
1324
1453
  "defaultProps": {
1325
- "spacingHorizontal": "4",
1326
- "spacingVertical": "4"
1454
+ "size": "md",
1455
+ "variant": "primary"
1327
1456
  },
1328
1457
  "getStylesLiterals": {},
1329
1458
  "cxLiterals": [
1330
- "hover:bg-secondary/80",
1331
- "w-full"
1459
+ "overflow-hidden",
1460
+ "w-full",
1461
+ "h-full",
1462
+ "shrink-0",
1463
+ "text-center",
1464
+ "inline-flex",
1465
+ "justify-center",
1466
+ "items-center",
1467
+ "object-cover"
1332
1468
  ],
1333
1469
  "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"
1470
+ "UDSImage",
1471
+ "AvatarText",
1472
+ "AvatarIcon",
1473
+ "Box"
1430
1474
  ],
1431
1475
  "internalComponentProps": {},
1432
1476
  "propToVariantKeys": {
@@ -1474,162 +1518,67 @@
1474
1518
  "propToVariantKeys": {},
1475
1519
  "motionVarPrefixes": []
1476
1520
  },
1477
- "Avatar": {
1478
- "name": "Avatar",
1479
- "defaultProps": {},
1480
- "getStylesLiterals": {},
1481
- "cxLiterals": [],
1482
- "internalComponents": [
1483
- "AvatarImage"
1484
- ],
1485
- "internalComponentProps": {},
1486
- "propToVariantKeys": {},
1487
- "motionVarPrefixes": []
1488
- },
1489
- "AvatarIcon": {
1490
- "name": "AvatarIcon",
1521
+ "BottomSheet": {
1522
+ "name": "BottomSheet",
1491
1523
  "defaultProps": {
1492
- "size": "md",
1493
- "variant": "primary"
1524
+ "variant": "default"
1494
1525
  },
1495
1526
  "getStylesLiterals": {},
1496
1527
  "cxLiterals": [
1528
+ "fixed",
1497
1529
  "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",
1520
- "defaultProps": {},
1521
- "getStylesLiterals": {},
1522
- "cxLiterals": [],
1523
- "internalComponents": [
1524
- "PopoverContext.Provider"
1525
- ],
1526
- "internalComponentProps": {},
1527
- "propToVariantKeys": {},
1528
- "motionVarPrefixes": []
1529
- },
1530
- "Popover": {
1531
- "name": "Popover",
1532
- "defaultProps": {},
1533
- "getStylesLiterals": {},
1534
- "cxLiterals": [],
1535
- "internalComponents": [
1536
- "PopoverInternalContext.Provider",
1537
- "PopoverProvider"
1530
+ "inset-x-0",
1531
+ "bottom-0",
1532
+ "z-50",
1533
+ "[will-change:transform]",
1534
+ "touch-none",
1535
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1536
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1537
+ "transition-transform",
1538
+ "duration-500",
1539
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1540
+ "motion-reduce:transition-none",
1541
+ "top-[-4px]",
1542
+ "z-[1]",
1543
+ "touch-pan-y"
1538
1544
  ],
1539
- "internalComponentProps": {},
1540
- "propToVariantKeys": {},
1541
- "motionVarPrefixes": []
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
1545
  "internalComponents": [
1559
- "PopoverDisclosure"
1546
+ "Scrim",
1547
+ "BottomSheetHandle",
1548
+ "Dialog",
1549
+ "Box",
1550
+ "BottomSheetInternalContext.Provider"
1560
1551
  ],
1561
1552
  "internalComponentProps": {
1562
- "PopoverDisclosure": {
1553
+ "BottomSheetHandle": {
1554
+ "ariaLabel": [
1555
+ "Resize sheet"
1556
+ ]
1557
+ },
1558
+ "Dialog": {
1559
+ "data-testid": [
1560
+ "bottom-sheet"
1561
+ ]
1562
+ },
1563
+ "Box": {
1564
+ "display": [
1565
+ "block",
1566
+ "flex"
1567
+ ],
1568
+ "position": [
1569
+ "absolute"
1570
+ ],
1571
+ "flexDirection": [
1572
+ "column"
1573
+ ],
1563
1574
  "className": [
1564
- "inline"
1575
+ "absolute inset-0 min-h-0 p-[inherit]"
1565
1576
  ]
1566
1577
  }
1567
1578
  },
1568
1579
  "propToVariantKeys": {
1569
- "children": [
1570
- "render"
1571
- ]
1572
- },
1573
- "motionVarPrefixes": []
1574
- },
1575
- "PopoverContent": {
1576
- "name": "PopoverContent",
1577
- "defaultProps": {},
1578
- "getStylesLiterals": {
1579
- "popoverSizeRoot": "default",
1580
- "popoverVariantRoot": "default",
1581
- "display": "flex",
1582
- "position": "absolute",
1583
- "spacingTop": "0",
1584
- "spacingStart": "0",
1585
- "spacingBottom": "0",
1586
- "spacingEnd": "0",
1587
- "popoverSizeSvgBase": "default",
1588
- "popoverVariantSvgBase": "default",
1589
- "popoverSizeSvgBorder": "default",
1590
- "popoverVariantSvgBorder": "default",
1591
- "popoverVariantBlur": "default",
1592
- "width": "full",
1593
- "height": "full",
1594
- "flexShrink": "0",
1595
- "borderRadius": "full",
1596
- "alignItems": "center",
1597
- "justifyContent": "center",
1598
- "popoverVariantCloseIcon": "default",
1599
- "popoverSizeCloseIcon": "default"
1600
- },
1601
- "cxLiterals": [
1602
- "z-[9999]",
1603
- "outline-none",
1604
- "focus-visible:outline-none",
1605
- "uds-bgBlurFillFallback",
1606
- "uds-bgBlurFallback",
1607
- "top-0",
1608
- "left-0",
1609
- "z-[1]",
1610
- "duration-0",
1611
- "duration-120",
1612
- "transition-[background-color]",
1613
- "bg-carbon-15/0",
1614
- "hover:bg-carbon-15/10",
1615
- "active:bg-carbon-15/15",
1616
- "uds-ring",
1617
- "absolute",
1618
- "z-[4]"
1619
- ],
1620
- "internalComponents": [
1621
- "PopoverDismiss",
1622
- "IconSlot",
1623
- "PopoverArrow",
1624
- "Popover",
1625
- "SvgFloatingOverlay",
1626
- "Box",
1627
- "Pressable"
1628
- ],
1629
- "internalComponentProps": {},
1630
- "propToVariantKeys": {
1631
- "closeIcon": [
1632
- "icon"
1580
+ "variant": [
1581
+ "bottomsheetVariantRoot"
1633
1582
  ]
1634
1583
  },
1635
1584
  "motionVarPrefixes": []
@@ -1676,73 +1625,8 @@
1676
1625
  "propToVariantKeys": {},
1677
1626
  "motionVarPrefixes": []
1678
1627
  },
1679
- "BottomSheet": {
1680
- "name": "BottomSheet",
1681
- "defaultProps": {
1682
- "variant": "default"
1683
- },
1684
- "getStylesLiterals": {},
1685
- "cxLiterals": [
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"
1702
- ],
1703
- "internalComponents": [
1704
- "Scrim",
1705
- "BottomSheetHandle",
1706
- "Dialog",
1707
- "Box",
1708
- "BottomSheetInternalContext.Provider"
1709
- ],
1710
- "internalComponentProps": {
1711
- "BottomSheetHandle": {
1712
- "ariaLabel": [
1713
- "Resize sheet"
1714
- ]
1715
- },
1716
- "Dialog": {
1717
- "data-testid": [
1718
- "bottom-sheet"
1719
- ]
1720
- },
1721
- "Box": {
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]"
1734
- ]
1735
- }
1736
- },
1737
- "propToVariantKeys": {
1738
- "variant": [
1739
- "bottomsheetVariantRoot"
1740
- ]
1741
- },
1742
- "motionVarPrefixes": []
1743
- },
1744
- "BottomSheetHandle": {
1745
- "name": "BottomSheetHandle",
1628
+ "BottomSheetHandle": {
1629
+ "name": "BottomSheetHandle",
1746
1630
  "defaultProps": {
1747
1631
  "variant": "default"
1748
1632
  },
@@ -1784,16 +1668,6 @@
1784
1668
  },
1785
1669
  "motionVarPrefixes": []
1786
1670
  },
1787
- "BottomSheetInternalContext": {
1788
- "name": "BottomSheetInternalContext",
1789
- "defaultProps": {},
1790
- "getStylesLiterals": {},
1791
- "cxLiterals": [],
1792
- "internalComponents": [],
1793
- "internalComponentProps": {},
1794
- "propToVariantKeys": {},
1795
- "motionVarPrefixes": []
1796
- },
1797
1671
  "BottomSheetHeader": {
1798
1672
  "name": "BottomSheetHeader",
1799
1673
  "defaultProps": {
@@ -1847,14 +1721,12 @@
1847
1721
  },
1848
1722
  "motionVarPrefixes": []
1849
1723
  },
1850
- "BottomSheetTrigger": {
1851
- "name": "BottomSheetTrigger",
1724
+ "BottomSheetInternalContext": {
1725
+ "name": "BottomSheetInternalContext",
1852
1726
  "defaultProps": {},
1853
1727
  "getStylesLiterals": {},
1854
1728
  "cxLiterals": [],
1855
- "internalComponents": [
1856
- "AriakitDialogDisclosure"
1857
- ],
1729
+ "internalComponents": [],
1858
1730
  "internalComponentProps": {},
1859
1731
  "propToVariantKeys": {},
1860
1732
  "motionVarPrefixes": []
@@ -1871,6 +1743,18 @@
1871
1743
  "propToVariantKeys": {},
1872
1744
  "motionVarPrefixes": []
1873
1745
  },
1746
+ "BottomSheetTrigger": {
1747
+ "name": "BottomSheetTrigger",
1748
+ "defaultProps": {},
1749
+ "getStylesLiterals": {},
1750
+ "cxLiterals": [],
1751
+ "internalComponents": [
1752
+ "AriakitDialogDisclosure"
1753
+ ],
1754
+ "internalComponentProps": {},
1755
+ "propToVariantKeys": {},
1756
+ "motionVarPrefixes": []
1757
+ },
1874
1758
  "UDSBottomSheetConfigProvider": {
1875
1759
  "name": "UDSBottomSheetConfigProvider",
1876
1760
  "defaultProps": {},
@@ -1883,371 +1767,187 @@
1883
1767
  "propToVariantKeys": {},
1884
1768
  "motionVarPrefixes": []
1885
1769
  },
1886
- "UDSToastConfigProvider": {
1887
- "name": "UDSToastConfigProvider",
1770
+ "Chip": {
1771
+ "name": "Chip",
1888
1772
  "defaultProps": {},
1889
1773
  "getStylesLiterals": {},
1890
1774
  "cxLiterals": [],
1891
1775
  "internalComponents": [
1892
- "ToastContext.Provider"
1776
+ "ChipDismissible",
1777
+ "ChipToggle",
1778
+ "ChipLink",
1779
+ "ChipButton"
1893
1780
  ],
1894
1781
  "internalComponentProps": {},
1895
1782
  "propToVariantKeys": {},
1896
1783
  "motionVarPrefixes": []
1897
1784
  },
1898
- "Toast": {
1899
- "name": "Toast",
1900
- "defaultProps": {},
1901
- "getStylesLiterals": {
1902
- "className": "flex-none",
1903
- "spacing": "2",
1904
- "borderRadius": "full"
1785
+ "ChipBase": {
1786
+ "name": "ChipBase",
1787
+ "defaultProps": {
1788
+ "size": "md",
1789
+ "as": "div"
1905
1790
  },
1791
+ "getStylesLiterals": {},
1906
1792
  "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",
1913
- "uds-ring"
1793
+ "pointer-events-none",
1794
+ "cursor-default",
1795
+ "opacity-50",
1796
+ "inline-flex",
1797
+ "items-center",
1798
+ "transition-[background-color,outline-color,box-shadow]",
1799
+ "truncate",
1800
+ "whitespace-nowrap",
1801
+ "text-center",
1802
+ "flex-1"
1914
1803
  ],
1915
1804
  "internalComponents": [
1916
1805
  "IconSlot",
1917
- "ToastContainer",
1918
- "Text",
1919
- "Button",
1920
- "Pressable"
1806
+ "HStack",
1807
+ "As",
1808
+ "Text"
1921
1809
  ],
1922
- "internalComponentProps": {},
1810
+ "internalComponentProps": {
1811
+ "Text": {
1812
+ "as": [
1813
+ "span"
1814
+ ],
1815
+ "color": [
1816
+ "current"
1817
+ ],
1818
+ "variant": [
1819
+ "inherit"
1820
+ ]
1821
+ }
1822
+ },
1923
1823
  "propToVariantKeys": {
1924
1824
  "size": [
1925
- "toastSizeLabel",
1926
- "toastSizeIcon",
1927
- "toastSizeActionButton",
1928
- "toastSizeCloseIcon"
1929
- ],
1930
- "variant": [
1931
- "toastVariantIcon",
1932
- "toastVariantActionButton",
1933
- "toastVariantCloseIcon"
1825
+ "chipSizeRoot",
1826
+ "chipSizeIcon"
1934
1827
  ],
1935
- "closeIcon": [
1828
+ "startIcon": [
1936
1829
  "icon"
1937
1830
  ],
1938
- "onClickActionButton": [
1939
- "onClick"
1831
+ "endIcon": [
1832
+ "icon"
1940
1833
  ]
1941
1834
  },
1942
1835
  "motionVarPrefixes": []
1943
1836
  },
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"
1837
+ "ChipButton": {
1838
+ "name": "ChipButton",
1839
+ "defaultProps": {
1840
+ "variant": "primary"
1952
1841
  },
1842
+ "getStylesLiterals": {},
1953
1843
  "cxLiterals": [
1954
- "w-full"
1844
+ "uds-ring"
1955
1845
  ],
1956
1846
  "internalComponents": [
1957
- "HStack"
1847
+ "ChipBase"
1958
1848
  ],
1959
1849
  "internalComponentProps": {
1960
- "HStack": {
1961
- "alignItems": [
1962
- "center"
1963
- ],
1964
- "justifyContent": [
1965
- "space-between"
1966
- ],
1967
- "overflow": [
1968
- "hidden"
1969
- ],
1970
- "position": [
1971
- "relative"
1850
+ "ChipBase": {
1851
+ "as": [
1852
+ "button"
1972
1853
  ]
1973
1854
  }
1974
1855
  },
1975
1856
  "propToVariantKeys": {
1976
1857
  "variant": [
1977
- "toastVariantRoot"
1978
- ],
1979
- "size": [
1980
- "toastSizeRoot"
1858
+ "chipLinkVariantRoot",
1859
+ "chipLinkVariantIcon"
1981
1860
  ]
1982
1861
  },
1983
1862
  "motionVarPrefixes": []
1984
1863
  },
1985
- "ToastPortal": {
1986
- "name": "ToastPortal",
1987
- "defaultProps": {},
1864
+ "ChipDismissible": {
1865
+ "name": "ChipDismissible",
1866
+ "defaultProps": {
1867
+ "variant": "primary"
1868
+ },
1988
1869
  "getStylesLiterals": {},
1989
- "cxLiterals": [],
1870
+ "cxLiterals": [
1871
+ "uds-chip-dismissible-button",
1872
+ "uds-hit-target",
1873
+ "uds-ring",
1874
+ "rounded-full"
1875
+ ],
1990
1876
  "internalComponents": [
1991
- "ReactToastifyToastContainer"
1877
+ "ChipBase",
1878
+ "IconSlot",
1879
+ "Pressable"
1992
1880
  ],
1993
1881
  "internalComponentProps": {},
1994
- "propToVariantKeys": {},
1995
- "motionVarPrefixes": []
1996
- },
1997
- "RadioGroupStore": {
1998
- "name": "RadioGroupStore",
1999
- "defaultProps": {},
2000
- "getStylesLiterals": {},
2001
- "cxLiterals": [],
2002
- "internalComponents": [],
2003
- "internalComponentProps": {},
2004
- "propToVariantKeys": {},
1882
+ "propToVariantKeys": {
1883
+ "variant": [
1884
+ "chipDismissibleVariantRoot",
1885
+ "chipDismissibleVariantIcon"
1886
+ ],
1887
+ "dismissButtonAriaLabel": [
1888
+ "aria-label"
1889
+ ]
1890
+ },
2005
1891
  "motionVarPrefixes": []
2006
1892
  },
2007
- "RadioGroupProvider": {
2008
- "name": "RadioGroupProvider",
2009
- "defaultProps": {},
1893
+ "ChipLink": {
1894
+ "name": "ChipLink",
1895
+ "defaultProps": {
1896
+ "variant": "primary"
1897
+ },
2010
1898
  "getStylesLiterals": {},
2011
- "cxLiterals": [],
2012
- "internalComponents": [
2013
- "DivProps",
2014
- "Comp",
2015
- "RadioGroupContext.Provider"
2016
- ],
2017
- "internalComponentProps": {
2018
- "Comp": {
2019
- "role": [
2020
- "radiogroup"
2021
- ]
2022
- }
2023
- },
2024
- "propToVariantKeys": {},
2025
- "motionVarPrefixes": []
2026
- },
2027
- "Radio": {
2028
- "name": "Radio",
2029
- "defaultProps": {
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"
2046
- },
2047
1899
  "cxLiterals": [
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"
1900
+ "uds-ring"
2072
1901
  ],
2073
1902
  "internalComponents": [
2074
- "Box",
2075
- "FormLabel",
2076
- "SpringMotionConfig",
2077
- "RootElement",
2078
- "MotionBox"
1903
+ "ChipBase"
2079
1904
  ],
2080
1905
  "internalComponentProps": {
2081
- "Box": {
2082
- "borderRadius": [
2083
- "full"
2084
- ]
2085
- },
2086
- "FormLabel": {
1906
+ "ChipBase": {
2087
1907
  "as": [
2088
- "div"
2089
- ],
2090
- "variant": [
2091
- "inherit"
2092
- ],
2093
- "color": [
2094
- "inherit"
2095
- ]
2096
- },
2097
- "RootElement": {
2098
- "data-testid": [
2099
- "container"
2100
- ]
2101
- },
2102
- "MotionBox": {
2103
- "position": [
2104
- "relative"
2105
- ],
2106
- "borderRadius": [
2107
- "full"
2108
- ],
2109
- "alignItems": [
2110
- "center"
2111
- ],
2112
- "justifyContent": [
2113
- "center"
2114
- ],
2115
- "flex": [
2116
- "none"
1908
+ "a"
2117
1909
  ]
2118
1910
  }
2119
1911
  },
2120
1912
  "propToVariantKeys": {
2121
- "size": [
2122
- "radioSizeRoot",
2123
- "radioSizeRadio"
2124
- ],
2125
1913
  "variant": [
2126
- "radioVariantRoot",
2127
- "radioVariantRadio",
2128
- "radioVariantRadioCircle"
2129
- ],
2130
- "reduceMotion": [
2131
- "reducedMotion"
1914
+ "chipLinkVariantRoot",
1915
+ "chipLinkVariantIcon"
2132
1916
  ]
2133
1917
  },
2134
- "motionVarPrefixes": [
2135
- "--uds-motion-subtle-3-",
2136
- "--uds-motion-smooth-3-"
2137
- ]
2138
- },
2139
- "UDSTooltipConfigProvider": {
2140
- "name": "UDSTooltipConfigProvider",
2141
- "defaultProps": {},
2142
- "getStylesLiterals": {},
2143
- "cxLiterals": [],
2144
- "internalComponents": [
2145
- "TooltipContext.Provider"
2146
- ],
2147
- "internalComponentProps": {},
2148
- "propToVariantKeys": {},
2149
1918
  "motionVarPrefixes": []
2150
1919
  },
2151
- "TooltipTrigger": {
2152
- "name": "TooltipTrigger",
2153
- "defaultProps": {},
2154
- "getStylesLiterals": {},
2155
- "cxLiterals": [],
2156
- "internalComponents": [
2157
- "TooltipAnchor"
2158
- ],
2159
- "internalComponentProps": {
2160
- "TooltipAnchor": {
2161
- "className": [
2162
- "inline"
2163
- ]
2164
- }
2165
- },
2166
- "propToVariantKeys": {
2167
- "children": [
2168
- "render"
2169
- ]
1920
+ "ChipToggle": {
1921
+ "name": "ChipToggle",
1922
+ "defaultProps": {
1923
+ "variant": "primary",
1924
+ "role": "checkbox"
2170
1925
  },
2171
- "motionVarPrefixes": []
2172
- },
2173
- "TooltipContent": {
2174
- "name": "TooltipContent",
2175
- "defaultProps": {},
2176
1926
  "getStylesLiterals": {
2177
- "tooltipSizeRoot": "default",
2178
- "tooltipVariantRoot": "default",
2179
- "tooltipSizeSvg": "default",
2180
- "tooltipVariantSvg": "default",
2181
- "tooltipVariantBlur": "default",
2182
- "position": "absolute",
2183
- "width": "full",
2184
- "height": "full",
2185
- "tooltipSizeTitle": "default",
2186
- "tooltipSizeBody": "default",
2187
- "tooltipSizeEndContent": "default",
2188
- "tooltipSizeIcon": "default",
2189
- "tooltipVariantIcon": "default"
1927
+ "chipToggleVariantActiveRoot": "on",
1928
+ "chipToggleVariantActiveRoot:1": "off"
2190
1929
  },
2191
1930
  "cxLiterals": [
2192
- "max-w-lg",
2193
- "flex",
2194
- "z-[9999]",
2195
- "uds-bgBlurFillFallback",
2196
- "uds-bgBlurFallback",
2197
- "top-0",
2198
- "left-0",
2199
- "z-[1]"
1931
+ "uds-ring"
2200
1932
  ],
2201
1933
  "internalComponents": [
2202
- "IconSlot",
2203
- "TooltipArrow",
2204
- "Tooltip",
2205
- "SvgFloatingOverlay",
2206
- "VStack",
2207
- "Box",
2208
- "Text"
1934
+ "ChipBase"
2209
1935
  ],
2210
1936
  "internalComponentProps": {
2211
- "VStack": {
2212
- "className": [
2213
- "gap-[inherit]"
2214
- ]
2215
- },
2216
- "Box": {
2217
- "alignItems": [
2218
- "center"
2219
- ],
2220
- "columnGap": [
2221
- "1",
2222
- "1.5"
2223
- ]
2224
- },
2225
- "Text": {
2226
- "color": [
2227
- "inherit"
1937
+ "ChipBase": {
1938
+ "as": [
1939
+ "button"
2228
1940
  ]
2229
1941
  }
2230
1942
  },
2231
1943
  "propToVariantKeys": {
2232
- "startTitleIcon": [
2233
- "icon"
1944
+ "variant": [
1945
+ "chipToggleVariantRoot",
1946
+ "chipToggleVariantIcon"
2234
1947
  ]
2235
1948
  },
2236
1949
  "motionVarPrefixes": []
2237
1950
  },
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
1951
  "Input": {
2252
1952
  "name": "Input",
2253
1953
  "defaultProps": {
@@ -2422,213 +2122,67 @@
2422
2122
  },
2423
2123
  "motionVarPrefixes": []
2424
2124
  },
2425
- "UDSConfigProvider": {
2426
- "name": "UDSConfigProvider",
2427
- "defaultProps": {},
2125
+ "Menu.Content": {
2126
+ "name": "Menu.Content",
2127
+ "defaultProps": {
2128
+ "size": "default",
2129
+ "variant": "default",
2130
+ "gutter": "1"
2131
+ },
2428
2132
  "getStylesLiterals": {},
2429
- "cxLiterals": [],
2133
+ "cxLiterals": [
2134
+ "uds-menu-content",
2135
+ "transition-shadow",
2136
+ "duration-200",
2137
+ "ease-in-out",
2138
+ "min-w-60",
2139
+ "max-w-lg",
2140
+ "max-h-96",
2141
+ "overflow-auto",
2142
+ "uds-ring",
2143
+ "z-10",
2144
+ "group"
2145
+ ],
2430
2146
  "internalComponents": [
2431
- "UDSBreakpointsConfigProvider",
2432
- "UDSBottomSheetConfigProvider",
2433
- "UDSToastConfigProvider",
2434
- "UDSTooltipConfigProvider",
2435
- "UDSPopoverConfigProvider"
2436
- ],
2437
- "internalComponentProps": {},
2438
- "propToVariantKeys": {},
2439
- "motionVarPrefixes": []
2440
- },
2441
- "UDSBreakpointsConfigProvider": {
2442
- "name": "UDSBreakpointsConfigProvider",
2443
- "defaultProps": {},
2444
- "getStylesLiterals": {},
2445
- "cxLiterals": [],
2446
- "internalComponents": [
2447
- "UDSBreakpointsConfigContext.Provider"
2448
- ],
2449
- "internalComponentProps": {},
2450
- "propToVariantKeys": {},
2451
- "motionVarPrefixes": []
2452
- },
2453
- "ChipLink": {
2454
- "name": "ChipLink",
2455
- "defaultProps": {
2456
- "variant": "primary"
2457
- },
2458
- "getStylesLiterals": {},
2459
- "cxLiterals": [
2460
- "uds-ring"
2461
- ],
2462
- "internalComponents": [
2463
- "ChipBase"
2464
- ],
2465
- "internalComponentProps": {
2466
- "ChipBase": {
2467
- "as": [
2468
- "a"
2469
- ]
2470
- }
2471
- },
2472
- "propToVariantKeys": {
2473
- "variant": [
2474
- "chipLinkVariantRoot",
2475
- "chipLinkVariantIcon"
2476
- ]
2477
- },
2478
- "motionVarPrefixes": []
2479
- },
2480
- "ChipDismissible": {
2481
- "name": "ChipDismissible",
2482
- "defaultProps": {
2483
- "variant": "primary"
2484
- },
2485
- "getStylesLiterals": {},
2486
- "cxLiterals": [
2487
- "uds-chip-dismissible-button",
2488
- "uds-hit-target",
2489
- "uds-ring",
2490
- "rounded-full"
2491
- ],
2492
- "internalComponents": [
2493
- "ChipBase",
2494
- "IconSlot",
2495
- "Pressable"
2147
+ "AriakitMenu",
2148
+ "AnimatePresence",
2149
+ "MotionVStack"
2496
2150
  ],
2497
2151
  "internalComponentProps": {},
2498
2152
  "propToVariantKeys": {
2499
- "variant": [
2500
- "chipDismissibleVariantRoot",
2501
- "chipDismissibleVariantIcon"
2153
+ "size": [
2154
+ "menucontentSizeRoot"
2502
2155
  ],
2503
- "dismissButtonAriaLabel": [
2504
- "aria-label"
2156
+ "variant": [
2157
+ "menucontentVariantRoot"
2505
2158
  ]
2506
2159
  },
2507
2160
  "motionVarPrefixes": []
2508
2161
  },
2509
- "ChipToggle": {
2510
- "name": "ChipToggle",
2162
+ "Menu.Divider": {
2163
+ "name": "Menu.Divider",
2511
2164
  "defaultProps": {
2512
- "variant": "primary",
2513
- "role": "checkbox"
2165
+ "role": "separator",
2166
+ "contentPosition": "start",
2167
+ "gap": "4"
2514
2168
  },
2515
2169
  "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"
2529
- ]
2530
- }
2531
- },
2532
- "propToVariantKeys": {
2533
- "variant": [
2534
- "chipToggleVariantRoot",
2535
- "chipToggleVariantIcon"
2536
- ]
2170
+ "menuitemDividerVariantRoot": "default",
2171
+ "menuitemDividerVariantText": "default",
2172
+ "menuitemDividerVariantLine": "default"
2537
2173
  },
2538
- "motionVarPrefixes": []
2539
- },
2540
- "Chip": {
2541
- "name": "Chip",
2542
- "defaultProps": {},
2543
- "getStylesLiterals": {},
2544
2174
  "cxLiterals": [],
2545
2175
  "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"
2560
- },
2561
- "getStylesLiterals": {},
2562
- "cxLiterals": [
2563
- "pointer-events-none",
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"
2573
- ],
2574
- "internalComponents": [
2575
- "IconSlot",
2576
- "HStack",
2577
- "As",
2578
- "Text"
2176
+ "DividerInternal"
2579
2177
  ],
2580
2178
  "internalComponentProps": {
2581
- "Text": {
2582
- "as": [
2583
- "span"
2584
- ],
2585
- "color": [
2586
- "current"
2587
- ],
2179
+ "DividerInternal": {
2588
2180
  "variant": [
2589
2181
  "inherit"
2590
2182
  ]
2591
2183
  }
2592
2184
  },
2593
- "propToVariantKeys": {
2594
- "size": [
2595
- "chipSizeRoot",
2596
- "chipSizeIcon"
2597
- ],
2598
- "startIcon": [
2599
- "icon"
2600
- ],
2601
- "endIcon": [
2602
- "icon"
2603
- ]
2604
- },
2605
- "motionVarPrefixes": []
2606
- },
2607
- "ChipButton": {
2608
- "name": "ChipButton",
2609
- "defaultProps": {
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
- ]
2631
- },
2185
+ "propToVariantKeys": {},
2632
2186
  "motionVarPrefixes": []
2633
2187
  },
2634
2188
  "Menu.Item": {
@@ -2653,22 +2207,6 @@
2653
2207
  "propToVariantKeys": {},
2654
2208
  "motionVarPrefixes": []
2655
2209
  },
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
2210
  "Menu.ItemBase": {
2673
2211
  "name": "Menu.ItemBase",
2674
2212
  "defaultProps": {
@@ -2738,6 +2276,49 @@
2738
2276
  },
2739
2277
  "motionVarPrefixes": []
2740
2278
  },
2279
+ "Menu.ItemCheckbox": {
2280
+ "name": "Menu.ItemCheckbox",
2281
+ "defaultProps": {},
2282
+ "getStylesLiterals": {
2283
+ "menuitemItemCheckboxVariantRoot": "default",
2284
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2285
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2286
+ "menuitemItemCheckboxVariantText": "default",
2287
+ "menuitemItemCheckboxVariantActiveText": "on",
2288
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2289
+ "menuitemItemCheckboxVariantStartIcon": "default",
2290
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2291
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2292
+ "menuitemItemCheckboxVariantEndIcon": "default",
2293
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2294
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2295
+ },
2296
+ "cxLiterals": [
2297
+ "uds-menu-item-checkbox"
2298
+ ],
2299
+ "internalComponents": [
2300
+ "MenuItemBase"
2301
+ ],
2302
+ "internalComponentProps": {},
2303
+ "propToVariantKeys": {},
2304
+ "motionVarPrefixes": []
2305
+ },
2306
+ "Menu.Provider": {
2307
+ "name": "Menu.Provider",
2308
+ "defaultProps": {},
2309
+ "getStylesLiterals": {},
2310
+ "cxLiterals": [],
2311
+ "internalComponents": [
2312
+ "AriakitMenuProvider",
2313
+ "SpringMotionConfig"
2314
+ ],
2315
+ "internalComponentProps": {},
2316
+ "propToVariantKeys": {},
2317
+ "motionVarPrefixes": [
2318
+ "--uds-motion-subtle-3-",
2319
+ "--uds-motion-smooth-3-"
2320
+ ]
2321
+ },
2741
2322
  "Menu.Trigger": {
2742
2323
  "name": "Menu.Trigger",
2743
2324
  "defaultProps": {},
@@ -2769,101 +2350,523 @@
2769
2350
  "propToVariantKeys": {},
2770
2351
  "motionVarPrefixes": []
2771
2352
  },
2772
- "Menu.Content": {
2773
- "name": "Menu.Content",
2353
+ "Menu": {
2354
+ "name": "Menu",
2355
+ "defaultProps": {},
2356
+ "getStylesLiterals": {},
2357
+ "cxLiterals": [],
2358
+ "internalComponents": [],
2359
+ "internalComponentProps": {},
2360
+ "propToVariantKeys": {},
2361
+ "motionVarPrefixes": []
2362
+ },
2363
+ "Popover": {
2364
+ "name": "Popover",
2365
+ "defaultProps": {},
2366
+ "getStylesLiterals": {},
2367
+ "cxLiterals": [],
2368
+ "internalComponents": [
2369
+ "PopoverInternalContext.Provider",
2370
+ "PopoverProvider"
2371
+ ],
2372
+ "internalComponentProps": {},
2373
+ "propToVariantKeys": {},
2374
+ "motionVarPrefixes": []
2375
+ },
2376
+ "PopoverContent": {
2377
+ "name": "PopoverContent",
2378
+ "defaultProps": {},
2379
+ "getStylesLiterals": {
2380
+ "popoverSizeRoot": "default",
2381
+ "popoverVariantRoot": "default",
2382
+ "display": "flex",
2383
+ "position": "absolute",
2384
+ "spacingTop": "0",
2385
+ "spacingStart": "0",
2386
+ "spacingBottom": "0",
2387
+ "spacingEnd": "0",
2388
+ "popoverSizeSvgBase": "default",
2389
+ "popoverVariantSvgBase": "default",
2390
+ "popoverSizeSvgBorder": "default",
2391
+ "popoverVariantSvgBorder": "default",
2392
+ "popoverVariantBlur": "default",
2393
+ "width": "full",
2394
+ "height": "full",
2395
+ "flexShrink": "0",
2396
+ "borderRadius": "full",
2397
+ "alignItems": "center",
2398
+ "justifyContent": "center",
2399
+ "popoverVariantCloseIcon": "default",
2400
+ "popoverSizeCloseIcon": "default"
2401
+ },
2402
+ "cxLiterals": [
2403
+ "z-[9999]",
2404
+ "outline-none",
2405
+ "focus-visible:outline-none",
2406
+ "uds-bgBlurFillFallback",
2407
+ "uds-bgBlurFallback",
2408
+ "top-0",
2409
+ "left-0",
2410
+ "z-[1]",
2411
+ "duration-0",
2412
+ "duration-120",
2413
+ "transition-[background-color]",
2414
+ "bg-carbon-15/0",
2415
+ "hover:bg-carbon-15/10",
2416
+ "active:bg-carbon-15/15",
2417
+ "uds-ring",
2418
+ "absolute",
2419
+ "z-[4]"
2420
+ ],
2421
+ "internalComponents": [
2422
+ "PopoverDismiss",
2423
+ "IconSlot",
2424
+ "PopoverArrow",
2425
+ "Popover",
2426
+ "SvgFloatingOverlay",
2427
+ "Box",
2428
+ "Pressable"
2429
+ ],
2430
+ "internalComponentProps": {},
2431
+ "propToVariantKeys": {
2432
+ "closeIcon": [
2433
+ "icon"
2434
+ ]
2435
+ },
2436
+ "motionVarPrefixes": []
2437
+ },
2438
+ "PopoverContext": {
2439
+ "name": "PopoverContext",
2440
+ "defaultProps": {},
2441
+ "getStylesLiterals": {},
2442
+ "cxLiterals": [],
2443
+ "internalComponents": [],
2444
+ "internalComponentProps": {},
2445
+ "propToVariantKeys": {},
2446
+ "motionVarPrefixes": []
2447
+ },
2448
+ "PopoverTrigger": {
2449
+ "name": "PopoverTrigger",
2450
+ "defaultProps": {},
2451
+ "getStylesLiterals": {},
2452
+ "cxLiterals": [],
2453
+ "internalComponents": [
2454
+ "PopoverDisclosure"
2455
+ ],
2456
+ "internalComponentProps": {
2457
+ "PopoverDisclosure": {
2458
+ "className": [
2459
+ "inline"
2460
+ ]
2461
+ }
2462
+ },
2463
+ "propToVariantKeys": {
2464
+ "children": [
2465
+ "render"
2466
+ ]
2467
+ },
2468
+ "motionVarPrefixes": []
2469
+ },
2470
+ "UDSPopoverConfigProvider": {
2471
+ "name": "UDSPopoverConfigProvider",
2472
+ "defaultProps": {},
2473
+ "getStylesLiterals": {},
2474
+ "cxLiterals": [],
2475
+ "internalComponents": [
2476
+ "PopoverContext.Provider"
2477
+ ],
2478
+ "internalComponentProps": {},
2479
+ "propToVariantKeys": {},
2480
+ "motionVarPrefixes": []
2481
+ },
2482
+ "Radio": {
2483
+ "name": "Radio",
2774
2484
  "defaultProps": {
2775
- "size": "default",
2776
- "variant": "default",
2777
- "gutter": "1"
2485
+ "labelPosition": "start",
2486
+ "variant": "primary",
2487
+ "size": "md",
2488
+ "value": ""
2489
+ },
2490
+ "getStylesLiterals": {
2491
+ "radioVariantValueRoot": "checked",
2492
+ "radioVariantValueRoot:1": "unchecked",
2493
+ "display": "flex",
2494
+ "flexDirection": "row",
2495
+ "flexDirection:1": "row-reverse",
2496
+ "alignItems": "center",
2497
+ "radioVariantValueRadio": "checked",
2498
+ "radioVariantValueRadio:1": "unchecked",
2499
+ "radioVariantValueRadioCircle": "checked",
2500
+ "radioVariantValueRadioCircle:1": "unchecked"
2501
+ },
2502
+ "cxLiterals": [
2503
+ "cursor-pointer",
2504
+ "cursor-default",
2505
+ "opacity-50",
2506
+ "border",
2507
+ "uds-ring",
2508
+ "uds-ring-within",
2509
+ "transition-[background-color,border-color]",
2510
+ "transition-shadow",
2511
+ "pointer-events-none",
2512
+ "w-[8px]",
2513
+ "h-[8px]",
2514
+ "transition-opacity",
2515
+ "cursor-[inherit]",
2516
+ "absolute",
2517
+ "opacity-0",
2518
+ "top-1/2",
2519
+ "left-1/2",
2520
+ "w-[calc(100%+2px)]",
2521
+ "h-[calc(100%+2px)]",
2522
+ "transform",
2523
+ "translate-x-[-50%]",
2524
+ "translate-y-[-50%]",
2525
+ "text-start",
2526
+ "text-end"
2527
+ ],
2528
+ "internalComponents": [
2529
+ "Box",
2530
+ "FormLabel",
2531
+ "SpringMotionConfig",
2532
+ "RootElement",
2533
+ "MotionBox"
2534
+ ],
2535
+ "internalComponentProps": {
2536
+ "Box": {
2537
+ "borderRadius": [
2538
+ "full"
2539
+ ]
2540
+ },
2541
+ "FormLabel": {
2542
+ "as": [
2543
+ "div"
2544
+ ],
2545
+ "variant": [
2546
+ "inherit"
2547
+ ],
2548
+ "color": [
2549
+ "inherit"
2550
+ ]
2551
+ },
2552
+ "RootElement": {
2553
+ "data-testid": [
2554
+ "container"
2555
+ ]
2556
+ },
2557
+ "MotionBox": {
2558
+ "position": [
2559
+ "relative"
2560
+ ],
2561
+ "borderRadius": [
2562
+ "full"
2563
+ ],
2564
+ "alignItems": [
2565
+ "center"
2566
+ ],
2567
+ "justifyContent": [
2568
+ "center"
2569
+ ],
2570
+ "flex": [
2571
+ "none"
2572
+ ]
2573
+ }
2574
+ },
2575
+ "propToVariantKeys": {
2576
+ "size": [
2577
+ "radioSizeRoot",
2578
+ "radioSizeRadio"
2579
+ ],
2580
+ "variant": [
2581
+ "radioVariantRoot",
2582
+ "radioVariantRadio",
2583
+ "radioVariantRadioCircle"
2584
+ ],
2585
+ "reduceMotion": [
2586
+ "reducedMotion"
2587
+ ]
2588
+ },
2589
+ "motionVarPrefixes": [
2590
+ "--uds-motion-subtle-3-",
2591
+ "--uds-motion-smooth-3-"
2592
+ ]
2593
+ },
2594
+ "RadioGroupProvider": {
2595
+ "name": "RadioGroupProvider",
2596
+ "defaultProps": {},
2597
+ "getStylesLiterals": {},
2598
+ "cxLiterals": [],
2599
+ "internalComponents": [
2600
+ "DivProps",
2601
+ "Comp",
2602
+ "RadioGroupContext.Provider"
2603
+ ],
2604
+ "internalComponentProps": {
2605
+ "Comp": {
2606
+ "role": [
2607
+ "radiogroup"
2608
+ ]
2609
+ }
2610
+ },
2611
+ "propToVariantKeys": {},
2612
+ "motionVarPrefixes": []
2613
+ },
2614
+ "RadioGroupStore": {
2615
+ "name": "RadioGroupStore",
2616
+ "defaultProps": {},
2617
+ "getStylesLiterals": {},
2618
+ "cxLiterals": [],
2619
+ "internalComponents": [],
2620
+ "internalComponentProps": {},
2621
+ "propToVariantKeys": {},
2622
+ "motionVarPrefixes": []
2623
+ },
2624
+ "Toast": {
2625
+ "name": "Toast",
2626
+ "defaultProps": {},
2627
+ "getStylesLiterals": {
2628
+ "className": "flex-none",
2629
+ "spacing": "2",
2630
+ "borderRadius": "full"
2778
2631
  },
2779
- "getStylesLiterals": {},
2780
2632
  "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"
2633
+ "duration-0",
2634
+ "duration-120",
2635
+ "transition-[background-color]",
2636
+ "bg-carbon-15/0",
2637
+ "hover:bg-carbon-15/10",
2638
+ "active:bg-carbon-15/15",
2639
+ "uds-ring"
2792
2640
  ],
2793
2641
  "internalComponents": [
2794
- "AriakitMenu",
2795
- "AnimatePresence",
2796
- "MotionVStack"
2642
+ "IconSlot",
2643
+ "ToastContainer",
2644
+ "Text",
2645
+ "Button",
2646
+ "Pressable"
2797
2647
  ],
2798
2648
  "internalComponentProps": {},
2799
2649
  "propToVariantKeys": {
2800
2650
  "size": [
2801
- "menucontentSizeRoot"
2651
+ "toastSizeLabel",
2652
+ "toastSizeIcon",
2653
+ "toastSizeActionButton",
2654
+ "toastSizeCloseIcon"
2802
2655
  ],
2803
2656
  "variant": [
2804
- "menucontentVariantRoot"
2657
+ "toastVariantIcon",
2658
+ "toastVariantActionButton",
2659
+ "toastVariantCloseIcon"
2660
+ ],
2661
+ "closeIcon": [
2662
+ "icon"
2663
+ ],
2664
+ "onClickActionButton": [
2665
+ "onClick"
2805
2666
  ]
2806
2667
  },
2807
2668
  "motionVarPrefixes": []
2808
2669
  },
2809
- "Menu.Divider": {
2810
- "name": "Menu.Divider",
2811
- "defaultProps": {
2812
- "role": "separator",
2813
- "contentPosition": "start",
2814
- "gap": "4"
2815
- },
2670
+ "ToastContainer": {
2671
+ "name": "ToastContainer",
2672
+ "defaultProps": {},
2816
2673
  "getStylesLiterals": {
2817
- "menuitemDividerVariantRoot": "default",
2818
- "menuitemDividerVariantText": "default",
2819
- "menuitemDividerVariantLine": "default"
2674
+ "position": "relative",
2675
+ "alignItems": "center",
2676
+ "display": "flex",
2677
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2820
2678
  },
2821
- "cxLiterals": [],
2679
+ "cxLiterals": [
2680
+ "w-full"
2681
+ ],
2822
2682
  "internalComponents": [
2823
- "DividerInternal"
2683
+ "HStack"
2824
2684
  ],
2825
2685
  "internalComponentProps": {
2826
- "DividerInternal": {
2827
- "variant": [
2828
- "inherit"
2686
+ "HStack": {
2687
+ "alignItems": [
2688
+ "center"
2689
+ ],
2690
+ "justifyContent": [
2691
+ "space-between"
2692
+ ],
2693
+ "overflow": [
2694
+ "hidden"
2695
+ ],
2696
+ "position": [
2697
+ "relative"
2829
2698
  ]
2830
2699
  }
2831
2700
  },
2701
+ "propToVariantKeys": {
2702
+ "variant": [
2703
+ "toastVariantRoot"
2704
+ ],
2705
+ "size": [
2706
+ "toastSizeRoot"
2707
+ ]
2708
+ },
2709
+ "motionVarPrefixes": []
2710
+ },
2711
+ "ToastPortal": {
2712
+ "name": "ToastPortal",
2713
+ "defaultProps": {},
2714
+ "getStylesLiterals": {},
2715
+ "cxLiterals": [],
2716
+ "internalComponents": [
2717
+ "ReactToastifyToastContainer"
2718
+ ],
2719
+ "internalComponentProps": {},
2832
2720
  "propToVariantKeys": {},
2833
2721
  "motionVarPrefixes": []
2834
2722
  },
2835
- "Menu": {
2836
- "name": "Menu",
2723
+ "UDSToastConfigProvider": {
2724
+ "name": "UDSToastConfigProvider",
2837
2725
  "defaultProps": {},
2838
2726
  "getStylesLiterals": {},
2839
2727
  "cxLiterals": [],
2840
- "internalComponents": [],
2728
+ "internalComponents": [
2729
+ "ToastContext.Provider"
2730
+ ],
2841
2731
  "internalComponentProps": {},
2842
2732
  "propToVariantKeys": {},
2843
2733
  "motionVarPrefixes": []
2844
2734
  },
2845
- "Menu.ItemCheckbox": {
2846
- "name": "Menu.ItemCheckbox",
2735
+ "Tooltip": {
2736
+ "name": "Tooltip",
2737
+ "defaultProps": {},
2738
+ "getStylesLiterals": {},
2739
+ "cxLiterals": [],
2740
+ "internalComponents": [
2741
+ "TooltipInternalContext.Provider",
2742
+ "TooltipProvider"
2743
+ ],
2744
+ "internalComponentProps": {},
2745
+ "propToVariantKeys": {},
2746
+ "motionVarPrefixes": []
2747
+ },
2748
+ "TooltipContent": {
2749
+ "name": "TooltipContent",
2847
2750
  "defaultProps": {},
2848
2751
  "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"
2752
+ "tooltipSizeRoot": "default",
2753
+ "tooltipVariantRoot": "default",
2754
+ "tooltipSizeSvg": "default",
2755
+ "tooltipVariantSvg": "default",
2756
+ "tooltipVariantBlur": "default",
2757
+ "position": "absolute",
2758
+ "width": "full",
2759
+ "height": "full",
2760
+ "tooltipSizeTitle": "default",
2761
+ "tooltipSizeBody": "default",
2762
+ "tooltipSizeEndContent": "default",
2763
+ "tooltipSizeIcon": "default",
2764
+ "tooltipVariantIcon": "default"
2861
2765
  },
2862
2766
  "cxLiterals": [
2863
- "uds-menu-item-checkbox"
2767
+ "max-w-lg",
2768
+ "flex",
2769
+ "z-[9999]",
2770
+ "uds-bgBlurFillFallback",
2771
+ "uds-bgBlurFallback",
2772
+ "top-0",
2773
+ "left-0",
2774
+ "z-[1]"
2864
2775
  ],
2865
2776
  "internalComponents": [
2866
- "MenuItemBase"
2777
+ "IconSlot",
2778
+ "TooltipArrow",
2779
+ "Tooltip",
2780
+ "SvgFloatingOverlay",
2781
+ "VStack",
2782
+ "Box",
2783
+ "Text"
2784
+ ],
2785
+ "internalComponentProps": {
2786
+ "VStack": {
2787
+ "className": [
2788
+ "gap-[inherit]"
2789
+ ]
2790
+ },
2791
+ "Box": {
2792
+ "alignItems": [
2793
+ "center"
2794
+ ],
2795
+ "columnGap": [
2796
+ "1",
2797
+ "1.5"
2798
+ ]
2799
+ },
2800
+ "Text": {
2801
+ "color": [
2802
+ "inherit"
2803
+ ]
2804
+ }
2805
+ },
2806
+ "propToVariantKeys": {
2807
+ "startTitleIcon": [
2808
+ "icon"
2809
+ ]
2810
+ },
2811
+ "motionVarPrefixes": []
2812
+ },
2813
+ "TooltipTrigger": {
2814
+ "name": "TooltipTrigger",
2815
+ "defaultProps": {},
2816
+ "getStylesLiterals": {},
2817
+ "cxLiterals": [],
2818
+ "internalComponents": [
2819
+ "TooltipAnchor"
2820
+ ],
2821
+ "internalComponentProps": {
2822
+ "TooltipAnchor": {
2823
+ "className": [
2824
+ "inline"
2825
+ ]
2826
+ }
2827
+ },
2828
+ "propToVariantKeys": {
2829
+ "children": [
2830
+ "render"
2831
+ ]
2832
+ },
2833
+ "motionVarPrefixes": []
2834
+ },
2835
+ "UDSTooltipConfigProvider": {
2836
+ "name": "UDSTooltipConfigProvider",
2837
+ "defaultProps": {},
2838
+ "getStylesLiterals": {},
2839
+ "cxLiterals": [],
2840
+ "internalComponents": [
2841
+ "TooltipContext.Provider"
2842
+ ],
2843
+ "internalComponentProps": {},
2844
+ "propToVariantKeys": {},
2845
+ "motionVarPrefixes": []
2846
+ },
2847
+ "UDSBreakpointsConfigProvider": {
2848
+ "name": "UDSBreakpointsConfigProvider",
2849
+ "defaultProps": {},
2850
+ "getStylesLiterals": {},
2851
+ "cxLiterals": [],
2852
+ "internalComponents": [
2853
+ "UDSBreakpointsConfigContext.Provider"
2854
+ ],
2855
+ "internalComponentProps": {},
2856
+ "propToVariantKeys": {},
2857
+ "motionVarPrefixes": []
2858
+ },
2859
+ "UDSConfigProvider": {
2860
+ "name": "UDSConfigProvider",
2861
+ "defaultProps": {},
2862
+ "getStylesLiterals": {},
2863
+ "cxLiterals": [],
2864
+ "internalComponents": [
2865
+ "UDSBreakpointsConfigProvider",
2866
+ "UDSBottomSheetConfigProvider",
2867
+ "UDSToastConfigProvider",
2868
+ "UDSTooltipConfigProvider",
2869
+ "UDSPopoverConfigProvider"
2867
2870
  ],
2868
2871
  "internalComponentProps": {},
2869
2872
  "propToVariantKeys": {},