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