@yahoo/uds 3.134.1 → 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 (312) 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 +1 -1
  190. package/dist/components/client/Toast/UDSToastConfigProvider.d.ts +1 -1
  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 +10 -8
  241. package/dist/index.d.ts +10 -8
  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 +21 -21
  266. package/dist/styles/styler.d.ts +21 -21
  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/tailwind/utils/getShadowStyles.d.cts +4 -4
  275. package/dist/tailwind/dist/tailwind/utils/getShadowStyles.d.ts +4 -4
  276. package/dist/tailwind/dist/types/dist/index.d.cts.map +1 -1
  277. package/dist/tailwind/dist/types/dist/index.d.ts.map +1 -1
  278. package/dist/tokens/configs/borderRadius.d.cts +1 -1
  279. package/dist/tokens/configs/borderRadius.d.ts +1 -1
  280. package/dist/tokens/configs/borderWidth.d.cts +1 -1
  281. package/dist/tokens/configs/borderWidth.d.ts +1 -1
  282. package/dist/tokens/configs/font.d.cts +1 -1
  283. package/dist/tokens/configs/font.d.ts +1 -1
  284. package/dist/tokens/configs/scaleMode.d.cts +1 -1
  285. package/dist/tokens/configs/scaleMode.d.ts +1 -1
  286. package/dist/tokens/configs/shadow.d.cts +1 -1
  287. package/dist/tokens/configs/shadow.d.ts +1 -1
  288. package/dist/tokens/configs/sizes.d.cts +1 -1
  289. package/dist/tokens/configs/sizes.d.ts +1 -1
  290. package/dist/tokens/configs/typography.d.cts +1 -1
  291. package/dist/tokens/configs/typography.d.ts +1 -1
  292. package/dist/tokens/index.d.cts +2 -2
  293. package/dist/tokens/index.d.ts +2 -2
  294. package/dist/tokens/parseButtonVariants.d.cts +1 -1
  295. package/dist/tokens/parseButtonVariants.d.ts +1 -1
  296. package/dist/tokens/types.d.cts +7 -7
  297. package/dist/tokens/types.d.ts +7 -7
  298. package/dist/tokens/utils/spectrum.d.cts +1 -1
  299. package/dist/tokens/utils/spectrum.d.ts +1 -1
  300. package/dist/types/{dist → src}/index.d.cts +35 -23
  301. package/dist/types/{dist → src}/index.d.ts +35 -23
  302. package/dist/uds/generated/componentData.cjs +1718 -1698
  303. package/dist/uds/generated/componentData.js +1715 -1701
  304. package/dist/uds/generated/tailwindPurge.cjs +128 -104
  305. package/dist/uds/generated/tailwindPurge.js +128 -104
  306. package/dist/utils/isElevationAlias.d.cts +1 -1
  307. package/dist/utils/isElevationAlias.d.ts +1 -1
  308. package/generated/componentData.json +2235 -2227
  309. package/generated/tailwindPurge.ts +3 -3
  310. package/package.json +1 -1
  311. package/dist/icons/dist/types.d.cts +0 -30
  312. 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,35 +936,343 @@ 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]",
958
+ "uds-ring",
959
+ "cursor-not-allowed",
960
+ "opacity-50",
961
+ "pointer-events-none",
962
+ "hover:bg-primary"
963
+ ],
964
+ "internalComponents": [
965
+ "TextVariant",
966
+ "Radio",
967
+ "Icon",
968
+ "RadioProvider",
969
+ "HStack",
970
+ "RadioGroup",
971
+ "Pressable",
972
+ "Text"
973
+ ],
974
+ "internalComponentProps": {
975
+ "Icon": {
976
+ "size": ["sm"],
977
+ "color": ["current"],
978
+ "aria-hidden": ["true"]
979
+ },
980
+ "HStack": {
981
+ "spacing": ["1"],
982
+ "gap": ["1"],
983
+ "backgroundColor": ["secondary"],
984
+ "borderRadius": ["full"],
985
+ "display": ["inline-flex"]
986
+ },
987
+ "Text": { "color": ["current"] }
988
+ },
989
+ "propToVariantKeys": {
990
+ "value": ["key"],
991
+ "label": ["aria-label"],
992
+ "textVariant": ["variant"]
993
+ },
994
+ "runtimeConfigDefaultProps": {},
995
+ "runtimeConfigGetStyles": {},
996
+ "runtimeConfigInternalComponentProps": {},
997
+ "motionVarPrefixes": []
998
+ };
999
+ var Accordion = {
1000
+ "name": "Accordion",
1001
+ "defaultProps": {
1002
+ "spacingHorizontal": "4",
1003
+ "spacingVertical": "4"
1004
+ },
1005
+ "getStylesLiterals": {},
1006
+ "cxLiterals": ["hover:bg-secondary/80", "w-full"],
1007
+ "internalComponents": [
1008
+ "Icon",
1009
+ "SpringMotionConfig",
1010
+ "Pressable",
1011
+ "Text",
1012
+ "HStack",
1013
+ "AnimatePresence",
1014
+ "VStack"
1015
+ ],
1016
+ "internalComponentProps": {
1017
+ "Icon": {
1018
+ "variant": ["fill"],
1019
+ "size": ["sm"],
1020
+ "color": ["primary"]
1021
+ },
1022
+ "SpringMotionConfig": {
1023
+ "layoutVariant": ["smooth"],
1024
+ "layoutSpeed": ["3"]
1025
+ },
1026
+ "Pressable": {
1027
+ "display": ["flex"],
1028
+ "flexDirection": ["row"],
1029
+ "alignItems": ["center"],
1030
+ "justifyContent": ["space-between"],
1031
+ "borderRadius": ["md"]
1032
+ },
1033
+ "Text": {
1034
+ "variant": ["title4"],
1035
+ "color": ["primary"]
1036
+ },
1037
+ "HStack": {
1038
+ "display": ["flex"],
1039
+ "alignItems": ["center"],
1040
+ "justifyContent": ["space-between"],
1041
+ "columnGap": ["2.5"]
1042
+ }
1043
+ },
1044
+ "propToVariantKeys": {},
1045
+ "runtimeConfigDefaultProps": {},
1046
+ "runtimeConfigGetStyles": {},
1047
+ "runtimeConfigInternalComponentProps": {},
1048
+ "motionVarPrefixes": ["--uds-motion-smooth-3-"]
1049
+ };
1050
+ var SwitchV2 = {
1051
+ "name": "SwitchV2",
1052
+ "defaultProps": {
1053
+ "labelPosition": "start",
1054
+ "size": "md"
1055
+ },
1056
+ "getStylesLiterals": {
1057
+ "switchVariantRoot": "default",
1058
+ "switchVariantActiveRoot": "on",
1059
+ "switchVariantActiveRoot:1": "off",
1060
+ "switchVariantSwitch": "default",
1061
+ "switchVariantActiveSwitch": "on",
1062
+ "switchVariantActiveSwitch:1": "off",
1063
+ "switchVariantActiveHandle": "on",
1064
+ "switchVariantActiveHandle:1": "off",
1065
+ "switchVariantHandle": "default",
1066
+ "switchVariantHandleIcon": "default",
1067
+ "switchVariantActiveHandleIcon": "on",
1068
+ "switchVariantActiveHandleIcon:1": "off"
1069
+ },
1070
+ "cxLiterals": [
1071
+ "group",
1072
+ "flex",
1073
+ "items-center",
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",
1018
1084
  "absolute",
1019
- "left-1/2",
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",
1020
1095
  "top-1/2",
1021
- "-translate-x-1/2",
1022
- "-translate-y-1/2",
1023
- "h-1",
1024
- "w-8",
1025
- "rounded-full"
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"
1026
1107
  ],
1027
- "internalComponents": ["Box"],
1028
- "internalComponentProps": { "Box": {
1029
- "display": ["block", "flex"],
1030
- "justifyContent": ["center"]
1031
- } },
1032
- "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1108
+ "internalComponents": [
1109
+ "IconSlot",
1110
+ "Box",
1111
+ "FormLabel",
1112
+ "SpringMotionConfig",
1113
+ "RootElement",
1114
+ "MotionBox"
1115
+ ],
1116
+ "internalComponentProps": {
1117
+ "IconSlot": { "data-testid": ["on-icon", "off-icon"] },
1118
+ "FormLabel": {
1119
+ "as": ["div"],
1120
+ "variant": ["inherit"],
1121
+ "color": ["inherit"]
1122
+ },
1123
+ "SpringMotionConfig": {
1124
+ "layoutVariant": ["bouncy"],
1125
+ "layoutSpeed": ["4"]
1126
+ },
1127
+ "RootElement": { "data-testid": ["switch-root"] },
1128
+ "MotionBox": { "layout": ["position"] }
1129
+ },
1130
+ "propToVariantKeys": {
1131
+ "size": [
1132
+ "switchSizeRoot",
1133
+ "switchSizeSwitch",
1134
+ "switchSizeHandle",
1135
+ "switchSizeHandleIcon"
1136
+ ],
1137
+ "onIcon": ["icon"],
1138
+ "offIcon": ["icon"],
1139
+ "reduceMotion": ["reducedMotion"],
1140
+ "isOn": ["layoutDependency"]
1141
+ },
1033
1142
  "runtimeConfigDefaultProps": {},
1034
1143
  "runtimeConfigGetStyles": {},
1035
1144
  "runtimeConfigInternalComponentProps": {},
1145
+ "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
1146
+ };
1147
+ var ToastPortal = {
1148
+ "name": "ToastPortal",
1149
+ "defaultProps": {},
1150
+ "getStylesLiterals": {},
1151
+ "cxLiterals": [],
1152
+ "internalComponents": ["ReactToastifyToastContainer"],
1153
+ "internalComponentProps": {},
1154
+ "propToVariantKeys": {},
1155
+ "runtimeConfigDefaultProps": {
1156
+ "size": "toast.defaultSize",
1157
+ "variant": "toast.defaultVariant"
1158
+ },
1159
+ "runtimeConfigGetStyles": {},
1160
+ "runtimeConfigInternalComponentProps": { "ReactToastifyToastContainer": { "autoClose": ["toast.autoClose"] } },
1161
+ "motionVarPrefixes": []
1162
+ };
1163
+ var Toast = {
1164
+ "name": "Toast",
1165
+ "defaultProps": {},
1166
+ "getStylesLiterals": {
1167
+ "className": "animate-spin",
1168
+ "className:1": "flex-none",
1169
+ "spacing": "2",
1170
+ "borderRadius": "full"
1171
+ },
1172
+ "cxLiterals": [
1173
+ "duration-0",
1174
+ "duration-120",
1175
+ "transition-[background-color]",
1176
+ "bg-carbon-15/0",
1177
+ "hover:bg-carbon-15/10",
1178
+ "active:bg-carbon-15/15",
1179
+ "uds-ring"
1180
+ ],
1181
+ "internalComponents": [
1182
+ "IconSlot",
1183
+ "ToastContainer",
1184
+ "Text",
1185
+ "Button",
1186
+ "Pressable"
1187
+ ],
1188
+ "internalComponentProps": {},
1189
+ "propToVariantKeys": {
1190
+ "size": [
1191
+ "toastSizeLabel",
1192
+ "toastSizeIcon",
1193
+ "toastSizeActionButton",
1194
+ "toastSizeCloseIcon"
1195
+ ],
1196
+ "variant": [
1197
+ "toastVariantIcon",
1198
+ "toastVariantActionButton",
1199
+ "toastVariantCloseIcon"
1200
+ ],
1201
+ "closeIcon": ["icon"],
1202
+ "onClickActionButton": ["onClick"]
1203
+ },
1204
+ "runtimeConfigDefaultProps": {
1205
+ "size": "toast.defaultSize",
1206
+ "variant": "toast.defaultVariant"
1207
+ },
1208
+ "runtimeConfigGetStyles": {
1209
+ "toastSizeLabel": ["toast.defaultSize"],
1210
+ "toastVariantIcon": ["toast.defaultVariant"],
1211
+ "toastSizeIcon": ["toast.defaultSize"],
1212
+ "toastSizeActionButton": ["toast.defaultSize"],
1213
+ "toastVariantActionButton": ["toast.defaultVariant"],
1214
+ "toastVariantCloseIcon": ["toast.defaultVariant"],
1215
+ "toastSizeCloseIcon": ["toast.defaultSize"]
1216
+ },
1217
+ "runtimeConfigInternalComponentProps": {
1218
+ "ToastContainer": {
1219
+ "size": ["toast.defaultSize"],
1220
+ "variant": ["toast.defaultVariant"]
1221
+ },
1222
+ "Text": {
1223
+ "variant": ["toast.textVariant.${size}"],
1224
+ "color": ["toast.textColor.${variant}"]
1225
+ },
1226
+ "Button": {
1227
+ "size": ["toast.buttonSize.${size}"],
1228
+ "variant": ["toast.buttonVariant.${variant}"]
1229
+ }
1230
+ },
1231
+ "motionVarPrefixes": []
1232
+ };
1233
+ var UDSToastConfigProvider = {
1234
+ "name": "UDSToastConfigProvider",
1235
+ "defaultProps": {},
1236
+ "getStylesLiterals": {},
1237
+ "cxLiterals": [],
1238
+ "internalComponents": ["ToastContext.Provider"],
1239
+ "internalComponentProps": {},
1240
+ "propToVariantKeys": {},
1241
+ "runtimeConfigDefaultProps": {},
1242
+ "runtimeConfigGetStyles": {},
1243
+ "runtimeConfigInternalComponentProps": {},
1244
+ "motionVarPrefixes": []
1245
+ };
1246
+ var ToastContainer = {
1247
+ "name": "ToastContainer",
1248
+ "defaultProps": {},
1249
+ "getStylesLiterals": {
1250
+ "position": "relative",
1251
+ "alignItems": "center",
1252
+ "display": "flex",
1253
+ "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
1254
+ },
1255
+ "cxLiterals": ["w-full"],
1256
+ "internalComponents": ["HStack"],
1257
+ "internalComponentProps": { "HStack": {
1258
+ "alignItems": ["center"],
1259
+ "justifyContent": ["space-between"],
1260
+ "overflow": ["hidden"],
1261
+ "position": ["relative"]
1262
+ } },
1263
+ "propToVariantKeys": {
1264
+ "variant": ["toastVariantRoot"],
1265
+ "size": ["toastSizeRoot"]
1266
+ },
1267
+ "runtimeConfigDefaultProps": {
1268
+ "size": "toast.defaultSize",
1269
+ "variant": "toast.defaultVariant"
1270
+ },
1271
+ "runtimeConfigGetStyles": {
1272
+ "toastVariantRoot": ["toast.defaultVariant"],
1273
+ "toastSizeRoot": ["toast.defaultSize"]
1274
+ },
1275
+ "runtimeConfigInternalComponentProps": { "HStack": { "backgroundColor": ["toast.backgroundColor.${variant}"] } },
1036
1276
  "motionVarPrefixes": []
1037
1277
  };
1038
1278
  var BottomSheetHeader = {
@@ -1079,243 +1319,76 @@ var BottomSheetInternalContext = {
1079
1319
  "runtimeConfigInternalComponentProps": {},
1080
1320
  "motionVarPrefixes": []
1081
1321
  };
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",
1322
+ var BottomSheetContent = {
1323
+ "name": "BottomSheetContent",
1110
1324
  "defaultProps": {},
1111
1325
  "getStylesLiterals": {},
1112
- "cxLiterals": [],
1113
- "internalComponents": ["BottomSheetContext.Provider"],
1114
- "internalComponentProps": {},
1115
- "propToVariantKeys": {},
1116
- "runtimeConfigDefaultProps": {},
1117
- "runtimeConfigGetStyles": {},
1118
- "runtimeConfigInternalComponentProps": {},
1119
- "motionVarPrefixes": []
1120
- };
1121
- var Menu_Content = {
1122
- "name": "Menu.Content",
1123
- "defaultProps": {
1124
- "size": "default",
1125
- "variant": "default",
1126
- "gutter": "1"
1127
- },
1128
- "getStylesLiterals": {},
1129
- "cxLiterals": [
1130
- "uds-menu-content",
1131
- "transition-shadow",
1132
- "duration-200",
1133
- "ease-in-out",
1134
- "min-w-60",
1135
- "max-w-lg",
1136
- "max-h-96",
1137
- "overflow-auto",
1138
- "uds-ring",
1139
- "z-10",
1140
- "group"
1141
- ],
1142
- "internalComponents": [
1143
- "AriakitMenu",
1144
- "AnimatePresence",
1145
- "MotionVStack"
1146
- ],
1147
- "internalComponentProps": {},
1148
- "propToVariantKeys": {
1149
- "size": ["menucontentSizeRoot"],
1150
- "variant": ["menucontentVariantRoot"]
1151
- },
1152
- "runtimeConfigDefaultProps": {},
1153
- "runtimeConfigGetStyles": {},
1154
- "runtimeConfigInternalComponentProps": {},
1155
- "motionVarPrefixes": []
1156
- };
1157
- var Menu_Divider = {
1158
- "name": "Menu.Divider",
1159
- "defaultProps": {
1160
- "role": "separator",
1161
- "contentPosition": "start",
1162
- "gap": "4"
1163
- },
1164
- "getStylesLiterals": {
1165
- "menuitemDividerVariantRoot": "default",
1166
- "menuitemDividerVariantText": "default",
1167
- "menuitemDividerVariantLine": "default"
1168
- },
1169
- "cxLiterals": [],
1170
- "internalComponents": ["DividerInternal"],
1171
- "internalComponentProps": { "DividerInternal": { "variant": ["inherit"] } },
1172
- "propToVariantKeys": {},
1173
- "runtimeConfigDefaultProps": {},
1174
- "runtimeConfigGetStyles": {},
1175
- "runtimeConfigInternalComponentProps": {},
1176
- "motionVarPrefixes": []
1177
- };
1178
- var Menu_Item = {
1179
- "name": "Menu.Item",
1180
- "defaultProps": {},
1181
- "getStylesLiterals": {
1182
- "menuitemItemVariantRoot": "default",
1183
- "menuitemItemVariantActiveRoot": "on",
1184
- "menuitemItemVariantActiveRoot:1": "off",
1185
- "menuitemItemVariantText": "default",
1186
- "menuitemItemVariantActiveText": "on",
1187
- "menuitemItemVariantActiveText:1": "off",
1188
- "menuitemItemVariantIcon": "default",
1189
- "menuitemItemVariantActiveIcon": "on",
1190
- "menuitemItemVariantActiveIcon:1": "off"
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))]"] }
1191
1334
  },
1192
- "cxLiterals": [],
1193
- "internalComponents": ["MenuItemBase"],
1194
- "internalComponentProps": {},
1195
1335
  "propToVariantKeys": {},
1196
1336
  "runtimeConfigDefaultProps": {},
1197
1337
  "runtimeConfigGetStyles": {},
1198
1338
  "runtimeConfigInternalComponentProps": {},
1199
1339
  "motionVarPrefixes": []
1200
1340
  };
1201
- var Menu_ItemBase = {
1202
- "name": "Menu.ItemBase",
1203
- "defaultProps": {
1204
- "spacing": "0",
1205
- "spacingHorizontal": "4",
1206
- "spacingVertical": "3.5",
1207
- "columnGap": "2",
1208
- "alignItems": "center",
1209
- "justifyContent": "space-between"
1210
- },
1211
- "getStylesLiterals": {
1212
- "textAlign": "start",
1213
- "menuitemSizeRoot": "default",
1214
- "flexDirection": "row",
1215
- "menuitemSizeStartIcon": "default",
1216
- "menuitemSizeEndIcon": "default"
1217
- },
1341
+ var BottomSheet = {
1342
+ "name": "BottomSheet",
1343
+ "defaultProps": { "variant": "default" },
1344
+ "getStylesLiterals": {},
1218
1345
  "cxLiterals": [
1219
- "flex",
1220
- "focus-visible:text-brand",
1221
- "focus-visible:bg-brand-secondary",
1222
- "focus-visible:z-10",
1223
- "uds-ring",
1224
- "!-outline-offset-2",
1225
- "[&:not([aria-checked])]:cursor-default",
1226
- "opacity-25",
1227
- "cursor-not-allowed",
1228
- "duration-20",
1229
- "transition-[font-variation-settings]",
1230
- "ease-in-out",
1231
- "z-0",
1232
- "uds-start-icon",
1233
- "uds-end-icon"
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"
1234
1362
  ],
1235
1363
  "internalComponents": [
1236
- "Pressable",
1237
- "IconSlot",
1238
- "RootComponent",
1239
- "HStack",
1240
- "AnimatePresence"
1364
+ "Scrim",
1365
+ "BottomSheetHandle",
1366
+ "Dialog",
1367
+ "Box",
1368
+ "BottomSheetInternalContext.Provider"
1241
1369
  ],
1242
1370
  "internalComponentProps": {
1243
- "HStack": {
1244
- "alignItems": ["center"],
1245
- "width": ["full"]
1246
- },
1247
- "AnimatePresence": { "mode": ["popLayout"] }
1248
- },
1249
- "propToVariantKeys": {
1250
- "startIconClassName": ["className"],
1251
- "endIconClassName": ["className"],
1252
- "startIcon": ["icon"],
1253
- "endIcon": ["icon"],
1254
- "columnGap": ["gap"]
1255
- },
1256
- "runtimeConfigDefaultProps": {},
1257
- "runtimeConfigGetStyles": {},
1258
- "runtimeConfigInternalComponentProps": {},
1259
- "motionVarPrefixes": []
1260
- };
1261
- var Menu_ItemCheckbox = {
1262
- "name": "Menu.ItemCheckbox",
1263
- "defaultProps": {},
1264
- "getStylesLiterals": {
1265
- "menuitemItemCheckboxVariantRoot": "default",
1266
- "menuitemItemCheckboxVariantActiveRoot": "on",
1267
- "menuitemItemCheckboxVariantActiveRoot:1": "off",
1268
- "menuitemItemCheckboxVariantText": "default",
1269
- "menuitemItemCheckboxVariantActiveText": "on",
1270
- "menuitemItemCheckboxVariantActiveText:1": "off",
1271
- "menuitemItemCheckboxVariantStartIcon": "default",
1272
- "menuitemItemCheckboxVariantActiveStartIcon": "on",
1273
- "menuitemItemCheckboxVariantActiveStartIcon:1": "off",
1274
- "menuitemItemCheckboxVariantEndIcon": "default",
1275
- "menuitemItemCheckboxVariantActiveEndIcon": "on",
1276
- "menuitemItemCheckboxVariantActiveEndIcon:1": "off"
1277
- },
1278
- "cxLiterals": ["uds-menu-item-checkbox"],
1279
- "internalComponents": ["MenuItemBase"],
1280
- "internalComponentProps": {},
1281
- "propToVariantKeys": {},
1282
- "runtimeConfigDefaultProps": {},
1283
- "runtimeConfigGetStyles": {},
1284
- "runtimeConfigInternalComponentProps": {},
1285
- "motionVarPrefixes": []
1286
- };
1287
- var Menu_Provider = {
1288
- "name": "Menu.Provider",
1289
- "defaultProps": {},
1290
- "getStylesLiterals": {},
1291
- "cxLiterals": [],
1292
- "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
1293
- "internalComponentProps": {},
1294
- "propToVariantKeys": {},
1295
- "runtimeConfigDefaultProps": {},
1296
- "runtimeConfigGetStyles": {},
1297
- "runtimeConfigInternalComponentProps": {},
1298
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
1299
- };
1300
- var Menu_Trigger = {
1301
- "name": "Menu.Trigger",
1302
- "defaultProps": {},
1303
- "getStylesLiterals": {},
1304
- "cxLiterals": ["uds-menu-trigger"],
1305
- "internalComponents": ["AriakitMenuTrigger", "Box"],
1306
- "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1307
- "propToVariantKeys": {},
1371
+ "BottomSheetHandle": { "ariaLabel": ["Resize sheet"] },
1372
+ "Dialog": { "data-testid": ["bottom-sheet"] },
1373
+ "Box": {
1374
+ "display": ["block", "flex"],
1375
+ "position": ["absolute"],
1376
+ "flexDirection": ["column"],
1377
+ "className": ["absolute inset-0 min-h-0 p-[inherit]"]
1378
+ }
1379
+ },
1380
+ "propToVariantKeys": { "variant": ["bottomsheetVariantRoot"] },
1308
1381
  "runtimeConfigDefaultProps": {},
1309
1382
  "runtimeConfigGetStyles": {},
1310
1383
  "runtimeConfigInternalComponentProps": {},
1311
1384
  "motionVarPrefixes": []
1312
1385
  };
1313
- var Menu_index = {
1314
- "name": "Menu.index",
1386
+ var BottomSheetDismiss = {
1387
+ "name": "BottomSheetDismiss",
1315
1388
  "defaultProps": {},
1316
1389
  "getStylesLiterals": {},
1317
1390
  "cxLiterals": [],
1318
- "internalComponents": [],
1391
+ "internalComponents": ["AriakitDialogDismiss"],
1319
1392
  "internalComponentProps": {},
1320
1393
  "propToVariantKeys": {},
1321
1394
  "runtimeConfigDefaultProps": {},
@@ -1323,30 +1396,43 @@ var Menu_index = {
1323
1396
  "runtimeConfigInternalComponentProps": {},
1324
1397
  "motionVarPrefixes": []
1325
1398
  };
1326
- var Menu = {
1327
- "name": "Menu",
1328
- "defaultProps": {},
1399
+ var BottomSheetHandle = {
1400
+ "name": "BottomSheetHandle",
1401
+ "defaultProps": { "variant": "default" },
1329
1402
  "getStylesLiterals": {},
1330
- "cxLiterals": [],
1331
- "internalComponents": [],
1332
- "internalComponentProps": {},
1333
- "propToVariantKeys": {},
1403
+ "cxLiterals": [
1404
+ "relative",
1405
+ "h-5",
1406
+ "w-16",
1407
+ "outline-none",
1408
+ "focus-visible:outline-none",
1409
+ "[touch-action:pan-y]",
1410
+ "absolute",
1411
+ "left-1/2",
1412
+ "top-1/2",
1413
+ "-translate-x-1/2",
1414
+ "-translate-y-1/2",
1415
+ "h-1",
1416
+ "w-8",
1417
+ "rounded-full"
1418
+ ],
1419
+ "internalComponents": ["Box"],
1420
+ "internalComponentProps": { "Box": {
1421
+ "display": ["block", "flex"],
1422
+ "justifyContent": ["center"]
1423
+ } },
1424
+ "propToVariantKeys": { "variant": ["bottomsheetVariantHandleIndicator"] },
1334
1425
  "runtimeConfigDefaultProps": {},
1335
1426
  "runtimeConfigGetStyles": {},
1336
1427
  "runtimeConfigInternalComponentProps": {},
1337
1428
  "motionVarPrefixes": []
1338
1429
  };
1339
- var Chip = {
1340
- "name": "Chip",
1430
+ var BottomSheetProvider = {
1431
+ "name": "BottomSheetProvider",
1341
1432
  "defaultProps": {},
1342
1433
  "getStylesLiterals": {},
1343
1434
  "cxLiterals": [],
1344
- "internalComponents": [
1345
- "ChipDismissible",
1346
- "ChipToggle",
1347
- "ChipLink",
1348
- "ChipButton"
1349
- ],
1435
+ "internalComponents": ["AriakitDialogProvider"],
1350
1436
  "internalComponentProps": {},
1351
1437
  "propToVariantKeys": {},
1352
1438
  "runtimeConfigDefaultProps": {},
@@ -1354,206 +1440,180 @@ var Chip = {
1354
1440
  "runtimeConfigInternalComponentProps": {},
1355
1441
  "motionVarPrefixes": []
1356
1442
  };
1357
- var ChipBase = {
1358
- "name": "ChipBase",
1359
- "defaultProps": {
1360
- "size": "md",
1361
- "as": "div"
1362
- },
1443
+ var UDSBottomSheetConfigProvider = {
1444
+ "name": "UDSBottomSheetConfigProvider",
1445
+ "defaultProps": {},
1363
1446
  "getStylesLiterals": {},
1364
- "cxLiterals": [
1365
- "pointer-events-none",
1366
- "cursor-default",
1367
- "opacity-50",
1368
- "inline-flex",
1369
- "items-center",
1370
- "transition-[background-color,outline-color,box-shadow]",
1371
- "truncate",
1372
- "whitespace-nowrap",
1373
- "text-center",
1374
- "flex-1"
1375
- ],
1376
- "internalComponents": [
1377
- "IconSlot",
1378
- "HStack",
1379
- "As",
1380
- "Text"
1381
- ],
1382
- "internalComponentProps": { "Text": {
1383
- "as": ["span"],
1384
- "color": ["current"],
1385
- "variant": ["inherit"]
1386
- } },
1387
- "propToVariantKeys": {
1388
- "size": ["chipSizeRoot", "chipSizeIcon"],
1389
- "startIcon": ["icon"],
1390
- "endIcon": ["icon"]
1391
- },
1447
+ "cxLiterals": [],
1448
+ "internalComponents": ["BottomSheetContext.Provider"],
1449
+ "internalComponentProps": {},
1450
+ "propToVariantKeys": {},
1392
1451
  "runtimeConfigDefaultProps": {},
1393
1452
  "runtimeConfigGetStyles": {},
1394
1453
  "runtimeConfigInternalComponentProps": {},
1395
1454
  "motionVarPrefixes": []
1396
1455
  };
1397
- var ChipButton = {
1398
- "name": "ChipButton",
1399
- "defaultProps": { "variant": "primary" },
1456
+ var BottomSheetTrigger = {
1457
+ "name": "BottomSheetTrigger",
1458
+ "defaultProps": {},
1400
1459
  "getStylesLiterals": {},
1401
- "cxLiterals": ["uds-ring"],
1402
- "internalComponents": ["ChipBase"],
1403
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1404
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1460
+ "cxLiterals": [],
1461
+ "internalComponents": ["AriakitDialogDisclosure"],
1462
+ "internalComponentProps": {},
1463
+ "propToVariantKeys": {},
1405
1464
  "runtimeConfigDefaultProps": {},
1406
1465
  "runtimeConfigGetStyles": {},
1407
1466
  "runtimeConfigInternalComponentProps": {},
1408
1467
  "motionVarPrefixes": []
1409
1468
  };
1410
- var ChipDismissible = {
1411
- "name": "ChipDismissible",
1412
- "defaultProps": { "variant": "primary" },
1469
+ var AvatarImage = {
1470
+ "name": "AvatarImage",
1471
+ "defaultProps": {},
1413
1472
  "getStylesLiterals": {},
1414
- "cxLiterals": [
1415
- "uds-chip-dismissible-button",
1416
- "uds-hit-target",
1417
- "uds-ring",
1418
- "rounded-full"
1419
- ],
1473
+ "cxLiterals": [],
1420
1474
  "internalComponents": [
1421
- "ChipBase",
1422
- "IconSlot",
1423
- "Pressable"
1475
+ "AvatarImageNoFallback",
1476
+ "AvatarText",
1477
+ "AvatarIcon"
1424
1478
  ],
1425
1479
  "internalComponentProps": {},
1426
- "propToVariantKeys": {
1427
- "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
1428
- "dismissButtonAriaLabel": ["aria-label"]
1429
- },
1480
+ "propToVariantKeys": {},
1430
1481
  "runtimeConfigDefaultProps": {},
1431
1482
  "runtimeConfigGetStyles": {},
1432
1483
  "runtimeConfigInternalComponentProps": {},
1433
1484
  "motionVarPrefixes": []
1434
1485
  };
1435
- var ChipLink = {
1436
- "name": "ChipLink",
1437
- "defaultProps": { "variant": "primary" },
1486
+ var RadioGroupProvider = {
1487
+ "name": "RadioGroupProvider",
1488
+ "defaultProps": {},
1438
1489
  "getStylesLiterals": {},
1439
- "cxLiterals": ["uds-ring"],
1440
- "internalComponents": ["ChipBase"],
1441
- "internalComponentProps": { "ChipBase": { "as": ["a"] } },
1442
- "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
1490
+ "cxLiterals": [],
1491
+ "internalComponents": [
1492
+ "DivProps",
1493
+ "Comp",
1494
+ "RadioGroupContext.Provider"
1495
+ ],
1496
+ "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
1497
+ "propToVariantKeys": {},
1443
1498
  "runtimeConfigDefaultProps": {},
1444
1499
  "runtimeConfigGetStyles": {},
1445
1500
  "runtimeConfigInternalComponentProps": {},
1446
1501
  "motionVarPrefixes": []
1447
1502
  };
1448
- var ChipToggle = {
1449
- "name": "ChipToggle",
1503
+ var Radio = {
1504
+ "name": "Radio",
1450
1505
  "defaultProps": {
1506
+ "labelPosition": "start",
1451
1507
  "variant": "primary",
1452
- "role": "checkbox"
1453
- },
1454
- "getStylesLiterals": {
1455
- "chipToggleVariantActiveRoot": "on",
1456
- "chipToggleVariantActiveRoot:1": "off"
1457
- },
1458
- "cxLiterals": ["uds-ring"],
1459
- "internalComponents": ["ChipBase"],
1460
- "internalComponentProps": { "ChipBase": { "as": ["button"] } },
1461
- "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
1462
- "runtimeConfigDefaultProps": {},
1463
- "runtimeConfigGetStyles": {},
1464
- "runtimeConfigInternalComponentProps": {},
1465
- "motionVarPrefixes": []
1466
- };
1467
- var Modal = {
1468
- "name": "Modal",
1469
- "defaultProps": {
1470
- "closeAriaLabel": "Close",
1471
- "maxWidth": "auto",
1472
- "maxHeight": "auto",
1473
- "scrollBehavior": "outside"
1508
+ "size": "md",
1509
+ "value": ""
1474
1510
  },
1475
1511
  "getStylesLiterals": {
1476
- "flexDirection": "row-reverse",
1477
- "justifyContent": "space-between",
1478
- "alignItems": "flex-end",
1479
- "alignItems:1": "flex-start",
1480
- "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"
1481
1522
  },
1482
1523
  "cxLiterals": [
1483
- "fixed",
1484
- "inset-0",
1485
- "z-40",
1486
- "overflow-y-auto",
1487
- "overflow-hidden",
1488
- "transition-[opacity,visibility]",
1489
- "visible",
1490
- "opacity-100",
1491
- "invisible",
1492
- "opacity-0",
1493
- "pointer-events-none",
1494
- "uds-bgBlurFallback",
1495
- "w-full",
1496
- "w-fit",
1497
- "h-full",
1498
- "h-fit",
1499
- "m-auto",
1500
- "pointer-events-auto",
1501
- "inside",
1502
- "max-h-full",
1503
- "transition-transform",
1504
- "duration-0",
1505
- "duration-120",
1506
- "transition-[background-color]",
1507
- "bg-carbon-15/0",
1508
- "hover:bg-carbon-15/10",
1509
- "active:bg-carbon-15/15",
1524
+ "cursor-pointer",
1525
+ "cursor-default",
1526
+ "opacity-50",
1527
+ "border",
1510
1528
  "uds-ring",
1511
- "[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"
1512
1548
  ],
1513
1549
  "internalComponents": [
1514
- "Scrim",
1515
- "VStack",
1516
- "Pressable",
1517
- "IconSlot",
1518
- "Box",
1519
- "Dialog",
1520
- "ModalContext.Provider",
1521
- "HStack",
1522
- "DialogDismiss",
1523
- "ModalTitle",
1524
- "ModalDescription",
1525
- "ModalContent",
1526
- "ModalActions"
1550
+ "Box",
1551
+ "FormLabel",
1552
+ "SpringMotionConfig",
1553
+ "RootElement",
1554
+ "MotionBox"
1527
1555
  ],
1528
- "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
+ },
1529
1572
  "propToVariantKeys": {
1530
- "gutter": ["spacing"],
1531
- "size": [
1532
- "modalSizeRoot",
1533
- "modalSizeSpacingHorizontal",
1534
- "modalSizeHeader",
1535
- "modalSizeTitleDescriptionWrapper",
1536
- "modalSizeCloseIconContainer",
1537
- "modalSizeCloseIcon"
1573
+ "size": ["radioSizeRoot", "radioSizeRadio"],
1574
+ "variant": [
1575
+ "radioVariantRoot",
1576
+ "radioVariantRadio",
1577
+ "radioVariantRadioCircle"
1538
1578
  ],
1539
- "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1540
- "closeAriaLabel": ["aria-label"],
1541
- "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"]
1542
1609
  },
1543
1610
  "runtimeConfigDefaultProps": {
1544
1611
  "size": "modal.defaultSize",
1545
1612
  "variant": "modal.defaultVariant"
1546
1613
  },
1547
1614
  "runtimeConfigGetStyles": {
1548
- "spacing": ["modal.gutter.${size}"],
1549
- "modalSizeRoot": ["modal.defaultSize"],
1550
- "modalVariantRoot": ["modal.defaultVariant"],
1551
- "modalSizeSpacingHorizontal": ["modal.defaultSize"],
1552
- "modalSizeHeader": ["modal.defaultSize"],
1553
- "modalSizeTitleDescriptionWrapper": ["modal.defaultSize"],
1554
- "modalSizeCloseIconContainer": ["modal.defaultSize"],
1555
- "modalSizeCloseIcon": ["modal.defaultSize"],
1556
- "modalVariantCloseIcon": ["modal.defaultVariant"]
1615
+ "modalSizeTitle": ["modal.defaultSize"],
1616
+ "modalVariantTitle": ["modal.defaultVariant"]
1557
1617
  },
1558
1618
  "runtimeConfigInternalComponentProps": {},
1559
1619
  "motionVarPrefixes": []
@@ -1581,32 +1641,12 @@ var ModalActions = {
1581
1641
  "runtimeConfigInternalComponentProps": {},
1582
1642
  "motionVarPrefixes": []
1583
1643
  };
1584
- var ModalContent = {
1585
- "name": "ModalContent",
1586
- "defaultProps": {},
1587
- "getStylesLiterals": {
1588
- "overflowY": "auto",
1589
- "display": "block",
1590
- "flexGrow": "1"
1591
- },
1592
- "cxLiterals": [],
1593
- "internalComponents": ["Box"],
1594
- "internalComponentProps": {},
1595
- "propToVariantKeys": { "size": ["modalSizeSpacingHorizontal"] },
1596
- "runtimeConfigDefaultProps": {
1597
- "size": "modal.defaultSize",
1598
- "variant": "modal.defaultVariant"
1599
- },
1600
- "runtimeConfigGetStyles": { "modalSizeSpacingHorizontal": ["modal.defaultSize"] },
1601
- "runtimeConfigInternalComponentProps": {},
1602
- "motionVarPrefixes": []
1603
- };
1604
- var ModalContext = {
1605
- "name": "ModalContext",
1644
+ var UDSModalConfigProvider = {
1645
+ "name": "UDSModalConfigProvider",
1606
1646
  "defaultProps": {},
1607
1647
  "getStylesLiterals": {},
1608
1648
  "cxLiterals": [],
1609
- "internalComponents": [],
1649
+ "internalComponents": ["ModalContext.Provider"],
1610
1650
  "internalComponentProps": {},
1611
1651
  "propToVariantKeys": {},
1612
1652
  "runtimeConfigDefaultProps": {},
@@ -1636,184 +1676,130 @@ var ModalDescription = {
1636
1676
  "runtimeConfigInternalComponentProps": {},
1637
1677
  "motionVarPrefixes": []
1638
1678
  };
1639
- var ModalTitle = {
1640
- "name": "ModalTitle",
1641
- "defaultProps": {},
1642
- "getStylesLiterals": {},
1643
- "cxLiterals": [],
1644
- "internalComponents": ["Text", "DialogHeading"],
1645
- "internalComponentProps": { "Text": { "as": ["span"] } },
1646
- "propToVariantKeys": {
1647
- "size": ["modalSizeTitle"],
1648
- "variant": ["modalVariantTitle"]
1649
- },
1650
- "runtimeConfigDefaultProps": {
1651
- "size": "modal.defaultSize",
1652
- "variant": "modal.defaultVariant"
1653
- },
1654
- "runtimeConfigGetStyles": {
1655
- "modalSizeTitle": ["modal.defaultSize"],
1656
- "modalVariantTitle": ["modal.defaultVariant"]
1657
- },
1658
- "runtimeConfigInternalComponentProps": {},
1659
- "motionVarPrefixes": []
1660
- };
1661
- var UDSModalConfigProvider = {
1662
- "name": "UDSModalConfigProvider",
1663
- "defaultProps": {},
1664
- "getStylesLiterals": {},
1665
- "cxLiterals": [],
1666
- "internalComponents": ["ModalContext.Provider"],
1667
- "internalComponentProps": {},
1668
- "propToVariantKeys": {},
1669
- "runtimeConfigDefaultProps": {},
1670
- "runtimeConfigGetStyles": {},
1671
- "runtimeConfigInternalComponentProps": {},
1672
- "motionVarPrefixes": []
1673
- };
1674
- var Input = {
1675
- "name": "Input",
1679
+ var Modal = {
1680
+ "name": "Modal",
1676
1681
  "defaultProps": {
1677
- "type": "text",
1678
- "size": "md",
1679
- "width": "full"
1682
+ "closeAriaLabel": "Close",
1683
+ "maxWidth": "auto",
1684
+ "maxHeight": "auto",
1685
+ "scrollBehavior": "outside"
1680
1686
  },
1681
1687
  "getStylesLiterals": {
1682
- "inputVariantRoot": "default",
1683
- "inputVariantValueRoot": "empty",
1684
- "inputVariantValueRoot:1": "filled",
1685
- "inputVariantInputWrapper": "default",
1686
- "inputVariantValueInputWrapper": "empty",
1687
- "inputVariantValueInputWrapper:1": "filled",
1688
- "inputVariantInput": "default",
1689
- "inputVariantValueInput": "empty",
1690
- "inputVariantValueInput:1": "filled",
1691
- "inputVariantInputPlaceholder": "default",
1692
- "inputVariantValueInputPlaceholder": "empty",
1693
- "inputVariantValueInputPlaceholder:1": "filled",
1694
- "inputVariantLabel": "default",
1695
- "inputVariantValueLabel": "empty",
1696
- "inputVariantValueLabel:1": "filled",
1697
- "inputVariantLabelRequired": "default",
1698
- "inputVariantValueLabelRequired": "empty",
1699
- "inputVariantValueLabelRequired:1": "filled",
1700
- "inputVariantStartIcon": "default",
1701
- "inputVariantValueStartIcon": "empty",
1702
- "inputVariantValueStartIcon:1": "filled",
1703
- "inputVariantEndIcon": "default",
1704
- "inputVariantValueEndIcon": "empty",
1705
- "inputVariantValueEndIcon:1": "filled"
1688
+ "flexDirection": "row-reverse",
1689
+ "justifyContent": "space-between",
1690
+ "alignItems": "flex-end",
1691
+ "alignItems:1": "flex-start",
1692
+ "borderRadius": "full"
1706
1693
  },
1707
1694
  "cxLiterals": [
1708
- "opacity-50",
1709
- "min-w-[200px]",
1710
- "grow",
1711
- "uds-hit-target",
1712
- "bg-clip-text",
1713
- "focus:outline-none",
1714
- "cursor-text",
1715
- "cursor-not-allowed"
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%]"
1716
1724
  ],
1717
1725
  "internalComponents": [
1726
+ "Scrim",
1727
+ "VStack",
1728
+ "Pressable",
1718
1729
  "IconSlot",
1719
- "StartIcon",
1720
- "EndIcon",
1721
- "HelpTextContent",
1722
1730
  "Box",
1723
- "InputHelpTextInternal",
1724
- "VStack",
1731
+ "Dialog",
1732
+ "ModalContext.Provider",
1725
1733
  "HStack",
1726
- "AnimateHeightChange"
1734
+ "DialogDismiss",
1735
+ "ModalTitle",
1736
+ "ModalDescription",
1737
+ "ModalContent",
1738
+ "ModalActions"
1727
1739
  ],
1728
- "internalComponentProps": {
1729
- "HelpTextContent": { "spacingTop": ["2"] },
1730
- "Box": {
1731
- "spacingBottom": ["2"],
1732
- "columnGap": ["0.5"],
1733
- "alignItems": ["flex-end", "center"],
1734
- "position": ["relative"]
1735
- },
1736
- "HStack": {
1737
- "alignItems": ["center"],
1738
- "gap": ["1"]
1739
- }
1740
- },
1740
+ "internalComponentProps": { "Box": { "flexGrow": ["1"] } },
1741
1741
  "propToVariantKeys": {
1742
+ "gutter": ["spacing"],
1742
1743
  "size": [
1743
- "inputSizeRoot",
1744
- "inputSizeInputWrapper",
1745
- "inputSizeInput",
1746
- "inputSizeLabel",
1747
- "inputSizeStartIcon",
1748
- "inputSizeEndIcon"
1744
+ "modalSizeRoot",
1745
+ "modalSizeSpacingHorizontal",
1746
+ "modalSizeHeader",
1747
+ "modalSizeTitleDescriptionWrapper",
1748
+ "modalSizeCloseIconContainer",
1749
+ "modalSizeCloseIcon"
1749
1750
  ],
1750
- "startIcon": ["icon"],
1751
- "endIcon": ["icon"],
1752
- "slotProps": ["helperTextSlotProps"],
1753
- "helperTextIcon": ["startIcon"]
1751
+ "variant": ["modalVariantRoot", "modalVariantCloseIcon"],
1752
+ "closeAriaLabel": ["aria-label"],
1753
+ "closeIcon": ["icon"]
1754
1754
  },
1755
- "runtimeConfigDefaultProps": {},
1756
- "runtimeConfigGetStyles": {},
1757
- "runtimeConfigInternalComponentProps": {},
1758
- "motionVarPrefixes": []
1759
- };
1760
- var InputHelpText = {
1761
- "name": "InputHelpText",
1762
- "defaultProps": { "size": "md" },
1763
- "getStylesLiterals": {
1764
- "inputVariantRoot": "default",
1765
- "inputVariantValueRoot": "empty",
1766
- "inputVariantValueRoot:1": "filled"
1755
+ "runtimeConfigDefaultProps": {
1756
+ "size": "modal.defaultSize",
1757
+ "variant": "modal.defaultVariant"
1758
+ },
1759
+ "runtimeConfigGetStyles": {
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"]
1767
1769
  },
1768
- "cxLiterals": [],
1769
- "internalComponents": ["InputHelpTextInternal", "Box"],
1770
- "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
1771
- "propToVariantKeys": { "size": ["inputSizeRoot"] },
1772
- "runtimeConfigDefaultProps": {},
1773
- "runtimeConfigGetStyles": {},
1774
1770
  "runtimeConfigInternalComponentProps": {},
1775
1771
  "motionVarPrefixes": []
1776
1772
  };
1777
- var InputHelpTextInternal = {
1778
- "name": "InputHelpTextInternal",
1773
+ var ModalContext = {
1774
+ "name": "ModalContext",
1779
1775
  "defaultProps": {},
1780
- "getStylesLiterals": {
1781
- "inputVariantHelperText": "default",
1782
- "inputVariantValueHelperText": "empty",
1783
- "inputVariantValueHelperText:1": "filled",
1784
- "inputVariantHelperIcon": "default",
1785
- "inputVariantValueHelperIcon": "empty",
1786
- "inputVariantValueHelperIcon:1": "filled"
1787
- },
1776
+ "getStylesLiterals": {},
1788
1777
  "cxLiterals": [],
1789
- "internalComponents": ["IconSlot", "HStack"],
1790
- "internalComponentProps": { "HStack": {
1791
- "gap": ["1"],
1792
- "alignItems": ["center"]
1793
- } },
1794
- "propToVariantKeys": {
1795
- "size": ["inputSizeHelperText", "inputSizeHelperIcon"],
1796
- "startIcon": ["icon"],
1797
- "endIcon": ["icon"]
1798
- },
1778
+ "internalComponents": [],
1779
+ "internalComponentProps": {},
1780
+ "propToVariantKeys": {},
1799
1781
  "runtimeConfigDefaultProps": {},
1800
1782
  "runtimeConfigGetStyles": {},
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
  };
@@ -1885,15 +1871,176 @@ var PopoverContent = {
1885
1871
  "spacingBottom": ["popover.spacingVertical.${size}"],
1886
1872
  "spacingEnd": ["popover.spacingHorizontal.${size}"]
1887
1873
  },
1888
- "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1889
- "motionVarPrefixes": []
1890
- };
1891
- var PopoverContext = {
1892
- "name": "PopoverContext",
1893
- "defaultProps": {},
1894
- "getStylesLiterals": {},
1895
- "cxLiterals": [],
1896
- "internalComponents": [],
1874
+ "runtimeConfigInternalComponentProps": { "SvgFloatingOverlay": { "borderRadius": ["popover.borderRadius.${size}"] } },
1875
+ "motionVarPrefixes": []
1876
+ };
1877
+ var PopoverContext = {
1878
+ "name": "PopoverContext",
1879
+ "defaultProps": {},
1880
+ "getStylesLiterals": {},
1881
+ "cxLiterals": [],
1882
+ "internalComponents": [],
1883
+ "internalComponentProps": {},
1884
+ "propToVariantKeys": {},
1885
+ "runtimeConfigDefaultProps": {},
1886
+ "runtimeConfigGetStyles": {},
1887
+ "runtimeConfigInternalComponentProps": {},
1888
+ "motionVarPrefixes": []
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
+ };
1903
+ var PopoverTrigger = {
1904
+ "name": "PopoverTrigger",
1905
+ "defaultProps": {},
1906
+ "getStylesLiterals": {},
1907
+ "cxLiterals": [],
1908
+ "internalComponents": ["PopoverDisclosure"],
1909
+ "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1910
+ "propToVariantKeys": { "children": ["render"] },
1911
+ "runtimeConfigDefaultProps": {},
1912
+ "runtimeConfigGetStyles": {},
1913
+ "runtimeConfigInternalComponentProps": {},
1914
+ "motionVarPrefixes": []
1915
+ };
1916
+ var Popover = {
1917
+ "name": "Popover",
1918
+ "defaultProps": {},
1919
+ "getStylesLiterals": {},
1920
+ "cxLiterals": [],
1921
+ "internalComponents": ["PopoverInternalContext.Provider", "PopoverProvider"],
1922
+ "internalComponentProps": {},
1923
+ "propToVariantKeys": {},
1924
+ "runtimeConfigDefaultProps": {
1925
+ "size": "popover.defaultSize",
1926
+ "variant": "popover.defaultVariant"
1927
+ },
1928
+ "runtimeConfigGetStyles": {},
1929
+ "runtimeConfigInternalComponentProps": {},
1930
+ "motionVarPrefixes": []
1931
+ };
1932
+ var Menu_Item = {
1933
+ "name": "Menu.Item",
1934
+ "defaultProps": {},
1935
+ "getStylesLiterals": {
1936
+ "menuitemItemVariantRoot": "default",
1937
+ "menuitemItemVariantActiveRoot": "on",
1938
+ "menuitemItemVariantActiveRoot:1": "off",
1939
+ "menuitemItemVariantText": "default",
1940
+ "menuitemItemVariantActiveText": "on",
1941
+ "menuitemItemVariantActiveText:1": "off",
1942
+ "menuitemItemVariantIcon": "default",
1943
+ "menuitemItemVariantActiveIcon": "on",
1944
+ "menuitemItemVariantActiveIcon:1": "off"
1945
+ },
1946
+ "cxLiterals": [],
1947
+ "internalComponents": ["MenuItemBase"],
1948
+ "internalComponentProps": {},
1949
+ "propToVariantKeys": {},
1950
+ "runtimeConfigDefaultProps": {},
1951
+ "runtimeConfigGetStyles": {},
1952
+ "runtimeConfigInternalComponentProps": {},
1953
+ "motionVarPrefixes": []
1954
+ };
1955
+ var Menu = {
1956
+ "name": "Menu",
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",
1970
+ "defaultProps": {
1971
+ "size": "default",
1972
+ "variant": "default",
1973
+ "gutter": "1"
1974
+ },
1975
+ "getStylesLiterals": {},
1976
+ "cxLiterals": [
1977
+ "uds-menu-content",
1978
+ "transition-shadow",
1979
+ "duration-200",
1980
+ "ease-in-out",
1981
+ "min-w-60",
1982
+ "max-w-lg",
1983
+ "max-h-96",
1984
+ "overflow-auto",
1985
+ "uds-ring",
1986
+ "z-10",
1987
+ "group"
1988
+ ],
1989
+ "internalComponents": [
1990
+ "AriakitMenu",
1991
+ "AnimatePresence",
1992
+ "MotionVStack"
1993
+ ],
1994
+ "internalComponentProps": {},
1995
+ "propToVariantKeys": {
1996
+ "size": ["menucontentSizeRoot"],
1997
+ "variant": ["menucontentVariantRoot"]
1998
+ },
1999
+ "runtimeConfigDefaultProps": {},
2000
+ "runtimeConfigGetStyles": {},
2001
+ "runtimeConfigInternalComponentProps": {},
2002
+ "motionVarPrefixes": []
2003
+ };
2004
+ var Menu_Divider = {
2005
+ "name": "Menu.Divider",
2006
+ "defaultProps": {
2007
+ "role": "separator",
2008
+ "contentPosition": "start",
2009
+ "gap": "4"
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"
2041
+ },
2042
+ "cxLiterals": ["uds-menu-item-checkbox"],
2043
+ "internalComponents": ["MenuItemBase"],
1897
2044
  "internalComponentProps": {},
1898
2045
  "propToVariantKeys": {},
1899
2046
  "runtimeConfigDefaultProps": {},
@@ -1901,254 +2048,141 @@ var PopoverContext = {
1901
2048
  "runtimeConfigInternalComponentProps": {},
1902
2049
  "motionVarPrefixes": []
1903
2050
  };
1904
- var PopoverTrigger = {
1905
- "name": "PopoverTrigger",
2051
+ var Menu_index = {
2052
+ "name": "Menu.index",
1906
2053
  "defaultProps": {},
1907
2054
  "getStylesLiterals": {},
1908
2055
  "cxLiterals": [],
1909
- "internalComponents": ["PopoverDisclosure"],
1910
- "internalComponentProps": { "PopoverDisclosure": { "className": ["inline"] } },
1911
- "propToVariantKeys": { "children": ["render"] },
2056
+ "internalComponents": [],
2057
+ "internalComponentProps": {},
2058
+ "propToVariantKeys": {},
1912
2059
  "runtimeConfigDefaultProps": {},
1913
2060
  "runtimeConfigGetStyles": {},
1914
2061
  "runtimeConfigInternalComponentProps": {},
1915
2062
  "motionVarPrefixes": []
1916
2063
  };
1917
- var UDSPopoverConfigProvider = {
1918
- "name": "UDSPopoverConfigProvider",
2064
+ var Menu_Trigger = {
2065
+ "name": "Menu.Trigger",
1919
2066
  "defaultProps": {},
1920
2067
  "getStylesLiterals": {},
1921
- "cxLiterals": [],
1922
- "internalComponents": ["PopoverContext.Provider"],
1923
- "internalComponentProps": {},
2068
+ "cxLiterals": ["uds-menu-trigger"],
2069
+ "internalComponents": ["AriakitMenuTrigger", "Box"],
2070
+ "internalComponentProps": { "Box": { "className": ["uds-ring h-fit w-fit"] } },
1924
2071
  "propToVariantKeys": {},
1925
2072
  "runtimeConfigDefaultProps": {},
1926
2073
  "runtimeConfigGetStyles": {},
1927
2074
  "runtimeConfigInternalComponentProps": {},
1928
2075
  "motionVarPrefixes": []
1929
2076
  };
1930
- var Radio = {
1931
- "name": "Radio",
2077
+ var Menu_ItemBase = {
2078
+ "name": "Menu.ItemBase",
1932
2079
  "defaultProps": {
1933
- "labelPosition": "start",
1934
- "variant": "primary",
1935
- "size": "md",
1936
- "value": ""
2080
+ "spacing": "0",
2081
+ "spacingHorizontal": "4",
2082
+ "spacingVertical": "3.5",
2083
+ "columnGap": "2",
2084
+ "alignItems": "center",
2085
+ "justifyContent": "space-between"
1937
2086
  },
1938
2087
  "getStylesLiterals": {
1939
- "radioVariantValueRoot": "checked",
1940
- "radioVariantValueRoot:1": "unchecked",
1941
- "display": "flex",
2088
+ "textAlign": "start",
2089
+ "menuitemSizeRoot": "default",
1942
2090
  "flexDirection": "row",
1943
- "flexDirection:1": "row-reverse",
1944
- "alignItems": "center",
1945
- "radioVariantValueRadio": "checked",
1946
- "radioVariantValueRadio:1": "unchecked",
1947
- "radioVariantValueRadioCircle": "checked",
1948
- "radioVariantValueRadioCircle:1": "unchecked"
2091
+ "menuitemSizeStartIcon": "default",
2092
+ "menuitemSizeEndIcon": "default"
1949
2093
  },
1950
2094
  "cxLiterals": [
1951
- "cursor-pointer",
1952
- "cursor-default",
1953
- "opacity-50",
1954
- "border",
2095
+ "flex",
2096
+ "focus-visible:text-brand",
2097
+ "focus-visible:bg-brand-secondary",
2098
+ "focus-visible:z-10",
1955
2099
  "uds-ring",
1956
- "uds-ring-within",
1957
- "transition-[background-color,border-color]",
1958
- "transition-shadow",
1959
- "pointer-events-none",
1960
- "w-[8px]",
1961
- "h-[8px]",
1962
- "transition-opacity",
1963
- "cursor-[inherit]",
1964
- "absolute",
1965
- "opacity-0",
1966
- "top-1/2",
1967
- "left-1/2",
1968
- "w-[calc(100%+2px)]",
1969
- "h-[calc(100%+2px)]",
1970
- "transform",
1971
- "translate-x-[-50%]",
1972
- "translate-y-[-50%]",
1973
- "text-start",
1974
- "text-end"
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"
1975
2110
  ],
1976
2111
  "internalComponents": [
1977
- "Box",
1978
- "FormLabel",
1979
- "SpringMotionConfig",
1980
- "RootElement",
1981
- "MotionBox"
2112
+ "Pressable",
2113
+ "IconSlot",
2114
+ "RootComponent",
2115
+ "HStack",
2116
+ "AnimatePresence"
1982
2117
  ],
1983
2118
  "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"],
2119
+ "HStack": {
1994
2120
  "alignItems": ["center"],
1995
- "justifyContent": ["center"],
1996
- "flex": ["none"]
1997
- }
2121
+ "width": ["full"]
2122
+ },
2123
+ "AnimatePresence": { "mode": ["popLayout"] }
1998
2124
  },
1999
2125
  "propToVariantKeys": {
2000
- "size": ["radioSizeRoot", "radioSizeRadio"],
2001
- "variant": [
2002
- "radioVariantRoot",
2003
- "radioVariantRadio",
2004
- "radioVariantRadioCircle"
2005
- ],
2006
- "reduceMotion": ["reducedMotion"]
2126
+ "startIconClassName": ["className"],
2127
+ "endIconClassName": ["className"],
2128
+ "startIcon": ["icon"],
2129
+ "endIcon": ["icon"],
2130
+ "columnGap": ["gap"]
2007
2131
  },
2008
2132
  "runtimeConfigDefaultProps": {},
2009
2133
  "runtimeConfigGetStyles": {},
2010
2134
  "runtimeConfigInternalComponentProps": {},
2011
- "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2012
- };
2013
- var RadioGroupProvider = {
2014
- "name": "RadioGroupProvider",
2015
- "defaultProps": {},
2016
- "getStylesLiterals": {},
2017
- "cxLiterals": [],
2018
- "internalComponents": [
2019
- "DivProps",
2020
- "Comp",
2021
- "RadioGroupContext.Provider"
2022
- ],
2023
- "internalComponentProps": { "Comp": { "role": ["radiogroup"] } },
2024
- "propToVariantKeys": {},
2025
- "runtimeConfigDefaultProps": {},
2026
- "runtimeConfigGetStyles": {},
2027
- "runtimeConfigInternalComponentProps": {},
2028
2135
  "motionVarPrefixes": []
2029
2136
  };
2030
- var RadioGroupStore = {
2031
- "name": "RadioGroupStore",
2137
+ var Menu_Provider = {
2138
+ "name": "Menu.Provider",
2032
2139
  "defaultProps": {},
2033
2140
  "getStylesLiterals": {},
2034
2141
  "cxLiterals": [],
2035
- "internalComponents": [],
2142
+ "internalComponents": ["AriakitMenuProvider", "SpringMotionConfig"],
2036
2143
  "internalComponentProps": {},
2037
2144
  "propToVariantKeys": {},
2038
2145
  "runtimeConfigDefaultProps": {},
2039
2146
  "runtimeConfigGetStyles": {},
2040
2147
  "runtimeConfigInternalComponentProps": {},
2041
- "motionVarPrefixes": []
2042
- };
2043
- var Tab = {
2044
- "name": "Tab",
2045
- "defaultProps": { "variant": "primary" },
2046
- "getStylesLiterals": {
2047
- "tabSizeRoot": "default",
2048
- "tabVariantActiveRoot": "off",
2049
- "tabVariantActiveRoot:1": "on",
2050
- "tabSizeIcon": "default"
2051
- },
2052
- "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",
2074
- "uds-ring",
2075
- "opacity-50",
2076
- "cursor-default",
2077
- "border-solid",
2078
- "border-b-solid",
2079
- "transition-colors"
2080
- ],
2081
- "internalComponents": [
2082
- "IconSlot",
2083
- "AriakitTab",
2084
- "Text"
2085
- ],
2086
- "internalComponentProps": { "Text": {
2087
- "variant": ["inherit"],
2088
- "as": ["span"],
2089
- "color": ["current"]
2090
- } },
2091
- "propToVariantKeys": {
2092
- "variant": ["tabVariantRoot", "tabVariantIcon"],
2093
- "activeState": ["tabVariantActiveIcon"],
2094
- "startIcon": ["icon"],
2095
- "endIcon": ["icon"]
2096
- },
2097
- "runtimeConfigDefaultProps": {},
2098
- "runtimeConfigGetStyles": {},
2099
- "runtimeConfigInternalComponentProps": {},
2100
- "motionVarPrefixes": []
2148
+ "motionVarPrefixes": ["--uds-motion-subtle-3-", "--uds-motion-smooth-3-"]
2101
2149
  };
2102
- var TabList = {
2103
- "name": "TabList",
2104
- "defaultProps": { "variant": "primary" },
2105
- "getStylesLiterals": {
2106
- "tabSizeRoot": "default",
2107
- "tabVariantActiveRoot": "on"
2108
- },
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"
2150
+ var ChipDismissible = {
2151
+ "name": "ChipDismissible",
2152
+ "defaultProps": { "variant": "primary" },
2153
+ "getStylesLiterals": {},
2154
+ "cxLiterals": [
2155
+ "uds-chip-dismissible-button",
2156
+ "uds-hit-target",
2157
+ "uds-ring",
2158
+ "rounded-full"
2159
+ ],
2160
+ "internalComponents": [
2161
+ "ChipBase",
2162
+ "IconSlot",
2163
+ "Pressable"
2137
2164
  ],
2138
- "internalComponents": ["AriakitTabList"],
2139
2165
  "internalComponentProps": {},
2140
- "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2166
+ "propToVariantKeys": {
2167
+ "variant": ["chipDismissibleVariantRoot", "chipDismissibleVariantIcon"],
2168
+ "dismissButtonAriaLabel": ["aria-label"]
2169
+ },
2141
2170
  "runtimeConfigDefaultProps": {},
2142
2171
  "runtimeConfigGetStyles": {},
2143
2172
  "runtimeConfigInternalComponentProps": {},
2144
2173
  "motionVarPrefixes": []
2145
2174
  };
2146
- var TabPanel = {
2147
- "name": "TabPanel",
2175
+ var Chip = {
2176
+ "name": "Chip",
2148
2177
  "defaultProps": {},
2149
2178
  "getStylesLiterals": {},
2150
2179
  "cxLiterals": [],
2151
- "internalComponents": ["AriakitTabPanel"],
2180
+ "internalComponents": [
2181
+ "ChipDismissible",
2182
+ "ChipToggle",
2183
+ "ChipLink",
2184
+ "ChipButton"
2185
+ ],
2152
2186
  "internalComponentProps": {},
2153
2187
  "propToVariantKeys": {},
2154
2188
  "runtimeConfigDefaultProps": {},
@@ -2156,143 +2190,104 @@ var TabPanel = {
2156
2190
  "runtimeConfigInternalComponentProps": {},
2157
2191
  "motionVarPrefixes": []
2158
2192
  };
2159
- var Tabs = {
2160
- "name": "Tabs",
2193
+ var ChipLink = {
2194
+ "name": "ChipLink",
2161
2195
  "defaultProps": { "variant": "primary" },
2162
2196
  "getStylesLiterals": {},
2163
- "cxLiterals": [],
2164
- "internalComponents": ["TabsContext.Provider", "TabProvider"],
2165
- "internalComponentProps": {},
2166
- "propToVariantKeys": { "onSelectionChange": ["setSelectedId"] },
2197
+ "cxLiterals": ["uds-ring"],
2198
+ "internalComponents": ["ChipBase"],
2199
+ "internalComponentProps": { "ChipBase": { "as": ["a"] } },
2200
+ "propToVariantKeys": { "variant": ["chipLinkVariantRoot", "chipLinkVariantIcon"] },
2167
2201
  "runtimeConfigDefaultProps": {},
2168
2202
  "runtimeConfigGetStyles": {},
2169
2203
  "runtimeConfigInternalComponentProps": {},
2170
2204
  "motionVarPrefixes": []
2171
2205
  };
2172
- var Toast = {
2173
- "name": "Toast",
2174
- "defaultProps": {},
2206
+ var ChipToggle = {
2207
+ "name": "ChipToggle",
2208
+ "defaultProps": {
2209
+ "variant": "primary",
2210
+ "role": "checkbox"
2211
+ },
2175
2212
  "getStylesLiterals": {
2176
- "className": "animate-spin",
2177
- "className:1": "flex-none",
2178
- "spacing": "2",
2179
- "borderRadius": "full"
2213
+ "chipToggleVariantActiveRoot": "on",
2214
+ "chipToggleVariantActiveRoot:1": "off"
2215
+ },
2216
+ "cxLiterals": ["uds-ring"],
2217
+ "internalComponents": ["ChipBase"],
2218
+ "internalComponentProps": { "ChipBase": { "as": ["button"] } },
2219
+ "propToVariantKeys": { "variant": ["chipToggleVariantRoot", "chipToggleVariantIcon"] },
2220
+ "runtimeConfigDefaultProps": {},
2221
+ "runtimeConfigGetStyles": {},
2222
+ "runtimeConfigInternalComponentProps": {},
2223
+ "motionVarPrefixes": []
2224
+ };
2225
+ var ChipBase = {
2226
+ "name": "ChipBase",
2227
+ "defaultProps": {
2228
+ "size": "md",
2229
+ "as": "div"
2180
2230
  },
2231
+ "getStylesLiterals": {},
2181
2232
  "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"
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"
2189
2243
  ],
2190
2244
  "internalComponents": [
2191
2245
  "IconSlot",
2192
- "ToastContainer",
2193
- "Text",
2194
- "Button",
2195
- "Pressable"
2246
+ "HStack",
2247
+ "As",
2248
+ "Text"
2196
2249
  ],
2197
- "internalComponentProps": {},
2198
- "propToVariantKeys": {
2199
- "size": [
2200
- "toastSizeLabel",
2201
- "toastSizeIcon",
2202
- "toastSizeActionButton",
2203
- "toastSizeCloseIcon"
2204
- ],
2205
- "variant": [
2206
- "toastVariantIcon",
2207
- "toastVariantActionButton",
2208
- "toastVariantCloseIcon"
2209
- ],
2210
- "closeIcon": ["icon"],
2211
- "onClickActionButton": ["onClick"]
2212
- },
2213
- "runtimeConfigDefaultProps": {
2214
- "size": "toast.defaultSize",
2215
- "variant": "toast.defaultVariant"
2216
- },
2217
- "runtimeConfigGetStyles": {
2218
- "toastSizeLabel": ["toast.defaultSize"],
2219
- "toastVariantIcon": ["toast.defaultVariant"],
2220
- "toastSizeIcon": ["toast.defaultSize"],
2221
- "toastSizeActionButton": ["toast.defaultSize"],
2222
- "toastVariantActionButton": ["toast.defaultVariant"],
2223
- "toastVariantCloseIcon": ["toast.defaultVariant"],
2224
- "toastSizeCloseIcon": ["toast.defaultSize"]
2225
- },
2226
- "runtimeConfigInternalComponentProps": {
2227
- "ToastContainer": {
2228
- "size": ["toast.defaultSize"],
2229
- "variant": ["toast.defaultVariant"]
2230
- },
2231
- "Text": {
2232
- "variant": ["toast.textVariant.${size}"],
2233
- "color": ["toast.textColor.${variant}"]
2234
- },
2235
- "Button": {
2236
- "size": ["toast.buttonSize.${size}"],
2237
- "variant": ["toast.buttonVariant.${variant}"]
2238
- }
2239
- },
2240
- "motionVarPrefixes": []
2241
- };
2242
- var ToastContainer = {
2243
- "name": "ToastContainer",
2244
- "defaultProps": {},
2245
- "getStylesLiterals": {
2246
- "position": "relative",
2247
- "alignItems": "center",
2248
- "display": "flex",
2249
- "className": "box-border touch-none z-0 w-full break-words mb-2 last:mb-0"
2250
- },
2251
- "cxLiterals": ["w-full"],
2252
- "internalComponents": ["HStack"],
2253
- "internalComponentProps": { "HStack": {
2254
- "alignItems": ["center"],
2255
- "justifyContent": ["space-between"],
2256
- "overflow": ["hidden"],
2257
- "position": ["relative"]
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 = {
@@ -2365,380 +2360,399 @@ var TooltipContent = {
2365
2360
  "runtimeConfigInternalComponentProps": {},
2366
2361
  "motionVarPrefixes": []
2367
2362
  };
2368
- var TooltipTrigger = {
2369
- "name": "TooltipTrigger",
2363
+ var UDSTooltipConfigProvider = {
2364
+ "name": "UDSTooltipConfigProvider",
2370
2365
  "defaultProps": {},
2371
2366
  "getStylesLiterals": {},
2372
2367
  "cxLiterals": [],
2373
- "internalComponents": ["TooltipAnchor"],
2374
- "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2375
- "propToVariantKeys": { "children": ["render"] },
2368
+ "internalComponents": ["TooltipContext.Provider"],
2369
+ "internalComponentProps": {},
2370
+ "propToVariantKeys": {},
2376
2371
  "runtimeConfigDefaultProps": {},
2377
2372
  "runtimeConfigGetStyles": {},
2378
2373
  "runtimeConfigInternalComponentProps": {},
2379
2374
  "motionVarPrefixes": []
2380
2375
  };
2381
- var UDSTooltipConfigProvider = {
2382
- "name": "UDSTooltipConfigProvider",
2376
+ var TooltipTrigger = {
2377
+ "name": "TooltipTrigger",
2383
2378
  "defaultProps": {},
2384
2379
  "getStylesLiterals": {},
2385
2380
  "cxLiterals": [],
2386
- "internalComponents": ["TooltipContext.Provider"],
2387
- "internalComponentProps": {},
2388
- "propToVariantKeys": {},
2381
+ "internalComponents": ["TooltipAnchor"],
2382
+ "internalComponentProps": { "TooltipAnchor": { "className": ["inline"] } },
2383
+ "propToVariantKeys": { "children": ["render"] },
2389
2384
  "runtimeConfigDefaultProps": {},
2390
2385
  "runtimeConfigGetStyles": {},
2391
2386
  "runtimeConfigInternalComponentProps": {},
2392
2387
  "motionVarPrefixes": []
2393
2388
  };
2394
- var UDSBreakpointsConfigProvider = {
2395
- "name": "UDSBreakpointsConfigProvider",
2389
+ var Tooltip = {
2390
+ "name": "Tooltip",
2396
2391
  "defaultProps": {},
2397
2392
  "getStylesLiterals": {},
2398
2393
  "cxLiterals": [],
2399
- "internalComponents": ["UDSBreakpointsConfigContext.Provider"],
2394
+ "internalComponents": ["TooltipInternalContext.Provider", "TooltipProvider"],
2400
2395
  "internalComponentProps": {},
2401
2396
  "propToVariantKeys": {},
2402
2397
  "runtimeConfigDefaultProps": {},
2403
2398
  "runtimeConfigGetStyles": {},
2404
- "runtimeConfigInternalComponentProps": {},
2399
+ "runtimeConfigInternalComponentProps": { "TooltipProvider": { "animated": ["tooltip.animationDuration"] } },
2405
2400
  "motionVarPrefixes": []
2406
2401
  };
2407
- var UDSConfigProvider = {
2408
- "name": "UDSConfigProvider",
2402
+ var InputHelpTextInternal = {
2403
+ "name": "InputHelpTextInternal",
2409
2404
  "defaultProps": {},
2410
- "getStylesLiterals": {},
2405
+ "getStylesLiterals": {
2406
+ "inputVariantHelperText": "default",
2407
+ "inputVariantValueHelperText": "empty",
2408
+ "inputVariantValueHelperText:1": "filled",
2409
+ "inputVariantHelperIcon": "default",
2410
+ "inputVariantValueHelperIcon": "empty",
2411
+ "inputVariantValueHelperIcon:1": "filled"
2412
+ },
2411
2413
  "cxLiterals": [],
2412
- "internalComponents": [
2413
- "UDSBreakpointsConfigProvider",
2414
- "UDSBottomSheetConfigProvider",
2415
- "UDSToastConfigProvider",
2416
- "UDSTooltipConfigProvider",
2417
- "UDSPopoverConfigProvider",
2418
- "UDSModalConfigProvider"
2419
- ],
2420
- "internalComponentProps": {},
2421
- "propToVariantKeys": {},
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
+ },
2422
2424
  "runtimeConfigDefaultProps": {},
2423
2425
  "runtimeConfigGetStyles": {},
2424
2426
  "runtimeConfigInternalComponentProps": {},
2425
2427
  "motionVarPrefixes": []
2426
2428
  };
2427
- var Accordion = {
2428
- "name": "Accordion",
2429
+ var Input = {
2430
+ "name": "Input",
2429
2431
  "defaultProps": {
2430
- "spacingHorizontal": "4",
2431
- "spacingVertical": "4"
2432
+ "type": "text",
2433
+ "size": "md",
2434
+ "width": "full"
2432
2435
  },
2433
- "getStylesLiterals": {},
2434
- "cxLiterals": ["hover:bg-secondary/80", "w-full"],
2436
+ "getStylesLiterals": {
2437
+ "inputVariantRoot": "default",
2438
+ "inputVariantValueRoot": "empty",
2439
+ "inputVariantValueRoot:1": "filled",
2440
+ "inputVariantInputWrapper": "default",
2441
+ "inputVariantValueInputWrapper": "empty",
2442
+ "inputVariantValueInputWrapper:1": "filled",
2443
+ "inputVariantInput": "default",
2444
+ "inputVariantValueInput": "empty",
2445
+ "inputVariantValueInput:1": "filled",
2446
+ "inputVariantInputPlaceholder": "default",
2447
+ "inputVariantValueInputPlaceholder": "empty",
2448
+ "inputVariantValueInputPlaceholder:1": "filled",
2449
+ "inputVariantLabel": "default",
2450
+ "inputVariantValueLabel": "empty",
2451
+ "inputVariantValueLabel:1": "filled",
2452
+ "inputVariantLabelRequired": "default",
2453
+ "inputVariantValueLabelRequired": "empty",
2454
+ "inputVariantValueLabelRequired:1": "filled",
2455
+ "inputVariantStartIcon": "default",
2456
+ "inputVariantValueStartIcon": "empty",
2457
+ "inputVariantValueStartIcon:1": "filled",
2458
+ "inputVariantEndIcon": "default",
2459
+ "inputVariantValueEndIcon": "empty",
2460
+ "inputVariantValueEndIcon:1": "filled"
2461
+ },
2462
+ "cxLiterals": [
2463
+ "opacity-50",
2464
+ "min-w-[200px]",
2465
+ "grow",
2466
+ "uds-hit-target",
2467
+ "bg-clip-text",
2468
+ "focus:outline-none",
2469
+ "cursor-text",
2470
+ "cursor-not-allowed"
2471
+ ],
2435
2472
  "internalComponents": [
2436
- "Icon",
2437
- "SpringMotionConfig",
2438
- "Pressable",
2439
- "Text",
2473
+ "IconSlot",
2474
+ "StartIcon",
2475
+ "EndIcon",
2476
+ "HelpTextContent",
2477
+ "Box",
2478
+ "InputHelpTextInternal",
2479
+ "VStack",
2440
2480
  "HStack",
2441
- "AnimatePresence",
2442
- "VStack"
2481
+ "AnimateHeightChange"
2443
2482
  ],
2444
2483
  "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"]
2484
+ "HelpTextContent": { "spacingTop": ["2"] },
2485
+ "Box": {
2486
+ "spacingBottom": ["2"],
2487
+ "columnGap": ["0.5"],
2488
+ "alignItems": ["flex-end", "center"],
2489
+ "position": ["relative"]
2464
2490
  },
2465
2491
  "HStack": {
2466
- "display": ["flex"],
2467
2492
  "alignItems": ["center"],
2468
- "justifyContent": ["space-between"],
2469
- "columnGap": ["2.5"]
2493
+ "gap": ["1"]
2470
2494
  }
2471
2495
  },
2472
- "propToVariantKeys": {},
2496
+ "propToVariantKeys": {
2497
+ "size": [
2498
+ "inputSizeRoot",
2499
+ "inputSizeInputWrapper",
2500
+ "inputSizeInput",
2501
+ "inputSizeLabel",
2502
+ "inputSizeStartIcon",
2503
+ "inputSizeEndIcon"
2504
+ ],
2505
+ "startIcon": ["icon"],
2506
+ "endIcon": ["icon"],
2507
+ "slotProps": ["helperTextSlotProps"],
2508
+ "helperTextIcon": ["startIcon"]
2509
+ },
2473
2510
  "runtimeConfigDefaultProps": {},
2474
2511
  "runtimeConfigGetStyles": {},
2475
2512
  "runtimeConfigInternalComponentProps": {},
2476
- "motionVarPrefixes": ["--uds-motion-smooth-3-"]
2513
+ "motionVarPrefixes": []
2477
2514
  };
2478
- var AvoidMotionLibraryProvider = {
2479
- "name": "AvoidMotionLibraryProvider",
2480
- "defaultProps": {},
2481
- "getStylesLiterals": {},
2515
+ var InputHelpText = {
2516
+ "name": "InputHelpText",
2517
+ "defaultProps": { "size": "md" },
2518
+ "getStylesLiterals": {
2519
+ "inputVariantRoot": "default",
2520
+ "inputVariantValueRoot": "empty",
2521
+ "inputVariantValueRoot:1": "filled"
2522
+ },
2482
2523
  "cxLiterals": [],
2483
- "internalComponents": [],
2484
- "internalComponentProps": {},
2485
- "propToVariantKeys": {},
2524
+ "internalComponents": ["InputHelpTextInternal", "Box"],
2525
+ "internalComponentProps": { "Box": { "spacingTop": ["2"] } },
2526
+ "propToVariantKeys": { "size": ["inputSizeRoot"] },
2486
2527
  "runtimeConfigDefaultProps": {},
2487
2528
  "runtimeConfigGetStyles": {},
2488
2529
  "runtimeConfigInternalComponentProps": {},
2489
2530
  "motionVarPrefixes": []
2490
2531
  };
2491
- var SegmentedControl = {
2492
- "name": "SegmentedControl",
2493
- "defaultProps": { "textVariant": "label2" },
2532
+ var Tab = {
2533
+ "name": "Tab",
2534
+ "defaultProps": { "variant": "primary" },
2494
2535
  "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"
2536
+ "tabSizeRoot": "default",
2537
+ "tabVariantActiveRoot": "off",
2538
+ "tabVariantActiveRoot:1": "on",
2539
+ "tabSizeIcon": "default"
2508
2540
  },
2509
2541
  "cxLiterals": [
2542
+ "pointer-events-none",
2543
+ "absolute",
2544
+ "bottom-0",
2545
+ "left-0",
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",
2510
2563
  "uds-ring",
2511
- "cursor-not-allowed",
2512
2564
  "opacity-50",
2513
- "pointer-events-none",
2514
- "hover:bg-primary"
2565
+ "cursor-default",
2566
+ "border-solid",
2567
+ "border-b-solid",
2568
+ "transition-colors"
2515
2569
  ],
2516
2570
  "internalComponents": [
2517
- "TextVariant",
2518
- "Radio",
2519
- "Icon",
2520
- "RadioProvider",
2521
- "HStack",
2522
- "RadioGroup",
2523
- "Pressable",
2571
+ "IconSlot",
2572
+ "AriakitTab",
2524
2573
  "Text"
2525
2574
  ],
2526
- "internalComponentProps": {
2527
- "Icon": {
2528
- "size": ["sm"],
2529
- "color": ["current"],
2530
- "aria-hidden": ["true"]
2531
- },
2532
- "HStack": {
2533
- "spacing": ["1"],
2534
- "gap": ["1"],
2535
- "backgroundColor": ["secondary"],
2536
- "borderRadius": ["full"],
2537
- "display": ["inline-flex"]
2538
- },
2539
- "Text": { "color": ["current"] }
2540
- },
2575
+ "internalComponentProps": { "Text": {
2576
+ "variant": ["inherit"],
2577
+ "as": ["span"],
2578
+ "color": ["current"]
2579
+ } },
2541
2580
  "propToVariantKeys": {
2542
- "value": ["key"],
2543
- "label": ["aria-label"],
2544
- "textVariant": ["variant"]
2581
+ "variant": ["tabVariantRoot", "tabVariantIcon"],
2582
+ "activeState": ["tabVariantActiveIcon"],
2583
+ "startIcon": ["icon"],
2584
+ "endIcon": ["icon"]
2545
2585
  },
2546
2586
  "runtimeConfigDefaultProps": {},
2547
2587
  "runtimeConfigGetStyles": {},
2548
2588
  "runtimeConfigInternalComponentProps": {},
2549
2589
  "motionVarPrefixes": []
2550
2590
  };
2551
- var SwitchV2 = {
2552
- "name": "SwitchV2",
2553
- "defaultProps": {
2554
- "labelPosition": "start",
2555
- "size": "md"
2556
- },
2557
- "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"
2591
+ var TabList = {
2592
+ "name": "TabList",
2593
+ "defaultProps": { "variant": "primary" },
2594
+ "getStylesLiterals": {
2595
+ "tabSizeRoot": "default",
2596
+ "tabVariantActiveRoot": "on"
2570
2597
  },
2571
2598
  "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
2599
  "pointer-events-none",
2583
- "w-full",
2584
- "h-full",
2585
2600
  "absolute",
2586
- "top-0",
2587
2601
  "bottom-0",
2588
- "right-0",
2589
2602
  "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"
2608
- ],
2609
- "internalComponents": [
2610
- "IconSlot",
2611
- "Box",
2612
- "FormLabel",
2613
- "SpringMotionConfig",
2614
- "RootElement",
2615
- "MotionBox"
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"
2616
2626
  ],
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
- },
2631
- "propToVariantKeys": {
2632
- "size": [
2633
- "switchSizeRoot",
2634
- "switchSizeSwitch",
2635
- "switchSizeHandle",
2636
- "switchSizeHandleIcon"
2637
- ],
2638
- "onIcon": ["icon"],
2639
- "offIcon": ["icon"],
2640
- "reduceMotion": ["reducedMotion"],
2641
- "isOn": ["layoutDependency"]
2642
- },
2627
+ "internalComponents": ["AriakitTabList"],
2628
+ "internalComponentProps": {},
2629
+ "propToVariantKeys": { "variant": ["tabsVariantRoot", "tabVariantRoot"] },
2643
2630
  "runtimeConfigDefaultProps": {},
2644
2631
  "runtimeConfigGetStyles": {},
2645
2632
  "runtimeConfigInternalComponentProps": {},
2646
- "motionVarPrefixes": ["--uds-motion-bouncy-4-", "--uds-motion-smooth-3-"]
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,
2711
+ BottomSheetTrigger,
2712
+ AvatarImage,
2713
+ RadioGroupProvider,
2714
+ Radio,
2715
+ RadioGroupStore,
2716
+ ModalTitle,
2717
+ ModalActions,
2718
+ UDSModalConfigProvider,
2719
+ ModalDescription,
2720
+ Modal,
2721
+ ModalContext,
2722
+ ModalContent,
2723
+ PopoverContent,
2724
+ PopoverContext,
2725
+ UDSPopoverConfigProvider,
2726
+ PopoverTrigger,
2727
+ Popover,
2728
+ "Menu.Item": Menu_Item,
2729
+ Menu,
2691
2730
  "Menu.Content": Menu_Content,
2692
2731
  "Menu.Divider": Menu_Divider,
2693
- "Menu.Item": Menu_Item,
2694
- "Menu.ItemBase": Menu_ItemBase,
2695
2732
  "Menu.ItemCheckbox": Menu_ItemCheckbox,
2696
- "Menu.Provider": Menu_Provider,
2697
- "Menu.Trigger": Menu_Trigger,
2698
2733
  "Menu.index": Menu_index,
2699
- Menu,
2700
- Chip,
2701
- ChipBase,
2702
- ChipButton,
2734
+ "Menu.Trigger": Menu_Trigger,
2735
+ "Menu.ItemBase": Menu_ItemBase,
2736
+ "Menu.Provider": Menu_Provider,
2703
2737
  ChipDismissible,
2738
+ Chip,
2704
2739
  ChipLink,
2705
2740
  ChipToggle,
2706
- Modal,
2707
- ModalActions,
2708
- ModalContent,
2709
- ModalContext,
2710
- ModalDescription,
2711
- ModalTitle,
2712
- UDSModalConfigProvider,
2741
+ ChipBase,
2742
+ ChipButton,
2743
+ UDSConfigProvider,
2744
+ UDSBreakpointsConfigProvider,
2745
+ TooltipContent,
2746
+ UDSTooltipConfigProvider,
2747
+ TooltipTrigger,
2748
+ Tooltip,
2749
+ InputHelpTextInternal,
2713
2750
  Input,
2714
2751
  InputHelpText,
2715
- InputHelpTextInternal,
2716
- Popover,
2717
- PopoverContent,
2718
- PopoverContext,
2719
- PopoverTrigger,
2720
- UDSPopoverConfigProvider,
2721
- Radio,
2722
- RadioGroupProvider,
2723
- RadioGroupStore,
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 };