@yahoo/uds 3.117.6 → 3.118.0

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