@yahoo/uds 3.132.2 → 3.133.0-beta.2

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 (287) hide show
  1. package/dist/automated-config/dist/properties.d.cts +1 -1
  2. package/dist/automated-config/dist/properties.d.ts +1 -1
  3. package/dist/automated-config/dist/utils/buildConfigSchema.d.cts +1 -1
  4. package/dist/automated-config/dist/utils/buildConfigSchema.d.ts +1 -1
  5. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.cts +2 -2
  6. package/dist/automated-config/dist/utils/getConfigVariantProperties.d.ts +2 -2
  7. package/dist/components/{client/Avatar → Avatar}/Avatar.cjs +21 -6
  8. package/dist/components/{client/Avatar → Avatar}/Avatar.d.cts +3 -3
  9. package/dist/components/{client/Avatar → Avatar}/Avatar.d.ts +3 -4
  10. package/dist/components/{client/Avatar → Avatar}/Avatar.js +20 -5
  11. package/dist/components/{client/Avatar → Avatar}/AvatarIcon.cjs +11 -12
  12. package/dist/components/{client/Avatar → Avatar}/AvatarIcon.d.cts +5 -4
  13. package/dist/components/{client/Avatar → Avatar}/AvatarIcon.d.ts +5 -5
  14. package/dist/components/{client/Avatar → Avatar}/AvatarIcon.js +6 -7
  15. package/dist/components/Avatar/AvatarImage.types.cjs +1 -0
  16. package/dist/components/Avatar/AvatarImage.types.d.cts +19 -0
  17. package/dist/components/Avatar/AvatarImage.types.d.ts +19 -0
  18. package/dist/components/Avatar/AvatarImage.types.js +1 -0
  19. package/dist/components/Avatar/AvatarImageNoFallback.cjs +53 -0
  20. package/dist/components/Avatar/AvatarImageNoFallback.d.cts +18 -0
  21. package/dist/components/Avatar/AvatarImageNoFallback.d.ts +18 -0
  22. package/dist/components/Avatar/AvatarImageNoFallback.js +51 -0
  23. package/dist/components/{client/Avatar → Avatar}/AvatarText.cjs +11 -11
  24. package/dist/components/{client/Avatar → Avatar}/AvatarText.d.cts +5 -4
  25. package/dist/components/{client/Avatar → Avatar}/AvatarText.d.ts +5 -5
  26. package/dist/components/{client/Avatar → Avatar}/AvatarText.js +5 -5
  27. package/dist/components/Avatar/index.cjs +11 -0
  28. package/dist/components/Avatar/index.d.cts +6 -0
  29. package/dist/components/Avatar/index.d.ts +6 -0
  30. package/dist/components/Avatar/index.js +7 -0
  31. package/dist/components/{client/Avatar → Avatar}/utils.cjs +3 -4
  32. package/dist/components/{client/Avatar → Avatar}/utils.d.cts +4 -4
  33. package/dist/components/{client/Avatar → Avatar}/utils.d.ts +4 -5
  34. package/dist/components/{client/Avatar → Avatar}/utils.js +2 -3
  35. package/dist/components/Banner/Banner.cjs +2 -2
  36. package/dist/components/Banner/Banner.d.cts +1 -1
  37. package/dist/components/Banner/Banner.d.ts +1 -1
  38. package/dist/components/Banner/Banner.js +2 -2
  39. package/dist/components/Banner/utils.d.cts +1 -1
  40. package/dist/components/Banner/utils.d.ts +1 -1
  41. package/dist/components/Box.d.cts +1 -1
  42. package/dist/components/Box.d.ts +1 -1
  43. package/dist/components/Divider/DividerCore.cjs +1 -1
  44. package/dist/components/Divider/DividerCore.d.cts +2 -2
  45. package/dist/components/Divider/DividerCore.d.ts +2 -2
  46. package/dist/components/Divider/DividerCore.js +1 -1
  47. package/dist/components/Divider/DividerInternal.d.cts +1 -1
  48. package/dist/components/Divider/DividerInternal.d.ts +1 -1
  49. package/dist/components/FormLabel.d.cts +1 -1
  50. package/dist/components/FormLabel.d.ts +1 -1
  51. package/dist/components/HStack.d.cts +1 -1
  52. package/dist/components/HStack.d.ts +1 -1
  53. package/dist/components/Icon.cjs +15 -6
  54. package/dist/components/Icon.d.cts +0 -1
  55. package/dist/components/Icon.d.ts +0 -1
  56. package/dist/components/Icon.js +16 -7
  57. package/dist/components/IconSlot.cjs +25 -6
  58. package/dist/components/IconSlot.d.cts +3 -2
  59. package/dist/components/IconSlot.d.ts +3 -2
  60. package/dist/components/IconSlot.js +25 -5
  61. package/dist/components/Image.d.cts +1 -1
  62. package/dist/components/Image.d.ts +1 -1
  63. package/dist/components/Link.d.cts +1 -1
  64. package/dist/components/Link.d.ts +1 -1
  65. package/dist/components/Text.d.cts +1 -1
  66. package/dist/components/Text.d.ts +1 -1
  67. package/dist/components/VStack.d.cts +1 -1
  68. package/dist/components/VStack.d.ts +1 -1
  69. package/dist/components/client/Avatar/AvatarImage.cjs +37 -58
  70. package/dist/components/client/Avatar/AvatarImage.d.cts +2 -16
  71. package/dist/components/client/Avatar/AvatarImage.d.ts +2 -16
  72. package/dist/components/client/Avatar/AvatarImage.js +36 -57
  73. package/dist/components/client/Avatar/index.cjs +1 -7
  74. package/dist/components/client/Avatar/index.d.cts +3 -5
  75. package/dist/components/client/Avatar/index.d.ts +3 -5
  76. package/dist/components/client/Avatar/index.js +1 -4
  77. package/dist/components/client/Badge.d.cts +1 -1
  78. package/dist/components/client/Badge.d.ts +1 -1
  79. package/dist/components/client/BottomSheet/BottomSheet.d.cts +1 -1
  80. package/dist/components/client/BottomSheet/BottomSheet.d.ts +1 -1
  81. package/dist/components/client/BottomSheet/BottomSheetContent.d.cts +1 -1
  82. package/dist/components/client/BottomSheet/BottomSheetContent.d.ts +1 -1
  83. package/dist/components/client/BottomSheet/BottomSheetHandle.d.cts +1 -1
  84. package/dist/components/client/BottomSheet/BottomSheetHandle.d.ts +1 -1
  85. package/dist/components/client/BottomSheet/BottomSheetHeader.cjs +1 -1
  86. package/dist/components/client/BottomSheet/BottomSheetHeader.d.cts +1 -1
  87. package/dist/components/client/BottomSheet/BottomSheetHeader.d.ts +1 -1
  88. package/dist/components/client/BottomSheet/BottomSheetHeader.js +1 -1
  89. package/dist/components/client/BottomSheet/useBottomSheetSnapModel.d.cts +1 -1
  90. package/dist/components/client/BottomSheet/useBottomSheetSnapModel.d.ts +1 -1
  91. package/dist/components/client/BottomSheet/utils.d.cts +1 -1
  92. package/dist/components/client/BottomSheet/utils.d.ts +1 -1
  93. package/dist/components/client/Button.cjs +1 -1
  94. package/dist/components/client/Button.d.cts +1 -1
  95. package/dist/components/client/Button.d.ts +1 -1
  96. package/dist/components/client/Button.js +1 -1
  97. package/dist/components/client/Checkbox.cjs +2 -2
  98. package/dist/components/client/Checkbox.d.cts +1 -1
  99. package/dist/components/client/Checkbox.d.ts +1 -1
  100. package/dist/components/client/Checkbox.js +2 -2
  101. package/dist/components/client/Chip/ChipBase.d.cts +1 -1
  102. package/dist/components/client/Chip/ChipBase.d.ts +1 -1
  103. package/dist/components/client/Chip/ChipButton.d.cts +1 -1
  104. package/dist/components/client/Chip/ChipButton.d.ts +1 -1
  105. package/dist/components/client/Chip/ChipDismissible.cjs +2 -2
  106. package/dist/components/client/Chip/ChipDismissible.d.cts +1 -1
  107. package/dist/components/client/Chip/ChipDismissible.d.ts +1 -1
  108. package/dist/components/client/Chip/ChipDismissible.js +2 -2
  109. package/dist/components/client/Chip/ChipLink.d.cts +1 -1
  110. package/dist/components/client/Chip/ChipLink.d.ts +1 -1
  111. package/dist/components/client/Chip/ChipToggle.d.cts +1 -1
  112. package/dist/components/client/Chip/ChipToggle.d.ts +1 -1
  113. package/dist/components/client/IconButton.cjs +7 -2
  114. package/dist/components/client/IconButton.js +7 -2
  115. package/dist/components/client/Input/Input.cjs +5 -9
  116. package/dist/components/client/Input/Input.d.cts +1 -1
  117. package/dist/components/client/Input/Input.d.ts +1 -1
  118. package/dist/components/client/Input/Input.js +6 -10
  119. package/dist/components/client/Input/InputHelpTextInternal.d.cts +1 -1
  120. package/dist/components/client/Input/InputHelpTextInternal.d.ts +1 -1
  121. package/dist/components/client/Menu/Menu.Content.d.cts +1 -1
  122. package/dist/components/client/Menu/Menu.Content.d.ts +1 -1
  123. package/dist/components/client/Menu/Menu.Item.d.cts +1 -1
  124. package/dist/components/client/Menu/Menu.Item.d.ts +1 -1
  125. package/dist/components/client/Menu/Menu.ItemBase.cjs +1 -1
  126. package/dist/components/client/Menu/Menu.ItemBase.d.cts +1 -1
  127. package/dist/components/client/Menu/Menu.ItemBase.d.ts +1 -1
  128. package/dist/components/client/Menu/Menu.ItemBase.js +1 -1
  129. package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +1 -1
  130. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +2 -2
  131. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +2 -2
  132. package/dist/components/client/Menu/Menu.ItemCheckbox.js +1 -1
  133. package/dist/components/client/Popover/Popover.d.cts +1 -1
  134. package/dist/components/client/Popover/Popover.d.ts +1 -1
  135. package/dist/components/client/Popover/PopoverContent.cjs +3 -3
  136. package/dist/components/client/Popover/PopoverContent.d.cts +1 -1
  137. package/dist/components/client/Popover/PopoverContent.d.ts +1 -1
  138. package/dist/components/client/Popover/PopoverContent.js +3 -3
  139. package/dist/components/client/Popover/PopoverTrigger.d.cts +1 -1
  140. package/dist/components/client/Popover/PopoverTrigger.d.ts +1 -1
  141. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +1 -1
  142. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +1 -1
  143. package/dist/components/client/Popover/index.d.cts +1 -1
  144. package/dist/components/client/Popover/index.d.ts +1 -1
  145. package/dist/components/client/Pressable.d.cts +1 -1
  146. package/dist/components/client/Pressable.d.ts +1 -1
  147. package/dist/components/client/Radio/Radio.d.cts +1 -1
  148. package/dist/components/client/Radio/Radio.d.ts +1 -1
  149. package/dist/components/client/Radio/RadioGroupProvider.d.cts +1 -1
  150. package/dist/components/client/Radio/RadioGroupProvider.d.ts +1 -1
  151. package/dist/components/client/SpringMotionConfig.d.cts +1 -1
  152. package/dist/components/client/SpringMotionConfig.d.ts +1 -1
  153. package/dist/components/client/Switch.cjs +1 -1
  154. package/dist/components/client/Switch.d.cts +1 -1
  155. package/dist/components/client/Switch.d.ts +1 -1
  156. package/dist/components/client/Switch.js +1 -1
  157. package/dist/components/client/Tabs/Tab.d.cts +1 -1
  158. package/dist/components/client/Tabs/Tab.d.ts +1 -1
  159. package/dist/components/client/Tabs/TabList.d.cts +1 -1
  160. package/dist/components/client/Tabs/TabList.d.ts +1 -1
  161. package/dist/components/client/Tabs/TabPanel.d.cts +1 -1
  162. package/dist/components/client/Tabs/TabPanel.d.ts +1 -1
  163. package/dist/components/client/Tabs/Tabs.d.cts +1 -1
  164. package/dist/components/client/Tabs/Tabs.d.ts +1 -1
  165. package/dist/components/client/Tabs/tabsContext.d.cts +1 -1
  166. package/dist/components/client/Tabs/tabsContext.d.ts +1 -1
  167. package/dist/components/client/Toast/Toast.cjs +1 -1
  168. package/dist/components/client/Toast/Toast.d.cts +1 -1
  169. package/dist/components/client/Toast/Toast.d.ts +1 -1
  170. package/dist/components/client/Toast/Toast.js +1 -1
  171. package/dist/components/client/Toast/ToastContainer.d.cts +1 -1
  172. package/dist/components/client/Toast/ToastContainer.d.ts +1 -1
  173. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +1 -1
  174. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  175. package/dist/components/client/Toast/createToast.d.cts +1 -1
  176. package/dist/components/client/Toast/createToast.d.ts +1 -1
  177. package/dist/components/client/Tooltip/Tooltip.d.cts +1 -1
  178. package/dist/components/client/Tooltip/Tooltip.d.ts +1 -1
  179. package/dist/components/client/Tooltip/TooltipContent.cjs +1 -1
  180. package/dist/components/client/Tooltip/TooltipContent.d.cts +2 -2
  181. package/dist/components/client/Tooltip/TooltipContent.d.ts +2 -2
  182. package/dist/components/client/Tooltip/TooltipContent.js +1 -1
  183. package/dist/components/client/Tooltip/TooltipTrigger.d.cts +1 -1
  184. package/dist/components/client/Tooltip/TooltipTrigger.d.ts +1 -1
  185. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts +1 -1
  186. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.ts +1 -1
  187. package/dist/components/client/Tooltip/index.d.cts +1 -1
  188. package/dist/components/client/Tooltip/index.d.ts +1 -1
  189. package/dist/components/client/buttonConstants.d.cts +1 -1
  190. package/dist/components/client/buttonConstants.d.ts +1 -1
  191. package/dist/components/client/index.cjs +1 -7
  192. package/dist/components/client/index.d.cts +4 -6
  193. package/dist/components/client/index.d.ts +4 -6
  194. package/dist/components/client/index.js +2 -5
  195. package/dist/components/client/providers/UDSBreakpointsConfigProvider.d.cts +1 -1
  196. package/dist/components/client/providers/UDSBreakpointsConfigProvider.d.ts +1 -1
  197. package/dist/components/experimental/Table.cjs +1 -1
  198. package/dist/components/experimental/Table.d.cts +2 -2
  199. package/dist/components/experimental/Table.d.ts +2 -2
  200. package/dist/components/experimental/Table.js +1 -1
  201. package/dist/components/experimental/client/Accordion.cjs +1 -1
  202. package/dist/components/experimental/client/Accordion.js +1 -1
  203. package/dist/components/experimental/client/SegmentedControl.cjs +1 -1
  204. package/dist/components/experimental/client/SegmentedControl.js +1 -1
  205. package/dist/components/experimental/client/SwitchV2.cjs +1 -1
  206. package/dist/components/experimental/client/SwitchV2.d.cts +1 -1
  207. package/dist/components/experimental/client/SwitchV2.d.ts +1 -1
  208. package/dist/components/experimental/client/SwitchV2.js +1 -1
  209. package/dist/components/index.cjs +16 -13
  210. package/dist/components/index.d.cts +10 -7
  211. package/dist/components/index.d.ts +10 -7
  212. package/dist/components/index.js +10 -8
  213. package/dist/config/dist/index.d.cts +1 -1
  214. package/dist/config/dist/index.d.ts +1 -1
  215. package/dist/css-tokens/dist/index.d.cts +1 -1
  216. package/dist/css-tokens/dist/index.d.ts +1 -1
  217. package/dist/fixtures/dist/index.d.cts +1 -1
  218. package/dist/fixtures/dist/index.d.ts +1 -1
  219. package/dist/fixtures/index.d.cts +1 -1
  220. package/dist/fixtures/index.d.ts +1 -1
  221. package/dist/fonts/dist/index.d.cts +1 -1
  222. package/dist/fonts/dist/index.d.ts +1 -1
  223. package/dist/index.cjs +12 -10
  224. package/dist/index.d.cts +10 -8
  225. package/dist/index.d.ts +10 -8
  226. package/dist/index.js +9 -8
  227. package/dist/modes/dist/index.d.cts +1 -1
  228. package/dist/modes/dist/index.d.ts +1 -1
  229. package/dist/motion-tokens/dist/index.d.cts +1 -1
  230. package/dist/motion-tokens/dist/index.d.ts +1 -1
  231. package/dist/providers/ColorModeProvider.d.cts +1 -1
  232. package/dist/providers/ColorModeProvider.d.ts +1 -1
  233. package/dist/providers/ScaleModeProvider.d.cts +1 -1
  234. package/dist/providers/ScaleModeProvider.d.ts +1 -1
  235. package/dist/providers/ThemeProvider.d.cts +1 -1
  236. package/dist/providers/ThemeProvider.d.ts +1 -1
  237. package/dist/runtime/bottomSheetConfig.d.cts +1 -1
  238. package/dist/runtime/bottomSheetConfig.d.ts +1 -1
  239. package/dist/runtime/breakpointsConfig.d.cts +1 -1
  240. package/dist/runtime/breakpointsConfig.d.ts +1 -1
  241. package/dist/runtime/popoverConfig.d.cts +1 -1
  242. package/dist/runtime/popoverConfig.d.ts +1 -1
  243. package/dist/runtime/toastConfig.d.cts +1 -1
  244. package/dist/runtime/toastConfig.d.ts +1 -1
  245. package/dist/runtime/tooltipConfig.d.cts +1 -1
  246. package/dist/runtime/tooltipConfig.d.ts +1 -1
  247. package/dist/styles/styler.d.cts +38 -38
  248. package/dist/styles/styler.d.ts +38 -38
  249. package/dist/styles/stylerTypes.d.cts +1 -1
  250. package/dist/styles/stylerTypes.d.ts +1 -1
  251. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  252. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  253. package/dist/tokens/configs/borderRadius.d.cts +1 -1
  254. package/dist/tokens/configs/borderRadius.d.ts +1 -1
  255. package/dist/tokens/configs/borderWidth.d.cts +1 -1
  256. package/dist/tokens/configs/borderWidth.d.ts +1 -1
  257. package/dist/tokens/configs/font.d.cts +1 -1
  258. package/dist/tokens/configs/font.d.ts +1 -1
  259. package/dist/tokens/configs/scaleMode.d.cts +1 -1
  260. package/dist/tokens/configs/scaleMode.d.ts +1 -1
  261. package/dist/tokens/configs/shadow.d.cts +1 -1
  262. package/dist/tokens/configs/shadow.d.ts +1 -1
  263. package/dist/tokens/configs/sizes.d.cts +1 -1
  264. package/dist/tokens/configs/sizes.d.ts +1 -1
  265. package/dist/tokens/configs/typography.d.cts +1 -1
  266. package/dist/tokens/configs/typography.d.ts +1 -1
  267. package/dist/tokens/index.d.cts +2 -2
  268. package/dist/tokens/index.d.ts +2 -2
  269. package/dist/tokens/parseButtonVariants.d.cts +1 -1
  270. package/dist/tokens/parseButtonVariants.d.ts +1 -1
  271. package/dist/tokens/types.d.cts +7 -7
  272. package/dist/tokens/types.d.ts +7 -7
  273. package/dist/tokens/utils/spectrum.d.cts +1 -1
  274. package/dist/tokens/utils/spectrum.d.ts +1 -1
  275. package/dist/types/{dist → src}/index.d.cts +35 -23
  276. package/dist/types/{dist → src}/index.d.ts +35 -23
  277. package/dist/uds/generated/componentData.cjs +515 -495
  278. package/dist/uds/generated/componentData.js +511 -497
  279. package/dist/uds/generated/tailwindPurge.cjs +128 -104
  280. package/dist/uds/generated/tailwindPurge.js +128 -104
  281. package/dist/utils/isElevationAlias.d.cts +1 -1
  282. package/dist/utils/isElevationAlias.d.ts +1 -1
  283. package/generated/componentData.json +1095 -1087
  284. package/generated/tailwindPurge.ts +3 -3
  285. package/package.json +1 -1
  286. package/dist/icons/dist/types.d.cts +0 -30
  287. package/dist/icons/dist/types.d.ts +0 -30
@@ -96,9 +96,7 @@
96
96
  "cxLiterals": [
97
97
  "[&_path]:fill-current"
98
98
  ],
99
- "internalComponents": [
100
- "SVGIcon"
101
- ],
99
+ "internalComponents": [],
102
100
  "internalComponentProps": {},
103
101
  "propToVariantKeys": {},
104
102
  "runtimeConfigDefaultProps": {},
@@ -334,6 +332,122 @@
334
332
  "runtimeConfigInternalComponentProps": {},
335
333
  "motionVarPrefixes": []
336
334
  },
335
+ "Avatar": {
336
+ "name": "Avatar",
337
+ "defaultProps": {},
338
+ "getStylesLiterals": {},
339
+ "cxLiterals": [],
340
+ "internalComponents": [
341
+ "AvatarImage",
342
+ "AvatarText",
343
+ "AvatarIcon"
344
+ ],
345
+ "internalComponentProps": {},
346
+ "propToVariantKeys": {},
347
+ "runtimeConfigDefaultProps": {},
348
+ "runtimeConfigGetStyles": {},
349
+ "runtimeConfigInternalComponentProps": {},
350
+ "motionVarPrefixes": []
351
+ },
352
+ "AvatarIcon": {
353
+ "name": "AvatarIcon",
354
+ "defaultProps": {
355
+ "size": "md",
356
+ "variant": "primary"
357
+ },
358
+ "getStylesLiterals": {},
359
+ "cxLiterals": [
360
+ "overflow-hidden",
361
+ "w-full",
362
+ "h-full",
363
+ "shrink-0",
364
+ "text-center",
365
+ "inline-flex",
366
+ "justify-center",
367
+ "items-center"
368
+ ],
369
+ "internalComponents": [
370
+ "IconSlot",
371
+ "Box"
372
+ ],
373
+ "internalComponentProps": {},
374
+ "propToVariantKeys": {
375
+ "size": [
376
+ "avatarSizeIcon"
377
+ ]
378
+ },
379
+ "runtimeConfigDefaultProps": {},
380
+ "runtimeConfigGetStyles": {},
381
+ "runtimeConfigInternalComponentProps": {},
382
+ "motionVarPrefixes": []
383
+ },
384
+ "AvatarImageNoFallback": {
385
+ "name": "AvatarImageNoFallback",
386
+ "defaultProps": {
387
+ "size": "md",
388
+ "variant": "primary"
389
+ },
390
+ "getStylesLiterals": {},
391
+ "cxLiterals": [
392
+ "overflow-hidden",
393
+ "w-full",
394
+ "h-full",
395
+ "shrink-0",
396
+ "text-center",
397
+ "inline-flex",
398
+ "justify-center",
399
+ "items-center",
400
+ "object-cover"
401
+ ],
402
+ "internalComponents": [
403
+ "UDSImage",
404
+ "Box"
405
+ ],
406
+ "internalComponentProps": {},
407
+ "propToVariantKeys": {},
408
+ "runtimeConfigDefaultProps": {},
409
+ "runtimeConfigGetStyles": {},
410
+ "runtimeConfigInternalComponentProps": {},
411
+ "motionVarPrefixes": []
412
+ },
413
+ "AvatarText": {
414
+ "name": "AvatarText",
415
+ "defaultProps": {
416
+ "size": "md",
417
+ "variant": "primary"
418
+ },
419
+ "getStylesLiterals": {},
420
+ "cxLiterals": [
421
+ "overflow-hidden",
422
+ "truncate",
423
+ "w-full",
424
+ "h-full",
425
+ "shrink-0",
426
+ "text-center",
427
+ "inline-flex",
428
+ "justify-center",
429
+ "items-center"
430
+ ],
431
+ "internalComponents": [
432
+ "Box",
433
+ "Text"
434
+ ],
435
+ "internalComponentProps": {
436
+ "Text": {
437
+ "color": [
438
+ "inherit"
439
+ ],
440
+ "variant": [
441
+ "inherit"
442
+ ]
443
+ }
444
+ },
445
+ "propToVariantKeys": {},
446
+ "runtimeConfigDefaultProps": {},
447
+ "runtimeConfigGetStyles": {},
448
+ "runtimeConfigInternalComponentProps": {},
449
+ "motionVarPrefixes": []
450
+ },
337
451
  "Banner": {
338
452
  "name": "Banner",
339
453
  "defaultProps": {
@@ -488,87 +602,90 @@
488
602
  "runtimeConfigInternalComponentProps": {},
489
603
  "motionVarPrefixes": []
490
604
  },
491
- "Spinner": {
492
- "name": "Spinner",
493
- "defaultProps": {
494
- "color": "primary",
495
- "size": "lg"
496
- },
605
+ "Divider": {
606
+ "name": "Divider",
607
+ "defaultProps": {},
497
608
  "getStylesLiterals": {},
498
- "cxLiterals": [
499
- "self-center",
500
- "relative",
501
- "sr-only"
502
- ],
609
+ "cxLiterals": [],
503
610
  "internalComponents": [
504
- "Icon"
611
+ "DividerInternal"
505
612
  ],
506
- "internalComponentProps": {
507
- "Icon": {
508
- "role": [
509
- "img"
510
- ],
511
- "className": [
512
- "animate-spin"
513
- ],
514
- "aria-hidden": [
515
- "true"
516
- ]
517
- }
518
- },
613
+ "internalComponentProps": {},
519
614
  "propToVariantKeys": {},
520
615
  "runtimeConfigDefaultProps": {},
521
616
  "runtimeConfigGetStyles": {},
522
617
  "runtimeConfigInternalComponentProps": {},
523
618
  "motionVarPrefixes": []
524
619
  },
525
- "Table.mocks": {
526
- "name": "Table.mocks",
527
- "defaultProps": {},
620
+ "DividerCore": {
621
+ "name": "DividerCore",
622
+ "defaultProps": {
623
+ "contentPosition": "center"
624
+ },
528
625
  "getStylesLiterals": {},
529
626
  "cxLiterals": [],
530
- "internalComponents": [],
531
- "internalComponentProps": {},
627
+ "internalComponents": [
628
+ "Box",
629
+ "Line",
630
+ "InternalComponent",
631
+ "Text"
632
+ ],
633
+ "internalComponentProps": {
634
+ "Box": {
635
+ "flex": [
636
+ "1",
637
+ "none"
638
+ ],
639
+ "display": [
640
+ "flex"
641
+ ]
642
+ },
643
+ "InternalComponent": {
644
+ "flex": [
645
+ "1"
646
+ ],
647
+ "alignItems": [
648
+ "center"
649
+ ]
650
+ },
651
+ "Text": {
652
+ "as": [
653
+ "span"
654
+ ],
655
+ "color": [
656
+ "inherit"
657
+ ],
658
+ "variant": [
659
+ "inherit"
660
+ ]
661
+ }
662
+ },
532
663
  "propToVariantKeys": {},
533
664
  "runtimeConfigDefaultProps": {},
534
665
  "runtimeConfigGetStyles": {},
535
666
  "runtimeConfigInternalComponentProps": {},
536
667
  "motionVarPrefixes": []
537
668
  },
538
- "Table": {
539
- "name": "Table",
669
+ "DividerInternal": {
670
+ "name": "DividerInternal",
540
671
  "defaultProps": {
541
- "display": "table-cell",
542
- "overflow": "hidden",
543
- "borderColor": "muted",
544
- "borderRadius": "md",
545
- "spacing": "3",
546
- "borderBottomColor": "muted",
547
- "borderBottomWidth": "thin",
548
- "color": "primary"
549
- },
550
- "getStylesLiterals": {
551
- "textAlign": "start"
672
+ "variant": "primary"
552
673
  },
553
- "cxLiterals": [],
674
+ "getStylesLiterals": {},
675
+ "cxLiterals": [
676
+ "inherit"
677
+ ],
554
678
  "internalComponents": [
555
- "CellComponent",
556
- "Box",
557
- "Text",
558
- "Table.Root",
559
- "Table.Header",
560
- "Table.Row",
561
- "Table.Cell",
562
- "Table.Body"
679
+ "DividerCore"
563
680
  ],
564
- "internalComponentProps": {
565
- "Table.Cell": {
566
- "asHeaderCell": [
567
- "column"
568
- ]
569
- }
681
+ "internalComponentProps": {},
682
+ "propToVariantKeys": {
683
+ "variant": [
684
+ "dividerVariantRoot",
685
+ "dividerVariantLabel",
686
+ "dividerVariantLine"
687
+ ]
570
688
  },
571
- "propToVariantKeys": {},
572
689
  "runtimeConfigDefaultProps": {},
573
690
  "runtimeConfigGetStyles": {},
574
691
  "runtimeConfigInternalComponentProps": {},
@@ -1075,61 +1192,83 @@
1075
1192
  "--uds-motion-smooth-3-"
1076
1193
  ]
1077
1194
  },
1078
- "Divider": {
1079
- "name": "Divider",
1080
- "defaultProps": {},
1195
+ "Spinner": {
1196
+ "name": "Spinner",
1197
+ "defaultProps": {
1198
+ "color": "primary",
1199
+ "size": "lg"
1200
+ },
1081
1201
  "getStylesLiterals": {},
1082
- "cxLiterals": [],
1202
+ "cxLiterals": [
1203
+ "self-center",
1204
+ "relative",
1205
+ "sr-only"
1206
+ ],
1083
1207
  "internalComponents": [
1084
- "DividerInternal"
1208
+ "Icon"
1085
1209
  ],
1086
- "internalComponentProps": {},
1087
- "propToVariantKeys": {},
1088
- "runtimeConfigDefaultProps": {},
1210
+ "internalComponentProps": {
1211
+ "Icon": {
1212
+ "role": [
1213
+ "img"
1214
+ ],
1215
+ "className": [
1216
+ "animate-spin"
1217
+ ],
1218
+ "aria-hidden": [
1219
+ "true"
1220
+ ]
1221
+ }
1222
+ },
1223
+ "propToVariantKeys": {},
1224
+ "runtimeConfigDefaultProps": {},
1089
1225
  "runtimeConfigGetStyles": {},
1090
1226
  "runtimeConfigInternalComponentProps": {},
1091
1227
  "motionVarPrefixes": []
1092
1228
  },
1093
- "DividerCore": {
1094
- "name": "DividerCore",
1229
+ "Table.mocks": {
1230
+ "name": "Table.mocks",
1231
+ "defaultProps": {},
1232
+ "getStylesLiterals": {},
1233
+ "cxLiterals": [],
1234
+ "internalComponents": [],
1235
+ "internalComponentProps": {},
1236
+ "propToVariantKeys": {},
1237
+ "runtimeConfigDefaultProps": {},
1238
+ "runtimeConfigGetStyles": {},
1239
+ "runtimeConfigInternalComponentProps": {},
1240
+ "motionVarPrefixes": []
1241
+ },
1242
+ "Table": {
1243
+ "name": "Table",
1095
1244
  "defaultProps": {
1096
- "contentPosition": "center"
1245
+ "display": "table-cell",
1246
+ "overflow": "hidden",
1247
+ "borderColor": "muted",
1248
+ "borderRadius": "md",
1249
+ "spacing": "3",
1250
+ "borderBottomColor": "muted",
1251
+ "borderBottomWidth": "thin",
1252
+ "color": "primary"
1253
+ },
1254
+ "getStylesLiterals": {
1255
+ "textAlign": "start"
1097
1256
  },
1098
- "getStylesLiterals": {},
1099
1257
  "cxLiterals": [],
1100
1258
  "internalComponents": [
1259
+ "CellComponent",
1101
1260
  "Box",
1102
- "Line",
1103
- "InternalComponent",
1104
- "Text"
1261
+ "Text",
1262
+ "Table.Root",
1263
+ "Table.Header",
1264
+ "Table.Row",
1265
+ "Table.Cell",
1266
+ "Table.Body"
1105
1267
  ],
1106
1268
  "internalComponentProps": {
1107
- "Box": {
1108
- "flex": [
1109
- "1",
1110
- "none"
1111
- ],
1112
- "display": [
1113
- "flex"
1114
- ]
1115
- },
1116
- "InternalComponent": {
1117
- "flex": [
1118
- "1"
1119
- ],
1120
- "alignItems": [
1121
- "center"
1122
- ]
1123
- },
1124
- "Text": {
1125
- "as": [
1126
- "span"
1127
- ],
1128
- "color": [
1129
- "inherit"
1130
- ],
1131
- "variant": [
1132
- "inherit"
1269
+ "Table.Cell": {
1270
+ "asHeaderCell": [
1271
+ "column"
1133
1272
  ]
1134
1273
  }
1135
1274
  },
@@ -1139,108 +1278,115 @@
1139
1278
  "runtimeConfigInternalComponentProps": {},
1140
1279
  "motionVarPrefixes": []
1141
1280
  },
1142
- "DividerInternal": {
1143
- "name": "DividerInternal",
1144
- "defaultProps": {
1145
- "variant": "primary"
1146
- },
1281
+ "AvatarImage": {
1282
+ "name": "AvatarImage",
1283
+ "defaultProps": {},
1147
1284
  "getStylesLiterals": {},
1148
- "cxLiterals": [
1149
- "inherit"
1150
- ],
1285
+ "cxLiterals": [],
1151
1286
  "internalComponents": [
1152
- "DividerCore"
1287
+ "AvatarImageNoFallback",
1288
+ "AvatarText",
1289
+ "AvatarIcon"
1153
1290
  ],
1154
1291
  "internalComponentProps": {},
1155
- "propToVariantKeys": {
1156
- "variant": [
1157
- "dividerVariantRoot",
1158
- "dividerVariantLabel",
1159
- "dividerVariantLine"
1160
- ]
1161
- },
1292
+ "propToVariantKeys": {},
1162
1293
  "runtimeConfigDefaultProps": {},
1163
1294
  "runtimeConfigGetStyles": {},
1164
1295
  "runtimeConfigInternalComponentProps": {},
1165
1296
  "motionVarPrefixes": []
1166
1297
  },
1167
- "Accordion": {
1168
- "name": "Accordion",
1298
+ "BottomSheet": {
1299
+ "name": "BottomSheet",
1169
1300
  "defaultProps": {
1170
- "spacingHorizontal": "4",
1171
- "spacingVertical": "4"
1301
+ "variant": "default"
1172
1302
  },
1173
1303
  "getStylesLiterals": {},
1174
1304
  "cxLiterals": [
1175
- "hover:bg-secondary/80",
1176
- "w-full"
1305
+ "fixed",
1306
+ "overflow-hidden",
1307
+ "inset-x-0",
1308
+ "bottom-0",
1309
+ "z-50",
1310
+ "[will-change:transform]",
1311
+ "touch-none",
1312
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1313
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1314
+ "transition-transform",
1315
+ "duration-500",
1316
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
1317
+ "motion-reduce:transition-none",
1318
+ "top-[-4px]",
1319
+ "z-[1]",
1320
+ "touch-pan-y"
1177
1321
  ],
1178
1322
  "internalComponents": [
1179
- "Icon",
1180
- "SpringMotionConfig",
1181
- "Pressable",
1182
- "Text",
1183
- "HStack",
1184
- "AnimatePresence",
1185
- "VStack"
1323
+ "Scrim",
1324
+ "BottomSheetHandle",
1325
+ "Dialog",
1326
+ "Box",
1327
+ "BottomSheetInternalContext.Provider"
1186
1328
  ],
1187
1329
  "internalComponentProps": {
1188
- "Icon": {
1189
- "variant": [
1190
- "fill"
1191
- ],
1192
- "size": [
1193
- "sm"
1194
- ],
1195
- "color": [
1196
- "primary"
1330
+ "BottomSheetHandle": {
1331
+ "ariaLabel": [
1332
+ "Resize sheet"
1197
1333
  ]
1198
1334
  },
1199
- "SpringMotionConfig": {
1200
- "layoutVariant": [
1201
- "smooth"
1202
- ],
1203
- "layoutSpeed": [
1204
- "3"
1335
+ "Dialog": {
1336
+ "data-testid": [
1337
+ "bottom-sheet"
1205
1338
  ]
1206
1339
  },
1207
- "Pressable": {
1340
+ "Box": {
1208
1341
  "display": [
1342
+ "block",
1209
1343
  "flex"
1210
1344
  ],
1211
- "flexDirection": [
1212
- "row"
1213
- ],
1214
- "alignItems": [
1215
- "center"
1345
+ "position": [
1346
+ "absolute"
1216
1347
  ],
1217
- "justifyContent": [
1218
- "space-between"
1348
+ "flexDirection": [
1349
+ "column"
1219
1350
  ],
1220
- "borderRadius": [
1221
- "md"
1351
+ "className": [
1352
+ "absolute inset-0 min-h-0 p-[inherit]"
1222
1353
  ]
1223
- },
1224
- "Text": {
1225
- "variant": [
1226
- "title4"
1354
+ }
1355
+ },
1356
+ "propToVariantKeys": {
1357
+ "variant": [
1358
+ "bottomsheetVariantRoot"
1359
+ ]
1360
+ },
1361
+ "runtimeConfigDefaultProps": {},
1362
+ "runtimeConfigGetStyles": {},
1363
+ "runtimeConfigInternalComponentProps": {},
1364
+ "motionVarPrefixes": []
1365
+ },
1366
+ "BottomSheetContent": {
1367
+ "name": "BottomSheetContent",
1368
+ "defaultProps": {},
1369
+ "getStylesLiterals": {},
1370
+ "cxLiterals": [
1371
+ "min-h-0",
1372
+ "touch-pan-y"
1373
+ ],
1374
+ "internalComponents": [
1375
+ "Box",
1376
+ "VStack"
1377
+ ],
1378
+ "internalComponentProps": {
1379
+ "Box": {
1380
+ "display": [
1381
+ "block"
1227
1382
  ],
1228
- "color": [
1229
- "primary"
1383
+ "flex": [
1384
+ "1"
1230
1385
  ]
1231
1386
  },
1232
- "HStack": {
1233
- "display": [
1234
- "flex"
1235
- ],
1236
- "alignItems": [
1237
- "center"
1238
- ],
1239
- "justifyContent": [
1240
- "space-between"
1241
- ],
1242
- "columnGap": [
1243
- "2.5"
1387
+ "VStack": {
1388
+ "className": [
1389
+ "pb-[calc(env(safe-area-inset-bottom))]"
1244
1390
  ]
1245
1391
  }
1246
1392
  },
@@ -1248,16 +1394,16 @@
1248
1394
  "runtimeConfigDefaultProps": {},
1249
1395
  "runtimeConfigGetStyles": {},
1250
1396
  "runtimeConfigInternalComponentProps": {},
1251
- "motionVarPrefixes": [
1252
- "--uds-motion-smooth-3-"
1253
- ]
1397
+ "motionVarPrefixes": []
1254
1398
  },
1255
- "AvoidMotionLibraryProvider": {
1256
- "name": "AvoidMotionLibraryProvider",
1399
+ "BottomSheetDismiss": {
1400
+ "name": "BottomSheetDismiss",
1257
1401
  "defaultProps": {},
1258
1402
  "getStylesLiterals": {},
1259
1403
  "cxLiterals": [],
1260
- "internalComponents": [],
1404
+ "internalComponents": [
1405
+ "AriakitDialogDismiss"
1406
+ ],
1261
1407
  "internalComponentProps": {},
1262
1408
  "propToVariantKeys": {},
1263
1409
  "runtimeConfigDefaultProps": {},
@@ -1265,88 +1411,45 @@
1265
1411
  "runtimeConfigInternalComponentProps": {},
1266
1412
  "motionVarPrefixes": []
1267
1413
  },
1268
- "Modal": {
1269
- "name": "Modal",
1270
- "defaultProps": {},
1414
+ "BottomSheetHandle": {
1415
+ "name": "BottomSheetHandle",
1416
+ "defaultProps": {
1417
+ "variant": "default"
1418
+ },
1271
1419
  "getStylesLiterals": {},
1272
1420
  "cxLiterals": [
1273
- "inset-8",
1274
- "top-[250px]",
1275
- "z-50",
1276
- "mx-auto",
1277
- "h-fit",
1278
- "w-[600px]",
1279
- "origin-center",
1280
- "scale-95",
1281
- "opacity-0",
1282
- "transition",
1283
- "duration-150",
1284
- "data-[enter]:scale-100",
1285
- "data-[enter]:opacity-100",
1286
- "data-[enter]:bg-primary",
1287
- "backdrop-blur-0",
1288
- "data-[enter]:opacity-60",
1289
- "data-[enter]:backdrop-blur-sm"
1421
+ "relative",
1422
+ "h-5",
1423
+ "w-16",
1424
+ "outline-none",
1425
+ "focus-visible:outline-none",
1426
+ "[touch-action:pan-y]",
1427
+ "absolute",
1428
+ "left-1/2",
1429
+ "top-1/2",
1430
+ "-translate-x-1/2",
1431
+ "-translate-y-1/2",
1432
+ "h-1",
1433
+ "w-8",
1434
+ "rounded-full"
1290
1435
  ],
1291
1436
  "internalComponents": [
1292
- "IconButton",
1293
- "Dialog",
1294
- "HStack",
1295
- "Text",
1296
- "VStack"
1437
+ "Box"
1297
1438
  ],
1298
1439
  "internalComponentProps": {
1299
- "IconButton": {
1300
- "aria-label": [
1301
- "Close"
1302
- ],
1303
- "size": [
1304
- "sm"
1305
- ],
1306
- "variant": [
1307
- "tertiary"
1308
- ]
1309
- },
1310
- "HStack": {
1311
- "alignItems": [
1312
- "center"
1440
+ "Box": {
1441
+ "display": [
1442
+ "block",
1443
+ "flex"
1313
1444
  ],
1314
1445
  "justifyContent": [
1315
- "space-between"
1316
- ]
1317
- },
1318
- "Text": {
1319
- "variant": [
1320
- "headline1"
1321
- ],
1322
- "color": [
1323
- "primary"
1324
- ]
1325
- },
1326
- "VStack": {
1327
- "borderRadius": [
1328
- "md"
1329
- ],
1330
- "position": [
1331
- "fixed"
1332
- ],
1333
- "backgroundColor": [
1334
- "primary"
1335
- ],
1336
- "dropShadow": [
1337
- "md"
1338
- ],
1339
- "spacing": [
1340
- "8"
1341
- ],
1342
- "overflow": [
1343
- "hidden"
1446
+ "center"
1344
1447
  ]
1345
1448
  }
1346
1449
  },
1347
1450
  "propToVariantKeys": {
1348
- "handleClose": [
1349
- "onClick"
1451
+ "variant": [
1452
+ "bottomsheetVariantHandleIndicator"
1350
1453
  ]
1351
1454
  },
1352
1455
  "runtimeConfigDefaultProps": {},
@@ -1354,87 +1457,55 @@
1354
1457
  "runtimeConfigInternalComponentProps": {},
1355
1458
  "motionVarPrefixes": []
1356
1459
  },
1357
- "SegmentedControl": {
1358
- "name": "SegmentedControl",
1460
+ "BottomSheetHeader": {
1461
+ "name": "BottomSheetHeader",
1359
1462
  "defaultProps": {
1360
- "textVariant": "label2"
1361
- },
1362
- "getStylesLiterals": {
1363
- "display": "flex",
1364
- "alignItems": "center",
1365
- "backgroundColor": "primary",
1366
- "spacingVertical": "1",
1367
- "spacingHorizontal": "3",
1368
- "columnGap": "1.5",
1369
- "borderWidth": "thin",
1370
- "borderRadius": "full",
1371
- "borderColor": "muted",
1372
- "borderColor:1": "transparent",
1373
- "color": "primary",
1374
- "color:1": "tertiary",
1375
- "color:2": "muted"
1463
+ "variant": "default"
1376
1464
  },
1465
+ "getStylesLiterals": {},
1377
1466
  "cxLiterals": [
1378
- "uds-ring",
1379
- "cursor-not-allowed",
1380
- "opacity-50",
1381
- "pointer-events-none",
1382
- "hover:bg-primary"
1467
+ "grid-cols-[40px_1fr_40px]",
1468
+ "items-center",
1469
+ "w-full",
1470
+ "min-h-10",
1471
+ "mt-2"
1383
1472
  ],
1384
1473
  "internalComponents": [
1385
- "TextVariant",
1386
- "Radio",
1387
- "Icon",
1388
- "RadioProvider",
1389
- "HStack",
1390
- "RadioGroup",
1391
- "Pressable",
1474
+ "Box",
1392
1475
  "Text"
1393
1476
  ],
1394
1477
  "internalComponentProps": {
1395
- "Icon": {
1396
- "size": [
1397
- "sm"
1478
+ "Box": {
1479
+ "className": [
1480
+ "h-10 w-10 opacity-0 pointer-events-none"
1398
1481
  ],
1399
- "color": [
1400
- "current"
1482
+ "display": [
1483
+ "grid",
1484
+ "flex"
1401
1485
  ],
1402
- "aria-hidden": [
1403
- "true"
1486
+ "justifyContent": [
1487
+ "flex-start",
1488
+ "flex-end"
1404
1489
  ]
1405
1490
  },
1406
- "HStack": {
1407
- "spacing": [
1408
- "1"
1409
- ],
1410
- "gap": [
1411
- "1"
1491
+ "Text": {
1492
+ "variant": [
1493
+ "inherit"
1412
1494
  ],
1413
- "backgroundColor": [
1414
- "secondary"
1495
+ "color": [
1496
+ "inherit"
1415
1497
  ],
1416
- "borderRadius": [
1417
- "full"
1498
+ "textAlign": [
1499
+ "center"
1418
1500
  ],
1419
- "display": [
1420
- "inline-flex"
1421
- ]
1422
- },
1423
- "Text": {
1424
- "color": [
1425
- "current"
1501
+ "className": [
1502
+ "w-full"
1426
1503
  ]
1427
1504
  }
1428
1505
  },
1429
1506
  "propToVariantKeys": {
1430
- "value": [
1431
- "key"
1432
- ],
1433
- "label": [
1434
- "aria-label"
1435
- ],
1436
- "textVariant": [
1437
- "variant"
1507
+ "variant": [
1508
+ "bottomsheetVariantHeader"
1438
1509
  ]
1439
1510
  },
1440
1511
  "runtimeConfigDefaultProps": {},
@@ -1442,144 +1513,41 @@
1442
1513
  "runtimeConfigInternalComponentProps": {},
1443
1514
  "motionVarPrefixes": []
1444
1515
  },
1445
- "SwitchV2": {
1446
- "name": "SwitchV2",
1447
- "defaultProps": {
1448
- "labelPosition": "start",
1449
- "size": "md"
1450
- },
1451
- "getStylesLiterals": {
1452
- "switchVariantRoot": "default",
1453
- "switchVariantActiveRoot": "on",
1454
- "switchVariantActiveRoot:1": "off",
1455
- "switchVariantSwitch": "default",
1456
- "switchVariantActiveSwitch": "on",
1457
- "switchVariantActiveSwitch:1": "off",
1458
- "switchVariantActiveHandle": "on",
1459
- "switchVariantActiveHandle:1": "off",
1460
- "switchVariantHandle": "default",
1461
- "switchVariantHandleIcon": "default",
1462
- "switchVariantActiveHandleIcon": "on",
1463
- "switchVariantActiveHandleIcon:1": "off"
1464
- },
1465
- "cxLiterals": [
1466
- "group",
1467
- "flex",
1468
- "items-center",
1469
- "flex-row",
1470
- "flex-row-reverse",
1471
- "uds-ring",
1472
- "uds-ring-within",
1473
- "relative",
1474
- "uds-border-radius-full",
1475
- "transition-[background-color,box-shadow]",
1476
- "pointer-events-none",
1477
- "w-full",
1478
- "h-full",
1479
- "absolute",
1480
- "top-0",
1481
- "bottom-0",
1482
- "right-0",
1483
- "left-0",
1484
- "overflow-hidden",
1485
- "group-hover:scale-105",
1486
- "opacity-95",
1487
- "group-hover:opacity-100",
1488
- "transition-[transform,opacity]",
1489
- "opacity-0",
1490
- "top-1/2",
1491
- "left-1/2",
1492
- "transform",
1493
- "translate-x-[-50%]",
1494
- "translate-y-[-50%]",
1495
- "transition-opacity",
1496
- "cursor-[inherit]",
1497
- "w-[calc(100%+2px)]",
1498
- "h-[calc(100%+2px)]",
1499
- "text-start",
1500
- "text-end",
1501
- "opacity-100"
1502
- ],
1516
+ "BottomSheetInternalContext": {
1517
+ "name": "BottomSheetInternalContext",
1518
+ "defaultProps": {},
1519
+ "getStylesLiterals": {},
1520
+ "cxLiterals": [],
1521
+ "internalComponents": [],
1522
+ "internalComponentProps": {},
1523
+ "propToVariantKeys": {},
1524
+ "runtimeConfigDefaultProps": {},
1525
+ "runtimeConfigGetStyles": {},
1526
+ "runtimeConfigInternalComponentProps": {},
1527
+ "motionVarPrefixes": []
1528
+ },
1529
+ "BottomSheetProvider": {
1530
+ "name": "BottomSheetProvider",
1531
+ "defaultProps": {},
1532
+ "getStylesLiterals": {},
1533
+ "cxLiterals": [],
1503
1534
  "internalComponents": [
1504
- "IconSlot",
1505
- "Box",
1506
- "FormLabel",
1507
- "SpringMotionConfig",
1508
- "RootElement",
1509
- "MotionBox"
1535
+ "AriakitDialogProvider"
1510
1536
  ],
1511
- "internalComponentProps": {
1512
- "IconSlot": {
1513
- "data-testid": [
1514
- "on-icon",
1515
- "off-icon"
1516
- ]
1517
- },
1518
- "FormLabel": {
1519
- "as": [
1520
- "div"
1521
- ],
1522
- "variant": [
1523
- "inherit"
1524
- ],
1525
- "color": [
1526
- "inherit"
1527
- ]
1528
- },
1529
- "SpringMotionConfig": {
1530
- "layoutVariant": [
1531
- "bouncy"
1532
- ],
1533
- "layoutSpeed": [
1534
- "4"
1535
- ]
1536
- },
1537
- "RootElement": {
1538
- "data-testid": [
1539
- "switch-root"
1540
- ]
1541
- },
1542
- "MotionBox": {
1543
- "layout": [
1544
- "position"
1545
- ]
1546
- }
1547
- },
1548
- "propToVariantKeys": {
1549
- "size": [
1550
- "switchSizeRoot",
1551
- "switchSizeSwitch",
1552
- "switchSizeHandle",
1553
- "switchSizeHandleIcon"
1554
- ],
1555
- "onIcon": [
1556
- "icon"
1557
- ],
1558
- "offIcon": [
1559
- "icon"
1560
- ],
1561
- "reduceMotion": [
1562
- "reducedMotion"
1563
- ],
1564
- "isOn": [
1565
- "layoutDependency"
1566
- ]
1567
- },
1537
+ "internalComponentProps": {},
1538
+ "propToVariantKeys": {},
1568
1539
  "runtimeConfigDefaultProps": {},
1569
1540
  "runtimeConfigGetStyles": {},
1570
1541
  "runtimeConfigInternalComponentProps": {},
1571
- "motionVarPrefixes": [
1572
- "--uds-motion-bouncy-4-",
1573
- "--uds-motion-smooth-3-"
1574
- ]
1542
+ "motionVarPrefixes": []
1575
1543
  },
1576
- "Avatar": {
1577
- "name": "Avatar",
1544
+ "BottomSheetTrigger": {
1545
+ "name": "BottomSheetTrigger",
1578
1546
  "defaultProps": {},
1579
1547
  "getStylesLiterals": {},
1580
1548
  "cxLiterals": [],
1581
1549
  "internalComponents": [
1582
- "AvatarImage"
1550
+ "AriakitDialogDisclosure"
1583
1551
  ],
1584
1552
  "internalComponentProps": {},
1585
1553
  "propToVariantKeys": {},
@@ -1588,175 +1556,117 @@
1588
1556
  "runtimeConfigInternalComponentProps": {},
1589
1557
  "motionVarPrefixes": []
1590
1558
  },
1591
- "AvatarIcon": {
1592
- "name": "AvatarIcon",
1593
- "defaultProps": {
1594
- "size": "md",
1595
- "variant": "primary"
1596
- },
1559
+ "UDSBottomSheetConfigProvider": {
1560
+ "name": "UDSBottomSheetConfigProvider",
1561
+ "defaultProps": {},
1597
1562
  "getStylesLiterals": {},
1598
- "cxLiterals": [
1599
- "overflow-hidden",
1600
- "w-full",
1601
- "h-full",
1602
- "shrink-0",
1603
- "text-center",
1604
- "inline-flex",
1605
- "justify-center",
1606
- "items-center"
1607
- ],
1563
+ "cxLiterals": [],
1608
1564
  "internalComponents": [
1609
- "IconSlot",
1610
- "Box"
1565
+ "BottomSheetContext.Provider"
1611
1566
  ],
1612
1567
  "internalComponentProps": {},
1613
- "propToVariantKeys": {
1614
- "size": [
1615
- "avatarSizeIcon"
1616
- ]
1617
- },
1568
+ "propToVariantKeys": {},
1618
1569
  "runtimeConfigDefaultProps": {},
1619
1570
  "runtimeConfigGetStyles": {},
1620
1571
  "runtimeConfigInternalComponentProps": {},
1621
1572
  "motionVarPrefixes": []
1622
1573
  },
1623
- "AvatarImage": {
1624
- "name": "AvatarImage",
1625
- "defaultProps": {
1626
- "size": "md",
1627
- "variant": "primary"
1628
- },
1574
+ "Chip": {
1575
+ "name": "Chip",
1576
+ "defaultProps": {},
1629
1577
  "getStylesLiterals": {},
1630
- "cxLiterals": [
1631
- "overflow-hidden",
1632
- "w-full",
1633
- "h-full",
1634
- "shrink-0",
1635
- "text-center",
1636
- "inline-flex",
1637
- "justify-center",
1638
- "items-center",
1639
- "object-cover"
1640
- ],
1578
+ "cxLiterals": [],
1641
1579
  "internalComponents": [
1642
- "UDSImage",
1643
- "AvatarText",
1644
- "AvatarIcon",
1645
- "Box"
1580
+ "ChipDismissible",
1581
+ "ChipToggle",
1582
+ "ChipLink",
1583
+ "ChipButton"
1646
1584
  ],
1647
1585
  "internalComponentProps": {},
1648
- "propToVariantKeys": {
1649
- "alt": [
1650
- "name"
1651
- ],
1652
- "fallback": [
1653
- "initials"
1654
- ]
1655
- },
1586
+ "propToVariantKeys": {},
1656
1587
  "runtimeConfigDefaultProps": {},
1657
1588
  "runtimeConfigGetStyles": {},
1658
1589
  "runtimeConfigInternalComponentProps": {},
1659
1590
  "motionVarPrefixes": []
1660
1591
  },
1661
- "AvatarText": {
1662
- "name": "AvatarText",
1592
+ "ChipBase": {
1593
+ "name": "ChipBase",
1663
1594
  "defaultProps": {
1664
1595
  "size": "md",
1665
- "variant": "primary"
1596
+ "as": "div"
1666
1597
  },
1667
1598
  "getStylesLiterals": {},
1668
1599
  "cxLiterals": [
1669
- "overflow-hidden",
1600
+ "pointer-events-none",
1601
+ "cursor-default",
1602
+ "opacity-50",
1603
+ "inline-flex",
1604
+ "items-center",
1605
+ "transition-[background-color,outline-color,box-shadow]",
1670
1606
  "truncate",
1671
- "w-full",
1672
- "h-full",
1673
- "shrink-0",
1607
+ "whitespace-nowrap",
1674
1608
  "text-center",
1675
- "inline-flex",
1676
- "justify-center",
1677
- "items-center"
1609
+ "flex-1"
1678
1610
  ],
1679
1611
  "internalComponents": [
1680
- "Box",
1612
+ "IconSlot",
1613
+ "HStack",
1614
+ "As",
1681
1615
  "Text"
1682
1616
  ],
1683
1617
  "internalComponentProps": {
1684
1618
  "Text": {
1619
+ "as": [
1620
+ "span"
1621
+ ],
1685
1622
  "color": [
1686
- "inherit"
1623
+ "current"
1687
1624
  ],
1688
1625
  "variant": [
1689
1626
  "inherit"
1690
1627
  ]
1691
1628
  }
1692
1629
  },
1693
- "propToVariantKeys": {},
1630
+ "propToVariantKeys": {
1631
+ "size": [
1632
+ "chipSizeRoot",
1633
+ "chipSizeIcon"
1634
+ ],
1635
+ "startIcon": [
1636
+ "icon"
1637
+ ],
1638
+ "endIcon": [
1639
+ "icon"
1640
+ ]
1641
+ },
1694
1642
  "runtimeConfigDefaultProps": {},
1695
1643
  "runtimeConfigGetStyles": {},
1696
1644
  "runtimeConfigInternalComponentProps": {},
1697
1645
  "motionVarPrefixes": []
1698
1646
  },
1699
- "BottomSheet": {
1700
- "name": "BottomSheet",
1647
+ "ChipButton": {
1648
+ "name": "ChipButton",
1701
1649
  "defaultProps": {
1702
- "variant": "default"
1650
+ "variant": "primary"
1703
1651
  },
1704
1652
  "getStylesLiterals": {},
1705
1653
  "cxLiterals": [
1706
- "fixed",
1707
- "overflow-hidden",
1708
- "inset-x-0",
1709
- "bottom-0",
1710
- "z-50",
1711
- "[will-change:transform]",
1712
- "touch-none",
1713
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1714
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1715
- "transition-transform",
1716
- "duration-500",
1717
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1718
- "motion-reduce:transition-none",
1719
- "top-[-4px]",
1720
- "z-[1]",
1721
- "touch-pan-y"
1654
+ "uds-ring"
1722
1655
  ],
1723
1656
  "internalComponents": [
1724
- "Scrim",
1725
- "BottomSheetHandle",
1726
- "Dialog",
1727
- "Box",
1728
- "BottomSheetInternalContext.Provider"
1657
+ "ChipBase"
1729
1658
  ],
1730
1659
  "internalComponentProps": {
1731
- "BottomSheetHandle": {
1732
- "ariaLabel": [
1733
- "Resize sheet"
1734
- ]
1735
- },
1736
- "Dialog": {
1737
- "data-testid": [
1738
- "bottom-sheet"
1739
- ]
1740
- },
1741
- "Box": {
1742
- "display": [
1743
- "block",
1744
- "flex"
1745
- ],
1746
- "position": [
1747
- "absolute"
1748
- ],
1749
- "flexDirection": [
1750
- "column"
1751
- ],
1752
- "className": [
1753
- "absolute inset-0 min-h-0 p-[inherit]"
1660
+ "ChipBase": {
1661
+ "as": [
1662
+ "button"
1754
1663
  ]
1755
1664
  }
1756
1665
  },
1757
1666
  "propToVariantKeys": {
1758
1667
  "variant": [
1759
- "bottomsheetVariantRoot"
1668
+ "chipLinkVariantRoot",
1669
+ "chipLinkVariantIcon"
1760
1670
  ]
1761
1671
  },
1762
1672
  "runtimeConfigDefaultProps": {},
@@ -1764,93 +1674,61 @@
1764
1674
  "runtimeConfigInternalComponentProps": {},
1765
1675
  "motionVarPrefixes": []
1766
1676
  },
1767
- "BottomSheetContent": {
1768
- "name": "BottomSheetContent",
1769
- "defaultProps": {},
1677
+ "ChipDismissible": {
1678
+ "name": "ChipDismissible",
1679
+ "defaultProps": {
1680
+ "variant": "primary"
1681
+ },
1770
1682
  "getStylesLiterals": {},
1771
1683
  "cxLiterals": [
1772
- "min-h-0",
1773
- "touch-pan-y"
1684
+ "uds-chip-dismissible-button",
1685
+ "uds-hit-target",
1686
+ "uds-ring",
1687
+ "rounded-full"
1774
1688
  ],
1775
1689
  "internalComponents": [
1776
- "Box",
1777
- "VStack"
1778
- ],
1779
- "internalComponentProps": {
1780
- "Box": {
1781
- "display": [
1782
- "block"
1783
- ],
1784
- "flex": [
1785
- "1"
1786
- ]
1787
- },
1788
- "VStack": {
1789
- "className": [
1790
- "pb-[calc(env(safe-area-inset-bottom))]"
1791
- ]
1792
- }
1793
- },
1794
- "propToVariantKeys": {},
1795
- "runtimeConfigDefaultProps": {},
1796
- "runtimeConfigGetStyles": {},
1797
- "runtimeConfigInternalComponentProps": {},
1798
- "motionVarPrefixes": []
1799
- },
1800
- "BottomSheetDismiss": {
1801
- "name": "BottomSheetDismiss",
1802
- "defaultProps": {},
1803
- "getStylesLiterals": {},
1804
- "cxLiterals": [],
1805
- "internalComponents": [
1806
- "AriakitDialogDismiss"
1690
+ "ChipBase",
1691
+ "IconSlot",
1692
+ "Pressable"
1807
1693
  ],
1808
1694
  "internalComponentProps": {},
1809
- "propToVariantKeys": {},
1695
+ "propToVariantKeys": {
1696
+ "variant": [
1697
+ "chipDismissibleVariantRoot",
1698
+ "chipDismissibleVariantIcon"
1699
+ ],
1700
+ "dismissButtonAriaLabel": [
1701
+ "aria-label"
1702
+ ]
1703
+ },
1810
1704
  "runtimeConfigDefaultProps": {},
1811
1705
  "runtimeConfigGetStyles": {},
1812
1706
  "runtimeConfigInternalComponentProps": {},
1813
1707
  "motionVarPrefixes": []
1814
1708
  },
1815
- "BottomSheetHandle": {
1816
- "name": "BottomSheetHandle",
1709
+ "ChipLink": {
1710
+ "name": "ChipLink",
1817
1711
  "defaultProps": {
1818
- "variant": "default"
1712
+ "variant": "primary"
1819
1713
  },
1820
1714
  "getStylesLiterals": {},
1821
1715
  "cxLiterals": [
1822
- "relative",
1823
- "h-5",
1824
- "w-16",
1825
- "outline-none",
1826
- "focus-visible:outline-none",
1827
- "[touch-action:pan-y]",
1828
- "absolute",
1829
- "left-1/2",
1830
- "top-1/2",
1831
- "-translate-x-1/2",
1832
- "-translate-y-1/2",
1833
- "h-1",
1834
- "w-8",
1835
- "rounded-full"
1716
+ "uds-ring"
1836
1717
  ],
1837
1718
  "internalComponents": [
1838
- "Box"
1719
+ "ChipBase"
1839
1720
  ],
1840
1721
  "internalComponentProps": {
1841
- "Box": {
1842
- "display": [
1843
- "block",
1844
- "flex"
1845
- ],
1846
- "justifyContent": [
1847
- "center"
1722
+ "ChipBase": {
1723
+ "as": [
1724
+ "a"
1848
1725
  ]
1849
1726
  }
1850
1727
  },
1851
1728
  "propToVariantKeys": {
1852
1729
  "variant": [
1853
- "bottomsheetVariantHandleIndicator"
1730
+ "chipLinkVariantRoot",
1731
+ "chipLinkVariantIcon"
1854
1732
  ]
1855
1733
  },
1856
1734
  "runtimeConfigDefaultProps": {},
@@ -1858,55 +1736,33 @@
1858
1736
  "runtimeConfigInternalComponentProps": {},
1859
1737
  "motionVarPrefixes": []
1860
1738
  },
1861
- "BottomSheetHeader": {
1862
- "name": "BottomSheetHeader",
1739
+ "ChipToggle": {
1740
+ "name": "ChipToggle",
1863
1741
  "defaultProps": {
1864
- "variant": "default"
1742
+ "variant": "primary",
1743
+ "role": "checkbox"
1744
+ },
1745
+ "getStylesLiterals": {
1746
+ "chipToggleVariantActiveRoot": "on",
1747
+ "chipToggleVariantActiveRoot:1": "off"
1865
1748
  },
1866
- "getStylesLiterals": {},
1867
1749
  "cxLiterals": [
1868
- "grid-cols-[40px_1fr_40px]",
1869
- "items-center",
1870
- "w-full",
1871
- "min-h-10",
1872
- "mt-2"
1750
+ "uds-ring"
1873
1751
  ],
1874
1752
  "internalComponents": [
1875
- "Box",
1876
- "Text"
1753
+ "ChipBase"
1877
1754
  ],
1878
1755
  "internalComponentProps": {
1879
- "Box": {
1880
- "className": [
1881
- "h-10 w-10 opacity-0 pointer-events-none"
1882
- ],
1883
- "display": [
1884
- "grid",
1885
- "flex"
1886
- ],
1887
- "justifyContent": [
1888
- "flex-start",
1889
- "flex-end"
1890
- ]
1891
- },
1892
- "Text": {
1893
- "variant": [
1894
- "inherit"
1895
- ],
1896
- "color": [
1897
- "inherit"
1898
- ],
1899
- "textAlign": [
1900
- "center"
1901
- ],
1902
- "className": [
1903
- "w-full"
1756
+ "ChipBase": {
1757
+ "as": [
1758
+ "button"
1904
1759
  ]
1905
1760
  }
1906
1761
  },
1907
1762
  "propToVariantKeys": {
1908
1763
  "variant": [
1909
- "bottomsheetVariantHeader"
1764
+ "chipToggleVariantRoot",
1765
+ "chipToggleVariantIcon"
1910
1766
  ]
1911
1767
  },
1912
1768
  "runtimeConfigDefaultProps": {},
@@ -1914,74 +1770,92 @@
1914
1770
  "runtimeConfigInternalComponentProps": {},
1915
1771
  "motionVarPrefixes": []
1916
1772
  },
1917
- "BottomSheetInternalContext": {
1918
- "name": "BottomSheetInternalContext",
1919
- "defaultProps": {},
1920
- "getStylesLiterals": {},
1921
- "cxLiterals": [],
1922
- "internalComponents": [],
1923
- "internalComponentProps": {},
1924
- "propToVariantKeys": {},
1925
- "runtimeConfigDefaultProps": {},
1926
- "runtimeConfigGetStyles": {},
1927
- "runtimeConfigInternalComponentProps": {},
1928
- "motionVarPrefixes": []
1929
- },
1930
- "BottomSheetProvider": {
1931
- "name": "BottomSheetProvider",
1932
- "defaultProps": {},
1773
+ "Menu.Content": {
1774
+ "name": "Menu.Content",
1775
+ "defaultProps": {
1776
+ "size": "default",
1777
+ "variant": "default",
1778
+ "gutter": "1"
1779
+ },
1933
1780
  "getStylesLiterals": {},
1934
- "cxLiterals": [],
1935
- "internalComponents": [
1936
- "AriakitDialogProvider"
1781
+ "cxLiterals": [
1782
+ "uds-menu-content",
1783
+ "transition-shadow",
1784
+ "duration-200",
1785
+ "ease-in-out",
1786
+ "min-w-60",
1787
+ "max-w-lg",
1788
+ "max-h-96",
1789
+ "overflow-auto",
1790
+ "uds-ring",
1791
+ "z-10",
1792
+ "group"
1937
1793
  ],
1938
- "internalComponentProps": {},
1939
- "propToVariantKeys": {},
1940
- "runtimeConfigDefaultProps": {},
1941
- "runtimeConfigGetStyles": {},
1942
- "runtimeConfigInternalComponentProps": {},
1943
- "motionVarPrefixes": []
1944
- },
1945
- "BottomSheetTrigger": {
1946
- "name": "BottomSheetTrigger",
1947
- "defaultProps": {},
1948
- "getStylesLiterals": {},
1949
- "cxLiterals": [],
1950
1794
  "internalComponents": [
1951
- "AriakitDialogDisclosure"
1795
+ "AriakitMenu",
1796
+ "AnimatePresence",
1797
+ "MotionVStack"
1952
1798
  ],
1953
1799
  "internalComponentProps": {},
1954
- "propToVariantKeys": {},
1800
+ "propToVariantKeys": {
1801
+ "size": [
1802
+ "menucontentSizeRoot"
1803
+ ],
1804
+ "variant": [
1805
+ "menucontentVariantRoot"
1806
+ ]
1807
+ },
1955
1808
  "runtimeConfigDefaultProps": {},
1956
1809
  "runtimeConfigGetStyles": {},
1957
1810
  "runtimeConfigInternalComponentProps": {},
1958
1811
  "motionVarPrefixes": []
1959
1812
  },
1960
- "UDSBottomSheetConfigProvider": {
1961
- "name": "UDSBottomSheetConfigProvider",
1962
- "defaultProps": {},
1963
- "getStylesLiterals": {},
1813
+ "Menu.Divider": {
1814
+ "name": "Menu.Divider",
1815
+ "defaultProps": {
1816
+ "role": "separator",
1817
+ "contentPosition": "start",
1818
+ "gap": "4"
1819
+ },
1820
+ "getStylesLiterals": {
1821
+ "menuitemDividerVariantRoot": "default",
1822
+ "menuitemDividerVariantText": "default",
1823
+ "menuitemDividerVariantLine": "default"
1824
+ },
1964
1825
  "cxLiterals": [],
1965
1826
  "internalComponents": [
1966
- "BottomSheetContext.Provider"
1827
+ "DividerInternal"
1967
1828
  ],
1968
- "internalComponentProps": {},
1829
+ "internalComponentProps": {
1830
+ "DividerInternal": {
1831
+ "variant": [
1832
+ "inherit"
1833
+ ]
1834
+ }
1835
+ },
1969
1836
  "propToVariantKeys": {},
1970
1837
  "runtimeConfigDefaultProps": {},
1971
1838
  "runtimeConfigGetStyles": {},
1972
1839
  "runtimeConfigInternalComponentProps": {},
1973
1840
  "motionVarPrefixes": []
1974
1841
  },
1975
- "Chip": {
1976
- "name": "Chip",
1842
+ "Menu.Item": {
1843
+ "name": "Menu.Item",
1977
1844
  "defaultProps": {},
1978
- "getStylesLiterals": {},
1845
+ "getStylesLiterals": {
1846
+ "menuitemItemVariantRoot": "default",
1847
+ "menuitemItemVariantActiveRoot": "on",
1848
+ "menuitemItemVariantActiveRoot:1": "off",
1849
+ "menuitemItemVariantText": "default",
1850
+ "menuitemItemVariantActiveText": "on",
1851
+ "menuitemItemVariantActiveText:1": "off",
1852
+ "menuitemItemVariantIcon": "default",
1853
+ "menuitemItemVariantActiveIcon": "on",
1854
+ "menuitemItemVariantActiveIcon:1": "off"
1855
+ },
1979
1856
  "cxLiterals": [],
1980
1857
  "internalComponents": [
1981
- "ChipDismissible",
1982
- "ChipToggle",
1983
- "ChipLink",
1984
- "ChipButton"
1858
+ "MenuItemBase"
1985
1859
  ],
1986
1860
  "internalComponentProps": {},
1987
1861
  "propToVariantKeys": {},
@@ -1990,54 +1864,77 @@
1990
1864
  "runtimeConfigInternalComponentProps": {},
1991
1865
  "motionVarPrefixes": []
1992
1866
  },
1993
- "ChipBase": {
1994
- "name": "ChipBase",
1867
+ "Menu.ItemBase": {
1868
+ "name": "Menu.ItemBase",
1995
1869
  "defaultProps": {
1996
- "size": "md",
1997
- "as": "div"
1870
+ "spacing": "0",
1871
+ "spacingHorizontal": "4",
1872
+ "spacingVertical": "3.5",
1873
+ "columnGap": "2",
1874
+ "alignItems": "center",
1875
+ "justifyContent": "space-between"
1998
1876
  },
1999
- "getStylesLiterals": {},
2000
- "cxLiterals": [
2001
- "pointer-events-none",
2002
- "cursor-default",
2003
- "opacity-50",
2004
- "inline-flex",
2005
- "items-center",
2006
- "transition-[background-color,outline-color,box-shadow]",
2007
- "truncate",
2008
- "whitespace-nowrap",
2009
- "text-center",
2010
- "flex-1"
1877
+ "getStylesLiterals": {
1878
+ "textAlign": "start",
1879
+ "menuitemSizeRoot": "default",
1880
+ "flexDirection": "row",
1881
+ "menuitemSizeStartIcon": "default",
1882
+ "menuitemSizeEndIcon": "default"
1883
+ },
1884
+ "cxLiterals": [
1885
+ "flex",
1886
+ "focus-visible:text-brand",
1887
+ "focus-visible:bg-brand-secondary",
1888
+ "focus-visible:z-10",
1889
+ "uds-ring",
1890
+ "!-outline-offset-2",
1891
+ "[&:not([aria-checked])]:cursor-default",
1892
+ "opacity-25",
1893
+ "cursor-not-allowed",
1894
+ "duration-20",
1895
+ "transition-[font-variation-settings]",
1896
+ "ease-in-out",
1897
+ "z-0",
1898
+ "uds-start-icon",
1899
+ "uds-end-icon"
2011
1900
  ],
2012
1901
  "internalComponents": [
1902
+ "Pressable",
2013
1903
  "IconSlot",
1904
+ "RootComponent",
2014
1905
  "HStack",
2015
- "As",
2016
- "Text"
1906
+ "AnimatePresence"
2017
1907
  ],
2018
1908
  "internalComponentProps": {
2019
- "Text": {
2020
- "as": [
2021
- "span"
2022
- ],
2023
- "color": [
2024
- "current"
1909
+ "HStack": {
1910
+ "alignItems": [
1911
+ "center"
2025
1912
  ],
2026
- "variant": [
2027
- "inherit"
1913
+ "width": [
1914
+ "full"
1915
+ ]
1916
+ },
1917
+ "AnimatePresence": {
1918
+ "mode": [
1919
+ "popLayout"
2028
1920
  ]
2029
1921
  }
2030
1922
  },
2031
1923
  "propToVariantKeys": {
2032
- "size": [
2033
- "chipSizeRoot",
2034
- "chipSizeIcon"
1924
+ "startIconClassName": [
1925
+ "className"
1926
+ ],
1927
+ "endIconClassName": [
1928
+ "className"
2035
1929
  ],
2036
1930
  "startIcon": [
2037
1931
  "icon"
2038
1932
  ],
2039
1933
  "endIcon": [
2040
1934
  "icon"
1935
+ ],
1936
+ "columnGap": [
1937
+ "gap"
2041
1938
  ]
2042
1939
  },
2043
1940
  "runtimeConfigDefaultProps": {},
@@ -2045,409 +1942,111 @@
2045
1942
  "runtimeConfigInternalComponentProps": {},
2046
1943
  "motionVarPrefixes": []
2047
1944
  },
2048
- "ChipButton": {
2049
- "name": "ChipButton",
2050
- "defaultProps": {
2051
- "variant": "primary"
1945
+ "Menu.ItemCheckbox": {
1946
+ "name": "Menu.ItemCheckbox",
1947
+ "defaultProps": {},
1948
+ "getStylesLiterals": {
1949
+ "menuitemItemCheckboxVariantRoot": "default",
1950
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1951
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1952
+ "menuitemItemCheckboxVariantText": "default",
1953
+ "menuitemItemCheckboxVariantActiveText": "on",
1954
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1955
+ "menuitemItemCheckboxVariantStartIcon": "default",
1956
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1957
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1958
+ "menuitemItemCheckboxVariantEndIcon": "default",
1959
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1960
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2052
1961
  },
2053
- "getStylesLiterals": {},
2054
1962
  "cxLiterals": [
2055
- "uds-ring"
1963
+ "uds-menu-item-checkbox"
2056
1964
  ],
2057
1965
  "internalComponents": [
2058
- "ChipBase"
1966
+ "MenuItemBase"
2059
1967
  ],
2060
- "internalComponentProps": {
2061
- "ChipBase": {
2062
- "as": [
2063
- "button"
2064
- ]
2065
- }
2066
- },
2067
- "propToVariantKeys": {
2068
- "variant": [
2069
- "chipLinkVariantRoot",
2070
- "chipLinkVariantIcon"
2071
- ]
2072
- },
1968
+ "internalComponentProps": {},
1969
+ "propToVariantKeys": {},
2073
1970
  "runtimeConfigDefaultProps": {},
2074
1971
  "runtimeConfigGetStyles": {},
2075
1972
  "runtimeConfigInternalComponentProps": {},
2076
1973
  "motionVarPrefixes": []
2077
1974
  },
2078
- "ChipDismissible": {
2079
- "name": "ChipDismissible",
2080
- "defaultProps": {
2081
- "variant": "primary"
2082
- },
1975
+ "Menu.Provider": {
1976
+ "name": "Menu.Provider",
1977
+ "defaultProps": {},
2083
1978
  "getStylesLiterals": {},
2084
- "cxLiterals": [
2085
- "uds-chip-dismissible-button",
2086
- "uds-hit-target",
2087
- "uds-ring",
2088
- "rounded-full"
2089
- ],
1979
+ "cxLiterals": [],
2090
1980
  "internalComponents": [
2091
- "ChipBase",
2092
- "IconSlot",
2093
- "Pressable"
1981
+ "AriakitMenuProvider",
1982
+ "SpringMotionConfig"
2094
1983
  ],
2095
1984
  "internalComponentProps": {},
2096
- "propToVariantKeys": {
2097
- "variant": [
2098
- "chipDismissibleVariantRoot",
2099
- "chipDismissibleVariantIcon"
2100
- ],
2101
- "dismissButtonAriaLabel": [
2102
- "aria-label"
2103
- ]
2104
- },
1985
+ "propToVariantKeys": {},
2105
1986
  "runtimeConfigDefaultProps": {},
2106
1987
  "runtimeConfigGetStyles": {},
2107
1988
  "runtimeConfigInternalComponentProps": {},
2108
- "motionVarPrefixes": []
1989
+ "motionVarPrefixes": [
1990
+ "--uds-motion-subtle-3-",
1991
+ "--uds-motion-smooth-3-"
1992
+ ]
2109
1993
  },
2110
- "ChipLink": {
2111
- "name": "ChipLink",
2112
- "defaultProps": {
2113
- "variant": "primary"
2114
- },
1994
+ "Menu.Trigger": {
1995
+ "name": "Menu.Trigger",
1996
+ "defaultProps": {},
2115
1997
  "getStylesLiterals": {},
2116
1998
  "cxLiterals": [
2117
- "uds-ring"
1999
+ "uds-menu-trigger"
2118
2000
  ],
2119
2001
  "internalComponents": [
2120
- "ChipBase"
2002
+ "AriakitMenuTrigger",
2003
+ "Box"
2121
2004
  ],
2122
2005
  "internalComponentProps": {
2123
- "ChipBase": {
2124
- "as": [
2125
- "a"
2006
+ "Box": {
2007
+ "className": [
2008
+ "uds-ring h-fit w-fit"
2126
2009
  ]
2127
2010
  }
2128
2011
  },
2129
- "propToVariantKeys": {
2130
- "variant": [
2131
- "chipLinkVariantRoot",
2132
- "chipLinkVariantIcon"
2133
- ]
2134
- },
2012
+ "propToVariantKeys": {},
2135
2013
  "runtimeConfigDefaultProps": {},
2136
2014
  "runtimeConfigGetStyles": {},
2137
2015
  "runtimeConfigInternalComponentProps": {},
2138
2016
  "motionVarPrefixes": []
2139
2017
  },
2140
- "ChipToggle": {
2141
- "name": "ChipToggle",
2142
- "defaultProps": {
2143
- "variant": "primary",
2144
- "role": "checkbox"
2145
- },
2146
- "getStylesLiterals": {
2147
- "chipToggleVariantActiveRoot": "on",
2148
- "chipToggleVariantActiveRoot:1": "off"
2149
- },
2150
- "cxLiterals": [
2151
- "uds-ring"
2152
- ],
2153
- "internalComponents": [
2154
- "ChipBase"
2155
- ],
2156
- "internalComponentProps": {
2157
- "ChipBase": {
2158
- "as": [
2159
- "button"
2160
- ]
2161
- }
2162
- },
2163
- "propToVariantKeys": {
2164
- "variant": [
2165
- "chipToggleVariantRoot",
2166
- "chipToggleVariantIcon"
2167
- ]
2168
- },
2018
+ "Menu.index": {
2019
+ "name": "Menu.index",
2020
+ "defaultProps": {},
2021
+ "getStylesLiterals": {},
2022
+ "cxLiterals": [],
2023
+ "internalComponents": [],
2024
+ "internalComponentProps": {},
2025
+ "propToVariantKeys": {},
2169
2026
  "runtimeConfigDefaultProps": {},
2170
2027
  "runtimeConfigGetStyles": {},
2171
2028
  "runtimeConfigInternalComponentProps": {},
2172
2029
  "motionVarPrefixes": []
2173
2030
  },
2174
- "Menu.Content": {
2175
- "name": "Menu.Content",
2176
- "defaultProps": {
2177
- "size": "default",
2178
- "variant": "default",
2179
- "gutter": "1"
2180
- },
2031
+ "Menu": {
2032
+ "name": "Menu",
2033
+ "defaultProps": {},
2181
2034
  "getStylesLiterals": {},
2182
- "cxLiterals": [
2183
- "uds-menu-content",
2184
- "transition-shadow",
2185
- "duration-200",
2186
- "ease-in-out",
2187
- "min-w-60",
2188
- "max-w-lg",
2189
- "max-h-96",
2190
- "overflow-auto",
2191
- "uds-ring",
2192
- "z-10",
2193
- "group"
2194
- ],
2195
- "internalComponents": [
2196
- "AriakitMenu",
2197
- "AnimatePresence",
2198
- "MotionVStack"
2199
- ],
2035
+ "cxLiterals": [],
2036
+ "internalComponents": [],
2200
2037
  "internalComponentProps": {},
2201
- "propToVariantKeys": {
2202
- "size": [
2203
- "menucontentSizeRoot"
2204
- ],
2205
- "variant": [
2206
- "menucontentVariantRoot"
2207
- ]
2208
- },
2038
+ "propToVariantKeys": {},
2209
2039
  "runtimeConfigDefaultProps": {},
2210
2040
  "runtimeConfigGetStyles": {},
2211
2041
  "runtimeConfigInternalComponentProps": {},
2212
2042
  "motionVarPrefixes": []
2213
2043
  },
2214
- "Menu.Divider": {
2215
- "name": "Menu.Divider",
2044
+ "Input": {
2045
+ "name": "Input",
2216
2046
  "defaultProps": {
2217
- "role": "separator",
2218
- "contentPosition": "start",
2219
- "gap": "4"
2220
- },
2221
- "getStylesLiterals": {
2222
- "menuitemDividerVariantRoot": "default",
2223
- "menuitemDividerVariantText": "default",
2224
- "menuitemDividerVariantLine": "default"
2225
- },
2226
- "cxLiterals": [],
2227
- "internalComponents": [
2228
- "DividerInternal"
2229
- ],
2230
- "internalComponentProps": {
2231
- "DividerInternal": {
2232
- "variant": [
2233
- "inherit"
2234
- ]
2235
- }
2236
- },
2237
- "propToVariantKeys": {},
2238
- "runtimeConfigDefaultProps": {},
2239
- "runtimeConfigGetStyles": {},
2240
- "runtimeConfigInternalComponentProps": {},
2241
- "motionVarPrefixes": []
2242
- },
2243
- "Menu.Item": {
2244
- "name": "Menu.Item",
2245
- "defaultProps": {},
2246
- "getStylesLiterals": {
2247
- "menuitemItemVariantRoot": "default",
2248
- "menuitemItemVariantActiveRoot": "on",
2249
- "menuitemItemVariantActiveRoot:1": "off",
2250
- "menuitemItemVariantText": "default",
2251
- "menuitemItemVariantActiveText": "on",
2252
- "menuitemItemVariantActiveText:1": "off",
2253
- "menuitemItemVariantIcon": "default",
2254
- "menuitemItemVariantActiveIcon": "on",
2255
- "menuitemItemVariantActiveIcon:1": "off"
2256
- },
2257
- "cxLiterals": [],
2258
- "internalComponents": [
2259
- "MenuItemBase"
2260
- ],
2261
- "internalComponentProps": {},
2262
- "propToVariantKeys": {},
2263
- "runtimeConfigDefaultProps": {},
2264
- "runtimeConfigGetStyles": {},
2265
- "runtimeConfigInternalComponentProps": {},
2266
- "motionVarPrefixes": []
2267
- },
2268
- "Menu.ItemBase": {
2269
- "name": "Menu.ItemBase",
2270
- "defaultProps": {
2271
- "spacing": "0",
2272
- "spacingHorizontal": "4",
2273
- "spacingVertical": "3.5",
2274
- "columnGap": "2",
2275
- "alignItems": "center",
2276
- "justifyContent": "space-between"
2277
- },
2278
- "getStylesLiterals": {
2279
- "textAlign": "start",
2280
- "menuitemSizeRoot": "default",
2281
- "flexDirection": "row",
2282
- "menuitemSizeStartIcon": "default",
2283
- "menuitemSizeEndIcon": "default"
2284
- },
2285
- "cxLiterals": [
2286
- "flex",
2287
- "focus-visible:text-brand",
2288
- "focus-visible:bg-brand-secondary",
2289
- "focus-visible:z-10",
2290
- "uds-ring",
2291
- "!-outline-offset-2",
2292
- "[&:not([aria-checked])]:cursor-default",
2293
- "opacity-25",
2294
- "cursor-not-allowed",
2295
- "duration-20",
2296
- "transition-[font-variation-settings]",
2297
- "ease-in-out",
2298
- "z-0",
2299
- "uds-start-icon",
2300
- "uds-end-icon"
2301
- ],
2302
- "internalComponents": [
2303
- "Pressable",
2304
- "IconSlot",
2305
- "RootComponent",
2306
- "HStack",
2307
- "AnimatePresence"
2308
- ],
2309
- "internalComponentProps": {
2310
- "HStack": {
2311
- "alignItems": [
2312
- "center"
2313
- ],
2314
- "width": [
2315
- "full"
2316
- ]
2317
- },
2318
- "AnimatePresence": {
2319
- "mode": [
2320
- "popLayout"
2321
- ]
2322
- }
2323
- },
2324
- "propToVariantKeys": {
2325
- "startIconClassName": [
2326
- "className"
2327
- ],
2328
- "endIconClassName": [
2329
- "className"
2330
- ],
2331
- "startIcon": [
2332
- "icon"
2333
- ],
2334
- "endIcon": [
2335
- "icon"
2336
- ],
2337
- "columnGap": [
2338
- "gap"
2339
- ]
2340
- },
2341
- "runtimeConfigDefaultProps": {},
2342
- "runtimeConfigGetStyles": {},
2343
- "runtimeConfigInternalComponentProps": {},
2344
- "motionVarPrefixes": []
2345
- },
2346
- "Menu.ItemCheckbox": {
2347
- "name": "Menu.ItemCheckbox",
2348
- "defaultProps": {},
2349
- "getStylesLiterals": {
2350
- "menuitemItemCheckboxVariantRoot": "default",
2351
- "menuitemItemCheckboxVariantActiveRoot": "on",
2352
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2353
- "menuitemItemCheckboxVariantText": "default",
2354
- "menuitemItemCheckboxVariantActiveText": "on",
2355
- "menuitemItemCheckboxVariantActiveText:1": "off",
2356
- "menuitemItemCheckboxVariantStartIcon": "default",
2357
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2358
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2359
- "menuitemItemCheckboxVariantEndIcon": "default",
2360
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2361
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2362
- },
2363
- "cxLiterals": [
2364
- "uds-menu-item-checkbox"
2365
- ],
2366
- "internalComponents": [
2367
- "MenuItemBase"
2368
- ],
2369
- "internalComponentProps": {},
2370
- "propToVariantKeys": {},
2371
- "runtimeConfigDefaultProps": {},
2372
- "runtimeConfigGetStyles": {},
2373
- "runtimeConfigInternalComponentProps": {},
2374
- "motionVarPrefixes": []
2375
- },
2376
- "Menu.Provider": {
2377
- "name": "Menu.Provider",
2378
- "defaultProps": {},
2379
- "getStylesLiterals": {},
2380
- "cxLiterals": [],
2381
- "internalComponents": [
2382
- "AriakitMenuProvider",
2383
- "SpringMotionConfig"
2384
- ],
2385
- "internalComponentProps": {},
2386
- "propToVariantKeys": {},
2387
- "runtimeConfigDefaultProps": {},
2388
- "runtimeConfigGetStyles": {},
2389
- "runtimeConfigInternalComponentProps": {},
2390
- "motionVarPrefixes": [
2391
- "--uds-motion-subtle-3-",
2392
- "--uds-motion-smooth-3-"
2393
- ]
2394
- },
2395
- "Menu.Trigger": {
2396
- "name": "Menu.Trigger",
2397
- "defaultProps": {},
2398
- "getStylesLiterals": {},
2399
- "cxLiterals": [
2400
- "uds-menu-trigger"
2401
- ],
2402
- "internalComponents": [
2403
- "AriakitMenuTrigger",
2404
- "Box"
2405
- ],
2406
- "internalComponentProps": {
2407
- "Box": {
2408
- "className": [
2409
- "uds-ring h-fit w-fit"
2410
- ]
2411
- }
2412
- },
2413
- "propToVariantKeys": {},
2414
- "runtimeConfigDefaultProps": {},
2415
- "runtimeConfigGetStyles": {},
2416
- "runtimeConfigInternalComponentProps": {},
2417
- "motionVarPrefixes": []
2418
- },
2419
- "Menu.index": {
2420
- "name": "Menu.index",
2421
- "defaultProps": {},
2422
- "getStylesLiterals": {},
2423
- "cxLiterals": [],
2424
- "internalComponents": [],
2425
- "internalComponentProps": {},
2426
- "propToVariantKeys": {},
2427
- "runtimeConfigDefaultProps": {},
2428
- "runtimeConfigGetStyles": {},
2429
- "runtimeConfigInternalComponentProps": {},
2430
- "motionVarPrefixes": []
2431
- },
2432
- "Menu": {
2433
- "name": "Menu",
2434
- "defaultProps": {},
2435
- "getStylesLiterals": {},
2436
- "cxLiterals": [],
2437
- "internalComponents": [],
2438
- "internalComponentProps": {},
2439
- "propToVariantKeys": {},
2440
- "runtimeConfigDefaultProps": {},
2441
- "runtimeConfigGetStyles": {},
2442
- "runtimeConfigInternalComponentProps": {},
2443
- "motionVarPrefixes": []
2444
- },
2445
- "Input": {
2446
- "name": "Input",
2447
- "defaultProps": {
2448
- "type": "text",
2449
- "size": "md",
2450
- "width": "full"
2047
+ "type": "text",
2048
+ "size": "md",
2049
+ "width": "full"
2451
2050
  },
2452
2051
  "getStylesLiterals": {
2453
2052
  "inputVariantRoot": "default",
@@ -3475,5 +3074,414 @@
3475
3074
  "runtimeConfigGetStyles": {},
3476
3075
  "runtimeConfigInternalComponentProps": {},
3477
3076
  "motionVarPrefixes": []
3077
+ },
3078
+ "Accordion": {
3079
+ "name": "Accordion",
3080
+ "defaultProps": {
3081
+ "spacingHorizontal": "4",
3082
+ "spacingVertical": "4"
3083
+ },
3084
+ "getStylesLiterals": {},
3085
+ "cxLiterals": [
3086
+ "hover:bg-secondary/80",
3087
+ "w-full"
3088
+ ],
3089
+ "internalComponents": [
3090
+ "Icon",
3091
+ "SpringMotionConfig",
3092
+ "Pressable",
3093
+ "Text",
3094
+ "HStack",
3095
+ "AnimatePresence",
3096
+ "VStack"
3097
+ ],
3098
+ "internalComponentProps": {
3099
+ "Icon": {
3100
+ "variant": [
3101
+ "fill"
3102
+ ],
3103
+ "size": [
3104
+ "sm"
3105
+ ],
3106
+ "color": [
3107
+ "primary"
3108
+ ]
3109
+ },
3110
+ "SpringMotionConfig": {
3111
+ "layoutVariant": [
3112
+ "smooth"
3113
+ ],
3114
+ "layoutSpeed": [
3115
+ "3"
3116
+ ]
3117
+ },
3118
+ "Pressable": {
3119
+ "display": [
3120
+ "flex"
3121
+ ],
3122
+ "flexDirection": [
3123
+ "row"
3124
+ ],
3125
+ "alignItems": [
3126
+ "center"
3127
+ ],
3128
+ "justifyContent": [
3129
+ "space-between"
3130
+ ],
3131
+ "borderRadius": [
3132
+ "md"
3133
+ ]
3134
+ },
3135
+ "Text": {
3136
+ "variant": [
3137
+ "title4"
3138
+ ],
3139
+ "color": [
3140
+ "primary"
3141
+ ]
3142
+ },
3143
+ "HStack": {
3144
+ "display": [
3145
+ "flex"
3146
+ ],
3147
+ "alignItems": [
3148
+ "center"
3149
+ ],
3150
+ "justifyContent": [
3151
+ "space-between"
3152
+ ],
3153
+ "columnGap": [
3154
+ "2.5"
3155
+ ]
3156
+ }
3157
+ },
3158
+ "propToVariantKeys": {},
3159
+ "runtimeConfigDefaultProps": {},
3160
+ "runtimeConfigGetStyles": {},
3161
+ "runtimeConfigInternalComponentProps": {},
3162
+ "motionVarPrefixes": [
3163
+ "--uds-motion-smooth-3-"
3164
+ ]
3165
+ },
3166
+ "AvoidMotionLibraryProvider": {
3167
+ "name": "AvoidMotionLibraryProvider",
3168
+ "defaultProps": {},
3169
+ "getStylesLiterals": {},
3170
+ "cxLiterals": [],
3171
+ "internalComponents": [],
3172
+ "internalComponentProps": {},
3173
+ "propToVariantKeys": {},
3174
+ "runtimeConfigDefaultProps": {},
3175
+ "runtimeConfigGetStyles": {},
3176
+ "runtimeConfigInternalComponentProps": {},
3177
+ "motionVarPrefixes": []
3178
+ },
3179
+ "Modal": {
3180
+ "name": "Modal",
3181
+ "defaultProps": {},
3182
+ "getStylesLiterals": {},
3183
+ "cxLiterals": [
3184
+ "inset-8",
3185
+ "top-[250px]",
3186
+ "z-50",
3187
+ "mx-auto",
3188
+ "h-fit",
3189
+ "w-[600px]",
3190
+ "origin-center",
3191
+ "scale-95",
3192
+ "opacity-0",
3193
+ "transition",
3194
+ "duration-150",
3195
+ "data-[enter]:scale-100",
3196
+ "data-[enter]:opacity-100",
3197
+ "data-[enter]:bg-primary",
3198
+ "backdrop-blur-0",
3199
+ "data-[enter]:opacity-60",
3200
+ "data-[enter]:backdrop-blur-sm"
3201
+ ],
3202
+ "internalComponents": [
3203
+ "IconButton",
3204
+ "Dialog",
3205
+ "HStack",
3206
+ "Text",
3207
+ "VStack"
3208
+ ],
3209
+ "internalComponentProps": {
3210
+ "IconButton": {
3211
+ "aria-label": [
3212
+ "Close"
3213
+ ],
3214
+ "size": [
3215
+ "sm"
3216
+ ],
3217
+ "variant": [
3218
+ "tertiary"
3219
+ ]
3220
+ },
3221
+ "HStack": {
3222
+ "alignItems": [
3223
+ "center"
3224
+ ],
3225
+ "justifyContent": [
3226
+ "space-between"
3227
+ ]
3228
+ },
3229
+ "Text": {
3230
+ "variant": [
3231
+ "headline1"
3232
+ ],
3233
+ "color": [
3234
+ "primary"
3235
+ ]
3236
+ },
3237
+ "VStack": {
3238
+ "borderRadius": [
3239
+ "md"
3240
+ ],
3241
+ "position": [
3242
+ "fixed"
3243
+ ],
3244
+ "backgroundColor": [
3245
+ "primary"
3246
+ ],
3247
+ "dropShadow": [
3248
+ "md"
3249
+ ],
3250
+ "spacing": [
3251
+ "8"
3252
+ ],
3253
+ "overflow": [
3254
+ "hidden"
3255
+ ]
3256
+ }
3257
+ },
3258
+ "propToVariantKeys": {
3259
+ "handleClose": [
3260
+ "onClick"
3261
+ ]
3262
+ },
3263
+ "runtimeConfigDefaultProps": {},
3264
+ "runtimeConfigGetStyles": {},
3265
+ "runtimeConfigInternalComponentProps": {},
3266
+ "motionVarPrefixes": []
3267
+ },
3268
+ "SegmentedControl": {
3269
+ "name": "SegmentedControl",
3270
+ "defaultProps": {
3271
+ "textVariant": "label2"
3272
+ },
3273
+ "getStylesLiterals": {
3274
+ "display": "flex",
3275
+ "alignItems": "center",
3276
+ "backgroundColor": "primary",
3277
+ "spacingVertical": "1",
3278
+ "spacingHorizontal": "3",
3279
+ "columnGap": "1.5",
3280
+ "borderWidth": "thin",
3281
+ "borderRadius": "full",
3282
+ "borderColor": "muted",
3283
+ "borderColor:1": "transparent",
3284
+ "color": "primary",
3285
+ "color:1": "tertiary",
3286
+ "color:2": "muted"
3287
+ },
3288
+ "cxLiterals": [
3289
+ "uds-ring",
3290
+ "cursor-not-allowed",
3291
+ "opacity-50",
3292
+ "pointer-events-none",
3293
+ "hover:bg-primary"
3294
+ ],
3295
+ "internalComponents": [
3296
+ "TextVariant",
3297
+ "Radio",
3298
+ "Icon",
3299
+ "RadioProvider",
3300
+ "HStack",
3301
+ "RadioGroup",
3302
+ "Pressable",
3303
+ "Text"
3304
+ ],
3305
+ "internalComponentProps": {
3306
+ "Icon": {
3307
+ "size": [
3308
+ "sm"
3309
+ ],
3310
+ "color": [
3311
+ "current"
3312
+ ],
3313
+ "aria-hidden": [
3314
+ "true"
3315
+ ]
3316
+ },
3317
+ "HStack": {
3318
+ "spacing": [
3319
+ "1"
3320
+ ],
3321
+ "gap": [
3322
+ "1"
3323
+ ],
3324
+ "backgroundColor": [
3325
+ "secondary"
3326
+ ],
3327
+ "borderRadius": [
3328
+ "full"
3329
+ ],
3330
+ "display": [
3331
+ "inline-flex"
3332
+ ]
3333
+ },
3334
+ "Text": {
3335
+ "color": [
3336
+ "current"
3337
+ ]
3338
+ }
3339
+ },
3340
+ "propToVariantKeys": {
3341
+ "value": [
3342
+ "key"
3343
+ ],
3344
+ "label": [
3345
+ "aria-label"
3346
+ ],
3347
+ "textVariant": [
3348
+ "variant"
3349
+ ]
3350
+ },
3351
+ "runtimeConfigDefaultProps": {},
3352
+ "runtimeConfigGetStyles": {},
3353
+ "runtimeConfigInternalComponentProps": {},
3354
+ "motionVarPrefixes": []
3355
+ },
3356
+ "SwitchV2": {
3357
+ "name": "SwitchV2",
3358
+ "defaultProps": {
3359
+ "labelPosition": "start",
3360
+ "size": "md"
3361
+ },
3362
+ "getStylesLiterals": {
3363
+ "switchVariantRoot": "default",
3364
+ "switchVariantActiveRoot": "on",
3365
+ "switchVariantActiveRoot:1": "off",
3366
+ "switchVariantSwitch": "default",
3367
+ "switchVariantActiveSwitch": "on",
3368
+ "switchVariantActiveSwitch:1": "off",
3369
+ "switchVariantActiveHandle": "on",
3370
+ "switchVariantActiveHandle:1": "off",
3371
+ "switchVariantHandle": "default",
3372
+ "switchVariantHandleIcon": "default",
3373
+ "switchVariantActiveHandleIcon": "on",
3374
+ "switchVariantActiveHandleIcon:1": "off"
3375
+ },
3376
+ "cxLiterals": [
3377
+ "group",
3378
+ "flex",
3379
+ "items-center",
3380
+ "flex-row",
3381
+ "flex-row-reverse",
3382
+ "uds-ring",
3383
+ "uds-ring-within",
3384
+ "relative",
3385
+ "uds-border-radius-full",
3386
+ "transition-[background-color,box-shadow]",
3387
+ "pointer-events-none",
3388
+ "w-full",
3389
+ "h-full",
3390
+ "absolute",
3391
+ "top-0",
3392
+ "bottom-0",
3393
+ "right-0",
3394
+ "left-0",
3395
+ "overflow-hidden",
3396
+ "group-hover:scale-105",
3397
+ "opacity-95",
3398
+ "group-hover:opacity-100",
3399
+ "transition-[transform,opacity]",
3400
+ "opacity-0",
3401
+ "top-1/2",
3402
+ "left-1/2",
3403
+ "transform",
3404
+ "translate-x-[-50%]",
3405
+ "translate-y-[-50%]",
3406
+ "transition-opacity",
3407
+ "cursor-[inherit]",
3408
+ "w-[calc(100%+2px)]",
3409
+ "h-[calc(100%+2px)]",
3410
+ "text-start",
3411
+ "text-end",
3412
+ "opacity-100"
3413
+ ],
3414
+ "internalComponents": [
3415
+ "IconSlot",
3416
+ "Box",
3417
+ "FormLabel",
3418
+ "SpringMotionConfig",
3419
+ "RootElement",
3420
+ "MotionBox"
3421
+ ],
3422
+ "internalComponentProps": {
3423
+ "IconSlot": {
3424
+ "data-testid": [
3425
+ "on-icon",
3426
+ "off-icon"
3427
+ ]
3428
+ },
3429
+ "FormLabel": {
3430
+ "as": [
3431
+ "div"
3432
+ ],
3433
+ "variant": [
3434
+ "inherit"
3435
+ ],
3436
+ "color": [
3437
+ "inherit"
3438
+ ]
3439
+ },
3440
+ "SpringMotionConfig": {
3441
+ "layoutVariant": [
3442
+ "bouncy"
3443
+ ],
3444
+ "layoutSpeed": [
3445
+ "4"
3446
+ ]
3447
+ },
3448
+ "RootElement": {
3449
+ "data-testid": [
3450
+ "switch-root"
3451
+ ]
3452
+ },
3453
+ "MotionBox": {
3454
+ "layout": [
3455
+ "position"
3456
+ ]
3457
+ }
3458
+ },
3459
+ "propToVariantKeys": {
3460
+ "size": [
3461
+ "switchSizeRoot",
3462
+ "switchSizeSwitch",
3463
+ "switchSizeHandle",
3464
+ "switchSizeHandleIcon"
3465
+ ],
3466
+ "onIcon": [
3467
+ "icon"
3468
+ ],
3469
+ "offIcon": [
3470
+ "icon"
3471
+ ],
3472
+ "reduceMotion": [
3473
+ "reducedMotion"
3474
+ ],
3475
+ "isOn": [
3476
+ "layoutDependency"
3477
+ ]
3478
+ },
3479
+ "runtimeConfigDefaultProps": {},
3480
+ "runtimeConfigGetStyles": {},
3481
+ "runtimeConfigInternalComponentProps": {},
3482
+ "motionVarPrefixes": [
3483
+ "--uds-motion-bouncy-4-",
3484
+ "--uds-motion-smooth-3-"
3485
+ ]
3478
3486
  }
3479
3487
  }