@simplybusiness/mobius 4.8.1 → 4.8.4

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 (325) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/cjs/components/Accordion/Accordion.js.map +1 -1
  3. package/dist/cjs/components/Accordion/index.js.map +1 -1
  4. package/dist/cjs/components/Alert/Alert.js.map +1 -1
  5. package/dist/cjs/components/Alert/index.js.map +1 -1
  6. package/dist/cjs/components/Box/Box.js.map +1 -1
  7. package/dist/cjs/components/Box/index.js.map +1 -1
  8. package/dist/cjs/components/Box/types.js.map +1 -1
  9. package/dist/cjs/components/Breadcrumbs/BreadcrumbItem.js.map +1 -1
  10. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
  11. package/dist/cjs/components/Breadcrumbs/index.js.map +1 -1
  12. package/dist/cjs/components/Button/Button.js.map +1 -1
  13. package/dist/cjs/components/Button/Loading.js.map +1 -1
  14. package/dist/cjs/components/Button/index.js.map +1 -1
  15. package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
  16. package/dist/cjs/components/Checkbox/CheckboxGroup.js.map +1 -1
  17. package/dist/cjs/components/Checkbox/index.js.map +1 -1
  18. package/dist/cjs/components/Checkbox/types.js.map +1 -1
  19. package/dist/cjs/components/Container/Container.js.map +1 -1
  20. package/dist/cjs/components/Container/index.js.map +1 -1
  21. package/dist/cjs/components/Divider/Divider.js.map +1 -1
  22. package/dist/cjs/components/Divider/index.js.map +1 -1
  23. package/dist/cjs/components/Drawer/Content.js.map +1 -1
  24. package/dist/cjs/components/Drawer/Drawer.js +6 -4
  25. package/dist/cjs/components/Drawer/Drawer.js.map +1 -1
  26. package/dist/cjs/components/Drawer/DrawerContext.js.map +1 -1
  27. package/dist/cjs/components/Drawer/Header.js.map +1 -1
  28. package/dist/cjs/components/Drawer/index.js.map +1 -1
  29. package/dist/cjs/components/Drawer/types.js.map +1 -1
  30. package/dist/cjs/components/Drawer/useDrawer.js.map +1 -1
  31. package/dist/cjs/components/DropdownMenu/DropdownMenu.js.map +1 -1
  32. package/dist/cjs/components/DropdownMenu/Item.js.map +1 -1
  33. package/dist/cjs/components/DropdownMenu/index.js.map +1 -1
  34. package/dist/cjs/components/ErrorMessage/ErrorMessage.js.map +1 -1
  35. package/dist/cjs/components/ErrorMessage/index.js.map +1 -1
  36. package/dist/cjs/components/Fieldset/Fieldset.js.map +1 -1
  37. package/dist/cjs/components/Fieldset/index.js.map +1 -1
  38. package/dist/cjs/components/Flex/Flex.js.map +1 -1
  39. package/dist/cjs/components/Flex/index.js.map +1 -1
  40. package/dist/cjs/components/Flex/propUtils.js.map +1 -1
  41. package/dist/cjs/components/Flex/types.js.map +1 -1
  42. package/dist/cjs/components/Grid/Grid.js.map +1 -1
  43. package/dist/cjs/components/Grid/Item.js.map +1 -1
  44. package/dist/cjs/components/Grid/index.js.map +1 -1
  45. package/dist/cjs/components/Icon/Icon.js.map +1 -1
  46. package/dist/cjs/components/Icon/index.js.map +1 -1
  47. package/dist/cjs/components/Icon/types.js.map +1 -1
  48. package/dist/cjs/components/Image/Image.js.map +1 -1
  49. package/dist/cjs/components/Image/index.js.map +1 -1
  50. package/dist/cjs/components/Label/Label.js.map +1 -1
  51. package/dist/cjs/components/Label/index.js.map +1 -1
  52. package/dist/cjs/components/Link/Link.js.map +1 -1
  53. package/dist/cjs/components/Link/index.js.map +1 -1
  54. package/dist/cjs/components/LinkButton/LinkButton.js.map +1 -1
  55. package/dist/cjs/components/LinkButton/index.js.map +1 -1
  56. package/dist/cjs/components/List/List.js.map +1 -1
  57. package/dist/cjs/components/List/ListItem.js.map +1 -1
  58. package/dist/cjs/components/List/index.js.map +1 -1
  59. package/dist/cjs/components/LoadingIndicator/LoadingIndicator.js.map +1 -1
  60. package/dist/cjs/components/LoadingIndicator/index.js.map +1 -1
  61. package/dist/cjs/components/Logo/Logo.js.map +1 -1
  62. package/dist/cjs/components/Logo/index.js.map +1 -1
  63. package/dist/cjs/components/Modal/Content.js.map +1 -1
  64. package/dist/cjs/components/Modal/Header.js.map +1 -1
  65. package/dist/cjs/components/Modal/Modal.js.map +1 -1
  66. package/dist/cjs/components/Modal/ModalContext.js.map +1 -1
  67. package/dist/cjs/components/Modal/index.js.map +1 -1
  68. package/dist/cjs/components/Modal/types.js.map +1 -1
  69. package/dist/cjs/components/Modal/useModal.js.map +1 -1
  70. package/dist/cjs/components/NumberField/NumberField.js.map +1 -1
  71. package/dist/cjs/components/NumberField/index.js.map +1 -1
  72. package/dist/cjs/components/Option/Option.js.map +1 -1
  73. package/dist/cjs/components/Option/index.js.map +1 -1
  74. package/dist/cjs/components/PasswordField/PasswordField.js.map +1 -1
  75. package/dist/cjs/components/PasswordField/ShowHideButton.js.map +1 -1
  76. package/dist/cjs/components/PasswordField/index.js.map +1 -1
  77. package/dist/cjs/components/Popover/Popover.js.map +1 -1
  78. package/dist/cjs/components/Popover/index.js.map +1 -1
  79. package/dist/cjs/components/Progress/Progress.js.map +1 -1
  80. package/dist/cjs/components/Progress/index.js.map +1 -1
  81. package/dist/cjs/components/Radio/Radio.js.map +1 -1
  82. package/dist/cjs/components/Radio/RadioButton.js.map +1 -1
  83. package/dist/cjs/components/Radio/RadioGroup.js.map +1 -1
  84. package/dist/cjs/components/Radio/index.js.map +1 -1
  85. package/dist/cjs/components/SVG/SVG.js.map +1 -1
  86. package/dist/cjs/components/SVG/index.js.map +1 -1
  87. package/dist/cjs/components/Segment/Segment.js.map +1 -1
  88. package/dist/cjs/components/Segment/SegmentGroup.js.map +1 -1
  89. package/dist/cjs/components/Segment/index.js.map +1 -1
  90. package/dist/cjs/components/Select/Select.js.map +1 -1
  91. package/dist/cjs/components/Select/index.js.map +1 -1
  92. package/dist/cjs/components/Slider/Slider.js.map +1 -1
  93. package/dist/cjs/components/Slider/helpers.js.map +1 -1
  94. package/dist/cjs/components/Slider/index.js.map +1 -1
  95. package/dist/cjs/components/Table/Body.js.map +1 -1
  96. package/dist/cjs/components/Table/Cell.js.map +1 -1
  97. package/dist/cjs/components/Table/Foot.js.map +1 -1
  98. package/dist/cjs/components/Table/Head.js.map +1 -1
  99. package/dist/cjs/components/Table/HeaderCell.js.map +1 -1
  100. package/dist/cjs/components/Table/Row.js.map +1 -1
  101. package/dist/cjs/components/Table/Table.js.map +1 -1
  102. package/dist/cjs/components/Table/index.js.map +1 -1
  103. package/dist/cjs/components/Text/Text.js.map +1 -1
  104. package/dist/cjs/components/Text/index.js.map +1 -1
  105. package/dist/cjs/components/TextArea/TextArea.js.map +1 -1
  106. package/dist/cjs/components/TextArea/index.js.map +1 -1
  107. package/dist/cjs/components/TextAreaInput/TextAreaInput.js.map +1 -1
  108. package/dist/cjs/components/TextAreaInput/index.js.map +1 -1
  109. package/dist/cjs/components/TextField/TextField.js.map +1 -1
  110. package/dist/cjs/components/TextField/adornmentWithClassName.js.map +1 -1
  111. package/dist/cjs/components/TextField/index.js.map +1 -1
  112. package/dist/cjs/components/Title/Title.js.map +1 -1
  113. package/dist/cjs/components/Title/index.js.map +1 -1
  114. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
  115. package/dist/cjs/components/VisuallyHidden/index.js.map +1 -1
  116. package/dist/cjs/components/index.js.map +1 -1
  117. package/dist/cjs/global.d.js.map +1 -1
  118. package/dist/cjs/hooks/index.js.map +1 -1
  119. package/dist/cjs/hooks/useBodyScrollLock/index.js.map +1 -1
  120. package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.js.map +1 -1
  121. package/dist/cjs/hooks/useBreakpoint/index.js.map +1 -1
  122. package/dist/cjs/hooks/useBreakpoint/useBreakpoint.js.map +1 -1
  123. package/dist/cjs/hooks/useButton/index.js.map +1 -1
  124. package/dist/cjs/hooks/useButton/useButton.js.map +1 -1
  125. package/dist/cjs/hooks/useDialog/index.js.map +1 -1
  126. package/dist/cjs/hooks/useDialog/useDialog.js.map +1 -1
  127. package/dist/cjs/hooks/useDialogPolyfill/index.js.map +1 -1
  128. package/dist/cjs/hooks/useDialogPolyfill/useDialogPolyfill.js.map +1 -1
  129. package/dist/cjs/hooks/useLabel/index.js.map +1 -1
  130. package/dist/cjs/hooks/useLabel/useLabel.js.map +1 -1
  131. package/dist/cjs/hooks/useOnClickOutside/index.js.map +1 -1
  132. package/dist/cjs/hooks/useOnClickOutside/useOnClickOutside.js.map +1 -1
  133. package/dist/cjs/hooks/useTextField/index.js.map +1 -1
  134. package/dist/cjs/hooks/useTextField/types.js.map +1 -1
  135. package/dist/cjs/hooks/useTextField/useTextField.js.map +1 -1
  136. package/dist/cjs/hooks/useWindowEvent/index.js.map +1 -1
  137. package/dist/cjs/hooks/useWindowEvent/useWindowEvent.js.map +1 -1
  138. package/dist/cjs/index.js.map +1 -1
  139. package/dist/cjs/styles.d.js.map +1 -1
  140. package/dist/cjs/tsconfig.tsbuildinfo +1 -1
  141. package/dist/cjs/types/components.js.map +1 -1
  142. package/dist/cjs/types/dom.js.map +1 -1
  143. package/dist/cjs/types/events.js.map +1 -1
  144. package/dist/cjs/types/icon.js.map +1 -1
  145. package/dist/cjs/types/index.js.map +1 -1
  146. package/dist/cjs/types/size.js.map +1 -1
  147. package/dist/cjs/utils/changeCSS.js.map +1 -1
  148. package/dist/cjs/utils/excludeControls.js.map +1 -1
  149. package/dist/cjs/utils/filterUndefinedProps.js.map +1 -1
  150. package/dist/cjs/utils/getPaddingValue.js +21 -0
  151. package/dist/cjs/utils/getPaddingValue.js.map +1 -0
  152. package/dist/cjs/utils/getSpacingValue.js.map +1 -1
  153. package/dist/cjs/utils/index.js.map +1 -1
  154. package/dist/cjs/utils/jestHTMLDialogPolyfill.js.map +1 -1
  155. package/dist/cjs/utils/jestMockMatchMedia.js.map +1 -1
  156. package/dist/cjs/utils/mergeRefs.js.map +1 -1
  157. package/dist/cjs/utils/polyfill-tests.js.map +1 -1
  158. package/dist/cjs/utils/sizeClasses.js.map +1 -1
  159. package/dist/cjs/utils/sizeOptions.js.map +1 -1
  160. package/dist/cjs/utils/spaceDelimitedList.js.map +1 -1
  161. package/dist/esm/components/Accordion/Accordion.js.map +1 -1
  162. package/dist/esm/components/Accordion/index.js.map +1 -1
  163. package/dist/esm/components/Alert/Alert.js.map +1 -1
  164. package/dist/esm/components/Alert/index.js.map +1 -1
  165. package/dist/esm/components/Box/Box.js.map +1 -1
  166. package/dist/esm/components/Box/index.js.map +1 -1
  167. package/dist/esm/components/Box/types.js.map +1 -1
  168. package/dist/esm/components/Breadcrumbs/BreadcrumbItem.js.map +1 -1
  169. package/dist/esm/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
  170. package/dist/esm/components/Breadcrumbs/index.js.map +1 -1
  171. package/dist/esm/components/Button/Button.js.map +1 -1
  172. package/dist/esm/components/Button/Loading.js.map +1 -1
  173. package/dist/esm/components/Button/index.js.map +1 -1
  174. package/dist/esm/components/Checkbox/Checkbox.js.map +1 -1
  175. package/dist/esm/components/Checkbox/CheckboxGroup.js.map +1 -1
  176. package/dist/esm/components/Checkbox/index.js.map +1 -1
  177. package/dist/esm/components/Checkbox/types.js.map +1 -1
  178. package/dist/esm/components/Container/Container.js.map +1 -1
  179. package/dist/esm/components/Container/index.js.map +1 -1
  180. package/dist/esm/components/Divider/Divider.js.map +1 -1
  181. package/dist/esm/components/Divider/index.js.map +1 -1
  182. package/dist/esm/components/Drawer/Content.js.map +1 -1
  183. package/dist/esm/components/Drawer/Drawer.js +7 -5
  184. package/dist/esm/components/Drawer/Drawer.js.map +1 -1
  185. package/dist/esm/components/Drawer/DrawerContext.js.map +1 -1
  186. package/dist/esm/components/Drawer/Header.js.map +1 -1
  187. package/dist/esm/components/Drawer/index.js.map +1 -1
  188. package/dist/esm/components/Drawer/types.js.map +1 -1
  189. package/dist/esm/components/Drawer/useDrawer.js.map +1 -1
  190. package/dist/esm/components/DropdownMenu/DropdownMenu.js.map +1 -1
  191. package/dist/esm/components/DropdownMenu/Item.js.map +1 -1
  192. package/dist/esm/components/DropdownMenu/index.js.map +1 -1
  193. package/dist/esm/components/ErrorMessage/ErrorMessage.js.map +1 -1
  194. package/dist/esm/components/ErrorMessage/index.js.map +1 -1
  195. package/dist/esm/components/Fieldset/Fieldset.js.map +1 -1
  196. package/dist/esm/components/Fieldset/index.js.map +1 -1
  197. package/dist/esm/components/Flex/Flex.js.map +1 -1
  198. package/dist/esm/components/Flex/index.js.map +1 -1
  199. package/dist/esm/components/Flex/propUtils.js.map +1 -1
  200. package/dist/esm/components/Flex/types.js.map +1 -1
  201. package/dist/esm/components/Grid/Grid.js.map +1 -1
  202. package/dist/esm/components/Grid/Item.js.map +1 -1
  203. package/dist/esm/components/Grid/index.js.map +1 -1
  204. package/dist/esm/components/Icon/Icon.js.map +1 -1
  205. package/dist/esm/components/Icon/index.js.map +1 -1
  206. package/dist/esm/components/Icon/types.js.map +1 -1
  207. package/dist/esm/components/Image/Image.js.map +1 -1
  208. package/dist/esm/components/Image/index.js.map +1 -1
  209. package/dist/esm/components/Label/Label.js.map +1 -1
  210. package/dist/esm/components/Label/index.js.map +1 -1
  211. package/dist/esm/components/Link/Link.js.map +1 -1
  212. package/dist/esm/components/Link/index.js.map +1 -1
  213. package/dist/esm/components/LinkButton/LinkButton.js.map +1 -1
  214. package/dist/esm/components/LinkButton/index.js.map +1 -1
  215. package/dist/esm/components/List/List.js.map +1 -1
  216. package/dist/esm/components/List/ListItem.js.map +1 -1
  217. package/dist/esm/components/List/index.js.map +1 -1
  218. package/dist/esm/components/LoadingIndicator/LoadingIndicator.js.map +1 -1
  219. package/dist/esm/components/LoadingIndicator/index.js.map +1 -1
  220. package/dist/esm/components/Logo/Logo.js.map +1 -1
  221. package/dist/esm/components/Logo/index.js.map +1 -1
  222. package/dist/esm/components/Modal/Content.js.map +1 -1
  223. package/dist/esm/components/Modal/Header.js.map +1 -1
  224. package/dist/esm/components/Modal/Modal.js.map +1 -1
  225. package/dist/esm/components/Modal/ModalContext.js.map +1 -1
  226. package/dist/esm/components/Modal/index.js.map +1 -1
  227. package/dist/esm/components/Modal/types.js.map +1 -1
  228. package/dist/esm/components/Modal/useModal.js.map +1 -1
  229. package/dist/esm/components/NumberField/NumberField.js.map +1 -1
  230. package/dist/esm/components/NumberField/index.js.map +1 -1
  231. package/dist/esm/components/Option/Option.js.map +1 -1
  232. package/dist/esm/components/Option/index.js.map +1 -1
  233. package/dist/esm/components/PasswordField/PasswordField.js.map +1 -1
  234. package/dist/esm/components/PasswordField/ShowHideButton.js.map +1 -1
  235. package/dist/esm/components/PasswordField/index.js.map +1 -1
  236. package/dist/esm/components/Popover/Popover.js.map +1 -1
  237. package/dist/esm/components/Popover/index.js.map +1 -1
  238. package/dist/esm/components/Progress/Progress.js.map +1 -1
  239. package/dist/esm/components/Progress/index.js.map +1 -1
  240. package/dist/esm/components/Radio/Radio.js.map +1 -1
  241. package/dist/esm/components/Radio/RadioButton.js.map +1 -1
  242. package/dist/esm/components/Radio/RadioGroup.js.map +1 -1
  243. package/dist/esm/components/Radio/index.js.map +1 -1
  244. package/dist/esm/components/SVG/SVG.js.map +1 -1
  245. package/dist/esm/components/SVG/index.js.map +1 -1
  246. package/dist/esm/components/Segment/Segment.js.map +1 -1
  247. package/dist/esm/components/Segment/SegmentGroup.js.map +1 -1
  248. package/dist/esm/components/Segment/index.js.map +1 -1
  249. package/dist/esm/components/Select/Select.js.map +1 -1
  250. package/dist/esm/components/Select/index.js.map +1 -1
  251. package/dist/esm/components/Slider/Slider.js.map +1 -1
  252. package/dist/esm/components/Slider/helpers.js.map +1 -1
  253. package/dist/esm/components/Slider/index.js.map +1 -1
  254. package/dist/esm/components/Table/Body.js.map +1 -1
  255. package/dist/esm/components/Table/Cell.js.map +1 -1
  256. package/dist/esm/components/Table/Foot.js.map +1 -1
  257. package/dist/esm/components/Table/Head.js.map +1 -1
  258. package/dist/esm/components/Table/HeaderCell.js.map +1 -1
  259. package/dist/esm/components/Table/Row.js.map +1 -1
  260. package/dist/esm/components/Table/Table.js.map +1 -1
  261. package/dist/esm/components/Table/index.js.map +1 -1
  262. package/dist/esm/components/Text/Text.js.map +1 -1
  263. package/dist/esm/components/Text/index.js.map +1 -1
  264. package/dist/esm/components/TextArea/TextArea.js.map +1 -1
  265. package/dist/esm/components/TextArea/index.js.map +1 -1
  266. package/dist/esm/components/TextAreaInput/TextAreaInput.js.map +1 -1
  267. package/dist/esm/components/TextAreaInput/index.js.map +1 -1
  268. package/dist/esm/components/TextField/TextField.js.map +1 -1
  269. package/dist/esm/components/TextField/adornmentWithClassName.js.map +1 -1
  270. package/dist/esm/components/TextField/index.js.map +1 -1
  271. package/dist/esm/components/Title/Title.js.map +1 -1
  272. package/dist/esm/components/Title/index.js.map +1 -1
  273. package/dist/esm/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
  274. package/dist/esm/components/VisuallyHidden/index.js.map +1 -1
  275. package/dist/esm/components/index.js.map +1 -1
  276. package/dist/esm/global.d.js.map +1 -1
  277. package/dist/esm/hooks/index.js.map +1 -1
  278. package/dist/esm/hooks/useBodyScrollLock/index.js.map +1 -1
  279. package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.js.map +1 -1
  280. package/dist/esm/hooks/useBreakpoint/index.js.map +1 -1
  281. package/dist/esm/hooks/useBreakpoint/useBreakpoint.js.map +1 -1
  282. package/dist/esm/hooks/useButton/index.js.map +1 -1
  283. package/dist/esm/hooks/useButton/useButton.js.map +1 -1
  284. package/dist/esm/hooks/useDialog/index.js.map +1 -1
  285. package/dist/esm/hooks/useDialog/useDialog.js.map +1 -1
  286. package/dist/esm/hooks/useDialogPolyfill/index.js.map +1 -1
  287. package/dist/esm/hooks/useDialogPolyfill/useDialogPolyfill.js.map +1 -1
  288. package/dist/esm/hooks/useLabel/index.js.map +1 -1
  289. package/dist/esm/hooks/useLabel/useLabel.js.map +1 -1
  290. package/dist/esm/hooks/useOnClickOutside/index.js.map +1 -1
  291. package/dist/esm/hooks/useOnClickOutside/useOnClickOutside.js.map +1 -1
  292. package/dist/esm/hooks/useTextField/index.js.map +1 -1
  293. package/dist/esm/hooks/useTextField/types.js.map +1 -1
  294. package/dist/esm/hooks/useTextField/useTextField.js.map +1 -1
  295. package/dist/esm/hooks/useWindowEvent/index.js.map +1 -1
  296. package/dist/esm/hooks/useWindowEvent/useWindowEvent.js.map +1 -1
  297. package/dist/esm/index.js.map +1 -1
  298. package/dist/esm/styles.d.js.map +1 -1
  299. package/dist/esm/types/components.js.map +1 -1
  300. package/dist/esm/types/dom.js.map +1 -1
  301. package/dist/esm/types/events.js.map +1 -1
  302. package/dist/esm/types/icon.js.map +1 -1
  303. package/dist/esm/types/index.js.map +1 -1
  304. package/dist/esm/types/size.js.map +1 -1
  305. package/dist/esm/utils/changeCSS.js.map +1 -1
  306. package/dist/esm/utils/excludeControls.js.map +1 -1
  307. package/dist/esm/utils/filterUndefinedProps.js.map +1 -1
  308. package/dist/esm/utils/getPaddingValue.js +11 -0
  309. package/dist/esm/utils/getPaddingValue.js.map +1 -0
  310. package/dist/esm/utils/getSpacingValue.js.map +1 -1
  311. package/dist/esm/utils/index.js.map +1 -1
  312. package/dist/esm/utils/jestHTMLDialogPolyfill.js.map +1 -1
  313. package/dist/esm/utils/jestMockMatchMedia.js.map +1 -1
  314. package/dist/esm/utils/mergeRefs.js.map +1 -1
  315. package/dist/esm/utils/polyfill-tests.js.map +1 -1
  316. package/dist/esm/utils/sizeClasses.js.map +1 -1
  317. package/dist/esm/utils/sizeOptions.js.map +1 -1
  318. package/dist/esm/utils/spaceDelimitedList.js.map +1 -1
  319. package/dist/types/utils/getPaddingValue.d.ts +2 -0
  320. package/dist/types/utils/getPaddingValue.test.d.ts +1 -0
  321. package/package.json +26 -22
  322. package/src/components/Drawer/Drawer.mdx +1 -1
  323. package/src/components/Drawer/Drawer.tsx +8 -6
  324. package/src/components/Modal/Modal.mdx +1 -1
  325. package/src/utils/jestHTMLDialogPolyfillTestingDocs.mdx +0 -31
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["\"use client\";\n\n/* eslint no-console: \"off\" */\nimport type { AriaProgressBarProps } from \"@react-types/progress\";\nimport classNames from \"classnames/dedupe\";\nimport { ReactNode, Ref, RefAttributes, forwardRef, useId } from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Label } from \"../Label\";\n\nexport type ProgressElementType = HTMLDivElement;\n\nexport interface ProgressProps\n extends AriaProgressBarProps,\n DOMProps,\n RefAttributes<ProgressElementType> {\n children?: ReactNode;\n /** Custom class name for setting specific CSS */\n id?: string;\n className?: string;\n showValueLabel?: boolean;\n variant?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"info\";\n value?: number;\n minValue?: number;\n maxValue?: number;\n valueFormatter?: (\n value: number,\n minValue: number,\n maxValue: number,\n ) => string;\n}\n\nexport type ProgressRef = Ref<ProgressElementType>;\n\nfunction warnAboutInvalidValues(\n value: number,\n minValue: number,\n maxValue: number,\n) {\n if (minValue > maxValue) {\n console.warn(\"minValue is greater than maxValue\");\n }\n if (value < minValue) {\n console.warn(\"Progress value is less than minValue\");\n }\n if (value > maxValue) {\n console.warn(\"Progress value is greater than maxValue\");\n }\n}\n\nconst sanitizedValue = (\n value: number | undefined,\n defaultValue: number,\n): number => {\n const numberValue = parseFloat(value as any);\n return Number.isNaN(numberValue) ? defaultValue : numberValue;\n};\n\nconst DEFAULT_VALUE = 0;\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\n\nconst Progress: ForwardedRefComponent<ProgressProps, ProgressElementType> =\n forwardRef((props: ProgressProps, ref: ProgressRef) => {\n const progressId = useId();\n const progressLabelId = useId();\n const {\n id,\n label,\n showValueLabel = !!label,\n valueFormatter,\n variant = \"primary\",\n className,\n } = props;\n\n let { value, minValue, maxValue } = props;\n\n value = sanitizedValue(value, DEFAULT_VALUE);\n minValue = sanitizedValue(minValue, DEFAULT_MIN_VALUE);\n maxValue = sanitizedValue(maxValue, DEFAULT_MAX_VALUE);\n\n // Will never happen but lets appease the typescript gods\n if (\n value === undefined ||\n minValue === undefined ||\n maxValue === undefined\n ) {\n return null;\n }\n\n warnAboutInvalidValues(value, minValue, maxValue);\n\n // Calculate the width of the progress bar as a percentage\n const clamp = (num: number, min: number, max: number): number =>\n Math.min(Math.max(num, min), max);\n const percentage = clamp(\n Math.round(((value - minValue) / (maxValue - minValue)) * 100),\n 0,\n 100,\n );\n const barWidth = `${percentage}%`;\n\n const classes = classNames(\"mobius\", \"mobius/Progress\", className, {\n \"--is-primary\": variant === \"primary\",\n \"--is-secondary\": variant === \"secondary\",\n });\n\n // Set progress aria values\n const progressBarProps: Record<string, string> = {};\n progressBarProps[\"aria-valuemin\"] = minValue.toString();\n progressBarProps[\"aria-valuemax\"] = maxValue.toString();\n progressBarProps[\"aria-valuenow\"] = value.toString();\n progressBarProps[\"aria-valuetext\"] =\n valueFormatter instanceof Function\n ? valueFormatter(value, minValue, maxValue!)\n : barWidth;\n\n return (\n <div\n id={id || progressId}\n {...progressBarProps}\n ref={ref}\n className={classes}\n role=\"progressbar\"\n aria-labelledby={progressLabelId}\n >\n {label && (\n <Label\n id={progressLabelId}\n className=\"mobius/ProgressLabel\"\n elementType=\"span\"\n >\n {label}\n </Label>\n )}\n <div className=\"mobius/ProgressTrack\">\n <div className=\"mobius/ProgressBar\" style={{ width: barWidth }} />\n </div>\n {showValueLabel && (\n <Label data-testid=\"value-label\" elementType=\"span\">\n {progressBarProps[\"aria-valuetext\"]}\n </Label>\n )}\n </div>\n );\n });\n\nProgress.defaultProps = {\n value: DEFAULT_VALUE,\n minValue: DEFAULT_MIN_VALUE,\n maxValue: DEFAULT_MAX_VALUE,\n};\n\nProgress.displayName = \"Progress\";\nexport { Progress };\n"],"names":["Progress","warnAboutInvalidValues","value","minValue","maxValue","console","warn","sanitizedValue","defaultValue","numberValue","parseFloat","Number","isNaN","DEFAULT_VALUE","DEFAULT_MIN_VALUE","DEFAULT_MAX_VALUE","forwardRef","props","ref","progressId","useId","progressLabelId","id","label","showValueLabel","valueFormatter","variant","className","undefined","clamp","num","min","max","Math","percentage","round","barWidth","classes","classNames","progressBarProps","toString","Function","div","role","aria-labelledby","Label","elementType","style","width","data-testid","defaultProps","displayName"],"mappings":"AAAA;;;;;+BA0JSA;;;eAAAA;;;;+DAtJc;uBAC0C;uBAG3C;;;;;;AA0BtB,SAASC,uBACPC,KAAa,EACbC,QAAgB,EAChBC,QAAgB;IAEhB,IAAID,WAAWC,UAAU;QACvBC,QAAQC,IAAI,CAAC;IACf;IACA,IAAIJ,QAAQC,UAAU;QACpBE,QAAQC,IAAI,CAAC;IACf;IACA,IAAIJ,QAAQE,UAAU;QACpBC,QAAQC,IAAI,CAAC;IACf;AACF;AAEA,MAAMC,iBAAiB,CACrBL,OACAM;IAEA,MAAMC,cAAcC,WAAWR;IAC/B,OAAOS,OAAOC,KAAK,CAACH,eAAeD,eAAeC;AACpD;AAEA,MAAMI,gBAAgB;AACtB,MAAMC,oBAAoB;AAC1B,MAAMC,oBAAoB;AAE1B,MAAMf,yBACJgB,IAAAA,iBAAU,EAAC,CAACC,OAAsBC;IAChC,MAAMC,aAAaC,IAAAA,YAAK;IACxB,MAAMC,kBAAkBD,IAAAA,YAAK;IAC7B,MAAM,EACJE,EAAE,EACFC,KAAK,EACLC,iBAAiB,CAAC,CAACD,KAAK,EACxBE,cAAc,EACdC,UAAU,SAAS,EACnBC,SAAS,EACV,GAAGV;IAEJ,IAAI,EAAEf,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGa;IAEpCf,QAAQK,eAAeL,OAAOW;IAC9BV,WAAWI,eAAeJ,UAAUW;IACpCV,WAAWG,eAAeH,UAAUW;IAEpC,yDAAyD;IACzD,IACEb,UAAU0B,aACVzB,aAAayB,aACbxB,aAAawB,WACb;QACA,OAAO;IACT;IAEA3B,uBAAuBC,OAAOC,UAAUC;IAExC,0DAA0D;IAC1D,MAAMyB,QAAQ,CAACC,KAAaC,KAAaC,MACvCC,KAAKF,GAAG,CAACE,KAAKD,GAAG,CAACF,KAAKC,MAAMC;IAC/B,MAAME,aAAaL,MACjBI,KAAKE,KAAK,CAAC,AAAEjC,CAAAA,QAAQC,QAAO,IAAMC,CAAAA,WAAWD,QAAO,IAAM,MAC1D,GACA;IAEF,MAAMiC,WAAW,CAAC,EAAEF,WAAW,CAAC,CAAC;IAEjC,MAAMG,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBX,WAAW;QACjE,gBAAgBD,YAAY;QAC5B,kBAAkBA,YAAY;IAChC;IAEA,2BAA2B;IAC3B,MAAMa,mBAA2C,CAAC;IAClDA,gBAAgB,CAAC,gBAAgB,GAAGpC,SAASqC,QAAQ;IACrDD,gBAAgB,CAAC,gBAAgB,GAAGnC,SAASoC,QAAQ;IACrDD,gBAAgB,CAAC,gBAAgB,GAAGrC,MAAMsC,QAAQ;IAClDD,gBAAgB,CAAC,iBAAiB,GAChCd,0BAA0BgB,WACtBhB,eAAevB,OAAOC,UAAUC,YAChCgC;IAEN,qBACE,sBAACM;QACCpB,IAAIA,MAAMH;QACT,GAAGoB,gBAAgB;QACpBrB,KAAKA;QACLS,WAAWU;QACXM,MAAK;QACLC,mBAAiBvB;;YAEhBE,uBACC,qBAACsB,YAAK;gBACJvB,IAAID;gBACJM,WAAU;gBACVmB,aAAY;0BAEXvB;;0BAGL,qBAACmB;gBAAIf,WAAU;0BACb,cAAA,qBAACe;oBAAIf,WAAU;oBAAqBoB,OAAO;wBAAEC,OAAOZ;oBAAS;;;YAE9DZ,gCACC,qBAACqB,YAAK;gBAACI,eAAY;gBAAcH,aAAY;0BAC1CP,gBAAgB,CAAC,iBAAiB;;;;AAK7C;AAEFvC,SAASkD,YAAY,GAAG;IACtBhD,OAAOW;IACPV,UAAUW;IACVV,UAAUW;AACZ;AAEAf,SAASmD,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["\"use client\";\n\n/* eslint no-console: \"off\" */\nimport type { AriaProgressBarProps } from \"@react-types/progress\";\nimport classNames from \"classnames/dedupe\";\nimport { ReactNode, Ref, RefAttributes, forwardRef, useId } from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Label } from \"../Label\";\n\nexport type ProgressElementType = HTMLDivElement;\n\nexport interface ProgressProps\n extends AriaProgressBarProps,\n DOMProps,\n RefAttributes<ProgressElementType> {\n children?: ReactNode;\n /** Custom class name for setting specific CSS */\n id?: string;\n className?: string;\n showValueLabel?: boolean;\n variant?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"info\";\n value?: number;\n minValue?: number;\n maxValue?: number;\n valueFormatter?: (\n value: number,\n minValue: number,\n maxValue: number,\n ) => string;\n}\n\nexport type ProgressRef = Ref<ProgressElementType>;\n\nfunction warnAboutInvalidValues(\n value: number,\n minValue: number,\n maxValue: number,\n) {\n if (minValue > maxValue) {\n console.warn(\"minValue is greater than maxValue\");\n }\n if (value < minValue) {\n console.warn(\"Progress value is less than minValue\");\n }\n if (value > maxValue) {\n console.warn(\"Progress value is greater than maxValue\");\n }\n}\n\nconst sanitizedValue = (\n value: number | undefined,\n defaultValue: number,\n): number => {\n const numberValue = parseFloat(value as any);\n return Number.isNaN(numberValue) ? defaultValue : numberValue;\n};\n\nconst DEFAULT_VALUE = 0;\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\n\nconst Progress: ForwardedRefComponent<ProgressProps, ProgressElementType> =\n forwardRef((props: ProgressProps, ref: ProgressRef) => {\n const progressId = useId();\n const progressLabelId = useId();\n const {\n id,\n label,\n showValueLabel = !!label,\n valueFormatter,\n variant = \"primary\",\n className,\n } = props;\n\n let { value, minValue, maxValue } = props;\n\n value = sanitizedValue(value, DEFAULT_VALUE);\n minValue = sanitizedValue(minValue, DEFAULT_MIN_VALUE);\n maxValue = sanitizedValue(maxValue, DEFAULT_MAX_VALUE);\n\n // Will never happen but lets appease the typescript gods\n if (\n value === undefined ||\n minValue === undefined ||\n maxValue === undefined\n ) {\n return null;\n }\n\n warnAboutInvalidValues(value, minValue, maxValue);\n\n // Calculate the width of the progress bar as a percentage\n const clamp = (num: number, min: number, max: number): number =>\n Math.min(Math.max(num, min), max);\n const percentage = clamp(\n Math.round(((value - minValue) / (maxValue - minValue)) * 100),\n 0,\n 100,\n );\n const barWidth = `${percentage}%`;\n\n const classes = classNames(\"mobius\", \"mobius/Progress\", className, {\n \"--is-primary\": variant === \"primary\",\n \"--is-secondary\": variant === \"secondary\",\n });\n\n // Set progress aria values\n const progressBarProps: Record<string, string> = {};\n progressBarProps[\"aria-valuemin\"] = minValue.toString();\n progressBarProps[\"aria-valuemax\"] = maxValue.toString();\n progressBarProps[\"aria-valuenow\"] = value.toString();\n progressBarProps[\"aria-valuetext\"] =\n valueFormatter instanceof Function\n ? valueFormatter(value, minValue, maxValue!)\n : barWidth;\n\n return (\n <div\n id={id || progressId}\n {...progressBarProps}\n ref={ref}\n className={classes}\n role=\"progressbar\"\n aria-labelledby={progressLabelId}\n >\n {label && (\n <Label\n id={progressLabelId}\n className=\"mobius/ProgressLabel\"\n elementType=\"span\"\n >\n {label}\n </Label>\n )}\n <div className=\"mobius/ProgressTrack\">\n <div className=\"mobius/ProgressBar\" style={{ width: barWidth }} />\n </div>\n {showValueLabel && (\n <Label data-testid=\"value-label\" elementType=\"span\">\n {progressBarProps[\"aria-valuetext\"]}\n </Label>\n )}\n </div>\n );\n });\n\nProgress.defaultProps = {\n value: DEFAULT_VALUE,\n minValue: DEFAULT_MIN_VALUE,\n maxValue: DEFAULT_MAX_VALUE,\n};\n\nProgress.displayName = \"Progress\";\nexport { Progress };\n"],"names":["Progress","warnAboutInvalidValues","value","minValue","maxValue","console","warn","sanitizedValue","defaultValue","numberValue","parseFloat","Number","isNaN","DEFAULT_VALUE","DEFAULT_MIN_VALUE","DEFAULT_MAX_VALUE","forwardRef","props","ref","progressId","useId","progressLabelId","id","label","showValueLabel","valueFormatter","variant","className","undefined","clamp","num","min","max","Math","percentage","round","barWidth","classes","classNames","progressBarProps","toString","Function","div","role","aria-labelledby","Label","elementType","style","width","data-testid","defaultProps","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BA0JSA;;;eAAAA;;;;+DAtJc;uBAC0C;uBAG3C;;;;;;AA0BtB,SAASC,uBACPC,KAAa,EACbC,QAAgB,EAChBC,QAAgB;IAEhB,IAAID,WAAWC,UAAU;QACvBC,QAAQC,IAAI,CAAC;IACf;IACA,IAAIJ,QAAQC,UAAU;QACpBE,QAAQC,IAAI,CAAC;IACf;IACA,IAAIJ,QAAQE,UAAU;QACpBC,QAAQC,IAAI,CAAC;IACf;AACF;AAEA,MAAMC,iBAAiB,CACrBL,OACAM;IAEA,MAAMC,cAAcC,WAAWR;IAC/B,OAAOS,OAAOC,KAAK,CAACH,eAAeD,eAAeC;AACpD;AAEA,MAAMI,gBAAgB;AACtB,MAAMC,oBAAoB;AAC1B,MAAMC,oBAAoB;AAE1B,MAAMf,yBACJgB,IAAAA,iBAAU,EAAC,CAACC,OAAsBC;IAChC,MAAMC,aAAaC,IAAAA,YAAK;IACxB,MAAMC,kBAAkBD,IAAAA,YAAK;IAC7B,MAAM,EACJE,EAAE,EACFC,KAAK,EACLC,iBAAiB,CAAC,CAACD,KAAK,EACxBE,cAAc,EACdC,UAAU,SAAS,EACnBC,SAAS,EACV,GAAGV;IAEJ,IAAI,EAAEf,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGa;IAEpCf,QAAQK,eAAeL,OAAOW;IAC9BV,WAAWI,eAAeJ,UAAUW;IACpCV,WAAWG,eAAeH,UAAUW;IAEpC,yDAAyD;IACzD,IACEb,UAAU0B,aACVzB,aAAayB,aACbxB,aAAawB,WACb;QACA,OAAO;IACT;IAEA3B,uBAAuBC,OAAOC,UAAUC;IAExC,0DAA0D;IAC1D,MAAMyB,QAAQ,CAACC,KAAaC,KAAaC,MACvCC,KAAKF,GAAG,CAACE,KAAKD,GAAG,CAACF,KAAKC,MAAMC;IAC/B,MAAME,aAAaL,MACjBI,KAAKE,KAAK,CAAC,AAAEjC,CAAAA,QAAQC,QAAO,IAAMC,CAAAA,WAAWD,QAAO,IAAM,MAC1D,GACA;IAEF,MAAMiC,WAAW,CAAC,EAAEF,WAAW,CAAC,CAAC;IAEjC,MAAMG,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBX,WAAW;QACjE,gBAAgBD,YAAY;QAC5B,kBAAkBA,YAAY;IAChC;IAEA,2BAA2B;IAC3B,MAAMa,mBAA2C,CAAC;IAClDA,gBAAgB,CAAC,gBAAgB,GAAGpC,SAASqC,QAAQ;IACrDD,gBAAgB,CAAC,gBAAgB,GAAGnC,SAASoC,QAAQ;IACrDD,gBAAgB,CAAC,gBAAgB,GAAGrC,MAAMsC,QAAQ;IAClDD,gBAAgB,CAAC,iBAAiB,GAChCd,0BAA0BgB,WACtBhB,eAAevB,OAAOC,UAAUC,YAChCgC;IAEN,qBACE,sBAACM;QACCpB,IAAIA,MAAMH;QACT,GAAGoB,gBAAgB;QACpBrB,KAAKA;QACLS,WAAWU;QACXM,MAAK;QACLC,mBAAiBvB;;YAEhBE,uBACC,qBAACsB,YAAK;gBACJvB,IAAID;gBACJM,WAAU;gBACVmB,aAAY;0BAEXvB;;0BAGL,qBAACmB;gBAAIf,WAAU;0BACb,cAAA,qBAACe;oBAAIf,WAAU;oBAAqBoB,OAAO;wBAAEC,OAAOZ;oBAAS;;;YAE9DZ,gCACC,qBAACqB,YAAK;gBAACI,eAAY;gBAAcH,aAAY;0BAC1CP,gBAAgB,CAAC,iBAAiB;;;;AAK7C;AAEFvC,SAASkD,YAAY,GAAG;IACtBhD,OAAOW;IACPV,UAAUW;IACVV,UAAUW;AACZ;AAEAf,SAASmD,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Progress/index.tsx"],"sourcesContent":["export * from \"./Progress\";\n"],"names":[],"mappings":";;;;qBAAc"}
1
+ {"version":3,"sources":["../../../../src/components/Progress/index.tsx"],"sourcesContent":["export * from \"./Progress\";\n"],"names":[],"rangeMappings":";;;;","mappings":";;;;qBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { MouseEvent, ReactNode, Ref, RefAttributes, forwardRef } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { DOMProps } from \"../../types/dom\";\nimport { HTMLElementEvent } from \"../../types/events\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\n\nexport type RadioElementType = HTMLInputElement;\n\nexport type AriaRadioProps = {\n /**\n * Defines a string value that labels the current element.\n */\n \"aria-label\"?: string;\n /**\n * Identifies the element (or elements) that labels the current element.\n */\n \"aria-labelledby\"?: string;\n /**\n * Identifies the element (or elements) that describes the object.\n */\n \"aria-describedby\"?: string;\n /**\n * Identifies the element (or elements) that provide a detailed, extended description for the object.\n */\n \"aria-details\"?: string;\n};\n\nexport interface RadioProps\n extends DOMProps,\n AriaRadioProps,\n RefAttributes<RadioElementType> {\n children?: ReactNode;\n className?: string;\n label?: ReactNode;\n errorMessage?: string;\n value: string;\n isDisabled?: boolean;\n onChange?: (event: HTMLElementEvent<RadioElementType>) => void;\n defaultChecked?: boolean;\n /**\n * **Internal:** Do not use\n */\n groupDisabled?: boolean;\n /**\n * **Internal:** Do not use\n */\n name?: string;\n /**\n * **Internal:** Do not use\n */\n selected?: string;\n /**\n * **Internal:** Do not use\n */\n setSelected?: React.Dispatch<React.SetStateAction<string>>;\n isRequired?: boolean;\n}\n\nexport type RadioRef = Ref<RadioElementType>;\n\nconst Radio: ForwardedRefComponent<RadioProps, RadioElementType> = forwardRef(\n (props: RadioProps, ref: RadioRef) => {\n const {\n children,\n value,\n label,\n className,\n isDisabled,\n errorMessage,\n onChange,\n defaultChecked,\n groupDisabled,\n name,\n selected,\n setSelected,\n isRequired,\n ...otherProps\n } = props;\n const realDisabled = groupDisabled || isDisabled;\n const isMultiline = label && children;\n const isDefaultSelected = selected === value || defaultChecked;\n const radioClasses = {\n \"--is-disabled\": realDisabled,\n \"--is-selected\": selected === value,\n \"--is-multiline\": !!isMultiline,\n \"--is-required\": isRequired,\n };\n const containerClasses = classNames(\n \"mobius/RadioLabel\",\n radioClasses,\n className,\n );\n const inputClasses = classNames(\"mobius/RadioInput\", radioClasses);\n\n const handleClick = (event: MouseEvent<RadioElementType>) => {\n if (onChange) {\n onChange(event as unknown as HTMLElementEvent<RadioElementType>);\n }\n if (setSelected) {\n setSelected(event.currentTarget.value);\n }\n };\n\n // Exlucde props that are passed via cloneElement in `<RadioGroup />`\n const {\n // @ts-ignore\n // eslint-disable-next-line\n orientation,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n \"aria-describedby\": _ariaDescribedBy,\n ...rest\n } = otherProps;\n\n return (\n <>\n <Label className={containerClasses}>\n <input\n aria-describedby={otherProps[\"aria-describedby\"]}\n disabled={realDisabled}\n ref={ref}\n className={inputClasses}\n onClick={handleClick}\n value={value}\n tabIndex={0}\n type=\"radio\"\n defaultChecked={isDefaultSelected}\n name={name}\n required={isRequired}\n {...rest}\n />\n {isMultiline ? (\n <div className=\"mobius/RadioContentMultiline\">\n <div className=\"mobius/RadioContentFirstLine\">{label}</div>\n <div className=\"mobius/RadioExtraContent\">{children}</div>\n </div>\n ) : (\n <div className=\"mobius/RadioContent\">{label || children}</div>\n )}\n </Label>\n {errorMessage && <ErrorMessage errorMessage={errorMessage} />}\n </>\n );\n },\n);\n\nRadio.displayName = \"Radio\";\nexport { Radio };\n"],"names":["Radio","forwardRef","props","ref","children","value","label","className","isDisabled","errorMessage","onChange","defaultChecked","groupDisabled","name","selected","setSelected","isRequired","otherProps","realDisabled","isMultiline","isDefaultSelected","radioClasses","containerClasses","classNames","inputClasses","handleClick","event","currentTarget","orientation","_ariaDescribedBy","rest","Label","input","aria-describedby","disabled","onClick","tabIndex","type","required","div","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BAsJSA;;;eAAAA;;;;+DApJc;uBAC+C;8BAIzC;uBACP;;;;;;AAwDtB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAM,EACJC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,cAAc,EACdC,aAAa,EACbC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACV,GAAGC,YACJ,GAAGf;IACJ,MAAMgB,eAAeN,iBAAiBJ;IACtC,MAAMW,cAAcb,SAASF;IAC7B,MAAMgB,oBAAoBN,aAAaT,SAASM;IAChD,MAAMU,eAAe;QACnB,iBAAiBH;QACjB,iBAAiBJ,aAAaT;QAC9B,kBAAkB,CAAC,CAACc;QACpB,iBAAiBH;IACnB;IACA,MAAMM,mBAAmBC,IAAAA,eAAU,EACjC,qBACAF,cACAd;IAEF,MAAMiB,eAAeD,IAAAA,eAAU,EAAC,qBAAqBF;IAErD,MAAMI,cAAc,CAACC;QACnB,IAAIhB,UAAU;YACZA,SAASgB;QACX;QACA,IAAIX,aAAa;YACfA,YAAYW,MAAMC,aAAa,CAACtB,KAAK;QACvC;IACF;IAEA,qEAAqE;IACrE,MAAM,EACJ,aAAa;IACb,2BAA2B;IAC3BuB,WAAW,EACX,6DAA6D;IAC7D,oBAAoBC,gBAAgB,EACpC,GAAGC,MACJ,GAAGb;IAEJ,qBACE;;0BACE,sBAACc,YAAK;gBAACxB,WAAWe;;kCAChB,qBAACU;wBACCC,oBAAkBhB,UAAU,CAAC,mBAAmB;wBAChDiB,UAAUhB;wBACVf,KAAKA;wBACLI,WAAWiB;wBACXW,SAASV;wBACTpB,OAAOA;wBACP+B,UAAU;wBACVC,MAAK;wBACL1B,gBAAgBS;wBAChBP,MAAMA;wBACNyB,UAAUtB;wBACT,GAAGc,IAAI;;oBAETX,4BACC,sBAACoB;wBAAIhC,WAAU;;0CACb,qBAACgC;gCAAIhC,WAAU;0CAAgCD;;0CAC/C,qBAACiC;gCAAIhC,WAAU;0CAA4BH;;;uCAG7C,qBAACmC;wBAAIhC,WAAU;kCAAuBD,SAASF;;;;YAGlDK,8BAAgB,qBAAC+B,0BAAY;gBAAC/B,cAAcA;;;;AAGnD;AAGFT,MAAMyC,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { MouseEvent, ReactNode, Ref, RefAttributes, forwardRef } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { DOMProps } from \"../../types/dom\";\nimport { HTMLElementEvent } from \"../../types/events\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\n\nexport type RadioElementType = HTMLInputElement;\n\nexport type AriaRadioProps = {\n /**\n * Defines a string value that labels the current element.\n */\n \"aria-label\"?: string;\n /**\n * Identifies the element (or elements) that labels the current element.\n */\n \"aria-labelledby\"?: string;\n /**\n * Identifies the element (or elements) that describes the object.\n */\n \"aria-describedby\"?: string;\n /**\n * Identifies the element (or elements) that provide a detailed, extended description for the object.\n */\n \"aria-details\"?: string;\n};\n\nexport interface RadioProps\n extends DOMProps,\n AriaRadioProps,\n RefAttributes<RadioElementType> {\n children?: ReactNode;\n className?: string;\n label?: ReactNode;\n errorMessage?: string;\n value: string;\n isDisabled?: boolean;\n onChange?: (event: HTMLElementEvent<RadioElementType>) => void;\n defaultChecked?: boolean;\n /**\n * **Internal:** Do not use\n */\n groupDisabled?: boolean;\n /**\n * **Internal:** Do not use\n */\n name?: string;\n /**\n * **Internal:** Do not use\n */\n selected?: string;\n /**\n * **Internal:** Do not use\n */\n setSelected?: React.Dispatch<React.SetStateAction<string>>;\n isRequired?: boolean;\n}\n\nexport type RadioRef = Ref<RadioElementType>;\n\nconst Radio: ForwardedRefComponent<RadioProps, RadioElementType> = forwardRef(\n (props: RadioProps, ref: RadioRef) => {\n const {\n children,\n value,\n label,\n className,\n isDisabled,\n errorMessage,\n onChange,\n defaultChecked,\n groupDisabled,\n name,\n selected,\n setSelected,\n isRequired,\n ...otherProps\n } = props;\n const realDisabled = groupDisabled || isDisabled;\n const isMultiline = label && children;\n const isDefaultSelected = selected === value || defaultChecked;\n const radioClasses = {\n \"--is-disabled\": realDisabled,\n \"--is-selected\": selected === value,\n \"--is-multiline\": !!isMultiline,\n \"--is-required\": isRequired,\n };\n const containerClasses = classNames(\n \"mobius/RadioLabel\",\n radioClasses,\n className,\n );\n const inputClasses = classNames(\"mobius/RadioInput\", radioClasses);\n\n const handleClick = (event: MouseEvent<RadioElementType>) => {\n if (onChange) {\n onChange(event as unknown as HTMLElementEvent<RadioElementType>);\n }\n if (setSelected) {\n setSelected(event.currentTarget.value);\n }\n };\n\n // Exlucde props that are passed via cloneElement in `<RadioGroup />`\n const {\n // @ts-ignore\n // eslint-disable-next-line\n orientation,\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n \"aria-describedby\": _ariaDescribedBy,\n ...rest\n } = otherProps;\n\n return (\n <>\n <Label className={containerClasses}>\n <input\n aria-describedby={otherProps[\"aria-describedby\"]}\n disabled={realDisabled}\n ref={ref}\n className={inputClasses}\n onClick={handleClick}\n value={value}\n tabIndex={0}\n type=\"radio\"\n defaultChecked={isDefaultSelected}\n name={name}\n required={isRequired}\n {...rest}\n />\n {isMultiline ? (\n <div className=\"mobius/RadioContentMultiline\">\n <div className=\"mobius/RadioContentFirstLine\">{label}</div>\n <div className=\"mobius/RadioExtraContent\">{children}</div>\n </div>\n ) : (\n <div className=\"mobius/RadioContent\">{label || children}</div>\n )}\n </Label>\n {errorMessage && <ErrorMessage errorMessage={errorMessage} />}\n </>\n );\n },\n);\n\nRadio.displayName = \"Radio\";\nexport { Radio };\n"],"names":["Radio","forwardRef","props","ref","children","value","label","className","isDisabled","errorMessage","onChange","defaultChecked","groupDisabled","name","selected","setSelected","isRequired","otherProps","realDisabled","isMultiline","isDefaultSelected","radioClasses","containerClasses","classNames","inputClasses","handleClick","event","currentTarget","orientation","_ariaDescribedBy","rest","Label","input","aria-describedby","disabled","onClick","tabIndex","type","required","div","ErrorMessage","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BAsJSA;;;eAAAA;;;;+DApJc;uBAC+C;8BAIzC;uBACP;;;;;;AAwDtB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAM,EACJC,QAAQ,EACRC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,YAAY,EACZC,QAAQ,EACRC,cAAc,EACdC,aAAa,EACbC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACV,GAAGC,YACJ,GAAGf;IACJ,MAAMgB,eAAeN,iBAAiBJ;IACtC,MAAMW,cAAcb,SAASF;IAC7B,MAAMgB,oBAAoBN,aAAaT,SAASM;IAChD,MAAMU,eAAe;QACnB,iBAAiBH;QACjB,iBAAiBJ,aAAaT;QAC9B,kBAAkB,CAAC,CAACc;QACpB,iBAAiBH;IACnB;IACA,MAAMM,mBAAmBC,IAAAA,eAAU,EACjC,qBACAF,cACAd;IAEF,MAAMiB,eAAeD,IAAAA,eAAU,EAAC,qBAAqBF;IAErD,MAAMI,cAAc,CAACC;QACnB,IAAIhB,UAAU;YACZA,SAASgB;QACX;QACA,IAAIX,aAAa;YACfA,YAAYW,MAAMC,aAAa,CAACtB,KAAK;QACvC;IACF;IAEA,qEAAqE;IACrE,MAAM,EACJ,aAAa;IACb,2BAA2B;IAC3BuB,WAAW,EACX,6DAA6D;IAC7D,oBAAoBC,gBAAgB,EACpC,GAAGC,MACJ,GAAGb;IAEJ,qBACE;;0BACE,sBAACc,YAAK;gBAACxB,WAAWe;;kCAChB,qBAACU;wBACCC,oBAAkBhB,UAAU,CAAC,mBAAmB;wBAChDiB,UAAUhB;wBACVf,KAAKA;wBACLI,WAAWiB;wBACXW,SAASV;wBACTpB,OAAOA;wBACP+B,UAAU;wBACVC,MAAK;wBACL1B,gBAAgBS;wBAChBP,MAAMA;wBACNyB,UAAUtB;wBACT,GAAGc,IAAI;;oBAETX,4BACC,sBAACoB;wBAAIhC,WAAU;;0CACb,qBAACgC;gCAAIhC,WAAU;0CAAgCD;;0CAC/C,qBAACiC;gCAAIhC,WAAU;0CAA4BH;;;uCAG7C,qBAACmC;wBAAIhC,WAAU;kCAAuBD,SAASF;;;;YAGlDK,8BAAgB,qBAAC+B,0BAAY;gBAAC/B,cAAcA;;;;AAGnD;AAGFT,MAAMyC,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Radio/RadioButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Radio, RadioElementType, RadioProps, RadioRef } from \"./Radio\";\n\nexport const RadioButton: ForwardedRefComponent<RadioProps, RadioElementType> =\n forwardRef((props: RadioProps, ref: RadioRef) => {\n const classes = classNames(props.className, \"--is-radio-button\");\n const radioProps = {\n ...props,\n className: classes,\n ref,\n };\n\n return <Radio {...radioProps} />;\n });\n"],"names":["RadioButton","forwardRef","props","ref","classes","classNames","className","radioProps","Radio"],"mappings":"AAAA;;;;;+BAOaA;;;eAAAA;;;;uBALc;+DACJ;uBAEuC;;;;;;AAEvD,MAAMA,4BACXC,IAAAA,iBAAU,EAAC,CAACC,OAAmBC;IAC7B,MAAMC,UAAUC,IAAAA,eAAU,EAACH,MAAMI,SAAS,EAAE;IAC5C,MAAMC,aAAa;QACjB,GAAGL,KAAK;QACRI,WAAWF;QACXD;IACF;IAEA,qBAAO,qBAACK,YAAK;QAAE,GAAGD,UAAU;;AAC9B"}
1
+ {"version":3,"sources":["../../../../src/components/Radio/RadioButton.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Radio, RadioElementType, RadioProps, RadioRef } from \"./Radio\";\n\nexport const RadioButton: ForwardedRefComponent<RadioProps, RadioElementType> =\n forwardRef((props: RadioProps, ref: RadioRef) => {\n const classes = classNames(props.className, \"--is-radio-button\");\n const radioProps = {\n ...props,\n className: classes,\n ref,\n };\n\n return <Radio {...radioProps} />;\n });\n"],"names":["RadioButton","forwardRef","props","ref","classes","classNames","className","radioProps","Radio"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BAOaA;;;eAAAA;;;;uBALc;+DACJ;uBAEuC;;;;;;AAEvD,MAAMA,4BACXC,IAAAA,iBAAU,EAAC,CAACC,OAAmBC;IAC7B,MAAMC,UAAUC,IAAAA,eAAU,EAACH,MAAMI,SAAS,EAAE;IAC5C,MAAMC,aAAa;QACjB,GAAGL,KAAK;QACRI,WAAWF;QACXD;IACF;IAEA,qBAAO,qBAACK,YAAK;QAAE,GAAGD,UAAU;;AAC9B"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Radio/RadioGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n Children,\n ReactElement,\n ReactNode,\n Ref,\n RefAttributes,\n cloneElement,\n forwardRef,\n isValidElement,\n useId,\n useState,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { HTMLElementEvent } from \"../../types/events\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\n\nexport type RadioGroupElementType = HTMLDivElement;\n\nexport interface RadioGroupProps\n extends DOMProps,\n RefAttributes<RadioGroupElementType> {\n children: ReactNode;\n className?: string;\n orientation?: \"horizontal\" | \"vertical\";\n errorMessage?: string;\n // Callback that fires when select changes\n onChange?: (event: HTMLElementEvent<HTMLInputElement>) => void;\n // Defines a string value that labels the current element.\n \"aria-label\"?: string;\n // Identifies the element (or elements) that labels the current element.\n \"aria-labelledby\"?: string;\n // Identifies the element that provides an error message for the object.\n \"aria-errormessage\"?: string;\n // Identifies the element (or elements) that describes the object.\n \"aria-describedby\"?: string;\n // Whether the input should display its \"valid\" or \"invalid\" visual styling.\n validationState?: \"valid\" | \"invalid\";\n // Whether user input is required on the input before form submission.\n isRequired?: boolean;\n // Whether the input is disabled.\n isDisabled?: boolean;\n // Whether the input can be selected but not changed by the user.\n isReadOnly?: boolean;\n // The default value (uncontrolled).\n defaultValue?: string;\n // The content to display as the label.\n label?: ReactNode;\n /**\n * The value of the radio button, used when submitting an HTML form.\n * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value).\n */\n value?: string;\n name?: string;\n}\n\nexport type RadioGroupRef = Ref<RadioGroupElementType>;\n\nconst getDefaultVal = (children: ReactNode, defaultValue?: string) => {\n if (Array.isArray(children) && defaultValue) {\n const option = children?.find(item => item.props.value === defaultValue);\n\n if (!option) return \"\";\n\n return option.props.value;\n }\n\n return \"\";\n};\n\nconst RadioGroup: ForwardedRefComponent<\n RadioGroupProps,\n RadioGroupElementType\n> = forwardRef((props: RadioGroupProps, ref: RadioGroupRef) => {\n const {\n label,\n isDisabled = false,\n isRequired,\n validationState,\n orientation = \"vertical\",\n className,\n errorMessage,\n children,\n defaultValue,\n isReadOnly,\n name,\n onChange,\n ...rest\n } = props;\n const defaultSelected = getDefaultVal(children, defaultValue);\n const [selected, setSelected] = useState<string>(defaultSelected);\n const radioClasses = {\n \"--is-disabled\": isDisabled,\n \"--is-valid\": validationState === \"valid\",\n \"--is-invalid\": validationState === \"invalid\",\n \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n [`--is-${orientation}`]: true,\n [className || \"\"]: true,\n };\n const radioGroupClasses = classNames(\n \"mobius\",\n \"mobius/RadioGroup\",\n radioClasses,\n );\n const radioWrapperClasses = classNames(\"mobius/RadioWrapper\", {\n [`--is-${orientation}`]: true,\n });\n const labelClasses = classNames(radioClasses);\n const errorMessageId = useId();\n const defaultNameAttrId = useId();\n const nameAttribute = name || defaultNameAttrId;\n const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n const describedBy = spaceDelimitedList([\n shouldErrorMessageShow,\n props[\"aria-describedby\"],\n ]);\n const labelId = useId();\n\n return (\n <div\n {...rest}\n aria-describedby={props[\"aria-describedby\"]}\n aria-disabled={isDisabled}\n aria-errormessage={shouldErrorMessageShow}\n aria-invalid={validationState === \"invalid\"}\n aria-label={props[\"aria-label\"]}\n aria-labelledby={props[\"aria-labelledby\"] || labelId}\n aria-orientation={orientation}\n aria-readonly={isReadOnly}\n aria-required={isRequired}\n ref={ref}\n className={radioGroupClasses}\n role=\"radiogroup\"\n >\n {label && (\n <Label htmlFor={name} id={labelId} className={labelClasses}>\n {label}\n </Label>\n )}\n <div className={radioWrapperClasses}>\n {Children.map(children, child => {\n if (isValidElement(child)) {\n return cloneElement(child as ReactElement, {\n orientation,\n groupDisabled: isDisabled,\n name: nameAttribute,\n selected,\n setSelected,\n isRequired,\n \"aria-describedby\": describedBy,\n onChange,\n });\n }\n\n return child;\n })}\n </div>\n <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n </div>\n );\n});\n\nRadioGroup.displayName = \"RadioGroup\";\nexport { RadioGroup };\n"],"names":["RadioGroup","getDefaultVal","children","defaultValue","Array","isArray","option","find","item","props","value","forwardRef","ref","label","isDisabled","isRequired","validationState","orientation","className","errorMessage","isReadOnly","name","onChange","rest","defaultSelected","selected","setSelected","useState","radioClasses","radioGroupClasses","classNames","radioWrapperClasses","labelClasses","errorMessageId","useId","defaultNameAttrId","nameAttribute","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","labelId","div","aria-describedby","aria-disabled","aria-errormessage","aria-invalid","aria-label","aria-labelledby","aria-orientation","aria-readonly","aria-required","role","Label","htmlFor","id","Children","map","child","isValidElement","cloneElement","groupDisabled","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BAyKSA;;;eAAAA;;;;uBA5JF;+DACgB;oCAIY;8BACN;uBACP;;;;;;AA2CtB,MAAMC,gBAAgB,CAACC,UAAqBC;IAC1C,IAAIC,MAAMC,OAAO,CAACH,aAAaC,cAAc;QAC3C,MAAMG,SAASJ,qBAAAA,+BAAAA,SAAUK,IAAI,CAACC,CAAAA,OAAQA,KAAKC,KAAK,CAACC,KAAK,KAAKP;QAE3D,IAAI,CAACG,QAAQ,OAAO;QAEpB,OAAOA,OAAOG,KAAK,CAACC,KAAK;IAC3B;IAEA,OAAO;AACT;AAEA,MAAMV,2BAGFW,IAAAA,iBAAU,EAAC,CAACF,OAAwBG;IACtC,MAAM,EACJC,KAAK,EACLC,aAAa,KAAK,EAClBC,UAAU,EACVC,eAAe,EACfC,cAAc,UAAU,EACxBC,SAAS,EACTC,YAAY,EACZjB,QAAQ,EACRC,YAAY,EACZiB,UAAU,EACVC,IAAI,EACJC,QAAQ,EACR,GAAGC,MACJ,GAAGd;IACJ,MAAMe,kBAAkBvB,cAAcC,UAAUC;IAChD,MAAM,CAACsB,UAAUC,YAAY,GAAGC,IAAAA,eAAQ,EAASH;IACjD,MAAMI,eAAe;QACnB,iBAAiBd;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOD,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;QACrD,CAAC,CAAC,KAAK,EAAEE,YAAY,CAAC,CAAC,EAAE;QACzB,CAACC,aAAa,GAAG,EAAE;IACrB;IACA,MAAMW,oBAAoBC,IAAAA,eAAU,EAClC,UACA,qBACAF;IAEF,MAAMG,sBAAsBD,IAAAA,eAAU,EAAC,uBAAuB;QAC5D,CAAC,CAAC,KAAK,EAAEb,YAAY,CAAC,CAAC,EAAE;IAC3B;IACA,MAAMe,eAAeF,IAAAA,eAAU,EAACF;IAChC,MAAMK,iBAAiBC,IAAAA,YAAK;IAC5B,MAAMC,oBAAoBD,IAAAA,YAAK;IAC/B,MAAME,gBAAgBf,QAAQc;IAC9B,MAAME,yBAAyBlB,eAAec,iBAAiBK;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACA5B,KAAK,CAAC,mBAAmB;KAC1B;IACD,MAAMgC,UAAUP,IAAAA,YAAK;IAErB,qBACE,sBAACQ;QACE,GAAGnB,IAAI;QACRoB,oBAAkBlC,KAAK,CAAC,mBAAmB;QAC3CmC,iBAAe9B;QACf+B,qBAAmBR;QACnBS,gBAAc9B,oBAAoB;QAClC+B,cAAYtC,KAAK,CAAC,aAAa;QAC/BuC,mBAAiBvC,KAAK,CAAC,kBAAkB,IAAIgC;QAC7CQ,oBAAkBhC;QAClBiC,iBAAe9B;QACf+B,iBAAepC;QACfH,KAAKA;QACLM,WAAWW;QACXuB,MAAK;;YAEJvC,uBACC,qBAACwC,YAAK;gBAACC,SAASjC;gBAAMkC,IAAId;gBAASvB,WAAWc;0BAC3CnB;;0BAGL,qBAAC6B;gBAAIxB,WAAWa;0BACbyB,eAAQ,CAACC,GAAG,CAACvD,UAAUwD,CAAAA;oBACtB,kBAAIC,IAAAA,qBAAc,EAACD,QAAQ;wBACzB,qBAAOE,IAAAA,mBAAY,EAACF,OAAuB;4BACzCzC;4BACA4C,eAAe/C;4BACfO,MAAMe;4BACNX;4BACAC;4BACAX;4BACA,oBAAoBwB;4BACpBjB;wBACF;oBACF;oBAEA,OAAOoC;gBACT;;0BAEF,qBAACI,0BAAY;gBAACP,IAAItB;gBAAgBd,cAAcA;;;;AAGtD;AAEAnB,WAAW+D,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Radio/RadioGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n Children,\n ReactElement,\n ReactNode,\n Ref,\n RefAttributes,\n cloneElement,\n forwardRef,\n isValidElement,\n useId,\n useState,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { HTMLElementEvent } from \"../../types/events\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\n\nexport type RadioGroupElementType = HTMLDivElement;\n\nexport interface RadioGroupProps\n extends DOMProps,\n RefAttributes<RadioGroupElementType> {\n children: ReactNode;\n className?: string;\n orientation?: \"horizontal\" | \"vertical\";\n errorMessage?: string;\n // Callback that fires when select changes\n onChange?: (event: HTMLElementEvent<HTMLInputElement>) => void;\n // Defines a string value that labels the current element.\n \"aria-label\"?: string;\n // Identifies the element (or elements) that labels the current element.\n \"aria-labelledby\"?: string;\n // Identifies the element that provides an error message for the object.\n \"aria-errormessage\"?: string;\n // Identifies the element (or elements) that describes the object.\n \"aria-describedby\"?: string;\n // Whether the input should display its \"valid\" or \"invalid\" visual styling.\n validationState?: \"valid\" | \"invalid\";\n // Whether user input is required on the input before form submission.\n isRequired?: boolean;\n // Whether the input is disabled.\n isDisabled?: boolean;\n // Whether the input can be selected but not changed by the user.\n isReadOnly?: boolean;\n // The default value (uncontrolled).\n defaultValue?: string;\n // The content to display as the label.\n label?: ReactNode;\n /**\n * The value of the radio button, used when submitting an HTML form.\n * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value).\n */\n value?: string;\n name?: string;\n}\n\nexport type RadioGroupRef = Ref<RadioGroupElementType>;\n\nconst getDefaultVal = (children: ReactNode, defaultValue?: string) => {\n if (Array.isArray(children) && defaultValue) {\n const option = children?.find(item => item.props.value === defaultValue);\n\n if (!option) return \"\";\n\n return option.props.value;\n }\n\n return \"\";\n};\n\nconst RadioGroup: ForwardedRefComponent<\n RadioGroupProps,\n RadioGroupElementType\n> = forwardRef((props: RadioGroupProps, ref: RadioGroupRef) => {\n const {\n label,\n isDisabled = false,\n isRequired,\n validationState,\n orientation = \"vertical\",\n className,\n errorMessage,\n children,\n defaultValue,\n isReadOnly,\n name,\n onChange,\n ...rest\n } = props;\n const defaultSelected = getDefaultVal(children, defaultValue);\n const [selected, setSelected] = useState<string>(defaultSelected);\n const radioClasses = {\n \"--is-disabled\": isDisabled,\n \"--is-valid\": validationState === \"valid\",\n \"--is-invalid\": validationState === \"invalid\",\n \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n [`--is-${orientation}`]: true,\n [className || \"\"]: true,\n };\n const radioGroupClasses = classNames(\n \"mobius\",\n \"mobius/RadioGroup\",\n radioClasses,\n );\n const radioWrapperClasses = classNames(\"mobius/RadioWrapper\", {\n [`--is-${orientation}`]: true,\n });\n const labelClasses = classNames(radioClasses);\n const errorMessageId = useId();\n const defaultNameAttrId = useId();\n const nameAttribute = name || defaultNameAttrId;\n const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n const describedBy = spaceDelimitedList([\n shouldErrorMessageShow,\n props[\"aria-describedby\"],\n ]);\n const labelId = useId();\n\n return (\n <div\n {...rest}\n aria-describedby={props[\"aria-describedby\"]}\n aria-disabled={isDisabled}\n aria-errormessage={shouldErrorMessageShow}\n aria-invalid={validationState === \"invalid\"}\n aria-label={props[\"aria-label\"]}\n aria-labelledby={props[\"aria-labelledby\"] || labelId}\n aria-orientation={orientation}\n aria-readonly={isReadOnly}\n aria-required={isRequired}\n ref={ref}\n className={radioGroupClasses}\n role=\"radiogroup\"\n >\n {label && (\n <Label htmlFor={name} id={labelId} className={labelClasses}>\n {label}\n </Label>\n )}\n <div className={radioWrapperClasses}>\n {Children.map(children, child => {\n if (isValidElement(child)) {\n return cloneElement(child as ReactElement, {\n orientation,\n groupDisabled: isDisabled,\n name: nameAttribute,\n selected,\n setSelected,\n isRequired,\n \"aria-describedby\": describedBy,\n onChange,\n });\n }\n\n return child;\n })}\n </div>\n <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n </div>\n );\n});\n\nRadioGroup.displayName = \"RadioGroup\";\nexport { RadioGroup };\n"],"names":["RadioGroup","getDefaultVal","children","defaultValue","Array","isArray","option","find","item","props","value","forwardRef","ref","label","isDisabled","isRequired","validationState","orientation","className","errorMessage","isReadOnly","name","onChange","rest","defaultSelected","selected","setSelected","useState","radioClasses","radioGroupClasses","classNames","radioWrapperClasses","labelClasses","errorMessageId","useId","defaultNameAttrId","nameAttribute","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","labelId","div","aria-describedby","aria-disabled","aria-errormessage","aria-invalid","aria-label","aria-labelledby","aria-orientation","aria-readonly","aria-required","role","Label","htmlFor","id","Children","map","child","isValidElement","cloneElement","groupDisabled","ErrorMessage","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BAyKSA;;;eAAAA;;;;uBA5JF;+DACgB;oCAIY;8BACN;uBACP;;;;;;AA2CtB,MAAMC,gBAAgB,CAACC,UAAqBC;IAC1C,IAAIC,MAAMC,OAAO,CAACH,aAAaC,cAAc;QAC3C,MAAMG,SAASJ,qBAAAA,+BAAAA,SAAUK,IAAI,CAACC,CAAAA,OAAQA,KAAKC,KAAK,CAACC,KAAK,KAAKP;QAE3D,IAAI,CAACG,QAAQ,OAAO;QAEpB,OAAOA,OAAOG,KAAK,CAACC,KAAK;IAC3B;IAEA,OAAO;AACT;AAEA,MAAMV,2BAGFW,IAAAA,iBAAU,EAAC,CAACF,OAAwBG;IACtC,MAAM,EACJC,KAAK,EACLC,aAAa,KAAK,EAClBC,UAAU,EACVC,eAAe,EACfC,cAAc,UAAU,EACxBC,SAAS,EACTC,YAAY,EACZjB,QAAQ,EACRC,YAAY,EACZiB,UAAU,EACVC,IAAI,EACJC,QAAQ,EACR,GAAGC,MACJ,GAAGd;IACJ,MAAMe,kBAAkBvB,cAAcC,UAAUC;IAChD,MAAM,CAACsB,UAAUC,YAAY,GAAGC,IAAAA,eAAQ,EAASH;IACjD,MAAMI,eAAe;QACnB,iBAAiBd;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOD,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;QACrD,CAAC,CAAC,KAAK,EAAEE,YAAY,CAAC,CAAC,EAAE;QACzB,CAACC,aAAa,GAAG,EAAE;IACrB;IACA,MAAMW,oBAAoBC,IAAAA,eAAU,EAClC,UACA,qBACAF;IAEF,MAAMG,sBAAsBD,IAAAA,eAAU,EAAC,uBAAuB;QAC5D,CAAC,CAAC,KAAK,EAAEb,YAAY,CAAC,CAAC,EAAE;IAC3B;IACA,MAAMe,eAAeF,IAAAA,eAAU,EAACF;IAChC,MAAMK,iBAAiBC,IAAAA,YAAK;IAC5B,MAAMC,oBAAoBD,IAAAA,YAAK;IAC/B,MAAME,gBAAgBf,QAAQc;IAC9B,MAAME,yBAAyBlB,eAAec,iBAAiBK;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACA5B,KAAK,CAAC,mBAAmB;KAC1B;IACD,MAAMgC,UAAUP,IAAAA,YAAK;IAErB,qBACE,sBAACQ;QACE,GAAGnB,IAAI;QACRoB,oBAAkBlC,KAAK,CAAC,mBAAmB;QAC3CmC,iBAAe9B;QACf+B,qBAAmBR;QACnBS,gBAAc9B,oBAAoB;QAClC+B,cAAYtC,KAAK,CAAC,aAAa;QAC/BuC,mBAAiBvC,KAAK,CAAC,kBAAkB,IAAIgC;QAC7CQ,oBAAkBhC;QAClBiC,iBAAe9B;QACf+B,iBAAepC;QACfH,KAAKA;QACLM,WAAWW;QACXuB,MAAK;;YAEJvC,uBACC,qBAACwC,YAAK;gBAACC,SAASjC;gBAAMkC,IAAId;gBAASvB,WAAWc;0BAC3CnB;;0BAGL,qBAAC6B;gBAAIxB,WAAWa;0BACbyB,eAAQ,CAACC,GAAG,CAACvD,UAAUwD,CAAAA;oBACtB,kBAAIC,IAAAA,qBAAc,EAACD,QAAQ;wBACzB,qBAAOE,IAAAA,mBAAY,EAACF,OAAuB;4BACzCzC;4BACA4C,eAAe/C;4BACfO,MAAMe;4BACNX;4BACAC;4BACAX;4BACA,oBAAoBwB;4BACpBjB;wBACF;oBACF;oBAEA,OAAOoC;gBACT;;0BAEF,qBAACI,0BAAY;gBAACP,IAAItB;gBAAgBd,cAAcA;;;;AAGtD;AAEAnB,WAAW+D,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Radio/index.tsx"],"sourcesContent":["export * from \"./Radio\";\nexport * from \"./RadioButton\";\nexport * from \"./RadioGroup\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA"}
1
+ {"version":3,"sources":["../../../../src/components/Radio/index.tsx"],"sourcesContent":["export * from \"./Radio\";\nexport * from \"./RadioButton\";\nexport * from \"./RadioGroup\";\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;qBAAc;qBACA;qBACA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/SVG/SVG.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, Children } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface SVGProps extends DOMProps, RefAttributes<SVGSVGElement> {\n children: React.ReactElement<React.SVGProps<SVGSVGElement>>;\n className?: string;\n style?: React.CSSProperties;\n}\n\nexport type SVGRef = Ref<SVGSVGElement>;\n\nconst SVG: ForwardedRefComponent<SVGProps, SVGSVGElement> = forwardRef(\n (props: SVGProps, ref: SVGRef) => {\n const { children, className, ...otherProps } = props;\n\n const classes = classNames(\"mobius\", \"mobius/SVG\", className);\n const svgNode = Children.only(children);\n // Remove originalType and mdxType props\n const { children: svgChildren, viewBox, xmlns } = svgNode.props;\n\n return (\n <svg\n viewBox={viewBox}\n xmlns={xmlns}\n ref={ref}\n {...otherProps}\n className={classes}\n >\n {svgChildren}\n </svg>\n );\n },\n);\n\nSVG.displayName = \"SVG\";\nexport { SVG };\n"],"names":["SVG","forwardRef","props","ref","children","className","otherProps","classes","classNames","svgNode","Children","only","svgChildren","viewBox","xmlns","svg","displayName"],"mappings":";;;;+BAqCSA;;;eAAAA;;;;uBArCgD;+DAClC;;;;;;AAYvB,MAAMA,oBAAsDC,IAAAA,iBAAU,EACpE,CAACC,OAAiBC;IAChB,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,YAAY,GAAGJ;IAE/C,MAAMK,UAAUC,IAAAA,eAAU,EAAC,UAAU,cAAcH;IACnD,MAAMI,UAAUC,eAAQ,CAACC,IAAI,CAACP;IAC9B,wCAAwC;IACxC,MAAM,EAAEA,UAAUQ,WAAW,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGL,QAAQP,KAAK;IAE/D,qBACE,qBAACa;QACCF,SAASA;QACTC,OAAOA;QACPX,KAAKA;QACJ,GAAGG,UAAU;QACdD,WAAWE;kBAEVK;;AAGP;AAGFZ,IAAIgB,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/SVG/SVG.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, Children } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface SVGProps extends DOMProps, RefAttributes<SVGSVGElement> {\n children: React.ReactElement<React.SVGProps<SVGSVGElement>>;\n className?: string;\n style?: React.CSSProperties;\n}\n\nexport type SVGRef = Ref<SVGSVGElement>;\n\nconst SVG: ForwardedRefComponent<SVGProps, SVGSVGElement> = forwardRef(\n (props: SVGProps, ref: SVGRef) => {\n const { children, className, ...otherProps } = props;\n\n const classes = classNames(\"mobius\", \"mobius/SVG\", className);\n const svgNode = Children.only(children);\n // Remove originalType and mdxType props\n const { children: svgChildren, viewBox, xmlns } = svgNode.props;\n\n return (\n <svg\n viewBox={viewBox}\n xmlns={xmlns}\n ref={ref}\n {...otherProps}\n className={classes}\n >\n {svgChildren}\n </svg>\n );\n },\n);\n\nSVG.displayName = \"SVG\";\nexport { SVG };\n"],"names":["SVG","forwardRef","props","ref","children","className","otherProps","classes","classNames","svgNode","Children","only","svgChildren","viewBox","xmlns","svg","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqCSA;;;eAAAA;;;;uBArCgD;+DAClC;;;;;;AAYvB,MAAMA,oBAAsDC,IAAAA,iBAAU,EACpE,CAACC,OAAiBC;IAChB,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,YAAY,GAAGJ;IAE/C,MAAMK,UAAUC,IAAAA,eAAU,EAAC,UAAU,cAAcH;IACnD,MAAMI,UAAUC,eAAQ,CAACC,IAAI,CAACP;IAC9B,wCAAwC;IACxC,MAAM,EAAEA,UAAUQ,WAAW,EAAEC,OAAO,EAAEC,KAAK,EAAE,GAAGL,QAAQP,KAAK;IAE/D,qBACE,qBAACa;QACCF,SAASA;QACTC,OAAOA;QACPX,KAAKA;QACJ,GAAGG,UAAU;QACdD,WAAWE;kBAEVK;;AAGP;AAGFZ,IAAIgB,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/SVG/index.tsx"],"sourcesContent":["export * from \"./SVG\";\n"],"names":[],"mappings":";;;;qBAAc"}
1
+ {"version":3,"sources":["../../../../src/components/SVG/index.tsx"],"sourcesContent":["export * from \"./SVG\";\n"],"names":[],"rangeMappings":";;;;","mappings":";;;;qBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Segment/Segment.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport interface SegmentProps extends DOMProps {\n className?: string;\n heading?: string;\n /** Background colour for Segment */\n colour?: \"subtle\" | \"primary\" | \"secondary\";\n /** When inverted, text is white. Use on darker backgrounds. */\n inverted?: boolean;\n children?: ReactNode;\n}\n\nconst Segment = (props: SegmentProps) => {\n const { heading, children, colour, inverted, className, ...rest } = props;\n\n const classes = classNames(\n \"mobius\",\n \"mobius/Segment\",\n colour,\n { inverted },\n className,\n );\n\n return (\n <div className={classes} {...rest}>\n {heading && <div className=\"mobius/SegmentHeading\">{heading}</div>}\n {children}\n </div>\n );\n};\n\nSegment.displayName = \"Segment\";\nexport { Segment };\n"],"names":["Segment","props","heading","children","colour","inverted","className","rest","classes","classNames","div","displayName"],"mappings":";;;;+BAkCSA;;;eAAAA;;;;+DAjCc;;;;;;AAavB,MAAMA,UAAU,CAACC;IACf,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGN;IAEpE,MAAMO,UAAUC,IAAAA,eAAU,EACxB,UACA,kBACAL,QACA;QAAEC;IAAS,GACXC;IAGF,qBACE,sBAACI;QAAIJ,WAAWE;QAAU,GAAGD,IAAI;;YAC9BL,yBAAW,qBAACQ;gBAAIJ,WAAU;0BAAyBJ;;YACnDC;;;AAGP;AAEAH,QAAQW,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Segment/Segment.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport interface SegmentProps extends DOMProps {\n className?: string;\n heading?: string;\n /** Background colour for Segment */\n colour?: \"subtle\" | \"primary\" | \"secondary\";\n /** When inverted, text is white. Use on darker backgrounds. */\n inverted?: boolean;\n children?: ReactNode;\n}\n\nconst Segment = (props: SegmentProps) => {\n const { heading, children, colour, inverted, className, ...rest } = props;\n\n const classes = classNames(\n \"mobius\",\n \"mobius/Segment\",\n colour,\n { inverted },\n className,\n );\n\n return (\n <div className={classes} {...rest}>\n {heading && <div className=\"mobius/SegmentHeading\">{heading}</div>}\n {children}\n </div>\n );\n};\n\nSegment.displayName = \"Segment\";\nexport { Segment };\n"],"names":["Segment","props","heading","children","colour","inverted","className","rest","classes","classNames","div","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkCSA;;;eAAAA;;;;+DAjCc;;;;;;AAavB,MAAMA,UAAU,CAACC;IACf,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGN;IAEpE,MAAMO,UAAUC,IAAAA,eAAU,EACxB,UACA,kBACAL,QACA;QAAEC;IAAS,GACXC;IAGF,qBACE,sBAACI;QAAIJ,WAAWE;QAAU,GAAGD,IAAI;;YAC9BL,yBAAW,qBAACQ;gBAAIJ,WAAU;0BAAyBJ;;YACnDC;;;AAGP;AAEAH,QAAQW,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Segment/SegmentGroup.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport interface SegmentGroupProps extends DOMProps {\n className?: string;\n horizontal?: boolean;\n margin?: \"size-xs\" | \"size-s\" | \"size-m\" | \"size-l\" | \"size-xl\" | \"size-xxl\";\n children?: ReactNode;\n}\n\nconst SegmentGroup = (props: SegmentGroupProps) => {\n const { children, horizontal, margin, className, ...rest } = props;\n\n const marginClass = margin ? `margin-${margin}` : \"\";\n const classes = classNames(\n \"mobius\",\n \"mobius/SegmentGroup\",\n className,\n { horizontal },\n marginClass,\n );\n\n return (\n <div className={classes} {...rest}>\n {children}\n </div>\n );\n};\n\nSegmentGroup.displayName = \"SegmentGroup\";\nexport { SegmentGroup };\n"],"names":["SegmentGroup","props","children","horizontal","margin","className","rest","marginClass","classes","classNames","div","displayName"],"mappings":";;;;+BA+BSA;;;eAAAA;;;;+DA9Bc;;;;;;AAUvB,MAAMA,eAAe,CAACC;IACpB,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,MAAM,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGL;IAE7D,MAAMM,cAAcH,SAAS,CAAC,OAAO,EAAEA,OAAO,CAAC,GAAG;IAClD,MAAMI,UAAUC,IAAAA,eAAU,EACxB,UACA,uBACAJ,WACA;QAAEF;IAAW,GACbI;IAGF,qBACE,qBAACG;QAAIL,WAAWG;QAAU,GAAGF,IAAI;kBAC9BJ;;AAGP;AAEAF,aAAaW,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Segment/SegmentGroup.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport interface SegmentGroupProps extends DOMProps {\n className?: string;\n horizontal?: boolean;\n margin?: \"size-xs\" | \"size-s\" | \"size-m\" | \"size-l\" | \"size-xl\" | \"size-xxl\";\n children?: ReactNode;\n}\n\nconst SegmentGroup = (props: SegmentGroupProps) => {\n const { children, horizontal, margin, className, ...rest } = props;\n\n const marginClass = margin ? `margin-${margin}` : \"\";\n const classes = classNames(\n \"mobius\",\n \"mobius/SegmentGroup\",\n className,\n { horizontal },\n marginClass,\n );\n\n return (\n <div className={classes} {...rest}>\n {children}\n </div>\n );\n};\n\nSegmentGroup.displayName = \"SegmentGroup\";\nexport { SegmentGroup };\n"],"names":["SegmentGroup","props","children","horizontal","margin","className","rest","marginClass","classes","classNames","div","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA+BSA;;;eAAAA;;;;+DA9Bc;;;;;;AAUvB,MAAMA,eAAe,CAACC;IACpB,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,MAAM,EAAEC,SAAS,EAAE,GAAGC,MAAM,GAAGL;IAE7D,MAAMM,cAAcH,SAAS,CAAC,OAAO,EAAEA,OAAO,CAAC,GAAG;IAClD,MAAMI,UAAUC,IAAAA,eAAU,EACxB,UACA,uBACAJ,WACA;QAAEF;IAAW,GACbI;IAGF,qBACE,qBAACG;QAAIL,WAAWG;QAAU,GAAGF,IAAI;kBAC9BJ;;AAGP;AAEAF,aAAaW,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Segment/index.tsx"],"sourcesContent":["export * from \"./SegmentGroup\";\nexport * from \"./Segment\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA"}
1
+ {"version":3,"sources":["../../../../src/components/Segment/index.tsx"],"sourcesContent":["export * from \"./SegmentGroup\";\nexport * from \"./Segment\";\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;qBAAc;qBACA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n ChangeEvent,\n ReactElement,\n Ref,\n RefAttributes,\n forwardRef,\n useId,\n} from \"react\";\nimport { UseLabelProps, useLabel } from \"../../hooks/useLabel\";\nimport { DOMProps, Validation } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Flex } from \"../Flex\";\nimport { Label } from \"../Label\";\nimport { OptionProps } from \"../Option\";\n\nexport type SelectElementType = HTMLSelectElement;\nexport interface SelectProps\n extends UseLabelProps,\n Validation,\n DOMProps,\n RefAttributes<SelectElementType> {\n name?: string;\n onChange?: (e: ChangeEvent<HTMLSelectElement>) => void;\n value?: string;\n defaultValue?: string;\n className?: string;\n errorMessage?: string;\n children?: ReactElement<OptionProps>[] | ReactElement<OptionProps>;\n \"aria-describedby\"?: string;\n isDisabled?: boolean;\n}\n\nexport type SelectRef = Ref<SelectElementType>;\n\nconst Select: ForwardedRefComponent<SelectProps, SelectElementType> =\n forwardRef((props: SelectProps, ref: SelectRef) => {\n const {\n label,\n onChange,\n validationState,\n errorMessage,\n isDisabled = false,\n isRequired,\n ...otherProps\n } = props;\n\n const { labelProps, fieldProps } = useLabel({\n label,\n ...otherProps,\n });\n\n const stateClasses = {\n \"--is-disabled\": isDisabled,\n \"--is-valid\": validationState === \"valid\",\n \"--is-invalid\": validationState === \"invalid\",\n \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n };\n\n const wrapperClasses = classNames(\n \"mobius/SelectWrapper\",\n stateClasses,\n otherProps.className,\n );\n const selectClasses = classNames(\n \"mobius/Select\",\n stateClasses,\n otherProps.className,\n );\n const labelClasses = classNames(\n \"mobius/Label\",\n stateClasses,\n otherProps.className,\n );\n const iconClasses = classNames(\"mobius/SelectIcon\", stateClasses);\n const errorMessageId = useId();\n const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n const describedBy = spaceDelimitedList([\n shouldErrorMessageShow,\n props[\"aria-describedby\"],\n ]);\n\n const handleChange = (e: ChangeEvent<HTMLSelectElement>) => {\n if (onChange) {\n onChange(e);\n }\n };\n\n return (\n <Flex flexDirection=\"column\" className=\"mobius mobius/SelectOuter\">\n {label && (\n <Label {...labelProps} className={labelClasses}>\n {label}\n </Label>\n )}\n <div className={wrapperClasses}>\n <select\n {...otherProps}\n {...fieldProps}\n ref={ref}\n multiple={false}\n className={selectClasses}\n disabled={isDisabled}\n aria-invalid={!!errorMessage}\n aria-describedby={describedBy}\n aria-required={isRequired}\n onChange={handleChange}\n />\n <span className={iconClasses} />\n </div>\n {errorMessage && (\n <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n )}\n </Flex>\n );\n });\n\nSelect.displayName = \"Select\";\nexport { Select };\n"],"names":["Select","forwardRef","props","ref","label","onChange","validationState","errorMessage","isDisabled","isRequired","otherProps","labelProps","fieldProps","useLabel","stateClasses","wrapperClasses","classNames","className","selectClasses","labelClasses","iconClasses","errorMessageId","useId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","handleChange","e","Flex","flexDirection","Label","div","select","multiple","disabled","aria-invalid","aria-describedby","aria-required","span","ErrorMessage","id","displayName"],"mappings":"AAAA;;;;;+BA2HSA;;;eAAAA;;;;+DAzHc;uBAQhB;0BACiC;oCAGL;8BACN;sBACR;uBACC;;;;;;AAsBtB,MAAMA,uBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAoBC;IAC9B,MAAM,EACJC,KAAK,EACLC,QAAQ,EACRC,eAAe,EACfC,YAAY,EACZC,aAAa,KAAK,EAClBC,UAAU,EACV,GAAGC,YACJ,GAAGR;IAEJ,MAAM,EAAES,UAAU,EAAEC,UAAU,EAAE,GAAGC,IAAAA,kBAAQ,EAAC;QAC1CT;QACA,GAAGM,UAAU;IACf;IAEA,MAAMI,eAAe;QACnB,iBAAiBN;QACjB,cAAcF,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOG,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD;IAEA,MAAMM,iBAAiBC,IAAAA,eAAU,EAC/B,wBACAF,cACAJ,WAAWO,SAAS;IAEtB,MAAMC,gBAAgBF,IAAAA,eAAU,EAC9B,iBACAF,cACAJ,WAAWO,SAAS;IAEtB,MAAME,eAAeH,IAAAA,eAAU,EAC7B,gBACAF,cACAJ,WAAWO,SAAS;IAEtB,MAAMG,cAAcJ,IAAAA,eAAU,EAAC,qBAAqBF;IACpD,MAAMO,iBAAiBC,IAAAA,YAAK;IAC5B,MAAMC,yBAAyBhB,eAAec,iBAAiBG;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACArB,KAAK,CAAC,mBAAmB;KAC1B;IAED,MAAMyB,eAAe,CAACC;QACpB,IAAIvB,UAAU;YACZA,SAASuB;QACX;IACF;IAEA,qBACE,sBAACC,UAAI;QAACC,eAAc;QAASb,WAAU;;YACpCb,uBACC,qBAAC2B,YAAK;gBAAE,GAAGpB,UAAU;gBAAEM,WAAWE;0BAC/Bf;;0BAGL,sBAAC4B;gBAAIf,WAAWF;;kCACd,qBAACkB;wBACE,GAAGvB,UAAU;wBACb,GAAGE,UAAU;wBACdT,KAAKA;wBACL+B,UAAU;wBACVjB,WAAWC;wBACXiB,UAAU3B;wBACV4B,gBAAc,CAAC,CAAC7B;wBAChB8B,oBAAkBZ;wBAClBa,iBAAe7B;wBACfJ,UAAUsB;;kCAEZ,qBAACY;wBAAKtB,WAAWG;;;;YAElBb,8BACC,qBAACiC,0BAAY;gBAACC,IAAIpB;gBAAgBd,cAAcA;;;;AAIxD;AAEFP,OAAO0C,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n ChangeEvent,\n ReactElement,\n Ref,\n RefAttributes,\n forwardRef,\n useId,\n} from \"react\";\nimport { UseLabelProps, useLabel } from \"../../hooks/useLabel\";\nimport { DOMProps, Validation } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Flex } from \"../Flex\";\nimport { Label } from \"../Label\";\nimport { OptionProps } from \"../Option\";\n\nexport type SelectElementType = HTMLSelectElement;\nexport interface SelectProps\n extends UseLabelProps,\n Validation,\n DOMProps,\n RefAttributes<SelectElementType> {\n name?: string;\n onChange?: (e: ChangeEvent<HTMLSelectElement>) => void;\n value?: string;\n defaultValue?: string;\n className?: string;\n errorMessage?: string;\n children?: ReactElement<OptionProps>[] | ReactElement<OptionProps>;\n \"aria-describedby\"?: string;\n isDisabled?: boolean;\n}\n\nexport type SelectRef = Ref<SelectElementType>;\n\nconst Select: ForwardedRefComponent<SelectProps, SelectElementType> =\n forwardRef((props: SelectProps, ref: SelectRef) => {\n const {\n label,\n onChange,\n validationState,\n errorMessage,\n isDisabled = false,\n isRequired,\n ...otherProps\n } = props;\n\n const { labelProps, fieldProps } = useLabel({\n label,\n ...otherProps,\n });\n\n const stateClasses = {\n \"--is-disabled\": isDisabled,\n \"--is-valid\": validationState === \"valid\",\n \"--is-invalid\": validationState === \"invalid\",\n \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n };\n\n const wrapperClasses = classNames(\n \"mobius/SelectWrapper\",\n stateClasses,\n otherProps.className,\n );\n const selectClasses = classNames(\n \"mobius/Select\",\n stateClasses,\n otherProps.className,\n );\n const labelClasses = classNames(\n \"mobius/Label\",\n stateClasses,\n otherProps.className,\n );\n const iconClasses = classNames(\"mobius/SelectIcon\", stateClasses);\n const errorMessageId = useId();\n const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n const describedBy = spaceDelimitedList([\n shouldErrorMessageShow,\n props[\"aria-describedby\"],\n ]);\n\n const handleChange = (e: ChangeEvent<HTMLSelectElement>) => {\n if (onChange) {\n onChange(e);\n }\n };\n\n return (\n <Flex flexDirection=\"column\" className=\"mobius mobius/SelectOuter\">\n {label && (\n <Label {...labelProps} className={labelClasses}>\n {label}\n </Label>\n )}\n <div className={wrapperClasses}>\n <select\n {...otherProps}\n {...fieldProps}\n ref={ref}\n multiple={false}\n className={selectClasses}\n disabled={isDisabled}\n aria-invalid={!!errorMessage}\n aria-describedby={describedBy}\n aria-required={isRequired}\n onChange={handleChange}\n />\n <span className={iconClasses} />\n </div>\n {errorMessage && (\n <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n )}\n </Flex>\n );\n });\n\nSelect.displayName = \"Select\";\nexport { Select };\n"],"names":["Select","forwardRef","props","ref","label","onChange","validationState","errorMessage","isDisabled","isRequired","otherProps","labelProps","fieldProps","useLabel","stateClasses","wrapperClasses","classNames","className","selectClasses","labelClasses","iconClasses","errorMessageId","useId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","handleChange","e","Flex","flexDirection","Label","div","select","multiple","disabled","aria-invalid","aria-describedby","aria-required","span","ErrorMessage","id","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BA2HSA;;;eAAAA;;;;+DAzHc;uBAQhB;0BACiC;oCAGL;8BACN;sBACR;uBACC;;;;;;AAsBtB,MAAMA,uBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAoBC;IAC9B,MAAM,EACJC,KAAK,EACLC,QAAQ,EACRC,eAAe,EACfC,YAAY,EACZC,aAAa,KAAK,EAClBC,UAAU,EACV,GAAGC,YACJ,GAAGR;IAEJ,MAAM,EAAES,UAAU,EAAEC,UAAU,EAAE,GAAGC,IAAAA,kBAAQ,EAAC;QAC1CT;QACA,GAAGM,UAAU;IACf;IAEA,MAAMI,eAAe;QACnB,iBAAiBN;QACjB,cAAcF,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOG,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD;IAEA,MAAMM,iBAAiBC,IAAAA,eAAU,EAC/B,wBACAF,cACAJ,WAAWO,SAAS;IAEtB,MAAMC,gBAAgBF,IAAAA,eAAU,EAC9B,iBACAF,cACAJ,WAAWO,SAAS;IAEtB,MAAME,eAAeH,IAAAA,eAAU,EAC7B,gBACAF,cACAJ,WAAWO,SAAS;IAEtB,MAAMG,cAAcJ,IAAAA,eAAU,EAAC,qBAAqBF;IACpD,MAAMO,iBAAiBC,IAAAA,YAAK;IAC5B,MAAMC,yBAAyBhB,eAAec,iBAAiBG;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACArB,KAAK,CAAC,mBAAmB;KAC1B;IAED,MAAMyB,eAAe,CAACC;QACpB,IAAIvB,UAAU;YACZA,SAASuB;QACX;IACF;IAEA,qBACE,sBAACC,UAAI;QAACC,eAAc;QAASb,WAAU;;YACpCb,uBACC,qBAAC2B,YAAK;gBAAE,GAAGpB,UAAU;gBAAEM,WAAWE;0BAC/Bf;;0BAGL,sBAAC4B;gBAAIf,WAAWF;;kCACd,qBAACkB;wBACE,GAAGvB,UAAU;wBACb,GAAGE,UAAU;wBACdT,KAAKA;wBACL+B,UAAU;wBACVjB,WAAWC;wBACXiB,UAAU3B;wBACV4B,gBAAc,CAAC,CAAC7B;wBAChB8B,oBAAkBZ;wBAClBa,iBAAe7B;wBACfJ,UAAUsB;;kCAEZ,qBAACY;wBAAKtB,WAAWG;;;;YAElBb,8BACC,qBAACiC,0BAAY;gBAACC,IAAIpB;gBAAgBd,cAAcA;;;;AAIxD;AAEFP,OAAO0C,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Select/index.tsx"],"sourcesContent":["export * from \"./Select\";\n"],"names":[],"mappings":";;;;qBAAc"}
1
+ {"version":3,"sources":["../../../../src/components/Select/index.tsx"],"sourcesContent":["export * from \"./Select\";\n"],"names":[],"rangeMappings":";;;;","mappings":";;;;qBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { ChangeEvent, useRef, useState } from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { UseLabelProps, useLabel } from \"../../hooks\";\nimport { Label } from \"../Label\";\nimport { numberFormatter } from \"./helpers\";\n\nexport interface SliderProps extends DOMProps, UseLabelProps {\n label?: string;\n variant?: \"primary\" | \"secondary\";\n className?: string;\n minValue?: number;\n maxValue?: number;\n defaultValue?: number;\n value?: number;\n step?: number;\n isDisabled?: boolean;\n onChange?: (value: number | undefined) => void;\n onChangeEnd?: (value: number | undefined) => void;\n minLabel?: string;\n maxLabel?: string;\n formatOptions?: Intl.NumberFormatOptions;\n}\n\nexport const Slider = (props: SliderProps) => {\n const {\n id,\n className,\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n minValue,\n maxValue,\n step = 1,\n defaultValue = 0,\n value,\n onChange,\n onChangeEnd,\n variant = \"primary\",\n minLabel,\n maxLabel,\n formatOptions,\n isDisabled = false,\n } = props;\n const trackRef = useRef(null);\n const [currentValue, setCurrentValue] = useState<number>(\n value || defaultValue || 0,\n );\n const [isDragging, setIsDraggging] = useState<boolean>(false);\n const { labelProps, fieldProps } = useLabel({\n id,\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n });\n const formattedValue = numberFormatter(currentValue, formatOptions);\n\n const classes = classNames(\"mobius\", \"mobius/Slider\", className, {\n \"--is-disabled\": isDisabled,\n \"--is-primary\": variant === \"primary\",\n \"--is-secondary\": variant === \"secondary\",\n \"--is-dragging\": isDragging,\n });\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n const val = +e.target.value;\n setCurrentValue(val);\n if (onChange) {\n onChange(val);\n }\n };\n\n const handleChangeStart = () => {\n setIsDraggging(true);\n };\n\n const handleChangeEnd = () => {\n setIsDraggging(false);\n if (onChangeEnd) {\n onChangeEnd(currentValue);\n }\n };\n\n return (\n <div className={classes}>\n <div className=\"mobius/SliderLabelWrapper\">\n {label && <Label {...labelProps}>{label}</Label>}\n {label && (\n <output style={{ flex: \"1 0 auto\", textAlign: \"end\" }}>\n {formattedValue}\n </output>\n )}\n </div>\n\n {/* The track element holds the visible track line and the thumb. */}\n <div ref={trackRef} className=\"mobius mobius/SliderTrackWrapper\">\n <input\n className=\"mobius/SliderTrack\"\n type=\"range\"\n min={minValue}\n max={maxValue}\n value={currentValue}\n step={step}\n onChange={handleChange}\n autoComplete=\"off\"\n disabled={isDisabled}\n onMouseDown={handleChangeStart}\n onMouseUp={handleChangeEnd}\n onKeyDown={handleChangeStart}\n onKeyUp={handleChangeEnd}\n {...fieldProps}\n />\n </div>\n\n <div className=\"mobius/SliderLabels\">\n <div className=\"mobius/SliderMinLabel\" data-testid=\"min-label\">\n {minLabel}\n </div>\n <div className=\"mobius/SliderMaxLabel\" data-testid=\"max-label\">\n {maxLabel}\n </div>\n </div>\n </div>\n );\n};\n"],"names":["Slider","props","id","className","label","ariaLabel","ariaLabelledBy","minValue","maxValue","step","defaultValue","value","onChange","onChangeEnd","variant","minLabel","maxLabel","formatOptions","isDisabled","trackRef","useRef","currentValue","setCurrentValue","useState","isDragging","setIsDraggging","labelProps","fieldProps","useLabel","formattedValue","numberFormatter","classes","classNames","handleChange","e","val","target","handleChangeStart","handleChangeEnd","div","Label","output","style","flex","textAlign","ref","input","type","min","max","autoComplete","disabled","onMouseDown","onMouseUp","onKeyDown","onKeyUp","data-testid"],"mappings":"AAAA;;;;;+BA0BaA;;;eAAAA;;;;+DAxBU;uBACuB;uBAEN;uBAClB;yBACU;;;;;;AAmBzB,MAAMA,SAAS,CAACC;IACrB,MAAM,EACJC,EAAE,EACFC,SAAS,EACTC,KAAK,EACL,cAAcC,SAAS,EACvB,mBAAmBC,cAAc,EACjCC,QAAQ,EACRC,QAAQ,EACRC,OAAO,CAAC,EACRC,eAAe,CAAC,EAChBC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,UAAU,SAAS,EACnBC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,aAAa,KAAK,EACnB,GAAGjB;IACJ,MAAMkB,WAAWC,IAAAA,aAAM,EAAC;IACxB,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,IAAAA,eAAQ,EAC9CZ,SAASD,gBAAgB;IAE3B,MAAM,CAACc,YAAYC,eAAe,GAAGF,IAAAA,eAAQ,EAAU;IACvD,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAE,GAAGC,IAAAA,eAAQ,EAAC;QAC1C1B;QACAE;QACA,cAAcC;QACd,mBAAmBC;IACrB;IACA,MAAMuB,iBAAiBC,IAAAA,wBAAe,EAACT,cAAcJ;IAErD,MAAMc,UAAUC,IAAAA,eAAU,EAAC,UAAU,iBAAiB7B,WAAW;QAC/D,iBAAiBe;QACjB,gBAAgBJ,YAAY;QAC5B,kBAAkBA,YAAY;QAC9B,iBAAiBU;IACnB;IAEA,MAAMS,eAAe,CAACC;QACpB,MAAMC,MAAM,CAACD,EAAEE,MAAM,CAACzB,KAAK;QAC3BW,gBAAgBa;QAChB,IAAIvB,UAAU;YACZA,SAASuB;QACX;IACF;IAEA,MAAME,oBAAoB;QACxBZ,eAAe;IACjB;IAEA,MAAMa,kBAAkB;QACtBb,eAAe;QACf,IAAIZ,aAAa;YACfA,YAAYQ;QACd;IACF;IAEA,qBACE,sBAACkB;QAAIpC,WAAW4B;;0BACd,sBAACQ;gBAAIpC,WAAU;;oBACZC,uBAAS,qBAACoC,YAAK;wBAAE,GAAGd,UAAU;kCAAGtB;;oBACjCA,uBACC,qBAACqC;wBAAOC,OAAO;4BAAEC,MAAM;4BAAYC,WAAW;wBAAM;kCACjDf;;;;0BAMP,qBAACU;gBAAIM,KAAK1B;gBAAUhB,WAAU;0BAC5B,cAAA,qBAAC2C;oBACC3C,WAAU;oBACV4C,MAAK;oBACLC,KAAKzC;oBACL0C,KAAKzC;oBACLG,OAAOU;oBACPZ,MAAMA;oBACNG,UAAUqB;oBACViB,cAAa;oBACbC,UAAUjC;oBACVkC,aAAaf;oBACbgB,WAAWf;oBACXgB,WAAWjB;oBACXkB,SAASjB;oBACR,GAAGX,UAAU;;;0BAIlB,sBAACY;gBAAIpC,WAAU;;kCACb,qBAACoC;wBAAIpC,WAAU;wBAAwBqD,eAAY;kCAChDzC;;kCAEH,qBAACwB;wBAAIpC,WAAU;wBAAwBqD,eAAY;kCAChDxC;;;;;;AAKX"}
1
+ {"version":3,"sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { ChangeEvent, useRef, useState } from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { UseLabelProps, useLabel } from \"../../hooks\";\nimport { Label } from \"../Label\";\nimport { numberFormatter } from \"./helpers\";\n\nexport interface SliderProps extends DOMProps, UseLabelProps {\n label?: string;\n variant?: \"primary\" | \"secondary\";\n className?: string;\n minValue?: number;\n maxValue?: number;\n defaultValue?: number;\n value?: number;\n step?: number;\n isDisabled?: boolean;\n onChange?: (value: number | undefined) => void;\n onChangeEnd?: (value: number | undefined) => void;\n minLabel?: string;\n maxLabel?: string;\n formatOptions?: Intl.NumberFormatOptions;\n}\n\nexport const Slider = (props: SliderProps) => {\n const {\n id,\n className,\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n minValue,\n maxValue,\n step = 1,\n defaultValue = 0,\n value,\n onChange,\n onChangeEnd,\n variant = \"primary\",\n minLabel,\n maxLabel,\n formatOptions,\n isDisabled = false,\n } = props;\n const trackRef = useRef(null);\n const [currentValue, setCurrentValue] = useState<number>(\n value || defaultValue || 0,\n );\n const [isDragging, setIsDraggging] = useState<boolean>(false);\n const { labelProps, fieldProps } = useLabel({\n id,\n label,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n });\n const formattedValue = numberFormatter(currentValue, formatOptions);\n\n const classes = classNames(\"mobius\", \"mobius/Slider\", className, {\n \"--is-disabled\": isDisabled,\n \"--is-primary\": variant === \"primary\",\n \"--is-secondary\": variant === \"secondary\",\n \"--is-dragging\": isDragging,\n });\n\n const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n const val = +e.target.value;\n setCurrentValue(val);\n if (onChange) {\n onChange(val);\n }\n };\n\n const handleChangeStart = () => {\n setIsDraggging(true);\n };\n\n const handleChangeEnd = () => {\n setIsDraggging(false);\n if (onChangeEnd) {\n onChangeEnd(currentValue);\n }\n };\n\n return (\n <div className={classes}>\n <div className=\"mobius/SliderLabelWrapper\">\n {label && <Label {...labelProps}>{label}</Label>}\n {label && (\n <output style={{ flex: \"1 0 auto\", textAlign: \"end\" }}>\n {formattedValue}\n </output>\n )}\n </div>\n\n {/* The track element holds the visible track line and the thumb. */}\n <div ref={trackRef} className=\"mobius mobius/SliderTrackWrapper\">\n <input\n className=\"mobius/SliderTrack\"\n type=\"range\"\n min={minValue}\n max={maxValue}\n value={currentValue}\n step={step}\n onChange={handleChange}\n autoComplete=\"off\"\n disabled={isDisabled}\n onMouseDown={handleChangeStart}\n onMouseUp={handleChangeEnd}\n onKeyDown={handleChangeStart}\n onKeyUp={handleChangeEnd}\n {...fieldProps}\n />\n </div>\n\n <div className=\"mobius/SliderLabels\">\n <div className=\"mobius/SliderMinLabel\" data-testid=\"min-label\">\n {minLabel}\n </div>\n <div className=\"mobius/SliderMaxLabel\" data-testid=\"max-label\">\n {maxLabel}\n </div>\n </div>\n </div>\n );\n};\n"],"names":["Slider","props","id","className","label","ariaLabel","ariaLabelledBy","minValue","maxValue","step","defaultValue","value","onChange","onChangeEnd","variant","minLabel","maxLabel","formatOptions","isDisabled","trackRef","useRef","currentValue","setCurrentValue","useState","isDragging","setIsDraggging","labelProps","fieldProps","useLabel","formattedValue","numberFormatter","classes","classNames","handleChange","e","val","target","handleChangeStart","handleChangeEnd","div","Label","output","style","flex","textAlign","ref","input","type","min","max","autoComplete","disabled","onMouseDown","onMouseUp","onKeyDown","onKeyUp","data-testid"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BA0BaA;;;eAAAA;;;;+DAxBU;uBACuB;uBAEN;uBAClB;yBACU;;;;;;AAmBzB,MAAMA,SAAS,CAACC;IACrB,MAAM,EACJC,EAAE,EACFC,SAAS,EACTC,KAAK,EACL,cAAcC,SAAS,EACvB,mBAAmBC,cAAc,EACjCC,QAAQ,EACRC,QAAQ,EACRC,OAAO,CAAC,EACRC,eAAe,CAAC,EAChBC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,UAAU,SAAS,EACnBC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,aAAa,KAAK,EACnB,GAAGjB;IACJ,MAAMkB,WAAWC,IAAAA,aAAM,EAAC;IACxB,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,IAAAA,eAAQ,EAC9CZ,SAASD,gBAAgB;IAE3B,MAAM,CAACc,YAAYC,eAAe,GAAGF,IAAAA,eAAQ,EAAU;IACvD,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAE,GAAGC,IAAAA,eAAQ,EAAC;QAC1C1B;QACAE;QACA,cAAcC;QACd,mBAAmBC;IACrB;IACA,MAAMuB,iBAAiBC,IAAAA,wBAAe,EAACT,cAAcJ;IAErD,MAAMc,UAAUC,IAAAA,eAAU,EAAC,UAAU,iBAAiB7B,WAAW;QAC/D,iBAAiBe;QACjB,gBAAgBJ,YAAY;QAC5B,kBAAkBA,YAAY;QAC9B,iBAAiBU;IACnB;IAEA,MAAMS,eAAe,CAACC;QACpB,MAAMC,MAAM,CAACD,EAAEE,MAAM,CAACzB,KAAK;QAC3BW,gBAAgBa;QAChB,IAAIvB,UAAU;YACZA,SAASuB;QACX;IACF;IAEA,MAAME,oBAAoB;QACxBZ,eAAe;IACjB;IAEA,MAAMa,kBAAkB;QACtBb,eAAe;QACf,IAAIZ,aAAa;YACfA,YAAYQ;QACd;IACF;IAEA,qBACE,sBAACkB;QAAIpC,WAAW4B;;0BACd,sBAACQ;gBAAIpC,WAAU;;oBACZC,uBAAS,qBAACoC,YAAK;wBAAE,GAAGd,UAAU;kCAAGtB;;oBACjCA,uBACC,qBAACqC;wBAAOC,OAAO;4BAAEC,MAAM;4BAAYC,WAAW;wBAAM;kCACjDf;;;;0BAMP,qBAACU;gBAAIM,KAAK1B;gBAAUhB,WAAU;0BAC5B,cAAA,qBAAC2C;oBACC3C,WAAU;oBACV4C,MAAK;oBACLC,KAAKzC;oBACL0C,KAAKzC;oBACLG,OAAOU;oBACPZ,MAAMA;oBACNG,UAAUqB;oBACViB,cAAa;oBACbC,UAAUjC;oBACVkC,aAAaf;oBACbgB,WAAWf;oBACXgB,WAAWjB;oBACXkB,SAASjB;oBACR,GAAGX,UAAU;;;0BAIlB,sBAACY;gBAAIpC,WAAU;;kCACb,qBAACoC;wBAAIpC,WAAU;wBAAwBqD,eAAY;kCAChDzC;;kCAEH,qBAACwB;wBAAIpC,WAAU;wBAAwBqD,eAAY;kCAChDxC;;;;;;AAKX"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Slider/helpers.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\n\nexport function unwrapFirstValue<T>(value: T | T[] | undefined): T | undefined {\n if (Array.isArray(value)) {\n return value[0];\n }\n return value;\n}\n\nexport function wrapValue<T>(value: T | undefined): T[] | undefined {\n return value === undefined ? undefined : [value];\n}\n\nexport function useUnwrappedHandler<T>(\n handler: ((value: T | undefined) => void) | undefined,\n) {\n return useCallback(\n (value: T | T[]) => {\n handler?.(unwrapFirstValue(value));\n },\n [handler],\n );\n}\n\nexport function useWrappedValue<T>(value: T | undefined): T[] | undefined {\n return useMemo(() => wrapValue(value), [value]);\n}\n\nexport function numberFormatter(\n value: number | string | undefined,\n formatOptions?: Intl.NumberFormatOptions,\n locale = navigator.languages?.[0] || \"en-GB\",\n): string {\n if (!formatOptions) {\n return value?.toString() || \"\";\n }\n\n return new Intl.NumberFormat(locale, formatOptions).format(+(value || 0));\n}\n"],"names":["numberFormatter","unwrapFirstValue","useUnwrappedHandler","useWrappedValue","wrapValue","value","Array","isArray","undefined","handler","useCallback","useMemo","formatOptions","locale","navigator","languages","toString","Intl","NumberFormat","format"],"mappings":";;;;;;;;;;;IA4BgBA,eAAe;eAAfA;;IA1BAC,gBAAgB;eAAhBA;;IAWAC,mBAAmB;eAAnBA;;IAWAC,eAAe;eAAfA;;IAfAC,SAAS;eAATA;;;uBATqB;AAE9B,SAASH,iBAAoBI,KAA0B;IAC5D,IAAIC,MAAMC,OAAO,CAACF,QAAQ;QACxB,OAAOA,KAAK,CAAC,EAAE;IACjB;IACA,OAAOA;AACT;AAEO,SAASD,UAAaC,KAAoB;IAC/C,OAAOA,UAAUG,YAAYA,YAAY;QAACH;KAAM;AAClD;AAEO,SAASH,oBACdO,OAAqD;IAErD,OAAOC,IAAAA,kBAAW,EAChB,CAACL;QACCI,oBAAAA,8BAAAA,QAAUR,iBAAiBI;IAC7B,GACA;QAACI;KAAQ;AAEb;AAEO,SAASN,gBAAmBE,KAAoB;IACrD,OAAOM,IAAAA,cAAO,EAAC,IAAMP,UAAUC,QAAQ;QAACA;KAAM;AAChD;AAEO,SAASL,gBACdK,KAAkC,EAClCO,aAAwC,EACxCC;QAASC;WAAAA,EAAAA,uBAAAA,UAAUC,SAAS,cAAnBD,2CAAAA,oBAAqB,CAAC,EAAE,KAAI;IAAO;IAE5C,IAAI,CAACF,eAAe;QAClB,OAAOP,CAAAA,kBAAAA,4BAAAA,MAAOW,QAAQ,OAAM;IAC9B;IAEA,OAAO,IAAIC,KAAKC,YAAY,CAACL,QAAQD,eAAeO,MAAM,CAAC,CAAEd,CAAAA,SAAS,CAAA;AACxE"}
1
+ {"version":3,"sources":["../../../../src/components/Slider/helpers.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\n\nexport function unwrapFirstValue<T>(value: T | T[] | undefined): T | undefined {\n if (Array.isArray(value)) {\n return value[0];\n }\n return value;\n}\n\nexport function wrapValue<T>(value: T | undefined): T[] | undefined {\n return value === undefined ? undefined : [value];\n}\n\nexport function useUnwrappedHandler<T>(\n handler: ((value: T | undefined) => void) | undefined,\n) {\n return useCallback(\n (value: T | T[]) => {\n handler?.(unwrapFirstValue(value));\n },\n [handler],\n );\n}\n\nexport function useWrappedValue<T>(value: T | undefined): T[] | undefined {\n return useMemo(() => wrapValue(value), [value]);\n}\n\nexport function numberFormatter(\n value: number | string | undefined,\n formatOptions?: Intl.NumberFormatOptions,\n locale = navigator.languages?.[0] || \"en-GB\",\n): string {\n if (!formatOptions) {\n return value?.toString() || \"\";\n }\n\n return new Intl.NumberFormat(locale, formatOptions).format(+(value || 0));\n}\n"],"names":["numberFormatter","unwrapFirstValue","useUnwrappedHandler","useWrappedValue","wrapValue","value","Array","isArray","undefined","handler","useCallback","useMemo","formatOptions","locale","navigator","languages","toString","Intl","NumberFormat","format"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IA4BgBA,eAAe;eAAfA;;IA1BAC,gBAAgB;eAAhBA;;IAWAC,mBAAmB;eAAnBA;;IAWAC,eAAe;eAAfA;;IAfAC,SAAS;eAATA;;;uBATqB;AAE9B,SAASH,iBAAoBI,KAA0B;IAC5D,IAAIC,MAAMC,OAAO,CAACF,QAAQ;QACxB,OAAOA,KAAK,CAAC,EAAE;IACjB;IACA,OAAOA;AACT;AAEO,SAASD,UAAaC,KAAoB;IAC/C,OAAOA,UAAUG,YAAYA,YAAY;QAACH;KAAM;AAClD;AAEO,SAASH,oBACdO,OAAqD;IAErD,OAAOC,IAAAA,kBAAW,EAChB,CAACL;QACCI,oBAAAA,8BAAAA,QAAUR,iBAAiBI;IAC7B,GACA;QAACI;KAAQ;AAEb;AAEO,SAASN,gBAAmBE,KAAoB;IACrD,OAAOM,IAAAA,cAAO,EAAC,IAAMP,UAAUC,QAAQ;QAACA;KAAM;AAChD;AAEO,SAASL,gBACdK,KAAkC,EAClCO,aAAwC,EACxCC;QAASC;WAAAA,EAAAA,uBAAAA,UAAUC,SAAS,cAAnBD,2CAAAA,oBAAqB,CAAC,EAAE,KAAI;IAAO;IAE5C,IAAI,CAACF,eAAe;QAClB,OAAOP,CAAAA,kBAAAA,4BAAAA,MAAOW,QAAQ,OAAM;IAC9B;IAEA,OAAO,IAAIC,KAAKC,YAAY,CAACL,QAAQD,eAAeO,MAAM,CAAC,CAAEd,CAAAA,SAAS,CAAA;AACxE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Slider/index.tsx"],"sourcesContent":["export * from \"./Slider\";\n"],"names":[],"mappings":";;;;qBAAc"}
1
+ {"version":3,"sources":["../../../../src/components/Slider/index.tsx"],"sourcesContent":["export * from \"./Slider\";\n"],"names":[],"rangeMappings":";;;;","mappings":";;;;qBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Table/Body.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface BodyProps extends RefAttributes<HTMLTableSectionElement> {\n children?: ReactNode;\n className?: string;\n}\n\nexport type BodyRef = Ref<HTMLTableSectionElement>;\n\nconst Body: ForwardedRefComponent<BodyProps, HTMLTableSectionElement> =\n forwardRef((props: BodyProps, ref: BodyRef) => {\n const classes = classNames(\"mobius\", \"mobius/TableBody\", props.className);\n\n return <tbody ref={ref} {...props} className={classes} />;\n });\n\nBody.displayName = \"Table.Body\";\nexport { Body };\n"],"names":["Body","forwardRef","props","ref","classes","classNames","className","tbody","displayName"],"mappings":";;;;+BAmBSA;;;eAAAA;;;;uBAnBiD;+DACnC;;;;;;AAUvB,MAAMA,qBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAkBC;IAC5B,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,oBAAoBH,MAAMI,SAAS;IAExE,qBAAO,qBAACC;QAAMJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAChD;AAEFJ,KAAKQ,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Table/Body.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface BodyProps extends RefAttributes<HTMLTableSectionElement> {\n children?: ReactNode;\n className?: string;\n}\n\nexport type BodyRef = Ref<HTMLTableSectionElement>;\n\nconst Body: ForwardedRefComponent<BodyProps, HTMLTableSectionElement> =\n forwardRef((props: BodyProps, ref: BodyRef) => {\n const classes = classNames(\"mobius\", \"mobius/TableBody\", props.className);\n\n return <tbody ref={ref} {...props} className={classes} />;\n });\n\nBody.displayName = \"Table.Body\";\nexport { Body };\n"],"names":["Body","forwardRef","props","ref","classes","classNames","className","tbody","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBSA;;;eAAAA;;;;uBAnBiD;+DACnC;;;;;;AAUvB,MAAMA,qBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAkBC;IAC5B,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,oBAAoBH,MAAMI,SAAS;IAExE,qBAAO,qBAACC;QAAMJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAChD;AAEFJ,KAAKQ,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Table/Cell.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface CellProps extends RefAttributes<HTMLTableCellElement> {\n children?: ReactNode;\n className?: string;\n colSpan?: number;\n rowSpan?: number;\n}\n\nexport type CellRef = Ref<HTMLTableCellElement>;\n\nconst Cell: ForwardedRefComponent<CellProps, HTMLTableCellElement> = forwardRef(\n (props: CellProps, ref: CellRef) => {\n const classes = classNames(\n \"mobius\",\n \"mobius/TableBodyCell\",\n props.className,\n );\n\n return <td ref={ref} {...props} className={classes} />;\n },\n);\n\nCell.displayName = \"Table.Cell\";\nexport { Cell };\n"],"names":["Cell","forwardRef","props","ref","classes","classNames","className","td","displayName"],"mappings":";;;;+BA0BSA;;;eAAAA;;;;uBA1BiD;+DACnC;;;;;;AAYvB,MAAMA,qBAA+DC,IAAAA,iBAAU,EAC7E,CAACC,OAAkBC;IACjB,MAAMC,UAAUC,IAAAA,eAAU,EACxB,UACA,wBACAH,MAAMI,SAAS;IAGjB,qBAAO,qBAACC;QAAGJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAC7C;AAGFJ,KAAKQ,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Table/Cell.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface CellProps extends RefAttributes<HTMLTableCellElement> {\n children?: ReactNode;\n className?: string;\n colSpan?: number;\n rowSpan?: number;\n}\n\nexport type CellRef = Ref<HTMLTableCellElement>;\n\nconst Cell: ForwardedRefComponent<CellProps, HTMLTableCellElement> = forwardRef(\n (props: CellProps, ref: CellRef) => {\n const classes = classNames(\n \"mobius\",\n \"mobius/TableBodyCell\",\n props.className,\n );\n\n return <td ref={ref} {...props} className={classes} />;\n },\n);\n\nCell.displayName = \"Table.Cell\";\nexport { Cell };\n"],"names":["Cell","forwardRef","props","ref","classes","classNames","className","td","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA0BSA;;;eAAAA;;;;uBA1BiD;+DACnC;;;;;;AAYvB,MAAMA,qBAA+DC,IAAAA,iBAAU,EAC7E,CAACC,OAAkBC;IACjB,MAAMC,UAAUC,IAAAA,eAAU,EACxB,UACA,wBACAH,MAAMI,SAAS;IAGjB,qBAAO,qBAACC;QAAGJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAC7C;AAGFJ,KAAKQ,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Table/Foot.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface FootProps extends RefAttributes<HTMLTableSectionElement> {\n children?: ReactNode;\n className?: string;\n}\n\nexport type FootRef = Ref<HTMLTableSectionElement>;\n\nconst Foot: ForwardedRefComponent<FootProps, HTMLTableSectionElement> =\n forwardRef((props: FootProps, ref: FootRef) => {\n const classes = classNames(\"mobius\", \"mobius/TableFoot\", props.className);\n\n return <tfoot ref={ref} {...props} className={classes} />;\n });\n\nFoot.displayName = \"Table.Foot\";\nexport { Foot };\n"],"names":["Foot","forwardRef","props","ref","classes","classNames","className","tfoot","displayName"],"mappings":";;;;+BAmBSA;;;eAAAA;;;;uBAnBiD;+DACnC;;;;;;AAUvB,MAAMA,qBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAkBC;IAC5B,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,oBAAoBH,MAAMI,SAAS;IAExE,qBAAO,qBAACC;QAAMJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAChD;AAEFJ,KAAKQ,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Table/Foot.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface FootProps extends RefAttributes<HTMLTableSectionElement> {\n children?: ReactNode;\n className?: string;\n}\n\nexport type FootRef = Ref<HTMLTableSectionElement>;\n\nconst Foot: ForwardedRefComponent<FootProps, HTMLTableSectionElement> =\n forwardRef((props: FootProps, ref: FootRef) => {\n const classes = classNames(\"mobius\", \"mobius/TableFoot\", props.className);\n\n return <tfoot ref={ref} {...props} className={classes} />;\n });\n\nFoot.displayName = \"Table.Foot\";\nexport { Foot };\n"],"names":["Foot","forwardRef","props","ref","classes","classNames","className","tfoot","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBSA;;;eAAAA;;;;uBAnBiD;+DACnC;;;;;;AAUvB,MAAMA,qBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAkBC;IAC5B,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,oBAAoBH,MAAMI,SAAS;IAExE,qBAAO,qBAACC;QAAMJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAChD;AAEFJ,KAAKQ,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Table/Head.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface HeadProps extends RefAttributes<HTMLTableSectionElement> {\n children?: ReactNode;\n className?: string;\n}\n\nexport type HeadRef = Ref<HTMLTableSectionElement>;\n\nconst Head: ForwardedRefComponent<HeadProps, HTMLTableSectionElement> =\n forwardRef((props: HeadProps, ref: HeadRef) => {\n const classes = classNames(\"mobius\", \"mobius/TableHead\", props.className);\n\n return <thead ref={ref} {...props} className={classes} />;\n });\n\nHead.displayName = \"Table.Head\";\nexport { Head };\n"],"names":["Head","forwardRef","props","ref","classes","classNames","className","thead","displayName"],"mappings":";;;;+BAmBSA;;;eAAAA;;;;uBAnBiD;+DACnC;;;;;;AAUvB,MAAMA,qBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAkBC;IAC5B,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,oBAAoBH,MAAMI,SAAS;IAExE,qBAAO,qBAACC;QAAMJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAChD;AAEFJ,KAAKQ,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Table/Head.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface HeadProps extends RefAttributes<HTMLTableSectionElement> {\n children?: ReactNode;\n className?: string;\n}\n\nexport type HeadRef = Ref<HTMLTableSectionElement>;\n\nconst Head: ForwardedRefComponent<HeadProps, HTMLTableSectionElement> =\n forwardRef((props: HeadProps, ref: HeadRef) => {\n const classes = classNames(\"mobius\", \"mobius/TableHead\", props.className);\n\n return <thead ref={ref} {...props} className={classes} />;\n });\n\nHead.displayName = \"Table.Head\";\nexport { Head };\n"],"names":["Head","forwardRef","props","ref","classes","classNames","className","thead","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBSA;;;eAAAA;;;;uBAnBiD;+DACnC;;;;;;AAUvB,MAAMA,qBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAkBC;IAC5B,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,oBAAoBH,MAAMI,SAAS;IAExE,qBAAO,qBAACC;QAAMJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAChD;AAEFJ,KAAKQ,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Table/HeaderCell.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface HeaderCellProps extends RefAttributes<HTMLTableCellElement> {\n children?: ReactNode;\n className?: string;\n colSpan?: number;\n rowSpan?: number;\n}\n\nexport type HeaderCellRef = Ref<HTMLTableCellElement>;\n\nconst HeaderCell: ForwardedRefComponent<HeaderCellProps, HTMLTableCellElement> =\n forwardRef((props: HeaderCellProps, ref: HeaderCellRef) => {\n const classes = classNames(\n \"mobius\",\n \"mobius/TableHeadCell\",\n props.className,\n );\n\n return <th {...props} ref={ref} className={classes} />;\n });\n\nHeaderCell.displayName = \"Table.HeaderCell\";\nexport { HeaderCell };\n"],"names":["HeaderCell","forwardRef","props","ref","classes","classNames","className","th","displayName"],"mappings":";;;;+BAyBSA;;;eAAAA;;;;uBAzBiD;+DACnC;;;;;;AAYvB,MAAMA,2BACJC,IAAAA,iBAAU,EAAC,CAACC,OAAwBC;IAClC,MAAMC,UAAUC,IAAAA,eAAU,EACxB,UACA,wBACAH,MAAMI,SAAS;IAGjB,qBAAO,qBAACC;QAAI,GAAGL,KAAK;QAAEC,KAAKA;QAAKG,WAAWF;;AAC7C;AAEFJ,WAAWQ,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Table/HeaderCell.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface HeaderCellProps extends RefAttributes<HTMLTableCellElement> {\n children?: ReactNode;\n className?: string;\n colSpan?: number;\n rowSpan?: number;\n}\n\nexport type HeaderCellRef = Ref<HTMLTableCellElement>;\n\nconst HeaderCell: ForwardedRefComponent<HeaderCellProps, HTMLTableCellElement> =\n forwardRef((props: HeaderCellProps, ref: HeaderCellRef) => {\n const classes = classNames(\n \"mobius\",\n \"mobius/TableHeadCell\",\n props.className,\n );\n\n return <th {...props} ref={ref} className={classes} />;\n });\n\nHeaderCell.displayName = \"Table.HeaderCell\";\nexport { HeaderCell };\n"],"names":["HeaderCell","forwardRef","props","ref","classes","classNames","className","th","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAyBSA;;;eAAAA;;;;uBAzBiD;+DACnC;;;;;;AAYvB,MAAMA,2BACJC,IAAAA,iBAAU,EAAC,CAACC,OAAwBC;IAClC,MAAMC,UAAUC,IAAAA,eAAU,EACxB,UACA,wBACAH,MAAMI,SAAS;IAGjB,qBAAO,qBAACC;QAAI,GAAGL,KAAK;QAAEC,KAAKA;QAAKG,WAAWF;;AAC7C;AAEFJ,WAAWQ,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Table/Row.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface RowProps extends RefAttributes<HTMLTableRowElement> {\n children?: ReactNode;\n className?: string;\n}\n\nexport type RowRef = Ref<HTMLTableRowElement>;\n\nconst Row: ForwardedRefComponent<RowProps, HTMLTableRowElement> = forwardRef(\n (props: RowProps, ref: RowRef) => {\n const classes = classNames(\"mobius\", \"mobius/TableRow\", props.className);\n\n return <tr ref={ref} {...props} className={classes} />;\n },\n);\n\nRow.displayName = \"Table.Row\";\nexport { Row };\n"],"names":["Row","forwardRef","props","ref","classes","classNames","className","tr","displayName"],"mappings":";;;;+BAoBSA;;;eAAAA;;;;uBApBiD;+DACnC;;;;;;AAUvB,MAAMA,oBAA4DC,IAAAA,iBAAU,EAC1E,CAACC,OAAiBC;IAChB,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBH,MAAMI,SAAS;IAEvE,qBAAO,qBAACC;QAAGJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAC7C;AAGFJ,IAAIQ,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Table/Row.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface RowProps extends RefAttributes<HTMLTableRowElement> {\n children?: ReactNode;\n className?: string;\n}\n\nexport type RowRef = Ref<HTMLTableRowElement>;\n\nconst Row: ForwardedRefComponent<RowProps, HTMLTableRowElement> = forwardRef(\n (props: RowProps, ref: RowRef) => {\n const classes = classNames(\"mobius\", \"mobius/TableRow\", props.className);\n\n return <tr ref={ref} {...props} className={classes} />;\n },\n);\n\nRow.displayName = \"Table.Row\";\nexport { Row };\n"],"names":["Row","forwardRef","props","ref","classes","classNames","className","tr","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoBSA;;;eAAAA;;;;uBApBiD;+DACnC;;;;;;AAUvB,MAAMA,oBAA4DC,IAAAA,iBAAU,EAC1E,CAACC,OAAiBC;IAChB,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBH,MAAMI,SAAS;IAEvE,qBAAO,qBAACC;QAAGJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAC7C;AAGFJ,IAAIQ,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TableElementType = HTMLTableElement;\n\nexport interface TableProps extends DOMProps, RefAttributes<TableElementType> {\n children?: ReactNode;\n className?: string;\n}\n\nexport type TableRef = Ref<TableElementType>;\n\nconst Table: ForwardedRefComponent<TableProps, TableElementType> = forwardRef(\n (props: TableProps, ref: TableRef) => {\n const classes = classNames(\"mobius\", \"mobius/Table\", props.className);\n\n return <table ref={ref} {...props} className={classes} />;\n },\n);\n\nTable.displayName = \"Table\";\nexport { Table };\n"],"names":["Table","forwardRef","props","ref","classes","classNames","className","table","displayName"],"mappings":";;;;+BAuBSA;;;eAAAA;;;;uBAvBiD;+DACnC;;;;;;AAavB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,gBAAgBH,MAAMI,SAAS;IAEpE,qBAAO,qBAACC;QAAMJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAChD;AAGFJ,MAAMQ,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TableElementType = HTMLTableElement;\n\nexport interface TableProps extends DOMProps, RefAttributes<TableElementType> {\n children?: ReactNode;\n className?: string;\n}\n\nexport type TableRef = Ref<TableElementType>;\n\nconst Table: ForwardedRefComponent<TableProps, TableElementType> = forwardRef(\n (props: TableProps, ref: TableRef) => {\n const classes = classNames(\"mobius\", \"mobius/Table\", props.className);\n\n return <table ref={ref} {...props} className={classes} />;\n },\n);\n\nTable.displayName = \"Table\";\nexport { Table };\n"],"names":["Table","forwardRef","props","ref","classes","classNames","className","table","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuBSA;;;eAAAA;;;;uBAvBiD;+DACnC;;;;;;AAavB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,gBAAgBH,MAAMI,SAAS;IAEpE,qBAAO,qBAACC;QAAMJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAChD;AAGFJ,MAAMQ,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Table/index.tsx"],"sourcesContent":["import { ForwardedRefComponent } from \"../../types/components\";\nimport { Table as TableComponent, TableProps, TableRef } from \"./Table\";\nimport { Head } from \"./Head\";\nimport { Body } from \"./Body\";\nimport { Foot } from \"./Foot\";\nimport { Row } from \"./Row\";\nimport { HeaderCell } from \"./HeaderCell\";\nimport { Cell } from \"./Cell\";\n\nimport type { TableElementType } from \"./Table\";\nimport type {\n HeadProps as TableHeadProps,\n HeadRef as TableHeadRef,\n} from \"./Head\";\nimport type {\n BodyProps as TableBodyProps,\n BodyRef as TableBodyRef,\n} from \"./Body\";\nimport type {\n FootProps as TableFootProps,\n FootRef as TableFootRef,\n} from \"./Foot\";\nimport type { RowProps as TableRowProps, RowRef as TableRowRef } from \"./Row\";\nimport type {\n HeaderCellProps as TableHeaderCellProps,\n HeaderCellRef as TableHeaderCellRef,\n} from \"./HeaderCell\";\nimport type {\n CellProps as TableCellProps,\n CellRef as TableCellRef,\n} from \"./Cell\";\n\nexport interface TableCompound\n extends ForwardedRefComponent<TableProps, HTMLTableElement> {\n Head: ForwardedRefComponent<TableHeadProps, HTMLTableSectionElement>;\n Body: ForwardedRefComponent<TableBodyProps, HTMLTableSectionElement>;\n Foot: ForwardedRefComponent<TableFootProps, HTMLTableSectionElement>;\n Row: ForwardedRefComponent<TableRowProps, HTMLTableRowElement>;\n HeaderCell: ForwardedRefComponent<TableHeaderCellProps, HTMLTableCellElement>;\n Cell: ForwardedRefComponent<TableCellProps, HTMLTableCellElement>;\n}\n\nconst Table: TableCompound = Object.assign(TableComponent, {\n Head,\n Body,\n Foot,\n Row,\n HeaderCell,\n Cell,\n});\n\nexport type {\n TableElementType,\n TableProps,\n TableRef,\n TableHeadProps,\n TableHeadRef,\n TableBodyProps,\n TableBodyRef,\n TableFootProps,\n TableFootRef,\n TableRowProps,\n TableRowRef,\n TableHeaderCellProps,\n TableHeaderCellRef,\n TableCellProps,\n TableCellRef,\n};\n\nTable.displayName = \"Table\";\nexport { Table };\n"],"names":["Table","Object","assign","TableComponent","Head","Body","Foot","Row","HeaderCell","Cell","displayName"],"mappings":";;;;+BAsESA;;;eAAAA;;;uBArEqD;sBACzC;sBACA;sBACA;qBACD;4BACO;sBACN;AAmCrB,MAAMA,QAAuBC,OAAOC,MAAM,CAACC,YAAc,EAAE;IACzDC,MAAAA,UAAI;IACJC,MAAAA,UAAI;IACJC,MAAAA,UAAI;IACJC,KAAAA,QAAG;IACHC,YAAAA,sBAAU;IACVC,MAAAA,UAAI;AACN;AAoBAT,MAAMU,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Table/index.tsx"],"sourcesContent":["import { ForwardedRefComponent } from \"../../types/components\";\nimport { Table as TableComponent, TableProps, TableRef } from \"./Table\";\nimport { Head } from \"./Head\";\nimport { Body } from \"./Body\";\nimport { Foot } from \"./Foot\";\nimport { Row } from \"./Row\";\nimport { HeaderCell } from \"./HeaderCell\";\nimport { Cell } from \"./Cell\";\n\nimport type { TableElementType } from \"./Table\";\nimport type {\n HeadProps as TableHeadProps,\n HeadRef as TableHeadRef,\n} from \"./Head\";\nimport type {\n BodyProps as TableBodyProps,\n BodyRef as TableBodyRef,\n} from \"./Body\";\nimport type {\n FootProps as TableFootProps,\n FootRef as TableFootRef,\n} from \"./Foot\";\nimport type { RowProps as TableRowProps, RowRef as TableRowRef } from \"./Row\";\nimport type {\n HeaderCellProps as TableHeaderCellProps,\n HeaderCellRef as TableHeaderCellRef,\n} from \"./HeaderCell\";\nimport type {\n CellProps as TableCellProps,\n CellRef as TableCellRef,\n} from \"./Cell\";\n\nexport interface TableCompound\n extends ForwardedRefComponent<TableProps, HTMLTableElement> {\n Head: ForwardedRefComponent<TableHeadProps, HTMLTableSectionElement>;\n Body: ForwardedRefComponent<TableBodyProps, HTMLTableSectionElement>;\n Foot: ForwardedRefComponent<TableFootProps, HTMLTableSectionElement>;\n Row: ForwardedRefComponent<TableRowProps, HTMLTableRowElement>;\n HeaderCell: ForwardedRefComponent<TableHeaderCellProps, HTMLTableCellElement>;\n Cell: ForwardedRefComponent<TableCellProps, HTMLTableCellElement>;\n}\n\nconst Table: TableCompound = Object.assign(TableComponent, {\n Head,\n Body,\n Foot,\n Row,\n HeaderCell,\n Cell,\n});\n\nexport type {\n TableElementType,\n TableProps,\n TableRef,\n TableHeadProps,\n TableHeadRef,\n TableBodyProps,\n TableBodyRef,\n TableFootProps,\n TableFootRef,\n TableRowProps,\n TableRowRef,\n TableHeaderCellProps,\n TableHeaderCellRef,\n TableCellProps,\n TableCellRef,\n};\n\nTable.displayName = \"Table\";\nexport { Table };\n"],"names":["Table","Object","assign","TableComponent","Head","Body","Foot","Row","HeaderCell","Cell","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAsESA;;;eAAAA;;;uBArEqD;sBACzC;sBACA;sBACA;qBACD;4BACO;sBACN;AAmCrB,MAAMA,QAAuBC,OAAOC,MAAM,CAACC,YAAc,EAAE;IACzDC,MAAAA,UAAI;IACJC,MAAAA,UAAI;IACJC,MAAAA,UAAI;IACJC,KAAAA,QAAG;IACHC,YAAAA,sBAAU;IACVC,MAAAA,UAAI;AACN;AAoBAT,MAAMU,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"body\"\n | \"small\"\n | \"legal\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n /** HTML element for the text */\n elementType?: ElementType;\n /** Specify font size override */\n variant?: TextVariantType;\n /** Specify compact line height override */\n spacing?: \"loose\" | \"tight\";\n /** Custom class name for setting specific CSS */\n className?: string;\n children: ReactNode;\n style?: React.CSSProperties;\n}\n\nexport type TextRef = Ref<TextElementType>;\n\nconst getElementType = (\n variant: TextVariantType | undefined,\n elementType: ElementType | undefined,\n) => {\n if (variant) {\n return [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant) ? variant : \"p\";\n }\n return elementType || \"p\";\n};\n\nconst Text: ForwardedRefComponent<TextProps, TextElementType> = forwardRef(\n ({ elementType: Component = \"p\", ...props }: TextProps, ref: TextRef) => {\n // Remove non-DOM props from element\n const { variant, className, spacing, ...otherProps } = props;\n\n // If a variant is supplied, set the class name and element type\n const elementType = getElementType(variant, Component);\n const variantType = variant || elementType;\n const lineHeight = spacing ? `line-height-${spacing}` : \"\";\n const classes = classNames(\n \"mobius\",\n \"mobius/Text\",\n variantType,\n lineHeight,\n className,\n );\n\n return <Component ref={ref} {...otherProps} className={classes} />;\n },\n);\n\nText.displayName = \"Text\";\nexport { Text };\n"],"names":["Text","getElementType","variant","elementType","includes","forwardRef","Component","props","ref","className","spacing","otherProps","variantType","lineHeight","classes","classNames","displayName"],"mappings":";;;;+BA8DSA;;;eAAAA;;;;uBA9DiD;+DACnC;;;;;;AA6BvB,MAAMC,iBAAiB,CACrBC,SACAC;IAEA,IAAID,SAAS;QACX,OAAO;YAAC;YAAM;YAAM;YAAM;SAAK,CAACE,QAAQ,CAACF,WAAWA,UAAU;IAChE;IACA,OAAOC,eAAe;AACxB;AAEA,MAAMH,qBAA0DK,IAAAA,iBAAU,EACxE,CAAC,EAAEF,aAAaG,YAAY,GAAG,EAAE,GAAGC,OAAkB,EAAEC;IACtD,oCAAoC;IACpC,MAAM,EAAEN,OAAO,EAAEO,SAAS,EAAEC,OAAO,EAAE,GAAGC,YAAY,GAAGJ;IAEvD,gEAAgE;IAChE,MAAMJ,cAAcF,eAAeC,SAASI;IAC5C,MAAMM,cAAcV,WAAWC;IAC/B,MAAMU,aAAaH,UAAU,CAAC,YAAY,EAAEA,QAAQ,CAAC,GAAG;IACxD,MAAMI,UAAUC,IAAAA,eAAU,EACxB,UACA,eACAH,aACAC,YACAJ;IAGF,qBAAO,qBAACH;QAAUE,KAAKA;QAAM,GAAGG,UAAU;QAAEF,WAAWK;;AACzD;AAGFd,KAAKgB,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n | \"h1\"\n | \"h2\"\n | \"h3\"\n | \"h4\"\n | \"body\"\n | \"small\"\n | \"legal\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n /** HTML element for the text */\n elementType?: ElementType;\n /** Specify font size override */\n variant?: TextVariantType;\n /** Specify compact line height override */\n spacing?: \"loose\" | \"tight\";\n /** Custom class name for setting specific CSS */\n className?: string;\n children: ReactNode;\n style?: React.CSSProperties;\n}\n\nexport type TextRef = Ref<TextElementType>;\n\nconst getElementType = (\n variant: TextVariantType | undefined,\n elementType: ElementType | undefined,\n) => {\n if (variant) {\n return [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant) ? variant : \"p\";\n }\n return elementType || \"p\";\n};\n\nconst Text: ForwardedRefComponent<TextProps, TextElementType> = forwardRef(\n ({ elementType: Component = \"p\", ...props }: TextProps, ref: TextRef) => {\n // Remove non-DOM props from element\n const { variant, className, spacing, ...otherProps } = props;\n\n // If a variant is supplied, set the class name and element type\n const elementType = getElementType(variant, Component);\n const variantType = variant || elementType;\n const lineHeight = spacing ? `line-height-${spacing}` : \"\";\n const classes = classNames(\n \"mobius\",\n \"mobius/Text\",\n variantType,\n lineHeight,\n className,\n );\n\n return <Component ref={ref} {...otherProps} className={classes} />;\n },\n);\n\nText.displayName = \"Text\";\nexport { Text };\n"],"names":["Text","getElementType","variant","elementType","includes","forwardRef","Component","props","ref","className","spacing","otherProps","variantType","lineHeight","classes","classNames","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA8DSA;;;eAAAA;;;;uBA9DiD;+DACnC;;;;;;AA6BvB,MAAMC,iBAAiB,CACrBC,SACAC;IAEA,IAAID,SAAS;QACX,OAAO;YAAC;YAAM;YAAM;YAAM;SAAK,CAACE,QAAQ,CAACF,WAAWA,UAAU;IAChE;IACA,OAAOC,eAAe;AACxB;AAEA,MAAMH,qBAA0DK,IAAAA,iBAAU,EACxE,CAAC,EAAEF,aAAaG,YAAY,GAAG,EAAE,GAAGC,OAAkB,EAAEC;IACtD,oCAAoC;IACpC,MAAM,EAAEN,OAAO,EAAEO,SAAS,EAAEC,OAAO,EAAE,GAAGC,YAAY,GAAGJ;IAEvD,gEAAgE;IAChE,MAAMJ,cAAcF,eAAeC,SAASI;IAC5C,MAAMM,cAAcV,WAAWC;IAC/B,MAAMU,aAAaH,UAAU,CAAC,YAAY,EAAEA,QAAQ,CAAC,GAAG;IACxD,MAAMI,UAAUC,IAAAA,eAAU,EACxB,UACA,eACAH,aACAC,YACAJ;IAGF,qBAAO,qBAACH;QAAUE,KAAKA;QAAM,GAAGG,UAAU;QAAEF,WAAWK;;AACzD;AAGFd,KAAKgB,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Text/index.tsx"],"sourcesContent":["export * from \"./Text\";\n"],"names":[],"mappings":";;;;qBAAc"}
1
+ {"version":3,"sources":["../../../../src/components/Text/index.tsx"],"sourcesContent":["export * from \"./Text\";\n"],"names":[],"rangeMappings":";;;;","mappings":";;;;qBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["\"use client\";\n\nimport { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { TextAreaInput } from \"../TextAreaInput\";\nimport { Label } from \"../Label\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { UseTextFieldProps, useTextField } from \"../../hooks\";\n\nexport type TextAreaElementType = HTMLTextAreaElement;\n\nexport interface TextAreaProps\n extends UseTextFieldProps,\n DOMProps,\n RefAttributes<TextAreaElementType> {\n className?: string;\n errorMessage?: string;\n validationState?: \"valid\" | \"invalid\";\n}\n\nexport type TextAreaRef = Ref<TextAreaElementType>;\n\nconst TextArea: ForwardedRefComponent<TextAreaProps, TextAreaElementType> =\n forwardRef((props: TextAreaProps, ref: TextAreaRef) => {\n const {\n isDisabled,\n className,\n errorMessage,\n label,\n validationState,\n ...otherProps\n } = props;\n\n const { inputProps, labelProps, errorMessageProps } = useTextField(props);\n\n // Set class name for atom, including interaction state\n const classes = classNames(\"mobius\", \"mobius/TextArea\", className);\n const inputClasses = classNames(\"mobius/TextAreaInput\", {\n \"--is-valid\": validationState === \"valid\",\n \"--is-invalid\": validationState === \"invalid\",\n });\n const labelClasses = classNames({\n \"--is-valid\": validationState === \"valid\",\n \"--is-invalid\": validationState === \"invalid\",\n \"--is-disabled\": isDisabled,\n });\n\n return (\n <Flex flexDirection=\"column\" className={classes}>\n {label && (\n <Label {...labelProps} className={labelClasses}>\n {props.label}\n </Label>\n )}\n <TextAreaInput\n {...otherProps}\n {...inputProps}\n ref={ref}\n className={inputClasses}\n isDisabled={isDisabled}\n aria-invalid={errorMessage != null}\n />\n <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n </Flex>\n );\n });\n\nTextArea.displayName = \"TextArea\";\nexport { TextArea };\n"],"names":["TextArea","forwardRef","props","ref","isDisabled","className","errorMessage","label","validationState","otherProps","inputProps","labelProps","errorMessageProps","useTextField","classes","classNames","inputClasses","labelClasses","Flex","flexDirection","Label","TextAreaInput","aria-invalid","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BAuESA;;;eAAAA;;;;uBArEsC;+DACxB;+BAEO;uBACR;sBAED;8BACQ;uBACmB;;;;;;AAehD,MAAMA,yBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAsBC;IAChC,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,YAAY,EACZC,KAAK,EACLC,eAAe,EACf,GAAGC,YACJ,GAAGP;IAEJ,MAAM,EAAEQ,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAACX;IAEnE,uDAAuD;IACvD,MAAMY,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBV;IACxD,MAAMW,eAAeD,IAAAA,eAAU,EAAC,wBAAwB;QACtD,cAAcP,oBAAoB;QAClC,gBAAgBA,oBAAoB;IACtC;IACA,MAAMS,eAAeF,IAAAA,eAAU,EAAC;QAC9B,cAAcP,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiBJ;IACnB;IAEA,qBACE,sBAACc,UAAI;QAACC,eAAc;QAASd,WAAWS;;YACrCP,uBACC,qBAACa,YAAK;gBAAE,GAAGT,UAAU;gBAAEN,WAAWY;0BAC/Bf,MAAMK,KAAK;;0BAGhB,qBAACc,4BAAa;gBACX,GAAGZ,UAAU;gBACb,GAAGC,UAAU;gBACdP,KAAKA;gBACLE,WAAWW;gBACXZ,YAAYA;gBACZkB,gBAAchB,gBAAgB;;0BAEhC,qBAACiB,0BAAY;gBAAE,GAAGX,iBAAiB;gBAAEN,cAAcA;;;;AAGzD;AAEFN,SAASwB,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["\"use client\";\n\nimport { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { TextAreaInput } from \"../TextAreaInput\";\nimport { Label } from \"../Label\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { UseTextFieldProps, useTextField } from \"../../hooks\";\n\nexport type TextAreaElementType = HTMLTextAreaElement;\n\nexport interface TextAreaProps\n extends UseTextFieldProps,\n DOMProps,\n RefAttributes<TextAreaElementType> {\n className?: string;\n errorMessage?: string;\n validationState?: \"valid\" | \"invalid\";\n}\n\nexport type TextAreaRef = Ref<TextAreaElementType>;\n\nconst TextArea: ForwardedRefComponent<TextAreaProps, TextAreaElementType> =\n forwardRef((props: TextAreaProps, ref: TextAreaRef) => {\n const {\n isDisabled,\n className,\n errorMessage,\n label,\n validationState,\n ...otherProps\n } = props;\n\n const { inputProps, labelProps, errorMessageProps } = useTextField(props);\n\n // Set class name for atom, including interaction state\n const classes = classNames(\"mobius\", \"mobius/TextArea\", className);\n const inputClasses = classNames(\"mobius/TextAreaInput\", {\n \"--is-valid\": validationState === \"valid\",\n \"--is-invalid\": validationState === \"invalid\",\n });\n const labelClasses = classNames({\n \"--is-valid\": validationState === \"valid\",\n \"--is-invalid\": validationState === \"invalid\",\n \"--is-disabled\": isDisabled,\n });\n\n return (\n <Flex flexDirection=\"column\" className={classes}>\n {label && (\n <Label {...labelProps} className={labelClasses}>\n {props.label}\n </Label>\n )}\n <TextAreaInput\n {...otherProps}\n {...inputProps}\n ref={ref}\n className={inputClasses}\n isDisabled={isDisabled}\n aria-invalid={errorMessage != null}\n />\n <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n </Flex>\n );\n });\n\nTextArea.displayName = \"TextArea\";\nexport { TextArea };\n"],"names":["TextArea","forwardRef","props","ref","isDisabled","className","errorMessage","label","validationState","otherProps","inputProps","labelProps","errorMessageProps","useTextField","classes","classNames","inputClasses","labelClasses","Flex","flexDirection","Label","TextAreaInput","aria-invalid","ErrorMessage","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BAuESA;;;eAAAA;;;;uBArEsC;+DACxB;+BAEO;uBACR;sBAED;8BACQ;uBACmB;;;;;;AAehD,MAAMA,yBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAsBC;IAChC,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,YAAY,EACZC,KAAK,EACLC,eAAe,EACf,GAAGC,YACJ,GAAGP;IAEJ,MAAM,EAAEQ,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAACX;IAEnE,uDAAuD;IACvD,MAAMY,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBV;IACxD,MAAMW,eAAeD,IAAAA,eAAU,EAAC,wBAAwB;QACtD,cAAcP,oBAAoB;QAClC,gBAAgBA,oBAAoB;IACtC;IACA,MAAMS,eAAeF,IAAAA,eAAU,EAAC;QAC9B,cAAcP,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiBJ;IACnB;IAEA,qBACE,sBAACc,UAAI;QAACC,eAAc;QAASd,WAAWS;;YACrCP,uBACC,qBAACa,YAAK;gBAAE,GAAGT,UAAU;gBAAEN,WAAWY;0BAC/Bf,MAAMK,KAAK;;0BAGhB,qBAACc,4BAAa;gBACX,GAAGZ,UAAU;gBACb,GAAGC,UAAU;gBACdP,KAAKA;gBACLE,WAAWW;gBACXZ,YAAYA;gBACZkB,gBAAchB,gBAAgB;;0BAEhC,qBAACiB,0BAAY;gBAAE,GAAGX,iBAAiB;gBAAEN,cAAcA;;;;AAGzD;AAEFN,SAASwB,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/TextArea/index.tsx"],"sourcesContent":["export * from \"./TextArea\";\n"],"names":[],"mappings":";;;;qBAAc"}
1
+ {"version":3,"sources":["../../../../src/components/TextArea/index.tsx"],"sourcesContent":["export * from \"./TextArea\";\n"],"names":[],"rangeMappings":";;;;","mappings":";;;;qBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/TextAreaInput/TextAreaInput.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TextAreaInputElementType = HTMLTextAreaElement;\n\nexport interface InteractionStateProps {\n isSelected?: boolean;\n isDisabled?: boolean;\n}\n\nexport interface TextAreaInputProps\n extends DOMProps,\n InteractionStateProps,\n RefAttributes<TextAreaInputElementType> {\n className?: string;\n}\n\nexport type TextAreaInputRef = Ref<TextAreaInputElementType>;\n\nconst TextAreaInput: ForwardedRefComponent<\n TextAreaInputProps,\n TextAreaInputElementType\n> = forwardRef((props: TextAreaInputProps, ref: TextAreaInputRef) => {\n // Extract interaction props:\n const { isSelected, isDisabled, ...otherProps } = props;\n\n const classes = classNames(\n \"mobius\",\n \"mobius/TextAreaInput\",\n {\n \"--is-disabled\": isDisabled,\n \"--is-selected\": isSelected,\n },\n otherProps.className,\n );\n\n return <textarea ref={ref} {...otherProps} className={classes} />;\n});\n\nTextAreaInput.displayName = \"TextAreaInput\";\nexport { TextAreaInput };\n"],"names":["TextAreaInput","forwardRef","props","ref","isSelected","isDisabled","otherProps","classes","classNames","className","textarea","displayName"],"mappings":";;;;+BA0CSA;;;eAAAA;;;;uBA1CsC;+DACxB;;;;;;AAoBvB,MAAMA,8BAGFC,IAAAA,iBAAU,EAAC,CAACC,OAA2BC;IACzC,6BAA6B;IAC7B,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,YAAY,GAAGJ;IAElD,MAAMK,UAAUC,IAAAA,eAAU,EACxB,UACA,wBACA;QACE,iBAAiBH;QACjB,iBAAiBD;IACnB,GACAE,WAAWG,SAAS;IAGtB,qBAAO,qBAACC;QAASP,KAAKA;QAAM,GAAGG,UAAU;QAAEG,WAAWF;;AACxD;AAEAP,cAAcW,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/TextAreaInput/TextAreaInput.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TextAreaInputElementType = HTMLTextAreaElement;\n\nexport interface InteractionStateProps {\n isSelected?: boolean;\n isDisabled?: boolean;\n}\n\nexport interface TextAreaInputProps\n extends DOMProps,\n InteractionStateProps,\n RefAttributes<TextAreaInputElementType> {\n className?: string;\n}\n\nexport type TextAreaInputRef = Ref<TextAreaInputElementType>;\n\nconst TextAreaInput: ForwardedRefComponent<\n TextAreaInputProps,\n TextAreaInputElementType\n> = forwardRef((props: TextAreaInputProps, ref: TextAreaInputRef) => {\n // Extract interaction props:\n const { isSelected, isDisabled, ...otherProps } = props;\n\n const classes = classNames(\n \"mobius\",\n \"mobius/TextAreaInput\",\n {\n \"--is-disabled\": isDisabled,\n \"--is-selected\": isSelected,\n },\n otherProps.className,\n );\n\n return <textarea ref={ref} {...otherProps} className={classes} />;\n});\n\nTextAreaInput.displayName = \"TextAreaInput\";\nexport { TextAreaInput };\n"],"names":["TextAreaInput","forwardRef","props","ref","isSelected","isDisabled","otherProps","classes","classNames","className","textarea","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA0CSA;;;eAAAA;;;;uBA1CsC;+DACxB;;;;;;AAoBvB,MAAMA,8BAGFC,IAAAA,iBAAU,EAAC,CAACC,OAA2BC;IACzC,6BAA6B;IAC7B,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,YAAY,GAAGJ;IAElD,MAAMK,UAAUC,IAAAA,eAAU,EACxB,UACA,wBACA;QACE,iBAAiBH;QACjB,iBAAiBD;IACnB,GACAE,WAAWG,SAAS;IAGtB,qBAAO,qBAACC;QAASP,KAAKA;QAAM,GAAGG,UAAU;QAAEG,WAAWF;;AACxD;AAEAP,cAAcW,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/TextAreaInput/index.tsx"],"sourcesContent":["export * from \"./TextAreaInput\";\n"],"names":[],"mappings":";;;;qBAAc"}
1
+ {"version":3,"sources":["../../../../src/components/TextAreaInput/index.tsx"],"sourcesContent":["export * from \"./TextAreaInput\";\n"],"names":[],"rangeMappings":";;;;","mappings":";;;;qBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n HTMLInputTypeAttribute,\n ReactElement,\n ReactNode,\n Ref,\n RefAttributes,\n forwardRef,\n} from \"react\";\nimport { UseTextFieldProps, useTextField } from \"../../hooks\";\nimport { DOMProps, FocusEvents } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n extends DOMProps,\n FocusEvents,\n UseTextFieldProps,\n RefAttributes<TextFieldElementType> {\n className?: string;\n errorMessage?: string;\n children?: ReactNode;\n label?: string;\n type?: Exclude<\n HTMLInputTypeAttribute,\n | \"button\"\n | \"checkbox\"\n | \"color\"\n | \"date\"\n | \"datetime-local\"\n | \"file\"\n | \"image\"\n | \"month\"\n | \"radio\"\n | \"range\"\n | \"reset\"\n | \"submit\"\n | \"week\"\n >;\n prefixInside?: ReactElement;\n prefixOutside?: ReactElement;\n suffixInside?: ReactElement;\n suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField: ForwardedRefComponent<TextFieldProps, TextFieldElementType> =\n forwardRef((props: TextFieldProps, ref: TextFieldRef) => {\n const {\n isDisabled,\n type = \"text\",\n validationState,\n className,\n label,\n errorMessage,\n children,\n isRequired,\n prefixInside,\n prefixOutside,\n suffixInside,\n suffixOutside,\n ...otherProps\n } = props;\n\n const { inputProps, labelProps, errorMessageProps } = useTextField({\n ...props,\n \"aria-errormessage\": errorMessage,\n });\n\n const hidden = type === \"hidden\";\n\n const textfieldClasses = {\n \"--is-disabled\": isDisabled,\n \"--is-valid\": validationState === \"valid\",\n \"--is-invalid\": validationState === \"invalid\",\n \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n \"--is-hidden\": hidden,\n [className || \"\"]: true,\n };\n\n const labelClasses = classNames({\n \"--is-disabled\": isDisabled,\n \"--is-valid\": validationState === \"valid\",\n \"--is-invalid\": validationState === \"invalid\",\n });\n\n const containerClasses = classNames(\n \"mobius\",\n \"mobius/TextField\",\n textfieldClasses,\n );\n\n const inputClasses = classNames(\n \"mobius\",\n \"mobius/TextInput\",\n textfieldClasses,\n );\n\n const inputWrapperClasses = classNames(\n \"mobius/TextFieldInputWrapper\",\n textfieldClasses,\n );\n\n return (\n <div className={containerClasses}>\n {label && !hidden && (\n <Label {...labelProps} className={labelClasses}>\n {label}\n </Label>\n )}\n <div className=\"mobius/TextFieldInnerContainer\">\n {adornmentWithClassName(\n prefixOutside,\n \"mobius/TextFieldPrefixOutside\",\n )}\n <div className={inputWrapperClasses}>\n {adornmentWithClassName(\n prefixInside,\n \"mobius/TextFieldPrefixInside\",\n )}\n <input\n {...otherProps}\n {...inputProps}\n ref={ref}\n type={type}\n className={inputClasses}\n />\n {adornmentWithClassName(\n suffixInside,\n \"mobius/TextFieldSuffixInside\",\n )}\n </div>\n {adornmentWithClassName(\n suffixOutside,\n \"mobius/TextFieldSuffixOutside\",\n )}\n </div>\n {children && <div className=\"mobius/TextFieldChildren\">{children}</div>}\n\n <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n </div>\n );\n });\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n"],"names":["TextField","forwardRef","props","ref","isDisabled","type","validationState","className","label","errorMessage","children","isRequired","prefixInside","prefixOutside","suffixInside","suffixOutside","otherProps","inputProps","labelProps","errorMessageProps","useTextField","hidden","textfieldClasses","labelClasses","classNames","containerClasses","inputClasses","inputWrapperClasses","div","Label","adornmentWithClassName","input","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BAwJSA;;;eAAAA;;;;+DAtJc;uBAQhB;uBACyC;8BAGnB;uBACP;wCACiB;;;;;;AAoCvC,MAAMA,0BACJC,IAAAA,iBAAU,EAAC,CAACC,OAAuBC;IACjC,MAAM,EACJC,UAAU,EACVC,OAAO,MAAM,EACbC,eAAe,EACfC,SAAS,EACTC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,aAAa,EACb,GAAGC,YACJ,GAAGd;IAEJ,MAAM,EAAEe,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAAC;QACjE,GAAGlB,KAAK;QACR,qBAAqBO;IACvB;IAEA,MAAMY,SAAShB,SAAS;IAExB,MAAMiB,mBAAmB;QACvB,iBAAiBlB;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOK,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;QACrD,eAAeU;QACf,CAACd,aAAa,GAAG,EAAE;IACrB;IAEA,MAAMgB,eAAeC,IAAAA,eAAU,EAAC;QAC9B,iBAAiBpB;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;IACtC;IAEA,MAAMmB,mBAAmBD,IAAAA,eAAU,EACjC,UACA,oBACAF;IAGF,MAAMI,eAAeF,IAAAA,eAAU,EAC7B,UACA,oBACAF;IAGF,MAAMK,sBAAsBH,IAAAA,eAAU,EACpC,gCACAF;IAGF,qBACE,sBAACM;QAAIrB,WAAWkB;;YACbjB,SAAS,CAACa,wBACT,qBAACQ,YAAK;gBAAE,GAAGX,UAAU;gBAAEX,WAAWgB;0BAC/Bf;;0BAGL,sBAACoB;gBAAIrB,WAAU;;oBACZuB,IAAAA,8CAAsB,EACrBjB,eACA;kCAEF,sBAACe;wBAAIrB,WAAWoB;;4BACbG,IAAAA,8CAAsB,EACrBlB,cACA;0CAEF,qBAACmB;gCACE,GAAGf,UAAU;gCACb,GAAGC,UAAU;gCACdd,KAAKA;gCACLE,MAAMA;gCACNE,WAAWmB;;4BAEZI,IAAAA,8CAAsB,EACrBhB,cACA;;;oBAGHgB,IAAAA,8CAAsB,EACrBf,eACA;;;YAGHL,0BAAY,qBAACkB;gBAAIrB,WAAU;0BAA4BG;;0BAExD,qBAACsB,0BAAY;gBAAE,GAAGb,iBAAiB;gBAAEV,cAAcA;;;;AAGzD;AAEFT,UAAUiC,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n HTMLInputTypeAttribute,\n ReactElement,\n ReactNode,\n Ref,\n RefAttributes,\n forwardRef,\n} from \"react\";\nimport { UseTextFieldProps, useTextField } from \"../../hooks\";\nimport { DOMProps, FocusEvents } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n extends DOMProps,\n FocusEvents,\n UseTextFieldProps,\n RefAttributes<TextFieldElementType> {\n className?: string;\n errorMessage?: string;\n children?: ReactNode;\n label?: string;\n type?: Exclude<\n HTMLInputTypeAttribute,\n | \"button\"\n | \"checkbox\"\n | \"color\"\n | \"date\"\n | \"datetime-local\"\n | \"file\"\n | \"image\"\n | \"month\"\n | \"radio\"\n | \"range\"\n | \"reset\"\n | \"submit\"\n | \"week\"\n >;\n prefixInside?: ReactElement;\n prefixOutside?: ReactElement;\n suffixInside?: ReactElement;\n suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField: ForwardedRefComponent<TextFieldProps, TextFieldElementType> =\n forwardRef((props: TextFieldProps, ref: TextFieldRef) => {\n const {\n isDisabled,\n type = \"text\",\n validationState,\n className,\n label,\n errorMessage,\n children,\n isRequired,\n prefixInside,\n prefixOutside,\n suffixInside,\n suffixOutside,\n ...otherProps\n } = props;\n\n const { inputProps, labelProps, errorMessageProps } = useTextField({\n ...props,\n \"aria-errormessage\": errorMessage,\n });\n\n const hidden = type === \"hidden\";\n\n const textfieldClasses = {\n \"--is-disabled\": isDisabled,\n \"--is-valid\": validationState === \"valid\",\n \"--is-invalid\": validationState === \"invalid\",\n \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n \"--is-hidden\": hidden,\n [className || \"\"]: true,\n };\n\n const labelClasses = classNames({\n \"--is-disabled\": isDisabled,\n \"--is-valid\": validationState === \"valid\",\n \"--is-invalid\": validationState === \"invalid\",\n });\n\n const containerClasses = classNames(\n \"mobius\",\n \"mobius/TextField\",\n textfieldClasses,\n );\n\n const inputClasses = classNames(\n \"mobius\",\n \"mobius/TextInput\",\n textfieldClasses,\n );\n\n const inputWrapperClasses = classNames(\n \"mobius/TextFieldInputWrapper\",\n textfieldClasses,\n );\n\n return (\n <div className={containerClasses}>\n {label && !hidden && (\n <Label {...labelProps} className={labelClasses}>\n {label}\n </Label>\n )}\n <div className=\"mobius/TextFieldInnerContainer\">\n {adornmentWithClassName(\n prefixOutside,\n \"mobius/TextFieldPrefixOutside\",\n )}\n <div className={inputWrapperClasses}>\n {adornmentWithClassName(\n prefixInside,\n \"mobius/TextFieldPrefixInside\",\n )}\n <input\n {...otherProps}\n {...inputProps}\n ref={ref}\n type={type}\n className={inputClasses}\n />\n {adornmentWithClassName(\n suffixInside,\n \"mobius/TextFieldSuffixInside\",\n )}\n </div>\n {adornmentWithClassName(\n suffixOutside,\n \"mobius/TextFieldSuffixOutside\",\n )}\n </div>\n {children && <div className=\"mobius/TextFieldChildren\">{children}</div>}\n\n <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n </div>\n );\n });\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n"],"names":["TextField","forwardRef","props","ref","isDisabled","type","validationState","className","label","errorMessage","children","isRequired","prefixInside","prefixOutside","suffixInside","suffixOutside","otherProps","inputProps","labelProps","errorMessageProps","useTextField","hidden","textfieldClasses","labelClasses","classNames","containerClasses","inputClasses","inputWrapperClasses","div","Label","adornmentWithClassName","input","ErrorMessage","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;;;;+BAwJSA;;;eAAAA;;;;+DAtJc;uBAQhB;uBACyC;8BAGnB;uBACP;wCACiB;;;;;;AAoCvC,MAAMA,0BACJC,IAAAA,iBAAU,EAAC,CAACC,OAAuBC;IACjC,MAAM,EACJC,UAAU,EACVC,OAAO,MAAM,EACbC,eAAe,EACfC,SAAS,EACTC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,aAAa,EACb,GAAGC,YACJ,GAAGd;IAEJ,MAAM,EAAEe,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAAC;QACjE,GAAGlB,KAAK;QACR,qBAAqBO;IACvB;IAEA,MAAMY,SAAShB,SAAS;IAExB,MAAMiB,mBAAmB;QACvB,iBAAiBlB;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOK,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;QACrD,eAAeU;QACf,CAACd,aAAa,GAAG,EAAE;IACrB;IAEA,MAAMgB,eAAeC,IAAAA,eAAU,EAAC;QAC9B,iBAAiBpB;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;IACtC;IAEA,MAAMmB,mBAAmBD,IAAAA,eAAU,EACjC,UACA,oBACAF;IAGF,MAAMI,eAAeF,IAAAA,eAAU,EAC7B,UACA,oBACAF;IAGF,MAAMK,sBAAsBH,IAAAA,eAAU,EACpC,gCACAF;IAGF,qBACE,sBAACM;QAAIrB,WAAWkB;;YACbjB,SAAS,CAACa,wBACT,qBAACQ,YAAK;gBAAE,GAAGX,UAAU;gBAAEX,WAAWgB;0BAC/Bf;;0BAGL,sBAACoB;gBAAIrB,WAAU;;oBACZuB,IAAAA,8CAAsB,EACrBjB,eACA;kCAEF,sBAACe;wBAAIrB,WAAWoB;;4BACbG,IAAAA,8CAAsB,EACrBlB,cACA;0CAEF,qBAACmB;gCACE,GAAGf,UAAU;gCACb,GAAGC,UAAU;gCACdd,KAAKA;gCACLE,MAAMA;gCACNE,WAAWmB;;4BAEZI,IAAAA,8CAAsB,EACrBhB,cACA;;;oBAGHgB,IAAAA,8CAAsB,EACrBf,eACA;;;YAGHL,0BAAY,qBAACkB;gBAAIrB,WAAU;0BAA4BG;;0BAExD,qBAACsB,0BAAY;gBAAE,GAAGb,iBAAiB;gBAAEV,cAAcA;;;;AAGzD;AAEFT,UAAUiC,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/TextField/adornmentWithClassName.ts"],"sourcesContent":["import classNames from \"classnames\";\nimport { ReactElement, cloneElement } from \"react\";\n\nexport const adornmentWithClassName = (\n component?: ReactElement,\n className?: string,\n) => {\n if (!component) return null;\n\n return cloneElement(component, {\n className: classNames(component.props.className, className),\n });\n};\n"],"names":["adornmentWithClassName","component","className","cloneElement","classNames","props"],"mappings":";;;;+BAGaA;;;eAAAA;;;mEAHU;uBACoB;;;;;;AAEpC,MAAMA,yBAAyB,CACpCC,WACAC;IAEA,IAAI,CAACD,WAAW,OAAO;IAEvB,OAAOE,IAAAA,mBAAY,EAACF,WAAW;QAC7BC,WAAWE,IAAAA,mBAAU,EAACH,UAAUI,KAAK,CAACH,SAAS,EAAEA;IACnD;AACF"}
1
+ {"version":3,"sources":["../../../../src/components/TextField/adornmentWithClassName.ts"],"sourcesContent":["import classNames from \"classnames\";\nimport { ReactElement, cloneElement } from \"react\";\n\nexport const adornmentWithClassName = (\n component?: ReactElement,\n className?: string,\n) => {\n if (!component) return null;\n\n return cloneElement(component, {\n className: classNames(component.props.className, className),\n });\n};\n"],"names":["adornmentWithClassName","component","className","cloneElement","classNames","props"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;mEAHU;uBACoB;;;;;;AAEpC,MAAMA,yBAAyB,CACpCC,WACAC;IAEA,IAAI,CAACD,WAAW,OAAO;IAEvB,OAAOE,IAAAA,mBAAY,EAACF,WAAW;QAC7BC,WAAWE,IAAAA,mBAAU,EAACH,UAAUI,KAAK,CAACH,SAAS,EAAEA;IACnD;AACF"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/TextField/index.tsx"],"sourcesContent":["export * from \"./TextField\";\n"],"names":[],"mappings":";;;;qBAAc"}
1
+ {"version":3,"sources":["../../../../src/components/TextField/index.tsx"],"sourcesContent":["export * from \"./TextField\";\n"],"names":[],"rangeMappings":";;;;","mappings":";;;;qBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Title/Title.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\n\nexport type TitleElementType = HTMLDivElement;\n\nexport interface TitleProps extends DOMProps, RefAttributes<TitleElementType> {\n children?: ReactNode;\n /** Custom class name for setting specific CSS */\n className?: string;\n elementType?: string | React.ElementType;\n title: string;\n description: string;\n}\n\nexport type TitleRef = Ref<TitleElementType>;\n\nconst Title: ForwardedRefComponent<TitleProps, TitleElementType> = forwardRef(\n (props: TitleProps, ref: TitleRef) => {\n const {\n elementType: Element = \"div\",\n title,\n description,\n ...otherProps\n } = props;\n\n const classes = classNames(\"mobius\", \"mobius/Title\", otherProps.className);\n const headerClasses = classNames(\"mobius\", \"mobius/TitleHeader\");\n const contentClasses = classNames(\"mobius\", \"mobius/TitleDescription\");\n const containerClasses = classNames(\"mobius\", \"mobius/TitleContainer\");\n\n return (\n <Element ref={ref} {...otherProps} className={classes}>\n <Flex flexDirection=\"column\" className={containerClasses}>\n <p className={headerClasses}>{title}</p>\n <p className={contentClasses}>{description}</p>\n </Flex>\n </Element>\n );\n },\n);\n\nTitle.displayName = \"Title\";\nexport { Title };\n"],"names":["Title","forwardRef","props","ref","elementType","Element","title","description","otherProps","classes","classNames","className","headerClasses","contentClasses","containerClasses","Flex","flexDirection","p","displayName"],"mappings":";;;;+BA6CSA;;;eAAAA;;;;uBA7CiD;+DACnC;sBAGF;;;;;;AAerB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,KAAK,EACLC,WAAW,EACX,GAAGC,YACJ,GAAGN;IAEJ,MAAMO,UAAUC,IAAAA,eAAU,EAAC,UAAU,gBAAgBF,WAAWG,SAAS;IACzE,MAAMC,gBAAgBF,IAAAA,eAAU,EAAC,UAAU;IAC3C,MAAMG,iBAAiBH,IAAAA,eAAU,EAAC,UAAU;IAC5C,MAAMI,mBAAmBJ,IAAAA,eAAU,EAAC,UAAU;IAE9C,qBACE,qBAACL;QAAQF,KAAKA;QAAM,GAAGK,UAAU;QAAEG,WAAWF;kBAC5C,cAAA,sBAACM,UAAI;YAACC,eAAc;YAASL,WAAWG;;8BACtC,qBAACG;oBAAEN,WAAWC;8BAAgBN;;8BAC9B,qBAACW;oBAAEN,WAAWE;8BAAiBN;;;;;AAIvC;AAGFP,MAAMkB,WAAW,GAAG"}
1
+ {"version":3,"sources":["../../../../src/components/Title/Title.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\n\nexport type TitleElementType = HTMLDivElement;\n\nexport interface TitleProps extends DOMProps, RefAttributes<TitleElementType> {\n children?: ReactNode;\n /** Custom class name for setting specific CSS */\n className?: string;\n elementType?: string | React.ElementType;\n title: string;\n description: string;\n}\n\nexport type TitleRef = Ref<TitleElementType>;\n\nconst Title: ForwardedRefComponent<TitleProps, TitleElementType> = forwardRef(\n (props: TitleProps, ref: TitleRef) => {\n const {\n elementType: Element = \"div\",\n title,\n description,\n ...otherProps\n } = props;\n\n const classes = classNames(\"mobius\", \"mobius/Title\", otherProps.className);\n const headerClasses = classNames(\"mobius\", \"mobius/TitleHeader\");\n const contentClasses = classNames(\"mobius\", \"mobius/TitleDescription\");\n const containerClasses = classNames(\"mobius\", \"mobius/TitleContainer\");\n\n return (\n <Element ref={ref} {...otherProps} className={classes}>\n <Flex flexDirection=\"column\" className={containerClasses}>\n <p className={headerClasses}>{title}</p>\n <p className={contentClasses}>{description}</p>\n </Flex>\n </Element>\n );\n },\n);\n\nTitle.displayName = \"Title\";\nexport { Title };\n"],"names":["Title","forwardRef","props","ref","elementType","Element","title","description","otherProps","classes","classNames","className","headerClasses","contentClasses","containerClasses","Flex","flexDirection","p","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA6CSA;;;eAAAA;;;;uBA7CiD;+DACnC;sBAGF;;;;;;AAerB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,KAAK,EACLC,WAAW,EACX,GAAGC,YACJ,GAAGN;IAEJ,MAAMO,UAAUC,IAAAA,eAAU,EAAC,UAAU,gBAAgBF,WAAWG,SAAS;IACzE,MAAMC,gBAAgBF,IAAAA,eAAU,EAAC,UAAU;IAC3C,MAAMG,iBAAiBH,IAAAA,eAAU,EAAC,UAAU;IAC5C,MAAMI,mBAAmBJ,IAAAA,eAAU,EAAC,UAAU;IAE9C,qBACE,qBAACL;QAAQF,KAAKA;QAAM,GAAGK,UAAU;QAAEG,WAAWF;kBAC5C,cAAA,sBAACM,UAAI;YAACC,eAAc;YAASL,WAAWG;;8BACtC,qBAACG;oBAAEN,WAAWC;8BAAgBN;;8BAC9B,qBAACW;oBAAEN,WAAWE;8BAAiBN;;;;;AAIvC;AAGFP,MAAMkB,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Title/index.tsx"],"sourcesContent":["export * from \"./Title\";\n"],"names":[],"mappings":";;;;qBAAc"}
1
+ {"version":3,"sources":["../../../../src/components/Title/index.tsx"],"sourcesContent":["export * from \"./Title\";\n"],"names":[],"rangeMappings":";;;;","mappings":";;;;qBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import type { JSXElementConstructor, ReactNode } from \"react\";\n\nexport interface VisuallyHiddenProps {\n /** The content to visually hide. */\n children?: ReactNode;\n\n className?: string;\n\n /**\n * The element type for the container. Defaults to 'div'\n */\n elementType?: string | JSXElementConstructor<any>;\n}\n\nexport function VisuallyHidden(props: VisuallyHiddenProps) {\n const { className, children, elementType: Component = \"div\" } = props;\n\n return (\n <Component\n className={className}\n style={{\n border: 0,\n clip: \"rect(0 0 0 0)\",\n clipPath: \"inset(50%)\",\n height: \"1px\",\n margin: \"-1px\",\n overflow: \"hidden\",\n padding: 0,\n position: \"absolute\",\n width: \"1px\",\n whiteSpace: \"nowrap\",\n }}\n >\n {children}\n </Component>\n );\n}\n"],"names":["VisuallyHidden","props","className","children","elementType","Component","style","border","clip","clipPath","height","margin","overflow","padding","position","width","whiteSpace"],"mappings":";;;;+BAcgBA;;;eAAAA;;;;AAAT,SAASA,eAAeC,KAA0B;IACvD,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,aAAaC,YAAY,KAAK,EAAE,GAAGJ;IAEhE,qBACE,qBAACI;QACCH,WAAWA;QACXI,OAAO;YACLC,QAAQ;YACRC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,QAAQ;YACRC,UAAU;YACVC,SAAS;YACTC,UAAU;YACVC,OAAO;YACPC,YAAY;QACd;kBAECb;;AAGP"}
1
+ {"version":3,"sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import type { JSXElementConstructor, ReactNode } from \"react\";\n\nexport interface VisuallyHiddenProps {\n /** The content to visually hide. */\n children?: ReactNode;\n\n className?: string;\n\n /**\n * The element type for the container. Defaults to 'div'\n */\n elementType?: string | JSXElementConstructor<any>;\n}\n\nexport function VisuallyHidden(props: VisuallyHiddenProps) {\n const { className, children, elementType: Component = \"div\" } = props;\n\n return (\n <Component\n className={className}\n style={{\n border: 0,\n clip: \"rect(0 0 0 0)\",\n clipPath: \"inset(50%)\",\n height: \"1px\",\n margin: \"-1px\",\n overflow: \"hidden\",\n padding: 0,\n position: \"absolute\",\n width: \"1px\",\n whiteSpace: \"nowrap\",\n }}\n >\n {children}\n </Component>\n );\n}\n"],"names":["VisuallyHidden","props","className","children","elementType","Component","style","border","clip","clipPath","height","margin","overflow","padding","position","width","whiteSpace"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcgBA;;;eAAAA;;;;AAAT,SAASA,eAAeC,KAA0B;IACvD,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,aAAaC,YAAY,KAAK,EAAE,GAAGJ;IAEhE,qBACE,qBAACI;QACCH,WAAWA;QACXI,OAAO;YACLC,QAAQ;YACRC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,QAAQ;YACRC,UAAU;YACVC,SAAS;YACTC,UAAU;YACVC,OAAO;YACPC,YAAY;QACd;kBAECb;;AAGP"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/VisuallyHidden/index.tsx"],"sourcesContent":["export * from \"./VisuallyHidden\";\n"],"names":[],"mappings":";;;;qBAAc"}
1
+ {"version":3,"sources":["../../../../src/components/VisuallyHidden/index.tsx"],"sourcesContent":["export * from \"./VisuallyHidden\";\n"],"names":[],"rangeMappings":";;;;","mappings":";;;;qBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/index.tsx"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./Alert\";\nexport * from \"./Box\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./Button\";\nexport * from \"./Checkbox\";\nexport * from \"./Container\";\nexport * from \"./Divider\";\nexport * from \"./Drawer\";\nexport * from \"./DropdownMenu\";\nexport * from \"./ErrorMessage\";\nexport * from \"./Fieldset\";\nexport * from \"./Flex\";\nexport * from \"./Grid\";\nexport * from \"./Icon\";\nexport * from \"./Image\";\nexport * from \"./Label\";\nexport * from \"./Link\";\nexport * from \"./LinkButton\";\nexport * from \"./List\";\nexport * from \"./LoadingIndicator\";\nexport * from \"./Logo\";\nexport * from \"./Modal\";\nexport * from \"./NumberField\";\nexport * from \"./Option\";\nexport * from \"./PasswordField\";\nexport * from \"./Popover\";\nexport * from \"./Progress\";\nexport * from \"./Radio\";\nexport * from \"./Segment\";\nexport * from \"./Select\";\nexport * from \"./Slider\";\nexport * from \"./SVG\";\nexport * from \"./Table\";\nexport * from \"./Text\";\nexport * from \"./TextArea\";\nexport * from \"./TextAreaInput\";\nexport * from \"./TextField\";\nexport * from \"./Title\";\nexport * from \"./VisuallyHidden\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA"}
1
+ {"version":3,"sources":["../../../src/components/index.tsx"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./Alert\";\nexport * from \"./Box\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./Button\";\nexport * from \"./Checkbox\";\nexport * from \"./Container\";\nexport * from \"./Divider\";\nexport * from \"./Drawer\";\nexport * from \"./DropdownMenu\";\nexport * from \"./ErrorMessage\";\nexport * from \"./Fieldset\";\nexport * from \"./Flex\";\nexport * from \"./Grid\";\nexport * from \"./Icon\";\nexport * from \"./Image\";\nexport * from \"./Label\";\nexport * from \"./Link\";\nexport * from \"./LinkButton\";\nexport * from \"./List\";\nexport * from \"./LoadingIndicator\";\nexport * from \"./Logo\";\nexport * from \"./Modal\";\nexport * from \"./NumberField\";\nexport * from \"./Option\";\nexport * from \"./PasswordField\";\nexport * from \"./Popover\";\nexport * from \"./Progress\";\nexport * from \"./Radio\";\nexport * from \"./Segment\";\nexport * from \"./Select\";\nexport * from \"./Slider\";\nexport * from \"./SVG\";\nexport * from \"./Table\";\nexport * from \"./Text\";\nexport * from \"./TextArea\";\nexport * from \"./TextAreaInput\";\nexport * from \"./TextField\";\nexport * from \"./Title\";\nexport * from \"./VisuallyHidden\";\n"],"names":[],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;qBAAc;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA"}