@yahoo/uds 3.122.2 → 3.122.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (152) hide show
  1. package/dist/components/client/Avatar/Avatar.cjs +7 -3
  2. package/dist/components/client/Avatar/Avatar.d.cts +2 -5
  3. package/dist/components/client/Avatar/Avatar.d.ts +2 -5
  4. package/dist/components/client/Avatar/Avatar.js +7 -3
  5. package/dist/components/client/Avatar/AvatarIcon.cjs +3 -2
  6. package/dist/components/client/Avatar/AvatarIcon.d.cts +2 -13
  7. package/dist/components/client/Avatar/AvatarIcon.d.ts +2 -13
  8. package/dist/components/client/Avatar/AvatarIcon.js +4 -3
  9. package/dist/components/client/Avatar/AvatarImage.cjs +5 -2
  10. package/dist/components/client/Avatar/AvatarImage.d.cts +2 -18
  11. package/dist/components/client/Avatar/AvatarImage.d.ts +2 -18
  12. package/dist/components/client/Avatar/AvatarImage.js +6 -3
  13. package/dist/components/client/Avatar/AvatarText.cjs +3 -2
  14. package/dist/components/client/Avatar/AvatarText.d.cts +2 -15
  15. package/dist/components/client/Avatar/AvatarText.d.ts +2 -15
  16. package/dist/components/client/Avatar/AvatarText.js +4 -3
  17. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +1 -1
  18. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +1 -1
  19. package/dist/components/client/Pressable.cjs +6 -2
  20. package/dist/components/client/Pressable.js +6 -2
  21. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -5
  22. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +5 -5
  23. package/dist/components/experimental/client/SegmentedControl.d.cts +2 -1
  24. package/dist/styles/styler.d.cts +41 -41
  25. package/dist/styles/styler.d.ts +41 -41
  26. package/dist/uds/dist/automated-config/dist/generated/universalTokensConfigAuto.d.cts +2 -0
  27. package/dist/uds/dist/automated-config/dist/properties.d.cts +5 -0
  28. package/dist/uds/dist/automated-config/dist/types/ComponentConfig.d.cts +3 -0
  29. package/dist/uds/dist/automated-config/dist/types/ComponentStyles.d.cts +2 -0
  30. package/dist/uds/dist/automated-config/dist/types/ConfigSchema.d.cts +2 -0
  31. package/dist/uds/dist/automated-config/dist/utils/buildConfigSchema.d.cts +7 -0
  32. package/dist/uds/dist/automated-config/dist/utils/coalesceConfigVariant.d.cts +2 -0
  33. package/dist/uds/dist/automated-config/dist/utils/defaults.d.cts +2 -0
  34. package/dist/uds/dist/automated-config/dist/utils/getConfigVariantComponentStatesMatrix.d.cts +2 -0
  35. package/dist/uds/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +3 -0
  36. package/dist/uds/dist/automated-config/dist/utils/getConfigVariantPseudoStates.d.cts +3 -0
  37. package/dist/uds/dist/automated-config/dist/utils/getConfigVariants.d.cts +2 -0
  38. package/dist/uds/dist/automated-config/dist/utils/index.d.cts +12 -0
  39. package/dist/uds/dist/automated-config/dist/utils/subcomponents.d.cts +2 -0
  40. package/dist/uds/dist/components/Box.d.cts +4 -0
  41. package/dist/uds/dist/components/Divider/Divider.d.cts +3 -0
  42. package/dist/uds/dist/components/Divider/DividerCore.d.cts +5 -0
  43. package/dist/uds/dist/components/Divider/DividerInternal.d.cts +5 -0
  44. package/dist/uds/dist/components/Divider/index.d.cts +2 -0
  45. package/dist/uds/dist/components/FormLabel.d.cts +4 -0
  46. package/dist/uds/dist/components/HStack.d.cts +5 -0
  47. package/dist/uds/dist/components/Icon.d.cts +4 -0
  48. package/dist/uds/dist/components/Image.d.cts +3 -0
  49. package/dist/uds/dist/components/Link.d.cts +4 -0
  50. package/dist/uds/dist/components/Scrim.d.cts +3 -0
  51. package/dist/uds/dist/components/Text.d.cts +4 -0
  52. package/dist/uds/dist/components/VStack.d.cts +5 -0
  53. package/dist/uds/dist/components/client/Avatar/Avatar.d.cts +3 -0
  54. package/dist/uds/dist/components/client/Avatar/AvatarIcon.d.cts +5 -0
  55. package/dist/uds/dist/components/client/Avatar/AvatarImage.d.cts +7 -0
  56. package/dist/uds/dist/components/client/Avatar/AvatarText.d.cts +5 -0
  57. package/dist/uds/dist/components/client/Avatar/index.d.cts +5 -0
  58. package/dist/uds/dist/components/client/Badge.d.cts +4 -0
  59. package/dist/uds/dist/components/client/BottomSheet/BottomSheet.d.cts +5 -0
  60. package/dist/uds/dist/components/client/BottomSheet/BottomSheetContent.d.cts +2 -0
  61. package/dist/uds/dist/components/client/BottomSheet/BottomSheetHeader.d.cts +2 -0
  62. package/dist/uds/dist/components/client/BottomSheet/BottomSheetProvider.d.cts +3 -0
  63. package/dist/uds/dist/components/client/BottomSheet/UDSBottomSheetConfigProvider.d.cts +3 -0
  64. package/dist/uds/dist/components/client/BottomSheet/index.d.cts +7 -0
  65. package/dist/uds/dist/components/client/BottomSheet/useBottomSheetStore.d.cts +2 -0
  66. package/dist/uds/dist/components/client/Button.d.cts +5 -0
  67. package/dist/uds/dist/components/client/Checkbox.d.cts +4 -0
  68. package/dist/uds/dist/components/client/Chip/Chip.d.cts +5 -0
  69. package/dist/uds/dist/components/client/Chip/ChipBase.d.cts +6 -0
  70. package/dist/uds/dist/components/client/Chip/ChipButton.d.cts +5 -0
  71. package/dist/uds/dist/components/client/Chip/ChipDismissible.d.cts +5 -0
  72. package/dist/uds/dist/components/client/Chip/ChipLink.d.cts +5 -0
  73. package/dist/uds/dist/components/client/Chip/ChipToggle.d.cts +5 -0
  74. package/dist/uds/dist/components/client/Chip/index.d.cts +6 -0
  75. package/dist/uds/dist/components/client/IconButton.d.cts +5 -0
  76. package/dist/uds/dist/components/client/Input/Input.d.cts +7 -0
  77. package/dist/uds/dist/components/client/Input/InputHelpText.d.cts +2 -0
  78. package/dist/uds/dist/components/client/Input/InputHelpTextInternal.d.cts +6 -0
  79. package/dist/uds/dist/components/client/Input/index.d.cts +3 -0
  80. package/dist/uds/dist/components/client/Menu/Menu.Content.d.cts +6 -0
  81. package/dist/uds/dist/components/client/Menu/Menu.Divider.d.cts +3 -0
  82. package/dist/uds/dist/components/client/Menu/Menu.Item.d.cts +6 -0
  83. package/dist/uds/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +6 -0
  84. package/dist/uds/dist/components/client/Menu/Menu.Provider.d.cts +3 -0
  85. package/dist/uds/dist/components/client/Menu/Menu.Trigger.d.cts +5 -0
  86. package/dist/uds/dist/components/client/Menu/Menu.d.cts +2 -0
  87. package/dist/uds/dist/components/client/Menu/Menu.index.d.cts +9 -0
  88. package/dist/uds/dist/components/client/Menu/index.d.cts +9 -0
  89. package/dist/uds/dist/components/client/Popover/Popover.d.cts +2 -0
  90. package/dist/uds/dist/components/client/Popover/PopoverContent.d.cts +5 -0
  91. package/dist/uds/dist/components/client/Popover/PopoverTrigger.d.cts +2 -0
  92. package/dist/uds/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +4 -0
  93. package/dist/uds/dist/components/client/Popover/index.d.cts +6 -0
  94. package/dist/uds/dist/components/client/Pressable.d.cts +4 -0
  95. package/dist/uds/dist/components/client/Radio/Radio.d.cts +4 -0
  96. package/dist/uds/dist/components/client/Radio/RadioGroupProvider.d.cts +4 -0
  97. package/dist/uds/dist/components/client/Radio/index.d.cts +3 -0
  98. package/dist/uds/dist/components/client/SpringMotionConfig.d.cts +5 -0
  99. package/dist/uds/dist/components/client/Switch.d.cts +4 -0
  100. package/dist/uds/dist/components/client/Toast/Toast.d.cts +8 -0
  101. package/dist/uds/dist/components/client/Toast/ToastContainer.d.cts +6 -0
  102. package/dist/uds/dist/components/client/Toast/ToastPortal.d.cts +3 -0
  103. package/dist/uds/dist/components/client/Toast/UDSToastConfigProvider.d.cts +5 -0
  104. package/dist/uds/dist/components/client/Toast/createToast.d.cts +6 -0
  105. package/dist/uds/dist/components/client/Toast/index.d.cts +6 -0
  106. package/dist/uds/dist/components/client/Tooltip/Tooltip.d.cts +2 -0
  107. package/dist/uds/dist/components/client/Tooltip/TooltipContent.d.cts +3 -0
  108. package/dist/uds/dist/components/client/Tooltip/TooltipTrigger.d.cts +2 -0
  109. package/dist/uds/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts +5 -0
  110. package/dist/uds/dist/components/client/Tooltip/index.d.cts +6 -0
  111. package/dist/uds/dist/components/client/index.d.cts +59 -0
  112. package/dist/uds/dist/components/client/providers/UDSBreakpointsConfigProvider.d.cts +4 -0
  113. package/dist/uds/dist/components/client/providers/UDSConfigProvider.d.cts +3 -0
  114. package/dist/uds/dist/components/index.d.cts +61 -0
  115. package/dist/uds/dist/config/dist/index.d.cts +4 -0
  116. package/dist/uds/dist/css-tokens/dist/index.d.cts +2 -0
  117. package/dist/uds/dist/fixtures/dist/index.d.cts +2 -0
  118. package/dist/uds/dist/fonts/dist/index.d.cts +2 -0
  119. package/dist/uds/dist/index.d.cts +93 -0
  120. package/dist/uds/dist/modes/dist/index.d.cts +2 -0
  121. package/dist/uds/dist/runtime/bottomSheetConfig.d.cts +3 -0
  122. package/dist/uds/dist/runtime/breakpointsConfig.d.cts +4 -0
  123. package/dist/uds/dist/runtime/index.d.cts +7 -0
  124. package/dist/uds/dist/runtime/popoverConfig.d.cts +5 -0
  125. package/dist/uds/dist/runtime/toastConfig.d.cts +4 -0
  126. package/dist/uds/dist/runtime/tooltipConfig.d.cts +5 -0
  127. package/dist/uds/dist/runtime/udsConfig.d.cts +8 -0
  128. package/dist/uds/dist/styles/styler.d.cts +2 -0
  129. package/dist/uds/dist/styles/stylerTypes.d.cts +3 -0
  130. package/dist/uds/dist/tailwind/dist/config/dist/index.d.cts +2 -0
  131. package/dist/uds/dist/tailwind/dist/index.d.cts +3 -0
  132. package/dist/uds/dist/tailwind/dist/tailwind/components/getResponsiveTextStyles.d.cts +2 -0
  133. package/dist/uds/dist/tailwind/dist/utils/parseTokens.d.cts +2 -0
  134. package/dist/uds/dist/tokens/automation/index.d.cts +10 -0
  135. package/dist/uds/dist/tokens/configs/shadow.d.cts +3 -0
  136. package/dist/uds/dist/tokens/consts/cssTokens.d.cts +2 -0
  137. package/dist/uds/dist/tokens/consts/defaultModes.d.cts +2 -0
  138. package/dist/uds/dist/tokens/consts/fontDeclarationsMap.d.cts +2 -0
  139. package/dist/uds/dist/tokens/index.d.cts +28 -0
  140. package/dist/uds/dist/tokens/parseButtonVariants.d.cts +3 -0
  141. package/dist/uds/dist/tokens/types.d.cts +9 -0
  142. package/dist/uds/dist/tokens/utils/getFontUrls.d.cts +4 -0
  143. package/dist/uds/dist/tokens/utils/spectrum.d.cts +3 -0
  144. package/dist/uds/dist/types/dist/index.d.cts +11 -0
  145. package/dist/uds/dist/types.d.cts +2 -0
  146. package/dist/uds/generated/componentData.cjs +1191 -1191
  147. package/dist/uds/generated/componentData.js +1191 -1191
  148. package/dist/uds/generated/tailwindPurge.cjs +117 -117
  149. package/dist/uds/generated/tailwindPurge.js +117 -117
  150. package/generated/componentData.json +1457 -1457
  151. package/generated/tailwindPurge.ts +1 -1
  152. package/package.json +1 -1
@@ -1,6 +1,97 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
 
3
3
  //#region generated/componentData.json
4
+ var Link = {
5
+ "name": "Link",
6
+ "defaultProps": { "variant": "primary" },
7
+ "getStylesLiterals": {
8
+ "display": "inline-flex",
9
+ "alignItems": "center"
10
+ },
11
+ "cxLiterals": [
12
+ "uds-ring",
13
+ "underline",
14
+ "w-[0.7em]",
15
+ "h-[0.7em]"
16
+ ],
17
+ "internalComponents": ["IconSlot"],
18
+ "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
19
+ "propToVariantKeys": {
20
+ "textVariant": [
21
+ "linkTextStyleRoot",
22
+ "fontSize",
23
+ "fontFamily",
24
+ "fontWeight",
25
+ "lineHeight",
26
+ "textTransform",
27
+ "linkTextStyleIcon"
28
+ ],
29
+ "variant": [
30
+ "linkVariantRoot",
31
+ "linkVariantIconStart",
32
+ "linkVariantIconEnd"
33
+ ],
34
+ "startIcon": ["icon"],
35
+ "endIcon": ["icon"]
36
+ },
37
+ "runtimeConfigDefaultProps": {},
38
+ "runtimeConfigGetStyles": {},
39
+ "runtimeConfigInternalComponentProps": {},
40
+ "motionVarPrefixes": []
41
+ };
42
+ var VStack = {
43
+ "name": "VStack",
44
+ "defaultProps": {},
45
+ "getStylesLiterals": {},
46
+ "cxLiterals": [],
47
+ "internalComponents": ["Box"],
48
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
49
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
50
+ "runtimeConfigDefaultProps": {},
51
+ "runtimeConfigGetStyles": {},
52
+ "runtimeConfigInternalComponentProps": {},
53
+ "motionVarPrefixes": []
54
+ };
55
+ var Scrim = {
56
+ "name": "Scrim",
57
+ "defaultProps": {
58
+ "variant": "default",
59
+ "position": "fixed"
60
+ },
61
+ "getStylesLiterals": {},
62
+ "cxLiterals": [
63
+ "fixed",
64
+ "absolute",
65
+ "inset-0",
66
+ "z-40",
67
+ "transition-opacity",
68
+ "duration-150",
69
+ "data-[enter]:opacity-100",
70
+ "[&:not([data-enter])]:opacity-0",
71
+ "opacity-100",
72
+ "uds-bgBlurFallback"
73
+ ],
74
+ "internalComponents": ["Box"],
75
+ "internalComponentProps": { "Box": { "display": ["block"] } },
76
+ "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
77
+ "runtimeConfigDefaultProps": {},
78
+ "runtimeConfigGetStyles": {},
79
+ "runtimeConfigInternalComponentProps": {},
80
+ "motionVarPrefixes": []
81
+ };
82
+ var IconSlot = {
83
+ "name": "IconSlot",
84
+ "defaultProps": {},
85
+ "getStylesLiterals": {},
86
+ "cxLiterals": [],
87
+ "internalComponents": ["Icon"],
88
+ "internalComponentProps": {},
89
+ "propToVariantKeys": {},
90
+ "runtimeConfigDefaultProps": {},
91
+ "runtimeConfigGetStyles": {},
92
+ "runtimeConfigInternalComponentProps": {},
93
+ "motionVarPrefixes": []
94
+ };
4
95
  var Box = {
5
96
  "name": "Box",
6
97
  "defaultProps": {
@@ -43,44 +134,24 @@ var FormLabel = {
43
134
  "runtimeConfigInternalComponentProps": {},
44
135
  "motionVarPrefixes": []
45
136
  };
46
- var HStack = {
47
- "name": "HStack",
48
- "defaultProps": {},
49
- "getStylesLiterals": {},
50
- "cxLiterals": [],
51
- "internalComponents": ["Box"],
52
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
53
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
54
- "runtimeConfigDefaultProps": {},
55
- "runtimeConfigGetStyles": {},
56
- "runtimeConfigInternalComponentProps": {},
57
- "motionVarPrefixes": []
58
- };
59
- var Icon = {
60
- "name": "Icon",
137
+ var Text = {
138
+ "name": "Text",
61
139
  "defaultProps": {
62
- "size": "md",
63
- "variant": "outline",
64
- "color": "primary"
140
+ "color": "primary",
141
+ "variant": "body1"
65
142
  },
66
- "getStylesLiterals": { "flex": "none" },
67
- "cxLiterals": ["[&_path]:fill-current"],
68
- "internalComponents": ["SVGIcon"],
69
- "internalComponentProps": {},
70
- "propToVariantKeys": {},
71
- "runtimeConfigDefaultProps": {},
72
- "runtimeConfigGetStyles": {},
73
- "runtimeConfigInternalComponentProps": {},
74
- "motionVarPrefixes": []
75
- };
76
- var IconSlot = {
77
- "name": "IconSlot",
78
- "defaultProps": {},
79
143
  "getStylesLiterals": {},
80
144
  "cxLiterals": [],
81
- "internalComponents": ["Icon"],
145
+ "internalComponents": ["Comp"],
82
146
  "internalComponentProps": {},
83
- "propToVariantKeys": {},
147
+ "propToVariantKeys": { "variant": [
148
+ "fontFamily",
149
+ "fontSize",
150
+ "fontWeight",
151
+ "lineHeight",
152
+ "textTransform",
153
+ "letterSpacing"
154
+ ] },
84
155
  "runtimeConfigDefaultProps": {},
85
156
  "runtimeConfigGetStyles": {},
86
157
  "runtimeConfigInternalComponentProps": {},
@@ -99,66 +170,31 @@ var Image = {
99
170
  "runtimeConfigInternalComponentProps": {},
100
171
  "motionVarPrefixes": []
101
172
  };
102
- var Link = {
103
- "name": "Link",
104
- "defaultProps": { "variant": "primary" },
105
- "getStylesLiterals": {
106
- "display": "inline-flex",
107
- "alignItems": "center"
108
- },
109
- "cxLiterals": [
110
- "uds-ring",
111
- "underline",
112
- "w-[0.7em]",
113
- "h-[0.7em]"
114
- ],
115
- "internalComponents": ["IconSlot"],
116
- "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
117
- "propToVariantKeys": {
118
- "textVariant": [
119
- "linkTextStyleRoot",
120
- "fontSize",
121
- "fontFamily",
122
- "fontWeight",
123
- "lineHeight",
124
- "textTransform",
125
- "linkTextStyleIcon"
126
- ],
127
- "variant": [
128
- "linkVariantRoot",
129
- "linkVariantIconStart",
130
- "linkVariantIconEnd"
131
- ],
132
- "startIcon": ["icon"],
133
- "endIcon": ["icon"]
173
+ var Icon = {
174
+ "name": "Icon",
175
+ "defaultProps": {
176
+ "size": "md",
177
+ "variant": "outline",
178
+ "color": "primary"
134
179
  },
180
+ "getStylesLiterals": { "flex": "none" },
181
+ "cxLiterals": ["[&_path]:fill-current"],
182
+ "internalComponents": ["SVGIcon"],
183
+ "internalComponentProps": {},
184
+ "propToVariantKeys": {},
135
185
  "runtimeConfigDefaultProps": {},
136
186
  "runtimeConfigGetStyles": {},
137
187
  "runtimeConfigInternalComponentProps": {},
138
188
  "motionVarPrefixes": []
139
189
  };
140
- var Scrim = {
141
- "name": "Scrim",
142
- "defaultProps": {
143
- "variant": "default",
144
- "position": "fixed"
145
- },
190
+ var HStack = {
191
+ "name": "HStack",
192
+ "defaultProps": {},
146
193
  "getStylesLiterals": {},
147
- "cxLiterals": [
148
- "fixed",
149
- "absolute",
150
- "inset-0",
151
- "z-40",
152
- "transition-opacity",
153
- "duration-150",
154
- "data-[enter]:opacity-100",
155
- "[&:not([data-enter])]:opacity-0",
156
- "opacity-100",
157
- "uds-bgBlurFallback"
158
- ],
194
+ "cxLiterals": [],
159
195
  "internalComponents": ["Box"],
160
- "internalComponentProps": { "Box": { "display": ["block"] } },
161
- "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
196
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
197
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
162
198
  "runtimeConfigDefaultProps": {},
163
199
  "runtimeConfigGetStyles": {},
164
200
  "runtimeConfigInternalComponentProps": {},
@@ -198,99 +234,47 @@ var SvgFloatingOverlay = {
198
234
  "runtimeConfigInternalComponentProps": {},
199
235
  "motionVarPrefixes": []
200
236
  };
201
- var Text = {
202
- "name": "Text",
237
+ var Badge = {
238
+ "name": "Badge",
203
239
  "defaultProps": {
204
- "color": "primary",
205
- "variant": "body1"
240
+ "variant": "primary",
241
+ "size": "md"
206
242
  },
207
243
  "getStylesLiterals": {},
208
- "cxLiterals": [],
209
- "internalComponents": ["Comp"],
210
- "internalComponentProps": {},
211
- "propToVariantKeys": { "variant": [
212
- "fontFamily",
213
- "fontSize",
214
- "fontWeight",
215
- "lineHeight",
216
- "textTransform",
217
- "letterSpacing"
218
- ] },
244
+ "cxLiterals": [
245
+ "flex-1",
246
+ "truncate",
247
+ "whitespace-nowrap",
248
+ "text-center"
249
+ ],
250
+ "internalComponents": ["IconSlot", "HStack"],
251
+ "internalComponentProps": {
252
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
253
+ "HStack": {
254
+ "gap": ["2"],
255
+ "display": ["inline-flex"],
256
+ "alignItems": ["center"]
257
+ }
258
+ },
259
+ "propToVariantKeys": {
260
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
261
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
262
+ "startIcon": ["icon"],
263
+ "endIcon": ["icon"]
264
+ },
219
265
  "runtimeConfigDefaultProps": {},
220
266
  "runtimeConfigGetStyles": {},
221
267
  "runtimeConfigInternalComponentProps": {},
222
268
  "motionVarPrefixes": []
223
269
  };
224
- var VStack = {
225
- "name": "VStack",
226
- "defaultProps": {},
270
+ var SpringMotionConfig = {
271
+ "name": "SpringMotionConfig",
272
+ "defaultProps": { "reducedMotion": "user" },
227
273
  "getStylesLiterals": {},
228
274
  "cxLiterals": [],
229
- "internalComponents": ["Box"],
230
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
231
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
232
- "runtimeConfigDefaultProps": {},
233
- "runtimeConfigGetStyles": {},
234
- "runtimeConfigInternalComponentProps": {},
235
- "motionVarPrefixes": []
236
- };
237
- var Divider = {
238
- "name": "Divider",
239
- "defaultProps": {},
240
- "getStylesLiterals": {},
241
- "cxLiterals": [],
242
- "internalComponents": ["DividerInternal"],
243
- "internalComponentProps": {},
244
- "propToVariantKeys": {},
245
- "runtimeConfigDefaultProps": {},
246
- "runtimeConfigGetStyles": {},
247
- "runtimeConfigInternalComponentProps": {},
248
- "motionVarPrefixes": []
249
- };
250
- var DividerCore = {
251
- "name": "DividerCore",
252
- "defaultProps": { "contentPosition": "center" },
253
- "getStylesLiterals": {},
254
- "cxLiterals": [],
255
- "internalComponents": [
256
- "Box",
257
- "Line",
258
- "InternalComponent",
259
- "Text"
260
- ],
261
- "internalComponentProps": {
262
- "Box": {
263
- "flex": ["1", "none"],
264
- "display": ["flex"]
265
- },
266
- "InternalComponent": {
267
- "flex": ["1"],
268
- "alignItems": ["center"]
269
- },
270
- "Text": {
271
- "as": ["span"],
272
- "color": ["inherit"],
273
- "variant": ["inherit"]
274
- }
275
- },
276
- "propToVariantKeys": {},
277
- "runtimeConfigDefaultProps": {},
278
- "runtimeConfigGetStyles": {},
279
- "runtimeConfigInternalComponentProps": {},
280
- "motionVarPrefixes": []
281
- };
282
- var DividerInternal = {
283
- "name": "DividerInternal",
284
- "defaultProps": { "variant": "primary" },
285
- "getStylesLiterals": {},
286
- "cxLiterals": ["inherit"],
287
- "internalComponents": ["DividerCore"],
275
+ "internalComponents": ["LazyMotion", "MotionConfig"],
288
276
  "internalComponentProps": {},
289
- "propToVariantKeys": { "variant": [
290
- "dividerVariantRoot",
291
- "dividerVariantLabel",
292
- "dividerVariantLine"
293
- ] },
277
+ "propToVariantKeys": { "loadFeatures": ["features"] },
294
278
  "runtimeConfigDefaultProps": {},
295
279
  "runtimeConfigGetStyles": {},
296
280
  "runtimeConfigInternalComponentProps": {},
@@ -309,38 +293,47 @@ var AnimateHeightChange = {
309
293
  "runtimeConfigInternalComponentProps": {},
310
294
  "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
311
295
  };
312
- var Badge = {
313
- "name": "Badge",
314
- "defaultProps": {
315
- "variant": "primary",
316
- "size": "md"
317
- },
296
+ var IconButton = {
297
+ "name": "IconButton",
298
+ "defaultProps": { "type": "button" },
318
299
  "getStylesLiterals": {},
319
300
  "cxLiterals": [
320
- "flex-1",
321
- "truncate",
322
- "whitespace-nowrap",
323
- "text-center"
301
+ "uds-ring",
302
+ "uds-hit-target",
303
+ "inline-flex",
304
+ "overflow-hidden",
305
+ "justify-center",
306
+ "items-center",
307
+ "[transform-origin:center]",
308
+ "[backface-visibility:hidden]",
309
+ "[transition-property:color,background-color,border-color,",
310
+ "box-shadow,text-decoration-color,fill,stroke]",
311
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
312
+ "[transition-duration:220ms]",
313
+ "cursor-not-allowed",
314
+ "uds-button-loading",
315
+ "uds-button-without-effects",
316
+ "animate-spin"
317
+ ],
318
+ "internalComponents": [
319
+ "Icon",
320
+ "SpringMotionConfig",
321
+ "AnimatePresence"
324
322
  ],
325
- "internalComponents": ["IconSlot", "HStack"],
326
323
  "internalComponentProps": {
327
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
328
- "HStack": {
329
- "gap": ["2"],
330
- "display": ["inline-flex"],
331
- "alignItems": ["center"]
332
- }
324
+ "Icon": { "color": ["current"] },
325
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
326
+ "AnimatePresence": { "mode": ["popLayout"] }
333
327
  },
334
328
  "propToVariantKeys": {
335
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
336
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
337
- "startIcon": ["icon"],
338
- "endIcon": ["icon"]
329
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
330
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
331
+ "iconVariant": ["variant"]
339
332
  },
340
333
  "runtimeConfigDefaultProps": {},
341
334
  "runtimeConfigGetStyles": {},
342
335
  "runtimeConfigInternalComponentProps": {},
343
- "motionVarPrefixes": []
336
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
344
337
  };
345
338
  var Button = {
346
339
  "name": "Button",
@@ -396,6 +389,19 @@ var Button = {
396
389
  "runtimeConfigInternalComponentProps": {},
397
390
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
398
391
  };
392
+ var Pressable = {
393
+ "name": "Pressable",
394
+ "defaultProps": {},
395
+ "getStylesLiterals": {},
396
+ "cxLiterals": [],
397
+ "internalComponents": ["Comp"],
398
+ "internalComponentProps": {},
399
+ "propToVariantKeys": {},
400
+ "runtimeConfigDefaultProps": {},
401
+ "runtimeConfigGetStyles": {},
402
+ "runtimeConfigInternalComponentProps": {},
403
+ "motionVarPrefixes": []
404
+ };
399
405
  var Checkbox = {
400
406
  "name": "Checkbox",
401
407
  "defaultProps": {
@@ -472,74 +478,6 @@ var Checkbox = {
472
478
  "runtimeConfigInternalComponentProps": {},
473
479
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
474
480
  };
475
- var IconButton = {
476
- "name": "IconButton",
477
- "defaultProps": { "type": "button" },
478
- "getStylesLiterals": {},
479
- "cxLiterals": [
480
- "uds-ring",
481
- "uds-hit-target",
482
- "inline-flex",
483
- "overflow-hidden",
484
- "justify-center",
485
- "items-center",
486
- "[transform-origin:center]",
487
- "[backface-visibility:hidden]",
488
- "[transition-property:color,background-color,border-color,",
489
- "box-shadow,text-decoration-color,fill,stroke]",
490
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
491
- "[transition-duration:220ms]",
492
- "cursor-not-allowed",
493
- "uds-button-loading",
494
- "uds-button-without-effects",
495
- "animate-spin"
496
- ],
497
- "internalComponents": [
498
- "Icon",
499
- "SpringMotionConfig",
500
- "AnimatePresence"
501
- ],
502
- "internalComponentProps": {
503
- "Icon": { "color": ["current"] },
504
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
505
- "AnimatePresence": { "mode": ["popLayout"] }
506
- },
507
- "propToVariantKeys": {
508
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
509
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
510
- "iconVariant": ["variant"]
511
- },
512
- "runtimeConfigDefaultProps": {},
513
- "runtimeConfigGetStyles": {},
514
- "runtimeConfigInternalComponentProps": {},
515
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
516
- };
517
- var Pressable = {
518
- "name": "Pressable",
519
- "defaultProps": {},
520
- "getStylesLiterals": {},
521
- "cxLiterals": [],
522
- "internalComponents": ["Comp"],
523
- "internalComponentProps": {},
524
- "propToVariantKeys": {},
525
- "runtimeConfigDefaultProps": {},
526
- "runtimeConfigGetStyles": {},
527
- "runtimeConfigInternalComponentProps": {},
528
- "motionVarPrefixes": []
529
- };
530
- var SpringMotionConfig = {
531
- "name": "SpringMotionConfig",
532
- "defaultProps": { "reducedMotion": "user" },
533
- "getStylesLiterals": {},
534
- "cxLiterals": [],
535
- "internalComponents": ["LazyMotion", "MotionConfig"],
536
- "internalComponentProps": {},
537
- "propToVariantKeys": { "loadFeatures": ["features"] },
538
- "runtimeConfigDefaultProps": {},
539
- "runtimeConfigGetStyles": {},
540
- "runtimeConfigInternalComponentProps": {},
541
- "motionVarPrefixes": []
542
- };
543
481
  var Switch = {
544
482
  "name": "Switch",
545
483
  "defaultProps": {
@@ -633,30 +571,6 @@ var Switch = {
633
571
  "runtimeConfigInternalComponentProps": {},
634
572
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
635
573
  };
636
- var Spinner = {
637
- "name": "Spinner",
638
- "defaultProps": {
639
- "color": "primary",
640
- "size": "lg"
641
- },
642
- "getStylesLiterals": {},
643
- "cxLiterals": [
644
- "self-center",
645
- "relative",
646
- "sr-only"
647
- ],
648
- "internalComponents": ["Icon"],
649
- "internalComponentProps": { "Icon": {
650
- "role": ["img"],
651
- "className": ["animate-spin"],
652
- "aria-hidden": ["true"]
653
- } },
654
- "propToVariantKeys": {},
655
- "runtimeConfigDefaultProps": {},
656
- "runtimeConfigGetStyles": {},
657
- "runtimeConfigInternalComponentProps": {},
658
- "motionVarPrefixes": []
659
- };
660
574
  var Table_mocks = {
661
575
  "name": "Table.mocks",
662
576
  "defaultProps": {},
@@ -701,12 +615,36 @@ var Table = {
701
615
  "runtimeConfigInternalComponentProps": {},
702
616
  "motionVarPrefixes": []
703
617
  };
704
- var Avatar = {
705
- "name": "Avatar",
618
+ var Spinner = {
619
+ "name": "Spinner",
620
+ "defaultProps": {
621
+ "color": "primary",
622
+ "size": "lg"
623
+ },
624
+ "getStylesLiterals": {},
625
+ "cxLiterals": [
626
+ "self-center",
627
+ "relative",
628
+ "sr-only"
629
+ ],
630
+ "internalComponents": ["Icon"],
631
+ "internalComponentProps": { "Icon": {
632
+ "role": ["img"],
633
+ "className": ["animate-spin"],
634
+ "aria-hidden": ["true"]
635
+ } },
636
+ "propToVariantKeys": {},
637
+ "runtimeConfigDefaultProps": {},
638
+ "runtimeConfigGetStyles": {},
639
+ "runtimeConfigInternalComponentProps": {},
640
+ "motionVarPrefixes": []
641
+ };
642
+ var Divider = {
643
+ "name": "Divider",
706
644
  "defaultProps": {},
707
645
  "getStylesLiterals": {},
708
646
  "cxLiterals": [],
709
- "internalComponents": ["AvatarImage"],
647
+ "internalComponents": ["DividerInternal"],
710
648
  "internalComponentProps": {},
711
649
  "propToVariantKeys": {},
712
650
  "runtimeConfigDefaultProps": {},
@@ -714,252 +652,190 @@ var Avatar = {
714
652
  "runtimeConfigInternalComponentProps": {},
715
653
  "motionVarPrefixes": []
716
654
  };
717
- var AvatarIcon = {
718
- "name": "AvatarIcon",
719
- "defaultProps": {
720
- "size": "md",
721
- "variant": "primary"
722
- },
723
- "getStylesLiterals": {},
724
- "cxLiterals": [
725
- "overflow-hidden",
726
- "w-full",
727
- "h-full",
728
- "shrink-0",
729
- "text-center",
730
- "inline-flex",
731
- "justify-center",
732
- "items-center"
733
- ],
734
- "internalComponents": ["IconSlot", "Box"],
735
- "internalComponentProps": {},
736
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
737
- "runtimeConfigDefaultProps": {},
738
- "runtimeConfigGetStyles": {},
739
- "runtimeConfigInternalComponentProps": {},
740
- "motionVarPrefixes": []
741
- };
742
- var AvatarImage = {
743
- "name": "AvatarImage",
744
- "defaultProps": {
745
- "size": "md",
746
- "variant": "primary"
747
- },
655
+ var DividerInternal = {
656
+ "name": "DividerInternal",
657
+ "defaultProps": { "variant": "primary" },
748
658
  "getStylesLiterals": {},
749
- "cxLiterals": [
750
- "overflow-hidden",
751
- "w-full",
752
- "h-full",
753
- "shrink-0",
754
- "text-center",
755
- "inline-flex",
756
- "justify-center",
757
- "items-center",
758
- "object-cover"
759
- ],
760
- "internalComponents": [
761
- "UDSImage",
762
- "AvatarText",
763
- "AvatarIcon",
764
- "Box"
765
- ],
659
+ "cxLiterals": ["inherit"],
660
+ "internalComponents": ["DividerCore"],
766
661
  "internalComponentProps": {},
767
- "propToVariantKeys": {
768
- "alt": ["name"],
769
- "fallback": ["initials"]
770
- },
771
- "runtimeConfigDefaultProps": {},
772
- "runtimeConfigGetStyles": {},
773
- "runtimeConfigInternalComponentProps": {},
774
- "motionVarPrefixes": []
775
- };
776
- var AvatarText = {
777
- "name": "AvatarText",
778
- "defaultProps": {
779
- "size": "md",
780
- "variant": "primary"
781
- },
782
- "getStylesLiterals": {},
783
- "cxLiterals": [
784
- "overflow-hidden",
785
- "truncate",
786
- "w-full",
787
- "h-full",
788
- "shrink-0",
789
- "text-center",
790
- "inline-flex",
791
- "justify-center",
792
- "items-center"
793
- ],
794
- "internalComponents": ["Box", "Text"],
795
- "internalComponentProps": { "Text": {
796
- "color": ["inherit"],
797
- "variant": ["inherit"]
798
- } },
799
- "propToVariantKeys": {},
662
+ "propToVariantKeys": { "variant": [
663
+ "dividerVariantRoot",
664
+ "dividerVariantLabel",
665
+ "dividerVariantLine"
666
+ ] },
800
667
  "runtimeConfigDefaultProps": {},
801
668
  "runtimeConfigGetStyles": {},
802
669
  "runtimeConfigInternalComponentProps": {},
803
670
  "motionVarPrefixes": []
804
671
  };
805
- var BottomSheet = {
806
- "name": "BottomSheet",
807
- "defaultProps": { "variant": "default" },
672
+ var DividerCore = {
673
+ "name": "DividerCore",
674
+ "defaultProps": { "contentPosition": "center" },
808
675
  "getStylesLiterals": {},
809
- "cxLiterals": [
810
- "fixed",
811
- "overflow-hidden",
812
- "inset-x-0",
813
- "bottom-0",
814
- "z-50",
815
- "[will-change:transform]",
816
- "touch-none",
817
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
818
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
819
- "transition-transform",
820
- "duration-500",
821
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
822
- "motion-reduce:transition-none",
823
- "top-[-4px]",
824
- "z-[1]",
825
- "touch-pan-y"
826
- ],
676
+ "cxLiterals": [],
827
677
  "internalComponents": [
828
- "Scrim",
829
- "BottomSheetHandle",
830
- "Dialog",
831
678
  "Box",
832
- "BottomSheetInternalContext.Provider"
679
+ "Line",
680
+ "InternalComponent",
681
+ "Text"
833
682
  ],
834
683
  "internalComponentProps": {
835
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
836
- "Dialog": { "data-testid": ["bottom-sheet"] },
837
684
  "Box": {
838
- "display": ["block", "flex"],
839
- "position": ["absolute"],
840
- "flexDirection": ["column"],
841
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
685
+ "flex": ["1", "none"],
686
+ "display": ["flex"]
687
+ },
688
+ "InternalComponent": {
689
+ "flex": ["1"],
690
+ "alignItems": ["center"]
691
+ },
692
+ "Text": {
693
+ "as": ["span"],
694
+ "color": ["inherit"],
695
+ "variant": ["inherit"]
842
696
  }
843
697
  },
844
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
698
+ "propToVariantKeys": {},
845
699
  "runtimeConfigDefaultProps": {},
846
700
  "runtimeConfigGetStyles": {},
847
701
  "runtimeConfigInternalComponentProps": {},
848
702
  "motionVarPrefixes": []
849
703
  };
850
- var BottomSheetContent = {
851
- "name": "BottomSheetContent",
852
- "defaultProps": {},
853
- "getStylesLiterals": {},
854
- "cxLiterals": ["min-h-0", "touch-pan-y"],
855
- "internalComponents": ["Box", "VStack"],
856
- "internalComponentProps": {
857
- "Box": {
858
- "display": ["block"],
859
- "flex": ["1"]
860
- },
861
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
704
+ var InputHelpText = {
705
+ "name": "InputHelpText",
706
+ "defaultProps": { "size": "md" },
707
+ "getStylesLiterals": {
708
+ "inputVariantRoot": "default",
709
+ "inputVariantValueRoot": "empty",
710
+ "inputVariantValueRoot:1": "filled"
862
711
  },
863
- "propToVariantKeys": {},
712
+ "cxLiterals": [],
713
+ "internalComponents": ["InputHelpTextInternal", "Box"],
714
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
715
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
864
716
  "runtimeConfigDefaultProps": {},
865
717
  "runtimeConfigGetStyles": {},
866
718
  "runtimeConfigInternalComponentProps": {},
867
719
  "motionVarPrefixes": []
868
720
  };
869
- var BottomSheetDismiss = {
870
- "name": "BottomSheetDismiss",
721
+ var InputHelpTextInternal = {
722
+ "name": "InputHelpTextInternal",
871
723
  "defaultProps": {},
872
- "getStylesLiterals": {},
724
+ "getStylesLiterals": {
725
+ "inputVariantHelperText": "default",
726
+ "inputVariantValueHelperText": "empty",
727
+ "inputVariantValueHelperText:1": "filled",
728
+ "inputVariantHelperIcon": "default",
729
+ "inputVariantValueHelperIcon": "empty",
730
+ "inputVariantValueHelperIcon:1": "filled"
731
+ },
873
732
  "cxLiterals": [],
874
- "internalComponents": ["AriakitDialogDismiss"],
875
- "internalComponentProps": {},
876
- "propToVariantKeys": {},
877
- "runtimeConfigDefaultProps": {},
878
- "runtimeConfigGetStyles": {},
879
- "runtimeConfigInternalComponentProps": {},
880
- "motionVarPrefixes": []
881
- };
882
- var BottomSheetHandle = {
883
- "name": "BottomSheetHandle",
884
- "defaultProps": { "variant": "default" },
885
- "getStylesLiterals": {},
886
- "cxLiterals": [
887
- "relative",
888
- "h-5",
889
- "w-16",
890
- "outline-none",
891
- "focus-visible:outline-none",
892
- "[touch-action:pan-y]",
893
- "absolute",
894
- "left-1/2",
895
- "top-1/2",
896
- "-translate-x-1/2",
897
- "-translate-y-1/2",
898
- "h-1",
899
- "w-8",
900
- "rounded-full"
901
- ],
902
- "internalComponents": ["Box"],
903
- "internalComponentProps": { "Box": {
904
- "display": ["block", "flex"],
905
- "justifyContent": ["center"]
733
+ "internalComponents": ["IconSlot", "HStack"],
734
+ "internalComponentProps": { "HStack": {
735
+ "gap": ["1"],
736
+ "alignItems": ["center"]
906
737
  } },
907
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
738
+ "propToVariantKeys": {
739
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
740
+ "startIcon": ["icon"],
741
+ "endIcon": ["icon"]
742
+ },
908
743
  "runtimeConfigDefaultProps": {},
909
744
  "runtimeConfigGetStyles": {},
910
745
  "runtimeConfigInternalComponentProps": {},
911
746
  "motionVarPrefixes": []
912
747
  };
913
- var BottomSheetHeader = {
914
- "name": "BottomSheetHeader",
915
- "defaultProps": { "variant": "default" },
916
- "getStylesLiterals": {},
748
+ var Input = {
749
+ "name": "Input",
750
+ "defaultProps": {
751
+ "type": "text",
752
+ "size": "md",
753
+ "width": "full"
754
+ },
755
+ "getStylesLiterals": {
756
+ "inputVariantRoot": "default",
757
+ "inputVariantValueRoot": "empty",
758
+ "inputVariantValueRoot:1": "filled",
759
+ "inputVariantInputWrapper": "default",
760
+ "inputVariantValueInputWrapper": "empty",
761
+ "inputVariantValueInputWrapper:1": "filled",
762
+ "inputVariantInput": "default",
763
+ "inputVariantValueInput": "empty",
764
+ "inputVariantValueInput:1": "filled",
765
+ "inputVariantInputPlaceholder": "default",
766
+ "inputVariantValueInputPlaceholder": "empty",
767
+ "inputVariantValueInputPlaceholder:1": "filled",
768
+ "inputVariantLabel": "default",
769
+ "inputVariantValueLabel": "empty",
770
+ "inputVariantValueLabel:1": "filled",
771
+ "inputVariantLabelRequired": "default",
772
+ "inputVariantValueLabelRequired": "empty",
773
+ "inputVariantValueLabelRequired:1": "filled",
774
+ "inputVariantStartIcon": "default",
775
+ "inputVariantValueStartIcon": "empty",
776
+ "inputVariantValueStartIcon:1": "filled",
777
+ "inputVariantEndIcon": "default",
778
+ "inputVariantValueEndIcon": "empty",
779
+ "inputVariantValueEndIcon:1": "filled"
780
+ },
917
781
  "cxLiterals": [
918
- "grid-cols-[40px_1fr_40px]",
919
- "items-center",
920
- "w-full",
921
- "min-h-10",
922
- "mt-2"
782
+ "opacity-50",
783
+ "min-w-[200px]",
784
+ "grow",
785
+ "uds-hit-target",
786
+ "bg-clip-text",
787
+ "focus:outline-none",
788
+ "cursor-text",
789
+ "cursor-not-allowed"
790
+ ],
791
+ "internalComponents": [
792
+ "IconSlot",
793
+ "StartIcon",
794
+ "EndIcon",
795
+ "HelpTextContent",
796
+ "Box",
797
+ "InputHelpTextInternal",
798
+ "VStack",
799
+ "HStack",
800
+ "AnimateHeightChange"
923
801
  ],
924
- "internalComponents": ["Box", "Text"],
925
802
  "internalComponentProps": {
803
+ "HelpTextContent": { "spacingTop": ["2"] },
926
804
  "Box": {
927
- "className": ["h-10 w-10 opacity-0 pointer-events-none"],
928
- "display": ["grid", "flex"],
929
- "justifyContent": ["flex-start", "flex-end"]
805
+ "spacingBottom": ["2"],
806
+ "columnGap": ["0.5"],
807
+ "alignItems": ["flex-end", "center"],
808
+ "position": ["relative"]
930
809
  },
931
- "Text": {
932
- "variant": ["inherit"],
933
- "color": ["inherit"],
934
- "textAlign": ["center"],
935
- "className": ["w-full"]
810
+ "HStack": {
811
+ "alignItems": ["center"],
812
+ "gap": ["1"]
936
813
  }
937
814
  },
938
- "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
939
- "runtimeConfigDefaultProps": {},
940
- "runtimeConfigGetStyles": {},
941
- "runtimeConfigInternalComponentProps": {},
942
- "motionVarPrefixes": []
943
- };
944
- var BottomSheetInternalContext = {
945
- "name": "BottomSheetInternalContext",
946
- "defaultProps": {},
947
- "getStylesLiterals": {},
948
- "cxLiterals": [],
949
- "internalComponents": [],
950
- "internalComponentProps": {},
951
- "propToVariantKeys": {},
815
+ "propToVariantKeys": {
816
+ "size": [
817
+ "inputSizeRoot",
818
+ "inputSizeInputWrapper",
819
+ "inputSizeInput",
820
+ "inputSizeLabel",
821
+ "inputSizeStartIcon",
822
+ "inputSizeEndIcon"
823
+ ],
824
+ "startIcon": ["icon"],
825
+ "endIcon": ["icon"],
826
+ "helperTextIcon": ["startIcon"]
827
+ },
952
828
  "runtimeConfigDefaultProps": {},
953
829
  "runtimeConfigGetStyles": {},
954
830
  "runtimeConfigInternalComponentProps": {},
955
831
  "motionVarPrefixes": []
956
832
  };
957
- var BottomSheetProvider = {
958
- "name": "BottomSheetProvider",
833
+ var UDSTooltipConfigProvider = {
834
+ "name": "UDSTooltipConfigProvider",
959
835
  "defaultProps": {},
960
836
  "getStylesLiterals": {},
961
837
  "cxLiterals": [],
962
- "internalComponents": ["AriakitDialogProvider"],
838
+ "internalComponents": ["TooltipContext.Provider"],
963
839
  "internalComponentProps": {},
964
840
  "propToVariantKeys": {},
965
841
  "runtimeConfigDefaultProps": {},
@@ -967,45 +843,79 @@ var BottomSheetProvider = {
967
843
  "runtimeConfigInternalComponentProps": {},
968
844
  "motionVarPrefixes": []
969
845
  };
970
- var BottomSheetTrigger = {
971
- "name": "BottomSheetTrigger",
846
+ var TooltipTrigger = {
847
+ "name": "TooltipTrigger",
972
848
  "defaultProps": {},
973
849
  "getStylesLiterals": {},
974
850
  "cxLiterals": [],
975
- "internalComponents": ["AriakitDialogDisclosure"],
976
- "internalComponentProps": {},
977
- "propToVariantKeys": {},
851
+ "internalComponents": ["TooltipAnchor"],
852
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
853
+ "propToVariantKeys": { "children": ["render"] },
978
854
  "runtimeConfigDefaultProps": {},
979
855
  "runtimeConfigGetStyles": {},
980
856
  "runtimeConfigInternalComponentProps": {},
981
857
  "motionVarPrefixes": []
982
858
  };
983
- var UDSBottomSheetConfigProvider = {
984
- "name": "UDSBottomSheetConfigProvider",
859
+ var Tooltip = {
860
+ "name": "Tooltip",
985
861
  "defaultProps": {},
986
862
  "getStylesLiterals": {},
987
863
  "cxLiterals": [],
988
- "internalComponents": ["BottomSheetContext.Provider"],
864
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
989
865
  "internalComponentProps": {},
990
866
  "propToVariantKeys": {},
991
867
  "runtimeConfigDefaultProps": {},
992
868
  "runtimeConfigGetStyles": {},
993
- "runtimeConfigInternalComponentProps": {},
869
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
994
870
  "motionVarPrefixes": []
995
871
  };
996
- var Chip = {
997
- "name": "Chip",
872
+ var TooltipContent = {
873
+ "name": "TooltipContent",
998
874
  "defaultProps": {},
999
- "getStylesLiterals": {},
1000
- "cxLiterals": [],
875
+ "getStylesLiterals": {
876
+ "tooltipSizeRoot": "default",
877
+ "tooltipVariantRoot": "default",
878
+ "tooltipSizeSvg": "default",
879
+ "tooltipVariantSvg": "default",
880
+ "tooltipVariantBlur": "default",
881
+ "position": "absolute",
882
+ "width": "full",
883
+ "height": "full",
884
+ "tooltipSizeTitle": "default",
885
+ "tooltipSizeBody": "default",
886
+ "tooltipSizeEndContent": "default",
887
+ "tooltipSizeIcon": "default",
888
+ "tooltipVariantIcon": "default"
889
+ },
890
+ "cxLiterals": [
891
+ "max-w-lg",
892
+ "flex",
893
+ "z-[9999]",
894
+ "uds-bgBlurFillFallback",
895
+ "uds-bgBlurFallback",
896
+ "top-0",
897
+ "left-0",
898
+ "z-[1]"
899
+ ],
1001
900
  "internalComponents": [
1002
- "ChipDismissible",
1003
- "ChipToggle",
1004
- "ChipLink",
1005
- "ChipButton"
901
+ "IconSlot",
902
+ "TooltipArrow",
903
+ "Tooltip",
904
+ "SvgFloatingOverlay",
905
+ "VStack",
906
+ "Box",
907
+ "Text"
1006
908
  ],
1007
- "internalComponentProps": {},
1008
- "propToVariantKeys": {},
909
+ "internalComponentProps": {
910
+ "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
911
+ "VStack": { "className": ["gap-[inherit]"] },
912
+ "Box": {
913
+ "alignItems": ["center"],
914
+ "columnGap": ["1", "1.5"]
915
+ },
916
+ "Text": { "color": ["inherit"] }
917
+ },
918
+ "propToVariantKeys": { "startTitleIcon": ["icon"] },
1009
919
  "runtimeConfigDefaultProps": {},
1010
920
  "runtimeConfigGetStyles": {},
1011
921
  "runtimeConfigInternalComponentProps": {},
@@ -1051,13 +961,31 @@ var ChipBase = {
1051
961
  "runtimeConfigInternalComponentProps": {},
1052
962
  "motionVarPrefixes": []
1053
963
  };
1054
- var ChipButton = {
1055
- "name": "ChipButton",
964
+ var Chip = {
965
+ "name": "Chip",
966
+ "defaultProps": {},
967
+ "getStylesLiterals": {},
968
+ "cxLiterals": [],
969
+ "internalComponents": [
970
+ "ChipDismissible",
971
+ "ChipToggle",
972
+ "ChipLink",
973
+ "ChipButton"
974
+ ],
975
+ "internalComponentProps": {},
976
+ "propToVariantKeys": {},
977
+ "runtimeConfigDefaultProps": {},
978
+ "runtimeConfigGetStyles": {},
979
+ "runtimeConfigInternalComponentProps": {},
980
+ "motionVarPrefixes": []
981
+ };
982
+ var ChipLink = {
983
+ "name": "ChipLink",
1056
984
  "defaultProps": { "variant": "primary" },
1057
985
  "getStylesLiterals": {},
1058
986
  "cxLiterals": ["uds-ring"],
1059
987
  "internalComponents": ["ChipBase"],
1060
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
988
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1061
989
  "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1062
990
  "runtimeConfigDefaultProps": {},
1063
991
  "runtimeConfigGetStyles": {},
@@ -1089,13 +1017,13 @@ var ChipDismissible = {
1089
1017
  "runtimeConfigInternalComponentProps": {},
1090
1018
  "motionVarPrefixes": []
1091
1019
  };
1092
- var ChipLink = {
1093
- "name": "ChipLink",
1020
+ var ChipButton = {
1021
+ "name": "ChipButton",
1094
1022
  "defaultProps": { "variant": "primary" },
1095
1023
  "getStylesLiterals": {},
1096
1024
  "cxLiterals": ["uds-ring"],
1097
1025
  "internalComponents": ["ChipBase"],
1098
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1026
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1099
1027
  "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1100
1028
  "runtimeConfigDefaultProps": {},
1101
1029
  "runtimeConfigGetStyles": {},
@@ -1121,208 +1049,145 @@ var ChipToggle = {
1121
1049
  "runtimeConfigInternalComponentProps": {},
1122
1050
  "motionVarPrefixes": []
1123
1051
  };
1124
- var Input = {
1125
- "name": "Input",
1126
- "defaultProps": {
1127
- "type": "text",
1128
- "size": "md",
1129
- "width": "full"
1130
- },
1131
- "getStylesLiterals": {
1132
- "inputVariantRoot": "default",
1133
- "inputVariantValueRoot": "empty",
1134
- "inputVariantValueRoot:1": "filled",
1135
- "inputVariantInputWrapper": "default",
1136
- "inputVariantValueInputWrapper": "empty",
1137
- "inputVariantValueInputWrapper:1": "filled",
1138
- "inputVariantInput": "default",
1139
- "inputVariantValueInput": "empty",
1140
- "inputVariantValueInput:1": "filled",
1141
- "inputVariantInputPlaceholder": "default",
1142
- "inputVariantValueInputPlaceholder": "empty",
1143
- "inputVariantValueInputPlaceholder:1": "filled",
1144
- "inputVariantLabel": "default",
1145
- "inputVariantValueLabel": "empty",
1146
- "inputVariantValueLabel:1": "filled",
1147
- "inputVariantLabelRequired": "default",
1148
- "inputVariantValueLabelRequired": "empty",
1149
- "inputVariantValueLabelRequired:1": "filled",
1150
- "inputVariantStartIcon": "default",
1151
- "inputVariantValueStartIcon": "empty",
1152
- "inputVariantValueStartIcon:1": "filled",
1153
- "inputVariantEndIcon": "default",
1154
- "inputVariantValueEndIcon": "empty",
1155
- "inputVariantValueEndIcon:1": "filled"
1156
- },
1157
- "cxLiterals": [
1158
- "opacity-50",
1159
- "min-w-[200px]",
1160
- "grow",
1161
- "uds-hit-target",
1162
- "bg-clip-text",
1163
- "focus:outline-none",
1164
- "cursor-text",
1165
- "cursor-not-allowed"
1166
- ],
1167
- "internalComponents": [
1168
- "IconSlot",
1169
- "StartIcon",
1170
- "EndIcon",
1171
- "HelpTextContent",
1172
- "Box",
1173
- "InputHelpTextInternal",
1174
- "VStack",
1175
- "HStack",
1176
- "AnimateHeightChange"
1177
- ],
1178
- "internalComponentProps": {
1179
- "HelpTextContent": { "spacingTop": ["2"] },
1180
- "Box": {
1181
- "spacingBottom": ["2"],
1182
- "columnGap": ["0.5"],
1183
- "alignItems": ["flex-end", "center"],
1184
- "position": ["relative"]
1185
- },
1186
- "HStack": {
1187
- "alignItems": ["center"],
1188
- "gap": ["1"]
1189
- }
1190
- },
1191
- "propToVariantKeys": {
1192
- "size": [
1193
- "inputSizeRoot",
1194
- "inputSizeInputWrapper",
1195
- "inputSizeInput",
1196
- "inputSizeLabel",
1197
- "inputSizeStartIcon",
1198
- "inputSizeEndIcon"
1199
- ],
1200
- "startIcon": ["icon"],
1201
- "endIcon": ["icon"],
1202
- "helperTextIcon": ["startIcon"]
1203
- },
1052
+ var UDSBottomSheetConfigProvider = {
1053
+ "name": "UDSBottomSheetConfigProvider",
1054
+ "defaultProps": {},
1055
+ "getStylesLiterals": {},
1056
+ "cxLiterals": [],
1057
+ "internalComponents": ["BottomSheetContext.Provider"],
1058
+ "internalComponentProps": {},
1059
+ "propToVariantKeys": {},
1204
1060
  "runtimeConfigDefaultProps": {},
1205
1061
  "runtimeConfigGetStyles": {},
1206
1062
  "runtimeConfigInternalComponentProps": {},
1207
1063
  "motionVarPrefixes": []
1208
1064
  };
1209
- var InputHelpText = {
1210
- "name": "InputHelpText",
1211
- "defaultProps": { "size": "md" },
1212
- "getStylesLiterals": {
1213
- "inputVariantRoot": "default",
1214
- "inputVariantValueRoot": "empty",
1215
- "inputVariantValueRoot:1": "filled"
1216
- },
1065
+ var BottomSheetDismiss = {
1066
+ "name": "BottomSheetDismiss",
1067
+ "defaultProps": {},
1068
+ "getStylesLiterals": {},
1217
1069
  "cxLiterals": [],
1218
- "internalComponents": ["InputHelpTextInternal", "Box"],
1219
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1220
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1070
+ "internalComponents": ["AriakitDialogDismiss"],
1071
+ "internalComponentProps": {},
1072
+ "propToVariantKeys": {},
1221
1073
  "runtimeConfigDefaultProps": {},
1222
1074
  "runtimeConfigGetStyles": {},
1223
1075
  "runtimeConfigInternalComponentProps": {},
1224
1076
  "motionVarPrefixes": []
1225
1077
  };
1226
- var InputHelpTextInternal = {
1227
- "name": "InputHelpTextInternal",
1078
+ var BottomSheetContent = {
1079
+ "name": "BottomSheetContent",
1228
1080
  "defaultProps": {},
1229
- "getStylesLiterals": {
1230
- "inputVariantHelperText": "default",
1231
- "inputVariantValueHelperText": "empty",
1232
- "inputVariantValueHelperText:1": "filled",
1233
- "inputVariantHelperIcon": "default",
1234
- "inputVariantValueHelperIcon": "empty",
1235
- "inputVariantValueHelperIcon:1": "filled"
1081
+ "getStylesLiterals": {},
1082
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
1083
+ "internalComponents": ["Box", "VStack"],
1084
+ "internalComponentProps": {
1085
+ "Box": {
1086
+ "display": ["block"],
1087
+ "flex": ["1"]
1088
+ },
1089
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1236
1090
  },
1237
- "cxLiterals": [],
1238
- "internalComponents": ["IconSlot", "HStack"],
1239
- "internalComponentProps": { "HStack": {
1240
- "gap": ["1"],
1241
- "alignItems": ["center"]
1242
- } },
1243
- "propToVariantKeys": {
1244
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1245
- "startIcon": ["icon"],
1246
- "endIcon": ["icon"]
1091
+ "propToVariantKeys": {},
1092
+ "runtimeConfigDefaultProps": {},
1093
+ "runtimeConfigGetStyles": {},
1094
+ "runtimeConfigInternalComponentProps": {},
1095
+ "motionVarPrefixes": []
1096
+ };
1097
+ var BottomSheetHeader = {
1098
+ "name": "BottomSheetHeader",
1099
+ "defaultProps": { "variant": "default" },
1100
+ "getStylesLiterals": {},
1101
+ "cxLiterals": [
1102
+ "grid-cols-[40px_1fr_40px]",
1103
+ "items-center",
1104
+ "w-full",
1105
+ "min-h-10",
1106
+ "mt-2"
1107
+ ],
1108
+ "internalComponents": ["Box", "Text"],
1109
+ "internalComponentProps": {
1110
+ "Box": {
1111
+ "className": ["h-10 w-10 opacity-0 pointer-events-none"],
1112
+ "display": ["grid", "flex"],
1113
+ "justifyContent": ["flex-start", "flex-end"]
1114
+ },
1115
+ "Text": {
1116
+ "variant": ["inherit"],
1117
+ "color": ["inherit"],
1118
+ "textAlign": ["center"],
1119
+ "className": ["w-full"]
1120
+ }
1247
1121
  },
1122
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHeader"] },
1248
1123
  "runtimeConfigDefaultProps": {},
1249
1124
  "runtimeConfigGetStyles": {},
1250
1125
  "runtimeConfigInternalComponentProps": {},
1251
1126
  "motionVarPrefixes": []
1252
1127
  };
1253
- var Menu_Content = {
1254
- "name": "Menu.Content",
1255
- "defaultProps": {
1256
- "size": "default",
1257
- "variant": "default",
1258
- "gutter": "1"
1259
- },
1128
+ var BottomSheetHandle = {
1129
+ "name": "BottomSheetHandle",
1130
+ "defaultProps": { "variant": "default" },
1260
1131
  "getStylesLiterals": {},
1261
1132
  "cxLiterals": [
1262
- "uds-menu-content",
1263
- "transition-shadow",
1264
- "duration-200",
1265
- "ease-in-out",
1266
- "min-w-60",
1267
- "max-w-lg",
1268
- "max-h-96",
1269
- "overflow-auto",
1270
- "uds-ring",
1271
- "z-10",
1272
- "group"
1273
- ],
1274
- "internalComponents": [
1275
- "AriakitMenu",
1276
- "AnimatePresence",
1277
- "MotionVStack"
1133
+ "relative",
1134
+ "h-5",
1135
+ "w-16",
1136
+ "outline-none",
1137
+ "focus-visible:outline-none",
1138
+ "[touch-action:pan-y]",
1139
+ "absolute",
1140
+ "left-1/2",
1141
+ "top-1/2",
1142
+ "-translate-x-1/2",
1143
+ "-translate-y-1/2",
1144
+ "h-1",
1145
+ "w-8",
1146
+ "rounded-full"
1278
1147
  ],
1148
+ "internalComponents": ["Box"],
1149
+ "internalComponentProps": { "Box": {
1150
+ "display": ["block", "flex"],
1151
+ "justifyContent": ["center"]
1152
+ } },
1153
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1154
+ "runtimeConfigDefaultProps": {},
1155
+ "runtimeConfigGetStyles": {},
1156
+ "runtimeConfigInternalComponentProps": {},
1157
+ "motionVarPrefixes": []
1158
+ };
1159
+ var BottomSheetInternalContext = {
1160
+ "name": "BottomSheetInternalContext",
1161
+ "defaultProps": {},
1162
+ "getStylesLiterals": {},
1163
+ "cxLiterals": [],
1164
+ "internalComponents": [],
1279
1165
  "internalComponentProps": {},
1280
- "propToVariantKeys": {
1281
- "size": ["menucontentSizeRoot"],
1282
- "variant": ["menucontentVariantRoot"]
1283
- },
1166
+ "propToVariantKeys": {},
1284
1167
  "runtimeConfigDefaultProps": {},
1285
1168
  "runtimeConfigGetStyles": {},
1286
1169
  "runtimeConfigInternalComponentProps": {},
1287
1170
  "motionVarPrefixes": []
1288
1171
  };
1289
- var Menu_Divider = {
1290
- "name": "Menu.Divider",
1291
- "defaultProps": {
1292
- "role": "separator",
1293
- "contentPosition": "start",
1294
- "gap": "4"
1295
- },
1296
- "getStylesLiterals": {
1297
- "menuitemDividerVariantRoot": "default",
1298
- "menuitemDividerVariantText": "default",
1299
- "menuitemDividerVariantLine": "default"
1300
- },
1172
+ var BottomSheetTrigger = {
1173
+ "name": "BottomSheetTrigger",
1174
+ "defaultProps": {},
1175
+ "getStylesLiterals": {},
1301
1176
  "cxLiterals": [],
1302
- "internalComponents": ["DividerInternal"],
1303
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1177
+ "internalComponents": ["AriakitDialogDisclosure"],
1178
+ "internalComponentProps": {},
1304
1179
  "propToVariantKeys": {},
1305
1180
  "runtimeConfigDefaultProps": {},
1306
1181
  "runtimeConfigGetStyles": {},
1307
1182
  "runtimeConfigInternalComponentProps": {},
1308
1183
  "motionVarPrefixes": []
1309
1184
  };
1310
- var Menu_Item = {
1311
- "name": "Menu.Item",
1185
+ var BottomSheetProvider = {
1186
+ "name": "BottomSheetProvider",
1312
1187
  "defaultProps": {},
1313
- "getStylesLiterals": {
1314
- "menuitemItemVariantRoot": "default",
1315
- "menuitemItemVariantActiveRoot": "on",
1316
- "menuitemItemVariantActiveRoot:1": "off",
1317
- "menuitemItemVariantText": "default",
1318
- "menuitemItemVariantActiveText": "on",
1319
- "menuitemItemVariantActiveText:1": "off",
1320
- "menuitemItemVariantIcon": "default",
1321
- "menuitemItemVariantActiveIcon": "on",
1322
- "menuitemItemVariantActiveIcon:1": "off"
1323
- },
1188
+ "getStylesLiterals": {},
1324
1189
  "cxLiterals": [],
1325
- "internalComponents": ["MenuItemBase"],
1190
+ "internalComponents": ["AriakitDialogProvider"],
1326
1191
  "internalComponentProps": {},
1327
1192
  "propToVariantKeys": {},
1328
1193
  "runtimeConfigDefaultProps": {},
@@ -1330,118 +1195,102 @@ var Menu_Item = {
1330
1195
  "runtimeConfigInternalComponentProps": {},
1331
1196
  "motionVarPrefixes": []
1332
1197
  };
1333
- var Menu_ItemBase = {
1334
- "name": "Menu.ItemBase",
1335
- "defaultProps": {
1336
- "spacing": "0",
1337
- "spacingHorizontal": "4",
1338
- "spacingVertical": "3.5",
1339
- "columnGap": "2",
1340
- "alignItems": "center",
1341
- "justifyContent": "space-between"
1342
- },
1343
- "getStylesLiterals": {
1344
- "textAlign": "start",
1345
- "menuitemSizeRoot": "default",
1346
- "flexDirection": "row",
1347
- "menuitemSizeStartIcon": "default",
1348
- "menuitemSizeEndIcon": "default"
1349
- },
1198
+ var BottomSheet = {
1199
+ "name": "BottomSheet",
1200
+ "defaultProps": { "variant": "default" },
1201
+ "getStylesLiterals": {},
1350
1202
  "cxLiterals": [
1351
- "flex",
1352
- "focus-visible:text-brand",
1353
- "focus-visible:bg-brand-secondary",
1354
- "focus-visible:z-10",
1355
- "uds-ring",
1356
- "!-outline-offset-2",
1357
- "[&:not([aria-checked])]:cursor-default",
1358
- "opacity-25",
1359
- "cursor-not-allowed",
1360
- "duration-20",
1361
- "transition-[font-variation-settings]",
1362
- "ease-in-out",
1363
- "z-0",
1364
- "uds-start-icon",
1365
- "uds-end-icon"
1203
+ "fixed",
1204
+ "overflow-hidden",
1205
+ "inset-x-0",
1206
+ "bottom-0",
1207
+ "z-50",
1208
+ "[will-change:transform]",
1209
+ "touch-none",
1210
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1211
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1212
+ "transition-transform",
1213
+ "duration-500",
1214
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1215
+ "motion-reduce:transition-none",
1216
+ "top-[-4px]",
1217
+ "z-[1]",
1218
+ "touch-pan-y"
1366
1219
  ],
1367
1220
  "internalComponents": [
1368
- "Pressable",
1369
- "IconSlot",
1370
- "RootComponent",
1371
- "HStack",
1372
- "AnimatePresence"
1221
+ "Scrim",
1222
+ "BottomSheetHandle",
1223
+ "Dialog",
1224
+ "Box",
1225
+ "BottomSheetInternalContext.Provider"
1373
1226
  ],
1374
1227
  "internalComponentProps": {
1375
- "HStack": {
1376
- "alignItems": ["center"],
1377
- "width": ["full"]
1378
- },
1379
- "AnimatePresence": { "mode": ["popLayout"] }
1380
- },
1381
- "propToVariantKeys": {
1382
- "startIcon": ["icon"],
1383
- "endIcon": ["icon"],
1384
- "columnGap": ["gap"]
1385
- },
1386
- "runtimeConfigDefaultProps": {},
1387
- "runtimeConfigGetStyles": {},
1388
- "runtimeConfigInternalComponentProps": {},
1389
- "motionVarPrefixes": []
1390
- };
1391
- var Menu_ItemCheckbox = {
1392
- "name": "Menu.ItemCheckbox",
1393
- "defaultProps": {},
1394
- "getStylesLiterals": {
1395
- "menuitemItemCheckboxVariantRoot": "default",
1396
- "menuitemItemCheckboxVariantActiveRoot": "on",
1397
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1398
- "menuitemItemCheckboxVariantText": "default",
1399
- "menuitemItemCheckboxVariantActiveText": "on",
1400
- "menuitemItemCheckboxVariantActiveText:1": "off",
1401
- "menuitemItemCheckboxVariantStartIcon": "default",
1402
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1403
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1404
- "menuitemItemCheckboxVariantEndIcon": "default",
1405
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1406
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1228
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1229
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1230
+ "Box": {
1231
+ "display": ["block", "flex"],
1232
+ "position": ["absolute"],
1233
+ "flexDirection": ["column"],
1234
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1235
+ }
1407
1236
  },
1408
- "cxLiterals": ["uds-menu-item-checkbox"],
1409
- "internalComponents": ["MenuItemBase"],
1410
- "internalComponentProps": {},
1411
- "propToVariantKeys": {},
1237
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1412
1238
  "runtimeConfigDefaultProps": {},
1413
1239
  "runtimeConfigGetStyles": {},
1414
1240
  "runtimeConfigInternalComponentProps": {},
1415
1241
  "motionVarPrefixes": []
1416
1242
  };
1417
- var Menu_Provider = {
1418
- "name": "Menu.Provider",
1243
+ var Menu_index = {
1244
+ "name": "Menu.index",
1419
1245
  "defaultProps": {},
1420
1246
  "getStylesLiterals": {},
1421
1247
  "cxLiterals": [],
1422
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1248
+ "internalComponents": [],
1423
1249
  "internalComponentProps": {},
1424
1250
  "propToVariantKeys": {},
1425
1251
  "runtimeConfigDefaultProps": {},
1426
1252
  "runtimeConfigGetStyles": {},
1427
1253
  "runtimeConfigInternalComponentProps": {},
1428
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1254
+ "motionVarPrefixes": []
1429
1255
  };
1430
- var Menu_Trigger = {
1431
- "name": "Menu.Trigger",
1432
- "defaultProps": {},
1256
+ var Menu_Content = {
1257
+ "name": "Menu.Content",
1258
+ "defaultProps": {
1259
+ "size": "default",
1260
+ "variant": "default",
1261
+ "gutter": "1"
1262
+ },
1433
1263
  "getStylesLiterals": {},
1434
- "cxLiterals": ["uds-menu-trigger"],
1435
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1436
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1437
- "propToVariantKeys": {},
1264
+ "cxLiterals": [
1265
+ "uds-menu-content",
1266
+ "transition-shadow",
1267
+ "duration-200",
1268
+ "ease-in-out",
1269
+ "min-w-60",
1270
+ "max-w-lg",
1271
+ "max-h-96",
1272
+ "overflow-auto",
1273
+ "uds-ring",
1274
+ "z-10",
1275
+ "group"
1276
+ ],
1277
+ "internalComponents": [
1278
+ "AriakitMenu",
1279
+ "AnimatePresence",
1280
+ "MotionVStack"
1281
+ ],
1282
+ "internalComponentProps": {},
1283
+ "propToVariantKeys": {
1284
+ "size": ["menucontentSizeRoot"],
1285
+ "variant": ["menucontentVariantRoot"]
1286
+ },
1438
1287
  "runtimeConfigDefaultProps": {},
1439
1288
  "runtimeConfigGetStyles": {},
1440
1289
  "runtimeConfigInternalComponentProps": {},
1441
1290
  "motionVarPrefixes": []
1442
1291
  };
1443
- var Menu_index = {
1444
- "name": "Menu.index",
1292
+ var Menu = {
1293
+ "name": "Menu",
1445
1294
  "defaultProps": {},
1446
1295
  "getStylesLiterals": {},
1447
1296
  "cxLiterals": [],
@@ -1453,12 +1302,25 @@ var Menu_index = {
1453
1302
  "runtimeConfigInternalComponentProps": {},
1454
1303
  "motionVarPrefixes": []
1455
1304
  };
1456
- var Menu = {
1457
- "name": "Menu",
1305
+ var Menu_ItemCheckbox = {
1306
+ "name": "Menu.ItemCheckbox",
1458
1307
  "defaultProps": {},
1459
- "getStylesLiterals": {},
1460
- "cxLiterals": [],
1461
- "internalComponents": [],
1308
+ "getStylesLiterals": {
1309
+ "menuitemItemCheckboxVariantRoot": "default",
1310
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1311
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1312
+ "menuitemItemCheckboxVariantText": "default",
1313
+ "menuitemItemCheckboxVariantActiveText": "on",
1314
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1315
+ "menuitemItemCheckboxVariantStartIcon": "default",
1316
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1317
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1318
+ "menuitemItemCheckboxVariantEndIcon": "default",
1319
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1320
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1321
+ },
1322
+ "cxLiterals": ["uds-menu-item-checkbox"],
1323
+ "internalComponents": ["MenuItemBase"],
1462
1324
  "internalComponentProps": {},
1463
1325
  "propToVariantKeys": {},
1464
1326
  "runtimeConfigDefaultProps": {},
@@ -1466,123 +1328,93 @@ var Menu = {
1466
1328
  "runtimeConfigInternalComponentProps": {},
1467
1329
  "motionVarPrefixes": []
1468
1330
  };
1469
- var Popover = {
1470
- "name": "Popover",
1331
+ var Menu_Provider = {
1332
+ "name": "Menu.Provider",
1471
1333
  "defaultProps": {},
1472
1334
  "getStylesLiterals": {},
1473
1335
  "cxLiterals": [],
1474
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1336
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1475
1337
  "internalComponentProps": {},
1476
1338
  "propToVariantKeys": {},
1477
- "runtimeConfigDefaultProps": {
1478
- "size": "popover.defaultSize",
1479
- "variant": "popover.defaultVariant"
1480
- },
1339
+ "runtimeConfigDefaultProps": {},
1481
1340
  "runtimeConfigGetStyles": {},
1482
1341
  "runtimeConfigInternalComponentProps": {},
1483
- "motionVarPrefixes": []
1342
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1484
1343
  };
1485
- var PopoverContent = {
1486
- "name": "PopoverContent",
1487
- "defaultProps": {},
1488
- "getStylesLiterals": {
1489
- "popoverSizeRoot": "default",
1490
- "popoverVariantRoot": "default",
1491
- "display": "flex",
1492
- "position": "absolute",
1493
- "spacingTop": "0",
1494
- "spacingStart": "0",
1495
- "spacingBottom": "0",
1496
- "spacingEnd": "0",
1497
- "popoverSizeSvgBase": "default",
1498
- "popoverVariantSvgBase": "default",
1499
- "popoverSizeSvgBorder": "default",
1500
- "popoverVariantSvgBorder": "default",
1501
- "popoverVariantBlur": "default",
1502
- "width": "full",
1503
- "height": "full",
1504
- "flexShrink": "0",
1505
- "borderRadius": "full",
1344
+ var Menu_ItemBase = {
1345
+ "name": "Menu.ItemBase",
1346
+ "defaultProps": {
1347
+ "spacing": "0",
1348
+ "spacingHorizontal": "4",
1349
+ "spacingVertical": "3.5",
1350
+ "columnGap": "2",
1506
1351
  "alignItems": "center",
1507
- "justifyContent": "center",
1508
- "popoverVariantCloseIcon": "default",
1509
- "popoverSizeCloseIcon": "default"
1352
+ "justifyContent": "space-between"
1353
+ },
1354
+ "getStylesLiterals": {
1355
+ "textAlign": "start",
1356
+ "menuitemSizeRoot": "default",
1357
+ "flexDirection": "row",
1358
+ "menuitemSizeStartIcon": "default",
1359
+ "menuitemSizeEndIcon": "default"
1510
1360
  },
1511
1361
  "cxLiterals": [
1512
- "z-[9999]",
1513
- "outline-none",
1514
- "focus-visible:outline-none",
1515
- "uds-bgBlurFillFallback",
1516
- "uds-bgBlurFallback",
1517
- "top-0",
1518
- "left-0",
1519
- "z-[1]",
1520
- "duration-0",
1521
- "duration-120",
1522
- "transition-[background-color]",
1523
- "bg-carbon-15/0",
1524
- "hover:bg-carbon-15/10",
1525
- "active:bg-carbon-15/15",
1362
+ "flex",
1363
+ "focus-visible:text-brand",
1364
+ "focus-visible:bg-brand-secondary",
1365
+ "focus-visible:z-10",
1526
1366
  "uds-ring",
1527
- "absolute",
1528
- "z-[4]"
1367
+ "!-outline-offset-2",
1368
+ "[&:not([aria-checked])]:cursor-default",
1369
+ "opacity-25",
1370
+ "cursor-not-allowed",
1371
+ "duration-20",
1372
+ "transition-[font-variation-settings]",
1373
+ "ease-in-out",
1374
+ "z-0",
1375
+ "uds-start-icon",
1376
+ "uds-end-icon"
1529
1377
  ],
1530
1378
  "internalComponents": [
1531
- "PopoverDismiss",
1379
+ "Pressable",
1532
1380
  "IconSlot",
1533
- "PopoverArrow",
1534
- "Popover",
1535
- "SvgFloatingOverlay",
1536
- "Box",
1537
- "Pressable"
1381
+ "RootComponent",
1382
+ "HStack",
1383
+ "AnimatePresence"
1538
1384
  ],
1539
- "internalComponentProps": {},
1540
- "propToVariantKeys": { "closeIcon": ["icon"] },
1541
- "runtimeConfigDefaultProps": {
1542
- "size": "popover.defaultSize",
1543
- "variant": "popover.defaultVariant"
1385
+ "internalComponentProps": {
1386
+ "HStack": {
1387
+ "alignItems": ["center"],
1388
+ "width": ["full"]
1389
+ },
1390
+ "AnimatePresence": { "mode": ["popLayout"] }
1544
1391
  },
1545
- "runtimeConfigGetStyles": {
1546
- "spacingTop": ["popover.spacingVertical.${size}"],
1547
- "spacingStart": ["popover.spacingHorizontal.${size}"],
1548
- "spacingBottom": ["popover.spacingVertical.${size}"],
1549
- "spacingEnd": ["popover.spacingHorizontal.${size}"]
1392
+ "propToVariantKeys": {
1393
+ "startIcon": ["icon"],
1394
+ "endIcon": ["icon"],
1395
+ "columnGap": ["gap"]
1550
1396
  },
1551
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1552
- "motionVarPrefixes": []
1553
- };
1554
- var PopoverContext = {
1555
- "name": "PopoverContext",
1556
- "defaultProps": {},
1557
- "getStylesLiterals": {},
1558
- "cxLiterals": [],
1559
- "internalComponents": [],
1560
- "internalComponentProps": {},
1561
- "propToVariantKeys": {},
1562
- "runtimeConfigDefaultProps": {},
1563
- "runtimeConfigGetStyles": {},
1564
- "runtimeConfigInternalComponentProps": {},
1565
- "motionVarPrefixes": []
1566
- };
1567
- var PopoverTrigger = {
1568
- "name": "PopoverTrigger",
1569
- "defaultProps": {},
1570
- "getStylesLiterals": {},
1571
- "cxLiterals": [],
1572
- "internalComponents": ["PopoverDisclosure"],
1573
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1574
- "propToVariantKeys": { "children": ["render"] },
1575
1397
  "runtimeConfigDefaultProps": {},
1576
1398
  "runtimeConfigGetStyles": {},
1577
1399
  "runtimeConfigInternalComponentProps": {},
1578
1400
  "motionVarPrefixes": []
1579
1401
  };
1580
- var UDSPopoverConfigProvider = {
1581
- "name": "UDSPopoverConfigProvider",
1402
+ var Menu_Item = {
1403
+ "name": "Menu.Item",
1582
1404
  "defaultProps": {},
1583
- "getStylesLiterals": {},
1405
+ "getStylesLiterals": {
1406
+ "menuitemItemVariantRoot": "default",
1407
+ "menuitemItemVariantActiveRoot": "on",
1408
+ "menuitemItemVariantActiveRoot:1": "off",
1409
+ "menuitemItemVariantText": "default",
1410
+ "menuitemItemVariantActiveText": "on",
1411
+ "menuitemItemVariantActiveText:1": "off",
1412
+ "menuitemItemVariantIcon": "default",
1413
+ "menuitemItemVariantActiveIcon": "on",
1414
+ "menuitemItemVariantActiveIcon:1": "off"
1415
+ },
1584
1416
  "cxLiterals": [],
1585
- "internalComponents": ["PopoverContext.Provider"],
1417
+ "internalComponents": ["MenuItemBase"],
1586
1418
  "internalComponentProps": {},
1587
1419
  "propToVariantKeys": {},
1588
1420
  "runtimeConfigDefaultProps": {},
@@ -1590,112 +1422,46 @@ var UDSPopoverConfigProvider = {
1590
1422
  "runtimeConfigInternalComponentProps": {},
1591
1423
  "motionVarPrefixes": []
1592
1424
  };
1593
- var Radio = {
1594
- "name": "Radio",
1595
- "defaultProps": {
1596
- "labelPosition": "start",
1597
- "variant": "primary",
1598
- "size": "md",
1599
- "value": ""
1600
- },
1601
- "getStylesLiterals": {
1602
- "radioVariantValueRoot": "checked",
1603
- "radioVariantValueRoot:1": "unchecked",
1604
- "display": "flex",
1605
- "flexDirection": "row",
1606
- "flexDirection:1": "row-reverse",
1607
- "alignItems": "center",
1608
- "radioVariantValueRadio": "checked",
1609
- "radioVariantValueRadio:1": "unchecked",
1610
- "radioVariantValueRadioCircle": "checked",
1611
- "radioVariantValueRadioCircle:1": "unchecked"
1612
- },
1613
- "cxLiterals": [
1614
- "cursor-pointer",
1615
- "cursor-default",
1616
- "opacity-50",
1617
- "border",
1618
- "uds-ring",
1619
- "uds-ring-within",
1620
- "transition-[background-color,border-color]",
1621
- "transition-shadow",
1622
- "pointer-events-none",
1623
- "w-[8px]",
1624
- "h-[8px]",
1625
- "transition-opacity",
1626
- "cursor-[inherit]",
1627
- "absolute",
1628
- "opacity-0",
1629
- "top-1/2",
1630
- "left-1/2",
1631
- "w-[calc(100%+2px)]",
1632
- "h-[calc(100%+2px)]",
1633
- "transform",
1634
- "translate-x-[-50%]",
1635
- "translate-y-[-50%]",
1636
- "text-start",
1637
- "text-end"
1638
- ],
1639
- "internalComponents": [
1640
- "Box",
1641
- "FormLabel",
1642
- "SpringMotionConfig",
1643
- "RootElement",
1644
- "MotionBox"
1645
- ],
1646
- "internalComponentProps": {
1647
- "Box": { "borderRadius": ["full"] },
1648
- "FormLabel": {
1649
- "as": ["div"],
1650
- "variant": ["inherit"],
1651
- "color": ["inherit"]
1652
- },
1653
- "RootElement": { "data-testid": ["container"] },
1654
- "MotionBox": {
1655
- "position": ["relative"],
1656
- "borderRadius": ["full"],
1657
- "alignItems": ["center"],
1658
- "justifyContent": ["center"],
1659
- "flex": ["none"]
1660
- }
1425
+ var Menu_Divider = {
1426
+ "name": "Menu.Divider",
1427
+ "defaultProps": {
1428
+ "role": "separator",
1429
+ "contentPosition": "start",
1430
+ "gap": "4"
1661
1431
  },
1662
- "propToVariantKeys": {
1663
- "size": ["radioSizeRoot", "radioSizeRadio"],
1664
- "variant": [
1665
- "radioVariantRoot",
1666
- "radioVariantRadio",
1667
- "radioVariantRadioCircle"
1668
- ],
1669
- "reduceMotion": ["reducedMotion"]
1432
+ "getStylesLiterals": {
1433
+ "menuitemDividerVariantRoot": "default",
1434
+ "menuitemDividerVariantText": "default",
1435
+ "menuitemDividerVariantLine": "default"
1670
1436
  },
1437
+ "cxLiterals": [],
1438
+ "internalComponents": ["DividerInternal"],
1439
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1440
+ "propToVariantKeys": {},
1671
1441
  "runtimeConfigDefaultProps": {},
1672
1442
  "runtimeConfigGetStyles": {},
1673
1443
  "runtimeConfigInternalComponentProps": {},
1674
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1444
+ "motionVarPrefixes": []
1675
1445
  };
1676
- var RadioGroupProvider = {
1677
- "name": "RadioGroupProvider",
1446
+ var Menu_Trigger = {
1447
+ "name": "Menu.Trigger",
1678
1448
  "defaultProps": {},
1679
1449
  "getStylesLiterals": {},
1680
- "cxLiterals": [],
1681
- "internalComponents": [
1682
- "DivProps",
1683
- "Comp",
1684
- "RadioGroupContext.Provider"
1685
- ],
1686
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1450
+ "cxLiterals": ["uds-menu-trigger"],
1451
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1452
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1687
1453
  "propToVariantKeys": {},
1688
1454
  "runtimeConfigDefaultProps": {},
1689
1455
  "runtimeConfigGetStyles": {},
1690
1456
  "runtimeConfigInternalComponentProps": {},
1691
1457
  "motionVarPrefixes": []
1692
1458
  };
1693
- var RadioGroupStore = {
1694
- "name": "RadioGroupStore",
1459
+ var UDSToastConfigProvider = {
1460
+ "name": "UDSToastConfigProvider",
1695
1461
  "defaultProps": {},
1696
1462
  "getStylesLiterals": {},
1697
1463
  "cxLiterals": [],
1698
- "internalComponents": [],
1464
+ "internalComponents": ["ToastContext.Provider"],
1699
1465
  "internalComponentProps": {},
1700
1466
  "propToVariantKeys": {},
1701
1467
  "runtimeConfigDefaultProps": {},
@@ -1772,6 +1538,22 @@ var Toast = {
1772
1538
  },
1773
1539
  "motionVarPrefixes": []
1774
1540
  };
1541
+ var ToastPortal = {
1542
+ "name": "ToastPortal",
1543
+ "defaultProps": {},
1544
+ "getStylesLiterals": {},
1545
+ "cxLiterals": [],
1546
+ "internalComponents": ["ReactToastifyToastContainer"],
1547
+ "internalComponentProps": {},
1548
+ "propToVariantKeys": {},
1549
+ "runtimeConfigDefaultProps": {
1550
+ "size": "toast.defaultSize",
1551
+ "variant": "toast.defaultVariant"
1552
+ },
1553
+ "runtimeConfigGetStyles": {},
1554
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1555
+ "motionVarPrefixes": []
1556
+ };
1775
1557
  var ToastContainer = {
1776
1558
  "name": "ToastContainer",
1777
1559
  "defaultProps": {},
@@ -1804,28 +1586,195 @@ var ToastContainer = {
1804
1586
  "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1805
1587
  "motionVarPrefixes": []
1806
1588
  };
1807
- var ToastPortal = {
1808
- "name": "ToastPortal",
1589
+ var AvatarIcon = {
1590
+ "name": "AvatarIcon",
1591
+ "defaultProps": {
1592
+ "size": "md",
1593
+ "variant": "primary"
1594
+ },
1595
+ "getStylesLiterals": {},
1596
+ "cxLiterals": [
1597
+ "overflow-hidden",
1598
+ "w-full",
1599
+ "h-full",
1600
+ "shrink-0",
1601
+ "text-center",
1602
+ "inline-flex",
1603
+ "justify-center",
1604
+ "items-center"
1605
+ ],
1606
+ "internalComponents": ["IconSlot", "Box"],
1607
+ "internalComponentProps": {},
1608
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
1609
+ "runtimeConfigDefaultProps": {},
1610
+ "runtimeConfigGetStyles": {},
1611
+ "runtimeConfigInternalComponentProps": {},
1612
+ "motionVarPrefixes": []
1613
+ };
1614
+ var AvatarImage = {
1615
+ "name": "AvatarImage",
1616
+ "defaultProps": {
1617
+ "size": "md",
1618
+ "variant": "primary"
1619
+ },
1620
+ "getStylesLiterals": {},
1621
+ "cxLiterals": [
1622
+ "overflow-hidden",
1623
+ "w-full",
1624
+ "h-full",
1625
+ "shrink-0",
1626
+ "text-center",
1627
+ "inline-flex",
1628
+ "justify-center",
1629
+ "items-center",
1630
+ "object-cover"
1631
+ ],
1632
+ "internalComponents": [
1633
+ "UDSImage",
1634
+ "AvatarText",
1635
+ "AvatarIcon",
1636
+ "Box"
1637
+ ],
1638
+ "internalComponentProps": {},
1639
+ "propToVariantKeys": {
1640
+ "alt": ["name"],
1641
+ "fallback": ["initials"]
1642
+ },
1643
+ "runtimeConfigDefaultProps": {},
1644
+ "runtimeConfigGetStyles": {},
1645
+ "runtimeConfigInternalComponentProps": {},
1646
+ "motionVarPrefixes": []
1647
+ };
1648
+ var Avatar = {
1649
+ "name": "Avatar",
1809
1650
  "defaultProps": {},
1810
1651
  "getStylesLiterals": {},
1811
1652
  "cxLiterals": [],
1812
- "internalComponents": ["ReactToastifyToastContainer"],
1653
+ "internalComponents": ["AvatarImage"],
1813
1654
  "internalComponentProps": {},
1814
1655
  "propToVariantKeys": {},
1656
+ "runtimeConfigDefaultProps": {},
1657
+ "runtimeConfigGetStyles": {},
1658
+ "runtimeConfigInternalComponentProps": {},
1659
+ "motionVarPrefixes": []
1660
+ };
1661
+ var AvatarText = {
1662
+ "name": "AvatarText",
1663
+ "defaultProps": {
1664
+ "size": "md",
1665
+ "variant": "primary"
1666
+ },
1667
+ "getStylesLiterals": {},
1668
+ "cxLiterals": [
1669
+ "overflow-hidden",
1670
+ "truncate",
1671
+ "w-full",
1672
+ "h-full",
1673
+ "shrink-0",
1674
+ "text-center",
1675
+ "inline-flex",
1676
+ "justify-center",
1677
+ "items-center"
1678
+ ],
1679
+ "internalComponents": ["Box", "Text"],
1680
+ "internalComponentProps": { "Text": {
1681
+ "color": ["inherit"],
1682
+ "variant": ["inherit"]
1683
+ } },
1684
+ "propToVariantKeys": {},
1685
+ "runtimeConfigDefaultProps": {},
1686
+ "runtimeConfigGetStyles": {},
1687
+ "runtimeConfigInternalComponentProps": {},
1688
+ "motionVarPrefixes": []
1689
+ };
1690
+ var PopoverContent = {
1691
+ "name": "PopoverContent",
1692
+ "defaultProps": {},
1693
+ "getStylesLiterals": {
1694
+ "popoverSizeRoot": "default",
1695
+ "popoverVariantRoot": "default",
1696
+ "display": "flex",
1697
+ "position": "absolute",
1698
+ "spacingTop": "0",
1699
+ "spacingStart": "0",
1700
+ "spacingBottom": "0",
1701
+ "spacingEnd": "0",
1702
+ "popoverSizeSvgBase": "default",
1703
+ "popoverVariantSvgBase": "default",
1704
+ "popoverSizeSvgBorder": "default",
1705
+ "popoverVariantSvgBorder": "default",
1706
+ "popoverVariantBlur": "default",
1707
+ "width": "full",
1708
+ "height": "full",
1709
+ "flexShrink": "0",
1710
+ "borderRadius": "full",
1711
+ "alignItems": "center",
1712
+ "justifyContent": "center",
1713
+ "popoverVariantCloseIcon": "default",
1714
+ "popoverSizeCloseIcon": "default"
1715
+ },
1716
+ "cxLiterals": [
1717
+ "z-[9999]",
1718
+ "outline-none",
1719
+ "focus-visible:outline-none",
1720
+ "uds-bgBlurFillFallback",
1721
+ "uds-bgBlurFallback",
1722
+ "top-0",
1723
+ "left-0",
1724
+ "z-[1]",
1725
+ "duration-0",
1726
+ "duration-120",
1727
+ "transition-[background-color]",
1728
+ "bg-carbon-15/0",
1729
+ "hover:bg-carbon-15/10",
1730
+ "active:bg-carbon-15/15",
1731
+ "uds-ring",
1732
+ "absolute",
1733
+ "z-[4]"
1734
+ ],
1735
+ "internalComponents": [
1736
+ "PopoverDismiss",
1737
+ "IconSlot",
1738
+ "PopoverArrow",
1739
+ "Popover",
1740
+ "SvgFloatingOverlay",
1741
+ "Box",
1742
+ "Pressable"
1743
+ ],
1744
+ "internalComponentProps": {},
1745
+ "propToVariantKeys": { "closeIcon": ["icon"] },
1815
1746
  "runtimeConfigDefaultProps": {
1816
- "size": "toast.defaultSize",
1817
- "variant": "toast.defaultVariant"
1747
+ "size": "popover.defaultSize",
1748
+ "variant": "popover.defaultVariant"
1749
+ },
1750
+ "runtimeConfigGetStyles": {
1751
+ "spacingTop": ["popover.spacingVertical.${size}"],
1752
+ "spacingStart": ["popover.spacingHorizontal.${size}"],
1753
+ "spacingBottom": ["popover.spacingVertical.${size}"],
1754
+ "spacingEnd": ["popover.spacingHorizontal.${size}"]
1818
1755
  },
1756
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1757
+ "motionVarPrefixes": []
1758
+ };
1759
+ var PopoverContext = {
1760
+ "name": "PopoverContext",
1761
+ "defaultProps": {},
1762
+ "getStylesLiterals": {},
1763
+ "cxLiterals": [],
1764
+ "internalComponents": [],
1765
+ "internalComponentProps": {},
1766
+ "propToVariantKeys": {},
1767
+ "runtimeConfigDefaultProps": {},
1819
1768
  "runtimeConfigGetStyles": {},
1820
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1769
+ "runtimeConfigInternalComponentProps": {},
1821
1770
  "motionVarPrefixes": []
1822
1771
  };
1823
- var UDSToastConfigProvider = {
1824
- "name": "UDSToastConfigProvider",
1772
+ var UDSPopoverConfigProvider = {
1773
+ "name": "UDSPopoverConfigProvider",
1825
1774
  "defaultProps": {},
1826
1775
  "getStylesLiterals": {},
1827
1776
  "cxLiterals": [],
1828
- "internalComponents": ["ToastContext.Provider"],
1777
+ "internalComponents": ["PopoverContext.Provider"],
1829
1778
  "internalComponentProps": {},
1830
1779
  "propToVariantKeys": {},
1831
1780
  "runtimeConfigDefaultProps": {},
@@ -1833,90 +1782,160 @@ var UDSToastConfigProvider = {
1833
1782
  "runtimeConfigInternalComponentProps": {},
1834
1783
  "motionVarPrefixes": []
1835
1784
  };
1836
- var Tooltip = {
1837
- "name": "Tooltip",
1785
+ var PopoverTrigger = {
1786
+ "name": "PopoverTrigger",
1787
+ "defaultProps": {},
1788
+ "getStylesLiterals": {},
1789
+ "cxLiterals": [],
1790
+ "internalComponents": ["PopoverDisclosure"],
1791
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1792
+ "propToVariantKeys": { "children": ["render"] },
1793
+ "runtimeConfigDefaultProps": {},
1794
+ "runtimeConfigGetStyles": {},
1795
+ "runtimeConfigInternalComponentProps": {},
1796
+ "motionVarPrefixes": []
1797
+ };
1798
+ var Popover = {
1799
+ "name": "Popover",
1838
1800
  "defaultProps": {},
1839
1801
  "getStylesLiterals": {},
1840
1802
  "cxLiterals": [],
1841
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
1803
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1842
1804
  "internalComponentProps": {},
1843
1805
  "propToVariantKeys": {},
1844
- "runtimeConfigDefaultProps": {},
1806
+ "runtimeConfigDefaultProps": {
1807
+ "size": "popover.defaultSize",
1808
+ "variant": "popover.defaultVariant"
1809
+ },
1845
1810
  "runtimeConfigGetStyles": {},
1846
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
1811
+ "runtimeConfigInternalComponentProps": {},
1847
1812
  "motionVarPrefixes": []
1848
1813
  };
1849
- var TooltipContent = {
1850
- "name": "TooltipContent",
1851
- "defaultProps": {},
1814
+ var Radio = {
1815
+ "name": "Radio",
1816
+ "defaultProps": {
1817
+ "labelPosition": "start",
1818
+ "variant": "primary",
1819
+ "size": "md",
1820
+ "value": ""
1821
+ },
1852
1822
  "getStylesLiterals": {
1853
- "tooltipSizeRoot": "default",
1854
- "tooltipVariantRoot": "default",
1855
- "tooltipSizeSvg": "default",
1856
- "tooltipVariantSvg": "default",
1857
- "tooltipVariantBlur": "default",
1858
- "position": "absolute",
1859
- "width": "full",
1860
- "height": "full",
1861
- "tooltipSizeTitle": "default",
1862
- "tooltipSizeBody": "default",
1863
- "tooltipSizeEndContent": "default",
1864
- "tooltipSizeIcon": "default",
1865
- "tooltipVariantIcon": "default"
1823
+ "radioVariantValueRoot": "checked",
1824
+ "radioVariantValueRoot:1": "unchecked",
1825
+ "display": "flex",
1826
+ "flexDirection": "row",
1827
+ "flexDirection:1": "row-reverse",
1828
+ "alignItems": "center",
1829
+ "radioVariantValueRadio": "checked",
1830
+ "radioVariantValueRadio:1": "unchecked",
1831
+ "radioVariantValueRadioCircle": "checked",
1832
+ "radioVariantValueRadioCircle:1": "unchecked"
1866
1833
  },
1867
1834
  "cxLiterals": [
1868
- "max-w-lg",
1869
- "flex",
1870
- "z-[9999]",
1871
- "uds-bgBlurFillFallback",
1872
- "uds-bgBlurFallback",
1873
- "top-0",
1874
- "left-0",
1875
- "z-[1]"
1835
+ "cursor-pointer",
1836
+ "cursor-default",
1837
+ "opacity-50",
1838
+ "border",
1839
+ "uds-ring",
1840
+ "uds-ring-within",
1841
+ "transition-[background-color,border-color]",
1842
+ "transition-shadow",
1843
+ "pointer-events-none",
1844
+ "w-[8px]",
1845
+ "h-[8px]",
1846
+ "transition-opacity",
1847
+ "cursor-[inherit]",
1848
+ "absolute",
1849
+ "opacity-0",
1850
+ "top-1/2",
1851
+ "left-1/2",
1852
+ "w-[calc(100%+2px)]",
1853
+ "h-[calc(100%+2px)]",
1854
+ "transform",
1855
+ "translate-x-[-50%]",
1856
+ "translate-y-[-50%]",
1857
+ "text-start",
1858
+ "text-end"
1876
1859
  ],
1877
1860
  "internalComponents": [
1878
- "IconSlot",
1879
- "TooltipArrow",
1880
- "Tooltip",
1881
- "SvgFloatingOverlay",
1882
- "VStack",
1883
1861
  "Box",
1884
- "Text"
1862
+ "FormLabel",
1863
+ "SpringMotionConfig",
1864
+ "RootElement",
1865
+ "MotionBox"
1885
1866
  ],
1886
1867
  "internalComponentProps": {
1887
- "SvgFloatingOverlay": { "contentOverflow": ["visible"] },
1888
- "VStack": { "className": ["gap-[inherit]"] },
1889
- "Box": {
1890
- "alignItems": ["center"],
1891
- "columnGap": ["1", "1.5"]
1868
+ "Box": { "borderRadius": ["full"] },
1869
+ "FormLabel": {
1870
+ "as": ["div"],
1871
+ "variant": ["inherit"],
1872
+ "color": ["inherit"]
1892
1873
  },
1893
- "Text": { "color": ["inherit"] }
1874
+ "RootElement": { "data-testid": ["container"] },
1875
+ "MotionBox": {
1876
+ "position": ["relative"],
1877
+ "borderRadius": ["full"],
1878
+ "alignItems": ["center"],
1879
+ "justifyContent": ["center"],
1880
+ "flex": ["none"]
1881
+ }
1894
1882
  },
1895
- "propToVariantKeys": { "startTitleIcon": ["icon"] },
1883
+ "propToVariantKeys": {
1884
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1885
+ "variant": [
1886
+ "radioVariantRoot",
1887
+ "radioVariantRadio",
1888
+ "radioVariantRadioCircle"
1889
+ ],
1890
+ "reduceMotion": ["reducedMotion"]
1891
+ },
1892
+ "runtimeConfigDefaultProps": {},
1893
+ "runtimeConfigGetStyles": {},
1894
+ "runtimeConfigInternalComponentProps": {},
1895
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1896
+ };
1897
+ var RadioGroupStore = {
1898
+ "name": "RadioGroupStore",
1899
+ "defaultProps": {},
1900
+ "getStylesLiterals": {},
1901
+ "cxLiterals": [],
1902
+ "internalComponents": [],
1903
+ "internalComponentProps": {},
1904
+ "propToVariantKeys": {},
1896
1905
  "runtimeConfigDefaultProps": {},
1897
1906
  "runtimeConfigGetStyles": {},
1898
1907
  "runtimeConfigInternalComponentProps": {},
1899
1908
  "motionVarPrefixes": []
1900
1909
  };
1901
- var TooltipTrigger = {
1902
- "name": "TooltipTrigger",
1910
+ var RadioGroupProvider = {
1911
+ "name": "RadioGroupProvider",
1903
1912
  "defaultProps": {},
1904
1913
  "getStylesLiterals": {},
1905
1914
  "cxLiterals": [],
1906
- "internalComponents": ["TooltipAnchor"],
1907
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
1908
- "propToVariantKeys": { "children": ["render"] },
1915
+ "internalComponents": [
1916
+ "DivProps",
1917
+ "Comp",
1918
+ "RadioGroupContext.Provider"
1919
+ ],
1920
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1921
+ "propToVariantKeys": {},
1909
1922
  "runtimeConfigDefaultProps": {},
1910
1923
  "runtimeConfigGetStyles": {},
1911
1924
  "runtimeConfigInternalComponentProps": {},
1912
1925
  "motionVarPrefixes": []
1913
1926
  };
1914
- var UDSTooltipConfigProvider = {
1915
- "name": "UDSTooltipConfigProvider",
1927
+ var UDSConfigProvider = {
1928
+ "name": "UDSConfigProvider",
1916
1929
  "defaultProps": {},
1917
1930
  "getStylesLiterals": {},
1918
1931
  "cxLiterals": [],
1919
- "internalComponents": ["TooltipContext.Provider"],
1932
+ "internalComponents": [
1933
+ "UDSBreakpointsConfigProvider",
1934
+ "UDSBottomSheetConfigProvider",
1935
+ "UDSToastConfigProvider",
1936
+ "UDSTooltipConfigProvider",
1937
+ "UDSPopoverConfigProvider"
1938
+ ],
1920
1939
  "internalComponentProps": {},
1921
1940
  "propToVariantKeys": {},
1922
1941
  "runtimeConfigDefaultProps": {},
@@ -1924,56 +1943,64 @@ var UDSTooltipConfigProvider = {
1924
1943
  "runtimeConfigInternalComponentProps": {},
1925
1944
  "motionVarPrefixes": []
1926
1945
  };
1927
- var Accordion = {
1928
- "name": "Accordion",
1929
- "defaultProps": {
1930
- "spacingHorizontal": "4",
1931
- "spacingVertical": "4"
1932
- },
1946
+ var UDSBreakpointsConfigProvider = {
1947
+ "name": "UDSBreakpointsConfigProvider",
1948
+ "defaultProps": {},
1933
1949
  "getStylesLiterals": {},
1934
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1950
+ "cxLiterals": [],
1951
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
1952
+ "internalComponentProps": {},
1953
+ "propToVariantKeys": {},
1954
+ "runtimeConfigDefaultProps": {},
1955
+ "runtimeConfigGetStyles": {},
1956
+ "runtimeConfigInternalComponentProps": {},
1957
+ "motionVarPrefixes": []
1958
+ };
1959
+ var Tabs = {
1960
+ "name": "Tabs",
1961
+ "defaultProps": {},
1962
+ "getStylesLiterals": {
1963
+ "display": "flex",
1964
+ "flexDirection": "row",
1965
+ "columnGap": "6"
1966
+ },
1967
+ "cxLiterals": [
1968
+ "text-tertiary",
1969
+ "border-b-transparent",
1970
+ "aria-selected:border-b-brand",
1971
+ "aria-selected:text-secondary"
1972
+ ],
1935
1973
  "internalComponents": [
1974
+ "TabProvider",
1975
+ "OriginalTabList",
1976
+ "OriginalTab",
1936
1977
  "Icon",
1937
- "SpringMotionConfig",
1978
+ "OriginalTabPanel",
1938
1979
  "Pressable",
1939
- "Text",
1940
- "HStack",
1941
- "AnimatePresence",
1942
- "VStack"
1980
+ "Comp",
1981
+ "Text"
1943
1982
  ],
1944
1983
  "internalComponentProps": {
1945
1984
  "Icon": {
1946
- "variant": ["fill"],
1947
- "size": ["sm"],
1948
- "color": ["primary"]
1949
- },
1950
- "SpringMotionConfig": {
1951
- "layoutVariant": ["smooth"],
1952
- "layoutSpeed": ["3"]
1985
+ "className": ["text-current"],
1986
+ "size": ["md"]
1953
1987
  },
1954
1988
  "Pressable": {
1955
- "display": ["flex"],
1956
- "flexDirection": ["row"],
1957
- "alignItems": ["center"],
1958
- "justifyContent": ["space-between"],
1959
- "borderRadius": ["md"]
1989
+ "borderBottomWidth": ["medium"],
1990
+ "spacingBottom": ["1"],
1991
+ "spacingTop": ["4"]
1960
1992
  },
1961
1993
  "Text": {
1962
- "variant": ["title4"],
1963
- "color": ["primary"]
1964
- },
1965
- "HStack": {
1966
- "display": ["flex"],
1967
- "alignItems": ["center"],
1968
- "justifyContent": ["space-between"],
1969
- "columnGap": ["2.5"]
1994
+ "className": ["text-current"],
1995
+ "variant": ["headline1"],
1996
+ "as": ["span"]
1970
1997
  }
1971
1998
  },
1972
1999
  "propToVariantKeys": {},
1973
2000
  "runtimeConfigDefaultProps": {},
1974
2001
  "runtimeConfigGetStyles": {},
1975
2002
  "runtimeConfigInternalComponentProps": {},
1976
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2003
+ "motionVarPrefixes": []
1977
2004
  };
1978
2005
  var AvoidMotionLibraryProvider = {
1979
2006
  "name": "AvoidMotionLibraryProvider",
@@ -1988,64 +2015,56 @@ var AvoidMotionLibraryProvider = {
1988
2015
  "runtimeConfigInternalComponentProps": {},
1989
2016
  "motionVarPrefixes": []
1990
2017
  };
1991
- var Modal = {
1992
- "name": "Modal",
1993
- "defaultProps": {},
1994
- "getStylesLiterals": {},
1995
- "cxLiterals": [
1996
- "inset-8",
1997
- "top-[250px]",
1998
- "z-50",
1999
- "mx-auto",
2000
- "h-fit",
2001
- "w-[600px]",
2002
- "origin-center",
2003
- "scale-95",
2004
- "opacity-0",
2005
- "transition",
2006
- "duration-150",
2007
- "data-[enter]:scale-100",
2008
- "data-[enter]:opacity-100",
2009
- "data-[enter]:bg-primary",
2010
- "backdrop-blur-0",
2011
- "data-[enter]:opacity-60",
2012
- "data-[enter]:backdrop-blur-sm"
2013
- ],
2018
+ var Accordion = {
2019
+ "name": "Accordion",
2020
+ "defaultProps": {
2021
+ "spacingHorizontal": "4",
2022
+ "spacingVertical": "4"
2023
+ },
2024
+ "getStylesLiterals": {},
2025
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2014
2026
  "internalComponents": [
2015
- "IconButton",
2016
- "Dialog",
2017
- "HStack",
2027
+ "Icon",
2028
+ "SpringMotionConfig",
2029
+ "Pressable",
2018
2030
  "Text",
2031
+ "HStack",
2032
+ "AnimatePresence",
2019
2033
  "VStack"
2020
2034
  ],
2021
2035
  "internalComponentProps": {
2022
- "IconButton": {
2023
- "aria-label": ["Close"],
2036
+ "Icon": {
2037
+ "variant": ["fill"],
2024
2038
  "size": ["sm"],
2025
- "variant": ["tertiary"]
2039
+ "color": ["primary"]
2026
2040
  },
2027
- "HStack": {
2041
+ "SpringMotionConfig": {
2042
+ "layoutVariant": ["smooth"],
2043
+ "layoutSpeed": ["3"]
2044
+ },
2045
+ "Pressable": {
2046
+ "display": ["flex"],
2047
+ "flexDirection": ["row"],
2028
2048
  "alignItems": ["center"],
2029
- "justifyContent": ["space-between"]
2049
+ "justifyContent": ["space-between"],
2050
+ "borderRadius": ["md"]
2030
2051
  },
2031
2052
  "Text": {
2032
- "variant": ["headline1"],
2053
+ "variant": ["title4"],
2033
2054
  "color": ["primary"]
2034
2055
  },
2035
- "VStack": {
2036
- "borderRadius": ["md"],
2037
- "position": ["fixed"],
2038
- "backgroundColor": ["primary"],
2039
- "dropShadow": ["md"],
2040
- "spacing": ["8"],
2041
- "overflow": ["hidden"]
2056
+ "HStack": {
2057
+ "display": ["flex"],
2058
+ "alignItems": ["center"],
2059
+ "justifyContent": ["space-between"],
2060
+ "columnGap": ["2.5"]
2042
2061
  }
2043
2062
  },
2044
- "propToVariantKeys": { "handleClose": ["onClick"] },
2063
+ "propToVariantKeys": {},
2045
2064
  "runtimeConfigDefaultProps": {},
2046
2065
  "runtimeConfigGetStyles": {},
2047
2066
  "runtimeConfigInternalComponentProps": {},
2048
- "motionVarPrefixes": []
2067
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2049
2068
  };
2050
2069
  var SegmentedControl = {
2051
2070
  "name": "SegmentedControl",
@@ -2204,165 +2223,146 @@ var SwitchV2 = {
2204
2223
  "runtimeConfigInternalComponentProps": {},
2205
2224
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2206
2225
  };
2207
- var Tabs = {
2208
- "name": "Tabs",
2226
+ var Modal = {
2227
+ "name": "Modal",
2209
2228
  "defaultProps": {},
2210
- "getStylesLiterals": {
2211
- "display": "flex",
2212
- "flexDirection": "row",
2213
- "columnGap": "6"
2214
- },
2229
+ "getStylesLiterals": {},
2215
2230
  "cxLiterals": [
2216
- "text-tertiary",
2217
- "border-b-transparent",
2218
- "aria-selected:border-b-brand",
2219
- "aria-selected:text-secondary"
2231
+ "inset-8",
2232
+ "top-[250px]",
2233
+ "z-50",
2234
+ "mx-auto",
2235
+ "h-fit",
2236
+ "w-[600px]",
2237
+ "origin-center",
2238
+ "scale-95",
2239
+ "opacity-0",
2240
+ "transition",
2241
+ "duration-150",
2242
+ "data-[enter]:scale-100",
2243
+ "data-[enter]:opacity-100",
2244
+ "data-[enter]:bg-primary",
2245
+ "backdrop-blur-0",
2246
+ "data-[enter]:opacity-60",
2247
+ "data-[enter]:backdrop-blur-sm"
2220
2248
  ],
2221
2249
  "internalComponents": [
2222
- "TabProvider",
2223
- "OriginalTabList",
2224
- "OriginalTab",
2225
- "Icon",
2226
- "OriginalTabPanel",
2227
- "Pressable",
2228
- "Comp",
2229
- "Text"
2250
+ "IconButton",
2251
+ "Dialog",
2252
+ "HStack",
2253
+ "Text",
2254
+ "VStack"
2230
2255
  ],
2231
2256
  "internalComponentProps": {
2232
- "Icon": {
2233
- "className": ["text-current"],
2234
- "size": ["md"]
2257
+ "IconButton": {
2258
+ "aria-label": ["Close"],
2259
+ "size": ["sm"],
2260
+ "variant": ["tertiary"]
2235
2261
  },
2236
- "Pressable": {
2237
- "borderBottomWidth": ["medium"],
2238
- "spacingBottom": ["1"],
2239
- "spacingTop": ["4"]
2262
+ "HStack": {
2263
+ "alignItems": ["center"],
2264
+ "justifyContent": ["space-between"]
2240
2265
  },
2241
2266
  "Text": {
2242
- "className": ["text-current"],
2243
2267
  "variant": ["headline1"],
2244
- "as": ["span"]
2268
+ "color": ["primary"]
2269
+ },
2270
+ "VStack": {
2271
+ "borderRadius": ["md"],
2272
+ "position": ["fixed"],
2273
+ "backgroundColor": ["primary"],
2274
+ "dropShadow": ["md"],
2275
+ "spacing": ["8"],
2276
+ "overflow": ["hidden"]
2245
2277
  }
2246
2278
  },
2247
- "propToVariantKeys": {},
2248
- "runtimeConfigDefaultProps": {},
2249
- "runtimeConfigGetStyles": {},
2250
- "runtimeConfigInternalComponentProps": {},
2251
- "motionVarPrefixes": []
2252
- };
2253
- var UDSBreakpointsConfigProvider = {
2254
- "name": "UDSBreakpointsConfigProvider",
2255
- "defaultProps": {},
2256
- "getStylesLiterals": {},
2257
- "cxLiterals": [],
2258
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2259
- "internalComponentProps": {},
2260
- "propToVariantKeys": {},
2261
- "runtimeConfigDefaultProps": {},
2262
- "runtimeConfigGetStyles": {},
2263
- "runtimeConfigInternalComponentProps": {},
2264
- "motionVarPrefixes": []
2265
- };
2266
- var UDSConfigProvider = {
2267
- "name": "UDSConfigProvider",
2268
- "defaultProps": {},
2269
- "getStylesLiterals": {},
2270
- "cxLiterals": [],
2271
- "internalComponents": [
2272
- "UDSBreakpointsConfigProvider",
2273
- "UDSBottomSheetConfigProvider",
2274
- "UDSToastConfigProvider",
2275
- "UDSTooltipConfigProvider",
2276
- "UDSPopoverConfigProvider"
2277
- ],
2278
- "internalComponentProps": {},
2279
- "propToVariantKeys": {},
2279
+ "propToVariantKeys": { "handleClose": ["onClick"] },
2280
2280
  "runtimeConfigDefaultProps": {},
2281
2281
  "runtimeConfigGetStyles": {},
2282
2282
  "runtimeConfigInternalComponentProps": {},
2283
2283
  "motionVarPrefixes": []
2284
2284
  };
2285
2285
  var componentData_default = {
2286
+ Link,
2287
+ VStack,
2288
+ Scrim,
2289
+ IconSlot,
2286
2290
  Box,
2287
2291
  FormLabel,
2288
- HStack,
2289
- Icon,
2290
- IconSlot,
2292
+ Text,
2291
2293
  Image,
2292
- Link,
2293
- Scrim,
2294
+ Icon,
2295
+ HStack,
2294
2296
  SvgFloatingOverlay,
2295
- Text,
2296
- VStack,
2297
- Divider,
2298
- DividerCore,
2299
- DividerInternal,
2300
- AnimateHeightChange,
2301
2297
  Badge,
2302
- Button,
2303
- Checkbox,
2298
+ SpringMotionConfig,
2299
+ AnimateHeightChange,
2304
2300
  IconButton,
2301
+ Button,
2305
2302
  Pressable,
2306
- SpringMotionConfig,
2303
+ Checkbox,
2307
2304
  Switch,
2308
- Spinner,
2309
2305
  "Table.mocks": Table_mocks,
2310
2306
  Table,
2311
- Avatar,
2312
- AvatarIcon,
2313
- AvatarImage,
2314
- AvatarText,
2315
- BottomSheet,
2316
- BottomSheetContent,
2307
+ Spinner,
2308
+ Divider,
2309
+ DividerInternal,
2310
+ DividerCore,
2311
+ InputHelpText,
2312
+ InputHelpTextInternal,
2313
+ Input,
2314
+ UDSTooltipConfigProvider,
2315
+ TooltipTrigger,
2316
+ Tooltip,
2317
+ TooltipContent,
2318
+ ChipBase,
2319
+ Chip,
2320
+ ChipLink,
2321
+ ChipDismissible,
2322
+ ChipButton,
2323
+ ChipToggle,
2324
+ UDSBottomSheetConfigProvider,
2317
2325
  BottomSheetDismiss,
2318
- BottomSheetHandle,
2326
+ BottomSheetContent,
2319
2327
  BottomSheetHeader,
2328
+ BottomSheetHandle,
2320
2329
  BottomSheetInternalContext,
2321
- BottomSheetProvider,
2322
2330
  BottomSheetTrigger,
2323
- UDSBottomSheetConfigProvider,
2324
- Chip,
2325
- ChipBase,
2326
- ChipButton,
2327
- ChipDismissible,
2328
- ChipLink,
2329
- ChipToggle,
2330
- Input,
2331
- InputHelpText,
2332
- InputHelpTextInternal,
2331
+ BottomSheetProvider,
2332
+ BottomSheet,
2333
+ "Menu.index": Menu_index,
2333
2334
  "Menu.Content": Menu_Content,
2334
- "Menu.Divider": Menu_Divider,
2335
- "Menu.Item": Menu_Item,
2336
- "Menu.ItemBase": Menu_ItemBase,
2335
+ Menu,
2337
2336
  "Menu.ItemCheckbox": Menu_ItemCheckbox,
2338
2337
  "Menu.Provider": Menu_Provider,
2338
+ "Menu.ItemBase": Menu_ItemBase,
2339
+ "Menu.Item": Menu_Item,
2340
+ "Menu.Divider": Menu_Divider,
2339
2341
  "Menu.Trigger": Menu_Trigger,
2340
- "Menu.index": Menu_index,
2341
- Menu,
2342
- Popover,
2342
+ UDSToastConfigProvider,
2343
+ Toast,
2344
+ ToastPortal,
2345
+ ToastContainer,
2346
+ AvatarIcon,
2347
+ AvatarImage,
2348
+ Avatar,
2349
+ AvatarText,
2343
2350
  PopoverContent,
2344
2351
  PopoverContext,
2345
- PopoverTrigger,
2346
2352
  UDSPopoverConfigProvider,
2353
+ PopoverTrigger,
2354
+ Popover,
2347
2355
  Radio,
2348
- RadioGroupProvider,
2349
2356
  RadioGroupStore,
2350
- Toast,
2351
- ToastContainer,
2352
- ToastPortal,
2353
- UDSToastConfigProvider,
2354
- Tooltip,
2355
- TooltipContent,
2356
- TooltipTrigger,
2357
- UDSTooltipConfigProvider,
2358
- Accordion,
2357
+ RadioGroupProvider,
2358
+ UDSConfigProvider,
2359
+ UDSBreakpointsConfigProvider,
2360
+ Tabs,
2359
2361
  AvoidMotionLibraryProvider,
2360
- Modal,
2362
+ Accordion,
2361
2363
  SegmentedControl,
2362
2364
  SwitchV2,
2363
- Tabs,
2364
- UDSBreakpointsConfigProvider,
2365
- UDSConfigProvider
2365
+ Modal
2366
2366
  };
2367
2367
 
2368
2368
  //#endregion