@yahoo/uds 3.116.0-beta.1 → 3.116.0-beta.3

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