@yahoo/uds 3.135.0-beta.1 → 3.136.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (316) 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/cli/runner.cjs +0 -40
  6. package/dist/cli/runner.js +0 -40
  7. package/dist/components/Banner/Banner.cjs +2 -2
  8. package/dist/components/Banner/Banner.d.cts +1 -1
  9. package/dist/components/Banner/Banner.d.ts +1 -1
  10. package/dist/components/Banner/Banner.js +2 -2
  11. package/dist/components/Banner/utils.d.cts +1 -1
  12. package/dist/components/Banner/utils.d.ts +1 -1
  13. package/dist/components/Box.d.cts +1 -1
  14. package/dist/components/Box.d.ts +1 -1
  15. package/dist/components/Divider/DividerCore.cjs +1 -1
  16. package/dist/components/Divider/DividerCore.d.cts +2 -2
  17. package/dist/components/Divider/DividerCore.d.ts +2 -2
  18. package/dist/components/Divider/DividerCore.js +1 -1
  19. package/dist/components/Divider/DividerInternal.d.cts +1 -1
  20. package/dist/components/Divider/DividerInternal.d.ts +1 -1
  21. package/dist/components/FormLabel.d.cts +1 -1
  22. package/dist/components/FormLabel.d.ts +1 -1
  23. package/dist/components/HStack.d.cts +1 -1
  24. package/dist/components/HStack.d.ts +1 -1
  25. package/dist/components/Icon.cjs +6 -15
  26. package/dist/components/Icon.d.cts +1 -0
  27. package/dist/components/Icon.d.ts +1 -0
  28. package/dist/components/Icon.js +7 -16
  29. package/dist/components/IconSlot.cjs +6 -25
  30. package/dist/components/IconSlot.d.cts +2 -3
  31. package/dist/components/IconSlot.d.ts +2 -3
  32. package/dist/components/IconSlot.js +6 -26
  33. package/dist/components/Image.d.cts +1 -1
  34. package/dist/components/Image.d.ts +1 -1
  35. package/dist/components/Link.d.cts +1 -1
  36. package/dist/components/Link.d.ts +1 -1
  37. package/dist/components/Text.d.cts +1 -1
  38. package/dist/components/Text.d.ts +1 -1
  39. package/dist/components/VStack.d.cts +1 -1
  40. package/dist/components/VStack.d.ts +1 -1
  41. package/dist/components/{Avatar → client/Avatar}/Avatar.cjs +6 -21
  42. package/dist/components/{Avatar → client/Avatar}/Avatar.d.cts +3 -3
  43. package/dist/components/{Avatar → client/Avatar}/Avatar.d.ts +4 -3
  44. package/dist/components/{Avatar → client/Avatar}/Avatar.js +5 -20
  45. package/dist/components/{Avatar → client/Avatar}/AvatarIcon.cjs +12 -11
  46. package/dist/components/{Avatar → client/Avatar}/AvatarIcon.d.cts +3 -4
  47. package/dist/components/{Avatar → client/Avatar}/AvatarIcon.d.ts +4 -4
  48. package/dist/components/{Avatar → client/Avatar}/AvatarIcon.js +7 -6
  49. package/dist/components/client/Avatar/AvatarImage.cjs +58 -37
  50. package/dist/components/client/Avatar/AvatarImage.d.cts +15 -2
  51. package/dist/components/client/Avatar/AvatarImage.d.ts +15 -2
  52. package/dist/components/client/Avatar/AvatarImage.js +57 -36
  53. package/dist/components/{Avatar → client/Avatar}/AvatarText.cjs +11 -11
  54. package/dist/components/{Avatar → client/Avatar}/AvatarText.d.cts +3 -4
  55. package/dist/components/{Avatar → client/Avatar}/AvatarText.d.ts +4 -4
  56. package/dist/components/{Avatar → client/Avatar}/AvatarText.js +5 -5
  57. package/dist/components/client/Avatar/index.cjs +6 -0
  58. package/dist/components/client/Avatar/index.d.cts +5 -3
  59. package/dist/components/client/Avatar/index.d.ts +5 -3
  60. package/dist/components/client/Avatar/index.js +4 -1
  61. package/dist/components/{Avatar → client/Avatar}/utils.cjs +4 -3
  62. package/dist/components/{Avatar → client/Avatar}/utils.d.cts +3 -3
  63. package/dist/components/{Avatar → client/Avatar}/utils.d.ts +4 -3
  64. package/dist/components/{Avatar → client/Avatar}/utils.js +3 -2
  65. package/dist/components/client/Badge.d.cts +1 -1
  66. package/dist/components/client/Badge.d.ts +1 -1
  67. package/dist/components/client/BottomSheet/BottomSheet.d.cts +1 -1
  68. package/dist/components/client/BottomSheet/BottomSheet.d.ts +1 -1
  69. package/dist/components/client/BottomSheet/BottomSheetContent.d.cts +1 -1
  70. package/dist/components/client/BottomSheet/BottomSheetContent.d.ts +1 -1
  71. package/dist/components/client/BottomSheet/BottomSheetHandle.d.cts +1 -1
  72. package/dist/components/client/BottomSheet/BottomSheetHandle.d.ts +1 -1
  73. package/dist/components/client/BottomSheet/BottomSheetHeader.cjs +1 -1
  74. package/dist/components/client/BottomSheet/BottomSheetHeader.d.cts +1 -1
  75. package/dist/components/client/BottomSheet/BottomSheetHeader.d.ts +1 -1
  76. package/dist/components/client/BottomSheet/BottomSheetHeader.js +1 -1
  77. package/dist/components/client/BottomSheet/useBottomSheetSnapModel.d.cts +1 -1
  78. package/dist/components/client/BottomSheet/useBottomSheetSnapModel.d.ts +1 -1
  79. package/dist/components/client/BottomSheet/utils.d.cts +1 -1
  80. package/dist/components/client/BottomSheet/utils.d.ts +1 -1
  81. package/dist/components/client/Button.cjs +1 -1
  82. package/dist/components/client/Button.d.cts +1 -1
  83. package/dist/components/client/Button.d.ts +1 -1
  84. package/dist/components/client/Button.js +1 -1
  85. package/dist/components/client/Checkbox.cjs +2 -2
  86. package/dist/components/client/Checkbox.d.cts +1 -1
  87. package/dist/components/client/Checkbox.d.ts +1 -1
  88. package/dist/components/client/Checkbox.js +2 -2
  89. package/dist/components/client/Chip/ChipBase.d.cts +1 -1
  90. package/dist/components/client/Chip/ChipBase.d.ts +1 -1
  91. package/dist/components/client/Chip/ChipButton.d.cts +1 -1
  92. package/dist/components/client/Chip/ChipButton.d.ts +1 -1
  93. package/dist/components/client/Chip/ChipDismissible.cjs +2 -2
  94. package/dist/components/client/Chip/ChipDismissible.d.cts +1 -1
  95. package/dist/components/client/Chip/ChipDismissible.d.ts +1 -1
  96. package/dist/components/client/Chip/ChipDismissible.js +2 -2
  97. package/dist/components/client/Chip/ChipLink.d.cts +1 -1
  98. package/dist/components/client/Chip/ChipLink.d.ts +1 -1
  99. package/dist/components/client/Chip/ChipToggle.d.cts +1 -1
  100. package/dist/components/client/Chip/ChipToggle.d.ts +1 -1
  101. package/dist/components/client/IconButton.cjs +2 -7
  102. package/dist/components/client/IconButton.js +2 -7
  103. package/dist/components/client/Input/Input.cjs +1 -1
  104. package/dist/components/client/Input/Input.d.cts +1 -1
  105. package/dist/components/client/Input/Input.d.ts +1 -1
  106. package/dist/components/client/Input/Input.js +1 -1
  107. package/dist/components/client/Input/InputHelpTextInternal.d.cts +1 -1
  108. package/dist/components/client/Input/InputHelpTextInternal.d.ts +1 -1
  109. package/dist/components/client/Menu/Menu.Content.d.cts +1 -1
  110. package/dist/components/client/Menu/Menu.Content.d.ts +1 -1
  111. package/dist/components/client/Menu/Menu.Item.d.cts +1 -1
  112. package/dist/components/client/Menu/Menu.Item.d.ts +1 -1
  113. package/dist/components/client/Menu/Menu.ItemBase.cjs +1 -1
  114. package/dist/components/client/Menu/Menu.ItemBase.d.cts +1 -1
  115. package/dist/components/client/Menu/Menu.ItemBase.d.ts +1 -1
  116. package/dist/components/client/Menu/Menu.ItemBase.js +1 -1
  117. package/dist/components/client/Menu/Menu.ItemCheckbox.cjs +1 -1
  118. package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts +2 -2
  119. package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts +2 -2
  120. package/dist/components/client/Menu/Menu.ItemCheckbox.js +1 -1
  121. package/dist/components/client/Modal/Modal.cjs +3 -3
  122. package/dist/components/client/Modal/Modal.d.cts +1 -1
  123. package/dist/components/client/Modal/Modal.d.ts +1 -1
  124. package/dist/components/client/Modal/Modal.js +3 -3
  125. package/dist/components/client/Modal/ModalActions.d.cts +1 -1
  126. package/dist/components/client/Modal/ModalActions.d.ts +1 -1
  127. package/dist/components/client/Modal/ModalContent.d.cts +1 -1
  128. package/dist/components/client/Modal/ModalContent.d.ts +1 -1
  129. package/dist/components/client/Modal/ModalContext.d.cts +1 -1
  130. package/dist/components/client/Modal/ModalContext.d.ts +1 -1
  131. package/dist/components/client/Modal/ModalDescription.d.cts +1 -1
  132. package/dist/components/client/Modal/ModalDescription.d.ts +1 -1
  133. package/dist/components/client/Modal/ModalTitle.d.cts +1 -1
  134. package/dist/components/client/Modal/ModalTitle.d.ts +1 -1
  135. package/dist/components/client/Modal/UDSModalConfigProvider.d.cts +1 -1
  136. package/dist/components/client/Modal/UDSModalConfigProvider.d.ts +1 -1
  137. package/dist/components/client/Popover/Popover.d.cts +1 -1
  138. package/dist/components/client/Popover/Popover.d.ts +1 -1
  139. package/dist/components/client/Popover/PopoverContent.cjs +3 -3
  140. package/dist/components/client/Popover/PopoverContent.d.cts +1 -1
  141. package/dist/components/client/Popover/PopoverContent.d.ts +1 -1
  142. package/dist/components/client/Popover/PopoverContent.js +3 -3
  143. package/dist/components/client/Popover/PopoverTrigger.d.cts +1 -1
  144. package/dist/components/client/Popover/PopoverTrigger.d.ts +1 -1
  145. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts +2 -2
  146. package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts +2 -2
  147. package/dist/components/client/Popover/index.d.cts +1 -1
  148. package/dist/components/client/Popover/index.d.ts +1 -1
  149. package/dist/components/client/Pressable.d.cts +1 -1
  150. package/dist/components/client/Pressable.d.ts +1 -1
  151. package/dist/components/client/Radio/Radio.d.cts +1 -1
  152. package/dist/components/client/Radio/Radio.d.ts +1 -1
  153. package/dist/components/client/Radio/RadioGroupProvider.d.cts +1 -1
  154. package/dist/components/client/Radio/RadioGroupProvider.d.ts +1 -1
  155. package/dist/components/client/SpringMotionConfig.d.cts +1 -1
  156. package/dist/components/client/SpringMotionConfig.d.ts +1 -1
  157. package/dist/components/client/Switch.cjs +1 -1
  158. package/dist/components/client/Switch.d.cts +1 -1
  159. package/dist/components/client/Switch.d.ts +1 -1
  160. package/dist/components/client/Switch.js +1 -1
  161. package/dist/components/client/Tabs/Tab.d.cts +1 -1
  162. package/dist/components/client/Tabs/Tab.d.ts +1 -1
  163. package/dist/components/client/Tabs/TabList.d.cts +1 -1
  164. package/dist/components/client/Tabs/TabList.d.ts +1 -1
  165. package/dist/components/client/Tabs/TabPanel.d.cts +1 -1
  166. package/dist/components/client/Tabs/TabPanel.d.ts +1 -1
  167. package/dist/components/client/Tabs/Tabs.d.cts +1 -1
  168. package/dist/components/client/Tabs/Tabs.d.ts +1 -1
  169. package/dist/components/client/Tabs/tabsContext.d.cts +1 -1
  170. package/dist/components/client/Tabs/tabsContext.d.ts +1 -1
  171. package/dist/components/client/Toast/Toast.cjs +1 -1
  172. package/dist/components/client/Toast/Toast.d.cts +1 -1
  173. package/dist/components/client/Toast/Toast.d.ts +1 -1
  174. package/dist/components/client/Toast/Toast.js +1 -1
  175. package/dist/components/client/Toast/ToastContainer.d.cts +1 -1
  176. package/dist/components/client/Toast/ToastContainer.d.ts +1 -1
  177. package/dist/components/client/Toast/UDSToastConfigProvider.d.cts +2 -2
  178. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +2 -2
  179. package/dist/components/client/Toast/createToast.d.cts +1 -1
  180. package/dist/components/client/Toast/createToast.d.ts +1 -1
  181. package/dist/components/client/Tooltip/Tooltip.d.cts +1 -1
  182. package/dist/components/client/Tooltip/Tooltip.d.ts +1 -1
  183. package/dist/components/client/Tooltip/TooltipContent.cjs +1 -1
  184. package/dist/components/client/Tooltip/TooltipContent.d.cts +2 -2
  185. package/dist/components/client/Tooltip/TooltipContent.d.ts +2 -2
  186. package/dist/components/client/Tooltip/TooltipContent.js +1 -1
  187. package/dist/components/client/Tooltip/TooltipTrigger.d.cts +1 -1
  188. package/dist/components/client/Tooltip/TooltipTrigger.d.ts +1 -1
  189. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.cts +1 -1
  190. package/dist/components/client/Tooltip/UDSTooltipConfigProvider.d.ts +1 -1
  191. package/dist/components/client/Tooltip/index.d.cts +1 -1
  192. package/dist/components/client/Tooltip/index.d.ts +1 -1
  193. package/dist/components/client/buttonConstants.d.cts +1 -1
  194. package/dist/components/client/buttonConstants.d.ts +1 -1
  195. package/dist/components/client/index.cjs +7 -1
  196. package/dist/components/client/index.d.cts +6 -4
  197. package/dist/components/client/index.d.ts +6 -4
  198. package/dist/components/client/index.js +5 -2
  199. package/dist/components/client/providers/UDSBreakpointsConfigProvider.d.cts +1 -1
  200. package/dist/components/client/providers/UDSBreakpointsConfigProvider.d.ts +1 -1
  201. package/dist/components/experimental/Table.cjs +1 -1
  202. package/dist/components/experimental/Table.d.cts +2 -2
  203. package/dist/components/experimental/Table.d.ts +2 -2
  204. package/dist/components/experimental/Table.js +1 -1
  205. package/dist/components/experimental/client/Accordion.cjs +1 -1
  206. package/dist/components/experimental/client/Accordion.js +1 -1
  207. package/dist/components/experimental/client/SegmentedControl.cjs +1 -1
  208. package/dist/components/experimental/client/SegmentedControl.js +1 -1
  209. package/dist/components/experimental/client/SwitchV2.cjs +1 -1
  210. package/dist/components/experimental/client/SwitchV2.d.cts +1 -1
  211. package/dist/components/experimental/client/SwitchV2.d.ts +1 -1
  212. package/dist/components/experimental/client/SwitchV2.js +1 -1
  213. package/dist/components/index.cjs +13 -16
  214. package/dist/components/index.d.cts +7 -9
  215. package/dist/components/index.d.ts +7 -9
  216. package/dist/components/index.js +8 -10
  217. package/dist/config/dist/index.d.cts +1 -1
  218. package/dist/config/dist/index.d.ts +1 -1
  219. package/dist/css-tokens/dist/index.d.cts +1 -1
  220. package/dist/css-tokens/dist/index.d.ts +1 -1
  221. package/dist/fixtures/dist/index.d.cts +1 -1
  222. package/dist/fixtures/dist/index.d.ts +1 -1
  223. package/dist/fixtures/index.d.cts +1 -1
  224. package/dist/fixtures/index.d.ts +1 -1
  225. package/dist/fonts/dist/index.d.cts +1 -1
  226. package/dist/fonts/dist/index.d.ts +1 -1
  227. package/dist/icons/dist/types.d.cts +30 -0
  228. package/dist/icons/dist/types.d.ts +30 -0
  229. package/dist/index.cjs +10 -12
  230. package/dist/index.d.cts +9 -11
  231. package/dist/index.d.ts +9 -11
  232. package/dist/index.js +8 -9
  233. package/dist/modes/dist/index.d.cts +1 -1
  234. package/dist/modes/dist/index.d.ts +1 -1
  235. package/dist/motion-tokens/dist/index.d.cts +1 -1
  236. package/dist/motion-tokens/dist/index.d.ts +1 -1
  237. package/dist/providers/ColorModeProvider.d.cts +1 -1
  238. package/dist/providers/ColorModeProvider.d.ts +1 -1
  239. package/dist/providers/ScaleModeProvider.d.cts +1 -1
  240. package/dist/providers/ScaleModeProvider.d.ts +1 -1
  241. package/dist/providers/ThemeProvider.d.cts +1 -1
  242. package/dist/providers/ThemeProvider.d.ts +1 -1
  243. package/dist/runtime/bottomSheetConfig.d.cts +1 -1
  244. package/dist/runtime/bottomSheetConfig.d.ts +1 -1
  245. package/dist/runtime/breakpointsConfig.d.cts +1 -1
  246. package/dist/runtime/breakpointsConfig.d.ts +1 -1
  247. package/dist/runtime/modalConfig.d.cts +1 -1
  248. package/dist/runtime/modalConfig.d.ts +1 -1
  249. package/dist/runtime/popoverConfig.d.cts +1 -1
  250. package/dist/runtime/popoverConfig.d.ts +1 -1
  251. package/dist/runtime/toastConfig.d.cts +1 -1
  252. package/dist/runtime/toastConfig.d.ts +1 -1
  253. package/dist/runtime/tooltipConfig.d.cts +1 -1
  254. package/dist/runtime/tooltipConfig.d.ts +1 -1
  255. package/dist/styles/styler.d.cts +5 -5
  256. package/dist/styles/styler.d.ts +5 -5
  257. package/dist/styles/stylerTypes.d.cts +1 -1
  258. package/dist/styles/stylerTypes.d.ts +1 -1
  259. package/dist/tailwind/dist/commands/generatePurgeCSSData.cjs +2 -6
  260. package/dist/tailwind/dist/commands/generatePurgeCSSData.d.cts.map +1 -1
  261. package/dist/tailwind/dist/commands/generatePurgeCSSData.d.ts.map +1 -1
  262. package/dist/tailwind/dist/commands/generatePurgeCSSData.js +2 -5
  263. package/dist/tailwind/dist/commands/generatePurgeCSSData.js.map +1 -1
  264. package/dist/tailwind/dist/css/theme.d.cts +1 -1
  265. package/dist/tailwind/dist/css/theme.d.ts +1 -1
  266. package/dist/tailwind/dist/index.d.cts +2 -2
  267. package/dist/tailwind/dist/index.d.ts +2 -2
  268. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.cts +4 -4
  269. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  270. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  271. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  272. package/dist/tokens/configs/borderRadius.d.cts +1 -1
  273. package/dist/tokens/configs/borderRadius.d.ts +1 -1
  274. package/dist/tokens/configs/borderWidth.d.cts +1 -1
  275. package/dist/tokens/configs/borderWidth.d.ts +1 -1
  276. package/dist/tokens/configs/font.d.cts +1 -1
  277. package/dist/tokens/configs/font.d.ts +1 -1
  278. package/dist/tokens/configs/scaleMode.d.cts +1 -1
  279. package/dist/tokens/configs/scaleMode.d.ts +1 -1
  280. package/dist/tokens/configs/shadow.d.cts +1 -1
  281. package/dist/tokens/configs/shadow.d.ts +1 -1
  282. package/dist/tokens/configs/sizes.d.cts +1 -1
  283. package/dist/tokens/configs/sizes.d.ts +1 -1
  284. package/dist/tokens/configs/typography.d.cts +1 -1
  285. package/dist/tokens/configs/typography.d.ts +1 -1
  286. package/dist/tokens/index.d.cts +2 -2
  287. package/dist/tokens/index.d.ts +2 -2
  288. package/dist/tokens/parseButtonVariants.d.cts +1 -1
  289. package/dist/tokens/parseButtonVariants.d.ts +1 -1
  290. package/dist/tokens/types.d.cts +7 -7
  291. package/dist/tokens/types.d.ts +7 -7
  292. package/dist/tokens/utils/spectrum.d.cts +1 -1
  293. package/dist/tokens/utils/spectrum.d.ts +1 -1
  294. package/dist/types/{src → dist}/index.d.cts +23 -35
  295. package/dist/types/{src → dist}/index.d.ts +23 -35
  296. package/dist/uds/generated/componentData.cjs +1641 -1661
  297. package/dist/uds/generated/componentData.js +1687 -1701
  298. package/dist/uds/generated/tailwindPurge.cjs +104 -128
  299. package/dist/uds/generated/tailwindPurge.js +104 -128
  300. package/dist/utils/isElevationAlias.d.cts +1 -1
  301. package/dist/utils/isElevationAlias.d.ts +1 -1
  302. package/generated/componentData.json +2136 -2144
  303. package/generated/tailwindPurge.ts +3 -3
  304. package/package.json +1 -1
  305. package/dist/components/Avatar/AvatarImage.types.cjs +0 -1
  306. package/dist/components/Avatar/AvatarImage.types.d.cts +0 -18
  307. package/dist/components/Avatar/AvatarImage.types.d.ts +0 -18
  308. package/dist/components/Avatar/AvatarImage.types.js +0 -1
  309. package/dist/components/Avatar/AvatarImageNoFallback.cjs +0 -51
  310. package/dist/components/Avatar/AvatarImageNoFallback.d.cts +0 -18
  311. package/dist/components/Avatar/AvatarImageNoFallback.d.ts +0 -18
  312. package/dist/components/Avatar/AvatarImageNoFallback.js +0 -49
  313. package/dist/components/Avatar/index.cjs +0 -10
  314. package/dist/components/Avatar/index.d.cts +0 -6
  315. package/dist/components/Avatar/index.d.ts +0 -6
  316. package/dist/components/Avatar/index.js +0 -6
@@ -1,104 +1,21 @@
1
1
  /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
2
2
  //#region generated/componentData.json
3
- var VStack = {
4
- "name": "VStack",
5
- "defaultProps": {},
6
- "getStylesLiterals": {},
7
- "cxLiterals": [],
8
- "internalComponents": ["Box"],
9
- "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
10
- "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
11
- "runtimeConfigDefaultProps": {},
12
- "runtimeConfigGetStyles": {},
13
- "runtimeConfigInternalComponentProps": {},
14
- "motionVarPrefixes": []
15
- };
16
- var Scrim = {
17
- "name": "Scrim",
3
+ var Box = {
4
+ "name": "Box",
18
5
  "defaultProps": {
19
- "variant": "default",
20
- "position": "fixed"
21
- },
22
- "getStylesLiterals": {},
23
- "cxLiterals": [
24
- "fixed",
25
- "absolute",
26
- "inset-0",
27
- "z-40",
28
- "transition-opacity",
29
- "duration-150",
30
- "data-[enter]:opacity-100",
31
- "[&:not([data-enter])]:opacity-0",
32
- "opacity-100",
33
- "uds-bgBlurFallback"
34
- ],
35
- "internalComponents": ["Box"],
36
- "internalComponentProps": { "Box": { "display": ["block"] } },
37
- "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
38
- "runtimeConfigDefaultProps": {},
39
- "runtimeConfigGetStyles": {},
40
- "runtimeConfigInternalComponentProps": {},
41
- "motionVarPrefixes": []
42
- };
43
- var Link = {
44
- "name": "Link",
45
- "defaultProps": { "variant": "primary" },
46
- "getStylesLiterals": {
47
- "display": "inline-flex",
48
- "alignItems": "center"
49
- },
50
- "cxLiterals": [
51
- "uds-ring",
52
- "underline",
53
- "w-[0.7em]",
54
- "h-[0.7em]"
55
- ],
56
- "internalComponents": ["IconSlot"],
57
- "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
58
- "propToVariantKeys": {
59
- "textVariant": [
60
- "linkTextStyleRoot",
61
- "fontSize",
62
- "fontFamily",
63
- "fontWeight",
64
- "lineHeight",
65
- "textTransform",
66
- "linkTextStyleIcon"
67
- ],
68
- "variant": [
69
- "linkVariantRoot",
70
- "linkVariantIconStart",
71
- "linkVariantIconEnd"
72
- ],
73
- "startIcon": ["icon"],
74
- "endIcon": ["icon"]
6
+ "as": "div",
7
+ "display": "flex"
75
8
  },
76
- "runtimeConfigDefaultProps": {},
77
- "runtimeConfigGetStyles": {},
78
- "runtimeConfigInternalComponentProps": {},
79
- "motionVarPrefixes": []
80
- };
81
- var IconSlot = {
82
- "name": "IconSlot",
83
- "defaultProps": {},
84
- "getStylesLiterals": {},
85
- "cxLiterals": [],
86
- "internalComponents": ["Icon"],
87
- "internalComponentProps": {},
88
- "propToVariantKeys": {},
89
- "runtimeConfigDefaultProps": {},
90
- "runtimeConfigGetStyles": {},
91
- "runtimeConfigInternalComponentProps": {},
92
- "motionVarPrefixes": []
93
- };
94
- var Image = {
95
- "name": "Image",
96
- "defaultProps": {},
97
9
  "getStylesLiterals": {},
98
10
  "cxLiterals": [],
99
- "internalComponents": [],
11
+ "internalComponents": ["Comp"],
100
12
  "internalComponentProps": {},
101
- "propToVariantKeys": {},
13
+ "propToVariantKeys": { "elevationAlias": [
14
+ "backgroundColor",
15
+ "borderColor",
16
+ "borderWidth",
17
+ "dropShadow"
18
+ ] },
102
19
  "runtimeConfigDefaultProps": {},
103
20
  "runtimeConfigGetStyles": {},
104
21
  "runtimeConfigInternalComponentProps": {},
@@ -125,22 +42,14 @@ var FormLabel = {
125
42
  "runtimeConfigInternalComponentProps": {},
126
43
  "motionVarPrefixes": []
127
44
  };
128
- var Box = {
129
- "name": "Box",
130
- "defaultProps": {
131
- "as": "div",
132
- "display": "flex"
133
- },
45
+ var HStack = {
46
+ "name": "HStack",
47
+ "defaultProps": {},
134
48
  "getStylesLiterals": {},
135
49
  "cxLiterals": [],
136
- "internalComponents": ["Comp"],
137
- "internalComponentProps": {},
138
- "propToVariantKeys": { "elevationAlias": [
139
- "backgroundColor",
140
- "borderColor",
141
- "borderWidth",
142
- "dropShadow"
143
- ] },
50
+ "internalComponents": ["Box"],
51
+ "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
52
+ "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
144
53
  "runtimeConfigDefaultProps": {},
145
54
  "runtimeConfigGetStyles": {},
146
55
  "runtimeConfigInternalComponentProps": {},
@@ -155,7 +64,7 @@ var Icon = {
155
64
  },
156
65
  "getStylesLiterals": { "flex": "none" },
157
66
  "cxLiterals": ["[&_path]:fill-current"],
158
- "internalComponents": [],
67
+ "internalComponents": ["SVGIcon"],
159
68
  "internalComponentProps": {},
160
69
  "propToVariantKeys": {},
161
70
  "runtimeConfigDefaultProps": {},
@@ -163,37 +72,92 @@ var Icon = {
163
72
  "runtimeConfigInternalComponentProps": {},
164
73
  "motionVarPrefixes": []
165
74
  };
166
- var HStack = {
167
- "name": "HStack",
75
+ var IconSlot = {
76
+ "name": "IconSlot",
168
77
  "defaultProps": {},
169
78
  "getStylesLiterals": {},
170
79
  "cxLiterals": [],
171
- "internalComponents": ["Box"],
172
- "internalComponentProps": { "Box": { "flexDirection": ["row"] } },
173
- "propToVariantKeys": { "gap": ["rowGap", "columnGap"] },
80
+ "internalComponents": ["Icon"],
81
+ "internalComponentProps": {},
82
+ "propToVariantKeys": {},
174
83
  "runtimeConfigDefaultProps": {},
175
84
  "runtimeConfigGetStyles": {},
176
85
  "runtimeConfigInternalComponentProps": {},
177
86
  "motionVarPrefixes": []
178
87
  };
179
- var Text = {
180
- "name": "Text",
181
- "defaultProps": {
182
- "color": "primary",
183
- "variant": "body1"
184
- },
88
+ var Image = {
89
+ "name": "Image",
90
+ "defaultProps": {},
185
91
  "getStylesLiterals": {},
186
92
  "cxLiterals": [],
187
- "internalComponents": ["Comp"],
93
+ "internalComponents": [],
188
94
  "internalComponentProps": {},
189
- "propToVariantKeys": { "variant": [
190
- "fontFamily",
191
- "fontSize",
192
- "fontWeight",
193
- "lineHeight",
194
- "textTransform",
195
- "letterSpacing"
196
- ] },
95
+ "propToVariantKeys": {},
96
+ "runtimeConfigDefaultProps": {},
97
+ "runtimeConfigGetStyles": {},
98
+ "runtimeConfigInternalComponentProps": {},
99
+ "motionVarPrefixes": []
100
+ };
101
+ var Link = {
102
+ "name": "Link",
103
+ "defaultProps": { "variant": "primary" },
104
+ "getStylesLiterals": {
105
+ "display": "inline-flex",
106
+ "alignItems": "center"
107
+ },
108
+ "cxLiterals": [
109
+ "uds-ring",
110
+ "underline",
111
+ "w-[0.7em]",
112
+ "h-[0.7em]"
113
+ ],
114
+ "internalComponents": ["IconSlot"],
115
+ "internalComponentProps": { "IconSlot": { "data-testid": ["start-icon", "end-icon"] } },
116
+ "propToVariantKeys": {
117
+ "textVariant": [
118
+ "linkTextStyleRoot",
119
+ "fontSize",
120
+ "fontFamily",
121
+ "fontWeight",
122
+ "lineHeight",
123
+ "textTransform",
124
+ "linkTextStyleIcon"
125
+ ],
126
+ "variant": [
127
+ "linkVariantRoot",
128
+ "linkVariantIconStart",
129
+ "linkVariantIconEnd"
130
+ ],
131
+ "startIcon": ["icon"],
132
+ "endIcon": ["icon"]
133
+ },
134
+ "runtimeConfigDefaultProps": {},
135
+ "runtimeConfigGetStyles": {},
136
+ "runtimeConfigInternalComponentProps": {},
137
+ "motionVarPrefixes": []
138
+ };
139
+ var Scrim = {
140
+ "name": "Scrim",
141
+ "defaultProps": {
142
+ "variant": "default",
143
+ "position": "fixed"
144
+ },
145
+ "getStylesLiterals": {},
146
+ "cxLiterals": [
147
+ "fixed",
148
+ "absolute",
149
+ "inset-0",
150
+ "z-40",
151
+ "transition-opacity",
152
+ "duration-150",
153
+ "data-[enter]:opacity-100",
154
+ "[&:not([data-enter])]:opacity-0",
155
+ "opacity-100",
156
+ "uds-bgBlurFallback"
157
+ ],
158
+ "internalComponents": ["Box"],
159
+ "internalComponentProps": { "Box": { "display": ["block"] } },
160
+ "propToVariantKeys": { "variant": ["scrimVariantRoot"] },
197
161
  "runtimeConfigDefaultProps": {},
198
162
  "runtimeConfigGetStyles": {},
199
163
  "runtimeConfigInternalComponentProps": {},
@@ -233,111 +197,37 @@ var SvgFloatingOverlay = {
233
197
  "runtimeConfigInternalComponentProps": {},
234
198
  "motionVarPrefixes": []
235
199
  };
236
- var Avatar = {
237
- "name": "Avatar",
238
- "defaultProps": {},
200
+ var Text = {
201
+ "name": "Text",
202
+ "defaultProps": {
203
+ "color": "primary",
204
+ "variant": "body1"
205
+ },
239
206
  "getStylesLiterals": {},
240
207
  "cxLiterals": [],
241
- "internalComponents": [
242
- "AvatarImage",
243
- "AvatarText",
244
- "AvatarIcon"
245
- ],
208
+ "internalComponents": ["Comp"],
246
209
  "internalComponentProps": {},
247
- "propToVariantKeys": {},
210
+ "propToVariantKeys": { "variant": [
211
+ "fontFamily",
212
+ "fontSize",
213
+ "fontWeight",
214
+ "lineHeight",
215
+ "textTransform",
216
+ "letterSpacing"
217
+ ] },
248
218
  "runtimeConfigDefaultProps": {},
249
219
  "runtimeConfigGetStyles": {},
250
220
  "runtimeConfigInternalComponentProps": {},
251
221
  "motionVarPrefixes": []
252
222
  };
253
- var AvatarIcon = {
254
- "name": "AvatarIcon",
255
- "defaultProps": {
256
- "size": "md",
257
- "variant": "primary"
258
- },
223
+ var VStack = {
224
+ "name": "VStack",
225
+ "defaultProps": {},
259
226
  "getStylesLiterals": {},
260
- "cxLiterals": [
261
- "overflow-hidden",
262
- "w-full",
263
- "h-full",
264
- "shrink-0",
265
- "text-center",
266
- "inline-flex",
267
- "justify-center",
268
- "items-center"
269
- ],
270
- "internalComponents": ["IconSlot", "Box"],
271
- "internalComponentProps": {},
272
- "propToVariantKeys": { "size": ["avatarSizeIcon"] },
273
- "runtimeConfigDefaultProps": {},
274
- "runtimeConfigGetStyles": {},
275
- "runtimeConfigInternalComponentProps": {},
276
- "motionVarPrefixes": []
277
- };
278
- var AvatarText = {
279
- "name": "AvatarText",
280
- "defaultProps": {
281
- "size": "md",
282
- "variant": "primary"
283
- },
284
- "getStylesLiterals": {},
285
- "cxLiterals": [
286
- "overflow-hidden",
287
- "truncate",
288
- "w-full",
289
- "h-full",
290
- "shrink-0",
291
- "text-center",
292
- "inline-flex",
293
- "justify-center",
294
- "items-center"
295
- ],
296
- "internalComponents": ["Box", "Text"],
297
- "internalComponentProps": { "Text": {
298
- "color": ["inherit"],
299
- "variant": ["inherit"]
300
- } },
301
- "propToVariantKeys": {},
302
- "runtimeConfigDefaultProps": {},
303
- "runtimeConfigGetStyles": {},
304
- "runtimeConfigInternalComponentProps": {},
305
- "motionVarPrefixes": []
306
- };
307
- var AvatarImageNoFallback = {
308
- "name": "AvatarImageNoFallback",
309
- "defaultProps": {
310
- "size": "md",
311
- "variant": "primary"
312
- },
313
- "getStylesLiterals": {},
314
- "cxLiterals": [
315
- "overflow-hidden",
316
- "w-full",
317
- "h-full",
318
- "shrink-0",
319
- "text-center",
320
- "inline-flex",
321
- "justify-center",
322
- "items-center",
323
- "object-cover"
324
- ],
325
- "internalComponents": ["UDSImage", "Box"],
326
- "internalComponentProps": {},
327
- "propToVariantKeys": {},
328
- "runtimeConfigDefaultProps": {},
329
- "runtimeConfigGetStyles": {},
330
- "runtimeConfigInternalComponentProps": {},
331
- "motionVarPrefixes": []
332
- };
333
- var BannerTitle = {
334
- "name": "BannerTitle",
335
- "defaultProps": {},
336
- "getStylesLiterals": { "bannerSizeTitle": "default" },
337
- "cxLiterals": ["w-full", "truncate"],
338
- "internalComponents": ["Text"],
339
- "internalComponentProps": {},
340
- "propToVariantKeys": {},
227
+ "cxLiterals": [],
228
+ "internalComponents": ["Box"],
229
+ "internalComponentProps": { "Box": { "flexDirection": ["column"] } },
230
+ "propToVariantKeys": { "gap": ["columnGap", "rowGap"] },
341
231
  "runtimeConfigDefaultProps": {},
342
232
  "runtimeConfigGetStyles": {},
343
233
  "runtimeConfigInternalComponentProps": {},
@@ -456,141 +346,248 @@ var BannerDescription = {
456
346
  "runtimeConfigInternalComponentProps": {},
457
347
  "motionVarPrefixes": []
458
348
  };
459
- var Spinner = {
460
- "name": "Spinner",
461
- "defaultProps": {
462
- "color": "primary",
463
- "size": "lg"
464
- },
349
+ var BannerTitle = {
350
+ "name": "BannerTitle",
351
+ "defaultProps": {},
352
+ "getStylesLiterals": { "bannerSizeTitle": "default" },
353
+ "cxLiterals": ["w-full", "truncate"],
354
+ "internalComponents": ["Text"],
355
+ "internalComponentProps": {},
356
+ "propToVariantKeys": {},
357
+ "runtimeConfigDefaultProps": {},
358
+ "runtimeConfigGetStyles": {},
359
+ "runtimeConfigInternalComponentProps": {},
360
+ "motionVarPrefixes": []
361
+ };
362
+ var Divider = {
363
+ "name": "Divider",
364
+ "defaultProps": {},
465
365
  "getStylesLiterals": {},
466
- "cxLiterals": [
467
- "self-center",
468
- "relative",
469
- "sr-only"
470
- ],
471
- "internalComponents": ["Icon"],
472
- "internalComponentProps": { "Icon": {
473
- "role": ["img"],
474
- "className": ["animate-spin"],
475
- "aria-hidden": ["true"]
476
- } },
366
+ "cxLiterals": [],
367
+ "internalComponents": ["DividerInternal"],
368
+ "internalComponentProps": {},
477
369
  "propToVariantKeys": {},
478
370
  "runtimeConfigDefaultProps": {},
479
371
  "runtimeConfigGetStyles": {},
480
372
  "runtimeConfigInternalComponentProps": {},
481
373
  "motionVarPrefixes": []
482
374
  };
483
- var Table = {
484
- "name": "Table",
485
- "defaultProps": {
486
- "display": "table-cell",
487
- "overflow": "hidden",
488
- "borderColor": "muted",
489
- "borderRadius": "md",
490
- "spacing": "3",
491
- "borderBottomColor": "muted",
492
- "borderBottomWidth": "thin",
493
- "color": "primary"
494
- },
495
- "getStylesLiterals": { "textAlign": "start" },
375
+ var DividerCore = {
376
+ "name": "DividerCore",
377
+ "defaultProps": { "contentPosition": "center" },
378
+ "getStylesLiterals": {},
496
379
  "cxLiterals": [],
497
380
  "internalComponents": [
498
- "CellComponent",
499
381
  "Box",
500
- "Text",
501
- "Table.Root",
502
- "Table.Header",
503
- "Table.Row",
504
- "Table.Cell",
505
- "Table.Body"
382
+ "Line",
383
+ "InternalComponent",
384
+ "Text"
506
385
  ],
507
- "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
386
+ "internalComponentProps": {
387
+ "Box": {
388
+ "flex": ["1", "none"],
389
+ "display": ["flex"]
390
+ },
391
+ "InternalComponent": {
392
+ "flex": ["1"],
393
+ "alignItems": ["center"]
394
+ },
395
+ "Text": {
396
+ "as": ["span"],
397
+ "color": ["inherit"],
398
+ "variant": ["inherit"]
399
+ }
400
+ },
508
401
  "propToVariantKeys": {},
509
402
  "runtimeConfigDefaultProps": {},
510
403
  "runtimeConfigGetStyles": {},
511
404
  "runtimeConfigInternalComponentProps": {},
512
405
  "motionVarPrefixes": []
513
406
  };
514
- var Table_mocks = {
515
- "name": "Table.mocks",
516
- "defaultProps": {},
407
+ var DividerInternal = {
408
+ "name": "DividerInternal",
409
+ "defaultProps": { "variant": "primary" },
517
410
  "getStylesLiterals": {},
518
- "cxLiterals": [],
519
- "internalComponents": [],
411
+ "cxLiterals": ["inherit"],
412
+ "internalComponents": ["DividerCore"],
520
413
  "internalComponentProps": {},
521
- "propToVariantKeys": {},
414
+ "propToVariantKeys": { "variant": [
415
+ "dividerVariantRoot",
416
+ "dividerVariantLabel",
417
+ "dividerVariantLine"
418
+ ] },
522
419
  "runtimeConfigDefaultProps": {},
523
420
  "runtimeConfigGetStyles": {},
524
421
  "runtimeConfigInternalComponentProps": {},
525
422
  "motionVarPrefixes": []
526
423
  };
527
- var Checkbox = {
528
- "name": "Checkbox",
424
+ var AnimateHeightChange = {
425
+ "name": "AnimateHeightChange",
426
+ "defaultProps": {},
427
+ "getStylesLiterals": {},
428
+ "cxLiterals": ["overflow-hidden"],
429
+ "internalComponents": ["SpringMotionConfig"],
430
+ "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
431
+ "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
432
+ "runtimeConfigDefaultProps": {},
433
+ "runtimeConfigGetStyles": {},
434
+ "runtimeConfigInternalComponentProps": {},
435
+ "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
436
+ };
437
+ var Badge = {
438
+ "name": "Badge",
529
439
  "defaultProps": {
530
- "labelPosition": "start",
531
440
  "variant": "primary",
532
441
  "size": "md"
533
442
  },
534
- "getStylesLiterals": {
535
- "display": "flex",
536
- "flexDirection": "row",
537
- "flexDirection:1": "row-reverse",
538
- "alignItems": "center"
539
- },
443
+ "getStylesLiterals": {},
540
444
  "cxLiterals": [
541
- "cursor-pointer",
542
- "cursor-default",
543
- "opacity-50",
544
- "uds-ring",
545
- "uds-ring-within",
546
- "transition-[background-color,border-color,box-shadow]",
547
- "pointer-events-none",
548
- "transition-opacity",
549
- "cursor-[inherit]",
550
- "absolute",
551
- "opacity-0",
552
- "top-1/2",
553
- "left-1/2",
554
- "w-[calc(100%+2px)]",
555
- "h-[calc(100%+2px)]",
556
- "transform",
557
- "translate-x-[-50%]",
558
- "translate-y-[-50%]",
559
- "text-start",
560
- "text-end"
561
- ],
562
- "internalComponents": [
563
- "Icon",
564
- "FormLabel",
565
- "SpringMotionConfig",
566
- "RootElement",
567
- "MotionBox"
445
+ "flex-1",
446
+ "truncate",
447
+ "whitespace-nowrap",
448
+ "text-center"
568
449
  ],
450
+ "internalComponents": ["IconSlot", "HStack"],
569
451
  "internalComponentProps": {
570
- "Icon": { "size": ["sm"] },
571
- "FormLabel": {
572
- "as": ["div"],
573
- "variant": ["inherit"],
574
- "color": ["inherit"]
575
- },
576
- "RootElement": { "data-testid": ["container"] },
577
- "MotionBox": {
578
- "position": ["relative"],
579
- "alignItems": ["center"],
580
- "justifyContent": ["center"],
581
- "flex": ["none"]
452
+ "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
453
+ "HStack": {
454
+ "gap": ["2"],
455
+ "display": ["inline-flex"],
456
+ "alignItems": ["center"]
582
457
  }
583
458
  },
584
459
  "propToVariantKeys": {
585
- "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
586
- "variant": [
587
- "checkboxVariantRoot",
588
- "checkboxVariantCheckbox",
589
- "checkboxVariantCheckboxIcon"
590
- ],
591
- "valueState": [
592
- "checkboxVariantValueRoot",
593
- "checkboxVariantValueCheckbox",
460
+ "size": ["badgeSizeRoot", "badgeSizeIcon"],
461
+ "variant": ["badgeVariantRoot", "badgeVariantIcon"],
462
+ "startIcon": ["icon"],
463
+ "endIcon": ["icon"]
464
+ },
465
+ "runtimeConfigDefaultProps": {},
466
+ "runtimeConfigGetStyles": {},
467
+ "runtimeConfigInternalComponentProps": {},
468
+ "motionVarPrefixes": []
469
+ };
470
+ var Button = {
471
+ "name": "Button",
472
+ "defaultProps": { "type": "button" },
473
+ "getStylesLiterals": {},
474
+ "cxLiterals": [
475
+ "uds-ring",
476
+ "uds-hit-target",
477
+ "inline-flex",
478
+ "overflow-hidden",
479
+ "justify-center",
480
+ "items-center",
481
+ "whitespace-nowrap",
482
+ "select-none",
483
+ "[transform-origin:center]",
484
+ "[backface-visibility:hidden]",
485
+ "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
486
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
487
+ "[transition-duration:220ms]",
488
+ "cursor-not-allowed",
489
+ "uds-button-loading",
490
+ "uds-button-without-effects",
491
+ "withIcon",
492
+ "uds-button-with-gap",
493
+ "animate-spin",
494
+ "truncate"
495
+ ],
496
+ "internalComponents": [
497
+ "Icon",
498
+ "IconSlot",
499
+ "AnimatePresence",
500
+ "SpringMotionConfig",
501
+ "MotionSlot"
502
+ ],
503
+ "internalComponentProps": {
504
+ "Icon": { "color": ["current"] },
505
+ "AnimatePresence": { "mode": ["popLayout"] },
506
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
507
+ "MotionSlot": {
508
+ "whileHover": ["hover"],
509
+ "whileTap": ["pressed"]
510
+ }
511
+ },
512
+ "propToVariantKeys": {
513
+ "size": ["buttonSizeRoot", "buttonSizeIcon"],
514
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
515
+ "iconVariant": ["variant"],
516
+ "startIcon": ["icon"],
517
+ "endIcon": ["icon"]
518
+ },
519
+ "runtimeConfigDefaultProps": {},
520
+ "runtimeConfigGetStyles": {},
521
+ "runtimeConfigInternalComponentProps": {},
522
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
523
+ };
524
+ var Checkbox = {
525
+ "name": "Checkbox",
526
+ "defaultProps": {
527
+ "labelPosition": "start",
528
+ "variant": "primary",
529
+ "size": "md"
530
+ },
531
+ "getStylesLiterals": {
532
+ "display": "flex",
533
+ "flexDirection": "row",
534
+ "flexDirection:1": "row-reverse",
535
+ "alignItems": "center"
536
+ },
537
+ "cxLiterals": [
538
+ "cursor-pointer",
539
+ "cursor-default",
540
+ "opacity-50",
541
+ "uds-ring",
542
+ "uds-ring-within",
543
+ "transition-[background-color,border-color,box-shadow]",
544
+ "pointer-events-none",
545
+ "transition-opacity",
546
+ "cursor-[inherit]",
547
+ "absolute",
548
+ "opacity-0",
549
+ "top-1/2",
550
+ "left-1/2",
551
+ "w-[calc(100%+2px)]",
552
+ "h-[calc(100%+2px)]",
553
+ "transform",
554
+ "translate-x-[-50%]",
555
+ "translate-y-[-50%]",
556
+ "text-start",
557
+ "text-end"
558
+ ],
559
+ "internalComponents": [
560
+ "Icon",
561
+ "FormLabel",
562
+ "SpringMotionConfig",
563
+ "RootElement",
564
+ "MotionBox"
565
+ ],
566
+ "internalComponentProps": {
567
+ "Icon": { "size": ["sm"] },
568
+ "FormLabel": {
569
+ "as": ["div"],
570
+ "variant": ["inherit"],
571
+ "color": ["inherit"]
572
+ },
573
+ "RootElement": { "data-testid": ["container"] },
574
+ "MotionBox": {
575
+ "position": ["relative"],
576
+ "alignItems": ["center"],
577
+ "justifyContent": ["center"],
578
+ "flex": ["none"]
579
+ }
580
+ },
581
+ "propToVariantKeys": {
582
+ "size": ["checkboxSizeRoot", "checkboxSizeCheckbox"],
583
+ "variant": [
584
+ "checkboxVariantRoot",
585
+ "checkboxVariantCheckbox",
586
+ "checkboxVariantCheckboxIcon"
587
+ ],
588
+ "valueState": [
589
+ "checkboxVariantValueRoot",
590
+ "checkboxVariantValueCheckbox",
594
591
  "checkboxVariantValueCheckboxIcon"
595
592
  ],
596
593
  "reduceMotion": ["reducedMotion"]
@@ -600,6 +597,48 @@ var Checkbox = {
600
597
  "runtimeConfigInternalComponentProps": {},
601
598
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
602
599
  };
600
+ var IconButton = {
601
+ "name": "IconButton",
602
+ "defaultProps": { "type": "button" },
603
+ "getStylesLiterals": {},
604
+ "cxLiterals": [
605
+ "uds-ring",
606
+ "uds-hit-target",
607
+ "inline-flex",
608
+ "overflow-hidden",
609
+ "justify-center",
610
+ "items-center",
611
+ "[transform-origin:center]",
612
+ "[backface-visibility:hidden]",
613
+ "[transition-property:color,background-color,border-color,",
614
+ "box-shadow,text-decoration-color,fill,stroke]",
615
+ "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
616
+ "[transition-duration:220ms]",
617
+ "cursor-not-allowed",
618
+ "uds-button-loading",
619
+ "uds-button-without-effects",
620
+ "animate-spin"
621
+ ],
622
+ "internalComponents": [
623
+ "Icon",
624
+ "SpringMotionConfig",
625
+ "AnimatePresence"
626
+ ],
627
+ "internalComponentProps": {
628
+ "Icon": { "color": ["current"] },
629
+ "SpringMotionConfig": { "layoutSpeed": ["3"] },
630
+ "AnimatePresence": { "mode": ["popLayout"] }
631
+ },
632
+ "propToVariantKeys": {
633
+ "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
634
+ "variant": ["buttonVariantRoot", "buttonVariantIcon"],
635
+ "iconVariant": ["variant"]
636
+ },
637
+ "runtimeConfigDefaultProps": {},
638
+ "runtimeConfigGetStyles": {},
639
+ "runtimeConfigInternalComponentProps": {},
640
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
641
+ };
603
642
  var Pressable = {
604
643
  "name": "Pressable",
605
644
  "defaultProps": {},
@@ -613,6 +652,19 @@ var Pressable = {
613
652
  "runtimeConfigInternalComponentProps": {},
614
653
  "motionVarPrefixes": []
615
654
  };
655
+ var SpringMotionConfig = {
656
+ "name": "SpringMotionConfig",
657
+ "defaultProps": { "reducedMotion": "user" },
658
+ "getStylesLiterals": {},
659
+ "cxLiterals": [],
660
+ "internalComponents": ["LazyMotion", "MotionConfig"],
661
+ "internalComponentProps": {},
662
+ "propToVariantKeys": { "loadFeatures": ["features"] },
663
+ "runtimeConfigDefaultProps": {},
664
+ "runtimeConfigGetStyles": {},
665
+ "runtimeConfigInternalComponentProps": {},
666
+ "motionVarPrefixes": []
667
+ };
616
668
  var Switch = {
617
669
  "name": "Switch",
618
670
  "defaultProps": {
@@ -706,229 +758,245 @@ var Switch = {
706
758
  "runtimeConfigInternalComponentProps": {},
707
759
  "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
708
760
  };
709
- var IconButton = {
710
- "name": "IconButton",
711
- "defaultProps": { "type": "button" },
761
+ var Spinner = {
762
+ "name": "Spinner",
763
+ "defaultProps": {
764
+ "color": "primary",
765
+ "size": "lg"
766
+ },
712
767
  "getStylesLiterals": {},
713
768
  "cxLiterals": [
714
- "uds-ring",
715
- "uds-hit-target",
716
- "inline-flex",
717
- "overflow-hidden",
718
- "justify-center",
719
- "items-center",
720
- "[transform-origin:center]",
721
- "[backface-visibility:hidden]",
722
- "[transition-property:color,background-color,border-color,",
723
- "box-shadow,text-decoration-color,fill,stroke]",
724
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
725
- "[transition-duration:220ms]",
726
- "cursor-not-allowed",
727
- "uds-button-loading",
728
- "uds-button-without-effects",
729
- "animate-spin"
730
- ],
731
- "internalComponents": [
732
- "Icon",
733
- "SpringMotionConfig",
734
- "AnimatePresence"
769
+ "self-center",
770
+ "relative",
771
+ "sr-only"
735
772
  ],
736
- "internalComponentProps": {
737
- "Icon": { "color": ["current"] },
738
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
739
- "AnimatePresence": { "mode": ["popLayout"] }
740
- },
741
- "propToVariantKeys": {
742
- "size": ["iconbuttonSizeRoot", "iconbuttonSizeIcon"],
743
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
744
- "iconVariant": ["variant"]
745
- },
773
+ "internalComponents": ["Icon"],
774
+ "internalComponentProps": { "Icon": {
775
+ "role": ["img"],
776
+ "className": ["animate-spin"],
777
+ "aria-hidden": ["true"]
778
+ } },
779
+ "propToVariantKeys": {},
746
780
  "runtimeConfigDefaultProps": {},
747
781
  "runtimeConfigGetStyles": {},
748
782
  "runtimeConfigInternalComponentProps": {},
749
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
783
+ "motionVarPrefixes": []
750
784
  };
751
- var SpringMotionConfig = {
752
- "name": "SpringMotionConfig",
753
- "defaultProps": { "reducedMotion": "user" },
785
+ var Table_mocks = {
786
+ "name": "Table.mocks",
787
+ "defaultProps": {},
754
788
  "getStylesLiterals": {},
755
789
  "cxLiterals": [],
756
- "internalComponents": ["LazyMotion", "MotionConfig"],
790
+ "internalComponents": [],
757
791
  "internalComponentProps": {},
758
- "propToVariantKeys": { "loadFeatures": ["features"] },
792
+ "propToVariantKeys": {},
759
793
  "runtimeConfigDefaultProps": {},
760
794
  "runtimeConfigGetStyles": {},
761
795
  "runtimeConfigInternalComponentProps": {},
762
796
  "motionVarPrefixes": []
763
797
  };
764
- var AnimateHeightChange = {
765
- "name": "AnimateHeightChange",
766
- "defaultProps": {},
767
- "getStylesLiterals": {},
768
- "cxLiterals": ["overflow-hidden"],
769
- "internalComponents": ["SpringMotionConfig"],
770
- "internalComponentProps": { "SpringMotionConfig": { "layoutSpeed": ["4"] } },
771
- "propToVariantKeys": { "reduceMotion": ["reducedMotion"] },
798
+ var Table = {
799
+ "name": "Table",
800
+ "defaultProps": {
801
+ "display": "table-cell",
802
+ "overflow": "hidden",
803
+ "borderColor": "muted",
804
+ "borderRadius": "md",
805
+ "spacing": "3",
806
+ "borderBottomColor": "muted",
807
+ "borderBottomWidth": "thin",
808
+ "color": "primary"
809
+ },
810
+ "getStylesLiterals": { "textAlign": "start" },
811
+ "cxLiterals": [],
812
+ "internalComponents": [
813
+ "CellComponent",
814
+ "Box",
815
+ "Text",
816
+ "Table.Root",
817
+ "Table.Header",
818
+ "Table.Row",
819
+ "Table.Cell",
820
+ "Table.Body"
821
+ ],
822
+ "internalComponentProps": { "Table.Cell": { "asHeaderCell": ["column"] } },
823
+ "propToVariantKeys": {},
772
824
  "runtimeConfigDefaultProps": {},
773
825
  "runtimeConfigGetStyles": {},
774
826
  "runtimeConfigInternalComponentProps": {},
775
- "motionVarPrefixes": ["--uds-motion-subtle-4-", "--uds-motion-smooth-3-"]
827
+ "motionVarPrefixes": []
776
828
  };
777
- var Badge = {
778
- "name": "Badge",
829
+ var Avatar = {
830
+ "name": "Avatar",
831
+ "defaultProps": {},
832
+ "getStylesLiterals": {},
833
+ "cxLiterals": [],
834
+ "internalComponents": ["AvatarImage"],
835
+ "internalComponentProps": {},
836
+ "propToVariantKeys": {},
837
+ "runtimeConfigDefaultProps": {},
838
+ "runtimeConfigGetStyles": {},
839
+ "runtimeConfigInternalComponentProps": {},
840
+ "motionVarPrefixes": []
841
+ };
842
+ var AvatarIcon = {
843
+ "name": "AvatarIcon",
779
844
  "defaultProps": {
780
- "variant": "primary",
781
- "size": "md"
845
+ "size": "md",
846
+ "variant": "primary"
782
847
  },
783
848
  "getStylesLiterals": {},
784
849
  "cxLiterals": [
785
- "flex-1",
786
- "truncate",
787
- "whitespace-nowrap",
788
- "text-center"
850
+ "overflow-hidden",
851
+ "w-full",
852
+ "h-full",
853
+ "shrink-0",
854
+ "text-center",
855
+ "inline-flex",
856
+ "justify-center",
857
+ "items-center"
789
858
  ],
790
- "internalComponents": ["IconSlot", "HStack"],
791
- "internalComponentProps": {
792
- "IconSlot": { "data-testid": ["start-icon", "end-icon"] },
793
- "HStack": {
794
- "gap": ["2"],
795
- "display": ["inline-flex"],
796
- "alignItems": ["center"]
797
- }
798
- },
799
- "propToVariantKeys": {
800
- "size": ["badgeSizeRoot", "badgeSizeIcon"],
801
- "variant": ["badgeVariantRoot", "badgeVariantIcon"],
802
- "startIcon": ["icon"],
803
- "endIcon": ["icon"]
804
- },
859
+ "internalComponents": ["IconSlot", "Box"],
860
+ "internalComponentProps": {},
861
+ "propToVariantKeys": { "size": ["avatarSizeIcon"] },
805
862
  "runtimeConfigDefaultProps": {},
806
863
  "runtimeConfigGetStyles": {},
807
864
  "runtimeConfigInternalComponentProps": {},
808
865
  "motionVarPrefixes": []
809
866
  };
810
- var Button = {
811
- "name": "Button",
812
- "defaultProps": { "type": "button" },
867
+ var AvatarImage = {
868
+ "name": "AvatarImage",
869
+ "defaultProps": {
870
+ "size": "md",
871
+ "variant": "primary"
872
+ },
813
873
  "getStylesLiterals": {},
814
874
  "cxLiterals": [
815
- "uds-ring",
816
- "uds-hit-target",
817
- "inline-flex",
818
875
  "overflow-hidden",
876
+ "w-full",
877
+ "h-full",
878
+ "shrink-0",
879
+ "text-center",
880
+ "inline-flex",
819
881
  "justify-center",
820
882
  "items-center",
821
- "whitespace-nowrap",
822
- "select-none",
823
- "[transform-origin:center]",
824
- "[backface-visibility:hidden]",
825
- "[transition-property:color,background-color,border-color,box-shadow,text-decoration-color,fill,stroke]",
826
- "[transition-timing-function:cubic-bezier(0,0,0.2,1)]",
827
- "[transition-duration:220ms]",
828
- "cursor-not-allowed",
829
- "uds-button-loading",
830
- "uds-button-without-effects",
831
- "withIcon",
832
- "uds-button-with-gap",
833
- "animate-spin",
834
- "truncate"
883
+ "object-cover"
835
884
  ],
836
885
  "internalComponents": [
837
- "Icon",
838
- "IconSlot",
839
- "AnimatePresence",
840
- "SpringMotionConfig",
841
- "MotionSlot"
886
+ "UDSImage",
887
+ "AvatarText",
888
+ "AvatarIcon",
889
+ "Box"
842
890
  ],
843
- "internalComponentProps": {
844
- "Icon": { "color": ["current"] },
845
- "AnimatePresence": { "mode": ["popLayout"] },
846
- "SpringMotionConfig": { "layoutSpeed": ["3"] },
847
- "MotionSlot": {
848
- "whileHover": ["hover"],
849
- "whileTap": ["pressed"]
850
- }
851
- },
891
+ "internalComponentProps": {},
852
892
  "propToVariantKeys": {
853
- "size": ["buttonSizeRoot", "buttonSizeIcon"],
854
- "variant": ["buttonVariantRoot", "buttonVariantIcon"],
855
- "iconVariant": ["variant"],
856
- "startIcon": ["icon"],
857
- "endIcon": ["icon"]
893
+ "alt": ["name"],
894
+ "fallback": ["initials"]
858
895
  },
859
896
  "runtimeConfigDefaultProps": {},
860
897
  "runtimeConfigGetStyles": {},
861
898
  "runtimeConfigInternalComponentProps": {},
862
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
899
+ "motionVarPrefixes": []
863
900
  };
864
- var DividerInternal = {
865
- "name": "DividerInternal",
866
- "defaultProps": { "variant": "primary" },
901
+ var AvatarText = {
902
+ "name": "AvatarText",
903
+ "defaultProps": {
904
+ "size": "md",
905
+ "variant": "primary"
906
+ },
867
907
  "getStylesLiterals": {},
868
- "cxLiterals": ["inherit"],
869
- "internalComponents": ["DividerCore"],
870
- "internalComponentProps": {},
871
- "propToVariantKeys": { "variant": [
872
- "dividerVariantRoot",
873
- "dividerVariantLabel",
874
- "dividerVariantLine"
875
- ] },
908
+ "cxLiterals": [
909
+ "overflow-hidden",
910
+ "truncate",
911
+ "w-full",
912
+ "h-full",
913
+ "shrink-0",
914
+ "text-center",
915
+ "inline-flex",
916
+ "justify-center",
917
+ "items-center"
918
+ ],
919
+ "internalComponents": ["Box", "Text"],
920
+ "internalComponentProps": { "Text": {
921
+ "color": ["inherit"],
922
+ "variant": ["inherit"]
923
+ } },
924
+ "propToVariantKeys": {},
876
925
  "runtimeConfigDefaultProps": {},
877
926
  "runtimeConfigGetStyles": {},
878
927
  "runtimeConfigInternalComponentProps": {},
879
928
  "motionVarPrefixes": []
880
929
  };
881
- var DividerCore = {
882
- "name": "DividerCore",
883
- "defaultProps": { "contentPosition": "center" },
930
+ var BottomSheet = {
931
+ "name": "BottomSheet",
932
+ "defaultProps": { "variant": "default" },
884
933
  "getStylesLiterals": {},
885
- "cxLiterals": [],
934
+ "cxLiterals": [
935
+ "fixed",
936
+ "overflow-hidden",
937
+ "inset-x-0",
938
+ "bottom-0",
939
+ "z-50",
940
+ "[will-change:transform]",
941
+ "touch-none",
942
+ "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
943
+ "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
944
+ "transition-transform",
945
+ "duration-500",
946
+ "ease-[cubic-bezier(0.32,0.72,0,1)]",
947
+ "motion-reduce:transition-none",
948
+ "top-[-4px]",
949
+ "z-[1]",
950
+ "touch-pan-y"
951
+ ],
886
952
  "internalComponents": [
953
+ "Scrim",
954
+ "BottomSheetHandle",
955
+ "Dialog",
887
956
  "Box",
888
- "Line",
889
- "InternalComponent",
890
- "Text"
957
+ "BottomSheetInternalContext.Provider"
891
958
  ],
892
959
  "internalComponentProps": {
960
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
961
+ "Dialog": { "data-testid": ["bottom-sheet"] },
893
962
  "Box": {
894
- "flex": ["1", "none"],
895
- "display": ["flex"]
896
- },
897
- "InternalComponent": {
898
- "flex": ["1"],
899
- "alignItems": ["center"]
900
- },
901
- "Text": {
902
- "as": ["span"],
903
- "color": ["inherit"],
904
- "variant": ["inherit"]
963
+ "display": ["block", "flex"],
964
+ "position": ["absolute"],
965
+ "flexDirection": ["column"],
966
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
905
967
  }
906
968
  },
907
- "propToVariantKeys": {},
969
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
908
970
  "runtimeConfigDefaultProps": {},
909
971
  "runtimeConfigGetStyles": {},
910
972
  "runtimeConfigInternalComponentProps": {},
911
973
  "motionVarPrefixes": []
912
974
  };
913
- var Divider = {
914
- "name": "Divider",
975
+ var BottomSheetContent = {
976
+ "name": "BottomSheetContent",
915
977
  "defaultProps": {},
916
978
  "getStylesLiterals": {},
917
- "cxLiterals": [],
918
- "internalComponents": ["DividerInternal"],
919
- "internalComponentProps": {},
979
+ "cxLiterals": ["min-h-0", "touch-pan-y"],
980
+ "internalComponents": ["Box", "VStack"],
981
+ "internalComponentProps": {
982
+ "Box": {
983
+ "display": ["block"],
984
+ "flex": ["1"]
985
+ },
986
+ "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
987
+ },
920
988
  "propToVariantKeys": {},
921
989
  "runtimeConfigDefaultProps": {},
922
990
  "runtimeConfigGetStyles": {},
923
991
  "runtimeConfigInternalComponentProps": {},
924
992
  "motionVarPrefixes": []
925
993
  };
926
- var AvoidMotionLibraryProvider = {
927
- "name": "AvoidMotionLibraryProvider",
994
+ var BottomSheetDismiss = {
995
+ "name": "BottomSheetDismiss",
928
996
  "defaultProps": {},
929
997
  "getStylesLiterals": {},
930
998
  "cxLiterals": [],
931
- "internalComponents": [],
999
+ "internalComponents": ["AriakitDialogDismiss"],
932
1000
  "internalComponentProps": {},
933
1001
  "propToVariantKeys": {},
934
1002
  "runtimeConfigDefaultProps": {},
@@ -936,345 +1004,37 @@ var AvoidMotionLibraryProvider = {
936
1004
  "runtimeConfigInternalComponentProps": {},
937
1005
  "motionVarPrefixes": []
938
1006
  };
939
- var SegmentedControl = {
940
- "name": "SegmentedControl",
941
- "defaultProps": { "textVariant": "label2" },
942
- "getStylesLiterals": {
943
- "display": "flex",
944
- "alignItems": "center",
945
- "backgroundColor": "primary",
946
- "spacingVertical": "1",
947
- "spacingHorizontal": "3",
948
- "columnGap": "1.5",
949
- "borderWidth": "thin",
950
- "borderRadius": "full",
951
- "borderColor": "muted",
952
- "borderColor:1": "transparent",
953
- "color": "primary",
954
- "color:1": "tertiary",
955
- "color:2": "muted"
956
- },
957
- "cxLiterals": [
958
- "uds-ring",
959
- "cursor-not-allowed",
960
- "opacity-50",
961
- "pointer-events-none",
962
- "hover:bg-primary"
963
- ],
964
- "internalComponents": [
965
- "TextVariant",
966
- "Radio",
967
- "Icon",
968
- "RadioProvider",
969
- "HStack",
970
- "RadioGroup",
971
- "Pressable",
972
- "Text"
973
- ],
974
- "internalComponentProps": {
975
- "Icon": {
976
- "size": ["sm"],
977
- "color": ["current"],
978
- "aria-hidden": ["true"]
979
- },
980
- "HStack": {
981
- "spacing": ["1"],
982
- "gap": ["1"],
983
- "backgroundColor": ["secondary"],
984
- "borderRadius": ["full"],
985
- "display": ["inline-flex"]
986
- },
987
- "Text": { "color": ["current"] }
988
- },
989
- "propToVariantKeys": {
990
- "value": ["key"],
991
- "label": ["aria-label"],
992
- "textVariant": ["variant"]
993
- },
994
- "runtimeConfigDefaultProps": {},
995
- "runtimeConfigGetStyles": {},
996
- "runtimeConfigInternalComponentProps": {},
997
- "motionVarPrefixes": []
998
- };
999
- var Accordion = {
1000
- "name": "Accordion",
1001
- "defaultProps": {
1002
- "spacingHorizontal": "4",
1003
- "spacingVertical": "4"
1004
- },
1007
+ var BottomSheetHandle = {
1008
+ "name": "BottomSheetHandle",
1009
+ "defaultProps": { "variant": "default" },
1005
1010
  "getStylesLiterals": {},
1006
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1007
- "internalComponents": [
1008
- "Icon",
1009
- "SpringMotionConfig",
1010
- "Pressable",
1011
- "Text",
1012
- "HStack",
1013
- "AnimatePresence",
1014
- "VStack"
1015
- ],
1016
- "internalComponentProps": {
1017
- "Icon": {
1018
- "variant": ["fill"],
1019
- "size": ["sm"],
1020
- "color": ["primary"]
1021
- },
1022
- "SpringMotionConfig": {
1023
- "layoutVariant": ["smooth"],
1024
- "layoutSpeed": ["3"]
1025
- },
1026
- "Pressable": {
1027
- "display": ["flex"],
1028
- "flexDirection": ["row"],
1029
- "alignItems": ["center"],
1030
- "justifyContent": ["space-between"],
1031
- "borderRadius": ["md"]
1032
- },
1033
- "Text": {
1034
- "variant": ["title4"],
1035
- "color": ["primary"]
1036
- },
1037
- "HStack": {
1038
- "display": ["flex"],
1039
- "alignItems": ["center"],
1040
- "justifyContent": ["space-between"],
1041
- "columnGap": ["2.5"]
1042
- }
1043
- },
1044
- "propToVariantKeys": {},
1045
- "runtimeConfigDefaultProps": {},
1046
- "runtimeConfigGetStyles": {},
1047
- "runtimeConfigInternalComponentProps": {},
1048
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1049
- };
1050
- var SwitchV2 = {
1051
- "name": "SwitchV2",
1052
- "defaultProps": {
1053
- "labelPosition": "start",
1054
- "size": "md"
1055
- },
1056
- "getStylesLiterals": {
1057
- "switchVariantRoot": "default",
1058
- "switchVariantActiveRoot": "on",
1059
- "switchVariantActiveRoot:1": "off",
1060
- "switchVariantSwitch": "default",
1061
- "switchVariantActiveSwitch": "on",
1062
- "switchVariantActiveSwitch:1": "off",
1063
- "switchVariantActiveHandle": "on",
1064
- "switchVariantActiveHandle:1": "off",
1065
- "switchVariantHandle": "default",
1066
- "switchVariantHandleIcon": "default",
1067
- "switchVariantActiveHandleIcon": "on",
1068
- "switchVariantActiveHandleIcon:1": "off"
1069
- },
1070
1011
  "cxLiterals": [
1071
- "group",
1072
- "flex",
1073
- "items-center",
1074
- "flex-row",
1075
- "flex-row-reverse",
1076
- "uds-ring",
1077
- "uds-ring-within",
1078
1012
  "relative",
1079
- "uds-border-radius-full",
1080
- "transition-[background-color,box-shadow]",
1081
- "pointer-events-none",
1082
- "w-full",
1083
- "h-full",
1013
+ "h-5",
1014
+ "w-16",
1015
+ "outline-none",
1016
+ "focus-visible:outline-none",
1017
+ "[touch-action:pan-y]",
1084
1018
  "absolute",
1085
- "top-0",
1086
- "bottom-0",
1087
- "right-0",
1088
- "left-0",
1089
- "overflow-hidden",
1090
- "group-hover:scale-105",
1091
- "opacity-95",
1092
- "group-hover:opacity-100",
1093
- "transition-[transform,opacity]",
1094
- "opacity-0",
1095
- "top-1/2",
1096
1019
  "left-1/2",
1097
- "transform",
1098
- "translate-x-[-50%]",
1099
- "translate-y-[-50%]",
1100
- "transition-opacity",
1101
- "cursor-[inherit]",
1102
- "w-[calc(100%+2px)]",
1103
- "h-[calc(100%+2px)]",
1104
- "text-start",
1105
- "text-end",
1106
- "opacity-100"
1107
- ],
1108
- "internalComponents": [
1109
- "IconSlot",
1110
- "Box",
1111
- "FormLabel",
1112
- "SpringMotionConfig",
1113
- "RootElement",
1114
- "MotionBox"
1115
- ],
1116
- "internalComponentProps": {
1117
- "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1118
- "FormLabel": {
1119
- "as": ["div"],
1120
- "variant": ["inherit"],
1121
- "color": ["inherit"]
1122
- },
1123
- "SpringMotionConfig": {
1124
- "layoutVariant": ["bouncy"],
1125
- "layoutSpeed": ["4"]
1126
- },
1127
- "RootElement": { "data-testid": ["switch-root"] },
1128
- "MotionBox": { "layout": ["position"] }
1129
- },
1130
- "propToVariantKeys": {
1131
- "size": [
1132
- "switchSizeRoot",
1133
- "switchSizeSwitch",
1134
- "switchSizeHandle",
1135
- "switchSizeHandleIcon"
1136
- ],
1137
- "onIcon": ["icon"],
1138
- "offIcon": ["icon"],
1139
- "reduceMotion": ["reducedMotion"],
1140
- "isOn": ["layoutDependency"]
1141
- },
1142
- "runtimeConfigDefaultProps": {},
1143
- "runtimeConfigGetStyles": {},
1144
- "runtimeConfigInternalComponentProps": {},
1145
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1146
- };
1147
- var ToastPortal = {
1148
- "name": "ToastPortal",
1149
- "defaultProps": {},
1150
- "getStylesLiterals": {},
1151
- "cxLiterals": [],
1152
- "internalComponents": ["ReactToastifyToastContainer"],
1153
- "internalComponentProps": {},
1154
- "propToVariantKeys": {},
1155
- "runtimeConfigDefaultProps": {
1156
- "size": "toast.defaultSize",
1157
- "variant": "toast.defaultVariant"
1158
- },
1159
- "runtimeConfigGetStyles": {},
1160
- "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1161
- "motionVarPrefixes": []
1162
- };
1163
- var Toast = {
1164
- "name": "Toast",
1165
- "defaultProps": {},
1166
- "getStylesLiterals": {
1167
- "className": "animate-spin",
1168
- "className:1": "flex-none",
1169
- "spacing": "2",
1170
- "borderRadius": "full"
1171
- },
1172
- "cxLiterals": [
1173
- "duration-0",
1174
- "duration-120",
1175
- "transition-[background-color]",
1176
- "bg-carbon-15/0",
1177
- "hover:bg-carbon-15/10",
1178
- "active:bg-carbon-15/15",
1179
- "uds-ring"
1180
- ],
1181
- "internalComponents": [
1182
- "IconSlot",
1183
- "ToastContainer",
1184
- "Text",
1185
- "Button",
1186
- "Pressable"
1020
+ "top-1/2",
1021
+ "-translate-x-1/2",
1022
+ "-translate-y-1/2",
1023
+ "h-1",
1024
+ "w-8",
1025
+ "rounded-full"
1187
1026
  ],
1188
- "internalComponentProps": {},
1189
- "propToVariantKeys": {
1190
- "size": [
1191
- "toastSizeLabel",
1192
- "toastSizeIcon",
1193
- "toastSizeActionButton",
1194
- "toastSizeCloseIcon"
1195
- ],
1196
- "variant": [
1197
- "toastVariantIcon",
1198
- "toastVariantActionButton",
1199
- "toastVariantCloseIcon"
1200
- ],
1201
- "closeIcon": ["icon"],
1202
- "onClickActionButton": ["onClick"]
1203
- },
1204
- "runtimeConfigDefaultProps": {
1205
- "size": "toast.defaultSize",
1206
- "variant": "toast.defaultVariant"
1207
- },
1208
- "runtimeConfigGetStyles": {
1209
- "toastSizeLabel": ["toast.defaultSize"],
1210
- "toastVariantIcon": ["toast.defaultVariant"],
1211
- "toastSizeIcon": ["toast.defaultSize"],
1212
- "toastSizeActionButton": ["toast.defaultSize"],
1213
- "toastVariantActionButton": ["toast.defaultVariant"],
1214
- "toastVariantCloseIcon": ["toast.defaultVariant"],
1215
- "toastSizeCloseIcon": ["toast.defaultSize"]
1216
- },
1217
- "runtimeConfigInternalComponentProps": {
1218
- "ToastContainer": {
1219
- "size": ["toast.defaultSize"],
1220
- "variant": ["toast.defaultVariant"]
1221
- },
1222
- "Text": {
1223
- "variant": ["toast.textVariant.${size}"],
1224
- "color": ["toast.textColor.${variant}"]
1225
- },
1226
- "Button": {
1227
- "size": ["toast.buttonSize.${size}"],
1228
- "variant": ["toast.buttonVariant.${variant}"]
1229
- }
1230
- },
1231
- "motionVarPrefixes": []
1232
- };
1233
- var UDSToastConfigProvider = {
1234
- "name": "UDSToastConfigProvider",
1235
- "defaultProps": {},
1236
- "getStylesLiterals": {},
1237
- "cxLiterals": [],
1238
- "internalComponents": ["ToastContext.Provider"],
1239
- "internalComponentProps": {},
1240
- "propToVariantKeys": {},
1027
+ "internalComponents": ["Box"],
1028
+ "internalComponentProps": { "Box": {
1029
+ "display": ["block", "flex"],
1030
+ "justifyContent": ["center"]
1031
+ } },
1032
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1241
1033
  "runtimeConfigDefaultProps": {},
1242
1034
  "runtimeConfigGetStyles": {},
1243
1035
  "runtimeConfigInternalComponentProps": {},
1244
1036
  "motionVarPrefixes": []
1245
1037
  };
1246
- var ToastContainer = {
1247
- "name": "ToastContainer",
1248
- "defaultProps": {},
1249
- "getStylesLiterals": {
1250
- "position": "relative",
1251
- "alignItems": "center",
1252
- "display": "flex",
1253
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1254
- },
1255
- "cxLiterals": ["w-full"],
1256
- "internalComponents": ["HStack"],
1257
- "internalComponentProps": { "HStack": {
1258
- "alignItems": ["center"],
1259
- "justifyContent": ["space-between"],
1260
- "overflow": ["hidden"],
1261
- "position": ["relative"]
1262
- } },
1263
- "propToVariantKeys": {
1264
- "variant": ["toastVariantRoot"],
1265
- "size": ["toastSizeRoot"]
1266
- },
1267
- "runtimeConfigDefaultProps": {
1268
- "size": "toast.defaultSize",
1269
- "variant": "toast.defaultVariant"
1270
- },
1271
- "runtimeConfigGetStyles": {
1272
- "toastVariantRoot": ["toast.defaultVariant"],
1273
- "toastSizeRoot": ["toast.defaultSize"]
1274
- },
1275
- "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1276
- "motionVarPrefixes": []
1277
- };
1278
1038
  var BottomSheetHeader = {
1279
1039
  "name": "BottomSheetHeader",
1280
1040
  "defaultProps": { "variant": "default" },
@@ -1319,76 +1079,38 @@ var BottomSheetInternalContext = {
1319
1079
  "runtimeConfigInternalComponentProps": {},
1320
1080
  "motionVarPrefixes": []
1321
1081
  };
1322
- var BottomSheetContent = {
1323
- "name": "BottomSheetContent",
1082
+ var BottomSheetProvider = {
1083
+ "name": "BottomSheetProvider",
1324
1084
  "defaultProps": {},
1325
1085
  "getStylesLiterals": {},
1326
- "cxLiterals": ["min-h-0", "touch-pan-y"],
1327
- "internalComponents": ["Box", "VStack"],
1328
- "internalComponentProps": {
1329
- "Box": {
1330
- "display": ["block"],
1331
- "flex": ["1"]
1332
- },
1333
- "VStack": { "className": ["pb-[calc(env(safe-area-inset-bottom))]"] }
1334
- },
1086
+ "cxLiterals": [],
1087
+ "internalComponents": ["AriakitDialogProvider"],
1088
+ "internalComponentProps": {},
1335
1089
  "propToVariantKeys": {},
1336
1090
  "runtimeConfigDefaultProps": {},
1337
1091
  "runtimeConfigGetStyles": {},
1338
1092
  "runtimeConfigInternalComponentProps": {},
1339
1093
  "motionVarPrefixes": []
1340
1094
  };
1341
- var BottomSheet = {
1342
- "name": "BottomSheet",
1343
- "defaultProps": { "variant": "default" },
1095
+ var BottomSheetTrigger = {
1096
+ "name": "BottomSheetTrigger",
1097
+ "defaultProps": {},
1344
1098
  "getStylesLiterals": {},
1345
- "cxLiterals": [
1346
- "fixed",
1347
- "overflow-hidden",
1348
- "inset-x-0",
1349
- "bottom-0",
1350
- "z-50",
1351
- "[will-change:transform]",
1352
- "touch-none",
1353
- "[transform:translate3d(0,var(--uds-bottomsheet-hidden-translate),0)]",
1354
- "data-[enter]:[transform:translate3d(0,var(--uds-bottomsheet-visible-translate),0)]",
1355
- "transition-transform",
1356
- "duration-500",
1357
- "ease-[cubic-bezier(0.32,0.72,0,1)]",
1358
- "motion-reduce:transition-none",
1359
- "top-[-4px]",
1360
- "z-[1]",
1361
- "touch-pan-y"
1362
- ],
1363
- "internalComponents": [
1364
- "Scrim",
1365
- "BottomSheetHandle",
1366
- "Dialog",
1367
- "Box",
1368
- "BottomSheetInternalContext.Provider"
1369
- ],
1370
- "internalComponentProps": {
1371
- "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1372
- "Dialog": { "data-testid": ["bottom-sheet"] },
1373
- "Box": {
1374
- "display": ["block", "flex"],
1375
- "position": ["absolute"],
1376
- "flexDirection": ["column"],
1377
- "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1378
- }
1379
- },
1380
- "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1099
+ "cxLiterals": [],
1100
+ "internalComponents": ["AriakitDialogDisclosure"],
1101
+ "internalComponentProps": {},
1102
+ "propToVariantKeys": {},
1381
1103
  "runtimeConfigDefaultProps": {},
1382
1104
  "runtimeConfigGetStyles": {},
1383
1105
  "runtimeConfigInternalComponentProps": {},
1384
1106
  "motionVarPrefixes": []
1385
1107
  };
1386
- var BottomSheetDismiss = {
1387
- "name": "BottomSheetDismiss",
1108
+ var UDSBottomSheetConfigProvider = {
1109
+ "name": "UDSBottomSheetConfigProvider",
1388
1110
  "defaultProps": {},
1389
1111
  "getStylesLiterals": {},
1390
1112
  "cxLiterals": [],
1391
- "internalComponents": ["AriakitDialogDismiss"],
1113
+ "internalComponents": ["BottomSheetContext.Provider"],
1392
1114
  "internalComponentProps": {},
1393
1115
  "propToVariantKeys": {},
1394
1116
  "runtimeConfigDefaultProps": {},
@@ -1396,195 +1118,328 @@ var BottomSheetDismiss = {
1396
1118
  "runtimeConfigInternalComponentProps": {},
1397
1119
  "motionVarPrefixes": []
1398
1120
  };
1399
- var BottomSheetHandle = {
1400
- "name": "BottomSheetHandle",
1401
- "defaultProps": { "variant": "default" },
1121
+ var Chip = {
1122
+ "name": "Chip",
1123
+ "defaultProps": {},
1124
+ "getStylesLiterals": {},
1125
+ "cxLiterals": [],
1126
+ "internalComponents": [
1127
+ "ChipDismissible",
1128
+ "ChipToggle",
1129
+ "ChipLink",
1130
+ "ChipButton"
1131
+ ],
1132
+ "internalComponentProps": {},
1133
+ "propToVariantKeys": {},
1134
+ "runtimeConfigDefaultProps": {},
1135
+ "runtimeConfigGetStyles": {},
1136
+ "runtimeConfigInternalComponentProps": {},
1137
+ "motionVarPrefixes": []
1138
+ };
1139
+ var ChipBase = {
1140
+ "name": "ChipBase",
1141
+ "defaultProps": {
1142
+ "size": "md",
1143
+ "as": "div"
1144
+ },
1402
1145
  "getStylesLiterals": {},
1403
1146
  "cxLiterals": [
1404
- "relative",
1405
- "h-5",
1406
- "w-16",
1407
- "outline-none",
1408
- "focus-visible:outline-none",
1409
- "[touch-action:pan-y]",
1410
- "absolute",
1411
- "left-1/2",
1412
- "top-1/2",
1413
- "-translate-x-1/2",
1414
- "-translate-y-1/2",
1415
- "h-1",
1416
- "w-8",
1417
- "rounded-full"
1147
+ "pointer-events-none",
1148
+ "cursor-default",
1149
+ "opacity-50",
1150
+ "inline-flex",
1151
+ "items-center",
1152
+ "transition-[background-color,outline-color,box-shadow]",
1153
+ "truncate",
1154
+ "whitespace-nowrap",
1155
+ "text-center",
1156
+ "flex-1"
1418
1157
  ],
1419
- "internalComponents": ["Box"],
1420
- "internalComponentProps": { "Box": {
1421
- "display": ["block", "flex"],
1422
- "justifyContent": ["center"]
1158
+ "internalComponents": [
1159
+ "IconSlot",
1160
+ "HStack",
1161
+ "As",
1162
+ "Text"
1163
+ ],
1164
+ "internalComponentProps": { "Text": {
1165
+ "as": ["span"],
1166
+ "color": ["current"],
1167
+ "variant": ["inherit"]
1423
1168
  } },
1424
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1169
+ "propToVariantKeys": {
1170
+ "size": ["chipSizeRoot", "chipSizeIcon"],
1171
+ "startIcon": ["icon"],
1172
+ "endIcon": ["icon"]
1173
+ },
1425
1174
  "runtimeConfigDefaultProps": {},
1426
1175
  "runtimeConfigGetStyles": {},
1427
1176
  "runtimeConfigInternalComponentProps": {},
1428
1177
  "motionVarPrefixes": []
1429
1178
  };
1430
- var BottomSheetProvider = {
1431
- "name": "BottomSheetProvider",
1432
- "defaultProps": {},
1179
+ var ChipButton = {
1180
+ "name": "ChipButton",
1181
+ "defaultProps": { "variant": "primary" },
1433
1182
  "getStylesLiterals": {},
1434
- "cxLiterals": [],
1435
- "internalComponents": ["AriakitDialogProvider"],
1436
- "internalComponentProps": {},
1437
- "propToVariantKeys": {},
1183
+ "cxLiterals": ["uds-ring"],
1184
+ "internalComponents": ["ChipBase"],
1185
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1186
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1438
1187
  "runtimeConfigDefaultProps": {},
1439
1188
  "runtimeConfigGetStyles": {},
1440
1189
  "runtimeConfigInternalComponentProps": {},
1441
1190
  "motionVarPrefixes": []
1442
1191
  };
1443
- var UDSBottomSheetConfigProvider = {
1444
- "name": "UDSBottomSheetConfigProvider",
1445
- "defaultProps": {},
1192
+ var ChipDismissible = {
1193
+ "name": "ChipDismissible",
1194
+ "defaultProps": { "variant": "primary" },
1446
1195
  "getStylesLiterals": {},
1447
- "cxLiterals": [],
1448
- "internalComponents": ["BottomSheetContext.Provider"],
1196
+ "cxLiterals": [
1197
+ "uds-chip-dismissible-button",
1198
+ "uds-hit-target",
1199
+ "uds-ring",
1200
+ "rounded-full"
1201
+ ],
1202
+ "internalComponents": [
1203
+ "ChipBase",
1204
+ "IconSlot",
1205
+ "Pressable"
1206
+ ],
1449
1207
  "internalComponentProps": {},
1450
- "propToVariantKeys": {},
1208
+ "propToVariantKeys": {
1209
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1210
+ "dismissButtonAriaLabel": ["aria-label"]
1211
+ },
1451
1212
  "runtimeConfigDefaultProps": {},
1452
1213
  "runtimeConfigGetStyles": {},
1453
1214
  "runtimeConfigInternalComponentProps": {},
1454
1215
  "motionVarPrefixes": []
1455
1216
  };
1456
- var BottomSheetTrigger = {
1457
- "name": "BottomSheetTrigger",
1458
- "defaultProps": {},
1217
+ var ChipLink = {
1218
+ "name": "ChipLink",
1219
+ "defaultProps": { "variant": "primary" },
1459
1220
  "getStylesLiterals": {},
1460
- "cxLiterals": [],
1461
- "internalComponents": ["AriakitDialogDisclosure"],
1462
- "internalComponentProps": {},
1463
- "propToVariantKeys": {},
1221
+ "cxLiterals": ["uds-ring"],
1222
+ "internalComponents": ["ChipBase"],
1223
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1224
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1464
1225
  "runtimeConfigDefaultProps": {},
1465
1226
  "runtimeConfigGetStyles": {},
1466
1227
  "runtimeConfigInternalComponentProps": {},
1467
1228
  "motionVarPrefixes": []
1468
1229
  };
1469
- var AvatarImage = {
1470
- "name": "AvatarImage",
1471
- "defaultProps": {},
1230
+ var ChipToggle = {
1231
+ "name": "ChipToggle",
1232
+ "defaultProps": {
1233
+ "variant": "primary",
1234
+ "role": "checkbox"
1235
+ },
1236
+ "getStylesLiterals": {
1237
+ "chipToggleVariantActiveRoot": "on",
1238
+ "chipToggleVariantActiveRoot:1": "off"
1239
+ },
1240
+ "cxLiterals": ["uds-ring"],
1241
+ "internalComponents": ["ChipBase"],
1242
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1243
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1244
+ "runtimeConfigDefaultProps": {},
1245
+ "runtimeConfigGetStyles": {},
1246
+ "runtimeConfigInternalComponentProps": {},
1247
+ "motionVarPrefixes": []
1248
+ };
1249
+ var Menu_Content = {
1250
+ "name": "Menu.Content",
1251
+ "defaultProps": {
1252
+ "size": "default",
1253
+ "variant": "default",
1254
+ "gutter": "1"
1255
+ },
1472
1256
  "getStylesLiterals": {},
1473
- "cxLiterals": [],
1257
+ "cxLiterals": [
1258
+ "uds-menu-content",
1259
+ "transition-shadow",
1260
+ "duration-200",
1261
+ "ease-in-out",
1262
+ "min-w-60",
1263
+ "max-w-lg",
1264
+ "max-h-96",
1265
+ "overflow-auto",
1266
+ "uds-ring",
1267
+ "z-10",
1268
+ "group"
1269
+ ],
1474
1270
  "internalComponents": [
1475
- "AvatarImageNoFallback",
1476
- "AvatarText",
1477
- "AvatarIcon"
1271
+ "AriakitMenu",
1272
+ "AnimatePresence",
1273
+ "MotionVStack"
1478
1274
  ],
1479
1275
  "internalComponentProps": {},
1276
+ "propToVariantKeys": {
1277
+ "size": ["menucontentSizeRoot"],
1278
+ "variant": ["menucontentVariantRoot"]
1279
+ },
1280
+ "runtimeConfigDefaultProps": {},
1281
+ "runtimeConfigGetStyles": {},
1282
+ "runtimeConfigInternalComponentProps": {},
1283
+ "motionVarPrefixes": []
1284
+ };
1285
+ var Menu_Divider = {
1286
+ "name": "Menu.Divider",
1287
+ "defaultProps": {
1288
+ "role": "separator",
1289
+ "contentPosition": "start",
1290
+ "gap": "4"
1291
+ },
1292
+ "getStylesLiterals": {
1293
+ "menuitemDividerVariantRoot": "default",
1294
+ "menuitemDividerVariantText": "default",
1295
+ "menuitemDividerVariantLine": "default"
1296
+ },
1297
+ "cxLiterals": [],
1298
+ "internalComponents": ["DividerInternal"],
1299
+ "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1480
1300
  "propToVariantKeys": {},
1481
1301
  "runtimeConfigDefaultProps": {},
1482
1302
  "runtimeConfigGetStyles": {},
1483
1303
  "runtimeConfigInternalComponentProps": {},
1484
1304
  "motionVarPrefixes": []
1485
1305
  };
1486
- var RadioGroupProvider = {
1487
- "name": "RadioGroupProvider",
1306
+ var Menu_Item = {
1307
+ "name": "Menu.Item",
1488
1308
  "defaultProps": {},
1489
- "getStylesLiterals": {},
1309
+ "getStylesLiterals": {
1310
+ "menuitemItemVariantRoot": "default",
1311
+ "menuitemItemVariantActiveRoot": "on",
1312
+ "menuitemItemVariantActiveRoot:1": "off",
1313
+ "menuitemItemVariantText": "default",
1314
+ "menuitemItemVariantActiveText": "on",
1315
+ "menuitemItemVariantActiveText:1": "off",
1316
+ "menuitemItemVariantIcon": "default",
1317
+ "menuitemItemVariantActiveIcon": "on",
1318
+ "menuitemItemVariantActiveIcon:1": "off"
1319
+ },
1490
1320
  "cxLiterals": [],
1491
- "internalComponents": [
1492
- "DivProps",
1493
- "Comp",
1494
- "RadioGroupContext.Provider"
1495
- ],
1496
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1321
+ "internalComponents": ["MenuItemBase"],
1322
+ "internalComponentProps": {},
1497
1323
  "propToVariantKeys": {},
1498
1324
  "runtimeConfigDefaultProps": {},
1499
1325
  "runtimeConfigGetStyles": {},
1500
1326
  "runtimeConfigInternalComponentProps": {},
1501
1327
  "motionVarPrefixes": []
1502
1328
  };
1503
- var Radio = {
1504
- "name": "Radio",
1329
+ var Menu_ItemBase = {
1330
+ "name": "Menu.ItemBase",
1505
1331
  "defaultProps": {
1506
- "labelPosition": "start",
1507
- "variant": "primary",
1508
- "size": "md",
1509
- "value": ""
1332
+ "spacing": "0",
1333
+ "spacingHorizontal": "4",
1334
+ "spacingVertical": "3.5",
1335
+ "columnGap": "2",
1336
+ "alignItems": "center",
1337
+ "justifyContent": "space-between"
1510
1338
  },
1511
1339
  "getStylesLiterals": {
1512
- "radioVariantValueRoot": "checked",
1513
- "radioVariantValueRoot:1": "unchecked",
1514
- "display": "flex",
1340
+ "textAlign": "start",
1341
+ "menuitemSizeRoot": "default",
1515
1342
  "flexDirection": "row",
1516
- "flexDirection:1": "row-reverse",
1517
- "alignItems": "center",
1518
- "radioVariantValueRadio": "checked",
1519
- "radioVariantValueRadio:1": "unchecked",
1520
- "radioVariantValueRadioCircle": "checked",
1521
- "radioVariantValueRadioCircle:1": "unchecked"
1343
+ "menuitemSizeStartIcon": "default",
1344
+ "menuitemSizeEndIcon": "default"
1522
1345
  },
1523
1346
  "cxLiterals": [
1524
- "cursor-pointer",
1525
- "cursor-default",
1526
- "opacity-50",
1527
- "border",
1347
+ "flex",
1348
+ "focus-visible:text-brand",
1349
+ "focus-visible:bg-brand-secondary",
1350
+ "focus-visible:z-10",
1528
1351
  "uds-ring",
1529
- "uds-ring-within",
1530
- "transition-[background-color,border-color]",
1531
- "transition-shadow",
1532
- "pointer-events-none",
1533
- "w-[8px]",
1534
- "h-[8px]",
1535
- "transition-opacity",
1536
- "cursor-[inherit]",
1537
- "absolute",
1538
- "opacity-0",
1539
- "top-1/2",
1540
- "left-1/2",
1541
- "w-[calc(100%+2px)]",
1542
- "h-[calc(100%+2px)]",
1543
- "transform",
1544
- "translate-x-[-50%]",
1545
- "translate-y-[-50%]",
1546
- "text-start",
1547
- "text-end"
1352
+ "!-outline-offset-2",
1353
+ "[&:not([aria-checked])]:cursor-default",
1354
+ "opacity-25",
1355
+ "cursor-not-allowed",
1356
+ "duration-20",
1357
+ "transition-[font-variation-settings]",
1358
+ "ease-in-out",
1359
+ "z-0",
1360
+ "uds-start-icon",
1361
+ "uds-end-icon"
1548
1362
  ],
1549
1363
  "internalComponents": [
1550
- "Box",
1551
- "FormLabel",
1552
- "SpringMotionConfig",
1553
- "RootElement",
1554
- "MotionBox"
1364
+ "Pressable",
1365
+ "IconSlot",
1366
+ "RootComponent",
1367
+ "HStack",
1368
+ "AnimatePresence"
1555
1369
  ],
1556
1370
  "internalComponentProps": {
1557
- "Box": { "borderRadius": ["full"] },
1558
- "FormLabel": {
1559
- "as": ["div"],
1560
- "variant": ["inherit"],
1561
- "color": ["inherit"]
1562
- },
1563
- "RootElement": { "data-testid": ["container"] },
1564
- "MotionBox": {
1565
- "position": ["relative"],
1566
- "borderRadius": ["full"],
1371
+ "HStack": {
1567
1372
  "alignItems": ["center"],
1568
- "justifyContent": ["center"],
1569
- "flex": ["none"]
1570
- }
1373
+ "width": ["full"]
1374
+ },
1375
+ "AnimatePresence": { "mode": ["popLayout"] }
1571
1376
  },
1572
1377
  "propToVariantKeys": {
1573
- "size": ["radioSizeRoot", "radioSizeRadio"],
1574
- "variant": [
1575
- "radioVariantRoot",
1576
- "radioVariantRadio",
1577
- "radioVariantRadioCircle"
1578
- ],
1579
- "reduceMotion": ["reducedMotion"]
1378
+ "startIconClassName": ["className"],
1379
+ "endIconClassName": ["className"],
1380
+ "startIcon": ["icon"],
1381
+ "endIcon": ["icon"],
1382
+ "columnGap": ["gap"]
1580
1383
  },
1581
1384
  "runtimeConfigDefaultProps": {},
1582
1385
  "runtimeConfigGetStyles": {},
1583
1386
  "runtimeConfigInternalComponentProps": {},
1387
+ "motionVarPrefixes": []
1388
+ };
1389
+ var Menu_ItemCheckbox = {
1390
+ "name": "Menu.ItemCheckbox",
1391
+ "defaultProps": {},
1392
+ "getStylesLiterals": {
1393
+ "menuitemItemCheckboxVariantRoot": "default",
1394
+ "menuitemItemCheckboxVariantActiveRoot": "on",
1395
+ "menuitemItemCheckboxVariantActiveRoot:1": "off",
1396
+ "menuitemItemCheckboxVariantText": "default",
1397
+ "menuitemItemCheckboxVariantActiveText": "on",
1398
+ "menuitemItemCheckboxVariantActiveText:1": "off",
1399
+ "menuitemItemCheckboxVariantStartIcon": "default",
1400
+ "menuitemItemCheckboxVariantActiveStartIcon": "on",
1401
+ "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1402
+ "menuitemItemCheckboxVariantEndIcon": "default",
1403
+ "menuitemItemCheckboxVariantActiveEndIcon": "on",
1404
+ "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1405
+ },
1406
+ "cxLiterals": ["uds-menu-item-checkbox"],
1407
+ "internalComponents": ["MenuItemBase"],
1408
+ "internalComponentProps": {},
1409
+ "propToVariantKeys": {},
1410
+ "runtimeConfigDefaultProps": {},
1411
+ "runtimeConfigGetStyles": {},
1412
+ "runtimeConfigInternalComponentProps": {},
1413
+ "motionVarPrefixes": []
1414
+ };
1415
+ var Menu_Provider = {
1416
+ "name": "Menu.Provider",
1417
+ "defaultProps": {},
1418
+ "getStylesLiterals": {},
1419
+ "cxLiterals": [],
1420
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1421
+ "internalComponentProps": {},
1422
+ "propToVariantKeys": {},
1423
+ "runtimeConfigDefaultProps": {},
1424
+ "runtimeConfigGetStyles": {},
1425
+ "runtimeConfigInternalComponentProps": {},
1584
1426
  "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1585
1427
  };
1586
- var RadioGroupStore = {
1587
- "name": "RadioGroupStore",
1428
+ var Menu_Trigger = {
1429
+ "name": "Menu.Trigger",
1430
+ "defaultProps": {},
1431
+ "getStylesLiterals": {},
1432
+ "cxLiterals": ["uds-menu-trigger"],
1433
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
1434
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1435
+ "propToVariantKeys": {},
1436
+ "runtimeConfigDefaultProps": {},
1437
+ "runtimeConfigGetStyles": {},
1438
+ "runtimeConfigInternalComponentProps": {},
1439
+ "motionVarPrefixes": []
1440
+ };
1441
+ var Menu_index = {
1442
+ "name": "Menu.index",
1588
1443
  "defaultProps": {},
1589
1444
  "getStylesLiterals": {},
1590
1445
  "cxLiterals": [],
@@ -1596,83 +1451,146 @@ var RadioGroupStore = {
1596
1451
  "runtimeConfigInternalComponentProps": {},
1597
1452
  "motionVarPrefixes": []
1598
1453
  };
1599
- var ModalTitle = {
1600
- "name": "ModalTitle",
1454
+ var Menu = {
1455
+ "name": "Menu",
1601
1456
  "defaultProps": {},
1602
1457
  "getStylesLiterals": {},
1603
1458
  "cxLiterals": [],
1604
- "internalComponents": ["Text", "DialogHeading"],
1605
- "internalComponentProps": { "Text": { "as": ["span"] } },
1606
- "propToVariantKeys": {
1607
- "size": ["modalSizeTitle"],
1608
- "variant": ["modalVariantTitle"]
1609
- },
1610
- "runtimeConfigDefaultProps": {
1611
- "size": "modal.defaultSize",
1612
- "variant": "modal.defaultVariant"
1613
- },
1614
- "runtimeConfigGetStyles": {
1615
- "modalSizeTitle": ["modal.defaultSize"],
1616
- "modalVariantTitle": ["modal.defaultVariant"]
1617
- },
1459
+ "internalComponents": [],
1460
+ "internalComponentProps": {},
1461
+ "propToVariantKeys": {},
1462
+ "runtimeConfigDefaultProps": {},
1463
+ "runtimeConfigGetStyles": {},
1618
1464
  "runtimeConfigInternalComponentProps": {},
1619
1465
  "motionVarPrefixes": []
1620
1466
  };
1621
- var ModalActions = {
1622
- "name": "ModalActions",
1623
- "defaultProps": {},
1467
+ var Input = {
1468
+ "name": "Input",
1469
+ "defaultProps": {
1470
+ "type": "text",
1471
+ "size": "md",
1472
+ "width": "full"
1473
+ },
1624
1474
  "getStylesLiterals": {
1625
- "flexDirection": "row-reverse",
1626
- "justifyContent": "space-between",
1627
- "alignItems": "center"
1475
+ "inputVariantRoot": "default",
1476
+ "inputVariantValueRoot": "empty",
1477
+ "inputVariantValueRoot:1": "filled",
1478
+ "inputVariantInputWrapper": "default",
1479
+ "inputVariantValueInputWrapper": "empty",
1480
+ "inputVariantValueInputWrapper:1": "filled",
1481
+ "inputVariantInput": "default",
1482
+ "inputVariantValueInput": "empty",
1483
+ "inputVariantValueInput:1": "filled",
1484
+ "inputVariantInputPlaceholder": "default",
1485
+ "inputVariantValueInputPlaceholder": "empty",
1486
+ "inputVariantValueInputPlaceholder:1": "filled",
1487
+ "inputVariantLabel": "default",
1488
+ "inputVariantValueLabel": "empty",
1489
+ "inputVariantValueLabel:1": "filled",
1490
+ "inputVariantLabelRequired": "default",
1491
+ "inputVariantValueLabelRequired": "empty",
1492
+ "inputVariantValueLabelRequired:1": "filled",
1493
+ "inputVariantStartIcon": "default",
1494
+ "inputVariantValueStartIcon": "empty",
1495
+ "inputVariantValueStartIcon:1": "filled",
1496
+ "inputVariantEndIcon": "default",
1497
+ "inputVariantValueEndIcon": "empty",
1498
+ "inputVariantValueEndIcon:1": "filled"
1628
1499
  },
1629
- "cxLiterals": ["gap-[inherit]"],
1630
- "internalComponents": ["HStack"],
1631
- "internalComponentProps": {},
1632
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1633
- "runtimeConfigDefaultProps": {
1634
- "size": "modal.defaultSize",
1635
- "variant": "modal.defaultVariant"
1500
+ "cxLiterals": [
1501
+ "opacity-50",
1502
+ "min-w-[200px]",
1503
+ "grow",
1504
+ "uds-hit-target",
1505
+ "bg-clip-text",
1506
+ "focus:outline-none",
1507
+ "cursor-text",
1508
+ "cursor-not-allowed"
1509
+ ],
1510
+ "internalComponents": [
1511
+ "IconSlot",
1512
+ "StartIcon",
1513
+ "EndIcon",
1514
+ "HelpTextContent",
1515
+ "Box",
1516
+ "InputHelpTextInternal",
1517
+ "VStack",
1518
+ "HStack",
1519
+ "AnimateHeightChange"
1520
+ ],
1521
+ "internalComponentProps": {
1522
+ "HelpTextContent": { "spacingTop": ["2"] },
1523
+ "Box": {
1524
+ "spacingBottom": ["2"],
1525
+ "columnGap": ["0.5"],
1526
+ "alignItems": ["flex-end", "center"],
1527
+ "position": ["relative"]
1528
+ },
1529
+ "HStack": {
1530
+ "alignItems": ["center"],
1531
+ "gap": ["1"]
1532
+ }
1636
1533
  },
1637
- "runtimeConfigGetStyles": {
1638
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1639
- "modalSizeActions": ["modal.defaultSize"]
1534
+ "propToVariantKeys": {
1535
+ "size": [
1536
+ "inputSizeRoot",
1537
+ "inputSizeInputWrapper",
1538
+ "inputSizeInput",
1539
+ "inputSizeLabel",
1540
+ "inputSizeStartIcon",
1541
+ "inputSizeEndIcon"
1542
+ ],
1543
+ "startIcon": ["icon"],
1544
+ "endIcon": ["icon"],
1545
+ "slotProps": ["helperTextSlotProps"],
1546
+ "helperTextIcon": ["startIcon"]
1640
1547
  },
1548
+ "runtimeConfigDefaultProps": {},
1549
+ "runtimeConfigGetStyles": {},
1641
1550
  "runtimeConfigInternalComponentProps": {},
1642
1551
  "motionVarPrefixes": []
1643
1552
  };
1644
- var UDSModalConfigProvider = {
1645
- "name": "UDSModalConfigProvider",
1646
- "defaultProps": {},
1647
- "getStylesLiterals": {},
1553
+ var InputHelpText = {
1554
+ "name": "InputHelpText",
1555
+ "defaultProps": { "size": "md" },
1556
+ "getStylesLiterals": {
1557
+ "inputVariantRoot": "default",
1558
+ "inputVariantValueRoot": "empty",
1559
+ "inputVariantValueRoot:1": "filled"
1560
+ },
1648
1561
  "cxLiterals": [],
1649
- "internalComponents": ["ModalContext.Provider"],
1650
- "internalComponentProps": {},
1651
- "propToVariantKeys": {},
1562
+ "internalComponents": ["InputHelpTextInternal", "Box"],
1563
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1564
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
1652
1565
  "runtimeConfigDefaultProps": {},
1653
1566
  "runtimeConfigGetStyles": {},
1654
1567
  "runtimeConfigInternalComponentProps": {},
1655
1568
  "motionVarPrefixes": []
1656
1569
  };
1657
- var ModalDescription = {
1658
- "name": "ModalDescription",
1570
+ var InputHelpTextInternal = {
1571
+ "name": "InputHelpTextInternal",
1659
1572
  "defaultProps": {},
1660
- "getStylesLiterals": {},
1573
+ "getStylesLiterals": {
1574
+ "inputVariantHelperText": "default",
1575
+ "inputVariantValueHelperText": "empty",
1576
+ "inputVariantValueHelperText:1": "filled",
1577
+ "inputVariantHelperIcon": "default",
1578
+ "inputVariantValueHelperIcon": "empty",
1579
+ "inputVariantValueHelperIcon:1": "filled"
1580
+ },
1661
1581
  "cxLiterals": [],
1662
- "internalComponents": ["Text", "DialogDescription"],
1663
- "internalComponentProps": { "Text": { "as": ["span"] } },
1582
+ "internalComponents": ["IconSlot", "HStack"],
1583
+ "internalComponentProps": { "HStack": {
1584
+ "gap": ["1"],
1585
+ "alignItems": ["center"]
1586
+ } },
1664
1587
  "propToVariantKeys": {
1665
- "size": ["modalSizeDescription"],
1666
- "variant": ["modalVariantDescription"]
1667
- },
1668
- "runtimeConfigDefaultProps": {
1669
- "size": "modal.defaultSize",
1670
- "variant": "modal.defaultVariant"
1671
- },
1672
- "runtimeConfigGetStyles": {
1673
- "modalSizeDescription": ["modal.defaultSize"],
1674
- "modalVariantDescription": ["modal.defaultVariant"]
1588
+ "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1589
+ "startIcon": ["icon"],
1590
+ "endIcon": ["icon"]
1675
1591
  },
1592
+ "runtimeConfigDefaultProps": {},
1593
+ "runtimeConfigGetStyles": {},
1676
1594
  "runtimeConfigInternalComponentProps": {},
1677
1595
  "motionVarPrefixes": []
1678
1596
  };
@@ -1757,16 +1675,59 @@ var Modal = {
1757
1675
  "variant": "modal.defaultVariant"
1758
1676
  },
1759
1677
  "runtimeConfigGetStyles": {
1760
- "spacing": ["modal.gutter.${size}"],
1761
- "modalSizeRoot": ["modal.defaultSize"],
1762
- "modalVariantRoot": ["modal.defaultVariant"],
1678
+ "spacing": ["modal.gutter.${size}"],
1679
+ "modalSizeRoot": ["modal.defaultSize"],
1680
+ "modalVariantRoot": ["modal.defaultVariant"],
1681
+ "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1682
+ "modalSizeHeader": ["modal.defaultSize"],
1683
+ "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1684
+ "modalSizeCloseIconContainer": ["modal.defaultSize"],
1685
+ "modalSizeCloseIcon": ["modal.defaultSize"],
1686
+ "modalVariantCloseIcon": ["modal.defaultVariant"]
1687
+ },
1688
+ "runtimeConfigInternalComponentProps": {},
1689
+ "motionVarPrefixes": []
1690
+ };
1691
+ var ModalActions = {
1692
+ "name": "ModalActions",
1693
+ "defaultProps": {},
1694
+ "getStylesLiterals": {
1695
+ "flexDirection": "row-reverse",
1696
+ "justifyContent": "space-between",
1697
+ "alignItems": "center"
1698
+ },
1699
+ "cxLiterals": ["gap-[inherit]"],
1700
+ "internalComponents": ["HStack"],
1701
+ "internalComponentProps": {},
1702
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal", "modalSizeActions"] },
1703
+ "runtimeConfigDefaultProps": {
1704
+ "size": "modal.defaultSize",
1705
+ "variant": "modal.defaultVariant"
1706
+ },
1707
+ "runtimeConfigGetStyles": {
1763
1708
  "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1764
- "modalSizeHeader": ["modal.defaultSize"],
1765
- "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1766
- "modalSizeCloseIconContainer": ["modal.defaultSize"],
1767
- "modalSizeCloseIcon": ["modal.defaultSize"],
1768
- "modalVariantCloseIcon": ["modal.defaultVariant"]
1709
+ "modalSizeActions": ["modal.defaultSize"]
1710
+ },
1711
+ "runtimeConfigInternalComponentProps": {},
1712
+ "motionVarPrefixes": []
1713
+ };
1714
+ var ModalContent = {
1715
+ "name": "ModalContent",
1716
+ "defaultProps": {},
1717
+ "getStylesLiterals": {
1718
+ "overflowY": "auto",
1719
+ "display": "block",
1720
+ "flexGrow": "1"
1721
+ },
1722
+ "cxLiterals": [],
1723
+ "internalComponents": ["Box"],
1724
+ "internalComponentProps": {},
1725
+ "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1726
+ "runtimeConfigDefaultProps": {
1727
+ "size": "modal.defaultSize",
1728
+ "variant": "modal.defaultVariant"
1769
1729
  },
1730
+ "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1770
1731
  "runtimeConfigInternalComponentProps": {},
1771
1732
  "motionVarPrefixes": []
1772
1733
  };
@@ -1783,23 +1744,76 @@ var ModalContext = {
1783
1744
  "runtimeConfigInternalComponentProps": {},
1784
1745
  "motionVarPrefixes": []
1785
1746
  };
1786
- var ModalContent = {
1787
- "name": "ModalContent",
1747
+ var ModalDescription = {
1748
+ "name": "ModalDescription",
1788
1749
  "defaultProps": {},
1789
- "getStylesLiterals": {
1790
- "overflowY": "auto",
1791
- "display": "block",
1792
- "flexGrow": "1"
1750
+ "getStylesLiterals": {},
1751
+ "cxLiterals": [],
1752
+ "internalComponents": ["Text", "DialogDescription"],
1753
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1754
+ "propToVariantKeys": {
1755
+ "size": ["modalSizeDescription"],
1756
+ "variant": ["modalVariantDescription"]
1757
+ },
1758
+ "runtimeConfigDefaultProps": {
1759
+ "size": "modal.defaultSize",
1760
+ "variant": "modal.defaultVariant"
1761
+ },
1762
+ "runtimeConfigGetStyles": {
1763
+ "modalSizeDescription": ["modal.defaultSize"],
1764
+ "modalVariantDescription": ["modal.defaultVariant"]
1793
1765
  },
1766
+ "runtimeConfigInternalComponentProps": {},
1767
+ "motionVarPrefixes": []
1768
+ };
1769
+ var ModalTitle = {
1770
+ "name": "ModalTitle",
1771
+ "defaultProps": {},
1772
+ "getStylesLiterals": {},
1794
1773
  "cxLiterals": [],
1795
- "internalComponents": ["Box"],
1796
- "internalComponentProps": {},
1797
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1774
+ "internalComponents": ["Text", "DialogHeading"],
1775
+ "internalComponentProps": { "Text": { "as": ["span"] } },
1776
+ "propToVariantKeys": {
1777
+ "size": ["modalSizeTitle"],
1778
+ "variant": ["modalVariantTitle"]
1779
+ },
1798
1780
  "runtimeConfigDefaultProps": {
1799
1781
  "size": "modal.defaultSize",
1800
1782
  "variant": "modal.defaultVariant"
1801
1783
  },
1802
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1784
+ "runtimeConfigGetStyles": {
1785
+ "modalSizeTitle": ["modal.defaultSize"],
1786
+ "modalVariantTitle": ["modal.defaultVariant"]
1787
+ },
1788
+ "runtimeConfigInternalComponentProps": {},
1789
+ "motionVarPrefixes": []
1790
+ };
1791
+ var UDSModalConfigProvider = {
1792
+ "name": "UDSModalConfigProvider",
1793
+ "defaultProps": {},
1794
+ "getStylesLiterals": {},
1795
+ "cxLiterals": [],
1796
+ "internalComponents": ["ModalContext.Provider"],
1797
+ "internalComponentProps": {},
1798
+ "propToVariantKeys": {},
1799
+ "runtimeConfigDefaultProps": {},
1800
+ "runtimeConfigGetStyles": {},
1801
+ "runtimeConfigInternalComponentProps": {},
1802
+ "motionVarPrefixes": []
1803
+ };
1804
+ var Popover = {
1805
+ "name": "Popover",
1806
+ "defaultProps": {},
1807
+ "getStylesLiterals": {},
1808
+ "cxLiterals": [],
1809
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1810
+ "internalComponentProps": {},
1811
+ "propToVariantKeys": {},
1812
+ "runtimeConfigDefaultProps": {
1813
+ "size": "popover.defaultSize",
1814
+ "variant": "popover.defaultVariant"
1815
+ },
1816
+ "runtimeConfigGetStyles": {},
1803
1817
  "runtimeConfigInternalComponentProps": {},
1804
1818
  "motionVarPrefixes": []
1805
1819
  };
@@ -1887,19 +1901,6 @@ var PopoverContext = {
1887
1901
  "runtimeConfigInternalComponentProps": {},
1888
1902
  "motionVarPrefixes": []
1889
1903
  };
1890
- var UDSPopoverConfigProvider = {
1891
- "name": "UDSPopoverConfigProvider",
1892
- "defaultProps": {},
1893
- "getStylesLiterals": {},
1894
- "cxLiterals": [],
1895
- "internalComponents": ["PopoverContext.Provider"],
1896
- "internalComponentProps": {},
1897
- "propToVariantKeys": {},
1898
- "runtimeConfigDefaultProps": {},
1899
- "runtimeConfigGetStyles": {},
1900
- "runtimeConfigInternalComponentProps": {},
1901
- "motionVarPrefixes": []
1902
- };
1903
1904
  var PopoverTrigger = {
1904
1905
  "name": "PopoverTrigger",
1905
1906
  "defaultProps": {},
@@ -1913,51 +1914,12 @@ var PopoverTrigger = {
1913
1914
  "runtimeConfigInternalComponentProps": {},
1914
1915
  "motionVarPrefixes": []
1915
1916
  };
1916
- var Popover = {
1917
- "name": "Popover",
1918
- "defaultProps": {},
1919
- "getStylesLiterals": {},
1920
- "cxLiterals": [],
1921
- "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1922
- "internalComponentProps": {},
1923
- "propToVariantKeys": {},
1924
- "runtimeConfigDefaultProps": {
1925
- "size": "popover.defaultSize",
1926
- "variant": "popover.defaultVariant"
1927
- },
1928
- "runtimeConfigGetStyles": {},
1929
- "runtimeConfigInternalComponentProps": {},
1930
- "motionVarPrefixes": []
1931
- };
1932
- var Menu_Item = {
1933
- "name": "Menu.Item",
1934
- "defaultProps": {},
1935
- "getStylesLiterals": {
1936
- "menuitemItemVariantRoot": "default",
1937
- "menuitemItemVariantActiveRoot": "on",
1938
- "menuitemItemVariantActiveRoot:1": "off",
1939
- "menuitemItemVariantText": "default",
1940
- "menuitemItemVariantActiveText": "on",
1941
- "menuitemItemVariantActiveText:1": "off",
1942
- "menuitemItemVariantIcon": "default",
1943
- "menuitemItemVariantActiveIcon": "on",
1944
- "menuitemItemVariantActiveIcon:1": "off"
1945
- },
1946
- "cxLiterals": [],
1947
- "internalComponents": ["MenuItemBase"],
1948
- "internalComponentProps": {},
1949
- "propToVariantKeys": {},
1950
- "runtimeConfigDefaultProps": {},
1951
- "runtimeConfigGetStyles": {},
1952
- "runtimeConfigInternalComponentProps": {},
1953
- "motionVarPrefixes": []
1954
- };
1955
- var Menu = {
1956
- "name": "Menu",
1917
+ var UDSPopoverConfigProvider = {
1918
+ "name": "UDSPopoverConfigProvider",
1957
1919
  "defaultProps": {},
1958
1920
  "getStylesLiterals": {},
1959
1921
  "cxLiterals": [],
1960
- "internalComponents": [],
1922
+ "internalComponents": ["PopoverContext.Provider"],
1961
1923
  "internalComponentProps": {},
1962
1924
  "propToVariantKeys": {},
1963
1925
  "runtimeConfigDefaultProps": {},
@@ -1965,91 +1927,108 @@ var Menu = {
1965
1927
  "runtimeConfigInternalComponentProps": {},
1966
1928
  "motionVarPrefixes": []
1967
1929
  };
1968
- var Menu_Content = {
1969
- "name": "Menu.Content",
1930
+ var Radio = {
1931
+ "name": "Radio",
1970
1932
  "defaultProps": {
1971
- "size": "default",
1972
- "variant": "default",
1973
- "gutter": "1"
1933
+ "labelPosition": "start",
1934
+ "variant": "primary",
1935
+ "size": "md",
1936
+ "value": ""
1937
+ },
1938
+ "getStylesLiterals": {
1939
+ "radioVariantValueRoot": "checked",
1940
+ "radioVariantValueRoot:1": "unchecked",
1941
+ "display": "flex",
1942
+ "flexDirection": "row",
1943
+ "flexDirection:1": "row-reverse",
1944
+ "alignItems": "center",
1945
+ "radioVariantValueRadio": "checked",
1946
+ "radioVariantValueRadio:1": "unchecked",
1947
+ "radioVariantValueRadioCircle": "checked",
1948
+ "radioVariantValueRadioCircle:1": "unchecked"
1974
1949
  },
1975
- "getStylesLiterals": {},
1976
1950
  "cxLiterals": [
1977
- "uds-menu-content",
1978
- "transition-shadow",
1979
- "duration-200",
1980
- "ease-in-out",
1981
- "min-w-60",
1982
- "max-w-lg",
1983
- "max-h-96",
1984
- "overflow-auto",
1951
+ "cursor-pointer",
1952
+ "cursor-default",
1953
+ "opacity-50",
1954
+ "border",
1985
1955
  "uds-ring",
1986
- "z-10",
1987
- "group"
1956
+ "uds-ring-within",
1957
+ "transition-[background-color,border-color]",
1958
+ "transition-shadow",
1959
+ "pointer-events-none",
1960
+ "w-[8px]",
1961
+ "h-[8px]",
1962
+ "transition-opacity",
1963
+ "cursor-[inherit]",
1964
+ "absolute",
1965
+ "opacity-0",
1966
+ "top-1/2",
1967
+ "left-1/2",
1968
+ "w-[calc(100%+2px)]",
1969
+ "h-[calc(100%+2px)]",
1970
+ "transform",
1971
+ "translate-x-[-50%]",
1972
+ "translate-y-[-50%]",
1973
+ "text-start",
1974
+ "text-end"
1988
1975
  ],
1989
1976
  "internalComponents": [
1990
- "AriakitMenu",
1991
- "AnimatePresence",
1992
- "MotionVStack"
1977
+ "Box",
1978
+ "FormLabel",
1979
+ "SpringMotionConfig",
1980
+ "RootElement",
1981
+ "MotionBox"
1993
1982
  ],
1994
- "internalComponentProps": {},
1995
- "propToVariantKeys": {
1996
- "size": ["menucontentSizeRoot"],
1997
- "variant": ["menucontentVariantRoot"]
1998
- },
1999
- "runtimeConfigDefaultProps": {},
2000
- "runtimeConfigGetStyles": {},
2001
- "runtimeConfigInternalComponentProps": {},
2002
- "motionVarPrefixes": []
2003
- };
2004
- var Menu_Divider = {
2005
- "name": "Menu.Divider",
2006
- "defaultProps": {
2007
- "role": "separator",
2008
- "contentPosition": "start",
2009
- "gap": "4"
1983
+ "internalComponentProps": {
1984
+ "Box": { "borderRadius": ["full"] },
1985
+ "FormLabel": {
1986
+ "as": ["div"],
1987
+ "variant": ["inherit"],
1988
+ "color": ["inherit"]
1989
+ },
1990
+ "RootElement": { "data-testid": ["container"] },
1991
+ "MotionBox": {
1992
+ "position": ["relative"],
1993
+ "borderRadius": ["full"],
1994
+ "alignItems": ["center"],
1995
+ "justifyContent": ["center"],
1996
+ "flex": ["none"]
1997
+ }
2010
1998
  },
2011
- "getStylesLiterals": {
2012
- "menuitemDividerVariantRoot": "default",
2013
- "menuitemDividerVariantText": "default",
2014
- "menuitemDividerVariantLine": "default"
1999
+ "propToVariantKeys": {
2000
+ "size": ["radioSizeRoot", "radioSizeRadio"],
2001
+ "variant": [
2002
+ "radioVariantRoot",
2003
+ "radioVariantRadio",
2004
+ "radioVariantRadioCircle"
2005
+ ],
2006
+ "reduceMotion": ["reducedMotion"]
2015
2007
  },
2016
- "cxLiterals": [],
2017
- "internalComponents": ["DividerInternal"],
2018
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
2019
- "propToVariantKeys": {},
2020
2008
  "runtimeConfigDefaultProps": {},
2021
2009
  "runtimeConfigGetStyles": {},
2022
2010
  "runtimeConfigInternalComponentProps": {},
2023
- "motionVarPrefixes": []
2011
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2024
2012
  };
2025
- var Menu_ItemCheckbox = {
2026
- "name": "Menu.ItemCheckbox",
2013
+ var RadioGroupProvider = {
2014
+ "name": "RadioGroupProvider",
2027
2015
  "defaultProps": {},
2028
- "getStylesLiterals": {
2029
- "menuitemItemCheckboxVariantRoot": "default",
2030
- "menuitemItemCheckboxVariantActiveRoot": "on",
2031
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
2032
- "menuitemItemCheckboxVariantText": "default",
2033
- "menuitemItemCheckboxVariantActiveText": "on",
2034
- "menuitemItemCheckboxVariantActiveText:1": "off",
2035
- "menuitemItemCheckboxVariantStartIcon": "default",
2036
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
2037
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
2038
- "menuitemItemCheckboxVariantEndIcon": "default",
2039
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
2040
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
2041
- },
2042
- "cxLiterals": ["uds-menu-item-checkbox"],
2043
- "internalComponents": ["MenuItemBase"],
2044
- "internalComponentProps": {},
2016
+ "getStylesLiterals": {},
2017
+ "cxLiterals": [],
2018
+ "internalComponents": [
2019
+ "DivProps",
2020
+ "Comp",
2021
+ "RadioGroupContext.Provider"
2022
+ ],
2023
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2045
2024
  "propToVariantKeys": {},
2046
2025
  "runtimeConfigDefaultProps": {},
2047
2026
  "runtimeConfigGetStyles": {},
2048
2027
  "runtimeConfigInternalComponentProps": {},
2049
2028
  "motionVarPrefixes": []
2050
2029
  };
2051
- var Menu_index = {
2052
- "name": "Menu.index",
2030
+ var RadioGroupStore = {
2031
+ "name": "RadioGroupStore",
2053
2032
  "defaultProps": {},
2054
2033
  "getStylesLiterals": {},
2055
2034
  "cxLiterals": [],
@@ -2061,128 +2040,115 @@ var Menu_index = {
2061
2040
  "runtimeConfigInternalComponentProps": {},
2062
2041
  "motionVarPrefixes": []
2063
2042
  };
2064
- var Menu_Trigger = {
2065
- "name": "Menu.Trigger",
2066
- "defaultProps": {},
2067
- "getStylesLiterals": {},
2068
- "cxLiterals": ["uds-menu-trigger"],
2069
- "internalComponents": ["AriakitMenuTrigger", "Box"],
2070
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
2071
- "propToVariantKeys": {},
2072
- "runtimeConfigDefaultProps": {},
2073
- "runtimeConfigGetStyles": {},
2074
- "runtimeConfigInternalComponentProps": {},
2075
- "motionVarPrefixes": []
2076
- };
2077
- var Menu_ItemBase = {
2078
- "name": "Menu.ItemBase",
2079
- "defaultProps": {
2080
- "spacing": "0",
2081
- "spacingHorizontal": "4",
2082
- "spacingVertical": "3.5",
2083
- "columnGap": "2",
2084
- "alignItems": "center",
2085
- "justifyContent": "space-between"
2086
- },
2043
+ var Tab = {
2044
+ "name": "Tab",
2045
+ "defaultProps": { "variant": "primary" },
2087
2046
  "getStylesLiterals": {
2088
- "textAlign": "start",
2089
- "menuitemSizeRoot": "default",
2090
- "flexDirection": "row",
2091
- "menuitemSizeStartIcon": "default",
2092
- "menuitemSizeEndIcon": "default"
2047
+ "tabSizeRoot": "default",
2048
+ "tabVariantActiveRoot": "off",
2049
+ "tabVariantActiveRoot:1": "on",
2050
+ "tabSizeIcon": "default"
2093
2051
  },
2094
2052
  "cxLiterals": [
2095
- "flex",
2096
- "focus-visible:text-brand",
2097
- "focus-visible:bg-brand-secondary",
2098
- "focus-visible:z-10",
2053
+ "pointer-events-none",
2054
+ "absolute",
2055
+ "bottom-0",
2056
+ "left-0",
2057
+ "right-0",
2058
+ "h-[var(--uds-tab-underline-width,0px)]",
2059
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2060
+ "transition-[height,background-color]",
2061
+ "duration-[240ms]",
2062
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2063
+ "!bg-transparent",
2064
+ "!shadow-none",
2065
+ "inline-flex",
2066
+ "items-center",
2067
+ "shrink-0",
2068
+ "box-border",
2069
+ "relative",
2070
+ "z-[1]",
2071
+ "cursor-pointer",
2072
+ "select-none",
2073
+ "whitespace-nowrap",
2099
2074
  "uds-ring",
2100
- "!-outline-offset-2",
2101
- "[&:not([aria-checked])]:cursor-default",
2102
- "opacity-25",
2103
- "cursor-not-allowed",
2104
- "duration-20",
2105
- "transition-[font-variation-settings]",
2106
- "ease-in-out",
2107
- "z-0",
2108
- "uds-start-icon",
2109
- "uds-end-icon"
2075
+ "opacity-50",
2076
+ "cursor-default",
2077
+ "border-solid",
2078
+ "border-b-solid",
2079
+ "transition-colors"
2110
2080
  ],
2111
2081
  "internalComponents": [
2112
- "Pressable",
2113
2082
  "IconSlot",
2114
- "RootComponent",
2115
- "HStack",
2116
- "AnimatePresence"
2083
+ "AriakitTab",
2084
+ "Text"
2117
2085
  ],
2118
- "internalComponentProps": {
2119
- "HStack": {
2120
- "alignItems": ["center"],
2121
- "width": ["full"]
2122
- },
2123
- "AnimatePresence": { "mode": ["popLayout"] }
2124
- },
2086
+ "internalComponentProps": { "Text": {
2087
+ "variant": ["inherit"],
2088
+ "as": ["span"],
2089
+ "color": ["current"]
2090
+ } },
2125
2091
  "propToVariantKeys": {
2126
- "startIconClassName": ["className"],
2127
- "endIconClassName": ["className"],
2092
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2093
+ "activeState": ["tabVariantActiveIcon"],
2128
2094
  "startIcon": ["icon"],
2129
- "endIcon": ["icon"],
2130
- "columnGap": ["gap"]
2095
+ "endIcon": ["icon"]
2131
2096
  },
2132
2097
  "runtimeConfigDefaultProps": {},
2133
2098
  "runtimeConfigGetStyles": {},
2134
2099
  "runtimeConfigInternalComponentProps": {},
2135
2100
  "motionVarPrefixes": []
2136
2101
  };
2137
- var Menu_Provider = {
2138
- "name": "Menu.Provider",
2139
- "defaultProps": {},
2140
- "getStylesLiterals": {},
2141
- "cxLiterals": [],
2142
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
2143
- "internalComponentProps": {},
2144
- "propToVariantKeys": {},
2145
- "runtimeConfigDefaultProps": {},
2146
- "runtimeConfigGetStyles": {},
2147
- "runtimeConfigInternalComponentProps": {},
2148
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2149
- };
2150
- var ChipDismissible = {
2151
- "name": "ChipDismissible",
2102
+ var TabList = {
2103
+ "name": "TabList",
2152
2104
  "defaultProps": { "variant": "primary" },
2153
- "getStylesLiterals": {},
2105
+ "getStylesLiterals": {
2106
+ "tabSizeRoot": "default",
2107
+ "tabVariantActiveRoot": "on"
2108
+ },
2154
2109
  "cxLiterals": [
2155
- "uds-chip-dismissible-button",
2156
- "uds-hit-target",
2157
- "uds-ring",
2158
- "rounded-full"
2159
- ],
2160
- "internalComponents": [
2161
- "ChipBase",
2162
- "IconSlot",
2163
- "Pressable"
2110
+ "pointer-events-none",
2111
+ "absolute",
2112
+ "bottom-0",
2113
+ "left-0",
2114
+ "right-0",
2115
+ "h-[var(--uds-tab-underline-width,0px)]",
2116
+ "bg-[var(--uds-tab-underline-color,transparent)]",
2117
+ "transition-[height,background-color]",
2118
+ "duration-[240ms]",
2119
+ "ease-[cubic-bezier(0.2,0,0,1)]",
2120
+ "!m-0",
2121
+ "!p-0",
2122
+ "!gap-0",
2123
+ "box-border",
2124
+ "z-0",
2125
+ "min-w-0",
2126
+ "min-h-0",
2127
+ "flex",
2128
+ "flex-row",
2129
+ "items-center",
2130
+ "overflow-x-auto",
2131
+ "overflow-y-clip",
2132
+ "scrollbar-none",
2133
+ "[overflow-clip-margin:6px]",
2134
+ "overflow-clip",
2135
+ "[overflow-clip-margin:8px]",
2136
+ "relative"
2164
2137
  ],
2138
+ "internalComponents": ["AriakitTabList"],
2165
2139
  "internalComponentProps": {},
2166
- "propToVariantKeys": {
2167
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2168
- "dismissButtonAriaLabel": ["aria-label"]
2169
- },
2140
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2170
2141
  "runtimeConfigDefaultProps": {},
2171
2142
  "runtimeConfigGetStyles": {},
2172
2143
  "runtimeConfigInternalComponentProps": {},
2173
2144
  "motionVarPrefixes": []
2174
2145
  };
2175
- var Chip = {
2176
- "name": "Chip",
2146
+ var TabPanel = {
2147
+ "name": "TabPanel",
2177
2148
  "defaultProps": {},
2178
2149
  "getStylesLiterals": {},
2179
2150
  "cxLiterals": [],
2180
- "internalComponents": [
2181
- "ChipDismissible",
2182
- "ChipToggle",
2183
- "ChipLink",
2184
- "ChipButton"
2185
- ],
2151
+ "internalComponents": ["AriakitTabPanel"],
2186
2152
  "internalComponentProps": {},
2187
2153
  "propToVariantKeys": {},
2188
2154
  "runtimeConfigDefaultProps": {},
@@ -2190,104 +2156,143 @@ var Chip = {
2190
2156
  "runtimeConfigInternalComponentProps": {},
2191
2157
  "motionVarPrefixes": []
2192
2158
  };
2193
- var ChipLink = {
2194
- "name": "ChipLink",
2195
- "defaultProps": { "variant": "primary" },
2196
- "getStylesLiterals": {},
2197
- "cxLiterals": ["uds-ring"],
2198
- "internalComponents": ["ChipBase"],
2199
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2200
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2201
- "runtimeConfigDefaultProps": {},
2202
- "runtimeConfigGetStyles": {},
2203
- "runtimeConfigInternalComponentProps": {},
2204
- "motionVarPrefixes": []
2205
- };
2206
- var ChipToggle = {
2207
- "name": "ChipToggle",
2208
- "defaultProps": {
2209
- "variant": "primary",
2210
- "role": "checkbox"
2211
- },
2212
- "getStylesLiterals": {
2213
- "chipToggleVariantActiveRoot": "on",
2214
- "chipToggleVariantActiveRoot:1": "off"
2215
- },
2216
- "cxLiterals": ["uds-ring"],
2217
- "internalComponents": ["ChipBase"],
2218
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2219
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
2159
+ var Tabs = {
2160
+ "name": "Tabs",
2161
+ "defaultProps": { "variant": "primary" },
2162
+ "getStylesLiterals": {},
2163
+ "cxLiterals": [],
2164
+ "internalComponents": ["TabsContext.Provider", "TabProvider"],
2165
+ "internalComponentProps": {},
2166
+ "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2220
2167
  "runtimeConfigDefaultProps": {},
2221
2168
  "runtimeConfigGetStyles": {},
2222
2169
  "runtimeConfigInternalComponentProps": {},
2223
2170
  "motionVarPrefixes": []
2224
2171
  };
2225
- var ChipBase = {
2226
- "name": "ChipBase",
2227
- "defaultProps": {
2228
- "size": "md",
2229
- "as": "div"
2172
+ var Toast = {
2173
+ "name": "Toast",
2174
+ "defaultProps": {},
2175
+ "getStylesLiterals": {
2176
+ "className": "animate-spin",
2177
+ "className:1": "flex-none",
2178
+ "spacing": "2",
2179
+ "borderRadius": "full"
2230
2180
  },
2231
- "getStylesLiterals": {},
2232
2181
  "cxLiterals": [
2233
- "pointer-events-none",
2234
- "cursor-default",
2235
- "opacity-50",
2236
- "inline-flex",
2237
- "items-center",
2238
- "transition-[background-color,outline-color,box-shadow]",
2239
- "truncate",
2240
- "whitespace-nowrap",
2241
- "text-center",
2242
- "flex-1"
2182
+ "duration-0",
2183
+ "duration-120",
2184
+ "transition-[background-color]",
2185
+ "bg-carbon-15/0",
2186
+ "hover:bg-carbon-15/10",
2187
+ "active:bg-carbon-15/15",
2188
+ "uds-ring"
2243
2189
  ],
2244
2190
  "internalComponents": [
2245
2191
  "IconSlot",
2246
- "HStack",
2247
- "As",
2248
- "Text"
2192
+ "ToastContainer",
2193
+ "Text",
2194
+ "Button",
2195
+ "Pressable"
2249
2196
  ],
2250
- "internalComponentProps": { "Text": {
2251
- "as": ["span"],
2252
- "color": ["current"],
2253
- "variant": ["inherit"]
2197
+ "internalComponentProps": {},
2198
+ "propToVariantKeys": {
2199
+ "size": [
2200
+ "toastSizeLabel",
2201
+ "toastSizeIcon",
2202
+ "toastSizeActionButton",
2203
+ "toastSizeCloseIcon"
2204
+ ],
2205
+ "variant": [
2206
+ "toastVariantIcon",
2207
+ "toastVariantActionButton",
2208
+ "toastVariantCloseIcon"
2209
+ ],
2210
+ "closeIcon": ["icon"],
2211
+ "onClickActionButton": ["onClick"]
2212
+ },
2213
+ "runtimeConfigDefaultProps": {
2214
+ "size": "toast.defaultSize",
2215
+ "variant": "toast.defaultVariant"
2216
+ },
2217
+ "runtimeConfigGetStyles": {
2218
+ "toastSizeLabel": ["toast.defaultSize"],
2219
+ "toastVariantIcon": ["toast.defaultVariant"],
2220
+ "toastSizeIcon": ["toast.defaultSize"],
2221
+ "toastSizeActionButton": ["toast.defaultSize"],
2222
+ "toastVariantActionButton": ["toast.defaultVariant"],
2223
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
2224
+ "toastSizeCloseIcon": ["toast.defaultSize"]
2225
+ },
2226
+ "runtimeConfigInternalComponentProps": {
2227
+ "ToastContainer": {
2228
+ "size": ["toast.defaultSize"],
2229
+ "variant": ["toast.defaultVariant"]
2230
+ },
2231
+ "Text": {
2232
+ "variant": ["toast.textVariant.${size}"],
2233
+ "color": ["toast.textColor.${variant}"]
2234
+ },
2235
+ "Button": {
2236
+ "size": ["toast.buttonSize.${size}"],
2237
+ "variant": ["toast.buttonVariant.${variant}"]
2238
+ }
2239
+ },
2240
+ "motionVarPrefixes": []
2241
+ };
2242
+ var ToastContainer = {
2243
+ "name": "ToastContainer",
2244
+ "defaultProps": {},
2245
+ "getStylesLiterals": {
2246
+ "position": "relative",
2247
+ "alignItems": "center",
2248
+ "display": "flex",
2249
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2250
+ },
2251
+ "cxLiterals": ["w-full"],
2252
+ "internalComponents": ["HStack"],
2253
+ "internalComponentProps": { "HStack": {
2254
+ "alignItems": ["center"],
2255
+ "justifyContent": ["space-between"],
2256
+ "overflow": ["hidden"],
2257
+ "position": ["relative"]
2254
2258
  } },
2255
2259
  "propToVariantKeys": {
2256
- "size": ["chipSizeRoot", "chipSizeIcon"],
2257
- "startIcon": ["icon"],
2258
- "endIcon": ["icon"]
2260
+ "variant": ["toastVariantRoot"],
2261
+ "size": ["toastSizeRoot"]
2259
2262
  },
2260
- "runtimeConfigDefaultProps": {},
2261
- "runtimeConfigGetStyles": {},
2262
- "runtimeConfigInternalComponentProps": {},
2263
+ "runtimeConfigDefaultProps": {
2264
+ "size": "toast.defaultSize",
2265
+ "variant": "toast.defaultVariant"
2266
+ },
2267
+ "runtimeConfigGetStyles": {
2268
+ "toastVariantRoot": ["toast.defaultVariant"],
2269
+ "toastSizeRoot": ["toast.defaultSize"]
2270
+ },
2271
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
2263
2272
  "motionVarPrefixes": []
2264
2273
  };
2265
- var ChipButton = {
2266
- "name": "ChipButton",
2267
- "defaultProps": { "variant": "primary" },
2274
+ var ToastPortal = {
2275
+ "name": "ToastPortal",
2276
+ "defaultProps": {},
2268
2277
  "getStylesLiterals": {},
2269
- "cxLiterals": ["uds-ring"],
2270
- "internalComponents": ["ChipBase"],
2271
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2272
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2273
- "runtimeConfigDefaultProps": {},
2278
+ "cxLiterals": [],
2279
+ "internalComponents": ["ReactToastifyToastContainer"],
2280
+ "internalComponentProps": {},
2281
+ "propToVariantKeys": {},
2282
+ "runtimeConfigDefaultProps": {
2283
+ "size": "toast.defaultSize",
2284
+ "variant": "toast.defaultVariant"
2285
+ },
2274
2286
  "runtimeConfigGetStyles": {},
2275
- "runtimeConfigInternalComponentProps": {},
2287
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
2276
2288
  "motionVarPrefixes": []
2277
2289
  };
2278
- var UDSConfigProvider = {
2279
- "name": "UDSConfigProvider",
2290
+ var UDSToastConfigProvider = {
2291
+ "name": "UDSToastConfigProvider",
2280
2292
  "defaultProps": {},
2281
2293
  "getStylesLiterals": {},
2282
2294
  "cxLiterals": [],
2283
- "internalComponents": [
2284
- "UDSBreakpointsConfigProvider",
2285
- "UDSBottomSheetConfigProvider",
2286
- "UDSToastConfigProvider",
2287
- "UDSTooltipConfigProvider",
2288
- "UDSPopoverConfigProvider",
2289
- "UDSModalConfigProvider"
2290
- ],
2295
+ "internalComponents": ["ToastContext.Provider"],
2291
2296
  "internalComponentProps": {},
2292
2297
  "propToVariantKeys": {},
2293
2298
  "runtimeConfigDefaultProps": {},
@@ -2295,17 +2300,17 @@ var UDSConfigProvider = {
2295
2300
  "runtimeConfigInternalComponentProps": {},
2296
2301
  "motionVarPrefixes": []
2297
2302
  };
2298
- var UDSBreakpointsConfigProvider = {
2299
- "name": "UDSBreakpointsConfigProvider",
2303
+ var Tooltip = {
2304
+ "name": "Tooltip",
2300
2305
  "defaultProps": {},
2301
2306
  "getStylesLiterals": {},
2302
2307
  "cxLiterals": [],
2303
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2308
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2304
2309
  "internalComponentProps": {},
2305
2310
  "propToVariantKeys": {},
2306
2311
  "runtimeConfigDefaultProps": {},
2307
2312
  "runtimeConfigGetStyles": {},
2308
- "runtimeConfigInternalComponentProps": {},
2313
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2309
2314
  "motionVarPrefixes": []
2310
2315
  };
2311
2316
  var TooltipContent = {
@@ -2360,6 +2365,19 @@ var TooltipContent = {
2360
2365
  "runtimeConfigInternalComponentProps": {},
2361
2366
  "motionVarPrefixes": []
2362
2367
  };
2368
+ var TooltipTrigger = {
2369
+ "name": "TooltipTrigger",
2370
+ "defaultProps": {},
2371
+ "getStylesLiterals": {},
2372
+ "cxLiterals": [],
2373
+ "internalComponents": ["TooltipAnchor"],
2374
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2375
+ "propToVariantKeys": { "children": ["render"] },
2376
+ "runtimeConfigDefaultProps": {},
2377
+ "runtimeConfigGetStyles": {},
2378
+ "runtimeConfigInternalComponentProps": {},
2379
+ "motionVarPrefixes": []
2380
+ };
2363
2381
  var UDSTooltipConfigProvider = {
2364
2382
  "name": "UDSTooltipConfigProvider",
2365
2383
  "defaultProps": {},
@@ -2371,388 +2389,356 @@ var UDSTooltipConfigProvider = {
2371
2389
  "runtimeConfigDefaultProps": {},
2372
2390
  "runtimeConfigGetStyles": {},
2373
2391
  "runtimeConfigInternalComponentProps": {},
2374
- "motionVarPrefixes": []
2375
- };
2376
- var TooltipTrigger = {
2377
- "name": "TooltipTrigger",
2378
- "defaultProps": {},
2379
- "getStylesLiterals": {},
2380
- "cxLiterals": [],
2381
- "internalComponents": ["TooltipAnchor"],
2382
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2383
- "propToVariantKeys": { "children": ["render"] },
2384
- "runtimeConfigDefaultProps": {},
2385
- "runtimeConfigGetStyles": {},
2386
- "runtimeConfigInternalComponentProps": {},
2387
- "motionVarPrefixes": []
2392
+ "motionVarPrefixes": []
2393
+ };
2394
+ var UDSBreakpointsConfigProvider = {
2395
+ "name": "UDSBreakpointsConfigProvider",
2396
+ "defaultProps": {},
2397
+ "getStylesLiterals": {},
2398
+ "cxLiterals": [],
2399
+ "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2400
+ "internalComponentProps": {},
2401
+ "propToVariantKeys": {},
2402
+ "runtimeConfigDefaultProps": {},
2403
+ "runtimeConfigGetStyles": {},
2404
+ "runtimeConfigInternalComponentProps": {},
2405
+ "motionVarPrefixes": []
2406
+ };
2407
+ var UDSConfigProvider = {
2408
+ "name": "UDSConfigProvider",
2409
+ "defaultProps": {},
2410
+ "getStylesLiterals": {},
2411
+ "cxLiterals": [],
2412
+ "internalComponents": [
2413
+ "UDSBreakpointsConfigProvider",
2414
+ "UDSBottomSheetConfigProvider",
2415
+ "UDSToastConfigProvider",
2416
+ "UDSTooltipConfigProvider",
2417
+ "UDSPopoverConfigProvider",
2418
+ "UDSModalConfigProvider"
2419
+ ],
2420
+ "internalComponentProps": {},
2421
+ "propToVariantKeys": {},
2422
+ "runtimeConfigDefaultProps": {},
2423
+ "runtimeConfigGetStyles": {},
2424
+ "runtimeConfigInternalComponentProps": {},
2425
+ "motionVarPrefixes": []
2426
+ };
2427
+ var Accordion = {
2428
+ "name": "Accordion",
2429
+ "defaultProps": {
2430
+ "spacingHorizontal": "4",
2431
+ "spacingVertical": "4"
2432
+ },
2433
+ "getStylesLiterals": {},
2434
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2435
+ "internalComponents": [
2436
+ "Icon",
2437
+ "SpringMotionConfig",
2438
+ "Pressable",
2439
+ "Text",
2440
+ "HStack",
2441
+ "AnimatePresence",
2442
+ "VStack"
2443
+ ],
2444
+ "internalComponentProps": {
2445
+ "Icon": {
2446
+ "variant": ["fill"],
2447
+ "size": ["sm"],
2448
+ "color": ["primary"]
2449
+ },
2450
+ "SpringMotionConfig": {
2451
+ "layoutVariant": ["smooth"],
2452
+ "layoutSpeed": ["3"]
2453
+ },
2454
+ "Pressable": {
2455
+ "display": ["flex"],
2456
+ "flexDirection": ["row"],
2457
+ "alignItems": ["center"],
2458
+ "justifyContent": ["space-between"],
2459
+ "borderRadius": ["md"]
2460
+ },
2461
+ "Text": {
2462
+ "variant": ["title4"],
2463
+ "color": ["primary"]
2464
+ },
2465
+ "HStack": {
2466
+ "display": ["flex"],
2467
+ "alignItems": ["center"],
2468
+ "justifyContent": ["space-between"],
2469
+ "columnGap": ["2.5"]
2470
+ }
2471
+ },
2472
+ "propToVariantKeys": {},
2473
+ "runtimeConfigDefaultProps": {},
2474
+ "runtimeConfigGetStyles": {},
2475
+ "runtimeConfigInternalComponentProps": {},
2476
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2388
2477
  };
2389
- var Tooltip = {
2390
- "name": "Tooltip",
2478
+ var AvoidMotionLibraryProvider = {
2479
+ "name": "AvoidMotionLibraryProvider",
2391
2480
  "defaultProps": {},
2392
2481
  "getStylesLiterals": {},
2393
2482
  "cxLiterals": [],
2394
- "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2483
+ "internalComponents": [],
2395
2484
  "internalComponentProps": {},
2396
2485
  "propToVariantKeys": {},
2397
2486
  "runtimeConfigDefaultProps": {},
2398
2487
  "runtimeConfigGetStyles": {},
2399
- "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2400
- "motionVarPrefixes": []
2401
- };
2402
- var InputHelpTextInternal = {
2403
- "name": "InputHelpTextInternal",
2404
- "defaultProps": {},
2405
- "getStylesLiterals": {
2406
- "inputVariantHelperText": "default",
2407
- "inputVariantValueHelperText": "empty",
2408
- "inputVariantValueHelperText:1": "filled",
2409
- "inputVariantHelperIcon": "default",
2410
- "inputVariantValueHelperIcon": "empty",
2411
- "inputVariantValueHelperIcon:1": "filled"
2412
- },
2413
- "cxLiterals": [],
2414
- "internalComponents": ["IconSlot", "HStack"],
2415
- "internalComponentProps": { "HStack": {
2416
- "gap": ["1"],
2417
- "alignItems": ["center"]
2418
- } },
2419
- "propToVariantKeys": {
2420
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
2421
- "startIcon": ["icon"],
2422
- "endIcon": ["icon"]
2423
- },
2424
- "runtimeConfigDefaultProps": {},
2425
- "runtimeConfigGetStyles": {},
2426
2488
  "runtimeConfigInternalComponentProps": {},
2427
2489
  "motionVarPrefixes": []
2428
2490
  };
2429
- var Input = {
2430
- "name": "Input",
2431
- "defaultProps": {
2432
- "type": "text",
2433
- "size": "md",
2434
- "width": "full"
2435
- },
2491
+ var SegmentedControl = {
2492
+ "name": "SegmentedControl",
2493
+ "defaultProps": { "textVariant": "label2" },
2436
2494
  "getStylesLiterals": {
2437
- "inputVariantRoot": "default",
2438
- "inputVariantValueRoot": "empty",
2439
- "inputVariantValueRoot:1": "filled",
2440
- "inputVariantInputWrapper": "default",
2441
- "inputVariantValueInputWrapper": "empty",
2442
- "inputVariantValueInputWrapper:1": "filled",
2443
- "inputVariantInput": "default",
2444
- "inputVariantValueInput": "empty",
2445
- "inputVariantValueInput:1": "filled",
2446
- "inputVariantInputPlaceholder": "default",
2447
- "inputVariantValueInputPlaceholder": "empty",
2448
- "inputVariantValueInputPlaceholder:1": "filled",
2449
- "inputVariantLabel": "default",
2450
- "inputVariantValueLabel": "empty",
2451
- "inputVariantValueLabel:1": "filled",
2452
- "inputVariantLabelRequired": "default",
2453
- "inputVariantValueLabelRequired": "empty",
2454
- "inputVariantValueLabelRequired:1": "filled",
2455
- "inputVariantStartIcon": "default",
2456
- "inputVariantValueStartIcon": "empty",
2457
- "inputVariantValueStartIcon:1": "filled",
2458
- "inputVariantEndIcon": "default",
2459
- "inputVariantValueEndIcon": "empty",
2460
- "inputVariantValueEndIcon:1": "filled"
2495
+ "display": "flex",
2496
+ "alignItems": "center",
2497
+ "backgroundColor": "primary",
2498
+ "spacingVertical": "1",
2499
+ "spacingHorizontal": "3",
2500
+ "columnGap": "1.5",
2501
+ "borderWidth": "thin",
2502
+ "borderRadius": "full",
2503
+ "borderColor": "muted",
2504
+ "borderColor:1": "transparent",
2505
+ "color": "primary",
2506
+ "color:1": "tertiary",
2507
+ "color:2": "muted"
2461
2508
  },
2462
2509
  "cxLiterals": [
2510
+ "uds-ring",
2511
+ "cursor-not-allowed",
2463
2512
  "opacity-50",
2464
- "min-w-[200px]",
2465
- "grow",
2466
- "uds-hit-target",
2467
- "bg-clip-text",
2468
- "focus:outline-none",
2469
- "cursor-text",
2470
- "cursor-not-allowed"
2513
+ "pointer-events-none",
2514
+ "hover:bg-primary"
2471
2515
  ],
2472
2516
  "internalComponents": [
2473
- "IconSlot",
2474
- "StartIcon",
2475
- "EndIcon",
2476
- "HelpTextContent",
2477
- "Box",
2478
- "InputHelpTextInternal",
2479
- "VStack",
2517
+ "TextVariant",
2518
+ "Radio",
2519
+ "Icon",
2520
+ "RadioProvider",
2480
2521
  "HStack",
2481
- "AnimateHeightChange"
2522
+ "RadioGroup",
2523
+ "Pressable",
2524
+ "Text"
2482
2525
  ],
2483
2526
  "internalComponentProps": {
2484
- "HelpTextContent": { "spacingTop": ["2"] },
2485
- "Box": {
2486
- "spacingBottom": ["2"],
2487
- "columnGap": ["0.5"],
2488
- "alignItems": ["flex-end", "center"],
2489
- "position": ["relative"]
2527
+ "Icon": {
2528
+ "size": ["sm"],
2529
+ "color": ["current"],
2530
+ "aria-hidden": ["true"]
2490
2531
  },
2491
2532
  "HStack": {
2492
- "alignItems": ["center"],
2493
- "gap": ["1"]
2494
- }
2533
+ "spacing": ["1"],
2534
+ "gap": ["1"],
2535
+ "backgroundColor": ["secondary"],
2536
+ "borderRadius": ["full"],
2537
+ "display": ["inline-flex"]
2538
+ },
2539
+ "Text": { "color": ["current"] }
2495
2540
  },
2496
2541
  "propToVariantKeys": {
2497
- "size": [
2498
- "inputSizeRoot",
2499
- "inputSizeInputWrapper",
2500
- "inputSizeInput",
2501
- "inputSizeLabel",
2502
- "inputSizeStartIcon",
2503
- "inputSizeEndIcon"
2504
- ],
2505
- "startIcon": ["icon"],
2506
- "endIcon": ["icon"],
2507
- "slotProps": ["helperTextSlotProps"],
2508
- "helperTextIcon": ["startIcon"]
2542
+ "value": ["key"],
2543
+ "label": ["aria-label"],
2544
+ "textVariant": ["variant"]
2509
2545
  },
2510
2546
  "runtimeConfigDefaultProps": {},
2511
2547
  "runtimeConfigGetStyles": {},
2512
2548
  "runtimeConfigInternalComponentProps": {},
2513
2549
  "motionVarPrefixes": []
2514
2550
  };
2515
- var InputHelpText = {
2516
- "name": "InputHelpText",
2517
- "defaultProps": { "size": "md" },
2518
- "getStylesLiterals": {
2519
- "inputVariantRoot": "default",
2520
- "inputVariantValueRoot": "empty",
2521
- "inputVariantValueRoot:1": "filled"
2551
+ var SwitchV2 = {
2552
+ "name": "SwitchV2",
2553
+ "defaultProps": {
2554
+ "labelPosition": "start",
2555
+ "size": "md"
2522
2556
  },
2523
- "cxLiterals": [],
2524
- "internalComponents": ["InputHelpTextInternal", "Box"],
2525
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2526
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
2527
- "runtimeConfigDefaultProps": {},
2528
- "runtimeConfigGetStyles": {},
2529
- "runtimeConfigInternalComponentProps": {},
2530
- "motionVarPrefixes": []
2531
- };
2532
- var Tab = {
2533
- "name": "Tab",
2534
- "defaultProps": { "variant": "primary" },
2535
2557
  "getStylesLiterals": {
2536
- "tabSizeRoot": "default",
2537
- "tabVariantActiveRoot": "off",
2538
- "tabVariantActiveRoot:1": "on",
2539
- "tabSizeIcon": "default"
2558
+ "switchVariantRoot": "default",
2559
+ "switchVariantActiveRoot": "on",
2560
+ "switchVariantActiveRoot:1": "off",
2561
+ "switchVariantSwitch": "default",
2562
+ "switchVariantActiveSwitch": "on",
2563
+ "switchVariantActiveSwitch:1": "off",
2564
+ "switchVariantActiveHandle": "on",
2565
+ "switchVariantActiveHandle:1": "off",
2566
+ "switchVariantHandle": "default",
2567
+ "switchVariantHandleIcon": "default",
2568
+ "switchVariantActiveHandleIcon": "on",
2569
+ "switchVariantActiveHandleIcon:1": "off"
2540
2570
  },
2541
2571
  "cxLiterals": [
2572
+ "group",
2573
+ "flex",
2574
+ "items-center",
2575
+ "flex-row",
2576
+ "flex-row-reverse",
2577
+ "uds-ring",
2578
+ "uds-ring-within",
2579
+ "relative",
2580
+ "uds-border-radius-full",
2581
+ "transition-[background-color,box-shadow]",
2542
2582
  "pointer-events-none",
2583
+ "w-full",
2584
+ "h-full",
2543
2585
  "absolute",
2586
+ "top-0",
2544
2587
  "bottom-0",
2545
- "left-0",
2546
2588
  "right-0",
2547
- "h-[var(--uds-tab-underline-width,0px)]",
2548
- "bg-[var(--uds-tab-underline-color,transparent)]",
2549
- "transition-[height,background-color]",
2550
- "duration-[240ms]",
2551
- "ease-[cubic-bezier(0.2,0,0,1)]",
2552
- "!bg-transparent",
2553
- "!shadow-none",
2554
- "inline-flex",
2555
- "items-center",
2556
- "shrink-0",
2557
- "box-border",
2558
- "relative",
2559
- "z-[1]",
2560
- "cursor-pointer",
2561
- "select-none",
2562
- "whitespace-nowrap",
2563
- "uds-ring",
2564
- "opacity-50",
2565
- "cursor-default",
2566
- "border-solid",
2567
- "border-b-solid",
2568
- "transition-colors"
2589
+ "left-0",
2590
+ "overflow-hidden",
2591
+ "group-hover:scale-105",
2592
+ "opacity-95",
2593
+ "group-hover:opacity-100",
2594
+ "transition-[transform,opacity]",
2595
+ "opacity-0",
2596
+ "top-1/2",
2597
+ "left-1/2",
2598
+ "transform",
2599
+ "translate-x-[-50%]",
2600
+ "translate-y-[-50%]",
2601
+ "transition-opacity",
2602
+ "cursor-[inherit]",
2603
+ "w-[calc(100%+2px)]",
2604
+ "h-[calc(100%+2px)]",
2605
+ "text-start",
2606
+ "text-end",
2607
+ "opacity-100"
2569
2608
  ],
2570
2609
  "internalComponents": [
2571
2610
  "IconSlot",
2572
- "AriakitTab",
2573
- "Text"
2611
+ "Box",
2612
+ "FormLabel",
2613
+ "SpringMotionConfig",
2614
+ "RootElement",
2615
+ "MotionBox"
2574
2616
  ],
2575
- "internalComponentProps": { "Text": {
2576
- "variant": ["inherit"],
2577
- "as": ["span"],
2578
- "color": ["current"]
2579
- } },
2580
- "propToVariantKeys": {
2581
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2582
- "activeState": ["tabVariantActiveIcon"],
2583
- "startIcon": ["icon"],
2584
- "endIcon": ["icon"]
2617
+ "internalComponentProps": {
2618
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
2619
+ "FormLabel": {
2620
+ "as": ["div"],
2621
+ "variant": ["inherit"],
2622
+ "color": ["inherit"]
2623
+ },
2624
+ "SpringMotionConfig": {
2625
+ "layoutVariant": ["bouncy"],
2626
+ "layoutSpeed": ["4"]
2627
+ },
2628
+ "RootElement": { "data-testid": ["switch-root"] },
2629
+ "MotionBox": { "layout": ["position"] }
2585
2630
  },
2586
- "runtimeConfigDefaultProps": {},
2587
- "runtimeConfigGetStyles": {},
2588
- "runtimeConfigInternalComponentProps": {},
2589
- "motionVarPrefixes": []
2590
- };
2591
- var TabList = {
2592
- "name": "TabList",
2593
- "defaultProps": { "variant": "primary" },
2594
- "getStylesLiterals": {
2595
- "tabSizeRoot": "default",
2596
- "tabVariantActiveRoot": "on"
2631
+ "propToVariantKeys": {
2632
+ "size": [
2633
+ "switchSizeRoot",
2634
+ "switchSizeSwitch",
2635
+ "switchSizeHandle",
2636
+ "switchSizeHandleIcon"
2637
+ ],
2638
+ "onIcon": ["icon"],
2639
+ "offIcon": ["icon"],
2640
+ "reduceMotion": ["reducedMotion"],
2641
+ "isOn": ["layoutDependency"]
2597
2642
  },
2598
- "cxLiterals": [
2599
- "pointer-events-none",
2600
- "absolute",
2601
- "bottom-0",
2602
- "left-0",
2603
- "right-0",
2604
- "h-[var(--uds-tab-underline-width,0px)]",
2605
- "bg-[var(--uds-tab-underline-color,transparent)]",
2606
- "transition-[height,background-color]",
2607
- "duration-[240ms]",
2608
- "ease-[cubic-bezier(0.2,0,0,1)]",
2609
- "!m-0",
2610
- "!p-0",
2611
- "!gap-0",
2612
- "box-border",
2613
- "z-0",
2614
- "min-w-0",
2615
- "min-h-0",
2616
- "flex",
2617
- "flex-row",
2618
- "items-center",
2619
- "overflow-x-auto",
2620
- "overflow-y-clip",
2621
- "scrollbar-none",
2622
- "[overflow-clip-margin:6px]",
2623
- "overflow-clip",
2624
- "[overflow-clip-margin:8px]",
2625
- "relative"
2626
- ],
2627
- "internalComponents": ["AriakitTabList"],
2628
- "internalComponentProps": {},
2629
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2630
- "runtimeConfigDefaultProps": {},
2631
- "runtimeConfigGetStyles": {},
2632
- "runtimeConfigInternalComponentProps": {},
2633
- "motionVarPrefixes": []
2634
- };
2635
- var TabPanel = {
2636
- "name": "TabPanel",
2637
- "defaultProps": {},
2638
- "getStylesLiterals": {},
2639
- "cxLiterals": [],
2640
- "internalComponents": ["AriakitTabPanel"],
2641
- "internalComponentProps": {},
2642
- "propToVariantKeys": {},
2643
- "runtimeConfigDefaultProps": {},
2644
- "runtimeConfigGetStyles": {},
2645
- "runtimeConfigInternalComponentProps": {},
2646
- "motionVarPrefixes": []
2647
- };
2648
- var Tabs = {
2649
- "name": "Tabs",
2650
- "defaultProps": { "variant": "primary" },
2651
- "getStylesLiterals": {},
2652
- "cxLiterals": [],
2653
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2654
- "internalComponentProps": {},
2655
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2656
2643
  "runtimeConfigDefaultProps": {},
2657
2644
  "runtimeConfigGetStyles": {},
2658
2645
  "runtimeConfigInternalComponentProps": {},
2659
- "motionVarPrefixes": []
2646
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
2660
2647
  };
2661
2648
  var componentData_default = {
2662
- VStack,
2663
- Scrim,
2664
- Link,
2665
- IconSlot,
2666
- Image,
2667
- FormLabel,
2668
2649
  Box,
2669
- Icon,
2650
+ FormLabel,
2670
2651
  HStack,
2671
- Text,
2652
+ Icon,
2653
+ IconSlot,
2654
+ Image,
2655
+ Link,
2656
+ Scrim,
2672
2657
  SvgFloatingOverlay,
2673
- Avatar,
2674
- AvatarIcon,
2675
- AvatarText,
2676
- AvatarImageNoFallback,
2677
- BannerTitle,
2658
+ Text,
2659
+ VStack,
2678
2660
  Banner,
2679
2661
  BannerContent,
2680
2662
  BannerDescription,
2681
- Spinner,
2682
- Table,
2683
- "Table.mocks": Table_mocks,
2684
- Checkbox,
2685
- Pressable,
2686
- Switch,
2687
- IconButton,
2688
- SpringMotionConfig,
2663
+ BannerTitle,
2664
+ Divider,
2665
+ DividerCore,
2666
+ DividerInternal,
2689
2667
  AnimateHeightChange,
2690
2668
  Badge,
2691
2669
  Button,
2692
- DividerInternal,
2693
- DividerCore,
2694
- Divider,
2695
- AvoidMotionLibraryProvider,
2696
- SegmentedControl,
2697
- Accordion,
2698
- SwitchV2,
2699
- ToastPortal,
2700
- Toast,
2701
- UDSToastConfigProvider,
2702
- ToastContainer,
2703
- BottomSheetHeader,
2704
- BottomSheetInternalContext,
2705
- BottomSheetContent,
2670
+ Checkbox,
2671
+ IconButton,
2672
+ Pressable,
2673
+ SpringMotionConfig,
2674
+ Switch,
2675
+ Spinner,
2676
+ "Table.mocks": Table_mocks,
2677
+ Table,
2678
+ Avatar,
2679
+ AvatarIcon,
2680
+ AvatarImage,
2681
+ AvatarText,
2706
2682
  BottomSheet,
2683
+ BottomSheetContent,
2707
2684
  BottomSheetDismiss,
2708
2685
  BottomSheetHandle,
2686
+ BottomSheetHeader,
2687
+ BottomSheetInternalContext,
2709
2688
  BottomSheetProvider,
2710
- UDSBottomSheetConfigProvider,
2711
2689
  BottomSheetTrigger,
2712
- AvatarImage,
2713
- RadioGroupProvider,
2714
- Radio,
2715
- RadioGroupStore,
2716
- ModalTitle,
2717
- ModalActions,
2718
- UDSModalConfigProvider,
2719
- ModalDescription,
2720
- Modal,
2721
- ModalContext,
2722
- ModalContent,
2723
- PopoverContent,
2724
- PopoverContext,
2725
- UDSPopoverConfigProvider,
2726
- PopoverTrigger,
2727
- Popover,
2728
- "Menu.Item": Menu_Item,
2729
- Menu,
2690
+ UDSBottomSheetConfigProvider,
2691
+ Chip,
2692
+ ChipBase,
2693
+ ChipButton,
2694
+ ChipDismissible,
2695
+ ChipLink,
2696
+ ChipToggle,
2730
2697
  "Menu.Content": Menu_Content,
2731
2698
  "Menu.Divider": Menu_Divider,
2732
- "Menu.ItemCheckbox": Menu_ItemCheckbox,
2733
- "Menu.index": Menu_index,
2734
- "Menu.Trigger": Menu_Trigger,
2699
+ "Menu.Item": Menu_Item,
2735
2700
  "Menu.ItemBase": Menu_ItemBase,
2701
+ "Menu.ItemCheckbox": Menu_ItemCheckbox,
2736
2702
  "Menu.Provider": Menu_Provider,
2737
- ChipDismissible,
2738
- Chip,
2739
- ChipLink,
2740
- ChipToggle,
2741
- ChipBase,
2742
- ChipButton,
2743
- UDSConfigProvider,
2744
- UDSBreakpointsConfigProvider,
2745
- TooltipContent,
2746
- UDSTooltipConfigProvider,
2747
- TooltipTrigger,
2748
- Tooltip,
2749
- InputHelpTextInternal,
2703
+ "Menu.Trigger": Menu_Trigger,
2704
+ "Menu.index": Menu_index,
2705
+ Menu,
2750
2706
  Input,
2751
2707
  InputHelpText,
2708
+ InputHelpTextInternal,
2709
+ Modal,
2710
+ ModalActions,
2711
+ ModalContent,
2712
+ ModalContext,
2713
+ ModalDescription,
2714
+ ModalTitle,
2715
+ UDSModalConfigProvider,
2716
+ Popover,
2717
+ PopoverContent,
2718
+ PopoverContext,
2719
+ PopoverTrigger,
2720
+ UDSPopoverConfigProvider,
2721
+ Radio,
2722
+ RadioGroupProvider,
2723
+ RadioGroupStore,
2752
2724
  Tab,
2753
2725
  TabList,
2754
2726
  TabPanel,
2755
- Tabs
2727
+ Tabs,
2728
+ Toast,
2729
+ ToastContainer,
2730
+ ToastPortal,
2731
+ UDSToastConfigProvider,
2732
+ Tooltip,
2733
+ TooltipContent,
2734
+ TooltipTrigger,
2735
+ UDSTooltipConfigProvider,
2736
+ UDSBreakpointsConfigProvider,
2737
+ UDSConfigProvider,
2738
+ Accordion,
2739
+ AvoidMotionLibraryProvider,
2740
+ SegmentedControl,
2741
+ SwitchV2
2756
2742
  };
2757
2743
  //#endregion
2758
2744
  Object.defineProperty(exports, "Accordion", {
@@ -2785,12 +2771,6 @@ Object.defineProperty(exports, "AvatarImage", {
2785
2771
  return AvatarImage;
2786
2772
  }
2787
2773
  });
2788
- Object.defineProperty(exports, "AvatarImageNoFallback", {
2789
- enumerable: true,
2790
- get: function() {
2791
- return AvatarImageNoFallback;
2792
- }
2793
- });
2794
2774
  Object.defineProperty(exports, "AvatarText", {
2795
2775
  enumerable: true,
2796
2776
  get: function() {