@yahoo/uds 3.116.0 → 3.116.2

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 (37) hide show
  1. package/dist/components/client/BottomSheet/BottomSheet.cjs +37 -8
  2. package/dist/components/client/BottomSheet/BottomSheet.js +38 -9
  3. package/dist/components/client/BottomSheet/BottomSheetContent.cjs +4 -2
  4. package/dist/components/client/BottomSheet/BottomSheetContent.js +4 -2
  5. package/dist/components/client/BottomSheet/BottomSheetInternalContext.cjs +15 -0
  6. package/dist/components/client/BottomSheet/BottomSheetInternalContext.d.cts +12 -0
  7. package/dist/components/client/BottomSheet/BottomSheetInternalContext.d.ts +12 -0
  8. package/dist/components/client/BottomSheet/BottomSheetInternalContext.js +12 -0
  9. package/dist/styles/styler.d.cts +19 -19
  10. package/dist/styles/styler.d.ts +19 -19
  11. package/dist/tailwind/dist/css/generate.cjs +6 -0
  12. package/dist/tailwind/dist/css/generate.helpers.cjs +5 -1
  13. package/dist/tailwind/dist/css/generate.helpers.js +5 -1
  14. package/dist/tailwind/dist/css/generate.js +6 -0
  15. package/dist/tailwind/dist/css/nodeUtils.cjs +2 -1
  16. package/dist/tailwind/dist/css/nodeUtils.js +2 -1
  17. package/dist/tailwind/dist/css/postcss.cjs +1 -1
  18. package/dist/tailwind/dist/css/postcss.helpers.cjs +8 -6
  19. package/dist/tailwind/dist/css/postcss.helpers.js +8 -6
  20. package/dist/tailwind/dist/css/postcss.js +1 -1
  21. package/dist/tailwind/dist/purger/optimized/ast/expressions.cjs +103 -1
  22. package/dist/tailwind/dist/purger/optimized/ast/expressions.js +102 -2
  23. package/dist/tailwind/dist/purger/optimized/ast/jsx.cjs +7 -1
  24. package/dist/tailwind/dist/purger/optimized/ast/jsx.js +7 -1
  25. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +18 -13
  26. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +18 -13
  27. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +2 -1
  28. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +2 -1
  29. package/dist/uds/generated/componentData.cjs +825 -806
  30. package/dist/uds/generated/componentData.js +799 -786
  31. package/dist/uds/generated/tailwindPurge.cjs +7 -7
  32. package/dist/uds/generated/tailwindPurge.js +7 -7
  33. package/dist/uds/package.cjs +1 -1
  34. package/dist/uds/package.js +1 -1
  35. package/generated/componentData.json +1122 -1107
  36. package/generated/tailwindPurge.ts +2 -2
  37. package/package.json +2 -2
@@ -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,56 @@
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
+ },
153
+ "FormLabel": {
154
+ "name": "FormLabel",
155
+ "defaultProps": {
156
+ "color": "muted",
157
+ "variant": "label3",
158
+ "as": "label"
159
+ },
160
+ "getStylesLiterals": {},
161
+ "cxLiterals": [
162
+ "cursor-[inherit]"
163
+ ],
164
+ "internalComponents": [
165
+ "Text"
166
+ ],
167
+ "internalComponentProps": {
168
+ "Text": {
169
+ "as": [
170
+ "sup"
171
+ ],
172
+ "variant": [
173
+ "inherit"
174
+ ],
175
+ "spacingStart": [
176
+ "0.5"
177
+ ]
178
+ }
179
+ },
180
+ "propToVariantKeys": {},
181
+ "motionVarPrefixes": []
182
+ },
205
183
  "Text": {
206
184
  "name": "Text",
207
185
  "defaultProps": {
@@ -226,8 +204,20 @@
226
204
  },
227
205
  "motionVarPrefixes": []
228
206
  },
229
- "VStack": {
230
- "name": "VStack",
207
+ "IconSlot": {
208
+ "name": "IconSlot",
209
+ "defaultProps": {},
210
+ "getStylesLiterals": {},
211
+ "cxLiterals": [],
212
+ "internalComponents": [
213
+ "Icon"
214
+ ],
215
+ "internalComponentProps": {},
216
+ "propToVariantKeys": {},
217
+ "motionVarPrefixes": []
218
+ },
219
+ "HStack": {
220
+ "name": "HStack",
231
221
  "defaultProps": {},
232
222
  "getStylesLiterals": {},
233
223
  "cxLiterals": [],
@@ -237,26 +227,24 @@
237
227
  "internalComponentProps": {
238
228
  "Box": {
239
229
  "flexDirection": [
240
- "column"
230
+ "row"
241
231
  ]
242
232
  }
243
233
  },
244
234
  "propToVariantKeys": {
245
235
  "gap": [
246
- "columnGap",
247
- "rowGap"
236
+ "rowGap",
237
+ "columnGap"
248
238
  ]
249
239
  },
250
240
  "motionVarPrefixes": []
251
241
  },
252
- "Divider": {
253
- "name": "Divider",
242
+ "Image": {
243
+ "name": "Image",
254
244
  "defaultProps": {},
255
245
  "getStylesLiterals": {},
256
246
  "cxLiterals": [],
257
- "internalComponents": [
258
- "DividerInternal"
259
- ],
247
+ "internalComponents": [],
260
248
  "internalComponentProps": {},
261
249
  "propToVariantKeys": {},
262
250
  "motionVarPrefixes": []
@@ -329,34 +317,15 @@
329
317
  },
330
318
  "motionVarPrefixes": []
331
319
  },
332
- "Spinner": {
333
- "name": "Spinner",
334
- "defaultProps": {
335
- "color": "primary",
336
- "size": "lg"
337
- },
320
+ "Divider": {
321
+ "name": "Divider",
322
+ "defaultProps": {},
338
323
  "getStylesLiterals": {},
339
- "cxLiterals": [
340
- "self-center",
341
- "relative",
342
- "sr-only"
343
- ],
324
+ "cxLiterals": [],
344
325
  "internalComponents": [
345
- "Icon"
326
+ "DividerInternal"
346
327
  ],
347
- "internalComponentProps": {
348
- "Icon": {
349
- "role": [
350
- "img"
351
- ],
352
- "className": [
353
- "animate-spin"
354
- ],
355
- "aria-hidden": [
356
- "true"
357
- ]
358
- }
359
- },
328
+ "internalComponentProps": {},
360
329
  "propToVariantKeys": {},
361
330
  "motionVarPrefixes": []
362
331
  },
@@ -406,85 +375,35 @@
406
375
  "propToVariantKeys": {},
407
376
  "motionVarPrefixes": []
408
377
  },
409
- "AnimateHeightChange": {
410
- "name": "AnimateHeightChange",
411
- "defaultProps": {},
412
- "getStylesLiterals": {},
413
- "cxLiterals": [
414
- "overflow-hidden"
415
- ],
416
- "internalComponents": [
417
- "SpringMotionConfig"
418
- ],
419
- "internalComponentProps": {
420
- "SpringMotionConfig": {
421
- "layoutSpeed": [
422
- "4"
423
- ]
424
- }
425
- },
426
- "propToVariantKeys": {
427
- "reduceMotion": [
428
- "reducedMotion"
429
- ]
430
- },
431
- "motionVarPrefixes": [
432
- "--uds-motion-subtle-4-",
433
- "--uds-motion-smooth-3-"
434
- ]
435
- },
436
- "Badge": {
437
- "name": "Badge",
378
+ "Spinner": {
379
+ "name": "Spinner",
438
380
  "defaultProps": {
439
- "variant": "primary",
440
- "size": "md"
381
+ "color": "primary",
382
+ "size": "lg"
441
383
  },
442
384
  "getStylesLiterals": {},
443
385
  "cxLiterals": [
444
- "flex-1",
445
- "truncate",
446
- "whitespace-nowrap",
447
- "text-center"
386
+ "self-center",
387
+ "relative",
388
+ "sr-only"
448
389
  ],
449
390
  "internalComponents": [
450
- "IconSlot",
451
- "HStack"
391
+ "Icon"
452
392
  ],
453
393
  "internalComponentProps": {
454
- "IconSlot": {
455
- "data-testid": [
456
- "start-icon",
457
- "end-icon"
458
- ]
459
- },
460
- "HStack": {
461
- "gap": [
462
- "2"
394
+ "Icon": {
395
+ "role": [
396
+ "img"
463
397
  ],
464
- "display": [
465
- "inline-flex"
398
+ "className": [
399
+ "animate-spin"
466
400
  ],
467
- "alignItems": [
468
- "center"
401
+ "aria-hidden": [
402
+ "true"
469
403
  ]
470
404
  }
471
405
  },
472
- "propToVariantKeys": {
473
- "size": [
474
- "badgeSizeRoot",
475
- "badgeSizeIcon"
476
- ],
477
- "variant": [
478
- "badgeVariantRoot",
479
- "badgeVariantIcon"
480
- ],
481
- "startIcon": [
482
- "icon"
483
- ],
484
- "endIcon": [
485
- "icon"
486
- ]
487
- },
406
+ "propToVariantKeys": {},
488
407
  "motionVarPrefixes": []
489
408
  },
490
409
  "Button": {
@@ -674,6 +593,25 @@
674
593
  "--uds-motion-smooth-3-"
675
594
  ]
676
595
  },
596
+ "SpringMotionConfig": {
597
+ "name": "SpringMotionConfig",
598
+ "defaultProps": {
599
+ "reducedMotion": "user"
600
+ },
601
+ "getStylesLiterals": {},
602
+ "cxLiterals": [],
603
+ "internalComponents": [
604
+ "LazyMotion",
605
+ "MotionConfig"
606
+ ],
607
+ "internalComponentProps": {},
608
+ "propToVariantKeys": {
609
+ "loadFeatures": [
610
+ "features"
611
+ ]
612
+ },
613
+ "motionVarPrefixes": []
614
+ },
677
615
  "IconButton": {
678
616
  "name": "IconButton",
679
617
  "defaultProps": {
@@ -738,37 +676,6 @@
738
676
  "--uds-motion-smooth-3-"
739
677
  ]
740
678
  },
741
- "Pressable": {
742
- "name": "Pressable",
743
- "defaultProps": {},
744
- "getStylesLiterals": {},
745
- "cxLiterals": [],
746
- "internalComponents": [
747
- "Comp"
748
- ],
749
- "internalComponentProps": {},
750
- "propToVariantKeys": {},
751
- "motionVarPrefixes": []
752
- },
753
- "SpringMotionConfig": {
754
- "name": "SpringMotionConfig",
755
- "defaultProps": {
756
- "reducedMotion": "user"
757
- },
758
- "getStylesLiterals": {},
759
- "cxLiterals": [],
760
- "internalComponents": [
761
- "LazyMotion",
762
- "MotionConfig"
763
- ],
764
- "internalComponentProps": {},
765
- "propToVariantKeys": {
766
- "loadFeatures": [
767
- "features"
768
- ]
769
- },
770
- "motionVarPrefixes": []
771
- },
772
679
  "Switch": {
773
680
  "name": "Switch",
774
681
  "defaultProps": {
@@ -883,207 +790,106 @@
883
790
  "--uds-motion-smooth-3-"
884
791
  ]
885
792
  },
886
- "Accordion": {
887
- "name": "Accordion",
793
+ "Badge": {
794
+ "name": "Badge",
888
795
  "defaultProps": {
889
- "spacingHorizontal": "4",
890
- "spacingVertical": "4"
796
+ "variant": "primary",
797
+ "size": "md"
891
798
  },
892
799
  "getStylesLiterals": {},
893
800
  "cxLiterals": [
894
- "hover:bg-secondary/80",
895
- "w-full"
801
+ "flex-1",
802
+ "truncate",
803
+ "whitespace-nowrap",
804
+ "text-center"
896
805
  ],
897
806
  "internalComponents": [
898
- "Icon",
899
- "SpringMotionConfig",
900
- "Pressable",
901
- "Text",
902
- "HStack",
903
- "AnimatePresence",
904
- "VStack"
807
+ "IconSlot",
808
+ "HStack"
905
809
  ],
906
810
  "internalComponentProps": {
907
- "Icon": {
908
- "variant": [
909
- "fill"
910
- ],
911
- "size": [
912
- "sm"
913
- ],
914
- "color": [
915
- "primary"
916
- ]
917
- },
918
- "SpringMotionConfig": {
919
- "layoutVariant": [
920
- "smooth"
921
- ],
922
- "layoutSpeed": [
923
- "3"
924
- ]
925
- },
926
- "Pressable": {
927
- "display": [
928
- "flex"
929
- ],
930
- "flexDirection": [
931
- "row"
932
- ],
933
- "alignItems": [
934
- "center"
935
- ],
936
- "justifyContent": [
937
- "space-between"
938
- ],
939
- "borderRadius": [
940
- "md"
941
- ]
942
- },
943
- "Text": {
944
- "variant": [
945
- "title4"
946
- ],
947
- "color": [
948
- "primary"
811
+ "IconSlot": {
812
+ "data-testid": [
813
+ "start-icon",
814
+ "end-icon"
949
815
  ]
950
816
  },
951
817
  "HStack": {
818
+ "gap": [
819
+ "2"
820
+ ],
952
821
  "display": [
953
- "flex"
822
+ "inline-flex"
954
823
  ],
955
824
  "alignItems": [
956
825
  "center"
957
- ],
958
- "justifyContent": [
959
- "space-between"
960
- ],
961
- "columnGap": [
962
- "2.5"
963
826
  ]
964
827
  }
965
828
  },
966
- "propToVariantKeys": {},
967
- "motionVarPrefixes": [
968
- "--uds-motion-smooth-3-"
969
- ]
829
+ "propToVariantKeys": {
830
+ "size": [
831
+ "badgeSizeRoot",
832
+ "badgeSizeIcon"
833
+ ],
834
+ "variant": [
835
+ "badgeVariantRoot",
836
+ "badgeVariantIcon"
837
+ ],
838
+ "startIcon": [
839
+ "icon"
840
+ ],
841
+ "endIcon": [
842
+ "icon"
843
+ ]
844
+ },
845
+ "motionVarPrefixes": []
970
846
  },
971
- "AvoidMotionLibraryProvider": {
972
- "name": "AvoidMotionLibraryProvider",
973
- "defaultProps": {},
974
- "getStylesLiterals": {},
975
- "cxLiterals": [],
976
- "internalComponents": [],
977
- "internalComponentProps": {},
978
- "propToVariantKeys": {},
979
- "motionVarPrefixes": []
980
- },
981
- "Modal": {
982
- "name": "Modal",
847
+ "AnimateHeightChange": {
848
+ "name": "AnimateHeightChange",
983
849
  "defaultProps": {},
984
850
  "getStylesLiterals": {},
985
851
  "cxLiterals": [
986
- "inset-8",
987
- "top-[250px]",
988
- "z-50",
989
- "mx-auto",
990
- "h-fit",
991
- "w-[600px]",
992
- "origin-center",
993
- "scale-95",
994
- "opacity-0",
995
- "transition",
996
- "duration-150",
997
- "data-[enter]:scale-100",
998
- "data-[enter]:opacity-100",
999
- "data-[enter]:bg-primary",
1000
- "backdrop-blur-0",
1001
- "data-[enter]:opacity-60",
1002
- "data-[enter]:backdrop-blur-sm"
852
+ "overflow-hidden"
1003
853
  ],
1004
854
  "internalComponents": [
1005
- "IconButton",
1006
- "Dialog",
1007
- "HStack",
1008
- "Text",
1009
- "VStack"
855
+ "SpringMotionConfig"
1010
856
  ],
1011
857
  "internalComponentProps": {
1012
- "IconButton": {
1013
- "aria-label": [
1014
- "Close"
1015
- ],
1016
- "size": [
1017
- "sm"
1018
- ],
1019
- "variant": [
1020
- "tertiary"
1021
- ]
1022
- },
1023
- "HStack": {
1024
- "alignItems": [
1025
- "center"
1026
- ],
1027
- "justifyContent": [
1028
- "space-between"
1029
- ]
1030
- },
1031
- "Text": {
1032
- "variant": [
1033
- "headline1"
1034
- ],
1035
- "color": [
1036
- "primary"
1037
- ]
1038
- },
1039
- "VStack": {
1040
- "borderRadius": [
1041
- "md"
1042
- ],
1043
- "position": [
1044
- "fixed"
1045
- ],
1046
- "backgroundColor": [
1047
- "primary"
1048
- ],
1049
- "dropShadow": [
1050
- "md"
1051
- ],
1052
- "spacing": [
1053
- "8"
1054
- ],
1055
- "overflow": [
1056
- "hidden"
858
+ "SpringMotionConfig": {
859
+ "layoutSpeed": [
860
+ "4"
1057
861
  ]
1058
862
  }
1059
863
  },
1060
864
  "propToVariantKeys": {
1061
- "handleClose": [
1062
- "onClick"
865
+ "reduceMotion": [
866
+ "reducedMotion"
1063
867
  ]
1064
868
  },
1065
- "motionVarPrefixes": []
869
+ "motionVarPrefixes": [
870
+ "--uds-motion-subtle-4-",
871
+ "--uds-motion-smooth-3-"
872
+ ]
1066
873
  },
1067
- "Popover": {
1068
- "name": "Popover",
874
+ "Pressable": {
875
+ "name": "Pressable",
1069
876
  "defaultProps": {},
1070
877
  "getStylesLiterals": {},
1071
878
  "cxLiterals": [],
1072
879
  "internalComponents": [
1073
- "HStack",
1074
- "Text",
1075
- "OriginalPopoverHeading"
880
+ "Comp"
1076
881
  ],
1077
- "internalComponentProps": {
1078
- "Text": {
1079
- "variant": [
1080
- "headline1"
1081
- ],
1082
- "color": [
1083
- "primary"
1084
- ]
1085
- }
1086
- },
882
+ "internalComponentProps": {},
883
+ "propToVariantKeys": {},
884
+ "motionVarPrefixes": []
885
+ },
886
+ "AvoidMotionLibraryProvider": {
887
+ "name": "AvoidMotionLibraryProvider",
888
+ "defaultProps": {},
889
+ "getStylesLiterals": {},
890
+ "cxLiterals": [],
891
+ "internalComponents": [],
892
+ "internalComponentProps": {},
1087
893
  "propToVariantKeys": {},
1088
894
  "motionVarPrefixes": []
1089
895
  },
@@ -1169,6 +975,29 @@
1169
975
  },
1170
976
  "motionVarPrefixes": []
1171
977
  },
978
+ "Popover": {
979
+ "name": "Popover",
980
+ "defaultProps": {},
981
+ "getStylesLiterals": {},
982
+ "cxLiterals": [],
983
+ "internalComponents": [
984
+ "HStack",
985
+ "Text",
986
+ "OriginalPopoverHeading"
987
+ ],
988
+ "internalComponentProps": {
989
+ "Text": {
990
+ "variant": [
991
+ "headline1"
992
+ ],
993
+ "color": [
994
+ "primary"
995
+ ]
996
+ }
997
+ },
998
+ "propToVariantKeys": {},
999
+ "motionVarPrefixes": []
1000
+ },
1172
1001
  "SwitchV2": {
1173
1002
  "name": "SwitchV2",
1174
1003
  "defaultProps": {
@@ -1356,57 +1185,187 @@
1356
1185
  "propToVariantKeys": {},
1357
1186
  "motionVarPrefixes": []
1358
1187
  },
1359
- "Avatar": {
1360
- "name": "Avatar",
1188
+ "Modal": {
1189
+ "name": "Modal",
1361
1190
  "defaultProps": {},
1362
1191
  "getStylesLiterals": {},
1363
- "cxLiterals": [],
1364
- "internalComponents": [
1365
- "AvatarImage"
1366
- ],
1367
- "internalComponentProps": {},
1368
- "propToVariantKeys": {},
1369
- "motionVarPrefixes": []
1370
- },
1371
- "AvatarIcon": {
1372
- "name": "AvatarIcon",
1373
- "defaultProps": {
1374
- "size": "md",
1375
- "variant": "primary"
1376
- },
1377
- "getStylesLiterals": {},
1378
1192
  "cxLiterals": [
1379
- "overflow-hidden",
1380
- "w-full",
1381
- "h-full",
1382
- "shrink-0",
1383
- "text-center",
1384
- "inline-flex",
1385
- "justify-center",
1386
- "items-center"
1193
+ "inset-8",
1194
+ "top-[250px]",
1195
+ "z-50",
1196
+ "mx-auto",
1197
+ "h-fit",
1198
+ "w-[600px]",
1199
+ "origin-center",
1200
+ "scale-95",
1201
+ "opacity-0",
1202
+ "transition",
1203
+ "duration-150",
1204
+ "data-[enter]:scale-100",
1205
+ "data-[enter]:opacity-100",
1206
+ "data-[enter]:bg-primary",
1207
+ "backdrop-blur-0",
1208
+ "data-[enter]:opacity-60",
1209
+ "data-[enter]:backdrop-blur-sm"
1387
1210
  ],
1388
1211
  "internalComponents": [
1389
- "IconSlot",
1390
- "Box"
1212
+ "IconButton",
1213
+ "Dialog",
1214
+ "HStack",
1215
+ "Text",
1216
+ "VStack"
1391
1217
  ],
1392
- "internalComponentProps": {},
1218
+ "internalComponentProps": {
1219
+ "IconButton": {
1220
+ "aria-label": [
1221
+ "Close"
1222
+ ],
1223
+ "size": [
1224
+ "sm"
1225
+ ],
1226
+ "variant": [
1227
+ "tertiary"
1228
+ ]
1229
+ },
1230
+ "HStack": {
1231
+ "alignItems": [
1232
+ "center"
1233
+ ],
1234
+ "justifyContent": [
1235
+ "space-between"
1236
+ ]
1237
+ },
1238
+ "Text": {
1239
+ "variant": [
1240
+ "headline1"
1241
+ ],
1242
+ "color": [
1243
+ "primary"
1244
+ ]
1245
+ },
1246
+ "VStack": {
1247
+ "borderRadius": [
1248
+ "md"
1249
+ ],
1250
+ "position": [
1251
+ "fixed"
1252
+ ],
1253
+ "backgroundColor": [
1254
+ "primary"
1255
+ ],
1256
+ "dropShadow": [
1257
+ "md"
1258
+ ],
1259
+ "spacing": [
1260
+ "8"
1261
+ ],
1262
+ "overflow": [
1263
+ "hidden"
1264
+ ]
1265
+ }
1266
+ },
1393
1267
  "propToVariantKeys": {
1394
- "size": [
1395
- "avatarSizeIcon"
1268
+ "handleClose": [
1269
+ "onClick"
1396
1270
  ]
1397
1271
  },
1398
1272
  "motionVarPrefixes": []
1399
1273
  },
1400
- "AvatarImage": {
1401
- "name": "AvatarImage",
1274
+ "Accordion": {
1275
+ "name": "Accordion",
1402
1276
  "defaultProps": {
1403
- "size": "md",
1404
- "variant": "primary"
1277
+ "spacingHorizontal": "4",
1278
+ "spacingVertical": "4"
1405
1279
  },
1406
1280
  "getStylesLiterals": {},
1407
1281
  "cxLiterals": [
1408
- "overflow-hidden",
1409
- "w-full",
1282
+ "hover:bg-secondary/80",
1283
+ "w-full"
1284
+ ],
1285
+ "internalComponents": [
1286
+ "Icon",
1287
+ "SpringMotionConfig",
1288
+ "Pressable",
1289
+ "Text",
1290
+ "HStack",
1291
+ "AnimatePresence",
1292
+ "VStack"
1293
+ ],
1294
+ "internalComponentProps": {
1295
+ "Icon": {
1296
+ "variant": [
1297
+ "fill"
1298
+ ],
1299
+ "size": [
1300
+ "sm"
1301
+ ],
1302
+ "color": [
1303
+ "primary"
1304
+ ]
1305
+ },
1306
+ "SpringMotionConfig": {
1307
+ "layoutVariant": [
1308
+ "smooth"
1309
+ ],
1310
+ "layoutSpeed": [
1311
+ "3"
1312
+ ]
1313
+ },
1314
+ "Pressable": {
1315
+ "display": [
1316
+ "flex"
1317
+ ],
1318
+ "flexDirection": [
1319
+ "row"
1320
+ ],
1321
+ "alignItems": [
1322
+ "center"
1323
+ ],
1324
+ "justifyContent": [
1325
+ "space-between"
1326
+ ],
1327
+ "borderRadius": [
1328
+ "md"
1329
+ ]
1330
+ },
1331
+ "Text": {
1332
+ "variant": [
1333
+ "title4"
1334
+ ],
1335
+ "color": [
1336
+ "primary"
1337
+ ]
1338
+ },
1339
+ "HStack": {
1340
+ "display": [
1341
+ "flex"
1342
+ ],
1343
+ "alignItems": [
1344
+ "center"
1345
+ ],
1346
+ "justifyContent": [
1347
+ "space-between"
1348
+ ],
1349
+ "columnGap": [
1350
+ "2.5"
1351
+ ]
1352
+ }
1353
+ },
1354
+ "propToVariantKeys": {},
1355
+ "motionVarPrefixes": [
1356
+ "--uds-motion-smooth-3-"
1357
+ ]
1358
+ },
1359
+ "AvatarImage": {
1360
+ "name": "AvatarImage",
1361
+ "defaultProps": {
1362
+ "size": "md",
1363
+ "variant": "primary"
1364
+ },
1365
+ "getStylesLiterals": {},
1366
+ "cxLiterals": [
1367
+ "overflow-hidden",
1368
+ "w-full",
1410
1369
  "h-full",
1411
1370
  "shrink-0",
1412
1371
  "text-center",
@@ -1467,59 +1426,43 @@
1467
1426
  "propToVariantKeys": {},
1468
1427
  "motionVarPrefixes": []
1469
1428
  },
1470
- "BottomSheet": {
1471
- "name": "BottomSheet",
1429
+ "Avatar": {
1430
+ "name": "Avatar",
1431
+ "defaultProps": {},
1432
+ "getStylesLiterals": {},
1433
+ "cxLiterals": [],
1434
+ "internalComponents": [
1435
+ "AvatarImage"
1436
+ ],
1437
+ "internalComponentProps": {},
1438
+ "propToVariantKeys": {},
1439
+ "motionVarPrefixes": []
1440
+ },
1441
+ "AvatarIcon": {
1442
+ "name": "AvatarIcon",
1472
1443
  "defaultProps": {
1473
- "variant": "default"
1444
+ "size": "md",
1445
+ "variant": "primary"
1474
1446
  },
1475
1447
  "getStylesLiterals": {},
1476
1448
  "cxLiterals": [
1477
- "fixed",
1478
1449
  "overflow-hidden",
1479
- "inset-x-0",
1480
- "bottom-0",
1481
- "z-50",
1482
- "[will-change:transform]",
1483
- "touch-none",
1484
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1485
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1486
- "transition-transform",
1487
- "duration-500",
1488
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1489
- "motion-reduce:transition-none",
1490
- "top-[-4px]",
1491
- "z-[1]",
1492
- "touch-pan-y"
1450
+ "w-full",
1451
+ "h-full",
1452
+ "shrink-0",
1453
+ "text-center",
1454
+ "inline-flex",
1455
+ "justify-center",
1456
+ "items-center"
1493
1457
  ],
1494
1458
  "internalComponents": [
1495
- "Scrim",
1496
- "BottomSheetHandle",
1497
- "Dialog",
1459
+ "IconSlot",
1498
1460
  "Box"
1499
1461
  ],
1500
- "internalComponentProps": {
1501
- "BottomSheetHandle": {
1502
- "ariaLabel": [
1503
- "Resize sheet"
1504
- ]
1505
- },
1506
- "Dialog": {
1507
- "data-testid": [
1508
- "bottom-sheet"
1509
- ]
1510
- },
1511
- "Box": {
1512
- "display": [
1513
- "block"
1514
- ],
1515
- "position": [
1516
- "absolute"
1517
- ]
1518
- }
1519
- },
1462
+ "internalComponentProps": {},
1520
1463
  "propToVariantKeys": {
1521
- "variant": [
1522
- "bottomsheetVariantRoot"
1464
+ "size": [
1465
+ "avatarSizeIcon"
1523
1466
  ]
1524
1467
  },
1525
1468
  "motionVarPrefixes": []
@@ -1541,9 +1484,6 @@
1541
1484
  "display": [
1542
1485
  "block"
1543
1486
  ],
1544
- "overflowY": [
1545
- "auto"
1546
- ],
1547
1487
  "flex": [
1548
1488
  "1"
1549
1489
  ]
@@ -1569,6 +1509,71 @@
1569
1509
  "propToVariantKeys": {},
1570
1510
  "motionVarPrefixes": []
1571
1511
  },
1512
+ "BottomSheet": {
1513
+ "name": "BottomSheet",
1514
+ "defaultProps": {
1515
+ "variant": "default"
1516
+ },
1517
+ "getStylesLiterals": {},
1518
+ "cxLiterals": [
1519
+ "fixed",
1520
+ "overflow-hidden",
1521
+ "inset-x-0",
1522
+ "bottom-0",
1523
+ "z-50",
1524
+ "[will-change:transform]",
1525
+ "touch-none",
1526
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1527
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1528
+ "transition-transform",
1529
+ "duration-500",
1530
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1531
+ "motion-reduce:transition-none",
1532
+ "top-[-4px]",
1533
+ "z-[1]",
1534
+ "touch-pan-y"
1535
+ ],
1536
+ "internalComponents": [
1537
+ "Scrim",
1538
+ "BottomSheetHandle",
1539
+ "Dialog",
1540
+ "Box",
1541
+ "BottomSheetInternalContext.Provider"
1542
+ ],
1543
+ "internalComponentProps": {
1544
+ "BottomSheetHandle": {
1545
+ "ariaLabel": [
1546
+ "Resize sheet"
1547
+ ]
1548
+ },
1549
+ "Dialog": {
1550
+ "data-testid": [
1551
+ "bottom-sheet"
1552
+ ]
1553
+ },
1554
+ "Box": {
1555
+ "display": [
1556
+ "block",
1557
+ "flex"
1558
+ ],
1559
+ "position": [
1560
+ "absolute"
1561
+ ],
1562
+ "flexDirection": [
1563
+ "column"
1564
+ ],
1565
+ "className": [
1566
+ "absolute inset-0 min-h-0 p-[inherit]"
1567
+ ]
1568
+ }
1569
+ },
1570
+ "propToVariantKeys": {
1571
+ "variant": [
1572
+ "bottomsheetVariantRoot"
1573
+ ]
1574
+ },
1575
+ "motionVarPrefixes": []
1576
+ },
1572
1577
  "BottomSheetHandle": {
1573
1578
  "name": "BottomSheetHandle",
1574
1579
  "defaultProps": {},
@@ -1607,6 +1612,16 @@
1607
1612
  "propToVariantKeys": {},
1608
1613
  "motionVarPrefixes": []
1609
1614
  },
1615
+ "BottomSheetInternalContext": {
1616
+ "name": "BottomSheetInternalContext",
1617
+ "defaultProps": {},
1618
+ "getStylesLiterals": {},
1619
+ "cxLiterals": [],
1620
+ "internalComponents": [],
1621
+ "internalComponentProps": {},
1622
+ "propToVariantKeys": {},
1623
+ "motionVarPrefixes": []
1624
+ },
1610
1625
  "BottomSheetHeader": {
1611
1626
  "name": "BottomSheetHeader",
1612
1627
  "defaultProps": {
@@ -1660,25 +1675,25 @@
1660
1675
  },
1661
1676
  "motionVarPrefixes": []
1662
1677
  },
1663
- "BottomSheetProvider": {
1664
- "name": "BottomSheetProvider",
1678
+ "BottomSheetTrigger": {
1679
+ "name": "BottomSheetTrigger",
1665
1680
  "defaultProps": {},
1666
1681
  "getStylesLiterals": {},
1667
1682
  "cxLiterals": [],
1668
1683
  "internalComponents": [
1669
- "AriakitDialogProvider"
1684
+ "AriakitDialogDisclosure"
1670
1685
  ],
1671
1686
  "internalComponentProps": {},
1672
1687
  "propToVariantKeys": {},
1673
1688
  "motionVarPrefixes": []
1674
1689
  },
1675
- "BottomSheetTrigger": {
1676
- "name": "BottomSheetTrigger",
1690
+ "BottomSheetProvider": {
1691
+ "name": "BottomSheetProvider",
1677
1692
  "defaultProps": {},
1678
1693
  "getStylesLiterals": {},
1679
1694
  "cxLiterals": [],
1680
1695
  "internalComponents": [
1681
- "AriakitDialogDisclosure"
1696
+ "AriakitDialogProvider"
1682
1697
  ],
1683
1698
  "internalComponentProps": {},
1684
1699
  "propToVariantKeys": {},
@@ -1696,187 +1711,380 @@
1696
1711
  "propToVariantKeys": {},
1697
1712
  "motionVarPrefixes": []
1698
1713
  },
1699
- "Chip": {
1700
- "name": "Chip",
1714
+ "UDSToastConfigProvider": {
1715
+ "name": "UDSToastConfigProvider",
1701
1716
  "defaultProps": {},
1702
1717
  "getStylesLiterals": {},
1703
1718
  "cxLiterals": [],
1704
1719
  "internalComponents": [
1705
- "ChipDismissible",
1706
- "ChipToggle",
1707
- "ChipLink",
1708
- "ChipButton"
1720
+ "ToastContext.Provider"
1709
1721
  ],
1710
1722
  "internalComponentProps": {},
1711
1723
  "propToVariantKeys": {},
1712
1724
  "motionVarPrefixes": []
1713
1725
  },
1714
- "ChipBase": {
1715
- "name": "ChipBase",
1716
- "defaultProps": {
1717
- "size": "md",
1718
- "as": "div"
1719
- },
1720
- "getStylesLiterals": {},
1726
+ "Toast": {
1727
+ "name": "Toast",
1728
+ "defaultProps": {},
1729
+ "getStylesLiterals": {
1730
+ "className": "flex-none",
1731
+ "spacing": "2",
1732
+ "borderRadius": "full"
1733
+ },
1721
1734
  "cxLiterals": [
1722
- "pointer-events-none",
1723
- "cursor-default",
1724
- "opacity-50",
1725
- "inline-flex",
1726
- "items-center",
1727
- "transition-[background-color,outline-color,box-shadow]",
1728
- "truncate",
1729
- "whitespace-nowrap",
1730
- "text-center",
1731
- "flex-1"
1735
+ "transition-[background-color]",
1736
+ "bg-carbon-15/0",
1737
+ "hover:bg-carbon-15/10",
1738
+ "active:bg-carbon-15/15",
1739
+ "uds-ring"
1732
1740
  ],
1733
1741
  "internalComponents": [
1734
1742
  "IconSlot",
1735
- "HStack",
1736
- "As",
1737
- "Text"
1743
+ "ToastContainer",
1744
+ "Text",
1745
+ "Button",
1746
+ "Pressable"
1738
1747
  ],
1739
- "internalComponentProps": {
1740
- "Text": {
1741
- "as": [
1742
- "span"
1743
- ],
1744
- "color": [
1745
- "current"
1746
- ],
1747
- "variant": [
1748
- "inherit"
1749
- ]
1750
- }
1751
- },
1748
+ "internalComponentProps": {},
1752
1749
  "propToVariantKeys": {
1753
1750
  "size": [
1754
- "chipSizeRoot",
1755
- "chipSizeIcon"
1751
+ "toastSizeLabel",
1752
+ "toastSizeIcon",
1753
+ "toastSizeActionButton",
1754
+ "toastSizeCloseIcon"
1756
1755
  ],
1757
- "startIcon": [
1758
- "icon"
1756
+ "variant": [
1757
+ "toastVariantIcon",
1758
+ "toastVariantActionButton",
1759
+ "toastVariantCloseIcon"
1759
1760
  ],
1760
- "endIcon": [
1761
+ "closeIcon": [
1761
1762
  "icon"
1763
+ ],
1764
+ "onClickActionButton": [
1765
+ "onClick"
1762
1766
  ]
1763
1767
  },
1764
1768
  "motionVarPrefixes": []
1765
1769
  },
1766
- "ChipButton": {
1767
- "name": "ChipButton",
1768
- "defaultProps": {
1769
- "variant": "primary"
1770
+ "ToastContainer": {
1771
+ "name": "ToastContainer",
1772
+ "defaultProps": {},
1773
+ "getStylesLiterals": {
1774
+ "position": "relative",
1775
+ "alignItems": "center",
1776
+ "display": "flex",
1777
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1770
1778
  },
1771
- "getStylesLiterals": {},
1772
1779
  "cxLiterals": [
1773
- "uds-ring"
1780
+ "w-full"
1774
1781
  ],
1775
1782
  "internalComponents": [
1776
- "ChipBase"
1783
+ "HStack"
1777
1784
  ],
1778
1785
  "internalComponentProps": {
1779
- "ChipBase": {
1780
- "as": [
1781
- "button"
1786
+ "HStack": {
1787
+ "alignItems": [
1788
+ "center"
1789
+ ],
1790
+ "justifyContent": [
1791
+ "space-between"
1792
+ ],
1793
+ "overflow": [
1794
+ "hidden"
1795
+ ],
1796
+ "position": [
1797
+ "relative"
1782
1798
  ]
1783
1799
  }
1784
1800
  },
1785
1801
  "propToVariantKeys": {
1786
1802
  "variant": [
1787
- "chipLinkVariantRoot",
1788
- "chipLinkVariantIcon"
1803
+ "toastVariantRoot"
1804
+ ],
1805
+ "size": [
1806
+ "toastSizeRoot"
1789
1807
  ]
1790
1808
  },
1791
1809
  "motionVarPrefixes": []
1792
1810
  },
1793
- "ChipDismissible": {
1794
- "name": "ChipDismissible",
1795
- "defaultProps": {
1796
- "variant": "primary"
1797
- },
1811
+ "ToastPortal": {
1812
+ "name": "ToastPortal",
1813
+ "defaultProps": {},
1798
1814
  "getStylesLiterals": {},
1799
- "cxLiterals": [
1800
- "uds-chip-dismissible-button",
1801
- "uds-hit-target",
1802
- "uds-ring",
1803
- "rounded-full"
1804
- ],
1815
+ "cxLiterals": [],
1805
1816
  "internalComponents": [
1806
- "ChipBase",
1807
- "IconSlot",
1808
- "Pressable"
1817
+ "ReactToastifyToastContainer"
1809
1818
  ],
1810
1819
  "internalComponentProps": {},
1811
- "propToVariantKeys": {
1812
- "variant": [
1813
- "chipDismissibleVariantRoot",
1814
- "chipDismissibleVariantIcon"
1815
- ],
1816
- "dismissButtonAriaLabel": [
1817
- "aria-label"
1818
- ]
1819
- },
1820
+ "propToVariantKeys": {},
1820
1821
  "motionVarPrefixes": []
1821
1822
  },
1822
- "ChipLink": {
1823
- "name": "ChipLink",
1824
- "defaultProps": {
1825
- "variant": "primary"
1826
- },
1823
+ "RadioGroupStore": {
1824
+ "name": "RadioGroupStore",
1825
+ "defaultProps": {},
1827
1826
  "getStylesLiterals": {},
1828
- "cxLiterals": [
1829
- "uds-ring"
1830
- ],
1827
+ "cxLiterals": [],
1828
+ "internalComponents": [],
1829
+ "internalComponentProps": {},
1830
+ "propToVariantKeys": {},
1831
+ "motionVarPrefixes": []
1832
+ },
1833
+ "RadioGroupProvider": {
1834
+ "name": "RadioGroupProvider",
1835
+ "defaultProps": {},
1836
+ "getStylesLiterals": {},
1837
+ "cxLiterals": [],
1831
1838
  "internalComponents": [
1832
- "ChipBase"
1839
+ "DivProps",
1840
+ "Comp",
1841
+ "RadioGroupContext.Provider"
1833
1842
  ],
1834
1843
  "internalComponentProps": {
1835
- "ChipBase": {
1836
- "as": [
1837
- "a"
1844
+ "Comp": {
1845
+ "role": [
1846
+ "radiogroup"
1838
1847
  ]
1839
1848
  }
1840
1849
  },
1841
- "propToVariantKeys": {
1842
- "variant": [
1843
- "chipLinkVariantRoot",
1844
- "chipLinkVariantIcon"
1845
- ]
1846
- },
1850
+ "propToVariantKeys": {},
1847
1851
  "motionVarPrefixes": []
1848
1852
  },
1849
- "ChipToggle": {
1850
- "name": "ChipToggle",
1853
+ "Radio": {
1854
+ "name": "Radio",
1851
1855
  "defaultProps": {
1856
+ "labelPosition": "start",
1852
1857
  "variant": "primary",
1853
- "role": "checkbox"
1858
+ "size": "md",
1859
+ "value": ""
1854
1860
  },
1855
1861
  "getStylesLiterals": {
1856
- "chipToggleVariantActiveRoot": "on",
1857
- "chipToggleVariantActiveRoot:1": "off"
1862
+ "radioVariantValueRoot": "checked",
1863
+ "radioVariantValueRoot:1": "unchecked",
1864
+ "display": "flex",
1865
+ "flexDirection": "row",
1866
+ "flexDirection:1": "row-reverse",
1867
+ "alignItems": "center",
1868
+ "radioVariantValueRadio": "checked",
1869
+ "radioVariantValueRadio:1": "unchecked",
1870
+ "radioVariantValueRadioCircle": "checked",
1871
+ "radioVariantValueRadioCircle:1": "unchecked"
1858
1872
  },
1859
1873
  "cxLiterals": [
1860
- "uds-ring"
1874
+ "cursor-pointer",
1875
+ "cursor-default",
1876
+ "opacity-50",
1877
+ "border",
1878
+ "uds-ring",
1879
+ "uds-ring-within",
1880
+ "transition-[background-color,border-color]",
1881
+ "transition-shadow",
1882
+ "pointer-events-none",
1883
+ "w-[8px]",
1884
+ "h-[8px]",
1885
+ "transition-opacity",
1886
+ "cursor-[inherit]",
1887
+ "absolute",
1888
+ "opacity-0",
1889
+ "top-1/2",
1890
+ "left-1/2",
1891
+ "w-[calc(100%+2px)]",
1892
+ "h-[calc(100%+2px)]",
1893
+ "transform",
1894
+ "translate-x-[-50%]",
1895
+ "translate-y-[-50%]",
1896
+ "text-start",
1897
+ "text-end"
1861
1898
  ],
1862
1899
  "internalComponents": [
1863
- "ChipBase"
1900
+ "Box",
1901
+ "FormLabel",
1902
+ "SpringMotionConfig",
1903
+ "RootElement",
1904
+ "MotionBox"
1864
1905
  ],
1865
1906
  "internalComponentProps": {
1866
- "ChipBase": {
1907
+ "Box": {
1908
+ "borderRadius": [
1909
+ "full"
1910
+ ]
1911
+ },
1912
+ "FormLabel": {
1867
1913
  "as": [
1868
- "button"
1914
+ "div"
1915
+ ],
1916
+ "variant": [
1917
+ "inherit"
1918
+ ],
1919
+ "color": [
1920
+ "inherit"
1921
+ ]
1922
+ },
1923
+ "RootElement": {
1924
+ "data-testid": [
1925
+ "container"
1926
+ ]
1927
+ },
1928
+ "MotionBox": {
1929
+ "position": [
1930
+ "relative"
1931
+ ],
1932
+ "borderRadius": [
1933
+ "full"
1934
+ ],
1935
+ "alignItems": [
1936
+ "center"
1937
+ ],
1938
+ "justifyContent": [
1939
+ "center"
1940
+ ],
1941
+ "flex": [
1942
+ "none"
1869
1943
  ]
1870
1944
  }
1871
1945
  },
1872
1946
  "propToVariantKeys": {
1947
+ "size": [
1948
+ "radioSizeRoot",
1949
+ "radioSizeRadio"
1950
+ ],
1873
1951
  "variant": [
1874
- "chipToggleVariantRoot",
1875
- "chipToggleVariantIcon"
1952
+ "radioVariantRoot",
1953
+ "radioVariantRadio",
1954
+ "radioVariantRadioCircle"
1955
+ ],
1956
+ "reduceMotion": [
1957
+ "reducedMotion"
1958
+ ]
1959
+ },
1960
+ "motionVarPrefixes": [
1961
+ "--uds-motion-subtle-3-",
1962
+ "--uds-motion-smooth-3-"
1963
+ ]
1964
+ },
1965
+ "UDSTooltipConfigProvider": {
1966
+ "name": "UDSTooltipConfigProvider",
1967
+ "defaultProps": {},
1968
+ "getStylesLiterals": {},
1969
+ "cxLiterals": [],
1970
+ "internalComponents": [
1971
+ "TooltipContext.Provider"
1972
+ ],
1973
+ "internalComponentProps": {},
1974
+ "propToVariantKeys": {},
1975
+ "motionVarPrefixes": []
1976
+ },
1977
+ "TooltipTrigger": {
1978
+ "name": "TooltipTrigger",
1979
+ "defaultProps": {},
1980
+ "getStylesLiterals": {},
1981
+ "cxLiterals": [],
1982
+ "internalComponents": [
1983
+ "TooltipAnchor"
1984
+ ],
1985
+ "internalComponentProps": {
1986
+ "TooltipAnchor": {
1987
+ "className": [
1988
+ "inline"
1989
+ ]
1990
+ }
1991
+ },
1992
+ "propToVariantKeys": {
1993
+ "children": [
1994
+ "render"
1995
+ ]
1996
+ },
1997
+ "motionVarPrefixes": []
1998
+ },
1999
+ "TooltipContent": {
2000
+ "name": "TooltipContent",
2001
+ "defaultProps": {},
2002
+ "getStylesLiterals": {
2003
+ "tooltipSizeRoot": "default",
2004
+ "tooltipVariantRoot": "default",
2005
+ "tooltipSizeSvg": "default",
2006
+ "tooltipVariantSvg": "default",
2007
+ "tooltipVariantBlur": "default",
2008
+ "position": "absolute",
2009
+ "width": "full",
2010
+ "height": "full",
2011
+ "tooltipSizeTitle": "default",
2012
+ "tooltipSizeBody": "default",
2013
+ "tooltipSizeEndContent": "default",
2014
+ "tooltipSizeIcon": "default",
2015
+ "tooltipVariantIcon": "default"
2016
+ },
2017
+ "cxLiterals": [
2018
+ "flex",
2019
+ "z-[9999]",
2020
+ "stroke-1",
2021
+ "uds-bgBlurFillFallback",
2022
+ "uds-bgBlurFallback",
2023
+ "top-0",
2024
+ "left-0",
2025
+ "z-[1]",
2026
+ "transition-opacity",
2027
+ "ease-in-out",
2028
+ "absolute",
2029
+ "w-full",
2030
+ "h-full",
2031
+ "overflow-visible",
2032
+ "pointer-events-none",
2033
+ "z-[2]"
2034
+ ],
2035
+ "internalComponents": [
2036
+ "Box",
2037
+ "IconSlot",
2038
+ "TooltipArrow",
2039
+ "Tooltip",
2040
+ "Fragment",
2041
+ "Text"
2042
+ ],
2043
+ "internalComponentProps": {
2044
+ "Box": {
2045
+ "position": [
2046
+ "relative"
2047
+ ],
2048
+ "flexDirection": [
2049
+ "column"
2050
+ ],
2051
+ "className": [
2052
+ "z-[3] gap-[inherit]"
2053
+ ],
2054
+ "alignItems": [
2055
+ "center"
2056
+ ],
2057
+ "columnGap": [
2058
+ "1",
2059
+ "1.5"
2060
+ ]
2061
+ },
2062
+ "Text": {
2063
+ "color": [
2064
+ "inherit"
2065
+ ]
2066
+ }
2067
+ },
2068
+ "propToVariantKeys": {
2069
+ "startTitleIcon": [
2070
+ "icon"
1876
2071
  ]
1877
2072
  },
1878
2073
  "motionVarPrefixes": []
1879
2074
  },
2075
+ "Tooltip": {
2076
+ "name": "Tooltip",
2077
+ "defaultProps": {},
2078
+ "getStylesLiterals": {},
2079
+ "cxLiterals": [],
2080
+ "internalComponents": [
2081
+ "TooltipInternalContext.Provider",
2082
+ "TooltipProvider"
2083
+ ],
2084
+ "internalComponentProps": {},
2085
+ "propToVariantKeys": {},
2086
+ "motionVarPrefixes": []
2087
+ },
1880
2088
  "Input": {
1881
2089
  "name": "Input",
1882
2090
  "defaultProps": {
@@ -2051,640 +2259,447 @@
2051
2259
  },
2052
2260
  "motionVarPrefixes": []
2053
2261
  },
2054
- "Radio": {
2055
- "name": "Radio",
2056
- "defaultProps": {
2057
- "labelPosition": "start",
2058
- "variant": "primary",
2059
- "size": "md",
2060
- "value": ""
2061
- },
2062
- "getStylesLiterals": {
2063
- "radioVariantValueRoot": "checked",
2064
- "radioVariantValueRoot:1": "unchecked",
2065
- "display": "flex",
2066
- "flexDirection": "row",
2067
- "flexDirection:1": "row-reverse",
2068
- "alignItems": "center",
2069
- "radioVariantValueRadio": "checked",
2070
- "radioVariantValueRadio:1": "unchecked",
2071
- "radioVariantValueRadioCircle": "checked",
2072
- "radioVariantValueRadioCircle:1": "unchecked"
2073
- },
2074
- "cxLiterals": [
2075
- "cursor-pointer",
2076
- "cursor-default",
2077
- "opacity-50",
2078
- "border",
2079
- "uds-ring",
2080
- "uds-ring-within",
2081
- "transition-[background-color,border-color]",
2082
- "transition-shadow",
2083
- "pointer-events-none",
2084
- "w-[8px]",
2085
- "h-[8px]",
2086
- "transition-opacity",
2087
- "cursor-[inherit]",
2088
- "absolute",
2089
- "opacity-0",
2090
- "top-1/2",
2091
- "left-1/2",
2092
- "w-[calc(100%+2px)]",
2093
- "h-[calc(100%+2px)]",
2094
- "transform",
2095
- "translate-x-[-50%]",
2096
- "translate-y-[-50%]",
2097
- "text-start",
2098
- "text-end"
2099
- ],
2100
- "internalComponents": [
2101
- "Box",
2102
- "FormLabel",
2103
- "SpringMotionConfig",
2104
- "RootElement",
2105
- "MotionBox"
2106
- ],
2107
- "internalComponentProps": {
2108
- "Box": {
2109
- "borderRadius": [
2110
- "full"
2111
- ]
2112
- },
2113
- "FormLabel": {
2114
- "as": [
2115
- "div"
2116
- ],
2117
- "variant": [
2118
- "inherit"
2119
- ],
2120
- "color": [
2121
- "inherit"
2122
- ]
2123
- },
2124
- "RootElement": {
2125
- "data-testid": [
2126
- "container"
2127
- ]
2128
- },
2129
- "MotionBox": {
2130
- "position": [
2131
- "relative"
2132
- ],
2133
- "borderRadius": [
2134
- "full"
2135
- ],
2136
- "alignItems": [
2137
- "center"
2138
- ],
2139
- "justifyContent": [
2140
- "center"
2141
- ],
2142
- "flex": [
2143
- "none"
2144
- ]
2145
- }
2146
- },
2147
- "propToVariantKeys": {
2148
- "size": [
2149
- "radioSizeRoot",
2150
- "radioSizeRadio"
2151
- ],
2152
- "variant": [
2153
- "radioVariantRoot",
2154
- "radioVariantRadio",
2155
- "radioVariantRadioCircle"
2156
- ],
2157
- "reduceMotion": [
2158
- "reducedMotion"
2159
- ]
2160
- },
2161
- "motionVarPrefixes": [
2162
- "--uds-motion-subtle-3-",
2163
- "--uds-motion-smooth-3-"
2164
- ]
2165
- },
2166
- "RadioGroupProvider": {
2167
- "name": "RadioGroupProvider",
2168
- "defaultProps": {},
2169
- "getStylesLiterals": {},
2170
- "cxLiterals": [],
2171
- "internalComponents": [
2172
- "DivProps",
2173
- "Comp",
2174
- "RadioGroupContext.Provider"
2175
- ],
2176
- "internalComponentProps": {
2177
- "Comp": {
2178
- "role": [
2179
- "radiogroup"
2180
- ]
2181
- }
2182
- },
2183
- "propToVariantKeys": {},
2184
- "motionVarPrefixes": []
2185
- },
2186
- "RadioGroupStore": {
2187
- "name": "RadioGroupStore",
2188
- "defaultProps": {},
2189
- "getStylesLiterals": {},
2190
- "cxLiterals": [],
2191
- "internalComponents": [],
2192
- "internalComponentProps": {},
2193
- "propToVariantKeys": {},
2194
- "motionVarPrefixes": []
2195
- },
2196
- "Menu.Content": {
2197
- "name": "Menu.Content",
2198
- "defaultProps": {
2199
- "size": "default",
2200
- "variant": "default",
2201
- "gutter": "1"
2202
- },
2203
- "getStylesLiterals": {},
2204
- "cxLiterals": [
2205
- "uds-menu-content",
2206
- "transition-shadow",
2207
- "duration-200",
2208
- "ease-in-out",
2209
- "min-w-60",
2210
- "max-w-lg",
2211
- "max-h-96",
2212
- "overflow-auto",
2213
- "uds-ring",
2214
- "z-10",
2215
- "group"
2216
- ],
2217
- "internalComponents": [
2218
- "AriakitMenu",
2219
- "AnimatePresence",
2220
- "MotionVStack"
2221
- ],
2222
- "internalComponentProps": {},
2223
- "propToVariantKeys": {
2224
- "size": [
2225
- "menucontentSizeRoot"
2226
- ],
2227
- "variant": [
2228
- "menucontentVariantRoot"
2229
- ]
2230
- },
2231
- "motionVarPrefixes": []
2232
- },
2233
- "Menu.Divider": {
2234
- "name": "Menu.Divider",
2235
- "defaultProps": {
2236
- "role": "separator",
2237
- "contentPosition": "start",
2238
- "gap": "4"
2239
- },
2240
- "getStylesLiterals": {
2241
- "menuitemDividerVariantRoot": "default",
2242
- "menuitemDividerVariantText": "default",
2243
- "menuitemDividerVariantLine": "default"
2244
- },
2245
- "cxLiterals": [],
2246
- "internalComponents": [
2247
- "DividerInternal"
2248
- ],
2249
- "internalComponentProps": {
2250
- "DividerInternal": {
2251
- "variant": [
2252
- "inherit"
2253
- ]
2254
- }
2255
- },
2256
- "propToVariantKeys": {},
2257
- "motionVarPrefixes": []
2258
- },
2259
- "Menu.Item": {
2260
- "name": "Menu.Item",
2261
- "defaultProps": {},
2262
- "getStylesLiterals": {
2263
- "menuitemItemVariantRoot": "default",
2264
- "menuitemItemVariantActiveRoot": "on",
2265
- "menuitemItemVariantActiveRoot:1": "off",
2266
- "menuitemItemVariantText": "default",
2267
- "menuitemItemVariantActiveText": "on",
2268
- "menuitemItemVariantActiveText:1": "off",
2269
- "menuitemItemVariantIcon": "default",
2270
- "menuitemItemVariantActiveIcon": "on",
2271
- "menuitemItemVariantActiveIcon:1": "off"
2272
- },
2273
- "cxLiterals": [],
2274
- "internalComponents": [
2275
- "MenuItemBase"
2276
- ],
2277
- "internalComponentProps": {},
2278
- "propToVariantKeys": {},
2279
- "motionVarPrefixes": []
2280
- },
2281
- "Menu.ItemBase": {
2282
- "name": "Menu.ItemBase",
2283
- "defaultProps": {
2284
- "spacing": "0",
2285
- "spacingHorizontal": "4",
2286
- "spacingVertical": "3.5",
2287
- "columnGap": "2",
2288
- "alignItems": "center",
2289
- "justifyContent": "space-between"
2290
- },
2291
- "getStylesLiterals": {
2292
- "textAlign": "start",
2293
- "menuitemSizeRoot": "default",
2294
- "flexDirection": "row",
2295
- "menuitemSizeStartIcon": "default",
2296
- "menuitemSizeEndIcon": "default"
2297
- },
2298
- "cxLiterals": [
2299
- "flex",
2300
- "focus-visible:text-brand",
2301
- "focus-visible:bg-brand-secondary",
2302
- "focus-visible:z-10",
2303
- "uds-ring",
2304
- "!-outline-offset-2",
2305
- "[&:not([aria-checked])]:cursor-default",
2306
- "opacity-25",
2307
- "cursor-not-allowed",
2308
- "duration-20",
2309
- "transition-[font-variation-settings]",
2310
- "ease-in-out",
2311
- "z-0",
2312
- "uds-start-icon",
2313
- "uds-end-icon"
2314
- ],
2315
- "internalComponents": [
2316
- "Pressable",
2317
- "IconSlot",
2318
- "RootComponent",
2319
- "HStack",
2320
- "AnimatePresence"
2321
- ],
2322
- "internalComponentProps": {
2323
- "HStack": {
2324
- "alignItems": [
2325
- "center"
2326
- ],
2327
- "width": [
2328
- "full"
2329
- ]
2330
- },
2331
- "AnimatePresence": {
2332
- "mode": [
2333
- "popLayout"
2334
- ]
2335
- }
2336
- },
2337
- "propToVariantKeys": {
2338
- "startIcon": [
2339
- "icon"
2340
- ],
2341
- "endIcon": [
2342
- "icon"
2343
- ],
2344
- "columnGap": [
2345
- "gap"
2346
- ]
2347
- },
2348
- "motionVarPrefixes": []
2349
- },
2350
- "Menu.ItemCheckbox": {
2351
- "name": "Menu.ItemCheckbox",
2262
+ "UDSConfigProvider": {
2263
+ "name": "UDSConfigProvider",
2352
2264
  "defaultProps": {},
2353
- "getStylesLiterals": {
2354
- "menuitemItemCheckboxVariantRoot": "default",
2355
- "menuitemItemCheckboxVariantActiveRoot": "on",
2356
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2357
- "menuitemItemCheckboxVariantText": "default",
2358
- "menuitemItemCheckboxVariantActiveText": "on",
2359
- "menuitemItemCheckboxVariantActiveText:1": "off",
2360
- "menuitemItemCheckboxVariantStartIcon": "default",
2361
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2362
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2363
- "menuitemItemCheckboxVariantEndIcon": "default",
2364
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2365
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2366
- },
2367
- "cxLiterals": [
2368
- "uds-menu-item-checkbox"
2369
- ],
2265
+ "getStylesLiterals": {},
2266
+ "cxLiterals": [],
2370
2267
  "internalComponents": [
2371
- "MenuItemBase"
2268
+ "UDSBreakpointsConfigProvider",
2269
+ "UDSBottomSheetConfigProvider",
2270
+ "UDSToastConfigProvider",
2271
+ "UDSTooltipConfigProvider"
2372
2272
  ],
2373
2273
  "internalComponentProps": {},
2374
2274
  "propToVariantKeys": {},
2375
2275
  "motionVarPrefixes": []
2376
2276
  },
2377
- "Menu.Provider": {
2378
- "name": "Menu.Provider",
2277
+ "UDSBreakpointsConfigProvider": {
2278
+ "name": "UDSBreakpointsConfigProvider",
2379
2279
  "defaultProps": {},
2380
2280
  "getStylesLiterals": {},
2381
2281
  "cxLiterals": [],
2382
2282
  "internalComponents": [
2383
- "AriakitMenuProvider",
2384
- "SpringMotionConfig"
2283
+ "UDSBreakpointsConfigContext.Provider"
2385
2284
  ],
2386
2285
  "internalComponentProps": {},
2387
2286
  "propToVariantKeys": {},
2388
- "motionVarPrefixes": [
2389
- "--uds-motion-subtle-3-",
2390
- "--uds-motion-smooth-3-"
2391
- ]
2287
+ "motionVarPrefixes": []
2392
2288
  },
2393
- "Menu.Trigger": {
2394
- "name": "Menu.Trigger",
2395
- "defaultProps": {},
2289
+ "ChipLink": {
2290
+ "name": "ChipLink",
2291
+ "defaultProps": {
2292
+ "variant": "primary"
2293
+ },
2396
2294
  "getStylesLiterals": {},
2397
2295
  "cxLiterals": [
2398
- "uds-menu-trigger"
2296
+ "uds-ring"
2399
2297
  ],
2400
2298
  "internalComponents": [
2401
- "AriakitMenuTrigger",
2402
- "Box"
2299
+ "ChipBase"
2403
2300
  ],
2404
2301
  "internalComponentProps": {
2405
- "Box": {
2406
- "className": [
2407
- "uds-ring h-fit w-fit"
2302
+ "ChipBase": {
2303
+ "as": [
2304
+ "a"
2408
2305
  ]
2409
2306
  }
2410
2307
  },
2411
- "propToVariantKeys": {},
2412
- "motionVarPrefixes": []
2413
- },
2414
- "Menu.index": {
2415
- "name": "Menu.index",
2416
- "defaultProps": {},
2417
- "getStylesLiterals": {},
2418
- "cxLiterals": [],
2419
- "internalComponents": [],
2420
- "internalComponentProps": {},
2421
- "propToVariantKeys": {},
2422
- "motionVarPrefixes": []
2423
- },
2424
- "Menu": {
2425
- "name": "Menu",
2426
- "defaultProps": {},
2427
- "getStylesLiterals": {},
2428
- "cxLiterals": [],
2429
- "internalComponents": [],
2430
- "internalComponentProps": {},
2431
- "propToVariantKeys": {},
2308
+ "propToVariantKeys": {
2309
+ "variant": [
2310
+ "chipLinkVariantRoot",
2311
+ "chipLinkVariantIcon"
2312
+ ]
2313
+ },
2432
2314
  "motionVarPrefixes": []
2433
2315
  },
2434
- "Toast": {
2435
- "name": "Toast",
2436
- "defaultProps": {},
2437
- "getStylesLiterals": {
2438
- "className": "flex-none",
2439
- "spacing": "2",
2440
- "borderRadius": "full"
2316
+ "ChipDismissible": {
2317
+ "name": "ChipDismissible",
2318
+ "defaultProps": {
2319
+ "variant": "primary"
2441
2320
  },
2321
+ "getStylesLiterals": {},
2442
2322
  "cxLiterals": [
2443
- "transition-[background-color]",
2444
- "bg-carbon-15/0",
2445
- "hover:bg-carbon-15/10",
2446
- "active:bg-carbon-15/15",
2447
- "uds-ring"
2323
+ "uds-chip-dismissible-button",
2324
+ "uds-hit-target",
2325
+ "uds-ring",
2326
+ "rounded-full"
2448
2327
  ],
2449
2328
  "internalComponents": [
2329
+ "ChipBase",
2450
2330
  "IconSlot",
2451
- "ToastContainer",
2452
- "Text",
2453
- "Button",
2454
2331
  "Pressable"
2455
2332
  ],
2456
2333
  "internalComponentProps": {},
2457
2334
  "propToVariantKeys": {
2458
- "size": [
2459
- "toastSizeLabel",
2460
- "toastSizeIcon",
2461
- "toastSizeActionButton",
2462
- "toastSizeCloseIcon"
2463
- ],
2464
2335
  "variant": [
2465
- "toastVariantIcon",
2466
- "toastVariantActionButton",
2467
- "toastVariantCloseIcon"
2468
- ],
2469
- "closeIcon": [
2470
- "icon"
2336
+ "chipDismissibleVariantRoot",
2337
+ "chipDismissibleVariantIcon"
2471
2338
  ],
2472
- "onClickActionButton": [
2473
- "onClick"
2339
+ "dismissButtonAriaLabel": [
2340
+ "aria-label"
2474
2341
  ]
2475
2342
  },
2476
2343
  "motionVarPrefixes": []
2477
2344
  },
2478
- "ToastContainer": {
2479
- "name": "ToastContainer",
2480
- "defaultProps": {},
2345
+ "ChipToggle": {
2346
+ "name": "ChipToggle",
2347
+ "defaultProps": {
2348
+ "variant": "primary",
2349
+ "role": "checkbox"
2350
+ },
2481
2351
  "getStylesLiterals": {
2482
- "position": "relative",
2483
- "alignItems": "center",
2484
- "display": "flex",
2485
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2352
+ "chipToggleVariantActiveRoot": "on",
2353
+ "chipToggleVariantActiveRoot:1": "off"
2486
2354
  },
2487
2355
  "cxLiterals": [
2488
- "w-full"
2356
+ "uds-ring"
2489
2357
  ],
2490
2358
  "internalComponents": [
2491
- "HStack"
2359
+ "ChipBase"
2492
2360
  ],
2493
2361
  "internalComponentProps": {
2494
- "HStack": {
2495
- "alignItems": [
2496
- "center"
2497
- ],
2498
- "justifyContent": [
2499
- "space-between"
2500
- ],
2501
- "overflow": [
2502
- "hidden"
2503
- ],
2504
- "position": [
2505
- "relative"
2362
+ "ChipBase": {
2363
+ "as": [
2364
+ "button"
2506
2365
  ]
2507
2366
  }
2508
2367
  },
2509
2368
  "propToVariantKeys": {
2510
2369
  "variant": [
2511
- "toastVariantRoot"
2512
- ],
2513
- "size": [
2514
- "toastSizeRoot"
2370
+ "chipToggleVariantRoot",
2371
+ "chipToggleVariantIcon"
2515
2372
  ]
2516
2373
  },
2517
2374
  "motionVarPrefixes": []
2518
2375
  },
2519
- "ToastPortal": {
2520
- "name": "ToastPortal",
2376
+ "Chip": {
2377
+ "name": "Chip",
2521
2378
  "defaultProps": {},
2522
2379
  "getStylesLiterals": {},
2523
2380
  "cxLiterals": [],
2524
2381
  "internalComponents": [
2525
- "ReactToastifyToastContainer"
2382
+ "ChipDismissible",
2383
+ "ChipToggle",
2384
+ "ChipLink",
2385
+ "ChipButton"
2526
2386
  ],
2527
2387
  "internalComponentProps": {},
2528
2388
  "propToVariantKeys": {},
2529
2389
  "motionVarPrefixes": []
2530
2390
  },
2531
- "UDSToastConfigProvider": {
2532
- "name": "UDSToastConfigProvider",
2391
+ "ChipBase": {
2392
+ "name": "ChipBase",
2393
+ "defaultProps": {
2394
+ "size": "md",
2395
+ "as": "div"
2396
+ },
2397
+ "getStylesLiterals": {},
2398
+ "cxLiterals": [
2399
+ "pointer-events-none",
2400
+ "cursor-default",
2401
+ "opacity-50",
2402
+ "inline-flex",
2403
+ "items-center",
2404
+ "transition-[background-color,outline-color,box-shadow]",
2405
+ "truncate",
2406
+ "whitespace-nowrap",
2407
+ "text-center",
2408
+ "flex-1"
2409
+ ],
2410
+ "internalComponents": [
2411
+ "IconSlot",
2412
+ "HStack",
2413
+ "As",
2414
+ "Text"
2415
+ ],
2416
+ "internalComponentProps": {
2417
+ "Text": {
2418
+ "as": [
2419
+ "span"
2420
+ ],
2421
+ "color": [
2422
+ "current"
2423
+ ],
2424
+ "variant": [
2425
+ "inherit"
2426
+ ]
2427
+ }
2428
+ },
2429
+ "propToVariantKeys": {
2430
+ "size": [
2431
+ "chipSizeRoot",
2432
+ "chipSizeIcon"
2433
+ ],
2434
+ "startIcon": [
2435
+ "icon"
2436
+ ],
2437
+ "endIcon": [
2438
+ "icon"
2439
+ ]
2440
+ },
2441
+ "motionVarPrefixes": []
2442
+ },
2443
+ "ChipButton": {
2444
+ "name": "ChipButton",
2445
+ "defaultProps": {
2446
+ "variant": "primary"
2447
+ },
2448
+ "getStylesLiterals": {},
2449
+ "cxLiterals": [
2450
+ "uds-ring"
2451
+ ],
2452
+ "internalComponents": [
2453
+ "ChipBase"
2454
+ ],
2455
+ "internalComponentProps": {
2456
+ "ChipBase": {
2457
+ "as": [
2458
+ "button"
2459
+ ]
2460
+ }
2461
+ },
2462
+ "propToVariantKeys": {
2463
+ "variant": [
2464
+ "chipLinkVariantRoot",
2465
+ "chipLinkVariantIcon"
2466
+ ]
2467
+ },
2468
+ "motionVarPrefixes": []
2469
+ },
2470
+ "Menu.Item": {
2471
+ "name": "Menu.Item",
2533
2472
  "defaultProps": {},
2534
- "getStylesLiterals": {},
2473
+ "getStylesLiterals": {
2474
+ "menuitemItemVariantRoot": "default",
2475
+ "menuitemItemVariantActiveRoot": "on",
2476
+ "menuitemItemVariantActiveRoot:1": "off",
2477
+ "menuitemItemVariantText": "default",
2478
+ "menuitemItemVariantActiveText": "on",
2479
+ "menuitemItemVariantActiveText:1": "off",
2480
+ "menuitemItemVariantIcon": "default",
2481
+ "menuitemItemVariantActiveIcon": "on",
2482
+ "menuitemItemVariantActiveIcon:1": "off"
2483
+ },
2535
2484
  "cxLiterals": [],
2536
2485
  "internalComponents": [
2537
- "ToastContext.Provider"
2486
+ "MenuItemBase"
2538
2487
  ],
2539
2488
  "internalComponentProps": {},
2540
2489
  "propToVariantKeys": {},
2541
2490
  "motionVarPrefixes": []
2542
2491
  },
2543
- "Tooltip": {
2544
- "name": "Tooltip",
2492
+ "Menu.Provider": {
2493
+ "name": "Menu.Provider",
2545
2494
  "defaultProps": {},
2546
2495
  "getStylesLiterals": {},
2547
2496
  "cxLiterals": [],
2548
2497
  "internalComponents": [
2549
- "TooltipInternalContext.Provider",
2550
- "TooltipProvider"
2498
+ "AriakitMenuProvider",
2499
+ "SpringMotionConfig"
2551
2500
  ],
2552
2501
  "internalComponentProps": {},
2553
2502
  "propToVariantKeys": {},
2554
- "motionVarPrefixes": []
2503
+ "motionVarPrefixes": [
2504
+ "--uds-motion-subtle-3-",
2505
+ "--uds-motion-smooth-3-"
2506
+ ]
2555
2507
  },
2556
- "TooltipContent": {
2557
- "name": "TooltipContent",
2558
- "defaultProps": {},
2508
+ "Menu.ItemBase": {
2509
+ "name": "Menu.ItemBase",
2510
+ "defaultProps": {
2511
+ "spacing": "0",
2512
+ "spacingHorizontal": "4",
2513
+ "spacingVertical": "3.5",
2514
+ "columnGap": "2",
2515
+ "alignItems": "center",
2516
+ "justifyContent": "space-between"
2517
+ },
2559
2518
  "getStylesLiterals": {
2560
- "tooltipSizeRoot": "default",
2561
- "tooltipVariantRoot": "default",
2562
- "tooltipSizeSvg": "default",
2563
- "tooltipVariantSvg": "default",
2564
- "tooltipVariantBlur": "default",
2565
- "position": "absolute",
2566
- "width": "full",
2567
- "height": "full",
2568
- "tooltipSizeTitle": "default",
2569
- "tooltipSizeBody": "default",
2570
- "tooltipSizeEndContent": "default",
2571
- "tooltipSizeIcon": "default",
2572
- "tooltipVariantIcon": "default"
2519
+ "textAlign": "start",
2520
+ "menuitemSizeRoot": "default",
2521
+ "flexDirection": "row",
2522
+ "menuitemSizeStartIcon": "default",
2523
+ "menuitemSizeEndIcon": "default"
2573
2524
  },
2574
2525
  "cxLiterals": [
2575
2526
  "flex",
2576
- "z-[9999]",
2577
- "stroke-1",
2578
- "uds-bgBlurFillFallback",
2579
- "uds-bgBlurFallback",
2580
- "top-0",
2581
- "left-0",
2582
- "z-[1]",
2583
- "transition-opacity",
2527
+ "focus-visible:text-brand",
2528
+ "focus-visible:bg-brand-secondary",
2529
+ "focus-visible:z-10",
2530
+ "uds-ring",
2531
+ "!-outline-offset-2",
2532
+ "[&:not([aria-checked])]:cursor-default",
2533
+ "opacity-25",
2534
+ "cursor-not-allowed",
2535
+ "duration-20",
2536
+ "transition-[font-variation-settings]",
2584
2537
  "ease-in-out",
2585
- "absolute",
2586
- "w-full",
2587
- "h-full",
2588
- "overflow-visible",
2589
- "pointer-events-none",
2590
- "z-[2]"
2538
+ "z-0",
2539
+ "uds-start-icon",
2540
+ "uds-end-icon"
2591
2541
  ],
2592
2542
  "internalComponents": [
2593
- "Box",
2543
+ "Pressable",
2594
2544
  "IconSlot",
2595
- "TooltipArrow",
2596
- "Tooltip",
2597
- "Fragment",
2598
- "Text"
2545
+ "RootComponent",
2546
+ "HStack",
2547
+ "AnimatePresence"
2599
2548
  ],
2600
2549
  "internalComponentProps": {
2601
- "Box": {
2602
- "position": [
2603
- "relative"
2604
- ],
2605
- "flexDirection": [
2606
- "column"
2607
- ],
2608
- "className": [
2609
- "z-[3] gap-[inherit]"
2610
- ],
2550
+ "HStack": {
2611
2551
  "alignItems": [
2612
2552
  "center"
2613
2553
  ],
2614
- "columnGap": [
2615
- "1",
2616
- "1.5"
2554
+ "width": [
2555
+ "full"
2617
2556
  ]
2618
2557
  },
2619
- "Text": {
2620
- "color": [
2621
- "inherit"
2558
+ "AnimatePresence": {
2559
+ "mode": [
2560
+ "popLayout"
2622
2561
  ]
2623
2562
  }
2624
2563
  },
2625
2564
  "propToVariantKeys": {
2626
- "startTitleIcon": [
2565
+ "startIcon": [
2566
+ "icon"
2567
+ ],
2568
+ "endIcon": [
2627
2569
  "icon"
2570
+ ],
2571
+ "columnGap": [
2572
+ "gap"
2628
2573
  ]
2629
2574
  },
2630
2575
  "motionVarPrefixes": []
2631
2576
  },
2632
- "TooltipTrigger": {
2633
- "name": "TooltipTrigger",
2577
+ "Menu.Trigger": {
2578
+ "name": "Menu.Trigger",
2634
2579
  "defaultProps": {},
2635
2580
  "getStylesLiterals": {},
2636
- "cxLiterals": [],
2581
+ "cxLiterals": [
2582
+ "uds-menu-trigger"
2583
+ ],
2637
2584
  "internalComponents": [
2638
- "TooltipAnchor"
2585
+ "AriakitMenuTrigger",
2586
+ "Box"
2639
2587
  ],
2640
2588
  "internalComponentProps": {
2641
- "TooltipAnchor": {
2589
+ "Box": {
2642
2590
  "className": [
2643
- "inline"
2591
+ "uds-ring h-fit w-fit"
2644
2592
  ]
2645
2593
  }
2646
2594
  },
2647
- "propToVariantKeys": {
2648
- "children": [
2649
- "render"
2650
- ]
2651
- },
2595
+ "propToVariantKeys": {},
2652
2596
  "motionVarPrefixes": []
2653
2597
  },
2654
- "UDSTooltipConfigProvider": {
2655
- "name": "UDSTooltipConfigProvider",
2598
+ "Menu.index": {
2599
+ "name": "Menu.index",
2656
2600
  "defaultProps": {},
2657
2601
  "getStylesLiterals": {},
2658
2602
  "cxLiterals": [],
2659
- "internalComponents": [
2660
- "TooltipContext.Provider"
2661
- ],
2603
+ "internalComponents": [],
2662
2604
  "internalComponentProps": {},
2663
2605
  "propToVariantKeys": {},
2664
2606
  "motionVarPrefixes": []
2665
2607
  },
2666
- "UDSBreakpointsConfigProvider": {
2667
- "name": "UDSBreakpointsConfigProvider",
2668
- "defaultProps": {},
2608
+ "Menu.Content": {
2609
+ "name": "Menu.Content",
2610
+ "defaultProps": {
2611
+ "size": "default",
2612
+ "variant": "default",
2613
+ "gutter": "1"
2614
+ },
2669
2615
  "getStylesLiterals": {},
2670
- "cxLiterals": [],
2616
+ "cxLiterals": [
2617
+ "uds-menu-content",
2618
+ "transition-shadow",
2619
+ "duration-200",
2620
+ "ease-in-out",
2621
+ "min-w-60",
2622
+ "max-w-lg",
2623
+ "max-h-96",
2624
+ "overflow-auto",
2625
+ "uds-ring",
2626
+ "z-10",
2627
+ "group"
2628
+ ],
2671
2629
  "internalComponents": [
2672
- "UDSBreakpointsConfigContext.Provider"
2630
+ "AriakitMenu",
2631
+ "AnimatePresence",
2632
+ "MotionVStack"
2673
2633
  ],
2674
2634
  "internalComponentProps": {},
2635
+ "propToVariantKeys": {
2636
+ "size": [
2637
+ "menucontentSizeRoot"
2638
+ ],
2639
+ "variant": [
2640
+ "menucontentVariantRoot"
2641
+ ]
2642
+ },
2643
+ "motionVarPrefixes": []
2644
+ },
2645
+ "Menu.Divider": {
2646
+ "name": "Menu.Divider",
2647
+ "defaultProps": {
2648
+ "role": "separator",
2649
+ "contentPosition": "start",
2650
+ "gap": "4"
2651
+ },
2652
+ "getStylesLiterals": {
2653
+ "menuitemDividerVariantRoot": "default",
2654
+ "menuitemDividerVariantText": "default",
2655
+ "menuitemDividerVariantLine": "default"
2656
+ },
2657
+ "cxLiterals": [],
2658
+ "internalComponents": [
2659
+ "DividerInternal"
2660
+ ],
2661
+ "internalComponentProps": {
2662
+ "DividerInternal": {
2663
+ "variant": [
2664
+ "inherit"
2665
+ ]
2666
+ }
2667
+ },
2675
2668
  "propToVariantKeys": {},
2676
2669
  "motionVarPrefixes": []
2677
2670
  },
2678
- "UDSConfigProvider": {
2679
- "name": "UDSConfigProvider",
2671
+ "Menu": {
2672
+ "name": "Menu",
2680
2673
  "defaultProps": {},
2681
2674
  "getStylesLiterals": {},
2682
2675
  "cxLiterals": [],
2676
+ "internalComponents": [],
2677
+ "internalComponentProps": {},
2678
+ "propToVariantKeys": {},
2679
+ "motionVarPrefixes": []
2680
+ },
2681
+ "Menu.ItemCheckbox": {
2682
+ "name": "Menu.ItemCheckbox",
2683
+ "defaultProps": {},
2684
+ "getStylesLiterals": {
2685
+ "menuitemItemCheckboxVariantRoot": "default",
2686
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2687
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2688
+ "menuitemItemCheckboxVariantText": "default",
2689
+ "menuitemItemCheckboxVariantActiveText": "on",
2690
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2691
+ "menuitemItemCheckboxVariantStartIcon": "default",
2692
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2693
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2694
+ "menuitemItemCheckboxVariantEndIcon": "default",
2695
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2696
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2697
+ },
2698
+ "cxLiterals": [
2699
+ "uds-menu-item-checkbox"
2700
+ ],
2683
2701
  "internalComponents": [
2684
- "UDSBreakpointsConfigProvider",
2685
- "UDSBottomSheetConfigProvider",
2686
- "UDSToastConfigProvider",
2687
- "UDSTooltipConfigProvider"
2702
+ "MenuItemBase"
2688
2703
  ],
2689
2704
  "internalComponentProps": {},
2690
2705
  "propToVariantKeys": {},