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