@yahoo/uds 3.115.0-beta.2 → 3.115.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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,56 +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
- "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
- },
183
205
  "Text": {
184
206
  "name": "Text",
185
207
  "defaultProps": {
@@ -204,20 +226,8 @@
204
226
  },
205
227
  "motionVarPrefixes": []
206
228
  },
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",
229
+ "VStack": {
230
+ "name": "VStack",
221
231
  "defaultProps": {},
222
232
  "getStylesLiterals": {},
223
233
  "cxLiterals": [],
@@ -227,110 +237,35 @@
227
237
  "internalComponentProps": {
228
238
  "Box": {
229
239
  "flexDirection": [
230
- "row"
240
+ "column"
231
241
  ]
232
242
  }
233
243
  },
234
244
  "propToVariantKeys": {
235
245
  "gap": [
236
- "rowGap",
237
- "columnGap"
246
+ "columnGap",
247
+ "rowGap"
238
248
  ]
239
249
  },
240
250
  "motionVarPrefixes": []
241
251
  },
242
- "Image": {
243
- "name": "Image",
252
+ "Divider": {
253
+ "name": "Divider",
244
254
  "defaultProps": {},
245
255
  "getStylesLiterals": {},
246
256
  "cxLiterals": [],
247
- "internalComponents": [],
257
+ "internalComponents": [
258
+ "DividerInternal"
259
+ ],
248
260
  "internalComponentProps": {},
249
261
  "propToVariantKeys": {},
250
262
  "motionVarPrefixes": []
251
263
  },
252
- "Table.mocks": {
253
- "name": "Table.mocks",
254
- "defaultProps": {},
255
- "getStylesLiterals": {},
256
- "cxLiterals": [],
257
- "internalComponents": [],
258
- "internalComponentProps": {},
259
- "propToVariantKeys": {},
260
- "motionVarPrefixes": []
261
- },
262
- "Table": {
263
- "name": "Table",
264
- "defaultProps": {
265
- "display": "table-cell",
266
- "overflow": "hidden",
267
- "borderColor": "muted",
268
- "borderRadius": "md",
269
- "spacing": "3",
270
- "borderBottomColor": "muted",
271
- "borderBottomWidth": "thin",
272
- "color": "primary"
273
- },
274
- "getStylesLiterals": {
275
- "textAlign": "start"
276
- },
277
- "cxLiterals": [],
278
- "internalComponents": [
279
- "CellComponent",
280
- "Box",
281
- "Text",
282
- "Table.Root",
283
- "Table.Header",
284
- "Table.Row",
285
- "Table.Cell",
286
- "Table.Body"
287
- ],
288
- "internalComponentProps": {
289
- "Table.Cell": {
290
- "asHeaderCell": [
291
- "column"
292
- ]
293
- }
294
- },
295
- "propToVariantKeys": {},
296
- "motionVarPrefixes": []
297
- },
298
- "Spinner": {
299
- "name": "Spinner",
300
- "defaultProps": {
301
- "color": "primary",
302
- "size": "lg"
303
- },
304
- "getStylesLiterals": {},
305
- "cxLiterals": [
306
- "self-center",
307
- "relative",
308
- "sr-only"
309
- ],
310
- "internalComponents": [
311
- "Icon"
312
- ],
313
- "internalComponentProps": {
314
- "Icon": {
315
- "role": [
316
- "img"
317
- ],
318
- "className": [
319
- "animate-spin"
320
- ],
321
- "aria-hidden": [
322
- "true"
323
- ]
324
- }
325
- },
326
- "propToVariantKeys": {},
327
- "motionVarPrefixes": []
328
- },
329
- "DividerCore": {
330
- "name": "DividerCore",
331
- "defaultProps": {
332
- "contentPosition": "center"
333
- },
264
+ "DividerCore": {
265
+ "name": "DividerCore",
266
+ "defaultProps": {
267
+ "contentPosition": "center"
268
+ },
334
269
  "getStylesLiterals": {},
335
270
  "cxLiterals": [],
336
271
  "internalComponents": [
@@ -394,18 +329,164 @@
394
329
  },
395
330
  "motionVarPrefixes": []
396
331
  },
397
- "Divider": {
398
- "name": "Divider",
332
+ "Spinner": {
333
+ "name": "Spinner",
334
+ "defaultProps": {
335
+ "color": "primary",
336
+ "size": "lg"
337
+ },
338
+ "getStylesLiterals": {},
339
+ "cxLiterals": [
340
+ "self-center",
341
+ "relative",
342
+ "sr-only"
343
+ ],
344
+ "internalComponents": [
345
+ "Icon"
346
+ ],
347
+ "internalComponentProps": {
348
+ "Icon": {
349
+ "role": [
350
+ "img"
351
+ ],
352
+ "className": [
353
+ "animate-spin"
354
+ ],
355
+ "aria-hidden": [
356
+ "true"
357
+ ]
358
+ }
359
+ },
360
+ "propToVariantKeys": {},
361
+ "motionVarPrefixes": []
362
+ },
363
+ "Table.mocks": {
364
+ "name": "Table.mocks",
399
365
  "defaultProps": {},
400
366
  "getStylesLiterals": {},
401
367
  "cxLiterals": [],
368
+ "internalComponents": [],
369
+ "internalComponentProps": {},
370
+ "propToVariantKeys": {},
371
+ "motionVarPrefixes": []
372
+ },
373
+ "Table": {
374
+ "name": "Table",
375
+ "defaultProps": {
376
+ "display": "table-cell",
377
+ "overflow": "hidden",
378
+ "borderColor": "muted",
379
+ "borderRadius": "md",
380
+ "spacing": "3",
381
+ "borderBottomColor": "muted",
382
+ "borderBottomWidth": "thin",
383
+ "color": "primary"
384
+ },
385
+ "getStylesLiterals": {
386
+ "textAlign": "start"
387
+ },
388
+ "cxLiterals": [],
402
389
  "internalComponents": [
403
- "DividerInternal"
390
+ "CellComponent",
391
+ "Box",
392
+ "Text",
393
+ "Table.Root",
394
+ "Table.Header",
395
+ "Table.Row",
396
+ "Table.Cell",
397
+ "Table.Body"
404
398
  ],
405
- "internalComponentProps": {},
399
+ "internalComponentProps": {
400
+ "Table.Cell": {
401
+ "asHeaderCell": [
402
+ "column"
403
+ ]
404
+ }
405
+ },
406
406
  "propToVariantKeys": {},
407
407
  "motionVarPrefixes": []
408
408
  },
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",
438
+ "defaultProps": {
439
+ "variant": "primary",
440
+ "size": "md"
441
+ },
442
+ "getStylesLiterals": {},
443
+ "cxLiterals": [
444
+ "flex-1",
445
+ "truncate",
446
+ "whitespace-nowrap",
447
+ "text-center"
448
+ ],
449
+ "internalComponents": [
450
+ "IconSlot",
451
+ "HStack"
452
+ ],
453
+ "internalComponentProps": {
454
+ "IconSlot": {
455
+ "data-testid": [
456
+ "start-icon",
457
+ "end-icon"
458
+ ]
459
+ },
460
+ "HStack": {
461
+ "gap": [
462
+ "2"
463
+ ],
464
+ "display": [
465
+ "inline-flex"
466
+ ],
467
+ "alignItems": [
468
+ "center"
469
+ ]
470
+ }
471
+ },
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
+ },
488
+ "motionVarPrefixes": []
489
+ },
409
490
  "Button": {
410
491
  "name": "Button",
411
492
  "defaultProps": {
@@ -593,25 +674,6 @@
593
674
  "--uds-motion-smooth-3-"
594
675
  ]
595
676
  },
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
- },
615
677
  "IconButton": {
616
678
  "name": "IconButton",
617
679
  "defaultProps": {
@@ -676,16 +738,47 @@
676
738
  "--uds-motion-smooth-3-"
677
739
  ]
678
740
  },
679
- "Switch": {
680
- "name": "Switch",
681
- "defaultProps": {
682
- "labelPosition": "start",
683
- "size": "md"
684
- },
685
- "getStylesLiterals": {
686
- "switchVariantRoot": "default",
687
- "switchVariantActiveRoot": "on",
688
- "switchVariantActiveRoot:1": "off",
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
+ "Switch": {
773
+ "name": "Switch",
774
+ "defaultProps": {
775
+ "labelPosition": "start",
776
+ "size": "md"
777
+ },
778
+ "getStylesLiterals": {
779
+ "switchVariantRoot": "default",
780
+ "switchVariantActiveRoot": "on",
781
+ "switchVariantActiveRoot:1": "off",
689
782
  "display": "flex",
690
783
  "flexDirection": "row",
691
784
  "flexDirection:1": "row-reverse",
@@ -790,99 +883,91 @@
790
883
  "--uds-motion-smooth-3-"
791
884
  ]
792
885
  },
793
- "Badge": {
794
- "name": "Badge",
886
+ "Accordion": {
887
+ "name": "Accordion",
795
888
  "defaultProps": {
796
- "variant": "primary",
797
- "size": "md"
889
+ "spacingHorizontal": "4",
890
+ "spacingVertical": "4"
798
891
  },
799
892
  "getStylesLiterals": {},
800
893
  "cxLiterals": [
801
- "flex-1",
802
- "truncate",
803
- "whitespace-nowrap",
804
- "text-center"
894
+ "hover:bg-secondary/80",
895
+ "w-full"
805
896
  ],
806
897
  "internalComponents": [
807
- "IconSlot",
808
- "HStack"
898
+ "Icon",
899
+ "SpringMotionConfig",
900
+ "Pressable",
901
+ "Text",
902
+ "HStack",
903
+ "AnimatePresence",
904
+ "VStack"
809
905
  ],
810
906
  "internalComponentProps": {
811
- "IconSlot": {
812
- "data-testid": [
813
- "start-icon",
814
- "end-icon"
907
+ "Icon": {
908
+ "variant": [
909
+ "fill"
910
+ ],
911
+ "size": [
912
+ "sm"
913
+ ],
914
+ "color": [
915
+ "primary"
815
916
  ]
816
917
  },
817
- "HStack": {
818
- "gap": [
819
- "2"
918
+ "SpringMotionConfig": {
919
+ "layoutVariant": [
920
+ "smooth"
820
921
  ],
922
+ "layoutSpeed": [
923
+ "3"
924
+ ]
925
+ },
926
+ "Pressable": {
821
927
  "display": [
822
- "inline-flex"
928
+ "flex"
929
+ ],
930
+ "flexDirection": [
931
+ "row"
823
932
  ],
824
933
  "alignItems": [
825
934
  "center"
935
+ ],
936
+ "justifyContent": [
937
+ "space-between"
938
+ ],
939
+ "borderRadius": [
940
+ "md"
826
941
  ]
827
- }
828
- },
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": []
846
- },
847
- "AnimateHeightChange": {
848
- "name": "AnimateHeightChange",
849
- "defaultProps": {},
850
- "getStylesLiterals": {},
851
- "cxLiterals": [
852
- "overflow-hidden"
853
- ],
854
- "internalComponents": [
855
- "SpringMotionConfig"
856
- ],
857
- "internalComponentProps": {
858
- "SpringMotionConfig": {
859
- "layoutSpeed": [
860
- "4"
942
+ },
943
+ "Text": {
944
+ "variant": [
945
+ "title4"
946
+ ],
947
+ "color": [
948
+ "primary"
949
+ ]
950
+ },
951
+ "HStack": {
952
+ "display": [
953
+ "flex"
954
+ ],
955
+ "alignItems": [
956
+ "center"
957
+ ],
958
+ "justifyContent": [
959
+ "space-between"
960
+ ],
961
+ "columnGap": [
962
+ "2.5"
861
963
  ]
862
964
  }
863
965
  },
864
- "propToVariantKeys": {
865
- "reduceMotion": [
866
- "reducedMotion"
867
- ]
868
- },
966
+ "propToVariantKeys": {},
869
967
  "motionVarPrefixes": [
870
- "--uds-motion-subtle-4-",
871
968
  "--uds-motion-smooth-3-"
872
969
  ]
873
970
  },
874
- "Pressable": {
875
- "name": "Pressable",
876
- "defaultProps": {},
877
- "getStylesLiterals": {},
878
- "cxLiterals": [],
879
- "internalComponents": [
880
- "Comp"
881
- ],
882
- "internalComponentProps": {},
883
- "propToVariantKeys": {},
884
- "motionVarPrefixes": []
885
- },
886
971
  "AvoidMotionLibraryProvider": {
887
972
  "name": "AvoidMotionLibraryProvider",
888
973
  "defaultProps": {},
@@ -893,84 +978,88 @@
893
978
  "propToVariantKeys": {},
894
979
  "motionVarPrefixes": []
895
980
  },
896
- "SegmentedControl": {
897
- "name": "SegmentedControl",
981
+ "Modal": {
982
+ "name": "Modal",
898
983
  "defaultProps": {},
899
- "getStylesLiterals": {
900
- "display": "flex",
901
- "alignItems": "center",
902
- "backgroundColor": "primary",
903
- "spacingVertical": "1",
904
- "spacingHorizontal": "3",
905
- "columnGap": "1.5",
906
- "borderWidth": "thin",
907
- "borderRadius": "full",
908
- "borderColor": "muted",
909
- "borderColor:1": "transparent",
910
- "color": "primary",
911
- "color:1": "tertiary",
912
- "color:2": "muted"
913
- },
984
+ "getStylesLiterals": {},
914
985
  "cxLiterals": [
915
- "uds-ring",
916
- "cursor-not-allowed",
917
- "opacity-50",
918
- "pointer-events-none",
919
- "hover:bg-primary"
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"
920
1003
  ],
921
1004
  "internalComponents": [
922
- "Radio",
923
- "Icon",
924
- "RadioProvider",
1005
+ "IconButton",
1006
+ "Dialog",
925
1007
  "HStack",
926
- "RadioGroup",
927
- "Pressable",
928
- "Text"
1008
+ "Text",
1009
+ "VStack"
929
1010
  ],
930
1011
  "internalComponentProps": {
931
- "Icon": {
1012
+ "IconButton": {
1013
+ "aria-label": [
1014
+ "Close"
1015
+ ],
932
1016
  "size": [
933
1017
  "sm"
934
1018
  ],
935
- "color": [
936
- "current"
937
- ],
938
- "aria-hidden": [
939
- "true"
1019
+ "variant": [
1020
+ "tertiary"
940
1021
  ]
941
1022
  },
942
1023
  "HStack": {
943
- "spacing": [
944
- "1"
945
- ],
946
- "gap": [
947
- "1"
948
- ],
949
- "backgroundColor": [
950
- "secondary"
951
- ],
952
- "borderRadius": [
953
- "full"
1024
+ "alignItems": [
1025
+ "center"
954
1026
  ],
955
- "display": [
956
- "inline-flex"
1027
+ "justifyContent": [
1028
+ "space-between"
957
1029
  ]
958
1030
  },
959
1031
  "Text": {
960
1032
  "variant": [
961
- "label2"
1033
+ "headline1"
962
1034
  ],
963
1035
  "color": [
964
- "current"
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"
965
1057
  ]
966
1058
  }
967
1059
  },
968
1060
  "propToVariantKeys": {
969
- "value": [
970
- "key"
971
- ],
972
- "label": [
973
- "aria-label"
1061
+ "handleClose": [
1062
+ "onClick"
974
1063
  ]
975
1064
  },
976
1065
  "motionVarPrefixes": []
@@ -998,6 +1087,88 @@
998
1087
  "propToVariantKeys": {},
999
1088
  "motionVarPrefixes": []
1000
1089
  },
1090
+ "SegmentedControl": {
1091
+ "name": "SegmentedControl",
1092
+ "defaultProps": {},
1093
+ "getStylesLiterals": {
1094
+ "display": "flex",
1095
+ "alignItems": "center",
1096
+ "backgroundColor": "primary",
1097
+ "spacingVertical": "1",
1098
+ "spacingHorizontal": "3",
1099
+ "columnGap": "1.5",
1100
+ "borderWidth": "thin",
1101
+ "borderRadius": "full",
1102
+ "borderColor": "muted",
1103
+ "borderColor:1": "transparent",
1104
+ "color": "primary",
1105
+ "color:1": "tertiary",
1106
+ "color:2": "muted"
1107
+ },
1108
+ "cxLiterals": [
1109
+ "uds-ring",
1110
+ "cursor-not-allowed",
1111
+ "opacity-50",
1112
+ "pointer-events-none",
1113
+ "hover:bg-primary"
1114
+ ],
1115
+ "internalComponents": [
1116
+ "Radio",
1117
+ "Icon",
1118
+ "RadioProvider",
1119
+ "HStack",
1120
+ "RadioGroup",
1121
+ "Pressable",
1122
+ "Text"
1123
+ ],
1124
+ "internalComponentProps": {
1125
+ "Icon": {
1126
+ "size": [
1127
+ "sm"
1128
+ ],
1129
+ "color": [
1130
+ "current"
1131
+ ],
1132
+ "aria-hidden": [
1133
+ "true"
1134
+ ]
1135
+ },
1136
+ "HStack": {
1137
+ "spacing": [
1138
+ "1"
1139
+ ],
1140
+ "gap": [
1141
+ "1"
1142
+ ],
1143
+ "backgroundColor": [
1144
+ "secondary"
1145
+ ],
1146
+ "borderRadius": [
1147
+ "full"
1148
+ ],
1149
+ "display": [
1150
+ "inline-flex"
1151
+ ]
1152
+ },
1153
+ "Text": {
1154
+ "variant": [
1155
+ "label2"
1156
+ ],
1157
+ "color": [
1158
+ "current"
1159
+ ]
1160
+ }
1161
+ },
1162
+ "propToVariantKeys": {
1163
+ "value": [
1164
+ "key"
1165
+ ],
1166
+ "label": [
1167
+ "aria-label"
1168
+ ]
1169
+ },
1170
+ "motionVarPrefixes": []
1171
+ },
1001
1172
  "SwitchV2": {
1002
1173
  "name": "SwitchV2",
1003
1174
  "defaultProps": {
@@ -1185,200 +1356,70 @@
1185
1356
  "propToVariantKeys": {},
1186
1357
  "motionVarPrefixes": []
1187
1358
  },
1188
- "Modal": {
1189
- "name": "Modal",
1359
+ "Avatar": {
1360
+ "name": "Avatar",
1190
1361
  "defaultProps": {},
1191
1362
  "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": {},
1192
1378
  "cxLiterals": [
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"
1379
+ "overflow-hidden",
1380
+ "w-full",
1381
+ "h-full",
1382
+ "shrink-0",
1383
+ "text-center",
1384
+ "inline-flex",
1385
+ "justify-center",
1386
+ "items-center"
1210
1387
  ],
1211
1388
  "internalComponents": [
1212
- "IconButton",
1213
- "Dialog",
1214
- "HStack",
1215
- "Text",
1216
- "VStack"
1389
+ "IconSlot",
1390
+ "Box"
1217
1391
  ],
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
- },
1392
+ "internalComponentProps": {},
1267
1393
  "propToVariantKeys": {
1268
- "handleClose": [
1269
- "onClick"
1394
+ "size": [
1395
+ "avatarSizeIcon"
1270
1396
  ]
1271
1397
  },
1272
1398
  "motionVarPrefixes": []
1273
1399
  },
1274
- "Accordion": {
1275
- "name": "Accordion",
1400
+ "AvatarImage": {
1401
+ "name": "AvatarImage",
1276
1402
  "defaultProps": {
1277
- "spacingHorizontal": "4",
1278
- "spacingVertical": "4"
1403
+ "size": "md",
1404
+ "variant": "primary"
1279
1405
  },
1280
1406
  "getStylesLiterals": {},
1281
1407
  "cxLiterals": [
1282
- "hover:bg-secondary/80",
1283
- "w-full"
1408
+ "overflow-hidden",
1409
+ "w-full",
1410
+ "h-full",
1411
+ "shrink-0",
1412
+ "text-center",
1413
+ "inline-flex",
1414
+ "justify-center",
1415
+ "items-center",
1416
+ "object-cover"
1284
1417
  ],
1285
1418
  "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",
1369
- "h-full",
1370
- "shrink-0",
1371
- "text-center",
1372
- "inline-flex",
1373
- "justify-center",
1374
- "items-center",
1375
- "object-cover"
1376
- ],
1377
- "internalComponents": [
1378
- "UDSImage",
1379
- "AvatarText",
1380
- "AvatarIcon",
1381
- "Box"
1419
+ "UDSImage",
1420
+ "AvatarText",
1421
+ "AvatarIcon",
1422
+ "Box"
1382
1423
  ],
1383
1424
  "internalComponentProps": {},
1384
1425
  "propToVariantKeys": {
@@ -1426,43 +1467,59 @@
1426
1467
  "propToVariantKeys": {},
1427
1468
  "motionVarPrefixes": []
1428
1469
  },
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",
1470
+ "BottomSheet": {
1471
+ "name": "BottomSheet",
1443
1472
  "defaultProps": {
1444
- "size": "md",
1445
- "variant": "primary"
1473
+ "variant": "default"
1446
1474
  },
1447
1475
  "getStylesLiterals": {},
1448
1476
  "cxLiterals": [
1477
+ "fixed",
1449
1478
  "overflow-hidden",
1450
- "w-full",
1451
- "h-full",
1452
- "shrink-0",
1453
- "text-center",
1454
- "inline-flex",
1455
- "justify-center",
1456
- "items-center"
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"
1457
1493
  ],
1458
1494
  "internalComponents": [
1459
- "IconSlot",
1495
+ "Scrim",
1496
+ "BottomSheetHandle",
1497
+ "Dialog",
1460
1498
  "Box"
1461
1499
  ],
1462
- "internalComponentProps": {},
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
+ },
1463
1520
  "propToVariantKeys": {
1464
- "size": [
1465
- "avatarSizeIcon"
1521
+ "variant": [
1522
+ "bottomsheetVariantRoot"
1466
1523
  ]
1467
1524
  },
1468
1525
  "motionVarPrefixes": []
@@ -1512,63 +1569,6 @@
1512
1569
  "propToVariantKeys": {},
1513
1570
  "motionVarPrefixes": []
1514
1571
  },
1515
- "BottomSheet": {
1516
- "name": "BottomSheet",
1517
- "defaultProps": {
1518
- "variant": "default"
1519
- },
1520
- "getStylesLiterals": {},
1521
- "cxLiterals": [
1522
- "fixed",
1523
- "overflow-hidden",
1524
- "inset-x-0",
1525
- "bottom-0",
1526
- "z-50",
1527
- "[will-change:transform]",
1528
- "touch-none",
1529
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1530
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1531
- "transition-transform",
1532
- "duration-500",
1533
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1534
- "motion-reduce:transition-none",
1535
- "top-[-4px]",
1536
- "z-[1]",
1537
- "touch-pan-y"
1538
- ],
1539
- "internalComponents": [
1540
- "Scrim",
1541
- "BottomSheetHandle",
1542
- "Dialog",
1543
- "Box"
1544
- ],
1545
- "internalComponentProps": {
1546
- "BottomSheetHandle": {
1547
- "ariaLabel": [
1548
- "Resize sheet"
1549
- ]
1550
- },
1551
- "Dialog": {
1552
- "data-testid": [
1553
- "bottom-sheet"
1554
- ]
1555
- },
1556
- "Box": {
1557
- "display": [
1558
- "block"
1559
- ],
1560
- "position": [
1561
- "absolute"
1562
- ]
1563
- }
1564
- },
1565
- "propToVariantKeys": {
1566
- "variant": [
1567
- "bottomsheetVariantRoot"
1568
- ]
1569
- },
1570
- "motionVarPrefixes": []
1571
- },
1572
1572
  "BottomSheetHandle": {
1573
1573
  "name": "BottomSheetHandle",
1574
1574
  "defaultProps": {},
@@ -1660,25 +1660,25 @@
1660
1660
  },
1661
1661
  "motionVarPrefixes": []
1662
1662
  },
1663
- "BottomSheetTrigger": {
1664
- "name": "BottomSheetTrigger",
1663
+ "BottomSheetProvider": {
1664
+ "name": "BottomSheetProvider",
1665
1665
  "defaultProps": {},
1666
1666
  "getStylesLiterals": {},
1667
1667
  "cxLiterals": [],
1668
1668
  "internalComponents": [
1669
- "AriakitDialogDisclosure"
1669
+ "AriakitDialogProvider"
1670
1670
  ],
1671
1671
  "internalComponentProps": {},
1672
1672
  "propToVariantKeys": {},
1673
1673
  "motionVarPrefixes": []
1674
1674
  },
1675
- "BottomSheetProvider": {
1676
- "name": "BottomSheetProvider",
1675
+ "BottomSheetTrigger": {
1676
+ "name": "BottomSheetTrigger",
1677
1677
  "defaultProps": {},
1678
1678
  "getStylesLiterals": {},
1679
1679
  "cxLiterals": [],
1680
1680
  "internalComponents": [
1681
- "AriakitDialogProvider"
1681
+ "AriakitDialogDisclosure"
1682
1682
  ],
1683
1683
  "internalComponentProps": {},
1684
1684
  "propToVariantKeys": {},
@@ -1696,238 +1696,187 @@
1696
1696
  "propToVariantKeys": {},
1697
1697
  "motionVarPrefixes": []
1698
1698
  },
1699
- "UDSToastConfigProvider": {
1700
- "name": "UDSToastConfigProvider",
1699
+ "Chip": {
1700
+ "name": "Chip",
1701
1701
  "defaultProps": {},
1702
1702
  "getStylesLiterals": {},
1703
1703
  "cxLiterals": [],
1704
1704
  "internalComponents": [
1705
- "ToastContext.Provider"
1705
+ "ChipDismissible",
1706
+ "ChipToggle",
1707
+ "ChipLink",
1708
+ "ChipButton"
1706
1709
  ],
1707
1710
  "internalComponentProps": {},
1708
1711
  "propToVariantKeys": {},
1709
1712
  "motionVarPrefixes": []
1710
1713
  },
1711
- "Toast": {
1712
- "name": "Toast",
1713
- "defaultProps": {},
1714
- "getStylesLiterals": {
1715
- "className": "flex-none",
1716
- "spacing": "2",
1717
- "borderRadius": "full"
1714
+ "ChipBase": {
1715
+ "name": "ChipBase",
1716
+ "defaultProps": {
1717
+ "size": "md",
1718
+ "as": "div"
1718
1719
  },
1720
+ "getStylesLiterals": {},
1719
1721
  "cxLiterals": [
1720
- "transition-[background-color]",
1721
- "bg-carbon-15/0",
1722
- "hover:bg-carbon-15/10",
1723
- "active:bg-carbon-15/15",
1724
- "uds-ring"
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"
1725
1732
  ],
1726
1733
  "internalComponents": [
1727
1734
  "IconSlot",
1728
- "ToastContainer",
1729
- "Text",
1730
- "Button",
1731
- "Pressable"
1735
+ "HStack",
1736
+ "As",
1737
+ "Text"
1732
1738
  ],
1733
- "internalComponentProps": {},
1739
+ "internalComponentProps": {
1740
+ "Text": {
1741
+ "as": [
1742
+ "span"
1743
+ ],
1744
+ "color": [
1745
+ "current"
1746
+ ],
1747
+ "variant": [
1748
+ "inherit"
1749
+ ]
1750
+ }
1751
+ },
1734
1752
  "propToVariantKeys": {
1735
1753
  "size": [
1736
- "toastSizeLabel",
1737
- "toastSizeIcon",
1738
- "toastSizeActionButton",
1739
- "toastSizeCloseIcon"
1740
- ],
1741
- "variant": [
1742
- "toastVariantIcon",
1743
- "toastVariantActionButton",
1744
- "toastVariantCloseIcon"
1754
+ "chipSizeRoot",
1755
+ "chipSizeIcon"
1745
1756
  ],
1746
- "closeIcon": [
1757
+ "startIcon": [
1747
1758
  "icon"
1748
1759
  ],
1749
- "onClickActionButton": [
1750
- "onClick"
1760
+ "endIcon": [
1761
+ "icon"
1751
1762
  ]
1752
1763
  },
1753
1764
  "motionVarPrefixes": []
1754
1765
  },
1755
- "ToastContainer": {
1756
- "name": "ToastContainer",
1757
- "defaultProps": {},
1758
- "getStylesLiterals": {
1759
- "position": "relative",
1760
- "alignItems": "center",
1761
- "display": "flex",
1762
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1766
+ "ChipButton": {
1767
+ "name": "ChipButton",
1768
+ "defaultProps": {
1769
+ "variant": "primary"
1763
1770
  },
1771
+ "getStylesLiterals": {},
1764
1772
  "cxLiterals": [
1765
- "w-full"
1773
+ "uds-ring"
1766
1774
  ],
1767
1775
  "internalComponents": [
1768
- "HStack"
1776
+ "ChipBase"
1769
1777
  ],
1770
1778
  "internalComponentProps": {
1771
- "HStack": {
1772
- "alignItems": [
1773
- "center"
1774
- ],
1775
- "justifyContent": [
1776
- "space-between"
1777
- ],
1778
- "overflow": [
1779
- "hidden"
1780
- ],
1781
- "position": [
1782
- "relative"
1779
+ "ChipBase": {
1780
+ "as": [
1781
+ "button"
1783
1782
  ]
1784
1783
  }
1785
1784
  },
1786
1785
  "propToVariantKeys": {
1787
1786
  "variant": [
1788
- "toastVariantRoot"
1789
- ],
1790
- "size": [
1791
- "toastSizeRoot"
1787
+ "chipLinkVariantRoot",
1788
+ "chipLinkVariantIcon"
1792
1789
  ]
1793
1790
  },
1794
1791
  "motionVarPrefixes": []
1795
1792
  },
1796
- "ToastPortal": {
1797
- "name": "ToastPortal",
1798
- "defaultProps": {},
1793
+ "ChipDismissible": {
1794
+ "name": "ChipDismissible",
1795
+ "defaultProps": {
1796
+ "variant": "primary"
1797
+ },
1799
1798
  "getStylesLiterals": {},
1800
- "cxLiterals": [],
1801
- "internalComponents": [
1802
- "ReactToastifyToastContainer"
1799
+ "cxLiterals": [
1800
+ "uds-chip-dismissible-button",
1801
+ "uds-hit-target",
1802
+ "uds-ring",
1803
+ "rounded-full"
1803
1804
  ],
1804
- "internalComponentProps": {},
1805
- "propToVariantKeys": {},
1806
- "motionVarPrefixes": []
1807
- },
1808
- "UDSTooltipConfigProvider": {
1809
- "name": "UDSTooltipConfigProvider",
1810
- "defaultProps": {},
1811
- "getStylesLiterals": {},
1812
- "cxLiterals": [],
1813
1805
  "internalComponents": [
1814
- "TooltipContext.Provider"
1806
+ "ChipBase",
1807
+ "IconSlot",
1808
+ "Pressable"
1815
1809
  ],
1816
1810
  "internalComponentProps": {},
1817
- "propToVariantKeys": {},
1811
+ "propToVariantKeys": {
1812
+ "variant": [
1813
+ "chipDismissibleVariantRoot",
1814
+ "chipDismissibleVariantIcon"
1815
+ ],
1816
+ "dismissButtonAriaLabel": [
1817
+ "aria-label"
1818
+ ]
1819
+ },
1818
1820
  "motionVarPrefixes": []
1819
1821
  },
1820
- "TooltipTrigger": {
1821
- "name": "TooltipTrigger",
1822
- "defaultProps": {},
1822
+ "ChipLink": {
1823
+ "name": "ChipLink",
1824
+ "defaultProps": {
1825
+ "variant": "primary"
1826
+ },
1823
1827
  "getStylesLiterals": {},
1824
- "cxLiterals": [],
1828
+ "cxLiterals": [
1829
+ "uds-ring"
1830
+ ],
1825
1831
  "internalComponents": [
1826
- "TooltipAnchor"
1832
+ "ChipBase"
1827
1833
  ],
1828
1834
  "internalComponentProps": {
1829
- "TooltipAnchor": {
1830
- "className": [
1831
- "inline"
1835
+ "ChipBase": {
1836
+ "as": [
1837
+ "a"
1832
1838
  ]
1833
1839
  }
1834
1840
  },
1835
1841
  "propToVariantKeys": {
1836
- "children": [
1837
- "render"
1842
+ "variant": [
1843
+ "chipLinkVariantRoot",
1844
+ "chipLinkVariantIcon"
1838
1845
  ]
1839
1846
  },
1840
1847
  "motionVarPrefixes": []
1841
1848
  },
1842
- "TooltipContent": {
1843
- "name": "TooltipContent",
1844
- "defaultProps": {},
1849
+ "ChipToggle": {
1850
+ "name": "ChipToggle",
1851
+ "defaultProps": {
1852
+ "variant": "primary",
1853
+ "role": "checkbox"
1854
+ },
1845
1855
  "getStylesLiterals": {
1846
- "tooltipSizeRoot": "default",
1847
- "tooltipVariantRoot": "default",
1848
- "tooltipSizeSvg": "default",
1849
- "tooltipVariantSvg": "default",
1850
- "tooltipVariantBlur": "default",
1851
- "position": "absolute",
1852
- "width": "full",
1853
- "height": "full",
1854
- "tooltipSizeTitle": "default",
1855
- "tooltipSizeBody": "default",
1856
- "tooltipSizeEndContent": "default",
1857
- "tooltipSizeIcon": "default",
1858
- "tooltipVariantIcon": "default"
1856
+ "chipToggleVariantActiveRoot": "on",
1857
+ "chipToggleVariantActiveRoot:1": "off"
1859
1858
  },
1860
1859
  "cxLiterals": [
1861
- "flex",
1862
- "z-[9999]",
1863
- "stroke-1",
1864
- "uds-bgBlurFillFallback",
1865
- "uds-bgBlurFallback",
1866
- "top-0",
1867
- "left-0",
1868
- "z-[1]",
1869
- "transition-opacity",
1870
- "ease-in-out",
1871
- "absolute",
1872
- "w-full",
1873
- "h-full",
1874
- "overflow-visible",
1875
- "pointer-events-none",
1876
- "z-[2]"
1860
+ "uds-ring"
1877
1861
  ],
1878
1862
  "internalComponents": [
1879
- "Box",
1880
- "IconSlot",
1881
- "TooltipArrow",
1882
- "Tooltip",
1883
- "Fragment",
1884
- "Text"
1863
+ "ChipBase"
1885
1864
  ],
1886
1865
  "internalComponentProps": {
1887
- "Box": {
1888
- "position": [
1889
- "relative"
1890
- ],
1891
- "flexDirection": [
1892
- "column"
1893
- ],
1894
- "className": [
1895
- "z-[3] gap-[inherit]"
1896
- ],
1897
- "alignItems": [
1898
- "center"
1899
- ],
1900
- "columnGap": [
1901
- "1",
1902
- "1.5"
1903
- ]
1904
- },
1905
- "Text": {
1906
- "color": [
1907
- "inherit"
1866
+ "ChipBase": {
1867
+ "as": [
1868
+ "button"
1908
1869
  ]
1909
1870
  }
1910
1871
  },
1911
1872
  "propToVariantKeys": {
1912
- "startTitleIcon": [
1913
- "icon"
1873
+ "variant": [
1874
+ "chipToggleVariantRoot",
1875
+ "chipToggleVariantIcon"
1914
1876
  ]
1915
1877
  },
1916
1878
  "motionVarPrefixes": []
1917
1879
  },
1918
- "Tooltip": {
1919
- "name": "Tooltip",
1920
- "defaultProps": {},
1921
- "getStylesLiterals": {},
1922
- "cxLiterals": [],
1923
- "internalComponents": [
1924
- "TooltipInternalContext.Provider",
1925
- "TooltipProvider"
1926
- ],
1927
- "internalComponentProps": {},
1928
- "propToVariantKeys": {},
1929
- "motionVarPrefixes": []
1930
- },
1931
1880
  "Input": {
1932
1881
  "name": "Input",
1933
1882
  "defaultProps": {
@@ -2102,63 +2051,234 @@
2102
2051
  },
2103
2052
  "motionVarPrefixes": []
2104
2053
  },
2105
- "UDSConfigProvider": {
2106
- "name": "UDSConfigProvider",
2107
- "defaultProps": {},
2054
+ "Menu.Content": {
2055
+ "name": "Menu.Content",
2056
+ "defaultProps": {
2057
+ "size": "default",
2058
+ "variant": "default",
2059
+ "gutter": "1"
2060
+ },
2108
2061
  "getStylesLiterals": {},
2109
- "cxLiterals": [],
2062
+ "cxLiterals": [
2063
+ "uds-menu-content",
2064
+ "transition-shadow",
2065
+ "duration-200",
2066
+ "ease-in-out",
2067
+ "min-w-60",
2068
+ "max-w-lg",
2069
+ "max-h-96",
2070
+ "overflow-auto",
2071
+ "uds-ring",
2072
+ "z-10",
2073
+ "group"
2074
+ ],
2110
2075
  "internalComponents": [
2111
- "UDSBreakpointsConfigProvider",
2112
- "UDSBottomSheetConfigProvider",
2113
- "UDSToastConfigProvider",
2114
- "UDSTooltipConfigProvider"
2076
+ "AriakitMenu",
2077
+ "AnimatePresence",
2078
+ "MotionVStack"
2115
2079
  ],
2116
2080
  "internalComponentProps": {},
2081
+ "propToVariantKeys": {
2082
+ "size": [
2083
+ "menucontentSizeRoot"
2084
+ ],
2085
+ "variant": [
2086
+ "menucontentVariantRoot"
2087
+ ]
2088
+ },
2089
+ "motionVarPrefixes": []
2090
+ },
2091
+ "Menu.Divider": {
2092
+ "name": "Menu.Divider",
2093
+ "defaultProps": {
2094
+ "role": "separator",
2095
+ "contentPosition": "start",
2096
+ "gap": "4"
2097
+ },
2098
+ "getStylesLiterals": {
2099
+ "menuitemDividerVariantRoot": "default",
2100
+ "menuitemDividerVariantText": "default",
2101
+ "menuitemDividerVariantLine": "default"
2102
+ },
2103
+ "cxLiterals": [],
2104
+ "internalComponents": [
2105
+ "DividerInternal"
2106
+ ],
2107
+ "internalComponentProps": {
2108
+ "DividerInternal": {
2109
+ "variant": [
2110
+ "inherit"
2111
+ ]
2112
+ }
2113
+ },
2117
2114
  "propToVariantKeys": {},
2118
2115
  "motionVarPrefixes": []
2119
2116
  },
2120
- "UDSBreakpointsConfigProvider": {
2121
- "name": "UDSBreakpointsConfigProvider",
2117
+ "Menu.Item": {
2118
+ "name": "Menu.Item",
2122
2119
  "defaultProps": {},
2123
- "getStylesLiterals": {},
2120
+ "getStylesLiterals": {
2121
+ "menuitemItemVariantRoot": "default",
2122
+ "menuitemItemVariantActiveRoot": "on",
2123
+ "menuitemItemVariantActiveRoot:1": "off",
2124
+ "menuitemItemVariantText": "default",
2125
+ "menuitemItemVariantActiveText": "on",
2126
+ "menuitemItemVariantActiveText:1": "off",
2127
+ "menuitemItemVariantIcon": "default",
2128
+ "menuitemItemVariantActiveIcon": "on",
2129
+ "menuitemItemVariantActiveIcon:1": "off"
2130
+ },
2124
2131
  "cxLiterals": [],
2125
2132
  "internalComponents": [
2126
- "UDSBreakpointsConfigContext.Provider"
2133
+ "MenuItemBase"
2127
2134
  ],
2128
2135
  "internalComponentProps": {},
2129
2136
  "propToVariantKeys": {},
2130
2137
  "motionVarPrefixes": []
2131
2138
  },
2132
- "RadioGroupStore": {
2133
- "name": "RadioGroupStore",
2139
+ "Menu.ItemBase": {
2140
+ "name": "Menu.ItemBase",
2141
+ "defaultProps": {
2142
+ "spacing": "0",
2143
+ "spacingHorizontal": "4",
2144
+ "spacingVertical": "3.5",
2145
+ "columnGap": "2",
2146
+ "alignItems": "center",
2147
+ "justifyContent": "space-between"
2148
+ },
2149
+ "getStylesLiterals": {
2150
+ "textAlign": "start",
2151
+ "menuitemSizeRoot": "default",
2152
+ "flexDirection": "row",
2153
+ "menuitemSizeStartIcon": "default",
2154
+ "menuitemSizeEndIcon": "default"
2155
+ },
2156
+ "cxLiterals": [
2157
+ "flex",
2158
+ "focus-visible:text-brand",
2159
+ "focus-visible:bg-brand-secondary",
2160
+ "focus-visible:z-10",
2161
+ "uds-ring",
2162
+ "!-outline-offset-2",
2163
+ "[&:not([aria-checked])]:cursor-default",
2164
+ "opacity-25",
2165
+ "cursor-not-allowed",
2166
+ "duration-20",
2167
+ "transition-[font-variation-settings]",
2168
+ "ease-in-out",
2169
+ "z-0",
2170
+ "uds-start-icon",
2171
+ "uds-end-icon"
2172
+ ],
2173
+ "internalComponents": [
2174
+ "Pressable",
2175
+ "IconSlot",
2176
+ "RootComponent",
2177
+ "HStack",
2178
+ "AnimatePresence"
2179
+ ],
2180
+ "internalComponentProps": {
2181
+ "HStack": {
2182
+ "alignItems": [
2183
+ "center"
2184
+ ],
2185
+ "width": [
2186
+ "full"
2187
+ ]
2188
+ },
2189
+ "AnimatePresence": {
2190
+ "mode": [
2191
+ "popLayout"
2192
+ ]
2193
+ }
2194
+ },
2195
+ "propToVariantKeys": {
2196
+ "startIcon": [
2197
+ "icon"
2198
+ ],
2199
+ "endIcon": [
2200
+ "icon"
2201
+ ],
2202
+ "columnGap": [
2203
+ "gap"
2204
+ ]
2205
+ },
2206
+ "motionVarPrefixes": []
2207
+ },
2208
+ "Menu.ItemCheckbox": {
2209
+ "name": "Menu.ItemCheckbox",
2134
2210
  "defaultProps": {},
2135
- "getStylesLiterals": {},
2136
- "cxLiterals": [],
2137
- "internalComponents": [],
2211
+ "getStylesLiterals": {
2212
+ "menuitemItemCheckboxVariantRoot": "default",
2213
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2214
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2215
+ "menuitemItemCheckboxVariantText": "default",
2216
+ "menuitemItemCheckboxVariantActiveText": "on",
2217
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2218
+ "menuitemItemCheckboxVariantStartIcon": "default",
2219
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2220
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2221
+ "menuitemItemCheckboxVariantEndIcon": "default",
2222
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2223
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2224
+ },
2225
+ "cxLiterals": [
2226
+ "uds-menu-item-checkbox"
2227
+ ],
2228
+ "internalComponents": [
2229
+ "MenuItemBase"
2230
+ ],
2138
2231
  "internalComponentProps": {},
2139
2232
  "propToVariantKeys": {},
2140
2233
  "motionVarPrefixes": []
2141
2234
  },
2142
- "RadioGroupProvider": {
2143
- "name": "RadioGroupProvider",
2235
+ "Menu.Provider": {
2236
+ "name": "Menu.Provider",
2144
2237
  "defaultProps": {},
2145
2238
  "getStylesLiterals": {},
2146
2239
  "cxLiterals": [],
2147
2240
  "internalComponents": [
2148
- "DivProps",
2149
- "Comp",
2150
- "RadioGroupContext.Provider"
2241
+ "AriakitMenuProvider",
2242
+ "SpringMotionConfig"
2243
+ ],
2244
+ "internalComponentProps": {},
2245
+ "propToVariantKeys": {},
2246
+ "motionVarPrefixes": [
2247
+ "--uds-motion-subtle-3-",
2248
+ "--uds-motion-smooth-3-"
2249
+ ]
2250
+ },
2251
+ "Menu.Trigger": {
2252
+ "name": "Menu.Trigger",
2253
+ "defaultProps": {},
2254
+ "getStylesLiterals": {},
2255
+ "cxLiterals": [
2256
+ "uds-menu-trigger"
2257
+ ],
2258
+ "internalComponents": [
2259
+ "AriakitMenuTrigger",
2260
+ "Box"
2151
2261
  ],
2152
2262
  "internalComponentProps": {
2153
- "Comp": {
2154
- "role": [
2155
- "radiogroup"
2263
+ "Box": {
2264
+ "className": [
2265
+ "uds-ring h-fit w-fit"
2156
2266
  ]
2157
2267
  }
2158
2268
  },
2159
2269
  "propToVariantKeys": {},
2160
2270
  "motionVarPrefixes": []
2161
2271
  },
2272
+ "Menu": {
2273
+ "name": "Menu",
2274
+ "defaultProps": {},
2275
+ "getStylesLiterals": {},
2276
+ "cxLiterals": [],
2277
+ "internalComponents": [],
2278
+ "internalComponentProps": {},
2279
+ "propToVariantKeys": {},
2280
+ "motionVarPrefixes": []
2281
+ },
2162
2282
  "Radio": {
2163
2283
  "name": "Radio",
2164
2284
  "defaultProps": {
@@ -2271,410 +2391,290 @@
2271
2391
  "--uds-motion-smooth-3-"
2272
2392
  ]
2273
2393
  },
2274
- "ChipLink": {
2275
- "name": "ChipLink",
2276
- "defaultProps": {
2277
- "variant": "primary"
2278
- },
2394
+ "RadioGroupProvider": {
2395
+ "name": "RadioGroupProvider",
2396
+ "defaultProps": {},
2279
2397
  "getStylesLiterals": {},
2280
- "cxLiterals": [
2281
- "uds-ring"
2282
- ],
2398
+ "cxLiterals": [],
2283
2399
  "internalComponents": [
2284
- "ChipBase"
2400
+ "DivProps",
2401
+ "Comp",
2402
+ "RadioGroupContext.Provider"
2285
2403
  ],
2286
2404
  "internalComponentProps": {
2287
- "ChipBase": {
2288
- "as": [
2289
- "a"
2405
+ "Comp": {
2406
+ "role": [
2407
+ "radiogroup"
2290
2408
  ]
2291
2409
  }
2292
2410
  },
2293
- "propToVariantKeys": {
2294
- "variant": [
2295
- "chipLinkVariantRoot",
2296
- "chipLinkVariantIcon"
2297
- ]
2298
- },
2411
+ "propToVariantKeys": {},
2299
2412
  "motionVarPrefixes": []
2300
2413
  },
2301
- "ChipDismissible": {
2302
- "name": "ChipDismissible",
2303
- "defaultProps": {
2304
- "variant": "primary"
2305
- },
2414
+ "RadioGroupStore": {
2415
+ "name": "RadioGroupStore",
2416
+ "defaultProps": {},
2306
2417
  "getStylesLiterals": {},
2418
+ "cxLiterals": [],
2419
+ "internalComponents": [],
2420
+ "internalComponentProps": {},
2421
+ "propToVariantKeys": {},
2422
+ "motionVarPrefixes": []
2423
+ },
2424
+ "Toast": {
2425
+ "name": "Toast",
2426
+ "defaultProps": {},
2427
+ "getStylesLiterals": {
2428
+ "className": "flex-none",
2429
+ "spacing": "2",
2430
+ "borderRadius": "full"
2431
+ },
2307
2432
  "cxLiterals": [
2308
- "uds-chip-dismissible-button",
2309
- "uds-hit-target",
2310
- "uds-ring",
2311
- "rounded-full"
2433
+ "transition-[background-color]",
2434
+ "bg-carbon-15/0",
2435
+ "hover:bg-carbon-15/10",
2436
+ "active:bg-carbon-15/15",
2437
+ "uds-ring"
2312
2438
  ],
2313
2439
  "internalComponents": [
2314
- "ChipBase",
2315
2440
  "IconSlot",
2316
- "Pressable"
2441
+ "ToastContainer",
2442
+ "Text",
2443
+ "Button",
2444
+ "Pressable"
2317
2445
  ],
2318
2446
  "internalComponentProps": {},
2319
2447
  "propToVariantKeys": {
2448
+ "size": [
2449
+ "toastSizeLabel",
2450
+ "toastSizeIcon",
2451
+ "toastSizeActionButton",
2452
+ "toastSizeCloseIcon"
2453
+ ],
2320
2454
  "variant": [
2321
- "chipDismissibleVariantRoot",
2322
- "chipDismissibleVariantIcon"
2455
+ "toastVariantIcon",
2456
+ "toastVariantActionButton",
2457
+ "toastVariantCloseIcon"
2323
2458
  ],
2324
- "dismissButtonAriaLabel": [
2325
- "aria-label"
2459
+ "closeIcon": [
2460
+ "icon"
2461
+ ],
2462
+ "onClickActionButton": [
2463
+ "onClick"
2326
2464
  ]
2327
2465
  },
2328
2466
  "motionVarPrefixes": []
2329
2467
  },
2330
- "ChipToggle": {
2331
- "name": "ChipToggle",
2332
- "defaultProps": {
2333
- "variant": "primary",
2334
- "role": "checkbox"
2335
- },
2468
+ "ToastContainer": {
2469
+ "name": "ToastContainer",
2470
+ "defaultProps": {},
2336
2471
  "getStylesLiterals": {
2337
- "chipToggleVariantActiveRoot": "on",
2338
- "chipToggleVariantActiveRoot:1": "off"
2472
+ "position": "relative",
2473
+ "alignItems": "center",
2474
+ "display": "flex",
2475
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2339
2476
  },
2340
2477
  "cxLiterals": [
2341
- "uds-ring"
2478
+ "w-full"
2342
2479
  ],
2343
2480
  "internalComponents": [
2344
- "ChipBase"
2481
+ "HStack"
2345
2482
  ],
2346
2483
  "internalComponentProps": {
2347
- "ChipBase": {
2348
- "as": [
2349
- "button"
2484
+ "HStack": {
2485
+ "alignItems": [
2486
+ "center"
2487
+ ],
2488
+ "justifyContent": [
2489
+ "space-between"
2490
+ ],
2491
+ "overflow": [
2492
+ "hidden"
2493
+ ],
2494
+ "position": [
2495
+ "relative"
2350
2496
  ]
2351
2497
  }
2352
2498
  },
2353
2499
  "propToVariantKeys": {
2354
2500
  "variant": [
2355
- "chipToggleVariantRoot",
2356
- "chipToggleVariantIcon"
2501
+ "toastVariantRoot"
2502
+ ],
2503
+ "size": [
2504
+ "toastSizeRoot"
2357
2505
  ]
2358
2506
  },
2359
2507
  "motionVarPrefixes": []
2360
2508
  },
2361
- "Chip": {
2362
- "name": "Chip",
2509
+ "ToastPortal": {
2510
+ "name": "ToastPortal",
2363
2511
  "defaultProps": {},
2364
2512
  "getStylesLiterals": {},
2365
2513
  "cxLiterals": [],
2366
2514
  "internalComponents": [
2367
- "ChipDismissible",
2368
- "ChipToggle",
2369
- "ChipLink",
2370
- "ChipButton"
2515
+ "ReactToastifyToastContainer"
2371
2516
  ],
2372
2517
  "internalComponentProps": {},
2373
2518
  "propToVariantKeys": {},
2374
2519
  "motionVarPrefixes": []
2375
2520
  },
2376
- "ChipBase": {
2377
- "name": "ChipBase",
2378
- "defaultProps": {
2379
- "size": "md",
2380
- "as": "div"
2381
- },
2382
- "getStylesLiterals": {},
2383
- "cxLiterals": [
2384
- "pointer-events-none",
2385
- "cursor-default",
2386
- "opacity-50",
2387
- "inline-flex",
2388
- "items-center",
2389
- "transition-[background-color,outline-color,box-shadow]",
2390
- "truncate",
2391
- "whitespace-nowrap",
2392
- "text-center",
2393
- "flex-1"
2394
- ],
2395
- "internalComponents": [
2396
- "IconSlot",
2397
- "HStack",
2398
- "As",
2399
- "Text"
2400
- ],
2401
- "internalComponentProps": {
2402
- "Text": {
2403
- "as": [
2404
- "span"
2405
- ],
2406
- "color": [
2407
- "current"
2408
- ],
2409
- "variant": [
2410
- "inherit"
2411
- ]
2412
- }
2413
- },
2414
- "propToVariantKeys": {
2415
- "size": [
2416
- "chipSizeRoot",
2417
- "chipSizeIcon"
2418
- ],
2419
- "startIcon": [
2420
- "icon"
2421
- ],
2422
- "endIcon": [
2423
- "icon"
2424
- ]
2425
- },
2426
- "motionVarPrefixes": []
2427
- },
2428
- "ChipButton": {
2429
- "name": "ChipButton",
2430
- "defaultProps": {
2431
- "variant": "primary"
2432
- },
2433
- "getStylesLiterals": {},
2434
- "cxLiterals": [
2435
- "uds-ring"
2436
- ],
2437
- "internalComponents": [
2438
- "ChipBase"
2439
- ],
2440
- "internalComponentProps": {
2441
- "ChipBase": {
2442
- "as": [
2443
- "button"
2444
- ]
2445
- }
2446
- },
2447
- "propToVariantKeys": {
2448
- "variant": [
2449
- "chipLinkVariantRoot",
2450
- "chipLinkVariantIcon"
2451
- ]
2452
- },
2453
- "motionVarPrefixes": []
2454
- },
2455
- "Menu.Item": {
2456
- "name": "Menu.Item",
2521
+ "UDSToastConfigProvider": {
2522
+ "name": "UDSToastConfigProvider",
2457
2523
  "defaultProps": {},
2458
- "getStylesLiterals": {
2459
- "menuitemItemVariantRoot": "default",
2460
- "menuitemItemVariantActiveRoot": "on",
2461
- "menuitemItemVariantActiveRoot:1": "off",
2462
- "menuitemItemVariantText": "default",
2463
- "menuitemItemVariantActiveText": "on",
2464
- "menuitemItemVariantActiveText:1": "off",
2465
- "menuitemItemVariantIcon": "default",
2466
- "menuitemItemVariantActiveIcon": "on",
2467
- "menuitemItemVariantActiveIcon:1": "off"
2468
- },
2524
+ "getStylesLiterals": {},
2469
2525
  "cxLiterals": [],
2470
2526
  "internalComponents": [
2471
- "MenuItemBase"
2527
+ "ToastContext.Provider"
2472
2528
  ],
2473
2529
  "internalComponentProps": {},
2474
2530
  "propToVariantKeys": {},
2475
2531
  "motionVarPrefixes": []
2476
2532
  },
2477
- "Menu.Provider": {
2478
- "name": "Menu.Provider",
2533
+ "Tooltip": {
2534
+ "name": "Tooltip",
2479
2535
  "defaultProps": {},
2480
2536
  "getStylesLiterals": {},
2481
2537
  "cxLiterals": [],
2482
2538
  "internalComponents": [
2483
- "AriakitMenuProvider",
2484
- "SpringMotionConfig"
2539
+ "TooltipInternalContext.Provider",
2540
+ "TooltipProvider"
2485
2541
  ],
2486
2542
  "internalComponentProps": {},
2487
2543
  "propToVariantKeys": {},
2488
- "motionVarPrefixes": [
2489
- "--uds-motion-subtle-3-",
2490
- "--uds-motion-smooth-3-"
2491
- ]
2544
+ "motionVarPrefixes": []
2492
2545
  },
2493
- "Menu.ItemBase": {
2494
- "name": "Menu.ItemBase",
2495
- "defaultProps": {
2496
- "spacing": "0",
2497
- "spacingHorizontal": "4",
2498
- "spacingVertical": "3.5",
2499
- "columnGap": "2",
2500
- "alignItems": "center",
2501
- "justifyContent": "space-between"
2502
- },
2546
+ "TooltipContent": {
2547
+ "name": "TooltipContent",
2548
+ "defaultProps": {},
2503
2549
  "getStylesLiterals": {
2504
- "textAlign": "start",
2505
- "menuitemSizeRoot": "default",
2506
- "flexDirection": "row",
2507
- "menuitemSizeStartIcon": "default",
2508
- "menuitemSizeEndIcon": "default"
2550
+ "tooltipSizeRoot": "default",
2551
+ "tooltipVariantRoot": "default",
2552
+ "tooltipSizeSvg": "default",
2553
+ "tooltipVariantSvg": "default",
2554
+ "tooltipVariantBlur": "default",
2555
+ "position": "absolute",
2556
+ "width": "full",
2557
+ "height": "full",
2558
+ "tooltipSizeTitle": "default",
2559
+ "tooltipSizeBody": "default",
2560
+ "tooltipSizeEndContent": "default",
2561
+ "tooltipSizeIcon": "default",
2562
+ "tooltipVariantIcon": "default"
2509
2563
  },
2510
2564
  "cxLiterals": [
2511
2565
  "flex",
2512
- "focus-visible:text-brand",
2513
- "focus-visible:bg-brand-secondary",
2514
- "focus-visible:z-10",
2515
- "uds-ring",
2516
- "!-outline-offset-2",
2517
- "[&:not([aria-checked])]:cursor-default",
2518
- "opacity-25",
2519
- "cursor-not-allowed",
2520
- "duration-20",
2521
- "transition-[font-variation-settings]",
2566
+ "z-[9999]",
2567
+ "stroke-1",
2568
+ "uds-bgBlurFillFallback",
2569
+ "uds-bgBlurFallback",
2570
+ "top-0",
2571
+ "left-0",
2572
+ "z-[1]",
2573
+ "transition-opacity",
2522
2574
  "ease-in-out",
2523
- "z-0",
2524
- "uds-start-icon",
2525
- "uds-end-icon"
2575
+ "absolute",
2576
+ "w-full",
2577
+ "h-full",
2578
+ "overflow-visible",
2579
+ "pointer-events-none",
2580
+ "z-[2]"
2526
2581
  ],
2527
2582
  "internalComponents": [
2528
- "Pressable",
2583
+ "Box",
2529
2584
  "IconSlot",
2530
- "RootComponent",
2531
- "HStack",
2532
- "AnimatePresence"
2585
+ "TooltipArrow",
2586
+ "Tooltip",
2587
+ "Fragment",
2588
+ "Text"
2533
2589
  ],
2534
2590
  "internalComponentProps": {
2535
- "HStack": {
2591
+ "Box": {
2592
+ "position": [
2593
+ "relative"
2594
+ ],
2595
+ "flexDirection": [
2596
+ "column"
2597
+ ],
2598
+ "className": [
2599
+ "z-[3] gap-[inherit]"
2600
+ ],
2536
2601
  "alignItems": [
2537
2602
  "center"
2538
2603
  ],
2539
- "width": [
2540
- "full"
2604
+ "columnGap": [
2605
+ "1",
2606
+ "1.5"
2541
2607
  ]
2542
2608
  },
2543
- "AnimatePresence": {
2544
- "mode": [
2545
- "popLayout"
2609
+ "Text": {
2610
+ "color": [
2611
+ "inherit"
2546
2612
  ]
2547
2613
  }
2548
2614
  },
2549
2615
  "propToVariantKeys": {
2550
- "startIcon": [
2551
- "icon"
2552
- ],
2553
- "endIcon": [
2616
+ "startTitleIcon": [
2554
2617
  "icon"
2555
- ],
2556
- "columnGap": [
2557
- "gap"
2558
2618
  ]
2559
2619
  },
2560
2620
  "motionVarPrefixes": []
2561
2621
  },
2562
- "Menu.Trigger": {
2563
- "name": "Menu.Trigger",
2622
+ "TooltipTrigger": {
2623
+ "name": "TooltipTrigger",
2564
2624
  "defaultProps": {},
2565
2625
  "getStylesLiterals": {},
2566
- "cxLiterals": [
2567
- "uds-menu-trigger"
2568
- ],
2626
+ "cxLiterals": [],
2569
2627
  "internalComponents": [
2570
- "AriakitMenuTrigger",
2571
- "Box"
2628
+ "TooltipAnchor"
2572
2629
  ],
2573
2630
  "internalComponentProps": {
2574
- "Box": {
2631
+ "TooltipAnchor": {
2575
2632
  "className": [
2576
- "uds-ring h-fit w-fit"
2633
+ "inline"
2577
2634
  ]
2578
2635
  }
2579
2636
  },
2580
- "propToVariantKeys": {},
2581
- "motionVarPrefixes": []
2582
- },
2583
- "Menu.Content": {
2584
- "name": "Menu.Content",
2585
- "defaultProps": {
2586
- "size": "default",
2587
- "variant": "default",
2588
- "gutter": "1"
2589
- },
2590
- "getStylesLiterals": {},
2591
- "cxLiterals": [
2592
- "uds-menu-content",
2593
- "transition-shadow",
2594
- "duration-200",
2595
- "ease-in-out",
2596
- "min-w-60",
2597
- "max-w-lg",
2598
- "max-h-96",
2599
- "overflow-auto",
2600
- "uds-ring",
2601
- "z-10",
2602
- "group"
2603
- ],
2604
- "internalComponents": [
2605
- "AriakitMenu",
2606
- "AnimatePresence",
2607
- "MotionVStack"
2608
- ],
2609
- "internalComponentProps": {},
2610
2637
  "propToVariantKeys": {
2611
- "size": [
2612
- "menucontentSizeRoot"
2613
- ],
2614
- "variant": [
2615
- "menucontentVariantRoot"
2638
+ "children": [
2639
+ "render"
2616
2640
  ]
2617
2641
  },
2618
2642
  "motionVarPrefixes": []
2619
2643
  },
2620
- "Menu.Divider": {
2621
- "name": "Menu.Divider",
2622
- "defaultProps": {
2623
- "role": "separator",
2624
- "contentPosition": "start",
2625
- "gap": "4"
2626
- },
2627
- "getStylesLiterals": {
2628
- "menuitemDividerVariantRoot": "default",
2629
- "menuitemDividerVariantText": "default",
2630
- "menuitemDividerVariantLine": "default"
2631
- },
2644
+ "UDSTooltipConfigProvider": {
2645
+ "name": "UDSTooltipConfigProvider",
2646
+ "defaultProps": {},
2647
+ "getStylesLiterals": {},
2632
2648
  "cxLiterals": [],
2633
2649
  "internalComponents": [
2634
- "DividerInternal"
2650
+ "TooltipContext.Provider"
2635
2651
  ],
2636
- "internalComponentProps": {
2637
- "DividerInternal": {
2638
- "variant": [
2639
- "inherit"
2640
- ]
2641
- }
2642
- },
2652
+ "internalComponentProps": {},
2643
2653
  "propToVariantKeys": {},
2644
2654
  "motionVarPrefixes": []
2645
2655
  },
2646
- "Menu": {
2647
- "name": "Menu",
2656
+ "UDSBreakpointsConfigProvider": {
2657
+ "name": "UDSBreakpointsConfigProvider",
2648
2658
  "defaultProps": {},
2649
2659
  "getStylesLiterals": {},
2650
2660
  "cxLiterals": [],
2651
- "internalComponents": [],
2661
+ "internalComponents": [
2662
+ "UDSBreakpointsConfigContext.Provider"
2663
+ ],
2652
2664
  "internalComponentProps": {},
2653
2665
  "propToVariantKeys": {},
2654
2666
  "motionVarPrefixes": []
2655
2667
  },
2656
- "Menu.ItemCheckbox": {
2657
- "name": "Menu.ItemCheckbox",
2668
+ "UDSConfigProvider": {
2669
+ "name": "UDSConfigProvider",
2658
2670
  "defaultProps": {},
2659
- "getStylesLiterals": {
2660
- "menuitemItemCheckboxVariantRoot": "default",
2661
- "menuitemItemCheckboxVariantActiveRoot": "on",
2662
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2663
- "menuitemItemCheckboxVariantText": "default",
2664
- "menuitemItemCheckboxVariantActiveText": "on",
2665
- "menuitemItemCheckboxVariantActiveText:1": "off",
2666
- "menuitemItemCheckboxVariantStartIcon": "default",
2667
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2668
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2669
- "menuitemItemCheckboxVariantEndIcon": "default",
2670
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2671
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2672
- },
2673
- "cxLiterals": [
2674
- "uds-menu-item-checkbox"
2675
- ],
2671
+ "getStylesLiterals": {},
2672
+ "cxLiterals": [],
2676
2673
  "internalComponents": [
2677
- "MenuItemBase"
2674
+ "UDSBreakpointsConfigProvider",
2675
+ "UDSBottomSheetConfigProvider",
2676
+ "UDSToastConfigProvider",
2677
+ "UDSTooltipConfigProvider"
2678
2678
  ],
2679
2679
  "internalComponentProps": {},
2680
2680
  "propToVariantKeys": {},