@yahoo/uds 3.134.2 → 3.135.0-beta.1

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