@yahoo/uds 3.120.0 → 3.122.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 (69) hide show
  1. package/dist/components/client/Popover/Popover.cjs +1 -1
  2. package/dist/components/client/Popover/Popover.js +1 -1
  3. package/dist/components/client/Popover/PopoverContent.cjs +12 -17
  4. package/dist/components/client/Popover/PopoverContent.js +12 -17
  5. package/dist/components/client/Popover/UDSPopoverConfigProvider.cjs +13 -3
  6. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +13 -5
  7. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +13 -5
  8. package/dist/components/client/Popover/UDSPopoverConfigProvider.js +13 -3
  9. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  10. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  11. package/dist/fixtures/dist/index.cjs +1 -2
  12. package/dist/fixtures/dist/index.js +1 -2
  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 +43 -43
  20. package/dist/styles/styler.d.ts +43 -43
  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/fixtures/dist/index.js.map +1 -1
  43. package/dist/tailwind/dist/purger/optimized/purgeFromCode.cjs +104 -19
  44. package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.cts +5 -0
  45. package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.cts.map +1 -1
  46. package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.ts +5 -0
  47. package/dist/tailwind/dist/purger/optimized/purgeFromCode.d.ts.map +1 -1
  48. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js +104 -19
  49. package/dist/tailwind/dist/purger/optimized/purgeFromCode.js.map +1 -1
  50. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.cjs +99 -10
  51. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js +99 -10
  52. package/dist/tailwind/dist/purger/optimized/utils/componentAnalyzer.js.map +1 -1
  53. package/dist/tailwind/dist/runtimeConfig/hookMetadata.cjs +364 -0
  54. package/dist/tailwind/dist/runtimeConfig/hookMetadata.js +358 -0
  55. package/dist/tailwind/dist/runtimeConfig/hookMetadata.js.map +1 -0
  56. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  57. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  58. package/dist/tokens/index.d.cts +2 -2
  59. package/dist/tokens/index.d.ts +2 -2
  60. package/dist/tokens/types.d.cts +2 -2
  61. package/dist/tokens/types.d.ts +2 -2
  62. package/dist/types/dist/index.d.cts +2 -1
  63. package/dist/types/dist/index.d.ts +2 -1
  64. package/dist/uds/generated/componentData.cjs +915 -628
  65. package/dist/uds/generated/componentData.js +915 -628
  66. package/dist/uds/package.cjs +3 -3
  67. package/dist/uds/package.js +3 -3
  68. package/generated/componentData.json +1131 -782
  69. package/package.json +4 -4
@@ -16,6 +16,9 @@ var Box = {
16
16
  "borderWidth",
17
17
  "dropShadow"
18
18
  ] },
19
+ "runtimeConfigDefaultProps": {},
20
+ "runtimeConfigGetStyles": {},
21
+ "runtimeConfigInternalComponentProps": {},
19
22
  "motionVarPrefixes": []
20
23
  };
21
24
  var FormLabel = {
@@ -34,6 +37,9 @@ var FormLabel = {
34
37
  "spacingStart": ["0.5"]
35
38
  } },
36
39
  "propToVariantKeys": {},
40
+ "runtimeConfigDefaultProps": {},
41
+ "runtimeConfigGetStyles": {},
42
+ "runtimeConfigInternalComponentProps": {},
37
43
  "motionVarPrefixes": []
38
44
  };
39
45
  var HStack = {
@@ -44,6 +50,9 @@ var HStack = {
44
50
  "internalComponents": ["Box"],
45
51
  "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
46
52
  "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
53
+ "runtimeConfigDefaultProps": {},
54
+ "runtimeConfigGetStyles": {},
55
+ "runtimeConfigInternalComponentProps": {},
47
56
  "motionVarPrefixes": []
48
57
  };
49
58
  var Icon = {
@@ -58,6 +67,9 @@ var Icon = {
58
67
  "internalComponents": ["SVGIcon"],
59
68
  "internalComponentProps": {},
60
69
  "propToVariantKeys": {},
70
+ "runtimeConfigDefaultProps": {},
71
+ "runtimeConfigGetStyles": {},
72
+ "runtimeConfigInternalComponentProps": {},
61
73
  "motionVarPrefixes": []
62
74
  };
63
75
  var IconSlot = {
@@ -68,6 +80,9 @@ var IconSlot = {
68
80
  "internalComponents": ["Icon"],
69
81
  "internalComponentProps": {},
70
82
  "propToVariantKeys": {},
83
+ "runtimeConfigDefaultProps": {},
84
+ "runtimeConfigGetStyles": {},
85
+ "runtimeConfigInternalComponentProps": {},
71
86
  "motionVarPrefixes": []
72
87
  };
73
88
  var Image = {
@@ -78,6 +93,9 @@ var Image = {
78
93
  "internalComponents": [],
79
94
  "internalComponentProps": {},
80
95
  "propToVariantKeys": {},
96
+ "runtimeConfigDefaultProps": {},
97
+ "runtimeConfigGetStyles": {},
98
+ "runtimeConfigInternalComponentProps": {},
81
99
  "motionVarPrefixes": []
82
100
  };
83
101
  var Link = {
@@ -113,6 +131,9 @@ var Link = {
113
131
  "startIcon": ["icon"],
114
132
  "endIcon": ["icon"]
115
133
  },
134
+ "runtimeConfigDefaultProps": {},
135
+ "runtimeConfigGetStyles": {},
136
+ "runtimeConfigInternalComponentProps": {},
116
137
  "motionVarPrefixes": []
117
138
  };
118
139
  var Scrim = {
@@ -137,6 +158,9 @@ var Scrim = {
137
158
  "internalComponents": ["Box"],
138
159
  "internalComponentProps": { "Box": { "display": ["block"] } },
139
160
  "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
161
+ "runtimeConfigDefaultProps": {},
162
+ "runtimeConfigGetStyles": {},
163
+ "runtimeConfigInternalComponentProps": {},
140
164
  "motionVarPrefixes": []
141
165
  };
142
166
  var SvgFloatingOverlay = {
@@ -165,6 +189,9 @@ var SvgFloatingOverlay = {
165
189
  "className": ["max-h-full gap-[inherit]"]
166
190
  } },
167
191
  "propToVariantKeys": { "blurClassName": ["className"] },
192
+ "runtimeConfigDefaultProps": {},
193
+ "runtimeConfigGetStyles": {},
194
+ "runtimeConfigInternalComponentProps": {},
168
195
  "motionVarPrefixes": []
169
196
  };
170
197
  var Text = {
@@ -185,6 +212,9 @@ var Text = {
185
212
  "textTransform",
186
213
  "letterSpacing"
187
214
  ] },
215
+ "runtimeConfigDefaultProps": {},
216
+ "runtimeConfigGetStyles": {},
217
+ "runtimeConfigInternalComponentProps": {},
188
218
  "motionVarPrefixes": []
189
219
  };
190
220
  var VStack = {
@@ -195,6 +225,9 @@ var VStack = {
195
225
  "internalComponents": ["Box"],
196
226
  "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
197
227
  "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
228
+ "runtimeConfigDefaultProps": {},
229
+ "runtimeConfigGetStyles": {},
230
+ "runtimeConfigInternalComponentProps": {},
198
231
  "motionVarPrefixes": []
199
232
  };
200
233
  var Divider = {
@@ -205,6 +238,9 @@ var Divider = {
205
238
  "internalComponents": ["DividerInternal"],
206
239
  "internalComponentProps": {},
207
240
  "propToVariantKeys": {},
241
+ "runtimeConfigDefaultProps": {},
242
+ "runtimeConfigGetStyles": {},
243
+ "runtimeConfigInternalComponentProps": {},
208
244
  "motionVarPrefixes": []
209
245
  };
210
246
  var DividerCore = {
@@ -234,6 +270,9 @@ var DividerCore = {
234
270
  }
235
271
  },
236
272
  "propToVariantKeys": {},
273
+ "runtimeConfigDefaultProps": {},
274
+ "runtimeConfigGetStyles": {},
275
+ "runtimeConfigInternalComponentProps": {},
237
276
  "motionVarPrefixes": []
238
277
  };
239
278
  var DividerInternal = {
@@ -248,6 +287,9 @@ var DividerInternal = {
248
287
  "dividerVariantLabel",
249
288
  "dividerVariantLine"
250
289
  ] },
290
+ "runtimeConfigDefaultProps": {},
291
+ "runtimeConfigGetStyles": {},
292
+ "runtimeConfigInternalComponentProps": {},
251
293
  "motionVarPrefixes": []
252
294
  };
253
295
  var Spinner = {
@@ -269,6 +311,9 @@ var Spinner = {
269
311
  "aria-hidden": ["true"]
270
312
  } },
271
313
  "propToVariantKeys": {},
314
+ "runtimeConfigDefaultProps": {},
315
+ "runtimeConfigGetStyles": {},
316
+ "runtimeConfigInternalComponentProps": {},
272
317
  "motionVarPrefixes": []
273
318
  };
274
319
  var Table_mocks = {
@@ -279,6 +324,9 @@ var Table_mocks = {
279
324
  "internalComponents": [],
280
325
  "internalComponentProps": {},
281
326
  "propToVariantKeys": {},
327
+ "runtimeConfigDefaultProps": {},
328
+ "runtimeConfigGetStyles": {},
329
+ "runtimeConfigInternalComponentProps": {},
282
330
  "motionVarPrefixes": []
283
331
  };
284
332
  var Table = {
@@ -307,6 +355,9 @@ var Table = {
307
355
  ],
308
356
  "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
309
357
  "propToVariantKeys": {},
358
+ "runtimeConfigDefaultProps": {},
359
+ "runtimeConfigGetStyles": {},
360
+ "runtimeConfigInternalComponentProps": {},
310
361
  "motionVarPrefixes": []
311
362
  };
312
363
  var AnimateHeightChange = {
@@ -317,6 +368,9 @@ var AnimateHeightChange = {
317
368
  "internalComponents": ["SpringMotionConfig"],
318
369
  "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
319
370
  "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
371
+ "runtimeConfigDefaultProps": {},
372
+ "runtimeConfigGetStyles": {},
373
+ "runtimeConfigInternalComponentProps": {},
320
374
  "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
321
375
  };
322
376
  var Badge = {
@@ -347,6 +401,9 @@ var Badge = {
347
401
  "startIcon": ["icon"],
348
402
  "endIcon": ["icon"]
349
403
  },
404
+ "runtimeConfigDefaultProps": {},
405
+ "runtimeConfigGetStyles": {},
406
+ "runtimeConfigInternalComponentProps": {},
350
407
  "motionVarPrefixes": []
351
408
  };
352
409
  var Button = {
@@ -398,6 +455,9 @@ var Button = {
398
455
  "startIcon": ["icon"],
399
456
  "endIcon": ["icon"]
400
457
  },
458
+ "runtimeConfigDefaultProps": {},
459
+ "runtimeConfigGetStyles": {},
460
+ "runtimeConfigInternalComponentProps": {},
401
461
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
402
462
  };
403
463
  var Checkbox = {
@@ -471,6 +531,9 @@ var Checkbox = {
471
531
  ],
472
532
  "reduceMotion": ["reducedMotion"]
473
533
  },
534
+ "runtimeConfigDefaultProps": {},
535
+ "runtimeConfigGetStyles": {},
536
+ "runtimeConfigInternalComponentProps": {},
474
537
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
475
538
  };
476
539
  var IconButton = {
@@ -510,6 +573,9 @@ var IconButton = {
510
573
  "variant": ["buttonVariantRoot", "buttonVariantIcon"],
511
574
  "iconVariant": ["variant"]
512
575
  },
576
+ "runtimeConfigDefaultProps": {},
577
+ "runtimeConfigGetStyles": {},
578
+ "runtimeConfigInternalComponentProps": {},
513
579
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
514
580
  };
515
581
  var Pressable = {
@@ -520,6 +586,9 @@ var Pressable = {
520
586
  "internalComponents": ["Comp"],
521
587
  "internalComponentProps": {},
522
588
  "propToVariantKeys": {},
589
+ "runtimeConfigDefaultProps": {},
590
+ "runtimeConfigGetStyles": {},
591
+ "runtimeConfigInternalComponentProps": {},
523
592
  "motionVarPrefixes": []
524
593
  };
525
594
  var SpringMotionConfig = {
@@ -530,6 +599,9 @@ var SpringMotionConfig = {
530
599
  "internalComponents": ["LazyMotion", "MotionConfig"],
531
600
  "internalComponentProps": {},
532
601
  "propToVariantKeys": { "loadFeatures": ["features"] },
602
+ "runtimeConfigDefaultProps": {},
603
+ "runtimeConfigGetStyles": {},
604
+ "runtimeConfigInternalComponentProps": {},
533
605
  "motionVarPrefixes": []
534
606
  };
535
607
  var Switch = {
@@ -620,6 +692,9 @@ var Switch = {
620
692
  "offIcon": ["icon"],
621
693
  "reduceMotion": ["reducedMotion"]
622
694
  },
695
+ "runtimeConfigDefaultProps": {},
696
+ "runtimeConfigGetStyles": {},
697
+ "runtimeConfigInternalComponentProps": {},
623
698
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
624
699
  };
625
700
  var Accordion = {
@@ -668,6 +743,9 @@ var Accordion = {
668
743
  }
669
744
  },
670
745
  "propToVariantKeys": {},
746
+ "runtimeConfigDefaultProps": {},
747
+ "runtimeConfigGetStyles": {},
748
+ "runtimeConfigInternalComponentProps": {},
671
749
  "motionVarPrefixes": ["--uds-motion-smooth-3-"]
672
750
  };
673
751
  var AvoidMotionLibraryProvider = {
@@ -678,6 +756,9 @@ var AvoidMotionLibraryProvider = {
678
756
  "internalComponents": [],
679
757
  "internalComponentProps": {},
680
758
  "propToVariantKeys": {},
759
+ "runtimeConfigDefaultProps": {},
760
+ "runtimeConfigGetStyles": {},
761
+ "runtimeConfigInternalComponentProps": {},
681
762
  "motionVarPrefixes": []
682
763
  };
683
764
  var ExperimentalPopover = {
@@ -695,6 +776,9 @@ var ExperimentalPopover = {
695
776
  "color": ["primary"]
696
777
  } },
697
778
  "propToVariantKeys": {},
779
+ "runtimeConfigDefaultProps": {},
780
+ "runtimeConfigGetStyles": {},
781
+ "runtimeConfigInternalComponentProps": {},
698
782
  "motionVarPrefixes": []
699
783
  };
700
784
  var Modal = {
@@ -751,6 +835,9 @@ var Modal = {
751
835
  }
752
836
  },
753
837
  "propToVariantKeys": { "handleClose": ["onClick"] },
838
+ "runtimeConfigDefaultProps": {},
839
+ "runtimeConfigGetStyles": {},
840
+ "runtimeConfigInternalComponentProps": {},
754
841
  "motionVarPrefixes": []
755
842
  };
756
843
  var SegmentedControl = {
@@ -808,6 +895,9 @@ var SegmentedControl = {
808
895
  "label": ["aria-label"],
809
896
  "textVariant": ["variant"]
810
897
  },
898
+ "runtimeConfigDefaultProps": {},
899
+ "runtimeConfigGetStyles": {},
900
+ "runtimeConfigInternalComponentProps": {},
811
901
  "motionVarPrefixes": []
812
902
  };
813
903
  var SwitchV2 = {
@@ -902,6 +992,9 @@ var SwitchV2 = {
902
992
  "reduceMotion": ["reducedMotion"],
903
993
  "isOn": ["layoutDependency"]
904
994
  },
995
+ "runtimeConfigDefaultProps": {},
996
+ "runtimeConfigGetStyles": {},
997
+ "runtimeConfigInternalComponentProps": {},
905
998
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
906
999
  };
907
1000
  var Tabs = {
@@ -945,369 +1038,462 @@ var Tabs = {
945
1038
  }
946
1039
  },
947
1040
  "propToVariantKeys": {},
1041
+ "runtimeConfigDefaultProps": {},
1042
+ "runtimeConfigGetStyles": {},
1043
+ "runtimeConfigInternalComponentProps": {},
948
1044
  "motionVarPrefixes": []
949
1045
  };
950
- var Avatar = {
951
- "name": "Avatar",
952
- "defaultProps": {},
953
- "getStylesLiterals": {},
954
- "cxLiterals": [],
955
- "internalComponents": ["AvatarImage"],
956
- "internalComponentProps": {},
957
- "propToVariantKeys": {},
958
- "motionVarPrefixes": []
959
- };
960
- var AvatarIcon = {
961
- "name": "AvatarIcon",
1046
+ var Radio = {
1047
+ "name": "Radio",
962
1048
  "defaultProps": {
1049
+ "labelPosition": "start",
1050
+ "variant": "primary",
963
1051
  "size": "md",
964
- "variant": "primary"
1052
+ "value": ""
965
1053
  },
966
- "getStylesLiterals": {},
967
- "cxLiterals": [
968
- "overflow-hidden",
969
- "w-full",
970
- "h-full",
971
- "shrink-0",
972
- "text-center",
973
- "inline-flex",
974
- "justify-center",
975
- "items-center"
976
- ],
977
- "internalComponents": ["IconSlot", "Box"],
978
- "internalComponentProps": {},
979
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
980
- "motionVarPrefixes": []
981
- };
982
- var AvatarImage = {
983
- "name": "AvatarImage",
984
- "defaultProps": {
985
- "size": "md",
986
- "variant": "primary"
1054
+ "getStylesLiterals": {
1055
+ "radioVariantValueRoot": "checked",
1056
+ "radioVariantValueRoot:1": "unchecked",
1057
+ "display": "flex",
1058
+ "flexDirection": "row",
1059
+ "flexDirection:1": "row-reverse",
1060
+ "alignItems": "center",
1061
+ "radioVariantValueRadio": "checked",
1062
+ "radioVariantValueRadio:1": "unchecked",
1063
+ "radioVariantValueRadioCircle": "checked",
1064
+ "radioVariantValueRadioCircle:1": "unchecked"
987
1065
  },
988
- "getStylesLiterals": {},
989
1066
  "cxLiterals": [
990
- "overflow-hidden",
991
- "w-full",
992
- "h-full",
993
- "shrink-0",
994
- "text-center",
995
- "inline-flex",
996
- "justify-center",
997
- "items-center",
998
- "object-cover"
1067
+ "cursor-pointer",
1068
+ "cursor-default",
1069
+ "opacity-50",
1070
+ "border",
1071
+ "uds-ring",
1072
+ "uds-ring-within",
1073
+ "transition-[background-color,border-color]",
1074
+ "transition-shadow",
1075
+ "pointer-events-none",
1076
+ "w-[8px]",
1077
+ "h-[8px]",
1078
+ "transition-opacity",
1079
+ "cursor-[inherit]",
1080
+ "absolute",
1081
+ "opacity-0",
1082
+ "top-1/2",
1083
+ "left-1/2",
1084
+ "w-[calc(100%+2px)]",
1085
+ "h-[calc(100%+2px)]",
1086
+ "transform",
1087
+ "translate-x-[-50%]",
1088
+ "translate-y-[-50%]",
1089
+ "text-start",
1090
+ "text-end"
999
1091
  ],
1000
1092
  "internalComponents": [
1001
- "UDSImage",
1002
- "AvatarText",
1003
- "AvatarIcon",
1004
- "Box"
1093
+ "Box",
1094
+ "FormLabel",
1095
+ "SpringMotionConfig",
1096
+ "RootElement",
1097
+ "MotionBox"
1005
1098
  ],
1006
- "internalComponentProps": {},
1007
- "propToVariantKeys": {
1008
- "alt": ["name"],
1009
- "fallback": ["initials"]
1099
+ "internalComponentProps": {
1100
+ "Box": { "borderRadius": ["full"] },
1101
+ "FormLabel": {
1102
+ "as": ["div"],
1103
+ "variant": ["inherit"],
1104
+ "color": ["inherit"]
1105
+ },
1106
+ "RootElement": { "data-testid": ["container"] },
1107
+ "MotionBox": {
1108
+ "position": ["relative"],
1109
+ "borderRadius": ["full"],
1110
+ "alignItems": ["center"],
1111
+ "justifyContent": ["center"],
1112
+ "flex": ["none"]
1113
+ }
1010
1114
  },
1011
- "motionVarPrefixes": []
1012
- };
1013
- var AvatarText = {
1014
- "name": "AvatarText",
1015
- "defaultProps": {
1016
- "size": "md",
1017
- "variant": "primary"
1115
+ "propToVariantKeys": {
1116
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1117
+ "variant": [
1118
+ "radioVariantRoot",
1119
+ "radioVariantRadio",
1120
+ "radioVariantRadioCircle"
1121
+ ],
1122
+ "reduceMotion": ["reducedMotion"]
1018
1123
  },
1019
- "getStylesLiterals": {},
1020
- "cxLiterals": [
1021
- "overflow-hidden",
1022
- "truncate",
1023
- "w-full",
1024
- "h-full",
1025
- "shrink-0",
1026
- "text-center",
1027
- "inline-flex",
1028
- "justify-center",
1029
- "items-center"
1030
- ],
1031
- "internalComponents": ["Box", "Text"],
1032
- "internalComponentProps": { "Text": {
1033
- "color": ["inherit"],
1034
- "variant": ["inherit"]
1035
- } },
1036
- "propToVariantKeys": {},
1037
- "motionVarPrefixes": []
1124
+ "runtimeConfigDefaultProps": {},
1125
+ "runtimeConfigGetStyles": {},
1126
+ "runtimeConfigInternalComponentProps": {},
1127
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1038
1128
  };
1039
- var BottomSheet = {
1040
- "name": "BottomSheet",
1041
- "defaultProps": { "variant": "default" },
1129
+ var RadioGroupProvider = {
1130
+ "name": "RadioGroupProvider",
1131
+ "defaultProps": {},
1042
1132
  "getStylesLiterals": {},
1043
- "cxLiterals": [
1044
- "fixed",
1045
- "overflow-hidden",
1046
- "inset-x-0",
1047
- "bottom-0",
1048
- "z-50",
1049
- "[will-change:transform]",
1050
- "touch-none",
1051
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1052
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1053
- "transition-transform",
1054
- "duration-500",
1055
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1056
- "motion-reduce:transition-none",
1057
- "top-[-4px]",
1058
- "z-[1]",
1059
- "touch-pan-y"
1060
- ],
1133
+ "cxLiterals": [],
1061
1134
  "internalComponents": [
1062
- "Scrim",
1063
- "BottomSheetHandle",
1064
- "Dialog",
1065
- "Box",
1066
- "BottomSheetInternalContext.Provider"
1135
+ "DivProps",
1136
+ "Comp",
1137
+ "RadioGroupContext.Provider"
1067
1138
  ],
1068
- "internalComponentProps": {
1069
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1070
- "Dialog": { "data-testid": ["bottom-sheet"] },
1071
- "Box": {
1072
- "display": ["block", "flex"],
1073
- "position": ["absolute"],
1074
- "flexDirection": ["column"],
1075
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1076
- }
1077
- },
1078
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1139
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1140
+ "propToVariantKeys": {},
1141
+ "runtimeConfigDefaultProps": {},
1142
+ "runtimeConfigGetStyles": {},
1143
+ "runtimeConfigInternalComponentProps": {},
1079
1144
  "motionVarPrefixes": []
1080
1145
  };
1081
- var BottomSheetContent = {
1082
- "name": "BottomSheetContent",
1146
+ var RadioGroupStore = {
1147
+ "name": "RadioGroupStore",
1083
1148
  "defaultProps": {},
1084
1149
  "getStylesLiterals": {},
1085
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1086
- "internalComponents": ["Box", "VStack"],
1087
- "internalComponentProps": {
1088
- "Box": {
1089
- "display": ["block"],
1090
- "flex": ["1"]
1091
- },
1092
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1093
- },
1150
+ "cxLiterals": [],
1151
+ "internalComponents": [],
1152
+ "internalComponentProps": {},
1094
1153
  "propToVariantKeys": {},
1154
+ "runtimeConfigDefaultProps": {},
1155
+ "runtimeConfigGetStyles": {},
1156
+ "runtimeConfigInternalComponentProps": {},
1095
1157
  "motionVarPrefixes": []
1096
1158
  };
1097
- var BottomSheetDismiss = {
1098
- "name": "BottomSheetDismiss",
1159
+ var Popover = {
1160
+ "name": "Popover",
1099
1161
  "defaultProps": {},
1100
1162
  "getStylesLiterals": {},
1101
1163
  "cxLiterals": [],
1102
- "internalComponents": ["AriakitDialogDismiss"],
1164
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1103
1165
  "internalComponentProps": {},
1104
1166
  "propToVariantKeys": {},
1167
+ "runtimeConfigDefaultProps": {
1168
+ "size": "popover.defaultSize",
1169
+ "variant": "popover.defaultVariant"
1170
+ },
1171
+ "runtimeConfigGetStyles": {},
1172
+ "runtimeConfigInternalComponentProps": {},
1105
1173
  "motionVarPrefixes": []
1106
1174
  };
1107
- var BottomSheetHandle = {
1108
- "name": "BottomSheetHandle",
1109
- "defaultProps": { "variant": "default" },
1110
- "getStylesLiterals": {},
1175
+ var PopoverContent = {
1176
+ "name": "PopoverContent",
1177
+ "defaultProps": {},
1178
+ "getStylesLiterals": {
1179
+ "popoverSizeRoot": "default",
1180
+ "popoverVariantRoot": "default",
1181
+ "display": "flex",
1182
+ "position": "absolute",
1183
+ "spacingTop": "0",
1184
+ "spacingStart": "0",
1185
+ "spacingBottom": "0",
1186
+ "spacingEnd": "0",
1187
+ "popoverSizeSvgBase": "default",
1188
+ "popoverVariantSvgBase": "default",
1189
+ "popoverSizeSvgBorder": "default",
1190
+ "popoverVariantSvgBorder": "default",
1191
+ "popoverVariantBlur": "default",
1192
+ "width": "full",
1193
+ "height": "full",
1194
+ "flexShrink": "0",
1195
+ "borderRadius": "full",
1196
+ "alignItems": "center",
1197
+ "justifyContent": "center",
1198
+ "popoverVariantCloseIcon": "default",
1199
+ "popoverSizeCloseIcon": "default"
1200
+ },
1111
1201
  "cxLiterals": [
1112
- "relative",
1113
- "h-5",
1114
- "w-16",
1202
+ "z-[9999]",
1115
1203
  "outline-none",
1116
1204
  "focus-visible:outline-none",
1117
- "[touch-action:pan-y]",
1205
+ "uds-bgBlurFillFallback",
1206
+ "uds-bgBlurFallback",
1207
+ "top-0",
1208
+ "left-0",
1209
+ "z-[1]",
1210
+ "duration-0",
1211
+ "duration-120",
1212
+ "transition-[background-color]",
1213
+ "bg-carbon-15/0",
1214
+ "hover:bg-carbon-15/10",
1215
+ "active:bg-carbon-15/15",
1216
+ "uds-ring",
1118
1217
  "absolute",
1119
- "left-1/2",
1120
- "top-1/2",
1121
- "-translate-x-1/2",
1122
- "-translate-y-1/2",
1123
- "h-1",
1124
- "w-8",
1125
- "rounded-full"
1218
+ "z-[4]"
1126
1219
  ],
1127
- "internalComponents": ["Box"],
1128
- "internalComponentProps": { "Box": {
1129
- "display": ["block", "flex"],
1130
- "justifyContent": ["center"]
1131
- } },
1132
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1133
- "motionVarPrefixes": []
1134
- };
1135
- var BottomSheetHeader = {
1136
- "name": "BottomSheetHeader",
1137
- "defaultProps": { "variant": "default" },
1138
- "getStylesLiterals": {},
1139
- "cxLiterals": [
1140
- "grid-cols-[40px_1fr_40px]",
1141
- "items-center",
1142
- "w-full",
1143
- "min-h-10",
1144
- "mt-2"
1220
+ "internalComponents": [
1221
+ "PopoverDismiss",
1222
+ "IconSlot",
1223
+ "PopoverArrow",
1224
+ "Popover",
1225
+ "SvgFloatingOverlay",
1226
+ "Box",
1227
+ "Pressable"
1145
1228
  ],
1146
- "internalComponents": ["Box", "Text"],
1147
- "internalComponentProps": {
1148
- "Box": {
1149
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1150
- "display": ["grid", "flex"],
1151
- "justifyContent": ["flex-start", "flex-end"]
1152
- },
1153
- "Text": {
1154
- "variant": ["inherit"],
1155
- "color": ["inherit"],
1156
- "textAlign": ["center"],
1157
- "className": ["w-full"]
1158
- }
1229
+ "internalComponentProps": {},
1230
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1231
+ "runtimeConfigDefaultProps": {
1232
+ "size": "popover.defaultSize",
1233
+ "variant": "popover.defaultVariant"
1159
1234
  },
1160
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1235
+ "runtimeConfigGetStyles": {
1236
+ "spacingTop": ["popover.spacingVertical.${size}"],
1237
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1238
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1239
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1240
+ },
1241
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1161
1242
  "motionVarPrefixes": []
1162
1243
  };
1163
- var BottomSheetInternalContext = {
1164
- "name": "BottomSheetInternalContext",
1244
+ var PopoverContext = {
1245
+ "name": "PopoverContext",
1165
1246
  "defaultProps": {},
1166
1247
  "getStylesLiterals": {},
1167
1248
  "cxLiterals": [],
1168
1249
  "internalComponents": [],
1169
1250
  "internalComponentProps": {},
1170
1251
  "propToVariantKeys": {},
1252
+ "runtimeConfigDefaultProps": {},
1253
+ "runtimeConfigGetStyles": {},
1254
+ "runtimeConfigInternalComponentProps": {},
1171
1255
  "motionVarPrefixes": []
1172
1256
  };
1173
- var BottomSheetProvider = {
1174
- "name": "BottomSheetProvider",
1257
+ var PopoverTrigger = {
1258
+ "name": "PopoverTrigger",
1175
1259
  "defaultProps": {},
1176
1260
  "getStylesLiterals": {},
1177
1261
  "cxLiterals": [],
1178
- "internalComponents": ["AriakitDialogProvider"],
1179
- "internalComponentProps": {},
1180
- "propToVariantKeys": {},
1262
+ "internalComponents": ["PopoverDisclosure"],
1263
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1264
+ "propToVariantKeys": { "children": ["render"] },
1265
+ "runtimeConfigDefaultProps": {},
1266
+ "runtimeConfigGetStyles": {},
1267
+ "runtimeConfigInternalComponentProps": {},
1181
1268
  "motionVarPrefixes": []
1182
1269
  };
1183
- var BottomSheetTrigger = {
1184
- "name": "BottomSheetTrigger",
1270
+ var UDSPopoverConfigProvider = {
1271
+ "name": "UDSPopoverConfigProvider",
1185
1272
  "defaultProps": {},
1186
1273
  "getStylesLiterals": {},
1187
1274
  "cxLiterals": [],
1188
- "internalComponents": ["AriakitDialogDisclosure"],
1275
+ "internalComponents": ["PopoverContext.Provider"],
1189
1276
  "internalComponentProps": {},
1190
1277
  "propToVariantKeys": {},
1278
+ "runtimeConfigDefaultProps": {},
1279
+ "runtimeConfigGetStyles": {},
1280
+ "runtimeConfigInternalComponentProps": {},
1191
1281
  "motionVarPrefixes": []
1192
1282
  };
1193
- var UDSBottomSheetConfigProvider = {
1194
- "name": "UDSBottomSheetConfigProvider",
1195
- "defaultProps": {},
1283
+ var Menu_Content = {
1284
+ "name": "Menu.Content",
1285
+ "defaultProps": {
1286
+ "size": "default",
1287
+ "variant": "default",
1288
+ "gutter": "1"
1289
+ },
1196
1290
  "getStylesLiterals": {},
1197
- "cxLiterals": [],
1198
- "internalComponents": ["BottomSheetContext.Provider"],
1291
+ "cxLiterals": [
1292
+ "uds-menu-content",
1293
+ "transition-shadow",
1294
+ "duration-200",
1295
+ "ease-in-out",
1296
+ "min-w-60",
1297
+ "max-w-lg",
1298
+ "max-h-96",
1299
+ "overflow-auto",
1300
+ "uds-ring",
1301
+ "z-10",
1302
+ "group"
1303
+ ],
1304
+ "internalComponents": [
1305
+ "AriakitMenu",
1306
+ "AnimatePresence",
1307
+ "MotionVStack"
1308
+ ],
1199
1309
  "internalComponentProps": {},
1310
+ "propToVariantKeys": {
1311
+ "size": ["menucontentSizeRoot"],
1312
+ "variant": ["menucontentVariantRoot"]
1313
+ },
1314
+ "runtimeConfigDefaultProps": {},
1315
+ "runtimeConfigGetStyles": {},
1316
+ "runtimeConfigInternalComponentProps": {},
1317
+ "motionVarPrefixes": []
1318
+ };
1319
+ var Menu_Divider = {
1320
+ "name": "Menu.Divider",
1321
+ "defaultProps": {
1322
+ "role": "separator",
1323
+ "contentPosition": "start",
1324
+ "gap": "4"
1325
+ },
1326
+ "getStylesLiterals": {
1327
+ "menuitemDividerVariantRoot": "default",
1328
+ "menuitemDividerVariantText": "default",
1329
+ "menuitemDividerVariantLine": "default"
1330
+ },
1331
+ "cxLiterals": [],
1332
+ "internalComponents": ["DividerInternal"],
1333
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1200
1334
  "propToVariantKeys": {},
1335
+ "runtimeConfigDefaultProps": {},
1336
+ "runtimeConfigGetStyles": {},
1337
+ "runtimeConfigInternalComponentProps": {},
1201
1338
  "motionVarPrefixes": []
1202
1339
  };
1203
- var Chip = {
1204
- "name": "Chip",
1340
+ var Menu_Item = {
1341
+ "name": "Menu.Item",
1205
1342
  "defaultProps": {},
1206
- "getStylesLiterals": {},
1343
+ "getStylesLiterals": {
1344
+ "menuitemItemVariantRoot": "default",
1345
+ "menuitemItemVariantActiveRoot": "on",
1346
+ "menuitemItemVariantActiveRoot:1": "off",
1347
+ "menuitemItemVariantText": "default",
1348
+ "menuitemItemVariantActiveText": "on",
1349
+ "menuitemItemVariantActiveText:1": "off",
1350
+ "menuitemItemVariantIcon": "default",
1351
+ "menuitemItemVariantActiveIcon": "on",
1352
+ "menuitemItemVariantActiveIcon:1": "off"
1353
+ },
1207
1354
  "cxLiterals": [],
1208
- "internalComponents": [
1209
- "ChipDismissible",
1210
- "ChipToggle",
1211
- "ChipLink",
1212
- "ChipButton"
1213
- ],
1355
+ "internalComponents": ["MenuItemBase"],
1214
1356
  "internalComponentProps": {},
1215
1357
  "propToVariantKeys": {},
1358
+ "runtimeConfigDefaultProps": {},
1359
+ "runtimeConfigGetStyles": {},
1360
+ "runtimeConfigInternalComponentProps": {},
1216
1361
  "motionVarPrefixes": []
1217
1362
  };
1218
- var ChipBase = {
1219
- "name": "ChipBase",
1363
+ var Menu_ItemBase = {
1364
+ "name": "Menu.ItemBase",
1220
1365
  "defaultProps": {
1221
- "size": "md",
1222
- "as": "div"
1366
+ "spacing": "0",
1367
+ "spacingHorizontal": "4",
1368
+ "spacingVertical": "3.5",
1369
+ "columnGap": "2",
1370
+ "alignItems": "center",
1371
+ "justifyContent": "space-between"
1372
+ },
1373
+ "getStylesLiterals": {
1374
+ "textAlign": "start",
1375
+ "menuitemSizeRoot": "default",
1376
+ "flexDirection": "row",
1377
+ "menuitemSizeStartIcon": "default",
1378
+ "menuitemSizeEndIcon": "default"
1223
1379
  },
1224
- "getStylesLiterals": {},
1225
1380
  "cxLiterals": [
1226
- "pointer-events-none",
1227
- "cursor-default",
1228
- "opacity-50",
1229
- "inline-flex",
1230
- "items-center",
1231
- "transition-[background-color,outline-color,box-shadow]",
1232
- "truncate",
1233
- "whitespace-nowrap",
1234
- "text-center",
1235
- "flex-1"
1381
+ "flex",
1382
+ "focus-visible:text-brand",
1383
+ "focus-visible:bg-brand-secondary",
1384
+ "focus-visible:z-10",
1385
+ "uds-ring",
1386
+ "!-outline-offset-2",
1387
+ "[&:not([aria-checked])]:cursor-default",
1388
+ "opacity-25",
1389
+ "cursor-not-allowed",
1390
+ "duration-20",
1391
+ "transition-[font-variation-settings]",
1392
+ "ease-in-out",
1393
+ "z-0",
1394
+ "uds-start-icon",
1395
+ "uds-end-icon"
1236
1396
  ],
1237
1397
  "internalComponents": [
1398
+ "Pressable",
1238
1399
  "IconSlot",
1400
+ "RootComponent",
1239
1401
  "HStack",
1240
- "As",
1241
- "Text"
1402
+ "AnimatePresence"
1242
1403
  ],
1243
- "internalComponentProps": { "Text": {
1244
- "as": ["span"],
1245
- "color": ["current"],
1246
- "variant": ["inherit"]
1247
- } },
1404
+ "internalComponentProps": {
1405
+ "HStack": {
1406
+ "alignItems": ["center"],
1407
+ "width": ["full"]
1408
+ },
1409
+ "AnimatePresence": { "mode": ["popLayout"] }
1410
+ },
1248
1411
  "propToVariantKeys": {
1249
- "size": ["chipSizeRoot", "chipSizeIcon"],
1250
1412
  "startIcon": ["icon"],
1251
- "endIcon": ["icon"]
1413
+ "endIcon": ["icon"],
1414
+ "columnGap": ["gap"]
1415
+ },
1416
+ "runtimeConfigDefaultProps": {},
1417
+ "runtimeConfigGetStyles": {},
1418
+ "runtimeConfigInternalComponentProps": {},
1419
+ "motionVarPrefixes": []
1420
+ };
1421
+ var Menu_ItemCheckbox = {
1422
+ "name": "Menu.ItemCheckbox",
1423
+ "defaultProps": {},
1424
+ "getStylesLiterals": {
1425
+ "menuitemItemCheckboxVariantRoot": "default",
1426
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1427
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1428
+ "menuitemItemCheckboxVariantText": "default",
1429
+ "menuitemItemCheckboxVariantActiveText": "on",
1430
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1431
+ "menuitemItemCheckboxVariantStartIcon": "default",
1432
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1433
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1434
+ "menuitemItemCheckboxVariantEndIcon": "default",
1435
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1436
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1252
1437
  },
1438
+ "cxLiterals": ["uds-menu-item-checkbox"],
1439
+ "internalComponents": ["MenuItemBase"],
1440
+ "internalComponentProps": {},
1441
+ "propToVariantKeys": {},
1442
+ "runtimeConfigDefaultProps": {},
1443
+ "runtimeConfigGetStyles": {},
1444
+ "runtimeConfigInternalComponentProps": {},
1253
1445
  "motionVarPrefixes": []
1254
1446
  };
1255
- var ChipButton = {
1256
- "name": "ChipButton",
1257
- "defaultProps": { "variant": "primary" },
1447
+ var Menu_Provider = {
1448
+ "name": "Menu.Provider",
1449
+ "defaultProps": {},
1258
1450
  "getStylesLiterals": {},
1259
- "cxLiterals": ["uds-ring"],
1260
- "internalComponents": ["ChipBase"],
1261
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1262
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1263
- "motionVarPrefixes": []
1451
+ "cxLiterals": [],
1452
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1453
+ "internalComponentProps": {},
1454
+ "propToVariantKeys": {},
1455
+ "runtimeConfigDefaultProps": {},
1456
+ "runtimeConfigGetStyles": {},
1457
+ "runtimeConfigInternalComponentProps": {},
1458
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1264
1459
  };
1265
- var ChipDismissible = {
1266
- "name": "ChipDismissible",
1267
- "defaultProps": { "variant": "primary" },
1460
+ var Menu_Trigger = {
1461
+ "name": "Menu.Trigger",
1462
+ "defaultProps": {},
1268
1463
  "getStylesLiterals": {},
1269
- "cxLiterals": [
1270
- "uds-chip-dismissible-button",
1271
- "uds-hit-target",
1272
- "uds-ring",
1273
- "rounded-full"
1274
- ],
1275
- "internalComponents": [
1276
- "ChipBase",
1277
- "IconSlot",
1278
- "Pressable"
1279
- ],
1280
- "internalComponentProps": {},
1281
- "propToVariantKeys": {
1282
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1283
- "dismissButtonAriaLabel": ["aria-label"]
1284
- },
1464
+ "cxLiterals": ["uds-menu-trigger"],
1465
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1466
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1467
+ "propToVariantKeys": {},
1468
+ "runtimeConfigDefaultProps": {},
1469
+ "runtimeConfigGetStyles": {},
1470
+ "runtimeConfigInternalComponentProps": {},
1285
1471
  "motionVarPrefixes": []
1286
1472
  };
1287
- var ChipLink = {
1288
- "name": "ChipLink",
1289
- "defaultProps": { "variant": "primary" },
1473
+ var Menu_index = {
1474
+ "name": "Menu.index",
1475
+ "defaultProps": {},
1290
1476
  "getStylesLiterals": {},
1291
- "cxLiterals": ["uds-ring"],
1292
- "internalComponents": ["ChipBase"],
1293
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1294
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1477
+ "cxLiterals": [],
1478
+ "internalComponents": [],
1479
+ "internalComponentProps": {},
1480
+ "propToVariantKeys": {},
1481
+ "runtimeConfigDefaultProps": {},
1482
+ "runtimeConfigGetStyles": {},
1483
+ "runtimeConfigInternalComponentProps": {},
1295
1484
  "motionVarPrefixes": []
1296
1485
  };
1297
- var ChipToggle = {
1298
- "name": "ChipToggle",
1299
- "defaultProps": {
1300
- "variant": "primary",
1301
- "role": "checkbox"
1302
- },
1303
- "getStylesLiterals": {
1304
- "chipToggleVariantActiveRoot": "on",
1305
- "chipToggleVariantActiveRoot:1": "off"
1306
- },
1307
- "cxLiterals": ["uds-ring"],
1308
- "internalComponents": ["ChipBase"],
1309
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1310
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1486
+ var Menu = {
1487
+ "name": "Menu",
1488
+ "defaultProps": {},
1489
+ "getStylesLiterals": {},
1490
+ "cxLiterals": [],
1491
+ "internalComponents": [],
1492
+ "internalComponentProps": {},
1493
+ "propToVariantKeys": {},
1494
+ "runtimeConfigDefaultProps": {},
1495
+ "runtimeConfigGetStyles": {},
1496
+ "runtimeConfigInternalComponentProps": {},
1311
1497
  "motionVarPrefixes": []
1312
1498
  };
1313
1499
  var Input = {
@@ -1390,6 +1576,9 @@ var Input = {
1390
1576
  "endIcon": ["icon"],
1391
1577
  "helperTextIcon": ["startIcon"]
1392
1578
  },
1579
+ "runtimeConfigDefaultProps": {},
1580
+ "runtimeConfigGetStyles": {},
1581
+ "runtimeConfigInternalComponentProps": {},
1393
1582
  "motionVarPrefixes": []
1394
1583
  };
1395
1584
  var InputHelpText = {
@@ -1404,6 +1593,9 @@ var InputHelpText = {
1404
1593
  "internalComponents": ["InputHelpTextInternal", "Box"],
1405
1594
  "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1406
1595
  "propToVariantKeys": { "size": ["inputSizeRoot"] },
1596
+ "runtimeConfigDefaultProps": {},
1597
+ "runtimeConfigGetStyles": {},
1598
+ "runtimeConfigInternalComponentProps": {},
1407
1599
  "motionVarPrefixes": []
1408
1600
  };
1409
1601
  var InputHelpTextInternal = {
@@ -1428,397 +1620,429 @@ var InputHelpTextInternal = {
1428
1620
  "startIcon": ["icon"],
1429
1621
  "endIcon": ["icon"]
1430
1622
  },
1623
+ "runtimeConfigDefaultProps": {},
1624
+ "runtimeConfigGetStyles": {},
1625
+ "runtimeConfigInternalComponentProps": {},
1431
1626
  "motionVarPrefixes": []
1432
1627
  };
1433
- var Menu_Content = {
1434
- "name": "Menu.Content",
1628
+ var Chip = {
1629
+ "name": "Chip",
1630
+ "defaultProps": {},
1631
+ "getStylesLiterals": {},
1632
+ "cxLiterals": [],
1633
+ "internalComponents": [
1634
+ "ChipDismissible",
1635
+ "ChipToggle",
1636
+ "ChipLink",
1637
+ "ChipButton"
1638
+ ],
1639
+ "internalComponentProps": {},
1640
+ "propToVariantKeys": {},
1641
+ "runtimeConfigDefaultProps": {},
1642
+ "runtimeConfigGetStyles": {},
1643
+ "runtimeConfigInternalComponentProps": {},
1644
+ "motionVarPrefixes": []
1645
+ };
1646
+ var ChipBase = {
1647
+ "name": "ChipBase",
1435
1648
  "defaultProps": {
1436
- "size": "default",
1437
- "variant": "default",
1438
- "gutter": "1"
1649
+ "size": "md",
1650
+ "as": "div"
1439
1651
  },
1440
1652
  "getStylesLiterals": {},
1441
1653
  "cxLiterals": [
1442
- "uds-menu-content",
1443
- "transition-shadow",
1444
- "duration-200",
1445
- "ease-in-out",
1446
- "min-w-60",
1447
- "max-w-lg",
1448
- "max-h-96",
1449
- "overflow-auto",
1450
- "uds-ring",
1451
- "z-10",
1452
- "group"
1654
+ "pointer-events-none",
1655
+ "cursor-default",
1656
+ "opacity-50",
1657
+ "inline-flex",
1658
+ "items-center",
1659
+ "transition-[background-color,outline-color,box-shadow]",
1660
+ "truncate",
1661
+ "whitespace-nowrap",
1662
+ "text-center",
1663
+ "flex-1"
1453
1664
  ],
1454
1665
  "internalComponents": [
1455
- "AriakitMenu",
1456
- "AnimatePresence",
1457
- "MotionVStack"
1666
+ "IconSlot",
1667
+ "HStack",
1668
+ "As",
1669
+ "Text"
1458
1670
  ],
1459
- "internalComponentProps": {},
1671
+ "internalComponentProps": { "Text": {
1672
+ "as": ["span"],
1673
+ "color": ["current"],
1674
+ "variant": ["inherit"]
1675
+ } },
1460
1676
  "propToVariantKeys": {
1461
- "size": ["menucontentSizeRoot"],
1462
- "variant": ["menucontentVariantRoot"]
1677
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1678
+ "startIcon": ["icon"],
1679
+ "endIcon": ["icon"]
1463
1680
  },
1681
+ "runtimeConfigDefaultProps": {},
1682
+ "runtimeConfigGetStyles": {},
1683
+ "runtimeConfigInternalComponentProps": {},
1464
1684
  "motionVarPrefixes": []
1465
1685
  };
1466
- var Menu_Divider = {
1467
- "name": "Menu.Divider",
1468
- "defaultProps": {
1469
- "role": "separator",
1470
- "contentPosition": "start",
1471
- "gap": "4"
1472
- },
1473
- "getStylesLiterals": {
1474
- "menuitemDividerVariantRoot": "default",
1475
- "menuitemDividerVariantText": "default",
1476
- "menuitemDividerVariantLine": "default"
1477
- },
1478
- "cxLiterals": [],
1479
- "internalComponents": ["DividerInternal"],
1480
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1481
- "propToVariantKeys": {},
1686
+ var ChipButton = {
1687
+ "name": "ChipButton",
1688
+ "defaultProps": { "variant": "primary" },
1689
+ "getStylesLiterals": {},
1690
+ "cxLiterals": ["uds-ring"],
1691
+ "internalComponents": ["ChipBase"],
1692
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1693
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1694
+ "runtimeConfigDefaultProps": {},
1695
+ "runtimeConfigGetStyles": {},
1696
+ "runtimeConfigInternalComponentProps": {},
1482
1697
  "motionVarPrefixes": []
1483
1698
  };
1484
- var Menu_Item = {
1485
- "name": "Menu.Item",
1486
- "defaultProps": {},
1487
- "getStylesLiterals": {
1488
- "menuitemItemVariantRoot": "default",
1489
- "menuitemItemVariantActiveRoot": "on",
1490
- "menuitemItemVariantActiveRoot:1": "off",
1491
- "menuitemItemVariantText": "default",
1492
- "menuitemItemVariantActiveText": "on",
1493
- "menuitemItemVariantActiveText:1": "off",
1494
- "menuitemItemVariantIcon": "default",
1495
- "menuitemItemVariantActiveIcon": "on",
1496
- "menuitemItemVariantActiveIcon:1": "off"
1497
- },
1498
- "cxLiterals": [],
1499
- "internalComponents": ["MenuItemBase"],
1699
+ var ChipDismissible = {
1700
+ "name": "ChipDismissible",
1701
+ "defaultProps": { "variant": "primary" },
1702
+ "getStylesLiterals": {},
1703
+ "cxLiterals": [
1704
+ "uds-chip-dismissible-button",
1705
+ "uds-hit-target",
1706
+ "uds-ring",
1707
+ "rounded-full"
1708
+ ],
1709
+ "internalComponents": [
1710
+ "ChipBase",
1711
+ "IconSlot",
1712
+ "Pressable"
1713
+ ],
1500
1714
  "internalComponentProps": {},
1501
- "propToVariantKeys": {},
1715
+ "propToVariantKeys": {
1716
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1717
+ "dismissButtonAriaLabel": ["aria-label"]
1718
+ },
1719
+ "runtimeConfigDefaultProps": {},
1720
+ "runtimeConfigGetStyles": {},
1721
+ "runtimeConfigInternalComponentProps": {},
1502
1722
  "motionVarPrefixes": []
1503
1723
  };
1504
- var Menu_ItemBase = {
1505
- "name": "Menu.ItemBase",
1724
+ var ChipLink = {
1725
+ "name": "ChipLink",
1726
+ "defaultProps": { "variant": "primary" },
1727
+ "getStylesLiterals": {},
1728
+ "cxLiterals": ["uds-ring"],
1729
+ "internalComponents": ["ChipBase"],
1730
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1731
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1732
+ "runtimeConfigDefaultProps": {},
1733
+ "runtimeConfigGetStyles": {},
1734
+ "runtimeConfigInternalComponentProps": {},
1735
+ "motionVarPrefixes": []
1736
+ };
1737
+ var ChipToggle = {
1738
+ "name": "ChipToggle",
1506
1739
  "defaultProps": {
1507
- "spacing": "0",
1508
- "spacingHorizontal": "4",
1509
- "spacingVertical": "3.5",
1510
- "columnGap": "2",
1511
- "alignItems": "center",
1512
- "justifyContent": "space-between"
1740
+ "variant": "primary",
1741
+ "role": "checkbox"
1513
1742
  },
1514
1743
  "getStylesLiterals": {
1515
- "textAlign": "start",
1516
- "menuitemSizeRoot": "default",
1517
- "flexDirection": "row",
1518
- "menuitemSizeStartIcon": "default",
1519
- "menuitemSizeEndIcon": "default"
1744
+ "chipToggleVariantActiveRoot": "on",
1745
+ "chipToggleVariantActiveRoot:1": "off"
1520
1746
  },
1521
- "cxLiterals": [
1522
- "flex",
1523
- "focus-visible:text-brand",
1524
- "focus-visible:bg-brand-secondary",
1525
- "focus-visible:z-10",
1526
- "uds-ring",
1527
- "!-outline-offset-2",
1528
- "[&:not([aria-checked])]:cursor-default",
1529
- "opacity-25",
1530
- "cursor-not-allowed",
1531
- "duration-20",
1532
- "transition-[font-variation-settings]",
1533
- "ease-in-out",
1534
- "z-0",
1535
- "uds-start-icon",
1536
- "uds-end-icon"
1747
+ "cxLiterals": ["uds-ring"],
1748
+ "internalComponents": ["ChipBase"],
1749
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1750
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1751
+ "runtimeConfigDefaultProps": {},
1752
+ "runtimeConfigGetStyles": {},
1753
+ "runtimeConfigInternalComponentProps": {},
1754
+ "motionVarPrefixes": []
1755
+ };
1756
+ var BottomSheet = {
1757
+ "name": "BottomSheet",
1758
+ "defaultProps": { "variant": "default" },
1759
+ "getStylesLiterals": {},
1760
+ "cxLiterals": [
1761
+ "fixed",
1762
+ "overflow-hidden",
1763
+ "inset-x-0",
1764
+ "bottom-0",
1765
+ "z-50",
1766
+ "[will-change:transform]",
1767
+ "touch-none",
1768
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1769
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1770
+ "transition-transform",
1771
+ "duration-500",
1772
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1773
+ "motion-reduce:transition-none",
1774
+ "top-[-4px]",
1775
+ "z-[1]",
1776
+ "touch-pan-y"
1537
1777
  ],
1538
1778
  "internalComponents": [
1539
- "Pressable",
1540
- "IconSlot",
1541
- "RootComponent",
1542
- "HStack",
1543
- "AnimatePresence"
1779
+ "Scrim",
1780
+ "BottomSheetHandle",
1781
+ "Dialog",
1782
+ "Box",
1783
+ "BottomSheetInternalContext.Provider"
1544
1784
  ],
1545
1785
  "internalComponentProps": {
1546
- "HStack": {
1547
- "alignItems": ["center"],
1548
- "width": ["full"]
1549
- },
1550
- "AnimatePresence": { "mode": ["popLayout"] }
1551
- },
1552
- "propToVariantKeys": {
1553
- "startIcon": ["icon"],
1554
- "endIcon": ["icon"],
1555
- "columnGap": ["gap"]
1786
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1787
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1788
+ "Box": {
1789
+ "display": ["block", "flex"],
1790
+ "position": ["absolute"],
1791
+ "flexDirection": ["column"],
1792
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1793
+ }
1556
1794
  },
1795
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1796
+ "runtimeConfigDefaultProps": {},
1797
+ "runtimeConfigGetStyles": {},
1798
+ "runtimeConfigInternalComponentProps": {},
1557
1799
  "motionVarPrefixes": []
1558
1800
  };
1559
- var Menu_ItemCheckbox = {
1560
- "name": "Menu.ItemCheckbox",
1801
+ var BottomSheetContent = {
1802
+ "name": "BottomSheetContent",
1561
1803
  "defaultProps": {},
1562
- "getStylesLiterals": {
1563
- "menuitemItemCheckboxVariantRoot": "default",
1564
- "menuitemItemCheckboxVariantActiveRoot": "on",
1565
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1566
- "menuitemItemCheckboxVariantText": "default",
1567
- "menuitemItemCheckboxVariantActiveText": "on",
1568
- "menuitemItemCheckboxVariantActiveText:1": "off",
1569
- "menuitemItemCheckboxVariantStartIcon": "default",
1570
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1571
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1572
- "menuitemItemCheckboxVariantEndIcon": "default",
1573
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1574
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1804
+ "getStylesLiterals": {},
1805
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1806
+ "internalComponents": ["Box", "VStack"],
1807
+ "internalComponentProps": {
1808
+ "Box": {
1809
+ "display": ["block"],
1810
+ "flex": ["1"]
1811
+ },
1812
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1575
1813
  },
1576
- "cxLiterals": ["uds-menu-item-checkbox"],
1577
- "internalComponents": ["MenuItemBase"],
1578
- "internalComponentProps": {},
1579
1814
  "propToVariantKeys": {},
1815
+ "runtimeConfigDefaultProps": {},
1816
+ "runtimeConfigGetStyles": {},
1817
+ "runtimeConfigInternalComponentProps": {},
1580
1818
  "motionVarPrefixes": []
1581
1819
  };
1582
- var Menu_Provider = {
1583
- "name": "Menu.Provider",
1820
+ var BottomSheetDismiss = {
1821
+ "name": "BottomSheetDismiss",
1584
1822
  "defaultProps": {},
1585
1823
  "getStylesLiterals": {},
1586
1824
  "cxLiterals": [],
1587
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1825
+ "internalComponents": ["AriakitDialogDismiss"],
1588
1826
  "internalComponentProps": {},
1589
1827
  "propToVariantKeys": {},
1590
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1828
+ "runtimeConfigDefaultProps": {},
1829
+ "runtimeConfigGetStyles": {},
1830
+ "runtimeConfigInternalComponentProps": {},
1831
+ "motionVarPrefixes": []
1591
1832
  };
1592
- var Menu_Trigger = {
1593
- "name": "Menu.Trigger",
1594
- "defaultProps": {},
1833
+ var BottomSheetHandle = {
1834
+ "name": "BottomSheetHandle",
1835
+ "defaultProps": { "variant": "default" },
1595
1836
  "getStylesLiterals": {},
1596
- "cxLiterals": ["uds-menu-trigger"],
1597
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1598
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1599
- "propToVariantKeys": {},
1837
+ "cxLiterals": [
1838
+ "relative",
1839
+ "h-5",
1840
+ "w-16",
1841
+ "outline-none",
1842
+ "focus-visible:outline-none",
1843
+ "[touch-action:pan-y]",
1844
+ "absolute",
1845
+ "left-1/2",
1846
+ "top-1/2",
1847
+ "-translate-x-1/2",
1848
+ "-translate-y-1/2",
1849
+ "h-1",
1850
+ "w-8",
1851
+ "rounded-full"
1852
+ ],
1853
+ "internalComponents": ["Box"],
1854
+ "internalComponentProps": { "Box": {
1855
+ "display": ["block", "flex"],
1856
+ "justifyContent": ["center"]
1857
+ } },
1858
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1859
+ "runtimeConfigDefaultProps": {},
1860
+ "runtimeConfigGetStyles": {},
1861
+ "runtimeConfigInternalComponentProps": {},
1600
1862
  "motionVarPrefixes": []
1601
1863
  };
1602
- var Menu_index = {
1603
- "name": "Menu.index",
1604
- "defaultProps": {},
1864
+ var BottomSheetHeader = {
1865
+ "name": "BottomSheetHeader",
1866
+ "defaultProps": { "variant": "default" },
1605
1867
  "getStylesLiterals": {},
1606
- "cxLiterals": [],
1607
- "internalComponents": [],
1608
- "internalComponentProps": {},
1609
- "propToVariantKeys": {},
1868
+ "cxLiterals": [
1869
+ "grid-cols-[40px_1fr_40px]",
1870
+ "items-center",
1871
+ "w-full",
1872
+ "min-h-10",
1873
+ "mt-2"
1874
+ ],
1875
+ "internalComponents": ["Box", "Text"],
1876
+ "internalComponentProps": {
1877
+ "Box": {
1878
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1879
+ "display": ["grid", "flex"],
1880
+ "justifyContent": ["flex-start", "flex-end"]
1881
+ },
1882
+ "Text": {
1883
+ "variant": ["inherit"],
1884
+ "color": ["inherit"],
1885
+ "textAlign": ["center"],
1886
+ "className": ["w-full"]
1887
+ }
1888
+ },
1889
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1890
+ "runtimeConfigDefaultProps": {},
1891
+ "runtimeConfigGetStyles": {},
1892
+ "runtimeConfigInternalComponentProps": {},
1610
1893
  "motionVarPrefixes": []
1611
1894
  };
1612
- var Menu = {
1613
- "name": "Menu",
1895
+ var BottomSheetInternalContext = {
1896
+ "name": "BottomSheetInternalContext",
1614
1897
  "defaultProps": {},
1615
1898
  "getStylesLiterals": {},
1616
1899
  "cxLiterals": [],
1617
1900
  "internalComponents": [],
1618
1901
  "internalComponentProps": {},
1619
1902
  "propToVariantKeys": {},
1903
+ "runtimeConfigDefaultProps": {},
1904
+ "runtimeConfigGetStyles": {},
1905
+ "runtimeConfigInternalComponentProps": {},
1620
1906
  "motionVarPrefixes": []
1621
1907
  };
1622
- var Popover = {
1623
- "name": "Popover",
1908
+ var BottomSheetProvider = {
1909
+ "name": "BottomSheetProvider",
1624
1910
  "defaultProps": {},
1625
1911
  "getStylesLiterals": {},
1626
1912
  "cxLiterals": [],
1627
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1913
+ "internalComponents": ["AriakitDialogProvider"],
1628
1914
  "internalComponentProps": {},
1629
1915
  "propToVariantKeys": {},
1916
+ "runtimeConfigDefaultProps": {},
1917
+ "runtimeConfigGetStyles": {},
1918
+ "runtimeConfigInternalComponentProps": {},
1630
1919
  "motionVarPrefixes": []
1631
1920
  };
1632
- var PopoverContent = {
1633
- "name": "PopoverContent",
1921
+ var BottomSheetTrigger = {
1922
+ "name": "BottomSheetTrigger",
1634
1923
  "defaultProps": {},
1635
- "getStylesLiterals": {
1636
- "popoverSizeRoot": "default",
1637
- "popoverVariantRoot": "default",
1638
- "display": "flex",
1639
- "position": "absolute",
1640
- "spacingTop": "0",
1641
- "spacingStart": "0",
1642
- "spacingBottom": "0",
1643
- "spacingEnd": "0",
1644
- "popoverSizeSvgBase": "default",
1645
- "popoverVariantSvgBase": "default",
1646
- "popoverSizeSvgBorder": "default",
1647
- "popoverVariantSvgBorder": "default",
1648
- "popoverVariantBlur": "default",
1649
- "width": "full",
1650
- "height": "full",
1651
- "flexShrink": "0",
1652
- "borderRadius": "full",
1653
- "alignItems": "center",
1654
- "justifyContent": "center",
1655
- "popoverVariantCloseIcon": "default",
1656
- "popoverSizeCloseIcon": "default"
1657
- },
1658
- "cxLiterals": [
1659
- "z-[9999]",
1660
- "outline-none",
1661
- "focus-visible:outline-none",
1662
- "uds-bgBlurFillFallback",
1663
- "uds-bgBlurFallback",
1664
- "top-0",
1665
- "left-0",
1666
- "z-[1]",
1667
- "duration-0",
1668
- "duration-120",
1669
- "transition-[background-color]",
1670
- "bg-carbon-15/0",
1671
- "hover:bg-carbon-15/10",
1672
- "active:bg-carbon-15/15",
1673
- "uds-ring",
1674
- "absolute",
1675
- "z-[4]"
1676
- ],
1677
- "internalComponents": [
1678
- "PopoverDismiss",
1679
- "IconSlot",
1680
- "PopoverArrow",
1681
- "Popover",
1682
- "SvgFloatingOverlay",
1683
- "Box",
1684
- "Pressable"
1685
- ],
1924
+ "getStylesLiterals": {},
1925
+ "cxLiterals": [],
1926
+ "internalComponents": ["AriakitDialogDisclosure"],
1686
1927
  "internalComponentProps": {},
1687
- "propToVariantKeys": { "closeIcon": ["icon"] },
1928
+ "propToVariantKeys": {},
1929
+ "runtimeConfigDefaultProps": {},
1930
+ "runtimeConfigGetStyles": {},
1931
+ "runtimeConfigInternalComponentProps": {},
1688
1932
  "motionVarPrefixes": []
1689
1933
  };
1690
- var PopoverContext = {
1691
- "name": "PopoverContext",
1934
+ var UDSBottomSheetConfigProvider = {
1935
+ "name": "UDSBottomSheetConfigProvider",
1692
1936
  "defaultProps": {},
1693
1937
  "getStylesLiterals": {},
1694
1938
  "cxLiterals": [],
1695
- "internalComponents": [],
1939
+ "internalComponents": ["BottomSheetContext.Provider"],
1696
1940
  "internalComponentProps": {},
1697
1941
  "propToVariantKeys": {},
1942
+ "runtimeConfigDefaultProps": {},
1943
+ "runtimeConfigGetStyles": {},
1944
+ "runtimeConfigInternalComponentProps": {},
1698
1945
  "motionVarPrefixes": []
1699
1946
  };
1700
- var PopoverTrigger = {
1701
- "name": "PopoverTrigger",
1947
+ var Avatar = {
1948
+ "name": "Avatar",
1702
1949
  "defaultProps": {},
1703
1950
  "getStylesLiterals": {},
1704
1951
  "cxLiterals": [],
1705
- "internalComponents": ["PopoverDisclosure"],
1706
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1707
- "propToVariantKeys": { "children": ["render"] },
1952
+ "internalComponents": ["AvatarImage"],
1953
+ "internalComponentProps": {},
1954
+ "propToVariantKeys": {},
1955
+ "runtimeConfigDefaultProps": {},
1956
+ "runtimeConfigGetStyles": {},
1957
+ "runtimeConfigInternalComponentProps": {},
1708
1958
  "motionVarPrefixes": []
1709
1959
  };
1710
- var UDSPopoverConfigProvider = {
1711
- "name": "UDSPopoverConfigProvider",
1712
- "defaultProps": {},
1960
+ var AvatarIcon = {
1961
+ "name": "AvatarIcon",
1962
+ "defaultProps": {
1963
+ "size": "md",
1964
+ "variant": "primary"
1965
+ },
1713
1966
  "getStylesLiterals": {},
1714
- "cxLiterals": [],
1715
- "internalComponents": ["PopoverContext.Provider"],
1967
+ "cxLiterals": [
1968
+ "overflow-hidden",
1969
+ "w-full",
1970
+ "h-full",
1971
+ "shrink-0",
1972
+ "text-center",
1973
+ "inline-flex",
1974
+ "justify-center",
1975
+ "items-center"
1976
+ ],
1977
+ "internalComponents": ["IconSlot", "Box"],
1716
1978
  "internalComponentProps": {},
1717
- "propToVariantKeys": {},
1979
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1980
+ "runtimeConfigDefaultProps": {},
1981
+ "runtimeConfigGetStyles": {},
1982
+ "runtimeConfigInternalComponentProps": {},
1718
1983
  "motionVarPrefixes": []
1719
1984
  };
1720
- var Radio = {
1721
- "name": "Radio",
1985
+ var AvatarImage = {
1986
+ "name": "AvatarImage",
1722
1987
  "defaultProps": {
1723
- "labelPosition": "start",
1724
- "variant": "primary",
1725
1988
  "size": "md",
1726
- "value": ""
1727
- },
1728
- "getStylesLiterals": {
1729
- "radioVariantValueRoot": "checked",
1730
- "radioVariantValueRoot:1": "unchecked",
1731
- "display": "flex",
1732
- "flexDirection": "row",
1733
- "flexDirection:1": "row-reverse",
1734
- "alignItems": "center",
1735
- "radioVariantValueRadio": "checked",
1736
- "radioVariantValueRadio:1": "unchecked",
1737
- "radioVariantValueRadioCircle": "checked",
1738
- "radioVariantValueRadioCircle:1": "unchecked"
1989
+ "variant": "primary"
1739
1990
  },
1991
+ "getStylesLiterals": {},
1740
1992
  "cxLiterals": [
1741
- "cursor-pointer",
1742
- "cursor-default",
1743
- "opacity-50",
1744
- "border",
1745
- "uds-ring",
1746
- "uds-ring-within",
1747
- "transition-[background-color,border-color]",
1748
- "transition-shadow",
1749
- "pointer-events-none",
1750
- "w-[8px]",
1751
- "h-[8px]",
1752
- "transition-opacity",
1753
- "cursor-[inherit]",
1754
- "absolute",
1755
- "opacity-0",
1756
- "top-1/2",
1757
- "left-1/2",
1758
- "w-[calc(100%+2px)]",
1759
- "h-[calc(100%+2px)]",
1760
- "transform",
1761
- "translate-x-[-50%]",
1762
- "translate-y-[-50%]",
1763
- "text-start",
1764
- "text-end"
1993
+ "overflow-hidden",
1994
+ "w-full",
1995
+ "h-full",
1996
+ "shrink-0",
1997
+ "text-center",
1998
+ "inline-flex",
1999
+ "justify-center",
2000
+ "items-center",
2001
+ "object-cover"
1765
2002
  ],
1766
2003
  "internalComponents": [
1767
- "Box",
1768
- "FormLabel",
1769
- "SpringMotionConfig",
1770
- "RootElement",
1771
- "MotionBox"
2004
+ "UDSImage",
2005
+ "AvatarText",
2006
+ "AvatarIcon",
2007
+ "Box"
1772
2008
  ],
1773
- "internalComponentProps": {
1774
- "Box": { "borderRadius": ["full"] },
1775
- "FormLabel": {
1776
- "as": ["div"],
1777
- "variant": ["inherit"],
1778
- "color": ["inherit"]
1779
- },
1780
- "RootElement": { "data-testid": ["container"] },
1781
- "MotionBox": {
1782
- "position": ["relative"],
1783
- "borderRadius": ["full"],
1784
- "alignItems": ["center"],
1785
- "justifyContent": ["center"],
1786
- "flex": ["none"]
1787
- }
1788
- },
2009
+ "internalComponentProps": {},
1789
2010
  "propToVariantKeys": {
1790
- "size": ["radioSizeRoot", "radioSizeRadio"],
1791
- "variant": [
1792
- "radioVariantRoot",
1793
- "radioVariantRadio",
1794
- "radioVariantRadioCircle"
1795
- ],
1796
- "reduceMotion": ["reducedMotion"]
2011
+ "alt": ["name"],
2012
+ "fallback": ["initials"]
1797
2013
  },
1798
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1799
- };
1800
- var RadioGroupProvider = {
1801
- "name": "RadioGroupProvider",
1802
- "defaultProps": {},
1803
- "getStylesLiterals": {},
1804
- "cxLiterals": [],
1805
- "internalComponents": [
1806
- "DivProps",
1807
- "Comp",
1808
- "RadioGroupContext.Provider"
1809
- ],
1810
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1811
- "propToVariantKeys": {},
2014
+ "runtimeConfigDefaultProps": {},
2015
+ "runtimeConfigGetStyles": {},
2016
+ "runtimeConfigInternalComponentProps": {},
1812
2017
  "motionVarPrefixes": []
1813
2018
  };
1814
- var RadioGroupStore = {
1815
- "name": "RadioGroupStore",
1816
- "defaultProps": {},
2019
+ var AvatarText = {
2020
+ "name": "AvatarText",
2021
+ "defaultProps": {
2022
+ "size": "md",
2023
+ "variant": "primary"
2024
+ },
1817
2025
  "getStylesLiterals": {},
1818
- "cxLiterals": [],
1819
- "internalComponents": [],
1820
- "internalComponentProps": {},
2026
+ "cxLiterals": [
2027
+ "overflow-hidden",
2028
+ "truncate",
2029
+ "w-full",
2030
+ "h-full",
2031
+ "shrink-0",
2032
+ "text-center",
2033
+ "inline-flex",
2034
+ "justify-center",
2035
+ "items-center"
2036
+ ],
2037
+ "internalComponents": ["Box", "Text"],
2038
+ "internalComponentProps": { "Text": {
2039
+ "color": ["inherit"],
2040
+ "variant": ["inherit"]
2041
+ } },
1821
2042
  "propToVariantKeys": {},
2043
+ "runtimeConfigDefaultProps": {},
2044
+ "runtimeConfigGetStyles": {},
2045
+ "runtimeConfigInternalComponentProps": {},
1822
2046
  "motionVarPrefixes": []
1823
2047
  };
1824
2048
  var Toast = {
@@ -1861,6 +2085,33 @@ var Toast = {
1861
2085
  "closeIcon": ["icon"],
1862
2086
  "onClickActionButton": ["onClick"]
1863
2087
  },
2088
+ "runtimeConfigDefaultProps": {
2089
+ "size": "toast.defaultSize",
2090
+ "variant": "toast.defaultVariant"
2091
+ },
2092
+ "runtimeConfigGetStyles": {
2093
+ "toastSizeLabel": ["toast.defaultSize"],
2094
+ "toastVariantIcon": ["toast.defaultVariant"],
2095
+ "toastSizeIcon": ["toast.defaultSize"],
2096
+ "toastSizeActionButton": ["toast.defaultSize"],
2097
+ "toastVariantActionButton": ["toast.defaultVariant"],
2098
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2099
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2100
+ },
2101
+ "runtimeConfigInternalComponentProps": {
2102
+ "ToastContainer": {
2103
+ "size": ["toast.defaultSize"],
2104
+ "variant": ["toast.defaultVariant"]
2105
+ },
2106
+ "Text": {
2107
+ "variant": ["toast.textVariant.${size}"],
2108
+ "color": ["toast.textColor.${variant}"]
2109
+ },
2110
+ "Button": {
2111
+ "size": ["toast.buttonSize.${size}"],
2112
+ "variant": ["toast.buttonVariant.${variant}"]
2113
+ }
2114
+ },
1864
2115
  "motionVarPrefixes": []
1865
2116
  };
1866
2117
  var ToastContainer = {
@@ -1884,6 +2135,15 @@ var ToastContainer = {
1884
2135
  "variant": ["toastVariantRoot"],
1885
2136
  "size": ["toastSizeRoot"]
1886
2137
  },
2138
+ "runtimeConfigDefaultProps": {
2139
+ "size": "toast.defaultSize",
2140
+ "variant": "toast.defaultVariant"
2141
+ },
2142
+ "runtimeConfigGetStyles": {
2143
+ "toastVariantRoot": ["toast.defaultVariant"],
2144
+ "toastSizeRoot": ["toast.defaultSize"]
2145
+ },
2146
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1887
2147
  "motionVarPrefixes": []
1888
2148
  };
1889
2149
  var ToastPortal = {
@@ -1894,6 +2154,12 @@ var ToastPortal = {
1894
2154
  "internalComponents": ["ReactToastifyToastContainer"],
1895
2155
  "internalComponentProps": {},
1896
2156
  "propToVariantKeys": {},
2157
+ "runtimeConfigDefaultProps": {
2158
+ "size": "toast.defaultSize",
2159
+ "variant": "toast.defaultVariant"
2160
+ },
2161
+ "runtimeConfigGetStyles": {},
2162
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1897
2163
  "motionVarPrefixes": []
1898
2164
  };
1899
2165
  var UDSToastConfigProvider = {
@@ -1904,6 +2170,41 @@ var UDSToastConfigProvider = {
1904
2170
  "internalComponents": ["ToastContext.Provider"],
1905
2171
  "internalComponentProps": {},
1906
2172
  "propToVariantKeys": {},
2173
+ "runtimeConfigDefaultProps": {},
2174
+ "runtimeConfigGetStyles": {},
2175
+ "runtimeConfigInternalComponentProps": {},
2176
+ "motionVarPrefixes": []
2177
+ };
2178
+ var UDSBreakpointsConfigProvider = {
2179
+ "name": "UDSBreakpointsConfigProvider",
2180
+ "defaultProps": {},
2181
+ "getStylesLiterals": {},
2182
+ "cxLiterals": [],
2183
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2184
+ "internalComponentProps": {},
2185
+ "propToVariantKeys": {},
2186
+ "runtimeConfigDefaultProps": {},
2187
+ "runtimeConfigGetStyles": {},
2188
+ "runtimeConfigInternalComponentProps": {},
2189
+ "motionVarPrefixes": []
2190
+ };
2191
+ var UDSConfigProvider = {
2192
+ "name": "UDSConfigProvider",
2193
+ "defaultProps": {},
2194
+ "getStylesLiterals": {},
2195
+ "cxLiterals": [],
2196
+ "internalComponents": [
2197
+ "UDSBreakpointsConfigProvider",
2198
+ "UDSBottomSheetConfigProvider",
2199
+ "UDSToastConfigProvider",
2200
+ "UDSTooltipConfigProvider",
2201
+ "UDSPopoverConfigProvider"
2202
+ ],
2203
+ "internalComponentProps": {},
2204
+ "propToVariantKeys": {},
2205
+ "runtimeConfigDefaultProps": {},
2206
+ "runtimeConfigGetStyles": {},
2207
+ "runtimeConfigInternalComponentProps": {},
1907
2208
  "motionVarPrefixes": []
1908
2209
  };
1909
2210
  var Tooltip = {
@@ -1914,6 +2215,9 @@ var Tooltip = {
1914
2215
  "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1915
2216
  "internalComponentProps": {},
1916
2217
  "propToVariantKeys": {},
2218
+ "runtimeConfigDefaultProps": {},
2219
+ "runtimeConfigGetStyles": {},
2220
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
1917
2221
  "motionVarPrefixes": []
1918
2222
  };
1919
2223
  var TooltipContent = {
@@ -1962,6 +2266,9 @@ var TooltipContent = {
1962
2266
  "Text": { "color": ["inherit"] }
1963
2267
  },
1964
2268
  "propToVariantKeys": { "startTitleIcon": ["icon"] },
2269
+ "runtimeConfigDefaultProps": {},
2270
+ "runtimeConfigGetStyles": {},
2271
+ "runtimeConfigInternalComponentProps": {},
1965
2272
  "motionVarPrefixes": []
1966
2273
  };
1967
2274
  var TooltipTrigger = {
@@ -1972,6 +2279,9 @@ var TooltipTrigger = {
1972
2279
  "internalComponents": ["TooltipAnchor"],
1973
2280
  "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1974
2281
  "propToVariantKeys": { "children": ["render"] },
2282
+ "runtimeConfigDefaultProps": {},
2283
+ "runtimeConfigGetStyles": {},
2284
+ "runtimeConfigInternalComponentProps": {},
1975
2285
  "motionVarPrefixes": []
1976
2286
  };
1977
2287
  var UDSTooltipConfigProvider = {
@@ -1982,32 +2292,9 @@ var UDSTooltipConfigProvider = {
1982
2292
  "internalComponents": ["TooltipContext.Provider"],
1983
2293
  "internalComponentProps": {},
1984
2294
  "propToVariantKeys": {},
1985
- "motionVarPrefixes": []
1986
- };
1987
- var UDSBreakpointsConfigProvider = {
1988
- "name": "UDSBreakpointsConfigProvider",
1989
- "defaultProps": {},
1990
- "getStylesLiterals": {},
1991
- "cxLiterals": [],
1992
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1993
- "internalComponentProps": {},
1994
- "propToVariantKeys": {},
1995
- "motionVarPrefixes": []
1996
- };
1997
- var UDSConfigProvider = {
1998
- "name": "UDSConfigProvider",
1999
- "defaultProps": {},
2000
- "getStylesLiterals": {},
2001
- "cxLiterals": [],
2002
- "internalComponents": [
2003
- "UDSBreakpointsConfigProvider",
2004
- "UDSBottomSheetConfigProvider",
2005
- "UDSToastConfigProvider",
2006
- "UDSTooltipConfigProvider",
2007
- "UDSPopoverConfigProvider"
2008
- ],
2009
- "internalComponentProps": {},
2010
- "propToVariantKeys": {},
2295
+ "runtimeConfigDefaultProps": {},
2296
+ "runtimeConfigGetStyles": {},
2297
+ "runtimeConfigInternalComponentProps": {},
2011
2298
  "motionVarPrefixes": []
2012
2299
  };
2013
2300
  var componentData_default = {
@@ -2043,28 +2330,14 @@ var componentData_default = {
2043
2330
  SegmentedControl,
2044
2331
  SwitchV2,
2045
2332
  Tabs,
2046
- Avatar,
2047
- AvatarIcon,
2048
- AvatarImage,
2049
- AvatarText,
2050
- BottomSheet,
2051
- BottomSheetContent,
2052
- BottomSheetDismiss,
2053
- BottomSheetHandle,
2054
- BottomSheetHeader,
2055
- BottomSheetInternalContext,
2056
- BottomSheetProvider,
2057
- BottomSheetTrigger,
2058
- UDSBottomSheetConfigProvider,
2059
- Chip,
2060
- ChipBase,
2061
- ChipButton,
2062
- ChipDismissible,
2063
- ChipLink,
2064
- ChipToggle,
2065
- Input,
2066
- InputHelpText,
2067
- InputHelpTextInternal,
2333
+ Radio,
2334
+ RadioGroupProvider,
2335
+ RadioGroupStore,
2336
+ Popover,
2337
+ PopoverContent,
2338
+ PopoverContext,
2339
+ PopoverTrigger,
2340
+ UDSPopoverConfigProvider,
2068
2341
  "Menu.Content": Menu_Content,
2069
2342
  "Menu.Divider": Menu_Divider,
2070
2343
  "Menu.Item": Menu_Item,
@@ -2074,24 +2347,38 @@ var componentData_default = {
2074
2347
  "Menu.Trigger": Menu_Trigger,
2075
2348
  "Menu.index": Menu_index,
2076
2349
  Menu,
2077
- Popover,
2078
- PopoverContent,
2079
- PopoverContext,
2080
- PopoverTrigger,
2081
- UDSPopoverConfigProvider,
2082
- Radio,
2083
- RadioGroupProvider,
2084
- RadioGroupStore,
2350
+ Input,
2351
+ InputHelpText,
2352
+ InputHelpTextInternal,
2353
+ Chip,
2354
+ ChipBase,
2355
+ ChipButton,
2356
+ ChipDismissible,
2357
+ ChipLink,
2358
+ ChipToggle,
2359
+ BottomSheet,
2360
+ BottomSheetContent,
2361
+ BottomSheetDismiss,
2362
+ BottomSheetHandle,
2363
+ BottomSheetHeader,
2364
+ BottomSheetInternalContext,
2365
+ BottomSheetProvider,
2366
+ BottomSheetTrigger,
2367
+ UDSBottomSheetConfigProvider,
2368
+ Avatar,
2369
+ AvatarIcon,
2370
+ AvatarImage,
2371
+ AvatarText,
2085
2372
  Toast,
2086
2373
  ToastContainer,
2087
2374
  ToastPortal,
2088
2375
  UDSToastConfigProvider,
2376
+ UDSBreakpointsConfigProvider,
2377
+ UDSConfigProvider,
2089
2378
  Tooltip,
2090
2379
  TooltipContent,
2091
2380
  TooltipTrigger,
2092
- UDSTooltipConfigProvider,
2093
- UDSBreakpointsConfigProvider,
2094
- UDSConfigProvider
2381
+ UDSTooltipConfigProvider
2095
2382
  };
2096
2383
 
2097
2384
  //#endregion