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