@yahoo/uds 3.120.0 → 3.121.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 (66) hide show
  1. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  2. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  3. package/dist/components/client/Popover/Popover.cjs +1 -1
  4. package/dist/components/client/Popover/Popover.js +1 -1
  5. package/dist/components/client/Popover/PopoverContent.cjs +12 -17
  6. package/dist/components/client/Popover/PopoverContent.js +12 -17
  7. package/dist/components/client/Popover/UDSPopoverConfigProvider.cjs +13 -3
  8. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +13 -5
  9. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +13 -5
  10. package/dist/components/client/Popover/UDSPopoverConfigProvider.js +13 -3
  11. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  12. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  13. package/dist/index.d.cts +2 -2
  14. package/dist/index.d.ts +2 -2
  15. package/dist/runtime/popoverConfig.cjs +2 -0
  16. package/dist/runtime/popoverConfig.d.cts +3 -1
  17. package/dist/runtime/popoverConfig.d.ts +3 -1
  18. package/dist/runtime/popoverConfig.js +2 -0
  19. package/dist/styles/styler.d.cts +51 -51
  20. package/dist/styles/styler.d.ts +51 -51
  21. package/dist/tailwind/dist/commands/generateComponentData.cjs +5 -1
  22. package/dist/tailwind/dist/commands/generateComponentData.d.cts +3 -0
  23. package/dist/tailwind/dist/commands/generateComponentData.d.cts.map +1 -1
  24. package/dist/tailwind/dist/commands/generateComponentData.d.ts +3 -0
  25. package/dist/tailwind/dist/commands/generateComponentData.d.ts.map +1 -1
  26. package/dist/tailwind/dist/commands/generateComponentData.js +5 -1
  27. package/dist/tailwind/dist/commands/generateComponentData.js.map +1 -1
  28. package/dist/tailwind/dist/css/generate.cjs +2 -1
  29. package/dist/tailwind/dist/css/generate.d.cts.map +1 -1
  30. package/dist/tailwind/dist/css/generate.d.ts.map +1 -1
  31. package/dist/tailwind/dist/css/generate.js +3 -2
  32. package/dist/tailwind/dist/css/generate.js.map +1 -1
  33. package/dist/tailwind/dist/css/nodeUtils.cjs +7 -5
  34. package/dist/tailwind/dist/css/nodeUtils.js +7 -5
  35. package/dist/tailwind/dist/css/nodeUtils.js.map +1 -1
  36. package/dist/tailwind/dist/css/runner.cjs +4 -3
  37. package/dist/tailwind/dist/css/runner.js +5 -4
  38. package/dist/tailwind/dist/css/runner.js.map +1 -1
  39. package/dist/tailwind/dist/css/utils.cjs +62 -0
  40. package/dist/tailwind/dist/css/utils.js +62 -1
  41. package/dist/tailwind/dist/css/utils.js.map +1 -1
  42. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +104 -19
  43. package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.cts +5 -0
  44. package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.cts.map +1 -1
  45. package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.ts +5 -0
  46. package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.ts.map +1 -1
  47. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +104 -19
  48. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js.map +1 -1
  49. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +99 -10
  50. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +99 -10
  51. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js.map +1 -1
  52. package/dist/tailwind/dist/runtimeConfig/hookMetadata.cjs +364 -0
  53. package/dist/tailwind/dist/runtimeConfig/hookMetadata.js +358 -0
  54. package/dist/tailwind/dist/runtimeConfig/hookMetadata.js.map +1 -0
  55. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  56. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  57. package/dist/tokens/index.d.cts +2 -2
  58. package/dist/tokens/index.d.ts +2 -2
  59. package/dist/tokens/types.d.cts +2 -2
  60. package/dist/tokens/types.d.ts +2 -2
  61. package/dist/types/dist/index.d.cts +2 -1
  62. package/dist/types/dist/index.d.ts +2 -1
  63. package/dist/uds/generated/componentData.cjs +858 -571
  64. package/dist/uds/generated/componentData.js +858 -571
  65. package/generated/componentData.json +1786 -1437
  66. package/package.json +1 -1
@@ -19,6 +19,9 @@
19
19
  "dropShadow"
20
20
  ]
21
21
  },
22
+ "runtimeConfigDefaultProps": {},
23
+ "runtimeConfigGetStyles": {},
24
+ "runtimeConfigInternalComponentProps": {},
22
25
  "motionVarPrefixes": []
23
26
  },
24
27
  "FormLabel": {
@@ -49,6 +52,9 @@
49
52
  }
50
53
  },
51
54
  "propToVariantKeys": {},
55
+ "runtimeConfigDefaultProps": {},
56
+ "runtimeConfigGetStyles": {},
57
+ "runtimeConfigInternalComponentProps": {},
52
58
  "motionVarPrefixes": []
53
59
  },
54
60
  "HStack": {
@@ -72,6 +78,9 @@
72
78
  "columnGap"
73
79
  ]
74
80
  },
81
+ "runtimeConfigDefaultProps": {},
82
+ "runtimeConfigGetStyles": {},
83
+ "runtimeConfigInternalComponentProps": {},
75
84
  "motionVarPrefixes": []
76
85
  },
77
86
  "Icon": {
@@ -92,6 +101,9 @@
92
101
  ],
93
102
  "internalComponentProps": {},
94
103
  "propToVariantKeys": {},
104
+ "runtimeConfigDefaultProps": {},
105
+ "runtimeConfigGetStyles": {},
106
+ "runtimeConfigInternalComponentProps": {},
95
107
  "motionVarPrefixes": []
96
108
  },
97
109
  "IconSlot": {
@@ -104,6 +116,9 @@
104
116
  ],
105
117
  "internalComponentProps": {},
106
118
  "propToVariantKeys": {},
119
+ "runtimeConfigDefaultProps": {},
120
+ "runtimeConfigGetStyles": {},
121
+ "runtimeConfigInternalComponentProps": {},
107
122
  "motionVarPrefixes": []
108
123
  },
109
124
  "Image": {
@@ -114,6 +129,9 @@
114
129
  "internalComponents": [],
115
130
  "internalComponentProps": {},
116
131
  "propToVariantKeys": {},
132
+ "runtimeConfigDefaultProps": {},
133
+ "runtimeConfigGetStyles": {},
134
+ "runtimeConfigInternalComponentProps": {},
117
135
  "motionVarPrefixes": []
118
136
  },
119
137
  "Link": {
@@ -164,6 +182,9 @@
164
182
  "icon"
165
183
  ]
166
184
  },
185
+ "runtimeConfigDefaultProps": {},
186
+ "runtimeConfigGetStyles": {},
187
+ "runtimeConfigInternalComponentProps": {},
167
188
  "motionVarPrefixes": []
168
189
  },
169
190
  "Scrim": {
@@ -200,6 +221,9 @@
200
221
  "scrimVariantRoot"
201
222
  ]
202
223
  },
224
+ "runtimeConfigDefaultProps": {},
225
+ "runtimeConfigGetStyles": {},
226
+ "runtimeConfigInternalComponentProps": {},
203
227
  "motionVarPrefixes": []
204
228
  },
205
229
  "SvgFloatingOverlay": {
@@ -248,6 +272,9 @@
248
272
  "className"
249
273
  ]
250
274
  },
275
+ "runtimeConfigDefaultProps": {},
276
+ "runtimeConfigGetStyles": {},
277
+ "runtimeConfigInternalComponentProps": {},
251
278
  "motionVarPrefixes": []
252
279
  },
253
280
  "Text": {
@@ -272,6 +299,9 @@
272
299
  "letterSpacing"
273
300
  ]
274
301
  },
302
+ "runtimeConfigDefaultProps": {},
303
+ "runtimeConfigGetStyles": {},
304
+ "runtimeConfigInternalComponentProps": {},
275
305
  "motionVarPrefixes": []
276
306
  },
277
307
  "VStack": {
@@ -295,6 +325,9 @@
295
325
  "rowGap"
296
326
  ]
297
327
  },
328
+ "runtimeConfigDefaultProps": {},
329
+ "runtimeConfigGetStyles": {},
330
+ "runtimeConfigInternalComponentProps": {},
298
331
  "motionVarPrefixes": []
299
332
  },
300
333
  "Divider": {
@@ -307,6 +340,9 @@
307
340
  ],
308
341
  "internalComponentProps": {},
309
342
  "propToVariantKeys": {},
343
+ "runtimeConfigDefaultProps": {},
344
+ "runtimeConfigGetStyles": {},
345
+ "runtimeConfigInternalComponentProps": {},
310
346
  "motionVarPrefixes": []
311
347
  },
312
348
  "DividerCore": {
@@ -353,6 +389,9 @@
353
389
  }
354
390
  },
355
391
  "propToVariantKeys": {},
392
+ "runtimeConfigDefaultProps": {},
393
+ "runtimeConfigGetStyles": {},
394
+ "runtimeConfigInternalComponentProps": {},
356
395
  "motionVarPrefixes": []
357
396
  },
358
397
  "DividerInternal": {
@@ -375,83 +414,9 @@
375
414
  "dividerVariantLine"
376
415
  ]
377
416
  },
378
- "motionVarPrefixes": []
379
- },
380
- "Spinner": {
381
- "name": "Spinner",
382
- "defaultProps": {
383
- "color": "primary",
384
- "size": "lg"
385
- },
386
- "getStylesLiterals": {},
387
- "cxLiterals": [
388
- "self-center",
389
- "relative",
390
- "sr-only"
391
- ],
392
- "internalComponents": [
393
- "Icon"
394
- ],
395
- "internalComponentProps": {
396
- "Icon": {
397
- "role": [
398
- "img"
399
- ],
400
- "className": [
401
- "animate-spin"
402
- ],
403
- "aria-hidden": [
404
- "true"
405
- ]
406
- }
407
- },
408
- "propToVariantKeys": {},
409
- "motionVarPrefixes": []
410
- },
411
- "Table.mocks": {
412
- "name": "Table.mocks",
413
- "defaultProps": {},
414
- "getStylesLiterals": {},
415
- "cxLiterals": [],
416
- "internalComponents": [],
417
- "internalComponentProps": {},
418
- "propToVariantKeys": {},
419
- "motionVarPrefixes": []
420
- },
421
- "Table": {
422
- "name": "Table",
423
- "defaultProps": {
424
- "display": "table-cell",
425
- "overflow": "hidden",
426
- "borderColor": "muted",
427
- "borderRadius": "md",
428
- "spacing": "3",
429
- "borderBottomColor": "muted",
430
- "borderBottomWidth": "thin",
431
- "color": "primary"
432
- },
433
- "getStylesLiterals": {
434
- "textAlign": "start"
435
- },
436
- "cxLiterals": [],
437
- "internalComponents": [
438
- "CellComponent",
439
- "Box",
440
- "Text",
441
- "Table.Root",
442
- "Table.Header",
443
- "Table.Row",
444
- "Table.Cell",
445
- "Table.Body"
446
- ],
447
- "internalComponentProps": {
448
- "Table.Cell": {
449
- "asHeaderCell": [
450
- "column"
451
- ]
452
- }
453
- },
454
- "propToVariantKeys": {},
417
+ "runtimeConfigDefaultProps": {},
418
+ "runtimeConfigGetStyles": {},
419
+ "runtimeConfigInternalComponentProps": {},
455
420
  "motionVarPrefixes": []
456
421
  },
457
422
  "AnimateHeightChange": {
@@ -476,6 +441,9 @@
476
441
  "reducedMotion"
477
442
  ]
478
443
  },
444
+ "runtimeConfigDefaultProps": {},
445
+ "runtimeConfigGetStyles": {},
446
+ "runtimeConfigInternalComponentProps": {},
479
447
  "motionVarPrefixes": [
480
448
  "--uds-motion-subtle-4-",
481
449
  "--uds-motion-smooth-3-"
@@ -533,6 +501,9 @@
533
501
  "icon"
534
502
  ]
535
503
  },
504
+ "runtimeConfigDefaultProps": {},
505
+ "runtimeConfigGetStyles": {},
506
+ "runtimeConfigInternalComponentProps": {},
536
507
  "motionVarPrefixes": []
537
508
  },
538
509
  "Button": {
@@ -614,6 +585,9 @@
614
585
  "icon"
615
586
  ]
616
587
  },
588
+ "runtimeConfigDefaultProps": {},
589
+ "runtimeConfigGetStyles": {},
590
+ "runtimeConfigInternalComponentProps": {},
617
591
  "motionVarPrefixes": [
618
592
  "--uds-motion-subtle-3-",
619
593
  "--uds-motion-smooth-3-"
@@ -717,6 +691,9 @@
717
691
  "reducedMotion"
718
692
  ]
719
693
  },
694
+ "runtimeConfigDefaultProps": {},
695
+ "runtimeConfigGetStyles": {},
696
+ "runtimeConfigInternalComponentProps": {},
720
697
  "motionVarPrefixes": [
721
698
  "--uds-motion-subtle-3-",
722
699
  "--uds-motion-smooth-3-"
@@ -781,6 +758,9 @@
781
758
  "variant"
782
759
  ]
783
760
  },
761
+ "runtimeConfigDefaultProps": {},
762
+ "runtimeConfigGetStyles": {},
763
+ "runtimeConfigInternalComponentProps": {},
784
764
  "motionVarPrefixes": [
785
765
  "--uds-motion-subtle-3-",
786
766
  "--uds-motion-smooth-3-"
@@ -796,6 +776,9 @@
796
776
  ],
797
777
  "internalComponentProps": {},
798
778
  "propToVariantKeys": {},
779
+ "runtimeConfigDefaultProps": {},
780
+ "runtimeConfigGetStyles": {},
781
+ "runtimeConfigInternalComponentProps": {},
799
782
  "motionVarPrefixes": []
800
783
  },
801
784
  "SpringMotionConfig": {
@@ -815,6 +798,9 @@
815
798
  "features"
816
799
  ]
817
800
  },
801
+ "runtimeConfigDefaultProps": {},
802
+ "runtimeConfigGetStyles": {},
803
+ "runtimeConfigInternalComponentProps": {},
818
804
  "motionVarPrefixes": []
819
805
  },
820
806
  "Switch": {
@@ -926,1535 +912,1754 @@
926
912
  "reducedMotion"
927
913
  ]
928
914
  },
915
+ "runtimeConfigDefaultProps": {},
916
+ "runtimeConfigGetStyles": {},
917
+ "runtimeConfigInternalComponentProps": {},
929
918
  "motionVarPrefixes": [
930
919
  "--uds-motion-bouncy-4-",
931
920
  "--uds-motion-smooth-3-"
932
921
  ]
933
922
  },
934
- "Accordion": {
935
- "name": "Accordion",
923
+ "Spinner": {
924
+ "name": "Spinner",
936
925
  "defaultProps": {
937
- "spacingHorizontal": "4",
938
- "spacingVertical": "4"
926
+ "color": "primary",
927
+ "size": "lg"
939
928
  },
940
929
  "getStylesLiterals": {},
941
930
  "cxLiterals": [
942
- "hover:bg-secondary/80",
943
- "w-full"
931
+ "self-center",
932
+ "relative",
933
+ "sr-only"
944
934
  ],
945
935
  "internalComponents": [
946
- "Icon",
947
- "SpringMotionConfig",
948
- "Pressable",
949
- "Text",
950
- "HStack",
951
- "AnimatePresence",
952
- "VStack"
936
+ "Icon"
953
937
  ],
954
938
  "internalComponentProps": {
955
939
  "Icon": {
956
- "variant": [
957
- "fill"
958
- ],
959
- "size": [
960
- "sm"
961
- ],
962
- "color": [
963
- "primary"
964
- ]
965
- },
966
- "SpringMotionConfig": {
967
- "layoutVariant": [
968
- "smooth"
969
- ],
970
- "layoutSpeed": [
971
- "3"
972
- ]
973
- },
974
- "Pressable": {
975
- "display": [
976
- "flex"
977
- ],
978
- "flexDirection": [
979
- "row"
980
- ],
981
- "alignItems": [
982
- "center"
983
- ],
984
- "justifyContent": [
985
- "space-between"
986
- ],
987
- "borderRadius": [
988
- "md"
989
- ]
990
- },
991
- "Text": {
992
- "variant": [
993
- "title4"
994
- ],
995
- "color": [
996
- "primary"
997
- ]
998
- },
999
- "HStack": {
1000
- "display": [
1001
- "flex"
1002
- ],
1003
- "alignItems": [
1004
- "center"
940
+ "role": [
941
+ "img"
1005
942
  ],
1006
- "justifyContent": [
1007
- "space-between"
943
+ "className": [
944
+ "animate-spin"
1008
945
  ],
1009
- "columnGap": [
1010
- "2.5"
946
+ "aria-hidden": [
947
+ "true"
1011
948
  ]
1012
949
  }
1013
950
  },
1014
951
  "propToVariantKeys": {},
1015
- "motionVarPrefixes": [
1016
- "--uds-motion-smooth-3-"
1017
- ]
952
+ "runtimeConfigDefaultProps": {},
953
+ "runtimeConfigGetStyles": {},
954
+ "runtimeConfigInternalComponentProps": {},
955
+ "motionVarPrefixes": []
1018
956
  },
1019
- "AvoidMotionLibraryProvider": {
1020
- "name": "AvoidMotionLibraryProvider",
957
+ "Table.mocks": {
958
+ "name": "Table.mocks",
1021
959
  "defaultProps": {},
1022
960
  "getStylesLiterals": {},
1023
961
  "cxLiterals": [],
1024
962
  "internalComponents": [],
1025
963
  "internalComponentProps": {},
1026
964
  "propToVariantKeys": {},
965
+ "runtimeConfigDefaultProps": {},
966
+ "runtimeConfigGetStyles": {},
967
+ "runtimeConfigInternalComponentProps": {},
1027
968
  "motionVarPrefixes": []
1028
969
  },
1029
- "ExperimentalPopover": {
1030
- "name": "ExperimentalPopover",
1031
- "defaultProps": {},
1032
- "getStylesLiterals": {},
970
+ "Table": {
971
+ "name": "Table",
972
+ "defaultProps": {
973
+ "display": "table-cell",
974
+ "overflow": "hidden",
975
+ "borderColor": "muted",
976
+ "borderRadius": "md",
977
+ "spacing": "3",
978
+ "borderBottomColor": "muted",
979
+ "borderBottomWidth": "thin",
980
+ "color": "primary"
981
+ },
982
+ "getStylesLiterals": {
983
+ "textAlign": "start"
984
+ },
1033
985
  "cxLiterals": [],
1034
986
  "internalComponents": [
1035
- "HStack",
987
+ "CellComponent",
988
+ "Box",
1036
989
  "Text",
1037
- "ExperimentalPopoverHeadingBase"
990
+ "Table.Root",
991
+ "Table.Header",
992
+ "Table.Row",
993
+ "Table.Cell",
994
+ "Table.Body"
1038
995
  ],
1039
996
  "internalComponentProps": {
1040
- "Text": {
1041
- "variant": [
1042
- "headline1"
1043
- ],
1044
- "color": [
1045
- "primary"
997
+ "Table.Cell": {
998
+ "asHeaderCell": [
999
+ "column"
1046
1000
  ]
1047
1001
  }
1048
1002
  },
1049
1003
  "propToVariantKeys": {},
1004
+ "runtimeConfigDefaultProps": {},
1005
+ "runtimeConfigGetStyles": {},
1006
+ "runtimeConfigInternalComponentProps": {},
1050
1007
  "motionVarPrefixes": []
1051
1008
  },
1052
- "Modal": {
1053
- "name": "Modal",
1009
+ "Avatar": {
1010
+ "name": "Avatar",
1054
1011
  "defaultProps": {},
1055
1012
  "getStylesLiterals": {},
1013
+ "cxLiterals": [],
1014
+ "internalComponents": [
1015
+ "AvatarImage"
1016
+ ],
1017
+ "internalComponentProps": {},
1018
+ "propToVariantKeys": {},
1019
+ "runtimeConfigDefaultProps": {},
1020
+ "runtimeConfigGetStyles": {},
1021
+ "runtimeConfigInternalComponentProps": {},
1022
+ "motionVarPrefixes": []
1023
+ },
1024
+ "AvatarIcon": {
1025
+ "name": "AvatarIcon",
1026
+ "defaultProps": {
1027
+ "size": "md",
1028
+ "variant": "primary"
1029
+ },
1030
+ "getStylesLiterals": {},
1056
1031
  "cxLiterals": [
1057
- "inset-8",
1058
- "top-[250px]",
1059
- "z-50",
1060
- "mx-auto",
1061
- "h-fit",
1062
- "w-[600px]",
1063
- "origin-center",
1064
- "scale-95",
1065
- "opacity-0",
1066
- "transition",
1067
- "duration-150",
1068
- "data-[enter]:scale-100",
1069
- "data-[enter]:opacity-100",
1070
- "data-[enter]:bg-primary",
1071
- "backdrop-blur-0",
1072
- "data-[enter]:opacity-60",
1073
- "data-[enter]:backdrop-blur-sm"
1032
+ "overflow-hidden",
1033
+ "w-full",
1034
+ "h-full",
1035
+ "shrink-0",
1036
+ "text-center",
1037
+ "inline-flex",
1038
+ "justify-center",
1039
+ "items-center"
1074
1040
  ],
1075
1041
  "internalComponents": [
1076
- "IconButton",
1077
- "Dialog",
1078
- "HStack",
1079
- "Text",
1080
- "VStack"
1042
+ "IconSlot",
1043
+ "Box"
1081
1044
  ],
1082
- "internalComponentProps": {
1083
- "IconButton": {
1084
- "aria-label": [
1085
- "Close"
1086
- ],
1087
- "size": [
1088
- "sm"
1045
+ "internalComponentProps": {},
1046
+ "propToVariantKeys": {
1047
+ "size": [
1048
+ "avatarSizeIcon"
1049
+ ]
1050
+ },
1051
+ "runtimeConfigDefaultProps": {},
1052
+ "runtimeConfigGetStyles": {},
1053
+ "runtimeConfigInternalComponentProps": {},
1054
+ "motionVarPrefixes": []
1055
+ },
1056
+ "AvatarImage": {
1057
+ "name": "AvatarImage",
1058
+ "defaultProps": {
1059
+ "size": "md",
1060
+ "variant": "primary"
1061
+ },
1062
+ "getStylesLiterals": {},
1063
+ "cxLiterals": [
1064
+ "overflow-hidden",
1065
+ "w-full",
1066
+ "h-full",
1067
+ "shrink-0",
1068
+ "text-center",
1069
+ "inline-flex",
1070
+ "justify-center",
1071
+ "items-center",
1072
+ "object-cover"
1073
+ ],
1074
+ "internalComponents": [
1075
+ "UDSImage",
1076
+ "AvatarText",
1077
+ "AvatarIcon",
1078
+ "Box"
1079
+ ],
1080
+ "internalComponentProps": {},
1081
+ "propToVariantKeys": {
1082
+ "alt": [
1083
+ "name"
1084
+ ],
1085
+ "fallback": [
1086
+ "initials"
1087
+ ]
1088
+ },
1089
+ "runtimeConfigDefaultProps": {},
1090
+ "runtimeConfigGetStyles": {},
1091
+ "runtimeConfigInternalComponentProps": {},
1092
+ "motionVarPrefixes": []
1093
+ },
1094
+ "AvatarText": {
1095
+ "name": "AvatarText",
1096
+ "defaultProps": {
1097
+ "size": "md",
1098
+ "variant": "primary"
1099
+ },
1100
+ "getStylesLiterals": {},
1101
+ "cxLiterals": [
1102
+ "overflow-hidden",
1103
+ "truncate",
1104
+ "w-full",
1105
+ "h-full",
1106
+ "shrink-0",
1107
+ "text-center",
1108
+ "inline-flex",
1109
+ "justify-center",
1110
+ "items-center"
1111
+ ],
1112
+ "internalComponents": [
1113
+ "Box",
1114
+ "Text"
1115
+ ],
1116
+ "internalComponentProps": {
1117
+ "Text": {
1118
+ "color": [
1119
+ "inherit"
1089
1120
  ],
1090
1121
  "variant": [
1091
- "tertiary"
1122
+ "inherit"
1092
1123
  ]
1093
- },
1094
- "HStack": {
1095
- "alignItems": [
1096
- "center"
1097
- ],
1098
- "justifyContent": [
1099
- "space-between"
1124
+ }
1125
+ },
1126
+ "propToVariantKeys": {},
1127
+ "runtimeConfigDefaultProps": {},
1128
+ "runtimeConfigGetStyles": {},
1129
+ "runtimeConfigInternalComponentProps": {},
1130
+ "motionVarPrefixes": []
1131
+ },
1132
+ "BottomSheet": {
1133
+ "name": "BottomSheet",
1134
+ "defaultProps": {
1135
+ "variant": "default"
1136
+ },
1137
+ "getStylesLiterals": {},
1138
+ "cxLiterals": [
1139
+ "fixed",
1140
+ "overflow-hidden",
1141
+ "inset-x-0",
1142
+ "bottom-0",
1143
+ "z-50",
1144
+ "[will-change:transform]",
1145
+ "touch-none",
1146
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1147
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1148
+ "transition-transform",
1149
+ "duration-500",
1150
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1151
+ "motion-reduce:transition-none",
1152
+ "top-[-4px]",
1153
+ "z-[1]",
1154
+ "touch-pan-y"
1155
+ ],
1156
+ "internalComponents": [
1157
+ "Scrim",
1158
+ "BottomSheetHandle",
1159
+ "Dialog",
1160
+ "Box",
1161
+ "BottomSheetInternalContext.Provider"
1162
+ ],
1163
+ "internalComponentProps": {
1164
+ "BottomSheetHandle": {
1165
+ "ariaLabel": [
1166
+ "Resize sheet"
1100
1167
  ]
1101
1168
  },
1102
- "Text": {
1103
- "variant": [
1104
- "headline1"
1105
- ],
1106
- "color": [
1107
- "primary"
1169
+ "Dialog": {
1170
+ "data-testid": [
1171
+ "bottom-sheet"
1108
1172
  ]
1109
1173
  },
1110
- "VStack": {
1111
- "borderRadius": [
1112
- "md"
1174
+ "Box": {
1175
+ "display": [
1176
+ "block",
1177
+ "flex"
1113
1178
  ],
1114
1179
  "position": [
1115
- "fixed"
1116
- ],
1117
- "backgroundColor": [
1118
- "primary"
1119
- ],
1120
- "dropShadow": [
1121
- "md"
1180
+ "absolute"
1122
1181
  ],
1123
- "spacing": [
1124
- "8"
1182
+ "flexDirection": [
1183
+ "column"
1125
1184
  ],
1126
- "overflow": [
1127
- "hidden"
1185
+ "className": [
1186
+ "absolute inset-0 min-h-0 p-[inherit]"
1128
1187
  ]
1129
1188
  }
1130
1189
  },
1131
1190
  "propToVariantKeys": {
1132
- "handleClose": [
1133
- "onClick"
1191
+ "variant": [
1192
+ "bottomsheetVariantRoot"
1134
1193
  ]
1135
1194
  },
1195
+ "runtimeConfigDefaultProps": {},
1196
+ "runtimeConfigGetStyles": {},
1197
+ "runtimeConfigInternalComponentProps": {},
1136
1198
  "motionVarPrefixes": []
1137
1199
  },
1138
- "SegmentedControl": {
1139
- "name": "SegmentedControl",
1140
- "defaultProps": {
1141
- "textVariant": "label2"
1142
- },
1143
- "getStylesLiterals": {
1144
- "display": "flex",
1145
- "alignItems": "center",
1146
- "backgroundColor": "primary",
1147
- "spacingVertical": "1",
1148
- "spacingHorizontal": "3",
1149
- "columnGap": "1.5",
1150
- "borderWidth": "thin",
1151
- "borderRadius": "full",
1152
- "borderColor": "muted",
1153
- "borderColor:1": "transparent",
1154
- "color": "primary",
1155
- "color:1": "tertiary",
1156
- "color:2": "muted"
1157
- },
1200
+ "BottomSheetContent": {
1201
+ "name": "BottomSheetContent",
1202
+ "defaultProps": {},
1203
+ "getStylesLiterals": {},
1158
1204
  "cxLiterals": [
1159
- "uds-ring",
1160
- "cursor-not-allowed",
1161
- "opacity-50",
1162
- "pointer-events-none",
1163
- "hover:bg-primary"
1205
+ "min-h-0",
1206
+ "touch-pan-y"
1164
1207
  ],
1165
1208
  "internalComponents": [
1166
- "TextVariant",
1167
- "Radio",
1168
- "Icon",
1169
- "RadioProvider",
1170
- "HStack",
1171
- "RadioGroup",
1172
- "Pressable",
1173
- "Text"
1209
+ "Box",
1210
+ "VStack"
1174
1211
  ],
1175
1212
  "internalComponentProps": {
1176
- "Icon": {
1177
- "size": [
1178
- "sm"
1179
- ],
1180
- "color": [
1181
- "current"
1182
- ],
1183
- "aria-hidden": [
1184
- "true"
1185
- ]
1186
- },
1187
- "HStack": {
1188
- "spacing": [
1189
- "1"
1213
+ "Box": {
1214
+ "display": [
1215
+ "block"
1190
1216
  ],
1191
- "gap": [
1217
+ "flex": [
1192
1218
  "1"
1193
- ],
1194
- "backgroundColor": [
1195
- "secondary"
1196
- ],
1197
- "borderRadius": [
1198
- "full"
1199
- ],
1200
- "display": [
1201
- "inline-flex"
1202
1219
  ]
1203
1220
  },
1204
- "Text": {
1205
- "color": [
1206
- "current"
1221
+ "VStack": {
1222
+ "className": [
1223
+ "pb-[calc(env(safe-area-inset-bottom))]"
1207
1224
  ]
1208
1225
  }
1209
1226
  },
1210
- "propToVariantKeys": {
1211
- "value": [
1212
- "key"
1213
- ],
1214
- "label": [
1215
- "aria-label"
1216
- ],
1217
- "textVariant": [
1218
- "variant"
1219
- ]
1220
- },
1227
+ "propToVariantKeys": {},
1228
+ "runtimeConfigDefaultProps": {},
1229
+ "runtimeConfigGetStyles": {},
1230
+ "runtimeConfigInternalComponentProps": {},
1221
1231
  "motionVarPrefixes": []
1222
1232
  },
1223
- "SwitchV2": {
1224
- "name": "SwitchV2",
1233
+ "BottomSheetDismiss": {
1234
+ "name": "BottomSheetDismiss",
1235
+ "defaultProps": {},
1236
+ "getStylesLiterals": {},
1237
+ "cxLiterals": [],
1238
+ "internalComponents": [
1239
+ "AriakitDialogDismiss"
1240
+ ],
1241
+ "internalComponentProps": {},
1242
+ "propToVariantKeys": {},
1243
+ "runtimeConfigDefaultProps": {},
1244
+ "runtimeConfigGetStyles": {},
1245
+ "runtimeConfigInternalComponentProps": {},
1246
+ "motionVarPrefixes": []
1247
+ },
1248
+ "BottomSheetHandle": {
1249
+ "name": "BottomSheetHandle",
1225
1250
  "defaultProps": {
1226
- "labelPosition": "start",
1227
- "size": "md"
1228
- },
1229
- "getStylesLiterals": {
1230
- "switchVariantRoot": "default",
1231
- "switchVariantActiveRoot": "on",
1232
- "switchVariantActiveRoot:1": "off",
1233
- "switchVariantSwitch": "default",
1234
- "switchVariantActiveSwitch": "on",
1235
- "switchVariantActiveSwitch:1": "off",
1236
- "switchVariantActiveHandle": "on",
1237
- "switchVariantActiveHandle:1": "off",
1238
- "switchVariantHandle": "default",
1239
- "switchVariantHandleIcon": "default",
1240
- "switchVariantActiveHandleIcon": "on",
1241
- "switchVariantActiveHandleIcon:1": "off"
1251
+ "variant": "default"
1242
1252
  },
1253
+ "getStylesLiterals": {},
1243
1254
  "cxLiterals": [
1244
- "group",
1245
- "flex",
1246
- "items-center",
1247
- "flex-row",
1248
- "flex-row-reverse",
1249
- "uds-ring",
1250
- "uds-ring-within",
1251
1255
  "relative",
1252
- "uds-border-radius-full",
1253
- "transition-[background-color,box-shadow]",
1254
- "pointer-events-none",
1255
- "w-full",
1256
- "h-full",
1256
+ "h-5",
1257
+ "w-16",
1258
+ "outline-none",
1259
+ "focus-visible:outline-none",
1260
+ "[touch-action:pan-y]",
1257
1261
  "absolute",
1258
- "top-0",
1259
- "bottom-0",
1260
- "right-0",
1261
- "left-0",
1262
- "overflow-hidden",
1263
- "group-hover:scale-105",
1264
- "opacity-95",
1265
- "group-hover:opacity-100",
1266
- "transition-[transform,opacity]",
1267
- "opacity-0",
1268
- "top-1/2",
1269
1262
  "left-1/2",
1270
- "transform",
1271
- "translate-x-[-50%]",
1272
- "translate-y-[-50%]",
1273
- "transition-opacity",
1274
- "cursor-[inherit]",
1275
- "w-[calc(100%+2px)]",
1276
- "h-[calc(100%+2px)]",
1277
- "text-start",
1278
- "text-end",
1279
- "opacity-100"
1263
+ "top-1/2",
1264
+ "-translate-x-1/2",
1265
+ "-translate-y-1/2",
1266
+ "h-1",
1267
+ "w-8",
1268
+ "rounded-full"
1280
1269
  ],
1281
1270
  "internalComponents": [
1282
- "IconSlot",
1283
- "Box",
1284
- "FormLabel",
1285
- "SpringMotionConfig",
1286
- "RootElement",
1287
- "MotionBox"
1271
+ "Box"
1288
1272
  ],
1289
1273
  "internalComponentProps": {
1290
- "IconSlot": {
1291
- "data-testid": [
1292
- "on-icon",
1293
- "off-icon"
1294
- ]
1295
- },
1296
- "FormLabel": {
1297
- "as": [
1298
- "div"
1299
- ],
1300
- "variant": [
1301
- "inherit"
1302
- ],
1303
- "color": [
1304
- "inherit"
1305
- ]
1306
- },
1307
- "SpringMotionConfig": {
1308
- "layoutVariant": [
1309
- "bouncy"
1274
+ "Box": {
1275
+ "display": [
1276
+ "block",
1277
+ "flex"
1310
1278
  ],
1311
- "layoutSpeed": [
1312
- "4"
1313
- ]
1314
- },
1315
- "RootElement": {
1316
- "data-testid": [
1317
- "switch-root"
1318
- ]
1319
- },
1320
- "MotionBox": {
1321
- "layout": [
1322
- "position"
1279
+ "justifyContent": [
1280
+ "center"
1323
1281
  ]
1324
1282
  }
1325
1283
  },
1326
1284
  "propToVariantKeys": {
1327
- "size": [
1328
- "switchSizeRoot",
1329
- "switchSizeSwitch",
1330
- "switchSizeHandle",
1331
- "switchSizeHandleIcon"
1332
- ],
1333
- "onIcon": [
1334
- "icon"
1335
- ],
1336
- "offIcon": [
1337
- "icon"
1338
- ],
1339
- "reduceMotion": [
1340
- "reducedMotion"
1341
- ],
1342
- "isOn": [
1343
- "layoutDependency"
1285
+ "variant": [
1286
+ "bottomsheetVariantHandleIndicator"
1344
1287
  ]
1345
1288
  },
1346
- "motionVarPrefixes": [
1347
- "--uds-motion-bouncy-4-",
1348
- "--uds-motion-smooth-3-"
1349
- ]
1289
+ "runtimeConfigDefaultProps": {},
1290
+ "runtimeConfigGetStyles": {},
1291
+ "runtimeConfigInternalComponentProps": {},
1292
+ "motionVarPrefixes": []
1350
1293
  },
1351
- "Tabs": {
1352
- "name": "Tabs",
1353
- "defaultProps": {},
1354
- "getStylesLiterals": {
1355
- "display": "flex",
1356
- "flexDirection": "row",
1357
- "columnGap": "6"
1294
+ "BottomSheetHeader": {
1295
+ "name": "BottomSheetHeader",
1296
+ "defaultProps": {
1297
+ "variant": "default"
1358
1298
  },
1299
+ "getStylesLiterals": {},
1359
1300
  "cxLiterals": [
1360
- "text-tertiary",
1361
- "border-b-transparent",
1362
- "aria-selected:border-b-brand",
1363
- "aria-selected:text-secondary"
1301
+ "grid-cols-[40px_1fr_40px]",
1302
+ "items-center",
1303
+ "w-full",
1304
+ "min-h-10",
1305
+ "mt-2"
1364
1306
  ],
1365
1307
  "internalComponents": [
1366
- "TabProvider",
1367
- "OriginalTabList",
1368
- "OriginalTab",
1369
- "Icon",
1370
- "OriginalTabPanel",
1371
- "Pressable",
1372
- "Comp",
1308
+ "Box",
1373
1309
  "Text"
1374
1310
  ],
1375
1311
  "internalComponentProps": {
1376
- "Icon": {
1312
+ "Box": {
1377
1313
  "className": [
1378
- "text-current"
1379
- ],
1380
- "size": [
1381
- "md"
1382
- ]
1383
- },
1384
- "Pressable": {
1385
- "borderBottomWidth": [
1386
- "medium"
1314
+ "h-10 w-10 opacity-0 pointer-events-none"
1387
1315
  ],
1388
- "spacingBottom": [
1389
- "1"
1316
+ "display": [
1317
+ "grid",
1318
+ "flex"
1390
1319
  ],
1391
- "spacingTop": [
1392
- "4"
1320
+ "justifyContent": [
1321
+ "flex-start",
1322
+ "flex-end"
1393
1323
  ]
1394
1324
  },
1395
1325
  "Text": {
1396
- "className": [
1397
- "text-current"
1398
- ],
1399
1326
  "variant": [
1400
- "headline1"
1327
+ "inherit"
1401
1328
  ],
1402
- "as": [
1403
- "span"
1329
+ "color": [
1330
+ "inherit"
1331
+ ],
1332
+ "textAlign": [
1333
+ "center"
1334
+ ],
1335
+ "className": [
1336
+ "w-full"
1404
1337
  ]
1405
1338
  }
1406
1339
  },
1340
+ "propToVariantKeys": {
1341
+ "variant": [
1342
+ "bottomsheetVariantHeader"
1343
+ ]
1344
+ },
1345
+ "runtimeConfigDefaultProps": {},
1346
+ "runtimeConfigGetStyles": {},
1347
+ "runtimeConfigInternalComponentProps": {},
1348
+ "motionVarPrefixes": []
1349
+ },
1350
+ "BottomSheetInternalContext": {
1351
+ "name": "BottomSheetInternalContext",
1352
+ "defaultProps": {},
1353
+ "getStylesLiterals": {},
1354
+ "cxLiterals": [],
1355
+ "internalComponents": [],
1356
+ "internalComponentProps": {},
1407
1357
  "propToVariantKeys": {},
1358
+ "runtimeConfigDefaultProps": {},
1359
+ "runtimeConfigGetStyles": {},
1360
+ "runtimeConfigInternalComponentProps": {},
1408
1361
  "motionVarPrefixes": []
1409
1362
  },
1410
- "Avatar": {
1411
- "name": "Avatar",
1363
+ "BottomSheetProvider": {
1364
+ "name": "BottomSheetProvider",
1412
1365
  "defaultProps": {},
1413
1366
  "getStylesLiterals": {},
1414
1367
  "cxLiterals": [],
1415
1368
  "internalComponents": [
1416
- "AvatarImage"
1369
+ "AriakitDialogProvider"
1417
1370
  ],
1418
1371
  "internalComponentProps": {},
1419
1372
  "propToVariantKeys": {},
1373
+ "runtimeConfigDefaultProps": {},
1374
+ "runtimeConfigGetStyles": {},
1375
+ "runtimeConfigInternalComponentProps": {},
1420
1376
  "motionVarPrefixes": []
1421
1377
  },
1422
- "AvatarIcon": {
1423
- "name": "AvatarIcon",
1378
+ "BottomSheetTrigger": {
1379
+ "name": "BottomSheetTrigger",
1380
+ "defaultProps": {},
1381
+ "getStylesLiterals": {},
1382
+ "cxLiterals": [],
1383
+ "internalComponents": [
1384
+ "AriakitDialogDisclosure"
1385
+ ],
1386
+ "internalComponentProps": {},
1387
+ "propToVariantKeys": {},
1388
+ "runtimeConfigDefaultProps": {},
1389
+ "runtimeConfigGetStyles": {},
1390
+ "runtimeConfigInternalComponentProps": {},
1391
+ "motionVarPrefixes": []
1392
+ },
1393
+ "UDSBottomSheetConfigProvider": {
1394
+ "name": "UDSBottomSheetConfigProvider",
1395
+ "defaultProps": {},
1396
+ "getStylesLiterals": {},
1397
+ "cxLiterals": [],
1398
+ "internalComponents": [
1399
+ "BottomSheetContext.Provider"
1400
+ ],
1401
+ "internalComponentProps": {},
1402
+ "propToVariantKeys": {},
1403
+ "runtimeConfigDefaultProps": {},
1404
+ "runtimeConfigGetStyles": {},
1405
+ "runtimeConfigInternalComponentProps": {},
1406
+ "motionVarPrefixes": []
1407
+ },
1408
+ "Chip": {
1409
+ "name": "Chip",
1410
+ "defaultProps": {},
1411
+ "getStylesLiterals": {},
1412
+ "cxLiterals": [],
1413
+ "internalComponents": [
1414
+ "ChipDismissible",
1415
+ "ChipToggle",
1416
+ "ChipLink",
1417
+ "ChipButton"
1418
+ ],
1419
+ "internalComponentProps": {},
1420
+ "propToVariantKeys": {},
1421
+ "runtimeConfigDefaultProps": {},
1422
+ "runtimeConfigGetStyles": {},
1423
+ "runtimeConfigInternalComponentProps": {},
1424
+ "motionVarPrefixes": []
1425
+ },
1426
+ "ChipBase": {
1427
+ "name": "ChipBase",
1424
1428
  "defaultProps": {
1425
1429
  "size": "md",
1426
- "variant": "primary"
1430
+ "as": "div"
1427
1431
  },
1428
1432
  "getStylesLiterals": {},
1429
1433
  "cxLiterals": [
1430
- "overflow-hidden",
1431
- "w-full",
1432
- "h-full",
1433
- "shrink-0",
1434
- "text-center",
1434
+ "pointer-events-none",
1435
+ "cursor-default",
1436
+ "opacity-50",
1435
1437
  "inline-flex",
1436
- "justify-center",
1437
- "items-center"
1438
+ "items-center",
1439
+ "transition-[background-color,outline-color,box-shadow]",
1440
+ "truncate",
1441
+ "whitespace-nowrap",
1442
+ "text-center",
1443
+ "flex-1"
1438
1444
  ],
1439
1445
  "internalComponents": [
1440
1446
  "IconSlot",
1441
- "Box"
1447
+ "HStack",
1448
+ "As",
1449
+ "Text"
1442
1450
  ],
1443
- "internalComponentProps": {},
1451
+ "internalComponentProps": {
1452
+ "Text": {
1453
+ "as": [
1454
+ "span"
1455
+ ],
1456
+ "color": [
1457
+ "current"
1458
+ ],
1459
+ "variant": [
1460
+ "inherit"
1461
+ ]
1462
+ }
1463
+ },
1444
1464
  "propToVariantKeys": {
1445
1465
  "size": [
1446
- "avatarSizeIcon"
1466
+ "chipSizeRoot",
1467
+ "chipSizeIcon"
1468
+ ],
1469
+ "startIcon": [
1470
+ "icon"
1471
+ ],
1472
+ "endIcon": [
1473
+ "icon"
1447
1474
  ]
1448
1475
  },
1476
+ "runtimeConfigDefaultProps": {},
1477
+ "runtimeConfigGetStyles": {},
1478
+ "runtimeConfigInternalComponentProps": {},
1449
1479
  "motionVarPrefixes": []
1450
1480
  },
1451
- "AvatarImage": {
1452
- "name": "AvatarImage",
1481
+ "ChipButton": {
1482
+ "name": "ChipButton",
1483
+ "defaultProps": {
1484
+ "variant": "primary"
1485
+ },
1486
+ "getStylesLiterals": {},
1487
+ "cxLiterals": [
1488
+ "uds-ring"
1489
+ ],
1490
+ "internalComponents": [
1491
+ "ChipBase"
1492
+ ],
1493
+ "internalComponentProps": {
1494
+ "ChipBase": {
1495
+ "as": [
1496
+ "button"
1497
+ ]
1498
+ }
1499
+ },
1500
+ "propToVariantKeys": {
1501
+ "variant": [
1502
+ "chipLinkVariantRoot",
1503
+ "chipLinkVariantIcon"
1504
+ ]
1505
+ },
1506
+ "runtimeConfigDefaultProps": {},
1507
+ "runtimeConfigGetStyles": {},
1508
+ "runtimeConfigInternalComponentProps": {},
1509
+ "motionVarPrefixes": []
1510
+ },
1511
+ "ChipDismissible": {
1512
+ "name": "ChipDismissible",
1513
+ "defaultProps": {
1514
+ "variant": "primary"
1515
+ },
1516
+ "getStylesLiterals": {},
1517
+ "cxLiterals": [
1518
+ "uds-chip-dismissible-button",
1519
+ "uds-hit-target",
1520
+ "uds-ring",
1521
+ "rounded-full"
1522
+ ],
1523
+ "internalComponents": [
1524
+ "ChipBase",
1525
+ "IconSlot",
1526
+ "Pressable"
1527
+ ],
1528
+ "internalComponentProps": {},
1529
+ "propToVariantKeys": {
1530
+ "variant": [
1531
+ "chipDismissibleVariantRoot",
1532
+ "chipDismissibleVariantIcon"
1533
+ ],
1534
+ "dismissButtonAriaLabel": [
1535
+ "aria-label"
1536
+ ]
1537
+ },
1538
+ "runtimeConfigDefaultProps": {},
1539
+ "runtimeConfigGetStyles": {},
1540
+ "runtimeConfigInternalComponentProps": {},
1541
+ "motionVarPrefixes": []
1542
+ },
1543
+ "ChipLink": {
1544
+ "name": "ChipLink",
1453
1545
  "defaultProps": {
1454
- "size": "md",
1455
1546
  "variant": "primary"
1456
1547
  },
1457
1548
  "getStylesLiterals": {},
1458
1549
  "cxLiterals": [
1459
- "overflow-hidden",
1460
- "w-full",
1461
- "h-full",
1462
- "shrink-0",
1463
- "text-center",
1464
- "inline-flex",
1465
- "justify-center",
1466
- "items-center",
1467
- "object-cover"
1550
+ "uds-ring"
1468
1551
  ],
1469
1552
  "internalComponents": [
1470
- "UDSImage",
1471
- "AvatarText",
1472
- "AvatarIcon",
1473
- "Box"
1553
+ "ChipBase"
1474
1554
  ],
1475
- "internalComponentProps": {},
1555
+ "internalComponentProps": {
1556
+ "ChipBase": {
1557
+ "as": [
1558
+ "a"
1559
+ ]
1560
+ }
1561
+ },
1476
1562
  "propToVariantKeys": {
1477
- "alt": [
1478
- "name"
1479
- ],
1480
- "fallback": [
1481
- "initials"
1563
+ "variant": [
1564
+ "chipLinkVariantRoot",
1565
+ "chipLinkVariantIcon"
1482
1566
  ]
1483
1567
  },
1568
+ "runtimeConfigDefaultProps": {},
1569
+ "runtimeConfigGetStyles": {},
1570
+ "runtimeConfigInternalComponentProps": {},
1484
1571
  "motionVarPrefixes": []
1485
1572
  },
1486
- "AvatarText": {
1487
- "name": "AvatarText",
1573
+ "ChipToggle": {
1574
+ "name": "ChipToggle",
1488
1575
  "defaultProps": {
1489
- "size": "md",
1490
- "variant": "primary"
1576
+ "variant": "primary",
1577
+ "role": "checkbox"
1578
+ },
1579
+ "getStylesLiterals": {
1580
+ "chipToggleVariantActiveRoot": "on",
1581
+ "chipToggleVariantActiveRoot:1": "off"
1491
1582
  },
1492
- "getStylesLiterals": {},
1493
1583
  "cxLiterals": [
1494
- "overflow-hidden",
1495
- "truncate",
1496
- "w-full",
1497
- "h-full",
1498
- "shrink-0",
1499
- "text-center",
1500
- "inline-flex",
1501
- "justify-center",
1502
- "items-center"
1584
+ "uds-ring"
1503
1585
  ],
1504
1586
  "internalComponents": [
1505
- "Box",
1506
- "Text"
1587
+ "ChipBase"
1507
1588
  ],
1508
1589
  "internalComponentProps": {
1509
- "Text": {
1510
- "color": [
1511
- "inherit"
1512
- ],
1513
- "variant": [
1514
- "inherit"
1590
+ "ChipBase": {
1591
+ "as": [
1592
+ "button"
1515
1593
  ]
1516
1594
  }
1517
1595
  },
1518
- "propToVariantKeys": {},
1596
+ "propToVariantKeys": {
1597
+ "variant": [
1598
+ "chipToggleVariantRoot",
1599
+ "chipToggleVariantIcon"
1600
+ ]
1601
+ },
1602
+ "runtimeConfigDefaultProps": {},
1603
+ "runtimeConfigGetStyles": {},
1604
+ "runtimeConfigInternalComponentProps": {},
1519
1605
  "motionVarPrefixes": []
1520
1606
  },
1521
- "BottomSheet": {
1522
- "name": "BottomSheet",
1607
+ "Input": {
1608
+ "name": "Input",
1523
1609
  "defaultProps": {
1524
- "variant": "default"
1610
+ "type": "text",
1611
+ "size": "md",
1612
+ "width": "full"
1613
+ },
1614
+ "getStylesLiterals": {
1615
+ "inputVariantRoot": "default",
1616
+ "inputVariantValueRoot": "empty",
1617
+ "inputVariantValueRoot:1": "filled",
1618
+ "inputVariantInputWrapper": "default",
1619
+ "inputVariantValueInputWrapper": "empty",
1620
+ "inputVariantValueInputWrapper:1": "filled",
1621
+ "inputVariantInput": "default",
1622
+ "inputVariantValueInput": "empty",
1623
+ "inputVariantValueInput:1": "filled",
1624
+ "inputVariantInputPlaceholder": "default",
1625
+ "inputVariantValueInputPlaceholder": "empty",
1626
+ "inputVariantValueInputPlaceholder:1": "filled",
1627
+ "inputVariantLabel": "default",
1628
+ "inputVariantValueLabel": "empty",
1629
+ "inputVariantValueLabel:1": "filled",
1630
+ "inputVariantLabelRequired": "default",
1631
+ "inputVariantValueLabelRequired": "empty",
1632
+ "inputVariantValueLabelRequired:1": "filled",
1633
+ "inputVariantStartIcon": "default",
1634
+ "inputVariantValueStartIcon": "empty",
1635
+ "inputVariantValueStartIcon:1": "filled",
1636
+ "inputVariantEndIcon": "default",
1637
+ "inputVariantValueEndIcon": "empty",
1638
+ "inputVariantValueEndIcon:1": "filled"
1525
1639
  },
1526
- "getStylesLiterals": {},
1527
1640
  "cxLiterals": [
1528
- "fixed",
1529
- "overflow-hidden",
1530
- "inset-x-0",
1531
- "bottom-0",
1532
- "z-50",
1533
- "[will-change:transform]",
1534
- "touch-none",
1535
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1536
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1537
- "transition-transform",
1538
- "duration-500",
1539
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1540
- "motion-reduce:transition-none",
1541
- "top-[-4px]",
1542
- "z-[1]",
1543
- "touch-pan-y"
1641
+ "opacity-50",
1642
+ "min-w-[200px]",
1643
+ "grow",
1644
+ "uds-hit-target",
1645
+ "bg-clip-text",
1646
+ "focus:outline-none",
1647
+ "cursor-text",
1648
+ "cursor-not-allowed"
1544
1649
  ],
1545
1650
  "internalComponents": [
1546
- "Scrim",
1547
- "BottomSheetHandle",
1548
- "Dialog",
1651
+ "IconSlot",
1652
+ "StartIcon",
1653
+ "EndIcon",
1654
+ "HelpTextContent",
1549
1655
  "Box",
1550
- "BottomSheetInternalContext.Provider"
1656
+ "InputHelpTextInternal",
1657
+ "VStack",
1658
+ "HStack",
1659
+ "AnimateHeightChange"
1551
1660
  ],
1552
1661
  "internalComponentProps": {
1553
- "BottomSheetHandle": {
1554
- "ariaLabel": [
1555
- "Resize sheet"
1556
- ]
1557
- },
1558
- "Dialog": {
1559
- "data-testid": [
1560
- "bottom-sheet"
1662
+ "HelpTextContent": {
1663
+ "spacingTop": [
1664
+ "2"
1561
1665
  ]
1562
1666
  },
1563
1667
  "Box": {
1564
- "display": [
1565
- "block",
1566
- "flex"
1668
+ "spacingBottom": [
1669
+ "2"
1567
1670
  ],
1568
- "position": [
1569
- "absolute"
1671
+ "columnGap": [
1672
+ "0.5"
1570
1673
  ],
1571
- "flexDirection": [
1572
- "column"
1674
+ "alignItems": [
1675
+ "flex-end",
1676
+ "center"
1573
1677
  ],
1574
- "className": [
1575
- "absolute inset-0 min-h-0 p-[inherit]"
1678
+ "position": [
1679
+ "relative"
1680
+ ]
1681
+ },
1682
+ "HStack": {
1683
+ "alignItems": [
1684
+ "center"
1685
+ ],
1686
+ "gap": [
1687
+ "1"
1576
1688
  ]
1577
1689
  }
1578
1690
  },
1579
1691
  "propToVariantKeys": {
1580
- "variant": [
1581
- "bottomsheetVariantRoot"
1692
+ "size": [
1693
+ "inputSizeRoot",
1694
+ "inputSizeInputWrapper",
1695
+ "inputSizeInput",
1696
+ "inputSizeLabel",
1697
+ "inputSizeStartIcon",
1698
+ "inputSizeEndIcon"
1699
+ ],
1700
+ "startIcon": [
1701
+ "icon"
1702
+ ],
1703
+ "endIcon": [
1704
+ "icon"
1705
+ ],
1706
+ "helperTextIcon": [
1707
+ "startIcon"
1582
1708
  ]
1583
1709
  },
1710
+ "runtimeConfigDefaultProps": {},
1711
+ "runtimeConfigGetStyles": {},
1712
+ "runtimeConfigInternalComponentProps": {},
1584
1713
  "motionVarPrefixes": []
1585
1714
  },
1586
- "BottomSheetContent": {
1587
- "name": "BottomSheetContent",
1588
- "defaultProps": {},
1589
- "getStylesLiterals": {},
1590
- "cxLiterals": [
1591
- "min-h-0",
1592
- "touch-pan-y"
1593
- ],
1715
+ "InputHelpText": {
1716
+ "name": "InputHelpText",
1717
+ "defaultProps": {
1718
+ "size": "md"
1719
+ },
1720
+ "getStylesLiterals": {
1721
+ "inputVariantRoot": "default",
1722
+ "inputVariantValueRoot": "empty",
1723
+ "inputVariantValueRoot:1": "filled"
1724
+ },
1725
+ "cxLiterals": [],
1594
1726
  "internalComponents": [
1595
- "Box",
1596
- "VStack"
1727
+ "InputHelpTextInternal",
1728
+ "Box"
1597
1729
  ],
1598
1730
  "internalComponentProps": {
1599
1731
  "Box": {
1600
- "display": [
1601
- "block"
1602
- ],
1603
- "flex": [
1732
+ "spacingTop": [
1733
+ "2"
1734
+ ]
1735
+ }
1736
+ },
1737
+ "propToVariantKeys": {
1738
+ "size": [
1739
+ "inputSizeRoot"
1740
+ ]
1741
+ },
1742
+ "runtimeConfigDefaultProps": {},
1743
+ "runtimeConfigGetStyles": {},
1744
+ "runtimeConfigInternalComponentProps": {},
1745
+ "motionVarPrefixes": []
1746
+ },
1747
+ "InputHelpTextInternal": {
1748
+ "name": "InputHelpTextInternal",
1749
+ "defaultProps": {},
1750
+ "getStylesLiterals": {
1751
+ "inputVariantHelperText": "default",
1752
+ "inputVariantValueHelperText": "empty",
1753
+ "inputVariantValueHelperText:1": "filled",
1754
+ "inputVariantHelperIcon": "default",
1755
+ "inputVariantValueHelperIcon": "empty",
1756
+ "inputVariantValueHelperIcon:1": "filled"
1757
+ },
1758
+ "cxLiterals": [],
1759
+ "internalComponents": [
1760
+ "IconSlot",
1761
+ "HStack"
1762
+ ],
1763
+ "internalComponentProps": {
1764
+ "HStack": {
1765
+ "gap": [
1604
1766
  "1"
1605
- ]
1606
- },
1607
- "VStack": {
1608
- "className": [
1609
- "pb-[calc(env(safe-area-inset-bottom))]"
1767
+ ],
1768
+ "alignItems": [
1769
+ "center"
1610
1770
  ]
1611
1771
  }
1612
1772
  },
1613
- "propToVariantKeys": {},
1773
+ "propToVariantKeys": {
1774
+ "size": [
1775
+ "inputSizeHelperText",
1776
+ "inputSizeHelperIcon"
1777
+ ],
1778
+ "startIcon": [
1779
+ "icon"
1780
+ ],
1781
+ "endIcon": [
1782
+ "icon"
1783
+ ]
1784
+ },
1785
+ "runtimeConfigDefaultProps": {},
1786
+ "runtimeConfigGetStyles": {},
1787
+ "runtimeConfigInternalComponentProps": {},
1614
1788
  "motionVarPrefixes": []
1615
1789
  },
1616
- "BottomSheetDismiss": {
1617
- "name": "BottomSheetDismiss",
1790
+ "Popover": {
1791
+ "name": "Popover",
1618
1792
  "defaultProps": {},
1619
1793
  "getStylesLiterals": {},
1620
1794
  "cxLiterals": [],
1621
1795
  "internalComponents": [
1622
- "AriakitDialogDismiss"
1796
+ "PopoverInternalContext.Provider",
1797
+ "PopoverProvider"
1623
1798
  ],
1624
1799
  "internalComponentProps": {},
1625
1800
  "propToVariantKeys": {},
1801
+ "runtimeConfigDefaultProps": {
1802
+ "size": "popover.defaultSize",
1803
+ "variant": "popover.defaultVariant"
1804
+ },
1805
+ "runtimeConfigGetStyles": {},
1806
+ "runtimeConfigInternalComponentProps": {},
1626
1807
  "motionVarPrefixes": []
1627
1808
  },
1628
- "BottomSheetHandle": {
1629
- "name": "BottomSheetHandle",
1630
- "defaultProps": {
1631
- "variant": "default"
1809
+ "PopoverContent": {
1810
+ "name": "PopoverContent",
1811
+ "defaultProps": {},
1812
+ "getStylesLiterals": {
1813
+ "popoverSizeRoot": "default",
1814
+ "popoverVariantRoot": "default",
1815
+ "display": "flex",
1816
+ "position": "absolute",
1817
+ "spacingTop": "0",
1818
+ "spacingStart": "0",
1819
+ "spacingBottom": "0",
1820
+ "spacingEnd": "0",
1821
+ "popoverSizeSvgBase": "default",
1822
+ "popoverVariantSvgBase": "default",
1823
+ "popoverSizeSvgBorder": "default",
1824
+ "popoverVariantSvgBorder": "default",
1825
+ "popoverVariantBlur": "default",
1826
+ "width": "full",
1827
+ "height": "full",
1828
+ "flexShrink": "0",
1829
+ "borderRadius": "full",
1830
+ "alignItems": "center",
1831
+ "justifyContent": "center",
1832
+ "popoverVariantCloseIcon": "default",
1833
+ "popoverSizeCloseIcon": "default"
1632
1834
  },
1633
- "getStylesLiterals": {},
1634
1835
  "cxLiterals": [
1635
- "relative",
1636
- "h-5",
1637
- "w-16",
1836
+ "z-[9999]",
1638
1837
  "outline-none",
1639
1838
  "focus-visible:outline-none",
1640
- "[touch-action:pan-y]",
1839
+ "uds-bgBlurFillFallback",
1840
+ "uds-bgBlurFallback",
1841
+ "top-0",
1842
+ "left-0",
1843
+ "z-[1]",
1844
+ "duration-0",
1845
+ "duration-120",
1846
+ "transition-[background-color]",
1847
+ "bg-carbon-15/0",
1848
+ "hover:bg-carbon-15/10",
1849
+ "active:bg-carbon-15/15",
1850
+ "uds-ring",
1641
1851
  "absolute",
1642
- "left-1/2",
1643
- "top-1/2",
1644
- "-translate-x-1/2",
1645
- "-translate-y-1/2",
1646
- "h-1",
1647
- "w-8",
1648
- "rounded-full"
1852
+ "z-[4]"
1649
1853
  ],
1650
1854
  "internalComponents": [
1651
- "Box"
1855
+ "PopoverDismiss",
1856
+ "IconSlot",
1857
+ "PopoverArrow",
1858
+ "Popover",
1859
+ "SvgFloatingOverlay",
1860
+ "Box",
1861
+ "Pressable"
1652
1862
  ],
1653
- "internalComponentProps": {
1654
- "Box": {
1655
- "display": [
1656
- "block",
1657
- "flex"
1658
- ],
1659
- "justifyContent": [
1660
- "center"
1661
- ]
1662
- }
1663
- },
1863
+ "internalComponentProps": {},
1664
1864
  "propToVariantKeys": {
1665
- "variant": [
1666
- "bottomsheetVariantHandleIndicator"
1865
+ "closeIcon": [
1866
+ "icon"
1667
1867
  ]
1668
1868
  },
1669
- "motionVarPrefixes": []
1670
- },
1671
- "BottomSheetHeader": {
1672
- "name": "BottomSheetHeader",
1673
- "defaultProps": {
1674
- "variant": "default"
1869
+ "runtimeConfigDefaultProps": {
1870
+ "size": "popover.defaultSize",
1871
+ "variant": "popover.defaultVariant"
1675
1872
  },
1676
- "getStylesLiterals": {},
1677
- "cxLiterals": [
1678
- "grid-cols-[40px_1fr_40px]",
1679
- "items-center",
1680
- "w-full",
1681
- "min-h-10",
1682
- "mt-2"
1683
- ],
1684
- "internalComponents": [
1685
- "Box",
1686
- "Text"
1687
- ],
1688
- "internalComponentProps": {
1689
- "Box": {
1690
- "className": [
1691
- "h-10 w-10 opacity-0 pointer-events-none"
1692
- ],
1693
- "display": [
1694
- "grid",
1695
- "flex"
1696
- ],
1697
- "justifyContent": [
1698
- "flex-start",
1699
- "flex-end"
1700
- ]
1701
- },
1702
- "Text": {
1703
- "variant": [
1704
- "inherit"
1705
- ],
1706
- "color": [
1707
- "inherit"
1708
- ],
1709
- "textAlign": [
1710
- "center"
1711
- ],
1712
- "className": [
1713
- "w-full"
1873
+ "runtimeConfigGetStyles": {
1874
+ "spacingTop": [
1875
+ "popover.spacingVertical.${size}"
1876
+ ],
1877
+ "spacingStart": [
1878
+ "popover.spacingHorizontal.${size}"
1879
+ ],
1880
+ "spacingBottom": [
1881
+ "popover.spacingVertical.${size}"
1882
+ ],
1883
+ "spacingEnd": [
1884
+ "popover.spacingHorizontal.${size}"
1885
+ ]
1886
+ },
1887
+ "runtimeConfigInternalComponentProps": {
1888
+ "SvgFloatingOverlay": {
1889
+ "borderRadius": [
1890
+ "popover.borderRadius.${size}"
1714
1891
  ]
1715
1892
  }
1716
1893
  },
1717
- "propToVariantKeys": {
1718
- "variant": [
1719
- "bottomsheetVariantHeader"
1720
- ]
1721
- },
1722
1894
  "motionVarPrefixes": []
1723
1895
  },
1724
- "BottomSheetInternalContext": {
1725
- "name": "BottomSheetInternalContext",
1896
+ "PopoverContext": {
1897
+ "name": "PopoverContext",
1726
1898
  "defaultProps": {},
1727
1899
  "getStylesLiterals": {},
1728
1900
  "cxLiterals": [],
1729
1901
  "internalComponents": [],
1730
1902
  "internalComponentProps": {},
1731
1903
  "propToVariantKeys": {},
1904
+ "runtimeConfigDefaultProps": {},
1905
+ "runtimeConfigGetStyles": {},
1906
+ "runtimeConfigInternalComponentProps": {},
1732
1907
  "motionVarPrefixes": []
1733
1908
  },
1734
- "BottomSheetProvider": {
1735
- "name": "BottomSheetProvider",
1909
+ "PopoverTrigger": {
1910
+ "name": "PopoverTrigger",
1736
1911
  "defaultProps": {},
1737
1912
  "getStylesLiterals": {},
1738
1913
  "cxLiterals": [],
1739
1914
  "internalComponents": [
1740
- "AriakitDialogProvider"
1915
+ "PopoverDisclosure"
1741
1916
  ],
1742
- "internalComponentProps": {},
1743
- "propToVariantKeys": {},
1917
+ "internalComponentProps": {
1918
+ "PopoverDisclosure": {
1919
+ "className": [
1920
+ "inline"
1921
+ ]
1922
+ }
1923
+ },
1924
+ "propToVariantKeys": {
1925
+ "children": [
1926
+ "render"
1927
+ ]
1928
+ },
1929
+ "runtimeConfigDefaultProps": {},
1930
+ "runtimeConfigGetStyles": {},
1931
+ "runtimeConfigInternalComponentProps": {},
1744
1932
  "motionVarPrefixes": []
1745
1933
  },
1746
- "BottomSheetTrigger": {
1747
- "name": "BottomSheetTrigger",
1934
+ "UDSPopoverConfigProvider": {
1935
+ "name": "UDSPopoverConfigProvider",
1748
1936
  "defaultProps": {},
1749
1937
  "getStylesLiterals": {},
1750
1938
  "cxLiterals": [],
1751
1939
  "internalComponents": [
1752
- "AriakitDialogDisclosure"
1940
+ "PopoverContext.Provider"
1753
1941
  ],
1754
1942
  "internalComponentProps": {},
1755
1943
  "propToVariantKeys": {},
1944
+ "runtimeConfigDefaultProps": {},
1945
+ "runtimeConfigGetStyles": {},
1946
+ "runtimeConfigInternalComponentProps": {},
1756
1947
  "motionVarPrefixes": []
1757
1948
  },
1758
- "UDSBottomSheetConfigProvider": {
1759
- "name": "UDSBottomSheetConfigProvider",
1760
- "defaultProps": {},
1949
+ "Menu.Content": {
1950
+ "name": "Menu.Content",
1951
+ "defaultProps": {
1952
+ "size": "default",
1953
+ "variant": "default",
1954
+ "gutter": "1"
1955
+ },
1761
1956
  "getStylesLiterals": {},
1762
- "cxLiterals": [],
1957
+ "cxLiterals": [
1958
+ "uds-menu-content",
1959
+ "transition-shadow",
1960
+ "duration-200",
1961
+ "ease-in-out",
1962
+ "min-w-60",
1963
+ "max-w-lg",
1964
+ "max-h-96",
1965
+ "overflow-auto",
1966
+ "uds-ring",
1967
+ "z-10",
1968
+ "group"
1969
+ ],
1763
1970
  "internalComponents": [
1764
- "BottomSheetContext.Provider"
1971
+ "AriakitMenu",
1972
+ "AnimatePresence",
1973
+ "MotionVStack"
1765
1974
  ],
1766
1975
  "internalComponentProps": {},
1976
+ "propToVariantKeys": {
1977
+ "size": [
1978
+ "menucontentSizeRoot"
1979
+ ],
1980
+ "variant": [
1981
+ "menucontentVariantRoot"
1982
+ ]
1983
+ },
1984
+ "runtimeConfigDefaultProps": {},
1985
+ "runtimeConfigGetStyles": {},
1986
+ "runtimeConfigInternalComponentProps": {},
1987
+ "motionVarPrefixes": []
1988
+ },
1989
+ "Menu.Divider": {
1990
+ "name": "Menu.Divider",
1991
+ "defaultProps": {
1992
+ "role": "separator",
1993
+ "contentPosition": "start",
1994
+ "gap": "4"
1995
+ },
1996
+ "getStylesLiterals": {
1997
+ "menuitemDividerVariantRoot": "default",
1998
+ "menuitemDividerVariantText": "default",
1999
+ "menuitemDividerVariantLine": "default"
2000
+ },
2001
+ "cxLiterals": [],
2002
+ "internalComponents": [
2003
+ "DividerInternal"
2004
+ ],
2005
+ "internalComponentProps": {
2006
+ "DividerInternal": {
2007
+ "variant": [
2008
+ "inherit"
2009
+ ]
2010
+ }
2011
+ },
1767
2012
  "propToVariantKeys": {},
2013
+ "runtimeConfigDefaultProps": {},
2014
+ "runtimeConfigGetStyles": {},
2015
+ "runtimeConfigInternalComponentProps": {},
1768
2016
  "motionVarPrefixes": []
1769
2017
  },
1770
- "Chip": {
1771
- "name": "Chip",
2018
+ "Menu.Item": {
2019
+ "name": "Menu.Item",
1772
2020
  "defaultProps": {},
1773
- "getStylesLiterals": {},
2021
+ "getStylesLiterals": {
2022
+ "menuitemItemVariantRoot": "default",
2023
+ "menuitemItemVariantActiveRoot": "on",
2024
+ "menuitemItemVariantActiveRoot:1": "off",
2025
+ "menuitemItemVariantText": "default",
2026
+ "menuitemItemVariantActiveText": "on",
2027
+ "menuitemItemVariantActiveText:1": "off",
2028
+ "menuitemItemVariantIcon": "default",
2029
+ "menuitemItemVariantActiveIcon": "on",
2030
+ "menuitemItemVariantActiveIcon:1": "off"
2031
+ },
1774
2032
  "cxLiterals": [],
1775
2033
  "internalComponents": [
1776
- "ChipDismissible",
1777
- "ChipToggle",
1778
- "ChipLink",
1779
- "ChipButton"
2034
+ "MenuItemBase"
1780
2035
  ],
1781
2036
  "internalComponentProps": {},
1782
2037
  "propToVariantKeys": {},
2038
+ "runtimeConfigDefaultProps": {},
2039
+ "runtimeConfigGetStyles": {},
2040
+ "runtimeConfigInternalComponentProps": {},
1783
2041
  "motionVarPrefixes": []
1784
2042
  },
1785
- "ChipBase": {
1786
- "name": "ChipBase",
2043
+ "Menu.ItemBase": {
2044
+ "name": "Menu.ItemBase",
1787
2045
  "defaultProps": {
1788
- "size": "md",
1789
- "as": "div"
2046
+ "spacing": "0",
2047
+ "spacingHorizontal": "4",
2048
+ "spacingVertical": "3.5",
2049
+ "columnGap": "2",
2050
+ "alignItems": "center",
2051
+ "justifyContent": "space-between"
2052
+ },
2053
+ "getStylesLiterals": {
2054
+ "textAlign": "start",
2055
+ "menuitemSizeRoot": "default",
2056
+ "flexDirection": "row",
2057
+ "menuitemSizeStartIcon": "default",
2058
+ "menuitemSizeEndIcon": "default"
1790
2059
  },
1791
- "getStylesLiterals": {},
1792
2060
  "cxLiterals": [
1793
- "pointer-events-none",
1794
- "cursor-default",
1795
- "opacity-50",
1796
- "inline-flex",
1797
- "items-center",
1798
- "transition-[background-color,outline-color,box-shadow]",
1799
- "truncate",
1800
- "whitespace-nowrap",
1801
- "text-center",
1802
- "flex-1"
2061
+ "flex",
2062
+ "focus-visible:text-brand",
2063
+ "focus-visible:bg-brand-secondary",
2064
+ "focus-visible:z-10",
2065
+ "uds-ring",
2066
+ "!-outline-offset-2",
2067
+ "[&:not([aria-checked])]:cursor-default",
2068
+ "opacity-25",
2069
+ "cursor-not-allowed",
2070
+ "duration-20",
2071
+ "transition-[font-variation-settings]",
2072
+ "ease-in-out",
2073
+ "z-0",
2074
+ "uds-start-icon",
2075
+ "uds-end-icon"
1803
2076
  ],
1804
2077
  "internalComponents": [
2078
+ "Pressable",
1805
2079
  "IconSlot",
2080
+ "RootComponent",
1806
2081
  "HStack",
1807
- "As",
1808
- "Text"
2082
+ "AnimatePresence"
1809
2083
  ],
1810
2084
  "internalComponentProps": {
1811
- "Text": {
1812
- "as": [
1813
- "span"
1814
- ],
1815
- "color": [
1816
- "current"
2085
+ "HStack": {
2086
+ "alignItems": [
2087
+ "center"
1817
2088
  ],
1818
- "variant": [
1819
- "inherit"
2089
+ "width": [
2090
+ "full"
2091
+ ]
2092
+ },
2093
+ "AnimatePresence": {
2094
+ "mode": [
2095
+ "popLayout"
1820
2096
  ]
1821
2097
  }
1822
2098
  },
1823
2099
  "propToVariantKeys": {
1824
- "size": [
1825
- "chipSizeRoot",
1826
- "chipSizeIcon"
1827
- ],
1828
2100
  "startIcon": [
1829
2101
  "icon"
1830
2102
  ],
1831
2103
  "endIcon": [
1832
2104
  "icon"
2105
+ ],
2106
+ "columnGap": [
2107
+ "gap"
1833
2108
  ]
1834
2109
  },
2110
+ "runtimeConfigDefaultProps": {},
2111
+ "runtimeConfigGetStyles": {},
2112
+ "runtimeConfigInternalComponentProps": {},
1835
2113
  "motionVarPrefixes": []
1836
2114
  },
1837
- "ChipButton": {
1838
- "name": "ChipButton",
1839
- "defaultProps": {
1840
- "variant": "primary"
2115
+ "Menu.ItemCheckbox": {
2116
+ "name": "Menu.ItemCheckbox",
2117
+ "defaultProps": {},
2118
+ "getStylesLiterals": {
2119
+ "menuitemItemCheckboxVariantRoot": "default",
2120
+ "menuitemItemCheckboxVariantActiveRoot": "on",
2121
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
2122
+ "menuitemItemCheckboxVariantText": "default",
2123
+ "menuitemItemCheckboxVariantActiveText": "on",
2124
+ "menuitemItemCheckboxVariantActiveText:1": "off",
2125
+ "menuitemItemCheckboxVariantStartIcon": "default",
2126
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
2127
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2128
+ "menuitemItemCheckboxVariantEndIcon": "default",
2129
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
2130
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1841
2131
  },
1842
- "getStylesLiterals": {},
1843
2132
  "cxLiterals": [
1844
- "uds-ring"
2133
+ "uds-menu-item-checkbox"
1845
2134
  ],
1846
2135
  "internalComponents": [
1847
- "ChipBase"
2136
+ "MenuItemBase"
1848
2137
  ],
1849
- "internalComponentProps": {
1850
- "ChipBase": {
1851
- "as": [
1852
- "button"
1853
- ]
1854
- }
1855
- },
1856
- "propToVariantKeys": {
1857
- "variant": [
1858
- "chipLinkVariantRoot",
1859
- "chipLinkVariantIcon"
1860
- ]
1861
- },
2138
+ "internalComponentProps": {},
2139
+ "propToVariantKeys": {},
2140
+ "runtimeConfigDefaultProps": {},
2141
+ "runtimeConfigGetStyles": {},
2142
+ "runtimeConfigInternalComponentProps": {},
1862
2143
  "motionVarPrefixes": []
1863
2144
  },
1864
- "ChipDismissible": {
1865
- "name": "ChipDismissible",
1866
- "defaultProps": {
1867
- "variant": "primary"
1868
- },
2145
+ "Menu.Provider": {
2146
+ "name": "Menu.Provider",
2147
+ "defaultProps": {},
1869
2148
  "getStylesLiterals": {},
1870
- "cxLiterals": [
1871
- "uds-chip-dismissible-button",
1872
- "uds-hit-target",
1873
- "uds-ring",
1874
- "rounded-full"
1875
- ],
2149
+ "cxLiterals": [],
1876
2150
  "internalComponents": [
1877
- "ChipBase",
1878
- "IconSlot",
1879
- "Pressable"
2151
+ "AriakitMenuProvider",
2152
+ "SpringMotionConfig"
1880
2153
  ],
1881
2154
  "internalComponentProps": {},
1882
- "propToVariantKeys": {
1883
- "variant": [
1884
- "chipDismissibleVariantRoot",
1885
- "chipDismissibleVariantIcon"
1886
- ],
1887
- "dismissButtonAriaLabel": [
1888
- "aria-label"
1889
- ]
1890
- },
1891
- "motionVarPrefixes": []
2155
+ "propToVariantKeys": {},
2156
+ "runtimeConfigDefaultProps": {},
2157
+ "runtimeConfigGetStyles": {},
2158
+ "runtimeConfigInternalComponentProps": {},
2159
+ "motionVarPrefixes": [
2160
+ "--uds-motion-subtle-3-",
2161
+ "--uds-motion-smooth-3-"
2162
+ ]
1892
2163
  },
1893
- "ChipLink": {
1894
- "name": "ChipLink",
1895
- "defaultProps": {
1896
- "variant": "primary"
1897
- },
2164
+ "Menu.Trigger": {
2165
+ "name": "Menu.Trigger",
2166
+ "defaultProps": {},
1898
2167
  "getStylesLiterals": {},
1899
2168
  "cxLiterals": [
1900
- "uds-ring"
2169
+ "uds-menu-trigger"
1901
2170
  ],
1902
2171
  "internalComponents": [
1903
- "ChipBase"
2172
+ "AriakitMenuTrigger",
2173
+ "Box"
1904
2174
  ],
1905
2175
  "internalComponentProps": {
1906
- "ChipBase": {
1907
- "as": [
1908
- "a"
2176
+ "Box": {
2177
+ "className": [
2178
+ "uds-ring h-fit w-fit"
1909
2179
  ]
1910
2180
  }
1911
2181
  },
1912
- "propToVariantKeys": {
1913
- "variant": [
1914
- "chipLinkVariantRoot",
1915
- "chipLinkVariantIcon"
1916
- ]
1917
- },
2182
+ "propToVariantKeys": {},
2183
+ "runtimeConfigDefaultProps": {},
2184
+ "runtimeConfigGetStyles": {},
2185
+ "runtimeConfigInternalComponentProps": {},
1918
2186
  "motionVarPrefixes": []
1919
2187
  },
1920
- "ChipToggle": {
1921
- "name": "ChipToggle",
1922
- "defaultProps": {
1923
- "variant": "primary",
1924
- "role": "checkbox"
1925
- },
1926
- "getStylesLiterals": {
1927
- "chipToggleVariantActiveRoot": "on",
1928
- "chipToggleVariantActiveRoot:1": "off"
1929
- },
1930
- "cxLiterals": [
1931
- "uds-ring"
1932
- ],
1933
- "internalComponents": [
1934
- "ChipBase"
1935
- ],
1936
- "internalComponentProps": {
1937
- "ChipBase": {
1938
- "as": [
1939
- "button"
1940
- ]
1941
- }
1942
- },
1943
- "propToVariantKeys": {
1944
- "variant": [
1945
- "chipToggleVariantRoot",
1946
- "chipToggleVariantIcon"
1947
- ]
1948
- },
2188
+ "Menu.index": {
2189
+ "name": "Menu.index",
2190
+ "defaultProps": {},
2191
+ "getStylesLiterals": {},
2192
+ "cxLiterals": [],
2193
+ "internalComponents": [],
2194
+ "internalComponentProps": {},
2195
+ "propToVariantKeys": {},
2196
+ "runtimeConfigDefaultProps": {},
2197
+ "runtimeConfigGetStyles": {},
2198
+ "runtimeConfigInternalComponentProps": {},
1949
2199
  "motionVarPrefixes": []
1950
2200
  },
1951
- "Input": {
1952
- "name": "Input",
2201
+ "Menu": {
2202
+ "name": "Menu",
2203
+ "defaultProps": {},
2204
+ "getStylesLiterals": {},
2205
+ "cxLiterals": [],
2206
+ "internalComponents": [],
2207
+ "internalComponentProps": {},
2208
+ "propToVariantKeys": {},
2209
+ "runtimeConfigDefaultProps": {},
2210
+ "runtimeConfigGetStyles": {},
2211
+ "runtimeConfigInternalComponentProps": {},
2212
+ "motionVarPrefixes": []
2213
+ },
2214
+ "Radio": {
2215
+ "name": "Radio",
1953
2216
  "defaultProps": {
1954
- "type": "text",
2217
+ "labelPosition": "start",
2218
+ "variant": "primary",
1955
2219
  "size": "md",
1956
- "width": "full"
2220
+ "value": ""
1957
2221
  },
1958
2222
  "getStylesLiterals": {
1959
- "inputVariantRoot": "default",
1960
- "inputVariantValueRoot": "empty",
1961
- "inputVariantValueRoot:1": "filled",
1962
- "inputVariantInputWrapper": "default",
1963
- "inputVariantValueInputWrapper": "empty",
1964
- "inputVariantValueInputWrapper:1": "filled",
1965
- "inputVariantInput": "default",
1966
- "inputVariantValueInput": "empty",
1967
- "inputVariantValueInput:1": "filled",
1968
- "inputVariantInputPlaceholder": "default",
1969
- "inputVariantValueInputPlaceholder": "empty",
1970
- "inputVariantValueInputPlaceholder:1": "filled",
1971
- "inputVariantLabel": "default",
1972
- "inputVariantValueLabel": "empty",
1973
- "inputVariantValueLabel:1": "filled",
1974
- "inputVariantLabelRequired": "default",
1975
- "inputVariantValueLabelRequired": "empty",
1976
- "inputVariantValueLabelRequired:1": "filled",
1977
- "inputVariantStartIcon": "default",
1978
- "inputVariantValueStartIcon": "empty",
1979
- "inputVariantValueStartIcon:1": "filled",
1980
- "inputVariantEndIcon": "default",
1981
- "inputVariantValueEndIcon": "empty",
1982
- "inputVariantValueEndIcon:1": "filled"
2223
+ "radioVariantValueRoot": "checked",
2224
+ "radioVariantValueRoot:1": "unchecked",
2225
+ "display": "flex",
2226
+ "flexDirection": "row",
2227
+ "flexDirection:1": "row-reverse",
2228
+ "alignItems": "center",
2229
+ "radioVariantValueRadio": "checked",
2230
+ "radioVariantValueRadio:1": "unchecked",
2231
+ "radioVariantValueRadioCircle": "checked",
2232
+ "radioVariantValueRadioCircle:1": "unchecked"
1983
2233
  },
1984
2234
  "cxLiterals": [
2235
+ "cursor-pointer",
2236
+ "cursor-default",
1985
2237
  "opacity-50",
1986
- "min-w-[200px]",
1987
- "grow",
1988
- "uds-hit-target",
1989
- "bg-clip-text",
1990
- "focus:outline-none",
1991
- "cursor-text",
1992
- "cursor-not-allowed"
2238
+ "border",
2239
+ "uds-ring",
2240
+ "uds-ring-within",
2241
+ "transition-[background-color,border-color]",
2242
+ "transition-shadow",
2243
+ "pointer-events-none",
2244
+ "w-[8px]",
2245
+ "h-[8px]",
2246
+ "transition-opacity",
2247
+ "cursor-[inherit]",
2248
+ "absolute",
2249
+ "opacity-0",
2250
+ "top-1/2",
2251
+ "left-1/2",
2252
+ "w-[calc(100%+2px)]",
2253
+ "h-[calc(100%+2px)]",
2254
+ "transform",
2255
+ "translate-x-[-50%]",
2256
+ "translate-y-[-50%]",
2257
+ "text-start",
2258
+ "text-end"
1993
2259
  ],
1994
2260
  "internalComponents": [
1995
- "IconSlot",
1996
- "StartIcon",
1997
- "EndIcon",
1998
- "HelpTextContent",
1999
2261
  "Box",
2000
- "InputHelpTextInternal",
2001
- "VStack",
2002
- "HStack",
2003
- "AnimateHeightChange"
2262
+ "FormLabel",
2263
+ "SpringMotionConfig",
2264
+ "RootElement",
2265
+ "MotionBox"
2004
2266
  ],
2005
2267
  "internalComponentProps": {
2006
- "HelpTextContent": {
2007
- "spacingTop": [
2008
- "2"
2268
+ "Box": {
2269
+ "borderRadius": [
2270
+ "full"
2009
2271
  ]
2010
2272
  },
2011
- "Box": {
2012
- "spacingBottom": [
2013
- "2"
2014
- ],
2015
- "columnGap": [
2016
- "0.5"
2273
+ "FormLabel": {
2274
+ "as": [
2275
+ "div"
2017
2276
  ],
2018
- "alignItems": [
2019
- "flex-end",
2020
- "center"
2277
+ "variant": [
2278
+ "inherit"
2021
2279
  ],
2022
- "position": [
2023
- "relative"
2280
+ "color": [
2281
+ "inherit"
2024
2282
  ]
2025
2283
  },
2026
- "HStack": {
2284
+ "RootElement": {
2285
+ "data-testid": [
2286
+ "container"
2287
+ ]
2288
+ },
2289
+ "MotionBox": {
2290
+ "position": [
2291
+ "relative"
2292
+ ],
2293
+ "borderRadius": [
2294
+ "full"
2295
+ ],
2027
2296
  "alignItems": [
2028
2297
  "center"
2029
2298
  ],
2030
- "gap": [
2031
- "1"
2299
+ "justifyContent": [
2300
+ "center"
2301
+ ],
2302
+ "flex": [
2303
+ "none"
2032
2304
  ]
2033
2305
  }
2034
2306
  },
2035
2307
  "propToVariantKeys": {
2036
2308
  "size": [
2037
- "inputSizeRoot",
2038
- "inputSizeInputWrapper",
2039
- "inputSizeInput",
2040
- "inputSizeLabel",
2041
- "inputSizeStartIcon",
2042
- "inputSizeEndIcon"
2043
- ],
2044
- "startIcon": [
2045
- "icon"
2309
+ "radioSizeRoot",
2310
+ "radioSizeRadio"
2046
2311
  ],
2047
- "endIcon": [
2048
- "icon"
2312
+ "variant": [
2313
+ "radioVariantRoot",
2314
+ "radioVariantRadio",
2315
+ "radioVariantRadioCircle"
2049
2316
  ],
2050
- "helperTextIcon": [
2051
- "startIcon"
2317
+ "reduceMotion": [
2318
+ "reducedMotion"
2052
2319
  ]
2053
2320
  },
2054
- "motionVarPrefixes": []
2321
+ "runtimeConfigDefaultProps": {},
2322
+ "runtimeConfigGetStyles": {},
2323
+ "runtimeConfigInternalComponentProps": {},
2324
+ "motionVarPrefixes": [
2325
+ "--uds-motion-subtle-3-",
2326
+ "--uds-motion-smooth-3-"
2327
+ ]
2055
2328
  },
2056
- "InputHelpText": {
2057
- "name": "InputHelpText",
2058
- "defaultProps": {
2059
- "size": "md"
2060
- },
2061
- "getStylesLiterals": {
2062
- "inputVariantRoot": "default",
2063
- "inputVariantValueRoot": "empty",
2064
- "inputVariantValueRoot:1": "filled"
2065
- },
2329
+ "RadioGroupProvider": {
2330
+ "name": "RadioGroupProvider",
2331
+ "defaultProps": {},
2332
+ "getStylesLiterals": {},
2066
2333
  "cxLiterals": [],
2067
2334
  "internalComponents": [
2068
- "InputHelpTextInternal",
2069
- "Box"
2335
+ "DivProps",
2336
+ "Comp",
2337
+ "RadioGroupContext.Provider"
2070
2338
  ],
2071
2339
  "internalComponentProps": {
2072
- "Box": {
2073
- "spacingTop": [
2074
- "2"
2340
+ "Comp": {
2341
+ "role": [
2342
+ "radiogroup"
2075
2343
  ]
2076
2344
  }
2077
2345
  },
2078
- "propToVariantKeys": {
2079
- "size": [
2080
- "inputSizeRoot"
2081
- ]
2082
- },
2346
+ "propToVariantKeys": {},
2347
+ "runtimeConfigDefaultProps": {},
2348
+ "runtimeConfigGetStyles": {},
2349
+ "runtimeConfigInternalComponentProps": {},
2083
2350
  "motionVarPrefixes": []
2084
2351
  },
2085
- "InputHelpTextInternal": {
2086
- "name": "InputHelpTextInternal",
2352
+ "RadioGroupStore": {
2353
+ "name": "RadioGroupStore",
2087
2354
  "defaultProps": {},
2088
- "getStylesLiterals": {
2089
- "inputVariantHelperText": "default",
2090
- "inputVariantValueHelperText": "empty",
2091
- "inputVariantValueHelperText:1": "filled",
2092
- "inputVariantHelperIcon": "default",
2093
- "inputVariantValueHelperIcon": "empty",
2094
- "inputVariantValueHelperIcon:1": "filled"
2095
- },
2355
+ "getStylesLiterals": {},
2096
2356
  "cxLiterals": [],
2097
- "internalComponents": [
2098
- "IconSlot",
2099
- "HStack"
2100
- ],
2101
- "internalComponentProps": {
2102
- "HStack": {
2103
- "gap": [
2104
- "1"
2105
- ],
2106
- "alignItems": [
2107
- "center"
2108
- ]
2109
- }
2110
- },
2111
- "propToVariantKeys": {
2112
- "size": [
2113
- "inputSizeHelperText",
2114
- "inputSizeHelperIcon"
2115
- ],
2116
- "startIcon": [
2117
- "icon"
2118
- ],
2119
- "endIcon": [
2120
- "icon"
2121
- ]
2122
- },
2357
+ "internalComponents": [],
2358
+ "internalComponentProps": {},
2359
+ "propToVariantKeys": {},
2360
+ "runtimeConfigDefaultProps": {},
2361
+ "runtimeConfigGetStyles": {},
2362
+ "runtimeConfigInternalComponentProps": {},
2123
2363
  "motionVarPrefixes": []
2124
2364
  },
2125
- "Menu.Content": {
2126
- "name": "Menu.Content",
2127
- "defaultProps": {
2128
- "size": "default",
2129
- "variant": "default",
2130
- "gutter": "1"
2365
+ "Toast": {
2366
+ "name": "Toast",
2367
+ "defaultProps": {},
2368
+ "getStylesLiterals": {
2369
+ "className": "flex-none",
2370
+ "spacing": "2",
2371
+ "borderRadius": "full"
2131
2372
  },
2132
- "getStylesLiterals": {},
2133
2373
  "cxLiterals": [
2134
- "uds-menu-content",
2135
- "transition-shadow",
2136
- "duration-200",
2137
- "ease-in-out",
2138
- "min-w-60",
2139
- "max-w-lg",
2140
- "max-h-96",
2141
- "overflow-auto",
2142
- "uds-ring",
2143
- "z-10",
2144
- "group"
2374
+ "duration-0",
2375
+ "duration-120",
2376
+ "transition-[background-color]",
2377
+ "bg-carbon-15/0",
2378
+ "hover:bg-carbon-15/10",
2379
+ "active:bg-carbon-15/15",
2380
+ "uds-ring"
2145
2381
  ],
2146
2382
  "internalComponents": [
2147
- "AriakitMenu",
2148
- "AnimatePresence",
2149
- "MotionVStack"
2383
+ "IconSlot",
2384
+ "ToastContainer",
2385
+ "Text",
2386
+ "Button",
2387
+ "Pressable"
2150
2388
  ],
2151
2389
  "internalComponentProps": {},
2152
2390
  "propToVariantKeys": {
2153
2391
  "size": [
2154
- "menucontentSizeRoot"
2392
+ "toastSizeLabel",
2393
+ "toastSizeIcon",
2394
+ "toastSizeActionButton",
2395
+ "toastSizeCloseIcon"
2155
2396
  ],
2156
2397
  "variant": [
2157
- "menucontentVariantRoot"
2398
+ "toastVariantIcon",
2399
+ "toastVariantActionButton",
2400
+ "toastVariantCloseIcon"
2401
+ ],
2402
+ "closeIcon": [
2403
+ "icon"
2404
+ ],
2405
+ "onClickActionButton": [
2406
+ "onClick"
2158
2407
  ]
2159
2408
  },
2160
- "motionVarPrefixes": []
2161
- },
2162
- "Menu.Divider": {
2163
- "name": "Menu.Divider",
2164
- "defaultProps": {
2165
- "role": "separator",
2166
- "contentPosition": "start",
2167
- "gap": "4"
2409
+ "runtimeConfigDefaultProps": {
2410
+ "size": "toast.defaultSize",
2411
+ "variant": "toast.defaultVariant"
2168
2412
  },
2169
- "getStylesLiterals": {
2170
- "menuitemDividerVariantRoot": "default",
2171
- "menuitemDividerVariantText": "default",
2172
- "menuitemDividerVariantLine": "default"
2413
+ "runtimeConfigGetStyles": {
2414
+ "toastSizeLabel": [
2415
+ "toast.defaultSize"
2416
+ ],
2417
+ "toastVariantIcon": [
2418
+ "toast.defaultVariant"
2419
+ ],
2420
+ "toastSizeIcon": [
2421
+ "toast.defaultSize"
2422
+ ],
2423
+ "toastSizeActionButton": [
2424
+ "toast.defaultSize"
2425
+ ],
2426
+ "toastVariantActionButton": [
2427
+ "toast.defaultVariant"
2428
+ ],
2429
+ "toastVariantCloseIcon": [
2430
+ "toast.defaultVariant"
2431
+ ],
2432
+ "toastSizeCloseIcon": [
2433
+ "toast.defaultSize"
2434
+ ]
2173
2435
  },
2174
- "cxLiterals": [],
2175
- "internalComponents": [
2176
- "DividerInternal"
2177
- ],
2178
- "internalComponentProps": {
2179
- "DividerInternal": {
2436
+ "runtimeConfigInternalComponentProps": {
2437
+ "ToastContainer": {
2438
+ "size": [
2439
+ "toast.defaultSize"
2440
+ ],
2180
2441
  "variant": [
2181
- "inherit"
2442
+ "toast.defaultVariant"
2443
+ ]
2444
+ },
2445
+ "Text": {
2446
+ "variant": [
2447
+ "toast.textVariant.${size}"
2448
+ ],
2449
+ "color": [
2450
+ "toast.textColor.${variant}"
2451
+ ]
2452
+ },
2453
+ "Button": {
2454
+ "size": [
2455
+ "toast.buttonSize.${size}"
2456
+ ],
2457
+ "variant": [
2458
+ "toast.buttonVariant.${variant}"
2182
2459
  ]
2183
2460
  }
2184
2461
  },
2185
- "propToVariantKeys": {},
2186
2462
  "motionVarPrefixes": []
2187
2463
  },
2188
- "Menu.Item": {
2189
- "name": "Menu.Item",
2464
+ "ToastContainer": {
2465
+ "name": "ToastContainer",
2190
2466
  "defaultProps": {},
2191
2467
  "getStylesLiterals": {
2192
- "menuitemItemVariantRoot": "default",
2193
- "menuitemItemVariantActiveRoot": "on",
2194
- "menuitemItemVariantActiveRoot:1": "off",
2195
- "menuitemItemVariantText": "default",
2196
- "menuitemItemVariantActiveText": "on",
2197
- "menuitemItemVariantActiveText:1": "off",
2198
- "menuitemItemVariantIcon": "default",
2199
- "menuitemItemVariantActiveIcon": "on",
2200
- "menuitemItemVariantActiveIcon:1": "off"
2201
- },
2202
- "cxLiterals": [],
2203
- "internalComponents": [
2204
- "MenuItemBase"
2205
- ],
2206
- "internalComponentProps": {},
2207
- "propToVariantKeys": {},
2208
- "motionVarPrefixes": []
2209
- },
2210
- "Menu.ItemBase": {
2211
- "name": "Menu.ItemBase",
2212
- "defaultProps": {
2213
- "spacing": "0",
2214
- "spacingHorizontal": "4",
2215
- "spacingVertical": "3.5",
2216
- "columnGap": "2",
2468
+ "position": "relative",
2217
2469
  "alignItems": "center",
2218
- "justifyContent": "space-between"
2219
- },
2220
- "getStylesLiterals": {
2221
- "textAlign": "start",
2222
- "menuitemSizeRoot": "default",
2223
- "flexDirection": "row",
2224
- "menuitemSizeStartIcon": "default",
2225
- "menuitemSizeEndIcon": "default"
2470
+ "display": "flex",
2471
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2226
2472
  },
2227
2473
  "cxLiterals": [
2228
- "flex",
2229
- "focus-visible:text-brand",
2230
- "focus-visible:bg-brand-secondary",
2231
- "focus-visible:z-10",
2232
- "uds-ring",
2233
- "!-outline-offset-2",
2234
- "[&:not([aria-checked])]:cursor-default",
2235
- "opacity-25",
2236
- "cursor-not-allowed",
2237
- "duration-20",
2238
- "transition-[font-variation-settings]",
2239
- "ease-in-out",
2240
- "z-0",
2241
- "uds-start-icon",
2242
- "uds-end-icon"
2474
+ "w-full"
2243
2475
  ],
2244
2476
  "internalComponents": [
2245
- "Pressable",
2246
- "IconSlot",
2247
- "RootComponent",
2248
- "HStack",
2249
- "AnimatePresence"
2477
+ "HStack"
2250
2478
  ],
2251
2479
  "internalComponentProps": {
2252
2480
  "HStack": {
2253
2481
  "alignItems": [
2254
2482
  "center"
2255
2483
  ],
2256
- "width": [
2257
- "full"
2258
- ]
2259
- },
2260
- "AnimatePresence": {
2261
- "mode": [
2262
- "popLayout"
2484
+ "justifyContent": [
2485
+ "space-between"
2486
+ ],
2487
+ "overflow": [
2488
+ "hidden"
2489
+ ],
2490
+ "position": [
2491
+ "relative"
2263
2492
  ]
2264
2493
  }
2265
2494
  },
2266
2495
  "propToVariantKeys": {
2267
- "startIcon": [
2268
- "icon"
2496
+ "variant": [
2497
+ "toastVariantRoot"
2269
2498
  ],
2270
- "endIcon": [
2271
- "icon"
2499
+ "size": [
2500
+ "toastSizeRoot"
2501
+ ]
2502
+ },
2503
+ "runtimeConfigDefaultProps": {
2504
+ "size": "toast.defaultSize",
2505
+ "variant": "toast.defaultVariant"
2506
+ },
2507
+ "runtimeConfigGetStyles": {
2508
+ "toastVariantRoot": [
2509
+ "toast.defaultVariant"
2272
2510
  ],
2273
- "columnGap": [
2274
- "gap"
2511
+ "toastSizeRoot": [
2512
+ "toast.defaultSize"
2275
2513
  ]
2276
2514
  },
2277
- "motionVarPrefixes": []
2278
- },
2279
- "Menu.ItemCheckbox": {
2280
- "name": "Menu.ItemCheckbox",
2281
- "defaultProps": {},
2282
- "getStylesLiterals": {
2283
- "menuitemItemCheckboxVariantRoot": "default",
2284
- "menuitemItemCheckboxVariantActiveRoot": "on",
2285
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2286
- "menuitemItemCheckboxVariantText": "default",
2287
- "menuitemItemCheckboxVariantActiveText": "on",
2288
- "menuitemItemCheckboxVariantActiveText:1": "off",
2289
- "menuitemItemCheckboxVariantStartIcon": "default",
2290
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2291
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2292
- "menuitemItemCheckboxVariantEndIcon": "default",
2293
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2294
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2515
+ "runtimeConfigInternalComponentProps": {
2516
+ "HStack": {
2517
+ "backgroundColor": [
2518
+ "toast.backgroundColor.${variant}"
2519
+ ]
2520
+ }
2295
2521
  },
2296
- "cxLiterals": [
2297
- "uds-menu-item-checkbox"
2298
- ],
2299
- "internalComponents": [
2300
- "MenuItemBase"
2301
- ],
2302
- "internalComponentProps": {},
2303
- "propToVariantKeys": {},
2304
2522
  "motionVarPrefixes": []
2305
2523
  },
2306
- "Menu.Provider": {
2307
- "name": "Menu.Provider",
2524
+ "ToastPortal": {
2525
+ "name": "ToastPortal",
2308
2526
  "defaultProps": {},
2309
2527
  "getStylesLiterals": {},
2310
2528
  "cxLiterals": [],
2311
2529
  "internalComponents": [
2312
- "AriakitMenuProvider",
2313
- "SpringMotionConfig"
2530
+ "ReactToastifyToastContainer"
2314
2531
  ],
2315
2532
  "internalComponentProps": {},
2316
2533
  "propToVariantKeys": {},
2317
- "motionVarPrefixes": [
2318
- "--uds-motion-subtle-3-",
2319
- "--uds-motion-smooth-3-"
2320
- ]
2321
- },
2322
- "Menu.Trigger": {
2323
- "name": "Menu.Trigger",
2324
- "defaultProps": {},
2325
- "getStylesLiterals": {},
2326
- "cxLiterals": [
2327
- "uds-menu-trigger"
2328
- ],
2329
- "internalComponents": [
2330
- "AriakitMenuTrigger",
2331
- "Box"
2332
- ],
2333
- "internalComponentProps": {
2334
- "Box": {
2335
- "className": [
2336
- "uds-ring h-fit w-fit"
2534
+ "runtimeConfigDefaultProps": {
2535
+ "size": "toast.defaultSize",
2536
+ "variant": "toast.defaultVariant"
2537
+ },
2538
+ "runtimeConfigGetStyles": {},
2539
+ "runtimeConfigInternalComponentProps": {
2540
+ "ReactToastifyToastContainer": {
2541
+ "autoClose": [
2542
+ "toast.autoClose"
2337
2543
  ]
2338
2544
  }
2339
2545
  },
2340
- "propToVariantKeys": {},
2341
- "motionVarPrefixes": []
2342
- },
2343
- "Menu.index": {
2344
- "name": "Menu.index",
2345
- "defaultProps": {},
2346
- "getStylesLiterals": {},
2347
- "cxLiterals": [],
2348
- "internalComponents": [],
2349
- "internalComponentProps": {},
2350
- "propToVariantKeys": {},
2351
2546
  "motionVarPrefixes": []
2352
2547
  },
2353
- "Menu": {
2354
- "name": "Menu",
2548
+ "UDSToastConfigProvider": {
2549
+ "name": "UDSToastConfigProvider",
2355
2550
  "defaultProps": {},
2356
2551
  "getStylesLiterals": {},
2357
2552
  "cxLiterals": [],
2358
- "internalComponents": [],
2553
+ "internalComponents": [
2554
+ "ToastContext.Provider"
2555
+ ],
2359
2556
  "internalComponentProps": {},
2360
2557
  "propToVariantKeys": {},
2558
+ "runtimeConfigDefaultProps": {},
2559
+ "runtimeConfigGetStyles": {},
2560
+ "runtimeConfigInternalComponentProps": {},
2361
2561
  "motionVarPrefixes": []
2362
2562
  },
2363
- "Popover": {
2364
- "name": "Popover",
2563
+ "Tooltip": {
2564
+ "name": "Tooltip",
2365
2565
  "defaultProps": {},
2366
2566
  "getStylesLiterals": {},
2367
2567
  "cxLiterals": [],
2368
2568
  "internalComponents": [
2369
- "PopoverInternalContext.Provider",
2370
- "PopoverProvider"
2569
+ "TooltipInternalContext.Provider",
2570
+ "TooltipProvider"
2371
2571
  ],
2372
2572
  "internalComponentProps": {},
2373
2573
  "propToVariantKeys": {},
2574
+ "runtimeConfigDefaultProps": {},
2575
+ "runtimeConfigGetStyles": {},
2576
+ "runtimeConfigInternalComponentProps": {
2577
+ "TooltipProvider": {
2578
+ "animated": [
2579
+ "tooltip.animationDuration"
2580
+ ]
2581
+ }
2582
+ },
2374
2583
  "motionVarPrefixes": []
2375
2584
  },
2376
- "PopoverContent": {
2377
- "name": "PopoverContent",
2585
+ "TooltipContent": {
2586
+ "name": "TooltipContent",
2378
2587
  "defaultProps": {},
2379
2588
  "getStylesLiterals": {
2380
- "popoverSizeRoot": "default",
2381
- "popoverVariantRoot": "default",
2382
- "display": "flex",
2383
- "position": "absolute",
2384
- "spacingTop": "0",
2385
- "spacingStart": "0",
2386
- "spacingBottom": "0",
2387
- "spacingEnd": "0",
2388
- "popoverSizeSvgBase": "default",
2389
- "popoverVariantSvgBase": "default",
2390
- "popoverSizeSvgBorder": "default",
2391
- "popoverVariantSvgBorder": "default",
2392
- "popoverVariantBlur": "default",
2589
+ "tooltipSizeRoot": "default",
2590
+ "tooltipVariantRoot": "default",
2591
+ "tooltipSizeSvg": "default",
2592
+ "tooltipVariantSvg": "default",
2593
+ "tooltipVariantBlur": "default",
2594
+ "position": "absolute",
2393
2595
  "width": "full",
2394
2596
  "height": "full",
2395
- "flexShrink": "0",
2396
- "borderRadius": "full",
2397
- "alignItems": "center",
2398
- "justifyContent": "center",
2399
- "popoverVariantCloseIcon": "default",
2400
- "popoverSizeCloseIcon": "default"
2597
+ "tooltipSizeTitle": "default",
2598
+ "tooltipSizeBody": "default",
2599
+ "tooltipSizeEndContent": "default",
2600
+ "tooltipSizeIcon": "default",
2601
+ "tooltipVariantIcon": "default"
2401
2602
  },
2402
2603
  "cxLiterals": [
2604
+ "max-w-lg",
2605
+ "flex",
2403
2606
  "z-[9999]",
2404
- "outline-none",
2405
- "focus-visible:outline-none",
2406
2607
  "uds-bgBlurFillFallback",
2407
2608
  "uds-bgBlurFallback",
2408
2609
  "top-0",
2409
2610
  "left-0",
2410
- "z-[1]",
2411
- "duration-0",
2412
- "duration-120",
2413
- "transition-[background-color]",
2414
- "bg-carbon-15/0",
2415
- "hover:bg-carbon-15/10",
2416
- "active:bg-carbon-15/15",
2417
- "uds-ring",
2418
- "absolute",
2419
- "z-[4]"
2611
+ "z-[1]"
2420
2612
  ],
2421
2613
  "internalComponents": [
2422
- "PopoverDismiss",
2423
2614
  "IconSlot",
2424
- "PopoverArrow",
2425
- "Popover",
2615
+ "TooltipArrow",
2616
+ "Tooltip",
2426
2617
  "SvgFloatingOverlay",
2618
+ "VStack",
2427
2619
  "Box",
2428
- "Pressable"
2620
+ "Text"
2429
2621
  ],
2430
- "internalComponentProps": {},
2622
+ "internalComponentProps": {
2623
+ "VStack": {
2624
+ "className": [
2625
+ "gap-[inherit]"
2626
+ ]
2627
+ },
2628
+ "Box": {
2629
+ "alignItems": [
2630
+ "center"
2631
+ ],
2632
+ "columnGap": [
2633
+ "1",
2634
+ "1.5"
2635
+ ]
2636
+ },
2637
+ "Text": {
2638
+ "color": [
2639
+ "inherit"
2640
+ ]
2641
+ }
2642
+ },
2431
2643
  "propToVariantKeys": {
2432
- "closeIcon": [
2644
+ "startTitleIcon": [
2433
2645
  "icon"
2434
2646
  ]
2435
2647
  },
2648
+ "runtimeConfigDefaultProps": {},
2649
+ "runtimeConfigGetStyles": {},
2650
+ "runtimeConfigInternalComponentProps": {},
2436
2651
  "motionVarPrefixes": []
2437
2652
  },
2438
- "PopoverContext": {
2439
- "name": "PopoverContext",
2440
- "defaultProps": {},
2441
- "getStylesLiterals": {},
2442
- "cxLiterals": [],
2443
- "internalComponents": [],
2444
- "internalComponentProps": {},
2445
- "propToVariantKeys": {},
2446
- "motionVarPrefixes": []
2447
- },
2448
- "PopoverTrigger": {
2449
- "name": "PopoverTrigger",
2653
+ "TooltipTrigger": {
2654
+ "name": "TooltipTrigger",
2450
2655
  "defaultProps": {},
2451
2656
  "getStylesLiterals": {},
2452
2657
  "cxLiterals": [],
2453
2658
  "internalComponents": [
2454
- "PopoverDisclosure"
2659
+ "TooltipAnchor"
2455
2660
  ],
2456
2661
  "internalComponentProps": {
2457
- "PopoverDisclosure": {
2662
+ "TooltipAnchor": {
2458
2663
  "className": [
2459
2664
  "inline"
2460
2665
  ]
@@ -2465,411 +2670,555 @@
2465
2670
  "render"
2466
2671
  ]
2467
2672
  },
2673
+ "runtimeConfigDefaultProps": {},
2674
+ "runtimeConfigGetStyles": {},
2675
+ "runtimeConfigInternalComponentProps": {},
2468
2676
  "motionVarPrefixes": []
2469
2677
  },
2470
- "UDSPopoverConfigProvider": {
2471
- "name": "UDSPopoverConfigProvider",
2678
+ "UDSTooltipConfigProvider": {
2679
+ "name": "UDSTooltipConfigProvider",
2472
2680
  "defaultProps": {},
2473
2681
  "getStylesLiterals": {},
2474
2682
  "cxLiterals": [],
2475
2683
  "internalComponents": [
2476
- "PopoverContext.Provider"
2684
+ "TooltipContext.Provider"
2477
2685
  ],
2478
2686
  "internalComponentProps": {},
2479
2687
  "propToVariantKeys": {},
2688
+ "runtimeConfigDefaultProps": {},
2689
+ "runtimeConfigGetStyles": {},
2690
+ "runtimeConfigInternalComponentProps": {},
2480
2691
  "motionVarPrefixes": []
2481
2692
  },
2482
- "Radio": {
2483
- "name": "Radio",
2693
+ "UDSBreakpointsConfigProvider": {
2694
+ "name": "UDSBreakpointsConfigProvider",
2695
+ "defaultProps": {},
2696
+ "getStylesLiterals": {},
2697
+ "cxLiterals": [],
2698
+ "internalComponents": [
2699
+ "UDSBreakpointsConfigContext.Provider"
2700
+ ],
2701
+ "internalComponentProps": {},
2702
+ "propToVariantKeys": {},
2703
+ "runtimeConfigDefaultProps": {},
2704
+ "runtimeConfigGetStyles": {},
2705
+ "runtimeConfigInternalComponentProps": {},
2706
+ "motionVarPrefixes": []
2707
+ },
2708
+ "UDSConfigProvider": {
2709
+ "name": "UDSConfigProvider",
2710
+ "defaultProps": {},
2711
+ "getStylesLiterals": {},
2712
+ "cxLiterals": [],
2713
+ "internalComponents": [
2714
+ "UDSBreakpointsConfigProvider",
2715
+ "UDSBottomSheetConfigProvider",
2716
+ "UDSToastConfigProvider",
2717
+ "UDSTooltipConfigProvider",
2718
+ "UDSPopoverConfigProvider"
2719
+ ],
2720
+ "internalComponentProps": {},
2721
+ "propToVariantKeys": {},
2722
+ "runtimeConfigDefaultProps": {},
2723
+ "runtimeConfigGetStyles": {},
2724
+ "runtimeConfigInternalComponentProps": {},
2725
+ "motionVarPrefixes": []
2726
+ },
2727
+ "Accordion": {
2728
+ "name": "Accordion",
2484
2729
  "defaultProps": {
2485
- "labelPosition": "start",
2486
- "variant": "primary",
2487
- "size": "md",
2488
- "value": ""
2489
- },
2490
- "getStylesLiterals": {
2491
- "radioVariantValueRoot": "checked",
2492
- "radioVariantValueRoot:1": "unchecked",
2493
- "display": "flex",
2494
- "flexDirection": "row",
2495
- "flexDirection:1": "row-reverse",
2496
- "alignItems": "center",
2497
- "radioVariantValueRadio": "checked",
2498
- "radioVariantValueRadio:1": "unchecked",
2499
- "radioVariantValueRadioCircle": "checked",
2500
- "radioVariantValueRadioCircle:1": "unchecked"
2730
+ "spacingHorizontal": "4",
2731
+ "spacingVertical": "4"
2501
2732
  },
2733
+ "getStylesLiterals": {},
2502
2734
  "cxLiterals": [
2503
- "cursor-pointer",
2504
- "cursor-default",
2505
- "opacity-50",
2506
- "border",
2507
- "uds-ring",
2508
- "uds-ring-within",
2509
- "transition-[background-color,border-color]",
2510
- "transition-shadow",
2511
- "pointer-events-none",
2512
- "w-[8px]",
2513
- "h-[8px]",
2514
- "transition-opacity",
2515
- "cursor-[inherit]",
2516
- "absolute",
2517
- "opacity-0",
2518
- "top-1/2",
2519
- "left-1/2",
2520
- "w-[calc(100%+2px)]",
2521
- "h-[calc(100%+2px)]",
2522
- "transform",
2523
- "translate-x-[-50%]",
2524
- "translate-y-[-50%]",
2525
- "text-start",
2526
- "text-end"
2735
+ "hover:bg-secondary/80",
2736
+ "w-full"
2527
2737
  ],
2528
2738
  "internalComponents": [
2529
- "Box",
2530
- "FormLabel",
2739
+ "Icon",
2531
2740
  "SpringMotionConfig",
2532
- "RootElement",
2533
- "MotionBox"
2741
+ "Pressable",
2742
+ "Text",
2743
+ "HStack",
2744
+ "AnimatePresence",
2745
+ "VStack"
2534
2746
  ],
2535
2747
  "internalComponentProps": {
2536
- "Box": {
2537
- "borderRadius": [
2538
- "full"
2539
- ]
2540
- },
2541
- "FormLabel": {
2542
- "as": [
2543
- "div"
2544
- ],
2748
+ "Icon": {
2545
2749
  "variant": [
2546
- "inherit"
2750
+ "fill"
2751
+ ],
2752
+ "size": [
2753
+ "sm"
2547
2754
  ],
2548
2755
  "color": [
2549
- "inherit"
2756
+ "primary"
2550
2757
  ]
2551
2758
  },
2552
- "RootElement": {
2553
- "data-testid": [
2554
- "container"
2759
+ "SpringMotionConfig": {
2760
+ "layoutVariant": [
2761
+ "smooth"
2762
+ ],
2763
+ "layoutSpeed": [
2764
+ "3"
2555
2765
  ]
2556
2766
  },
2557
- "MotionBox": {
2558
- "position": [
2559
- "relative"
2767
+ "Pressable": {
2768
+ "display": [
2769
+ "flex"
2560
2770
  ],
2561
- "borderRadius": [
2562
- "full"
2771
+ "flexDirection": [
2772
+ "row"
2563
2773
  ],
2564
2774
  "alignItems": [
2565
2775
  "center"
2566
2776
  ],
2567
2777
  "justifyContent": [
2568
- "center"
2778
+ "space-between"
2569
2779
  ],
2570
- "flex": [
2571
- "none"
2780
+ "borderRadius": [
2781
+ "md"
2572
2782
  ]
2573
- }
2574
- },
2575
- "propToVariantKeys": {
2576
- "size": [
2577
- "radioSizeRoot",
2578
- "radioSizeRadio"
2579
- ],
2580
- "variant": [
2581
- "radioVariantRoot",
2582
- "radioVariantRadio",
2583
- "radioVariantRadioCircle"
2584
- ],
2585
- "reduceMotion": [
2586
- "reducedMotion"
2587
- ]
2588
- },
2589
- "motionVarPrefixes": [
2590
- "--uds-motion-subtle-3-",
2591
- "--uds-motion-smooth-3-"
2592
- ]
2593
- },
2594
- "RadioGroupProvider": {
2595
- "name": "RadioGroupProvider",
2596
- "defaultProps": {},
2597
- "getStylesLiterals": {},
2598
- "cxLiterals": [],
2599
- "internalComponents": [
2600
- "DivProps",
2601
- "Comp",
2602
- "RadioGroupContext.Provider"
2603
- ],
2604
- "internalComponentProps": {
2605
- "Comp": {
2606
- "role": [
2607
- "radiogroup"
2783
+ },
2784
+ "Text": {
2785
+ "variant": [
2786
+ "title4"
2787
+ ],
2788
+ "color": [
2789
+ "primary"
2790
+ ]
2791
+ },
2792
+ "HStack": {
2793
+ "display": [
2794
+ "flex"
2795
+ ],
2796
+ "alignItems": [
2797
+ "center"
2798
+ ],
2799
+ "justifyContent": [
2800
+ "space-between"
2801
+ ],
2802
+ "columnGap": [
2803
+ "2.5"
2608
2804
  ]
2609
2805
  }
2610
2806
  },
2611
2807
  "propToVariantKeys": {},
2612
- "motionVarPrefixes": []
2808
+ "runtimeConfigDefaultProps": {},
2809
+ "runtimeConfigGetStyles": {},
2810
+ "runtimeConfigInternalComponentProps": {},
2811
+ "motionVarPrefixes": [
2812
+ "--uds-motion-smooth-3-"
2813
+ ]
2613
2814
  },
2614
- "RadioGroupStore": {
2615
- "name": "RadioGroupStore",
2815
+ "AvoidMotionLibraryProvider": {
2816
+ "name": "AvoidMotionLibraryProvider",
2616
2817
  "defaultProps": {},
2617
2818
  "getStylesLiterals": {},
2618
2819
  "cxLiterals": [],
2619
2820
  "internalComponents": [],
2620
2821
  "internalComponentProps": {},
2621
2822
  "propToVariantKeys": {},
2823
+ "runtimeConfigDefaultProps": {},
2824
+ "runtimeConfigGetStyles": {},
2825
+ "runtimeConfigInternalComponentProps": {},
2622
2826
  "motionVarPrefixes": []
2623
2827
  },
2624
- "Toast": {
2625
- "name": "Toast",
2828
+ "ExperimentalPopover": {
2829
+ "name": "ExperimentalPopover",
2626
2830
  "defaultProps": {},
2627
- "getStylesLiterals": {
2628
- "className": "flex-none",
2629
- "spacing": "2",
2630
- "borderRadius": "full"
2631
- },
2632
- "cxLiterals": [
2633
- "duration-0",
2634
- "duration-120",
2635
- "transition-[background-color]",
2636
- "bg-carbon-15/0",
2637
- "hover:bg-carbon-15/10",
2638
- "active:bg-carbon-15/15",
2639
- "uds-ring"
2640
- ],
2831
+ "getStylesLiterals": {},
2832
+ "cxLiterals": [],
2641
2833
  "internalComponents": [
2642
- "IconSlot",
2643
- "ToastContainer",
2834
+ "HStack",
2644
2835
  "Text",
2645
- "Button",
2646
- "Pressable"
2836
+ "ExperimentalPopoverHeadingBase"
2647
2837
  ],
2648
- "internalComponentProps": {},
2649
- "propToVariantKeys": {
2650
- "size": [
2651
- "toastSizeLabel",
2652
- "toastSizeIcon",
2653
- "toastSizeActionButton",
2654
- "toastSizeCloseIcon"
2655
- ],
2656
- "variant": [
2657
- "toastVariantIcon",
2658
- "toastVariantActionButton",
2659
- "toastVariantCloseIcon"
2660
- ],
2661
- "closeIcon": [
2662
- "icon"
2663
- ],
2664
- "onClickActionButton": [
2665
- "onClick"
2666
- ]
2838
+ "internalComponentProps": {
2839
+ "Text": {
2840
+ "variant": [
2841
+ "headline1"
2842
+ ],
2843
+ "color": [
2844
+ "primary"
2845
+ ]
2846
+ }
2667
2847
  },
2848
+ "propToVariantKeys": {},
2849
+ "runtimeConfigDefaultProps": {},
2850
+ "runtimeConfigGetStyles": {},
2851
+ "runtimeConfigInternalComponentProps": {},
2668
2852
  "motionVarPrefixes": []
2669
2853
  },
2670
- "ToastContainer": {
2671
- "name": "ToastContainer",
2854
+ "Modal": {
2855
+ "name": "Modal",
2672
2856
  "defaultProps": {},
2673
- "getStylesLiterals": {
2674
- "position": "relative",
2675
- "alignItems": "center",
2676
- "display": "flex",
2677
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2678
- },
2857
+ "getStylesLiterals": {},
2679
2858
  "cxLiterals": [
2680
- "w-full"
2859
+ "inset-8",
2860
+ "top-[250px]",
2861
+ "z-50",
2862
+ "mx-auto",
2863
+ "h-fit",
2864
+ "w-[600px]",
2865
+ "origin-center",
2866
+ "scale-95",
2867
+ "opacity-0",
2868
+ "transition",
2869
+ "duration-150",
2870
+ "data-[enter]:scale-100",
2871
+ "data-[enter]:opacity-100",
2872
+ "data-[enter]:bg-primary",
2873
+ "backdrop-blur-0",
2874
+ "data-[enter]:opacity-60",
2875
+ "data-[enter]:backdrop-blur-sm"
2681
2876
  ],
2682
2877
  "internalComponents": [
2683
- "HStack"
2878
+ "IconButton",
2879
+ "Dialog",
2880
+ "HStack",
2881
+ "Text",
2882
+ "VStack"
2684
2883
  ],
2685
2884
  "internalComponentProps": {
2885
+ "IconButton": {
2886
+ "aria-label": [
2887
+ "Close"
2888
+ ],
2889
+ "size": [
2890
+ "sm"
2891
+ ],
2892
+ "variant": [
2893
+ "tertiary"
2894
+ ]
2895
+ },
2686
2896
  "HStack": {
2687
2897
  "alignItems": [
2688
2898
  "center"
2689
2899
  ],
2690
2900
  "justifyContent": [
2691
2901
  "space-between"
2902
+ ]
2903
+ },
2904
+ "Text": {
2905
+ "variant": [
2906
+ "headline1"
2692
2907
  ],
2693
- "overflow": [
2694
- "hidden"
2908
+ "color": [
2909
+ "primary"
2910
+ ]
2911
+ },
2912
+ "VStack": {
2913
+ "borderRadius": [
2914
+ "md"
2695
2915
  ],
2696
2916
  "position": [
2697
- "relative"
2917
+ "fixed"
2918
+ ],
2919
+ "backgroundColor": [
2920
+ "primary"
2921
+ ],
2922
+ "dropShadow": [
2923
+ "md"
2924
+ ],
2925
+ "spacing": [
2926
+ "8"
2927
+ ],
2928
+ "overflow": [
2929
+ "hidden"
2698
2930
  ]
2699
2931
  }
2700
2932
  },
2701
2933
  "propToVariantKeys": {
2702
- "variant": [
2703
- "toastVariantRoot"
2704
- ],
2705
- "size": [
2706
- "toastSizeRoot"
2934
+ "handleClose": [
2935
+ "onClick"
2707
2936
  ]
2708
2937
  },
2938
+ "runtimeConfigDefaultProps": {},
2939
+ "runtimeConfigGetStyles": {},
2940
+ "runtimeConfigInternalComponentProps": {},
2709
2941
  "motionVarPrefixes": []
2710
2942
  },
2711
- "ToastPortal": {
2712
- "name": "ToastPortal",
2713
- "defaultProps": {},
2714
- "getStylesLiterals": {},
2715
- "cxLiterals": [],
2716
- "internalComponents": [
2717
- "ReactToastifyToastContainer"
2718
- ],
2719
- "internalComponentProps": {},
2720
- "propToVariantKeys": {},
2721
- "motionVarPrefixes": []
2722
- },
2723
- "UDSToastConfigProvider": {
2724
- "name": "UDSToastConfigProvider",
2725
- "defaultProps": {},
2726
- "getStylesLiterals": {},
2727
- "cxLiterals": [],
2728
- "internalComponents": [
2729
- "ToastContext.Provider"
2943
+ "SegmentedControl": {
2944
+ "name": "SegmentedControl",
2945
+ "defaultProps": {
2946
+ "textVariant": "label2"
2947
+ },
2948
+ "getStylesLiterals": {
2949
+ "display": "flex",
2950
+ "alignItems": "center",
2951
+ "backgroundColor": "primary",
2952
+ "spacingVertical": "1",
2953
+ "spacingHorizontal": "3",
2954
+ "columnGap": "1.5",
2955
+ "borderWidth": "thin",
2956
+ "borderRadius": "full",
2957
+ "borderColor": "muted",
2958
+ "borderColor:1": "transparent",
2959
+ "color": "primary",
2960
+ "color:1": "tertiary",
2961
+ "color:2": "muted"
2962
+ },
2963
+ "cxLiterals": [
2964
+ "uds-ring",
2965
+ "cursor-not-allowed",
2966
+ "opacity-50",
2967
+ "pointer-events-none",
2968
+ "hover:bg-primary"
2730
2969
  ],
2731
- "internalComponentProps": {},
2732
- "propToVariantKeys": {},
2733
- "motionVarPrefixes": []
2734
- },
2735
- "Tooltip": {
2736
- "name": "Tooltip",
2737
- "defaultProps": {},
2738
- "getStylesLiterals": {},
2739
- "cxLiterals": [],
2740
2970
  "internalComponents": [
2741
- "TooltipInternalContext.Provider",
2742
- "TooltipProvider"
2971
+ "TextVariant",
2972
+ "Radio",
2973
+ "Icon",
2974
+ "RadioProvider",
2975
+ "HStack",
2976
+ "RadioGroup",
2977
+ "Pressable",
2978
+ "Text"
2743
2979
  ],
2744
- "internalComponentProps": {},
2745
- "propToVariantKeys": {},
2980
+ "internalComponentProps": {
2981
+ "Icon": {
2982
+ "size": [
2983
+ "sm"
2984
+ ],
2985
+ "color": [
2986
+ "current"
2987
+ ],
2988
+ "aria-hidden": [
2989
+ "true"
2990
+ ]
2991
+ },
2992
+ "HStack": {
2993
+ "spacing": [
2994
+ "1"
2995
+ ],
2996
+ "gap": [
2997
+ "1"
2998
+ ],
2999
+ "backgroundColor": [
3000
+ "secondary"
3001
+ ],
3002
+ "borderRadius": [
3003
+ "full"
3004
+ ],
3005
+ "display": [
3006
+ "inline-flex"
3007
+ ]
3008
+ },
3009
+ "Text": {
3010
+ "color": [
3011
+ "current"
3012
+ ]
3013
+ }
3014
+ },
3015
+ "propToVariantKeys": {
3016
+ "value": [
3017
+ "key"
3018
+ ],
3019
+ "label": [
3020
+ "aria-label"
3021
+ ],
3022
+ "textVariant": [
3023
+ "variant"
3024
+ ]
3025
+ },
3026
+ "runtimeConfigDefaultProps": {},
3027
+ "runtimeConfigGetStyles": {},
3028
+ "runtimeConfigInternalComponentProps": {},
2746
3029
  "motionVarPrefixes": []
2747
3030
  },
2748
- "TooltipContent": {
2749
- "name": "TooltipContent",
2750
- "defaultProps": {},
3031
+ "SwitchV2": {
3032
+ "name": "SwitchV2",
3033
+ "defaultProps": {
3034
+ "labelPosition": "start",
3035
+ "size": "md"
3036
+ },
2751
3037
  "getStylesLiterals": {
2752
- "tooltipSizeRoot": "default",
2753
- "tooltipVariantRoot": "default",
2754
- "tooltipSizeSvg": "default",
2755
- "tooltipVariantSvg": "default",
2756
- "tooltipVariantBlur": "default",
2757
- "position": "absolute",
2758
- "width": "full",
2759
- "height": "full",
2760
- "tooltipSizeTitle": "default",
2761
- "tooltipSizeBody": "default",
2762
- "tooltipSizeEndContent": "default",
2763
- "tooltipSizeIcon": "default",
2764
- "tooltipVariantIcon": "default"
3038
+ "switchVariantRoot": "default",
3039
+ "switchVariantActiveRoot": "on",
3040
+ "switchVariantActiveRoot:1": "off",
3041
+ "switchVariantSwitch": "default",
3042
+ "switchVariantActiveSwitch": "on",
3043
+ "switchVariantActiveSwitch:1": "off",
3044
+ "switchVariantActiveHandle": "on",
3045
+ "switchVariantActiveHandle:1": "off",
3046
+ "switchVariantHandle": "default",
3047
+ "switchVariantHandleIcon": "default",
3048
+ "switchVariantActiveHandleIcon": "on",
3049
+ "switchVariantActiveHandleIcon:1": "off"
2765
3050
  },
2766
3051
  "cxLiterals": [
2767
- "max-w-lg",
3052
+ "group",
2768
3053
  "flex",
2769
- "z-[9999]",
2770
- "uds-bgBlurFillFallback",
2771
- "uds-bgBlurFallback",
3054
+ "items-center",
3055
+ "flex-row",
3056
+ "flex-row-reverse",
3057
+ "uds-ring",
3058
+ "uds-ring-within",
3059
+ "relative",
3060
+ "uds-border-radius-full",
3061
+ "transition-[background-color,box-shadow]",
3062
+ "pointer-events-none",
3063
+ "w-full",
3064
+ "h-full",
3065
+ "absolute",
2772
3066
  "top-0",
3067
+ "bottom-0",
3068
+ "right-0",
2773
3069
  "left-0",
2774
- "z-[1]"
3070
+ "overflow-hidden",
3071
+ "group-hover:scale-105",
3072
+ "opacity-95",
3073
+ "group-hover:opacity-100",
3074
+ "transition-[transform,opacity]",
3075
+ "opacity-0",
3076
+ "top-1/2",
3077
+ "left-1/2",
3078
+ "transform",
3079
+ "translate-x-[-50%]",
3080
+ "translate-y-[-50%]",
3081
+ "transition-opacity",
3082
+ "cursor-[inherit]",
3083
+ "w-[calc(100%+2px)]",
3084
+ "h-[calc(100%+2px)]",
3085
+ "text-start",
3086
+ "text-end",
3087
+ "opacity-100"
2775
3088
  ],
2776
3089
  "internalComponents": [
2777
3090
  "IconSlot",
2778
- "TooltipArrow",
2779
- "Tooltip",
2780
- "SvgFloatingOverlay",
2781
- "VStack",
2782
3091
  "Box",
2783
- "Text"
3092
+ "FormLabel",
3093
+ "SpringMotionConfig",
3094
+ "RootElement",
3095
+ "MotionBox"
2784
3096
  ],
2785
3097
  "internalComponentProps": {
2786
- "VStack": {
2787
- "className": [
2788
- "gap-[inherit]"
3098
+ "IconSlot": {
3099
+ "data-testid": [
3100
+ "on-icon",
3101
+ "off-icon"
2789
3102
  ]
2790
3103
  },
2791
- "Box": {
2792
- "alignItems": [
2793
- "center"
3104
+ "FormLabel": {
3105
+ "as": [
3106
+ "div"
3107
+ ],
3108
+ "variant": [
3109
+ "inherit"
2794
3110
  ],
2795
- "columnGap": [
2796
- "1",
2797
- "1.5"
2798
- ]
2799
- },
2800
- "Text": {
2801
3111
  "color": [
2802
3112
  "inherit"
2803
3113
  ]
3114
+ },
3115
+ "SpringMotionConfig": {
3116
+ "layoutVariant": [
3117
+ "bouncy"
3118
+ ],
3119
+ "layoutSpeed": [
3120
+ "4"
3121
+ ]
3122
+ },
3123
+ "RootElement": {
3124
+ "data-testid": [
3125
+ "switch-root"
3126
+ ]
3127
+ },
3128
+ "MotionBox": {
3129
+ "layout": [
3130
+ "position"
3131
+ ]
2804
3132
  }
2805
3133
  },
2806
3134
  "propToVariantKeys": {
2807
- "startTitleIcon": [
3135
+ "size": [
3136
+ "switchSizeRoot",
3137
+ "switchSizeSwitch",
3138
+ "switchSizeHandle",
3139
+ "switchSizeHandleIcon"
3140
+ ],
3141
+ "onIcon": [
3142
+ "icon"
3143
+ ],
3144
+ "offIcon": [
2808
3145
  "icon"
3146
+ ],
3147
+ "reduceMotion": [
3148
+ "reducedMotion"
3149
+ ],
3150
+ "isOn": [
3151
+ "layoutDependency"
2809
3152
  ]
2810
3153
  },
2811
- "motionVarPrefixes": []
3154
+ "runtimeConfigDefaultProps": {},
3155
+ "runtimeConfigGetStyles": {},
3156
+ "runtimeConfigInternalComponentProps": {},
3157
+ "motionVarPrefixes": [
3158
+ "--uds-motion-bouncy-4-",
3159
+ "--uds-motion-smooth-3-"
3160
+ ]
2812
3161
  },
2813
- "TooltipTrigger": {
2814
- "name": "TooltipTrigger",
3162
+ "Tabs": {
3163
+ "name": "Tabs",
2815
3164
  "defaultProps": {},
2816
- "getStylesLiterals": {},
2817
- "cxLiterals": [],
3165
+ "getStylesLiterals": {
3166
+ "display": "flex",
3167
+ "flexDirection": "row",
3168
+ "columnGap": "6"
3169
+ },
3170
+ "cxLiterals": [
3171
+ "text-tertiary",
3172
+ "border-b-transparent",
3173
+ "aria-selected:border-b-brand",
3174
+ "aria-selected:text-secondary"
3175
+ ],
2818
3176
  "internalComponents": [
2819
- "TooltipAnchor"
3177
+ "TabProvider",
3178
+ "OriginalTabList",
3179
+ "OriginalTab",
3180
+ "Icon",
3181
+ "OriginalTabPanel",
3182
+ "Pressable",
3183
+ "Comp",
3184
+ "Text"
2820
3185
  ],
2821
3186
  "internalComponentProps": {
2822
- "TooltipAnchor": {
3187
+ "Icon": {
2823
3188
  "className": [
2824
- "inline"
3189
+ "text-current"
3190
+ ],
3191
+ "size": [
3192
+ "md"
3193
+ ]
3194
+ },
3195
+ "Pressable": {
3196
+ "borderBottomWidth": [
3197
+ "medium"
3198
+ ],
3199
+ "spacingBottom": [
3200
+ "1"
3201
+ ],
3202
+ "spacingTop": [
3203
+ "4"
3204
+ ]
3205
+ },
3206
+ "Text": {
3207
+ "className": [
3208
+ "text-current"
3209
+ ],
3210
+ "variant": [
3211
+ "headline1"
3212
+ ],
3213
+ "as": [
3214
+ "span"
2825
3215
  ]
2826
3216
  }
2827
3217
  },
2828
- "propToVariantKeys": {
2829
- "children": [
2830
- "render"
2831
- ]
2832
- },
2833
- "motionVarPrefixes": []
2834
- },
2835
- "UDSTooltipConfigProvider": {
2836
- "name": "UDSTooltipConfigProvider",
2837
- "defaultProps": {},
2838
- "getStylesLiterals": {},
2839
- "cxLiterals": [],
2840
- "internalComponents": [
2841
- "TooltipContext.Provider"
2842
- ],
2843
- "internalComponentProps": {},
2844
- "propToVariantKeys": {},
2845
- "motionVarPrefixes": []
2846
- },
2847
- "UDSBreakpointsConfigProvider": {
2848
- "name": "UDSBreakpointsConfigProvider",
2849
- "defaultProps": {},
2850
- "getStylesLiterals": {},
2851
- "cxLiterals": [],
2852
- "internalComponents": [
2853
- "UDSBreakpointsConfigContext.Provider"
2854
- ],
2855
- "internalComponentProps": {},
2856
- "propToVariantKeys": {},
2857
- "motionVarPrefixes": []
2858
- },
2859
- "UDSConfigProvider": {
2860
- "name": "UDSConfigProvider",
2861
- "defaultProps": {},
2862
- "getStylesLiterals": {},
2863
- "cxLiterals": [],
2864
- "internalComponents": [
2865
- "UDSBreakpointsConfigProvider",
2866
- "UDSBottomSheetConfigProvider",
2867
- "UDSToastConfigProvider",
2868
- "UDSTooltipConfigProvider",
2869
- "UDSPopoverConfigProvider"
2870
- ],
2871
- "internalComponentProps": {},
2872
3218
  "propToVariantKeys": {},
3219
+ "runtimeConfigDefaultProps": {},
3220
+ "runtimeConfigGetStyles": {},
3221
+ "runtimeConfigInternalComponentProps": {},
2873
3222
  "motionVarPrefixes": []
2874
3223
  }
2875
3224
  }