@mantine/core 3.1.9 → 3.2.3

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 (790) hide show
  1. package/README.md +2 -2
  2. package/cjs/components/Accordion/AccordionItem/AccordionItem.styles.js +2 -2
  3. package/cjs/components/Accordion/AccordionItem/AccordionItem.styles.js.map +1 -1
  4. package/cjs/components/ActionIcon/ActionIcon.js +1 -1
  5. package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
  6. package/cjs/components/ActionIcon/ActionIcon.styles.js +16 -21
  7. package/cjs/components/ActionIcon/ActionIcon.styles.js.map +1 -1
  8. package/cjs/components/ActionIcon/CloseButton/CloseButton.js +2 -1
  9. package/cjs/components/ActionIcon/CloseButton/CloseButton.js.map +1 -1
  10. package/cjs/components/Alert/Alert.styles.js +5 -5
  11. package/cjs/components/Alert/Alert.styles.js.map +1 -1
  12. package/cjs/components/Anchor/Anchor.js +5 -2
  13. package/cjs/components/Anchor/Anchor.js.map +1 -1
  14. package/cjs/components/Anchor/Anchor.styles.js +17 -0
  15. package/cjs/components/Anchor/Anchor.styles.js.map +1 -0
  16. package/cjs/components/AppShell/AppShell.js +2 -2
  17. package/cjs/components/AppShell/AppShell.js.map +1 -1
  18. package/cjs/components/AppShell/AppShell.styles.js +3 -3
  19. package/cjs/components/AppShell/AppShell.styles.js.map +1 -1
  20. package/cjs/components/AppShell/Header/Header.styles.js +2 -2
  21. package/cjs/components/AppShell/Header/Header.styles.js.map +1 -1
  22. package/cjs/components/AppShell/Navbar/Navbar.js +1 -1
  23. package/cjs/components/AppShell/Navbar/Navbar.js.map +1 -1
  24. package/cjs/components/AppShell/Navbar/Navbar.styles.js +6 -6
  25. package/cjs/components/AppShell/Navbar/Navbar.styles.js.map +1 -1
  26. package/cjs/components/AppShell/get-sorted-breakpoints.js +3 -5
  27. package/cjs/components/AppShell/get-sorted-breakpoints.js.map +1 -1
  28. package/cjs/components/Autocomplete/Autocomplete.js +21 -6
  29. package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
  30. package/cjs/components/Autocomplete/Autocomplete.styles.js +2 -2
  31. package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  32. package/cjs/components/Avatar/Avatar.styles.js +7 -7
  33. package/cjs/components/Avatar/Avatar.styles.js.map +1 -1
  34. package/cjs/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js +3 -3
  35. package/cjs/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js.map +1 -1
  36. package/cjs/components/Badge/Badge.styles.js +6 -10
  37. package/cjs/components/Badge/Badge.styles.js.map +1 -1
  38. package/cjs/components/Blockquote/Blockquote.styles.js +2 -2
  39. package/cjs/components/Blockquote/Blockquote.styles.js.map +1 -1
  40. package/cjs/components/Burger/Burger.styles.js +2 -2
  41. package/cjs/components/Burger/Burger.styles.js.map +1 -1
  42. package/cjs/components/Button/Button.js +4 -9
  43. package/cjs/components/Button/Button.js.map +1 -1
  44. package/cjs/components/Button/Button.styles.js +19 -35
  45. package/cjs/components/Button/Button.styles.js.map +1 -1
  46. package/cjs/components/Button/UnstyledButton/UnstyledButton.styles.js +1 -1
  47. package/cjs/components/Button/UnstyledButton/UnstyledButton.styles.js.map +1 -1
  48. package/cjs/components/Card/CardSection/CardSection.js +6 -3
  49. package/cjs/components/Card/CardSection/CardSection.js.map +1 -1
  50. package/cjs/components/Card/CardSection/CardSection.styles.js +4 -4
  51. package/cjs/components/Card/CardSection/CardSection.styles.js.map +1 -1
  52. package/cjs/components/Checkbox/Checkbox.js +3 -1
  53. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  54. package/cjs/components/Checkbox/Checkbox.styles.js +5 -5
  55. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
  56. package/cjs/components/Chips/Chip/Chip.js +1 -2
  57. package/cjs/components/Chips/Chip/Chip.js.map +1 -1
  58. package/cjs/components/Chips/Chip/Chip.styles.js +17 -17
  59. package/cjs/components/Chips/Chip/Chip.styles.js.map +1 -1
  60. package/cjs/components/Code/Code.styles.js +1 -1
  61. package/cjs/components/Code/Code.styles.js.map +1 -1
  62. package/cjs/components/ColorInput/ColorInput.js +3 -3
  63. package/cjs/components/ColorInput/ColorInput.js.map +1 -1
  64. package/cjs/components/ColorPicker/ColorPicker.js +2 -2
  65. package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
  66. package/cjs/components/ColorPicker/ColorPicker.styles.js +2 -2
  67. package/cjs/components/ColorPicker/ColorPicker.styles.js.map +1 -1
  68. package/cjs/components/ColorPicker/ColorSlider/ColorSlider.styles.js +5 -5
  69. package/cjs/components/ColorPicker/ColorSlider/ColorSlider.styles.js.map +1 -1
  70. package/cjs/components/ColorPicker/Saturation/Saturation.styles.js +3 -3
  71. package/cjs/components/ColorPicker/Saturation/Saturation.styles.js.map +1 -1
  72. package/cjs/components/ColorPicker/Thumb/Thumb.styles.js +1 -1
  73. package/cjs/components/ColorPicker/Thumb/Thumb.styles.js.map +1 -1
  74. package/cjs/components/ColorSwatch/ColorSwatch.styles.js +3 -3
  75. package/cjs/components/ColorSwatch/ColorSwatch.styles.js.map +1 -1
  76. package/cjs/components/Container/Container.styles.js +3 -3
  77. package/cjs/components/Container/Container.styles.js.map +1 -1
  78. package/cjs/components/Dialog/Dialog.styles.js +2 -2
  79. package/cjs/components/Dialog/Dialog.styles.js.map +1 -1
  80. package/cjs/components/Divider/Divider.styles.js +7 -15
  81. package/cjs/components/Divider/Divider.styles.js.map +1 -1
  82. package/cjs/components/Drawer/Drawer.js +2 -4
  83. package/cjs/components/Drawer/Drawer.js.map +1 -1
  84. package/cjs/components/Drawer/Drawer.styles.js +7 -6
  85. package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
  86. package/cjs/components/Grid/Col/Col.js +27 -1
  87. package/cjs/components/Grid/Col/Col.js.map +1 -1
  88. package/cjs/components/Grid/Col/Col.styles.js +30 -5
  89. package/cjs/components/Grid/Col/Col.styles.js.map +1 -1
  90. package/cjs/components/Grid/Grid.styles.js +1 -1
  91. package/cjs/components/Grid/Grid.styles.js.map +1 -1
  92. package/cjs/components/Group/Group.js +1 -4
  93. package/cjs/components/Group/Group.js.map +1 -1
  94. package/cjs/components/Group/Group.styles.js +6 -6
  95. package/cjs/components/Group/Group.styles.js.map +1 -1
  96. package/cjs/components/Highlight/highlighter/highlighter.js +5 -1
  97. package/cjs/components/Highlight/highlighter/highlighter.js.map +1 -1
  98. package/cjs/components/Image/Image.styles.js +3 -3
  99. package/cjs/components/Image/Image.styles.js.map +1 -1
  100. package/cjs/components/Input/Input.styles.js +11 -11
  101. package/cjs/components/Input/Input.styles.js.map +1 -1
  102. package/cjs/components/InputWrapper/InputWrapper.styles.js +3 -3
  103. package/cjs/components/InputWrapper/InputWrapper.styles.js.map +1 -1
  104. package/cjs/components/JsonInput/JsonInput.styles.js +1 -1
  105. package/cjs/components/JsonInput/JsonInput.styles.js.map +1 -1
  106. package/cjs/components/List/List.styles.js +2 -2
  107. package/cjs/components/List/List.styles.js.map +1 -1
  108. package/cjs/components/List/ListItem/ListItem.styles.js +1 -1
  109. package/cjs/components/List/ListItem/ListItem.styles.js.map +1 -1
  110. package/cjs/components/Loader/Loader.js +3 -4
  111. package/cjs/components/Loader/Loader.js.map +1 -1
  112. package/cjs/components/LoadingOverlay/LoadingOverlay.js +1 -3
  113. package/cjs/components/LoadingOverlay/LoadingOverlay.js.map +1 -1
  114. package/cjs/components/Mark/Mark.js +1 -5
  115. package/cjs/components/Mark/Mark.js.map +1 -1
  116. package/cjs/components/MediaQuery/MediaQuery.styles.js +4 -4
  117. package/cjs/components/MediaQuery/MediaQuery.styles.js.map +1 -1
  118. package/cjs/components/Menu/Menu.js +2 -0
  119. package/cjs/components/Menu/Menu.js.map +1 -1
  120. package/cjs/components/Menu/MenuBody/MenuBody.js +10 -8
  121. package/cjs/components/Menu/MenuBody/MenuBody.js.map +1 -1
  122. package/cjs/components/Menu/MenuBody/MenuBody.styles.js +1 -1
  123. package/cjs/components/Menu/MenuBody/MenuBody.styles.js.map +1 -1
  124. package/cjs/components/Menu/MenuButton/MenuButton.styles.js +4 -4
  125. package/cjs/components/Menu/MenuButton/MenuButton.styles.js.map +1 -1
  126. package/cjs/components/Modal/Modal.js +2 -4
  127. package/cjs/components/Modal/Modal.js.map +1 -1
  128. package/cjs/components/Modal/Modal.styles.js +1 -1
  129. package/cjs/components/Modal/Modal.styles.js.map +1 -1
  130. package/cjs/components/MultiSelect/DefaultValue/DefaultValue.js +1 -1
  131. package/cjs/components/MultiSelect/DefaultValue/DefaultValue.js.map +1 -1
  132. package/cjs/components/MultiSelect/DefaultValue/DefaultValue.styles.js +6 -6
  133. package/cjs/components/MultiSelect/DefaultValue/DefaultValue.styles.js.map +1 -1
  134. package/cjs/components/MultiSelect/MultiSelect.js +72 -32
  135. package/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
  136. package/cjs/components/MultiSelect/MultiSelect.styles.js +3 -3
  137. package/cjs/components/MultiSelect/MultiSelect.styles.js.map +1 -1
  138. package/cjs/components/NativeSelect/NativeSelect.js +2 -0
  139. package/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
  140. package/cjs/components/Notification/Notification.styles.js +2 -10
  141. package/cjs/components/Notification/Notification.styles.js.map +1 -1
  142. package/cjs/components/NumberInput/NumberInput.js +58 -24
  143. package/cjs/components/NumberInput/NumberInput.js.map +1 -1
  144. package/cjs/components/NumberInput/NumberInput.styles.js +3 -3
  145. package/cjs/components/NumberInput/NumberInput.styles.js.map +1 -1
  146. package/cjs/components/Overlay/Overlay.js +2 -3
  147. package/cjs/components/Overlay/Overlay.js.map +1 -1
  148. package/cjs/components/Pagination/DefaultItem/DefaultItem.js +2 -2
  149. package/cjs/components/Pagination/DefaultItem/DefaultItem.js.map +1 -1
  150. package/cjs/components/Pagination/Pagination.js +3 -5
  151. package/cjs/components/Pagination/Pagination.js.map +1 -1
  152. package/cjs/components/Pagination/Pagination.styles.js +6 -6
  153. package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
  154. package/cjs/components/Paper/Paper.styles.js +3 -3
  155. package/cjs/components/Paper/Paper.styles.js.map +1 -1
  156. package/cjs/components/PasswordInput/PasswordInput.js +7 -4
  157. package/cjs/components/PasswordInput/PasswordInput.js.map +1 -1
  158. package/cjs/components/PasswordInput/PasswordInput.styles.js +6 -6
  159. package/cjs/components/PasswordInput/PasswordInput.styles.js.map +1 -1
  160. package/cjs/components/PasswordInput/PasswordToggleIcon.js +15 -43
  161. package/cjs/components/PasswordInput/PasswordToggleIcon.js.map +1 -1
  162. package/cjs/components/Popover/Popover.js +6 -1
  163. package/cjs/components/Popover/Popover.js.map +1 -1
  164. package/cjs/components/Popover/PopoverBody/PopoverBody.styles.js +5 -5
  165. package/cjs/components/Popover/PopoverBody/PopoverBody.styles.js.map +1 -1
  166. package/cjs/components/Popper/Popper.js +12 -2
  167. package/cjs/components/Popper/Popper.js.map +1 -1
  168. package/cjs/components/Progress/Progress.js +2 -3
  169. package/cjs/components/Progress/Progress.js.map +1 -1
  170. package/cjs/components/Progress/Progress.styles.js +7 -7
  171. package/cjs/components/Progress/Progress.styles.js.map +1 -1
  172. package/cjs/components/RadioGroup/Radio/Radio.styles.js +11 -11
  173. package/cjs/components/RadioGroup/Radio/Radio.styles.js.map +1 -1
  174. package/cjs/components/RingProgress/Curve/Curve.js +3 -13
  175. package/cjs/components/RingProgress/Curve/Curve.js.map +1 -1
  176. package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
  177. package/cjs/components/SegmentedControl/SegmentedControl.styles.js +5 -5
  178. package/cjs/components/SegmentedControl/SegmentedControl.styles.js.map +1 -1
  179. package/cjs/components/Select/Select.js +43 -27
  180. package/cjs/components/Select/Select.js.map +1 -1
  181. package/cjs/components/Select/SelectDropdown/SelectDropdown.js +37 -27
  182. package/cjs/components/Select/SelectDropdown/SelectDropdown.js.map +1 -1
  183. package/cjs/components/Select/SelectDropdown/SelectDropdown.styles.js +24 -7
  184. package/cjs/components/Select/SelectDropdown/SelectDropdown.styles.js.map +1 -1
  185. package/cjs/components/Select/SelectItems/SelectItems.styles.js +5 -5
  186. package/cjs/components/Select/SelectItems/SelectItems.styles.js.map +1 -1
  187. package/cjs/components/Select/SelectRightSection/ChevronIcon.js +1 -1
  188. package/cjs/components/Select/SelectRightSection/ChevronIcon.js.map +1 -1
  189. package/cjs/components/Select/SelectRightSection/get-select-right-section-props.js +9 -8
  190. package/cjs/components/Select/SelectRightSection/get-select-right-section-props.js.map +1 -1
  191. package/cjs/components/SimpleGrid/SimpleGrid.js +3 -2
  192. package/cjs/components/SimpleGrid/SimpleGrid.js.map +1 -1
  193. package/cjs/components/SimpleGrid/SimpleGrid.styles.js +8 -4
  194. package/cjs/components/SimpleGrid/SimpleGrid.styles.js.map +1 -1
  195. package/cjs/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.js +15 -0
  196. package/cjs/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.js.map +1 -0
  197. package/cjs/components/Skeleton/Skeleton.styles.js +1 -1
  198. package/cjs/components/Skeleton/Skeleton.styles.js.map +1 -1
  199. package/cjs/components/Slider/Marks/Marks.styles.js +5 -5
  200. package/cjs/components/Slider/Marks/Marks.styles.js.map +1 -1
  201. package/cjs/components/Slider/RangeSlider/RangeSlider.js +10 -7
  202. package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
  203. package/cjs/components/Slider/Slider/Slider.js +12 -6
  204. package/cjs/components/Slider/Slider/Slider.js.map +1 -1
  205. package/cjs/components/Slider/SliderRoot/SliderRoot.styles.js +2 -2
  206. package/cjs/components/Slider/SliderRoot/SliderRoot.styles.js.map +1 -1
  207. package/cjs/components/Slider/Thumb/Thumb.js +5 -6
  208. package/cjs/components/Slider/Thumb/Thumb.js.map +1 -1
  209. package/cjs/components/Slider/Thumb/Thumb.styles.js +6 -5
  210. package/cjs/components/Slider/Thumb/Thumb.styles.js.map +1 -1
  211. package/cjs/components/Slider/Track/Track.styles.js +4 -4
  212. package/cjs/components/Slider/Track/Track.styles.js.map +1 -1
  213. package/cjs/components/Space/Space.js +3 -4
  214. package/cjs/components/Space/Space.js.map +1 -1
  215. package/cjs/components/Spoiler/Spoiler.js +3 -3
  216. package/cjs/components/Spoiler/Spoiler.js.map +1 -1
  217. package/cjs/components/Stepper/Step/Step.js +131 -0
  218. package/cjs/components/Stepper/Step/Step.js.map +1 -0
  219. package/cjs/components/Stepper/Step/Step.styles.js +104 -0
  220. package/cjs/components/Stepper/Step/Step.styles.js.map +1 -0
  221. package/cjs/components/Stepper/Stepper.js +127 -0
  222. package/cjs/components/Stepper/Stepper.js.map +1 -0
  223. package/cjs/components/Stepper/Stepper.styles.js +79 -0
  224. package/cjs/components/Stepper/Stepper.styles.js.map +1 -0
  225. package/cjs/components/Switch/Switch.styles.js +11 -11
  226. package/cjs/components/Switch/Switch.styles.js.map +1 -1
  227. package/cjs/components/Table/Table.styles.js +1 -1
  228. package/cjs/components/Table/Table.styles.js.map +1 -1
  229. package/cjs/components/Tabs/TabControl/TabControl.js +9 -5
  230. package/cjs/components/Tabs/TabControl/TabControl.js.map +1 -1
  231. package/cjs/components/Tabs/TabControl/TabControl.styles.js +14 -12
  232. package/cjs/components/Tabs/TabControl/TabControl.styles.js.map +1 -1
  233. package/cjs/components/Tabs/Tabs.js +2 -1
  234. package/cjs/components/Tabs/Tabs.js.map +1 -1
  235. package/cjs/components/Tabs/Tabs.styles.js +1 -1
  236. package/cjs/components/Tabs/Tabs.styles.js.map +1 -1
  237. package/cjs/components/Text/Text.styles.js +1 -1
  238. package/cjs/components/Text/Text.styles.js.map +1 -1
  239. package/cjs/components/ThemeIcon/ThemeIcon.styles.js +3 -3
  240. package/cjs/components/ThemeIcon/ThemeIcon.styles.js.map +1 -1
  241. package/cjs/components/Timeline/TimelineItem/TimelineItem.styles.js +3 -15
  242. package/cjs/components/Timeline/TimelineItem/TimelineItem.styles.js.map +1 -1
  243. package/cjs/components/Title/Title.styles.js +1 -1
  244. package/cjs/components/Title/Title.styles.js.map +1 -1
  245. package/cjs/components/Tooltip/Tooltip.styles.js +3 -3
  246. package/cjs/components/Tooltip/Tooltip.styles.js.map +1 -1
  247. package/cjs/components/TransferList/DefaultItem/DefaultItem.js +25 -0
  248. package/cjs/components/TransferList/DefaultItem/DefaultItem.js.map +1 -0
  249. package/cjs/components/TransferList/RenderList/RenderList.js +154 -0
  250. package/cjs/components/TransferList/RenderList/RenderList.js.map +1 -0
  251. package/cjs/components/TransferList/RenderList/RenderList.styles.js +65 -0
  252. package/cjs/components/TransferList/RenderList/RenderList.styles.js.map +1 -0
  253. package/cjs/components/TransferList/TransferList.js +146 -0
  254. package/cjs/components/TransferList/TransferList.js.map +1 -0
  255. package/cjs/components/TransferList/use-selection-state/use-selection-state.js +42 -0
  256. package/cjs/components/TransferList/use-selection-state/use-selection-state.js.map +1 -0
  257. package/cjs/components/Transition/use-transition.js +1 -0
  258. package/cjs/components/Transition/use-transition.js.map +1 -1
  259. package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.styles.js +2 -2
  260. package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.styles.js.map +1 -1
  261. package/cjs/index.js +6 -0
  262. package/cjs/index.js.map +1 -1
  263. package/esm/components/Accordion/AccordionItem/AccordionItem.styles.js +3 -3
  264. package/esm/components/Accordion/AccordionItem/AccordionItem.styles.js.map +1 -1
  265. package/esm/components/ActionIcon/ActionIcon.js +2 -2
  266. package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
  267. package/esm/components/ActionIcon/ActionIcon.styles.js +17 -22
  268. package/esm/components/ActionIcon/ActionIcon.styles.js.map +1 -1
  269. package/esm/components/ActionIcon/CloseButton/CloseButton.js +3 -2
  270. package/esm/components/ActionIcon/CloseButton/CloseButton.js.map +1 -1
  271. package/esm/components/Alert/Alert.styles.js +6 -6
  272. package/esm/components/Alert/Alert.styles.js.map +1 -1
  273. package/esm/components/Anchor/Anchor.js +5 -2
  274. package/esm/components/Anchor/Anchor.js.map +1 -1
  275. package/esm/components/Anchor/Anchor.styles.js +13 -0
  276. package/esm/components/Anchor/Anchor.styles.js.map +1 -0
  277. package/esm/components/AppShell/AppShell.js +2 -2
  278. package/esm/components/AppShell/AppShell.js.map +1 -1
  279. package/esm/components/AppShell/AppShell.styles.js +4 -4
  280. package/esm/components/AppShell/AppShell.styles.js.map +1 -1
  281. package/esm/components/AppShell/Header/Header.styles.js +3 -3
  282. package/esm/components/AppShell/Header/Header.styles.js.map +1 -1
  283. package/esm/components/AppShell/Navbar/Navbar.js +1 -1
  284. package/esm/components/AppShell/Navbar/Navbar.js.map +1 -1
  285. package/esm/components/AppShell/Navbar/Navbar.styles.js +7 -7
  286. package/esm/components/AppShell/Navbar/Navbar.styles.js.map +1 -1
  287. package/esm/components/AppShell/get-sorted-breakpoints.js +3 -5
  288. package/esm/components/AppShell/get-sorted-breakpoints.js.map +1 -1
  289. package/esm/components/Autocomplete/Autocomplete.js +23 -8
  290. package/esm/components/Autocomplete/Autocomplete.js.map +1 -1
  291. package/esm/components/Autocomplete/Autocomplete.styles.js +3 -3
  292. package/esm/components/Autocomplete/Autocomplete.styles.js.map +1 -1
  293. package/esm/components/Avatar/Avatar.styles.js +8 -8
  294. package/esm/components/Avatar/Avatar.styles.js.map +1 -1
  295. package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js +4 -4
  296. package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js.map +1 -1
  297. package/esm/components/Badge/Badge.styles.js +7 -11
  298. package/esm/components/Badge/Badge.styles.js.map +1 -1
  299. package/esm/components/Blockquote/Blockquote.styles.js +3 -3
  300. package/esm/components/Blockquote/Blockquote.styles.js.map +1 -1
  301. package/esm/components/Burger/Burger.styles.js +3 -3
  302. package/esm/components/Burger/Burger.styles.js.map +1 -1
  303. package/esm/components/Button/Button.js +5 -10
  304. package/esm/components/Button/Button.js.map +1 -1
  305. package/esm/components/Button/Button.styles.js +20 -36
  306. package/esm/components/Button/Button.styles.js.map +1 -1
  307. package/esm/components/Button/UnstyledButton/UnstyledButton.styles.js +2 -2
  308. package/esm/components/Button/UnstyledButton/UnstyledButton.styles.js.map +1 -1
  309. package/esm/components/Card/CardSection/CardSection.js +6 -3
  310. package/esm/components/Card/CardSection/CardSection.js.map +1 -1
  311. package/esm/components/Card/CardSection/CardSection.styles.js +5 -5
  312. package/esm/components/Card/CardSection/CardSection.styles.js.map +1 -1
  313. package/esm/components/Checkbox/Checkbox.js +3 -1
  314. package/esm/components/Checkbox/Checkbox.js.map +1 -1
  315. package/esm/components/Checkbox/Checkbox.styles.js +6 -6
  316. package/esm/components/Checkbox/Checkbox.styles.js.map +1 -1
  317. package/esm/components/Chips/Chip/Chip.js +2 -3
  318. package/esm/components/Chips/Chip/Chip.js.map +1 -1
  319. package/esm/components/Chips/Chip/Chip.styles.js +18 -18
  320. package/esm/components/Chips/Chip/Chip.styles.js.map +1 -1
  321. package/esm/components/Code/Code.styles.js +2 -2
  322. package/esm/components/Code/Code.styles.js.map +1 -1
  323. package/esm/components/ColorInput/ColorInput.js +4 -4
  324. package/esm/components/ColorInput/ColorInput.js.map +1 -1
  325. package/esm/components/ColorPicker/ColorPicker.js +3 -3
  326. package/esm/components/ColorPicker/ColorPicker.js.map +1 -1
  327. package/esm/components/ColorPicker/ColorPicker.styles.js +3 -3
  328. package/esm/components/ColorPicker/ColorPicker.styles.js.map +1 -1
  329. package/esm/components/ColorPicker/ColorSlider/ColorSlider.styles.js +6 -6
  330. package/esm/components/ColorPicker/ColorSlider/ColorSlider.styles.js.map +1 -1
  331. package/esm/components/ColorPicker/Saturation/Saturation.styles.js +4 -4
  332. package/esm/components/ColorPicker/Saturation/Saturation.styles.js.map +1 -1
  333. package/esm/components/ColorPicker/Thumb/Thumb.styles.js +2 -2
  334. package/esm/components/ColorPicker/Thumb/Thumb.styles.js.map +1 -1
  335. package/esm/components/ColorSwatch/ColorSwatch.styles.js +4 -4
  336. package/esm/components/ColorSwatch/ColorSwatch.styles.js.map +1 -1
  337. package/esm/components/Container/Container.styles.js +4 -4
  338. package/esm/components/Container/Container.styles.js.map +1 -1
  339. package/esm/components/Dialog/Dialog.styles.js +3 -3
  340. package/esm/components/Dialog/Dialog.styles.js.map +1 -1
  341. package/esm/components/Divider/Divider.styles.js +8 -16
  342. package/esm/components/Divider/Divider.styles.js.map +1 -1
  343. package/esm/components/Drawer/Drawer.js +1 -3
  344. package/esm/components/Drawer/Drawer.js.map +1 -1
  345. package/esm/components/Drawer/Drawer.styles.js +8 -7
  346. package/esm/components/Drawer/Drawer.styles.js.map +1 -1
  347. package/esm/components/Grid/Col/Col.js +27 -1
  348. package/esm/components/Grid/Col/Col.js.map +1 -1
  349. package/esm/components/Grid/Col/Col.styles.js +31 -6
  350. package/esm/components/Grid/Col/Col.styles.js.map +1 -1
  351. package/esm/components/Grid/Grid.styles.js +2 -2
  352. package/esm/components/Grid/Grid.styles.js.map +1 -1
  353. package/esm/components/Group/Group.js +1 -4
  354. package/esm/components/Group/Group.js.map +1 -1
  355. package/esm/components/Group/Group.styles.js +7 -7
  356. package/esm/components/Group/Group.styles.js.map +1 -1
  357. package/esm/components/Highlight/highlighter/highlighter.js +5 -1
  358. package/esm/components/Highlight/highlighter/highlighter.js.map +1 -1
  359. package/esm/components/Image/Image.styles.js +4 -4
  360. package/esm/components/Image/Image.styles.js.map +1 -1
  361. package/esm/components/Input/Input.styles.js +12 -12
  362. package/esm/components/Input/Input.styles.js.map +1 -1
  363. package/esm/components/InputWrapper/InputWrapper.styles.js +4 -4
  364. package/esm/components/InputWrapper/InputWrapper.styles.js.map +1 -1
  365. package/esm/components/JsonInput/JsonInput.styles.js +2 -2
  366. package/esm/components/JsonInput/JsonInput.styles.js.map +1 -1
  367. package/esm/components/List/List.styles.js +3 -3
  368. package/esm/components/List/List.styles.js.map +1 -1
  369. package/esm/components/List/ListItem/ListItem.styles.js +2 -2
  370. package/esm/components/List/ListItem/ListItem.styles.js.map +1 -1
  371. package/esm/components/Loader/Loader.js +4 -5
  372. package/esm/components/Loader/Loader.js.map +1 -1
  373. package/esm/components/LoadingOverlay/LoadingOverlay.js +1 -3
  374. package/esm/components/LoadingOverlay/LoadingOverlay.js.map +1 -1
  375. package/esm/components/Mark/Mark.js +2 -6
  376. package/esm/components/Mark/Mark.js.map +1 -1
  377. package/esm/components/MediaQuery/MediaQuery.styles.js +3 -3
  378. package/esm/components/MediaQuery/MediaQuery.styles.js.map +1 -1
  379. package/esm/components/Menu/Menu.js +2 -0
  380. package/esm/components/Menu/Menu.js.map +1 -1
  381. package/esm/components/Menu/MenuBody/MenuBody.js +8 -6
  382. package/esm/components/Menu/MenuBody/MenuBody.js.map +1 -1
  383. package/esm/components/Menu/MenuBody/MenuBody.styles.js +2 -2
  384. package/esm/components/Menu/MenuBody/MenuBody.styles.js.map +1 -1
  385. package/esm/components/Menu/MenuButton/MenuButton.styles.js +5 -5
  386. package/esm/components/Menu/MenuButton/MenuButton.styles.js.map +1 -1
  387. package/esm/components/Modal/Modal.js +1 -3
  388. package/esm/components/Modal/Modal.js.map +1 -1
  389. package/esm/components/Modal/Modal.styles.js +2 -2
  390. package/esm/components/Modal/Modal.styles.js.map +1 -1
  391. package/esm/components/MultiSelect/DefaultValue/DefaultValue.js +1 -1
  392. package/esm/components/MultiSelect/DefaultValue/DefaultValue.js.map +1 -1
  393. package/esm/components/MultiSelect/DefaultValue/DefaultValue.styles.js +7 -7
  394. package/esm/components/MultiSelect/DefaultValue/DefaultValue.styles.js.map +1 -1
  395. package/esm/components/MultiSelect/MultiSelect.js +72 -32
  396. package/esm/components/MultiSelect/MultiSelect.js.map +1 -1
  397. package/esm/components/MultiSelect/MultiSelect.styles.js +4 -4
  398. package/esm/components/MultiSelect/MultiSelect.styles.js.map +1 -1
  399. package/esm/components/NativeSelect/NativeSelect.js +3 -1
  400. package/esm/components/NativeSelect/NativeSelect.js.map +1 -1
  401. package/esm/components/Notification/Notification.styles.js +3 -11
  402. package/esm/components/Notification/Notification.styles.js.map +1 -1
  403. package/esm/components/NumberInput/NumberInput.js +56 -22
  404. package/esm/components/NumberInput/NumberInput.js.map +1 -1
  405. package/esm/components/NumberInput/NumberInput.styles.js +4 -4
  406. package/esm/components/NumberInput/NumberInput.styles.js.map +1 -1
  407. package/esm/components/Overlay/Overlay.js +3 -4
  408. package/esm/components/Overlay/Overlay.js.map +1 -1
  409. package/esm/components/Pagination/DefaultItem/DefaultItem.js +2 -2
  410. package/esm/components/Pagination/DefaultItem/DefaultItem.js.map +1 -1
  411. package/esm/components/Pagination/Pagination.js +2 -4
  412. package/esm/components/Pagination/Pagination.js.map +1 -1
  413. package/esm/components/Pagination/Pagination.styles.js +7 -7
  414. package/esm/components/Pagination/Pagination.styles.js.map +1 -1
  415. package/esm/components/Paper/Paper.styles.js +4 -4
  416. package/esm/components/Paper/Paper.styles.js.map +1 -1
  417. package/esm/components/PasswordInput/PasswordInput.js +8 -5
  418. package/esm/components/PasswordInput/PasswordInput.js.map +1 -1
  419. package/esm/components/PasswordInput/PasswordInput.styles.js +7 -7
  420. package/esm/components/PasswordInput/PasswordInput.styles.js.map +1 -1
  421. package/esm/components/PasswordInput/PasswordToggleIcon.js +15 -43
  422. package/esm/components/PasswordInput/PasswordToggleIcon.js.map +1 -1
  423. package/esm/components/Popover/Popover.js +6 -1
  424. package/esm/components/Popover/Popover.js.map +1 -1
  425. package/esm/components/Popover/PopoverBody/PopoverBody.styles.js +6 -6
  426. package/esm/components/Popover/PopoverBody/PopoverBody.styles.js.map +1 -1
  427. package/esm/components/Popper/Popper.js +12 -2
  428. package/esm/components/Popper/Popper.js.map +1 -1
  429. package/esm/components/Progress/Progress.js +3 -4
  430. package/esm/components/Progress/Progress.js.map +1 -1
  431. package/esm/components/Progress/Progress.styles.js +8 -8
  432. package/esm/components/Progress/Progress.styles.js.map +1 -1
  433. package/esm/components/RadioGroup/Radio/Radio.styles.js +12 -12
  434. package/esm/components/RadioGroup/Radio/Radio.styles.js.map +1 -1
  435. package/esm/components/RingProgress/Curve/Curve.js +4 -14
  436. package/esm/components/RingProgress/Curve/Curve.js.map +1 -1
  437. package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
  438. package/esm/components/SegmentedControl/SegmentedControl.styles.js +6 -6
  439. package/esm/components/SegmentedControl/SegmentedControl.styles.js.map +1 -1
  440. package/esm/components/Select/Select.js +44 -28
  441. package/esm/components/Select/Select.js.map +1 -1
  442. package/esm/components/Select/SelectDropdown/SelectDropdown.js +37 -27
  443. package/esm/components/Select/SelectDropdown/SelectDropdown.js.map +1 -1
  444. package/esm/components/Select/SelectDropdown/SelectDropdown.styles.js +24 -7
  445. package/esm/components/Select/SelectDropdown/SelectDropdown.styles.js.map +1 -1
  446. package/esm/components/Select/SelectItems/SelectItems.styles.js +6 -6
  447. package/esm/components/Select/SelectItems/SelectItems.styles.js.map +1 -1
  448. package/esm/components/Select/SelectRightSection/ChevronIcon.js +2 -2
  449. package/esm/components/Select/SelectRightSection/ChevronIcon.js.map +1 -1
  450. package/esm/components/Select/SelectRightSection/get-select-right-section-props.js +5 -4
  451. package/esm/components/Select/SelectRightSection/get-select-right-section-props.js.map +1 -1
  452. package/esm/components/SimpleGrid/SimpleGrid.js +4 -3
  453. package/esm/components/SimpleGrid/SimpleGrid.js.map +1 -1
  454. package/esm/components/SimpleGrid/SimpleGrid.styles.js +9 -5
  455. package/esm/components/SimpleGrid/SimpleGrid.styles.js.map +1 -1
  456. package/esm/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.js +11 -0
  457. package/esm/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.js.map +1 -0
  458. package/esm/components/Skeleton/Skeleton.styles.js +2 -2
  459. package/esm/components/Skeleton/Skeleton.styles.js.map +1 -1
  460. package/esm/components/Slider/Marks/Marks.styles.js +6 -6
  461. package/esm/components/Slider/Marks/Marks.styles.js.map +1 -1
  462. package/esm/components/Slider/RangeSlider/RangeSlider.js +12 -9
  463. package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
  464. package/esm/components/Slider/Slider/Slider.js +14 -8
  465. package/esm/components/Slider/Slider/Slider.js.map +1 -1
  466. package/esm/components/Slider/SliderRoot/SliderRoot.styles.js +3 -3
  467. package/esm/components/Slider/SliderRoot/SliderRoot.styles.js.map +1 -1
  468. package/esm/components/Slider/Thumb/Thumb.js +4 -5
  469. package/esm/components/Slider/Thumb/Thumb.js.map +1 -1
  470. package/esm/components/Slider/Thumb/Thumb.styles.js +7 -6
  471. package/esm/components/Slider/Thumb/Thumb.styles.js.map +1 -1
  472. package/esm/components/Slider/Track/Track.styles.js +5 -5
  473. package/esm/components/Slider/Track/Track.styles.js.map +1 -1
  474. package/esm/components/Space/Space.js +4 -5
  475. package/esm/components/Space/Space.js.map +1 -1
  476. package/esm/components/Spoiler/Spoiler.js +3 -3
  477. package/esm/components/Spoiler/Spoiler.js.map +1 -1
  478. package/esm/components/Stepper/Step/Step.js +123 -0
  479. package/esm/components/Stepper/Step/Step.js.map +1 -0
  480. package/esm/components/Stepper/Step/Step.styles.js +100 -0
  481. package/esm/components/Stepper/Step/Step.styles.js.map +1 -0
  482. package/esm/components/Stepper/Stepper.js +119 -0
  483. package/esm/components/Stepper/Stepper.js.map +1 -0
  484. package/esm/components/Stepper/Stepper.styles.js +75 -0
  485. package/esm/components/Stepper/Stepper.styles.js.map +1 -0
  486. package/esm/components/Switch/Switch.styles.js +12 -12
  487. package/esm/components/Switch/Switch.styles.js.map +1 -1
  488. package/esm/components/Table/Table.styles.js +2 -2
  489. package/esm/components/Table/Table.styles.js.map +1 -1
  490. package/esm/components/Tabs/TabControl/TabControl.js +7 -3
  491. package/esm/components/Tabs/TabControl/TabControl.js.map +1 -1
  492. package/esm/components/Tabs/TabControl/TabControl.styles.js +15 -13
  493. package/esm/components/Tabs/TabControl/TabControl.styles.js.map +1 -1
  494. package/esm/components/Tabs/Tabs.js +2 -1
  495. package/esm/components/Tabs/Tabs.js.map +1 -1
  496. package/esm/components/Tabs/Tabs.styles.js +2 -2
  497. package/esm/components/Tabs/Tabs.styles.js.map +1 -1
  498. package/esm/components/Text/Text.styles.js +2 -2
  499. package/esm/components/Text/Text.styles.js.map +1 -1
  500. package/esm/components/ThemeIcon/ThemeIcon.styles.js +4 -4
  501. package/esm/components/ThemeIcon/ThemeIcon.styles.js.map +1 -1
  502. package/esm/components/Timeline/TimelineItem/TimelineItem.styles.js +4 -16
  503. package/esm/components/Timeline/TimelineItem/TimelineItem.styles.js.map +1 -1
  504. package/esm/components/Title/Title.styles.js +2 -2
  505. package/esm/components/Title/Title.styles.js.map +1 -1
  506. package/esm/components/Tooltip/Tooltip.styles.js +4 -4
  507. package/esm/components/Tooltip/Tooltip.styles.js.map +1 -1
  508. package/esm/components/TransferList/DefaultItem/DefaultItem.js +17 -0
  509. package/esm/components/TransferList/DefaultItem/DefaultItem.js.map +1 -0
  510. package/esm/components/TransferList/RenderList/RenderList.js +146 -0
  511. package/esm/components/TransferList/RenderList/RenderList.js.map +1 -0
  512. package/esm/components/TransferList/RenderList/RenderList.styles.js +61 -0
  513. package/esm/components/TransferList/RenderList/RenderList.styles.js.map +1 -0
  514. package/esm/components/TransferList/TransferList.js +137 -0
  515. package/esm/components/TransferList/TransferList.js.map +1 -0
  516. package/esm/components/TransferList/use-selection-state/use-selection-state.js +38 -0
  517. package/esm/components/TransferList/use-selection-state/use-selection-state.js.map +1 -0
  518. package/esm/components/Transition/use-transition.js +2 -1
  519. package/esm/components/Transition/use-transition.js.map +1 -1
  520. package/esm/components/TypographyStylesProvider/TypographyStylesProvider.styles.js +3 -3
  521. package/esm/components/TypographyStylesProvider/TypographyStylesProvider.styles.js.map +1 -1
  522. package/esm/index.js +3 -0
  523. package/esm/index.js.map +1 -1
  524. package/lib/src/components/Accordion/AccordionItem/AccordionItem.styles.d.ts +1 -0
  525. package/lib/src/components/Accordion/AccordionItem/AccordionItem.styles.d.ts.map +1 -1
  526. package/lib/src/components/ActionIcon/ActionIcon.d.ts.map +1 -1
  527. package/lib/src/components/ActionIcon/ActionIcon.styles.d.ts +2 -1
  528. package/lib/src/components/ActionIcon/ActionIcon.styles.d.ts.map +1 -1
  529. package/lib/src/components/ActionIcon/CloseButton/CloseButton.d.ts.map +1 -1
  530. package/lib/src/components/Alert/Alert.styles.d.ts +1 -0
  531. package/lib/src/components/Alert/Alert.styles.d.ts.map +1 -1
  532. package/lib/src/components/Anchor/Anchor.d.ts.map +1 -1
  533. package/lib/src/components/Anchor/Anchor.styles.d.ts +7 -0
  534. package/lib/src/components/Anchor/Anchor.styles.d.ts.map +1 -0
  535. package/lib/src/components/AppShell/AppShell.styles.d.ts +2 -1
  536. package/lib/src/components/AppShell/AppShell.styles.d.ts.map +1 -1
  537. package/lib/src/components/AppShell/Header/Header.styles.d.ts +1 -0
  538. package/lib/src/components/AppShell/Header/Header.styles.d.ts.map +1 -1
  539. package/lib/src/components/AppShell/Navbar/Navbar.styles.d.ts +3 -5
  540. package/lib/src/components/AppShell/Navbar/Navbar.styles.d.ts.map +1 -1
  541. package/lib/src/components/AppShell/get-sorted-breakpoints.d.ts.map +1 -1
  542. package/lib/src/components/Autocomplete/Autocomplete.d.ts +2 -0
  543. package/lib/src/components/Autocomplete/Autocomplete.d.ts.map +1 -1
  544. package/lib/src/components/Autocomplete/Autocomplete.styles.d.ts +1 -0
  545. package/lib/src/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
  546. package/lib/src/components/Avatar/Avatar.styles.d.ts +1 -0
  547. package/lib/src/components/Avatar/Avatar.styles.d.ts.map +1 -1
  548. package/lib/src/components/Avatar/AvatarsGroup/AvatarsGroup.styles.d.ts +1 -0
  549. package/lib/src/components/Avatar/AvatarsGroup/AvatarsGroup.styles.d.ts.map +1 -1
  550. package/lib/src/components/Badge/Badge.styles.d.ts +1 -0
  551. package/lib/src/components/Badge/Badge.styles.d.ts.map +1 -1
  552. package/lib/src/components/Blockquote/Blockquote.styles.d.ts +1 -0
  553. package/lib/src/components/Blockquote/Blockquote.styles.d.ts.map +1 -1
  554. package/lib/src/components/Breadcrumbs/Breadcrumbs.styles.d.ts +1 -0
  555. package/lib/src/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +1 -1
  556. package/lib/src/components/Burger/Burger.styles.d.ts +1 -0
  557. package/lib/src/components/Burger/Burger.styles.d.ts.map +1 -1
  558. package/lib/src/components/Button/Button.d.ts.map +1 -1
  559. package/lib/src/components/Button/Button.styles.d.ts +5 -4
  560. package/lib/src/components/Button/Button.styles.d.ts.map +1 -1
  561. package/lib/src/components/Button/UnstyledButton/UnstyledButton.styles.d.ts +1 -0
  562. package/lib/src/components/Button/UnstyledButton/UnstyledButton.styles.d.ts.map +1 -1
  563. package/lib/src/components/Card/Card.styles.d.ts +1 -0
  564. package/lib/src/components/Card/Card.styles.d.ts.map +1 -1
  565. package/lib/src/components/Card/CardSection/CardSection.d.ts +1 -1
  566. package/lib/src/components/Card/CardSection/CardSection.d.ts.map +1 -1
  567. package/lib/src/components/Card/CardSection/CardSection.styles.d.ts +1 -0
  568. package/lib/src/components/Card/CardSection/CardSection.styles.d.ts.map +1 -1
  569. package/lib/src/components/Checkbox/Checkbox.d.ts +5 -0
  570. package/lib/src/components/Checkbox/Checkbox.d.ts.map +1 -1
  571. package/lib/src/components/Checkbox/Checkbox.styles.d.ts +1 -0
  572. package/lib/src/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
  573. package/lib/src/components/Chips/Chip/Chip.d.ts.map +1 -1
  574. package/lib/src/components/Chips/Chip/Chip.styles.d.ts +3 -2
  575. package/lib/src/components/Chips/Chip/Chip.styles.d.ts.map +1 -1
  576. package/lib/src/components/Code/Code.styles.d.ts +1 -0
  577. package/lib/src/components/Code/Code.styles.d.ts.map +1 -1
  578. package/lib/src/components/ColorInput/ColorInput.d.ts.map +1 -1
  579. package/lib/src/components/ColorInput/ColorInput.styles.d.ts +1 -0
  580. package/lib/src/components/ColorInput/ColorInput.styles.d.ts.map +1 -1
  581. package/lib/src/components/ColorPicker/ColorPicker.d.ts.map +1 -1
  582. package/lib/src/components/ColorPicker/ColorPicker.styles.d.ts +1 -0
  583. package/lib/src/components/ColorPicker/ColorPicker.styles.d.ts.map +1 -1
  584. package/lib/src/components/ColorPicker/ColorSlider/ColorSlider.styles.d.ts +1 -0
  585. package/lib/src/components/ColorPicker/ColorSlider/ColorSlider.styles.d.ts.map +1 -1
  586. package/lib/src/components/ColorPicker/Saturation/Saturation.styles.d.ts +1 -0
  587. package/lib/src/components/ColorPicker/Saturation/Saturation.styles.d.ts.map +1 -1
  588. package/lib/src/components/ColorPicker/Swatches/Swatches.styles.d.ts +1 -0
  589. package/lib/src/components/ColorPicker/Swatches/Swatches.styles.d.ts.map +1 -1
  590. package/lib/src/components/ColorPicker/Thumb/Thumb.styles.d.ts +1 -0
  591. package/lib/src/components/ColorPicker/Thumb/Thumb.styles.d.ts.map +1 -1
  592. package/lib/src/components/ColorSwatch/ColorSwatch.styles.d.ts +1 -0
  593. package/lib/src/components/ColorSwatch/ColorSwatch.styles.d.ts.map +1 -1
  594. package/lib/src/components/Container/Container.styles.d.ts +1 -0
  595. package/lib/src/components/Container/Container.styles.d.ts.map +1 -1
  596. package/lib/src/components/Dialog/Dialog.styles.d.ts +1 -0
  597. package/lib/src/components/Dialog/Dialog.styles.d.ts.map +1 -1
  598. package/lib/src/components/Divider/Divider.styles.d.ts +1 -0
  599. package/lib/src/components/Divider/Divider.styles.d.ts.map +1 -1
  600. package/lib/src/components/Drawer/Drawer.d.ts.map +1 -1
  601. package/lib/src/components/Drawer/Drawer.styles.d.ts +2 -0
  602. package/lib/src/components/Drawer/Drawer.styles.d.ts.map +1 -1
  603. package/lib/src/components/Grid/Col/Col.d.ts +11 -1
  604. package/lib/src/components/Grid/Col/Col.d.ts.map +1 -1
  605. package/lib/src/components/Grid/Col/Col.styles.d.ts +7 -1
  606. package/lib/src/components/Grid/Col/Col.styles.d.ts.map +1 -1
  607. package/lib/src/components/Grid/Grid.styles.d.ts +1 -0
  608. package/lib/src/components/Grid/Grid.styles.d.ts.map +1 -1
  609. package/lib/src/components/Group/Group.d.ts +0 -2
  610. package/lib/src/components/Group/Group.d.ts.map +1 -1
  611. package/lib/src/components/Group/Group.styles.d.ts +1 -1
  612. package/lib/src/components/Group/Group.styles.d.ts.map +1 -1
  613. package/lib/src/components/Highlight/highlighter/highlighter.d.ts +1 -1
  614. package/lib/src/components/Highlight/highlighter/highlighter.d.ts.map +1 -1
  615. package/lib/src/components/Image/Image.styles.d.ts +1 -0
  616. package/lib/src/components/Image/Image.styles.d.ts.map +1 -1
  617. package/lib/src/components/Input/Input.styles.d.ts +2 -1
  618. package/lib/src/components/Input/Input.styles.d.ts.map +1 -1
  619. package/lib/src/components/InputWrapper/InputWrapper.styles.d.ts +1 -0
  620. package/lib/src/components/InputWrapper/InputWrapper.styles.d.ts.map +1 -1
  621. package/lib/src/components/JsonInput/JsonInput.styles.d.ts +1 -0
  622. package/lib/src/components/JsonInput/JsonInput.styles.d.ts.map +1 -1
  623. package/lib/src/components/Kbd/Kbd.styles.d.ts +1 -0
  624. package/lib/src/components/Kbd/Kbd.styles.d.ts.map +1 -1
  625. package/lib/src/components/List/List.styles.d.ts +1 -0
  626. package/lib/src/components/List/List.styles.d.ts.map +1 -1
  627. package/lib/src/components/List/ListItem/ListItem.styles.d.ts +1 -0
  628. package/lib/src/components/List/ListItem/ListItem.styles.d.ts.map +1 -1
  629. package/lib/src/components/Loader/Loader.d.ts.map +1 -1
  630. package/lib/src/components/LoadingOverlay/LoadingOverlay.d.ts.map +1 -1
  631. package/lib/src/components/LoadingOverlay/LoadingOverlay.styles.d.ts +1 -0
  632. package/lib/src/components/LoadingOverlay/LoadingOverlay.styles.d.ts.map +1 -1
  633. package/lib/src/components/Mark/Mark.d.ts.map +1 -1
  634. package/lib/src/components/MediaQuery/MediaQuery.styles.d.ts +1 -0
  635. package/lib/src/components/MediaQuery/MediaQuery.styles.d.ts.map +1 -1
  636. package/lib/src/components/Menu/Menu.d.ts +1 -1
  637. package/lib/src/components/Menu/Menu.d.ts.map +1 -1
  638. package/lib/src/components/Menu/Menu.styles.d.ts +1 -0
  639. package/lib/src/components/Menu/Menu.styles.d.ts.map +1 -1
  640. package/lib/src/components/Menu/MenuBody/MenuBody.d.ts +2 -0
  641. package/lib/src/components/Menu/MenuBody/MenuBody.d.ts.map +1 -1
  642. package/lib/src/components/Menu/MenuBody/MenuBody.styles.d.ts +1 -0
  643. package/lib/src/components/Menu/MenuBody/MenuBody.styles.d.ts.map +1 -1
  644. package/lib/src/components/Menu/MenuButton/MenuButton.styles.d.ts +1 -0
  645. package/lib/src/components/Menu/MenuButton/MenuButton.styles.d.ts.map +1 -1
  646. package/lib/src/components/Modal/Modal.d.ts.map +1 -1
  647. package/lib/src/components/Modal/Modal.styles.d.ts +1 -0
  648. package/lib/src/components/Modal/Modal.styles.d.ts.map +1 -1
  649. package/lib/src/components/MultiSelect/DefaultValue/DefaultValue.styles.d.ts +1 -0
  650. package/lib/src/components/MultiSelect/DefaultValue/DefaultValue.styles.d.ts.map +1 -1
  651. package/lib/src/components/MultiSelect/MultiSelect.d.ts +4 -0
  652. package/lib/src/components/MultiSelect/MultiSelect.d.ts.map +1 -1
  653. package/lib/src/components/MultiSelect/MultiSelect.styles.d.ts +1 -0
  654. package/lib/src/components/MultiSelect/MultiSelect.styles.d.ts.map +1 -1
  655. package/lib/src/components/NativeSelect/NativeSelect.d.ts.map +1 -1
  656. package/lib/src/components/Notification/Notification.styles.d.ts +1 -0
  657. package/lib/src/components/Notification/Notification.styles.d.ts.map +1 -1
  658. package/lib/src/components/NumberInput/NumberInput.d.ts +4 -4
  659. package/lib/src/components/NumberInput/NumberInput.d.ts.map +1 -1
  660. package/lib/src/components/NumberInput/NumberInput.styles.d.ts +1 -0
  661. package/lib/src/components/NumberInput/NumberInput.styles.d.ts.map +1 -1
  662. package/lib/src/components/Overlay/Overlay.d.ts.map +1 -1
  663. package/lib/src/components/Pagination/DefaultItem/DefaultItem.d.ts.map +1 -1
  664. package/lib/src/components/Pagination/Pagination.d.ts.map +1 -1
  665. package/lib/src/components/Pagination/Pagination.styles.d.ts +1 -0
  666. package/lib/src/components/Pagination/Pagination.styles.d.ts.map +1 -1
  667. package/lib/src/components/Pagination/icons/index.d.ts +6 -0
  668. package/lib/src/components/Pagination/icons/index.d.ts.map +1 -0
  669. package/lib/src/components/Paper/Paper.styles.d.ts +1 -0
  670. package/lib/src/components/Paper/Paper.styles.d.ts.map +1 -1
  671. package/lib/src/components/PasswordInput/PasswordInput.d.ts +5 -0
  672. package/lib/src/components/PasswordInput/PasswordInput.d.ts.map +1 -1
  673. package/lib/src/components/PasswordInput/PasswordInput.styles.d.ts +1 -0
  674. package/lib/src/components/PasswordInput/PasswordInput.styles.d.ts.map +1 -1
  675. package/lib/src/components/PasswordInput/PasswordToggleIcon.d.ts +3 -2
  676. package/lib/src/components/PasswordInput/PasswordToggleIcon.d.ts.map +1 -1
  677. package/lib/src/components/Popover/Popover.d.ts.map +1 -1
  678. package/lib/src/components/Popover/Popover.styles.d.ts +1 -0
  679. package/lib/src/components/Popover/Popover.styles.d.ts.map +1 -1
  680. package/lib/src/components/Popover/PopoverBody/PopoverBody.styles.d.ts +1 -0
  681. package/lib/src/components/Popover/PopoverBody/PopoverBody.styles.d.ts.map +1 -1
  682. package/lib/src/components/Popper/Popper.d.ts +5 -1
  683. package/lib/src/components/Popper/Popper.d.ts.map +1 -1
  684. package/lib/src/components/Popper/Popper.styles.d.ts +1 -0
  685. package/lib/src/components/Popper/Popper.styles.d.ts.map +1 -1
  686. package/lib/src/components/Progress/Progress.d.ts.map +1 -1
  687. package/lib/src/components/Progress/Progress.styles.d.ts +1 -0
  688. package/lib/src/components/Progress/Progress.styles.d.ts.map +1 -1
  689. package/lib/src/components/RadioGroup/Radio/Radio.styles.d.ts +1 -0
  690. package/lib/src/components/RadioGroup/Radio/Radio.styles.d.ts.map +1 -1
  691. package/lib/src/components/RingProgress/Curve/Curve.d.ts.map +1 -1
  692. package/lib/src/components/RingProgress/RingProgress.styles.d.ts +1 -0
  693. package/lib/src/components/RingProgress/RingProgress.styles.d.ts.map +1 -1
  694. package/lib/src/components/SegmentedControl/SegmentedControl.d.ts +7 -7
  695. package/lib/src/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
  696. package/lib/src/components/SegmentedControl/SegmentedControl.styles.d.ts +1 -0
  697. package/lib/src/components/SegmentedControl/SegmentedControl.styles.d.ts.map +1 -1
  698. package/lib/src/components/Select/Select.d.ts +2 -0
  699. package/lib/src/components/Select/Select.d.ts.map +1 -1
  700. package/lib/src/components/Select/Select.styles.d.ts +1 -0
  701. package/lib/src/components/Select/Select.styles.d.ts.map +1 -1
  702. package/lib/src/components/Select/SelectDropdown/SelectDropdown.d.ts +4 -0
  703. package/lib/src/components/Select/SelectDropdown/SelectDropdown.d.ts.map +1 -1
  704. package/lib/src/components/Select/SelectDropdown/SelectDropdown.styles.d.ts +1 -0
  705. package/lib/src/components/Select/SelectDropdown/SelectDropdown.styles.d.ts.map +1 -1
  706. package/lib/src/components/Select/SelectItems/SelectItems.styles.d.ts +1 -0
  707. package/lib/src/components/Select/SelectItems/SelectItems.styles.d.ts.map +1 -1
  708. package/lib/src/components/Select/SelectRightSection/ChevronIcon.d.ts.map +1 -1
  709. package/lib/src/components/Select/SelectRightSection/get-select-right-section-props.d.ts +3 -1
  710. package/lib/src/components/Select/SelectRightSection/get-select-right-section-props.d.ts.map +1 -1
  711. package/lib/src/components/SimpleGrid/SimpleGrid.d.ts +1 -1
  712. package/lib/src/components/SimpleGrid/SimpleGrid.d.ts.map +1 -1
  713. package/lib/src/components/SimpleGrid/SimpleGrid.styles.d.ts +3 -1
  714. package/lib/src/components/SimpleGrid/SimpleGrid.styles.d.ts.map +1 -1
  715. package/lib/src/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.d.ts +4 -0
  716. package/lib/src/components/SimpleGrid/get-sorted-breakpoints/get-sorted-breakpoints.d.ts.map +1 -0
  717. package/lib/src/components/Skeleton/Skeleton.styles.d.ts +1 -0
  718. package/lib/src/components/Skeleton/Skeleton.styles.d.ts.map +1 -1
  719. package/lib/src/components/Slider/Marks/Marks.styles.d.ts +1 -0
  720. package/lib/src/components/Slider/Marks/Marks.styles.d.ts.map +1 -1
  721. package/lib/src/components/Slider/RangeSlider/RangeSlider.d.ts +3 -4
  722. package/lib/src/components/Slider/RangeSlider/RangeSlider.d.ts.map +1 -1
  723. package/lib/src/components/Slider/Slider/Slider.d.ts +4 -5
  724. package/lib/src/components/Slider/Slider/Slider.d.ts.map +1 -1
  725. package/lib/src/components/Slider/SliderRoot/SliderRoot.styles.d.ts +1 -0
  726. package/lib/src/components/Slider/SliderRoot/SliderRoot.styles.d.ts.map +1 -1
  727. package/lib/src/components/Slider/Thumb/Thumb.d.ts +1 -0
  728. package/lib/src/components/Slider/Thumb/Thumb.d.ts.map +1 -1
  729. package/lib/src/components/Slider/Thumb/Thumb.styles.d.ts +1 -0
  730. package/lib/src/components/Slider/Thumb/Thumb.styles.d.ts.map +1 -1
  731. package/lib/src/components/Slider/Track/Track.styles.d.ts +1 -0
  732. package/lib/src/components/Slider/Track/Track.styles.d.ts.map +1 -1
  733. package/lib/src/components/Space/Space.d.ts.map +1 -1
  734. package/lib/src/components/Spoiler/Spoiler.styles.d.ts +1 -0
  735. package/lib/src/components/Spoiler/Spoiler.styles.d.ts.map +1 -1
  736. package/lib/src/components/Stepper/Step/Step.d.ts +36 -0
  737. package/lib/src/components/Stepper/Step/Step.d.ts.map +1 -0
  738. package/lib/src/components/Stepper/Step/Step.styles.d.ts +22 -0
  739. package/lib/src/components/Stepper/Step/Step.styles.d.ts.map +1 -0
  740. package/lib/src/components/Stepper/Stepper.d.ts +38 -0
  741. package/lib/src/components/Stepper/Stepper.d.ts.map +1 -0
  742. package/lib/src/components/Stepper/Stepper.styles.d.ts +17 -0
  743. package/lib/src/components/Stepper/Stepper.styles.d.ts.map +1 -0
  744. package/lib/src/components/Stepper/index.d.ts +5 -0
  745. package/lib/src/components/Stepper/index.d.ts.map +1 -0
  746. package/lib/src/components/Switch/Switch.styles.d.ts +1 -0
  747. package/lib/src/components/Switch/Switch.styles.d.ts.map +1 -1
  748. package/lib/src/components/Table/Table.styles.d.ts +1 -0
  749. package/lib/src/components/Table/Table.styles.d.ts.map +1 -1
  750. package/lib/src/components/Tabs/TabControl/TabControl.d.ts +1 -1
  751. package/lib/src/components/Tabs/TabControl/TabControl.d.ts.map +1 -1
  752. package/lib/src/components/Tabs/TabControl/TabControl.styles.d.ts +1 -0
  753. package/lib/src/components/Tabs/TabControl/TabControl.styles.d.ts.map +1 -1
  754. package/lib/src/components/Tabs/Tabs.d.ts +8 -2
  755. package/lib/src/components/Tabs/Tabs.d.ts.map +1 -1
  756. package/lib/src/components/Tabs/Tabs.styles.d.ts +3 -2
  757. package/lib/src/components/Tabs/Tabs.styles.d.ts.map +1 -1
  758. package/lib/src/components/Text/Text.styles.d.ts +2 -1
  759. package/lib/src/components/Text/Text.styles.d.ts.map +1 -1
  760. package/lib/src/components/Textarea/Textarea.styles.d.ts +1 -0
  761. package/lib/src/components/Textarea/Textarea.styles.d.ts.map +1 -1
  762. package/lib/src/components/ThemeIcon/ThemeIcon.styles.d.ts +1 -0
  763. package/lib/src/components/ThemeIcon/ThemeIcon.styles.d.ts.map +1 -1
  764. package/lib/src/components/Timeline/TimelineItem/TimelineItem.styles.d.ts +1 -0
  765. package/lib/src/components/Timeline/TimelineItem/TimelineItem.styles.d.ts.map +1 -1
  766. package/lib/src/components/Title/Title.styles.d.ts +1 -0
  767. package/lib/src/components/Title/Title.styles.d.ts.map +1 -1
  768. package/lib/src/components/Tooltip/Tooltip.styles.d.ts +1 -0
  769. package/lib/src/components/Tooltip/Tooltip.styles.d.ts.map +1 -1
  770. package/lib/src/components/TransferList/DefaultItem/DefaultItem.d.ts +3 -0
  771. package/lib/src/components/TransferList/DefaultItem/DefaultItem.d.ts.map +1 -0
  772. package/lib/src/components/TransferList/RenderList/RenderList.d.ts +26 -0
  773. package/lib/src/components/TransferList/RenderList/RenderList.d.ts.map +1 -0
  774. package/lib/src/components/TransferList/RenderList/RenderList.styles.d.ts +11 -0
  775. package/lib/src/components/TransferList/RenderList/RenderList.styles.d.ts.map +1 -0
  776. package/lib/src/components/TransferList/TransferList.d.ts +33 -0
  777. package/lib/src/components/TransferList/TransferList.d.ts.map +1 -0
  778. package/lib/src/components/TransferList/index.d.ts +4 -0
  779. package/lib/src/components/TransferList/index.d.ts.map +1 -0
  780. package/lib/src/components/TransferList/types.d.ts +13 -0
  781. package/lib/src/components/TransferList/types.d.ts.map +1 -0
  782. package/lib/src/components/TransferList/use-selection-state/use-selection-state.d.ts +7 -0
  783. package/lib/src/components/TransferList/use-selection-state/use-selection-state.d.ts.map +1 -0
  784. package/lib/src/components/Transition/use-transition.d.ts.map +1 -1
  785. package/lib/src/components/TypographyStylesProvider/TypographyStylesProvider.styles.d.ts +1 -0
  786. package/lib/src/components/TypographyStylesProvider/TypographyStylesProvider.styles.d.ts.map +1 -1
  787. package/lib/src/demos.d.ts.map +1 -1
  788. package/lib/src/index.d.ts +2 -0
  789. package/lib/src/index.d.ts.map +1 -1
  790. package/package.json +3 -3
@@ -0,0 +1,42 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+
7
+ function useSelectionState(initialSelection = [[], []]) {
8
+ const [selection, setSelection] = React.useState(initialSelection);
9
+ const handleSelect = (listIndex, value) => setSelection((currentSelection) => {
10
+ const listSelection = currentSelection[listIndex];
11
+ let result = listSelection;
12
+ if (typeof value === "string") {
13
+ if (listSelection.includes(value)) {
14
+ result = listSelection.filter((item) => item !== value);
15
+ } else {
16
+ result = [...listSelection, value];
17
+ }
18
+ }
19
+ const clone = [...currentSelection];
20
+ clone[listIndex] = result;
21
+ return clone;
22
+ });
23
+ const handleDeselect = (listIndex, values) => setSelection((currentSelection) => {
24
+ const clone = [...currentSelection];
25
+ clone[listIndex] = currentSelection[listIndex].filter((item) => !values.includes(item));
26
+ return clone;
27
+ });
28
+ const handleDeselectAll = (listIndex) => setSelection((currentSelection) => {
29
+ const clone = [...currentSelection];
30
+ clone[listIndex] = [];
31
+ return clone;
32
+ });
33
+ const handlers = {
34
+ select: handleSelect,
35
+ deselect: handleDeselect,
36
+ deselectAll: handleDeselectAll
37
+ };
38
+ return [selection, handlers];
39
+ }
40
+
41
+ exports.useSelectionState = useSelectionState;
42
+ //# sourceMappingURL=use-selection-state.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-selection-state.js","sources":["../../../../src/components/TransferList/use-selection-state/use-selection-state.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport type Selection = [string[], string[]];\n\nexport function useSelectionState(initialSelection: Selection = [[], []]) {\n const [selection, setSelection] = useState<Selection>(initialSelection);\n\n const handleSelect = (listIndex: 0 | 1, value: string) =>\n setSelection((currentSelection) => {\n const listSelection = currentSelection[listIndex];\n let result = listSelection;\n\n if (typeof value === 'string') {\n if (listSelection.includes(value)) {\n result = listSelection.filter((item) => item !== value);\n } else {\n result = [...listSelection, value];\n }\n }\n\n const clone: Selection = [...currentSelection];\n clone[listIndex] = result;\n return clone;\n });\n\n const handleDeselect = (listIndex: 0 | 1, values: string[]) =>\n setSelection((currentSelection) => {\n const clone: Selection = [...currentSelection];\n clone[listIndex] = currentSelection[listIndex].filter((item) => !values.includes(item));\n return clone;\n });\n\n const handleDeselectAll = (listIndex: 0 | 1) =>\n setSelection((currentSelection) => {\n const clone: Selection = [...currentSelection];\n clone[listIndex] = [];\n return clone;\n });\n\n const handlers = {\n select: handleSelect,\n deselect: handleDeselect,\n deselectAll: handleDeselectAll,\n };\n\n return [selection, handlers] as const;\n}\n"],"names":["useState"],"mappings":";;;;;;AACO,SAAS,iBAAiB,CAAC,gBAAgB,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;AAC/D,EAAE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAC,gBAAgB,CAAC,CAAC;AAC/D,EAAE,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,KAAK,KAAK,YAAY,CAAC,CAAC,gBAAgB,KAAK;AAChF,IAAI,MAAM,aAAa,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC;AACtD,IAAI,IAAI,MAAM,GAAG,aAAa,CAAC;AAC/B,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACnC,MAAM,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AACzC,QAAQ,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC;AAChE,OAAO,MAAM;AACb,QAAQ,MAAM,GAAG,CAAC,GAAG,aAAa,EAAE,KAAK,CAAC,CAAC;AAC3C,OAAO;AACP,KAAK;AACL,IAAI,MAAM,KAAK,GAAG,CAAC,GAAG,gBAAgB,CAAC,CAAC;AACxC,IAAI,KAAK,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;AAC9B,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,cAAc,GAAG,CAAC,SAAS,EAAE,MAAM,KAAK,YAAY,CAAC,CAAC,gBAAgB,KAAK;AACnF,IAAI,MAAM,KAAK,GAAG,CAAC,GAAG,gBAAgB,CAAC,CAAC;AACxC,IAAI,KAAK,CAAC,SAAS,CAAC,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;AAC5F,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,iBAAiB,GAAG,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,gBAAgB,KAAK;AAC9E,IAAI,MAAM,KAAK,GAAG,CAAC,GAAG,gBAAgB,CAAC,CAAC;AACxC,IAAI,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;AAC1B,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,QAAQ,GAAG;AACnB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,QAAQ,EAAE,cAAc;AAC5B,IAAI,WAAW,EAAE,iBAAiB;AAClC,GAAG,CAAC;AACJ,EAAE,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAC/B;;;;"}
@@ -38,6 +38,7 @@ function useTransition({
38
38
  hooks.useDidUpdate(() => {
39
39
  handleStateChange(mounted);
40
40
  }, [mounted]);
41
+ React.useEffect(() => () => window.clearTimeout(timeoutRef.current), []);
41
42
  return {
42
43
  transitionDuration,
43
44
  transitionStatus,
@@ -1 +1 @@
1
- {"version":3,"file":"use-transition.js","sources":["../../../src/components/Transition/use-transition.ts"],"sourcesContent":["import { useState, useRef } from 'react';\nimport { useReducedMotion, useDidUpdate } from '@mantine/hooks';\nimport { useMantineTheme } from '@mantine/styles';\n\nexport type TransitionStatus =\n | 'entered'\n | 'exited'\n | 'entering'\n | 'exiting'\n | 'pre-exiting'\n | 'pre-entering';\n\ninterface UseTransition {\n duration: number;\n timingFunction: string;\n mounted: boolean;\n onEnter?(): void;\n onExit?(): void;\n onEntered?(): void;\n onExited?(): void;\n}\n\nexport function useTransition({\n duration,\n timingFunction,\n mounted,\n onEnter,\n onExit,\n onEntered,\n onExited,\n}: UseTransition) {\n const theme = useMantineTheme();\n const reduceMotion = useReducedMotion();\n const transitionDuration = reduceMotion ? 0 : duration;\n const [transitionStatus, setStatus] = useState<TransitionStatus>(mounted ? 'entered' : 'exited');\n const timeoutRef = useRef<number>(-1);\n\n const handleStateChange = (shouldMount: boolean) => {\n const preHandler = shouldMount ? onEnter : onExit;\n const handler = shouldMount ? onEntered : onExited;\n\n setStatus(shouldMount ? 'pre-entering' : 'pre-exiting');\n window.clearTimeout(timeoutRef.current);\n\n const preStateTimeout = window.setTimeout(() => {\n typeof preHandler === 'function' && preHandler();\n setStatus(shouldMount ? 'entering' : 'exiting');\n }, 10);\n\n timeoutRef.current = window.setTimeout(() => {\n window.clearTimeout(preStateTimeout);\n typeof handler === 'function' && handler();\n setStatus(shouldMount ? 'entered' : 'exited');\n }, transitionDuration);\n };\n\n useDidUpdate(() => {\n handleStateChange(mounted);\n }, [mounted]);\n\n return {\n transitionDuration,\n transitionStatus,\n transitionTimingFunction: timingFunction || theme.transitionTimingFunction,\n };\n}\n"],"names":["useMantineTheme","useReducedMotion","useState","useRef","useDidUpdate"],"mappings":";;;;;;;;AAGO,SAAS,aAAa,CAAC;AAC9B,EAAE,QAAQ;AACV,EAAE,cAAc;AAChB,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAGA,sBAAe,EAAE,CAAC;AAClC,EAAE,MAAM,YAAY,GAAGC,sBAAgB,EAAE,CAAC;AAC1C,EAAE,MAAM,kBAAkB,GAAG,YAAY,GAAG,CAAC,GAAG,QAAQ,CAAC;AACzD,EAAE,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAGC,cAAQ,CAAC,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACjF,EAAE,MAAM,UAAU,GAAGC,YAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAChC,EAAE,MAAM,iBAAiB,GAAG,CAAC,WAAW,KAAK;AAC7C,IAAI,MAAM,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AACtD,IAAI,MAAM,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AACvD,IAAI,SAAS,CAAC,WAAW,GAAG,cAAc,GAAG,aAAa,CAAC,CAAC;AAC5D,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAI,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACpD,MAAM,OAAO,UAAU,KAAK,UAAU,IAAI,UAAU,EAAE,CAAC;AACvD,MAAM,SAAS,CAAC,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;AACtD,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACjD,MAAM,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AAC3C,MAAM,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,EAAE,CAAC;AACjD,MAAM,SAAS,CAAC,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACpD,KAAK,EAAE,kBAAkB,CAAC,CAAC;AAC3B,GAAG,CAAC;AACJ,EAAEC,kBAAY,CAAC,MAAM;AACrB,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAC/B,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,EAAE,OAAO;AACT,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,wBAAwB,EAAE,cAAc,IAAI,KAAK,CAAC,wBAAwB;AAC9E,GAAG,CAAC;AACJ;;;;"}
1
+ {"version":3,"file":"use-transition.js","sources":["../../../src/components/Transition/use-transition.ts"],"sourcesContent":["import { useState, useEffect, useRef } from 'react';\nimport { useReducedMotion, useDidUpdate } from '@mantine/hooks';\nimport { useMantineTheme } from '@mantine/styles';\n\nexport type TransitionStatus =\n | 'entered'\n | 'exited'\n | 'entering'\n | 'exiting'\n | 'pre-exiting'\n | 'pre-entering';\n\ninterface UseTransition {\n duration: number;\n timingFunction: string;\n mounted: boolean;\n onEnter?(): void;\n onExit?(): void;\n onEntered?(): void;\n onExited?(): void;\n}\n\nexport function useTransition({\n duration,\n timingFunction,\n mounted,\n onEnter,\n onExit,\n onEntered,\n onExited,\n}: UseTransition) {\n const theme = useMantineTheme();\n const reduceMotion = useReducedMotion();\n const transitionDuration = reduceMotion ? 0 : duration;\n const [transitionStatus, setStatus] = useState<TransitionStatus>(mounted ? 'entered' : 'exited');\n const timeoutRef = useRef<number>(-1);\n\n const handleStateChange = (shouldMount: boolean) => {\n const preHandler = shouldMount ? onEnter : onExit;\n const handler = shouldMount ? onEntered : onExited;\n\n setStatus(shouldMount ? 'pre-entering' : 'pre-exiting');\n window.clearTimeout(timeoutRef.current);\n\n const preStateTimeout = window.setTimeout(() => {\n typeof preHandler === 'function' && preHandler();\n setStatus(shouldMount ? 'entering' : 'exiting');\n }, 10);\n\n timeoutRef.current = window.setTimeout(() => {\n window.clearTimeout(preStateTimeout);\n typeof handler === 'function' && handler();\n setStatus(shouldMount ? 'entered' : 'exited');\n }, transitionDuration);\n };\n\n useDidUpdate(() => {\n handleStateChange(mounted);\n }, [mounted]);\n\n useEffect(() => () => window.clearTimeout(timeoutRef.current), []);\n\n return {\n transitionDuration,\n transitionStatus,\n transitionTimingFunction: timingFunction || theme.transitionTimingFunction,\n };\n}\n"],"names":["useMantineTheme","useReducedMotion","useState","useRef","useDidUpdate","useEffect"],"mappings":";;;;;;;;AAGO,SAAS,aAAa,CAAC;AAC9B,EAAE,QAAQ;AACV,EAAE,cAAc;AAChB,EAAE,OAAO;AACT,EAAE,OAAO;AACT,EAAE,MAAM;AACR,EAAE,SAAS;AACX,EAAE,QAAQ;AACV,CAAC,EAAE;AACH,EAAE,MAAM,KAAK,GAAGA,sBAAe,EAAE,CAAC;AAClC,EAAE,MAAM,YAAY,GAAGC,sBAAgB,EAAE,CAAC;AAC1C,EAAE,MAAM,kBAAkB,GAAG,YAAY,GAAG,CAAC,GAAG,QAAQ,CAAC;AACzD,EAAE,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,GAAGC,cAAQ,CAAC,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACjF,EAAE,MAAM,UAAU,GAAGC,YAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAChC,EAAE,MAAM,iBAAiB,GAAG,CAAC,WAAW,KAAK;AAC7C,IAAI,MAAM,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AACtD,IAAI,MAAM,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC;AACvD,IAAI,SAAS,CAAC,WAAW,GAAG,cAAc,GAAG,aAAa,CAAC,CAAC;AAC5D,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAI,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACpD,MAAM,OAAO,UAAU,KAAK,UAAU,IAAI,UAAU,EAAE,CAAC;AACvD,MAAM,SAAS,CAAC,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;AACtD,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACjD,MAAM,MAAM,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AAC3C,MAAM,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,EAAE,CAAC;AACjD,MAAM,SAAS,CAAC,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AACpD,KAAK,EAAE,kBAAkB,CAAC,CAAC;AAC3B,GAAG,CAAC;AACJ,EAAEC,kBAAY,CAAC,MAAM;AACrB,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAC/B,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,EAAEC,eAAS,CAAC,MAAM,MAAM,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AACrE,EAAE,OAAO;AACT,IAAI,kBAAkB;AACtB,IAAI,gBAAgB;AACpB,IAAI,wBAAwB,EAAE,cAAc,IAAI,KAAK,CAAC,wBAAwB;AAC9E,GAAG,CAAC;AACJ;;;;"}
@@ -38,7 +38,7 @@ var useStyles = styles.createStyles((theme) => {
38
38
  return acc;
39
39
  }, {});
40
40
  return {
41
- root: __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, styles.getFontStyles(theme)), {
41
+ root: __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
42
42
  color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
43
43
  lineHeight: theme.lineHeight,
44
44
  fontSize: theme.fontSizes.md,
@@ -62,7 +62,7 @@ var useStyles = styles.createStyles((theme) => {
62
62
  borderRight: 0,
63
63
  borderTop: `1px dashed ${theme.colors.gray[theme.colorScheme === "dark" ? 4 : 6]}`
64
64
  },
65
- "& a": __spreadProps(__spreadValues({}, styles.getFocusStyles(theme)), {
65
+ "& a": __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
66
66
  color: theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 4 : 6],
67
67
  textDecoration: "none",
68
68
  "&:hover": {
@@ -1 +1 @@
1
- {"version":3,"file":"TypographyStylesProvider.styles.js","sources":["../../../src/components/TypographyStylesProvider/TypographyStylesProvider.styles.ts"],"sourcesContent":["import { createStyles, getFontStyles, getFocusStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => {\n const headings = Object.keys(theme.headings.sizes).reduce((acc, h) => {\n acc[`& ${h}`] = {\n fontFamily: theme.headings.fontFamily,\n fontWeight: theme.headings.fontWeight,\n marginTop: theme.spacing.xl * theme.headings.sizes[h].lineHeight,\n marginBottom: theme.spacing.sm,\n ...theme.headings.sizes[h],\n\n '@media (max-width: 755px)': {\n fontSize:\n typeof theme.headings.sizes[h].fontSize === 'number' &&\n (theme.headings.sizes[h].fontSize as number) / 1.3,\n },\n };\n\n return acc;\n }, {});\n\n return {\n root: {\n ...getFontStyles(theme),\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n lineHeight: theme.lineHeight,\n fontSize: theme.fontSizes.md,\n\n '@media (max-width: 755px)': {\n fontSize: theme.fontSizes.sm,\n },\n\n ...headings,\n\n '& img': {\n maxWidth: '100%',\n marginBottom: theme.spacing.xs,\n },\n\n '& p': {\n marginTop: 0,\n marginBottom: theme.spacing.lg,\n },\n\n '& hr': {\n marginTop: theme.spacing.md,\n marginBottom: theme.spacing.sm,\n borderBottom: 0,\n borderLeft: 0,\n borderRight: 0,\n borderTop: `1px dashed ${theme.colors.gray[theme.colorScheme === 'dark' ? 4 : 6]}`,\n },\n\n '& a': {\n ...getFocusStyles(theme),\n color: theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 4 : 6],\n textDecoration: 'none',\n\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n\n '& pre': {\n padding: theme.spacing.xs,\n lineHeight: theme.lineHeight,\n margin: 0,\n marginTop: theme.spacing.md,\n marginBottom: theme.spacing.md,\n overflowX: 'auto',\n fontFamily: theme.fontFamilyMonospace,\n fontSize: theme.fontSizes.sm,\n borderRadius: theme.radius.sm,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[0],\n },\n\n '& code': {\n lineHeight: theme.lineHeight,\n padding: `1px ${theme.spacing.xs / 1}`,\n borderRadius: theme.radius.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.colors.gray[0],\n fontFamily: theme.fontFamilyMonospace,\n fontSize: theme.fontSizes.xs,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.colors.gray[3]\n }`,\n },\n\n '& ul, & ol': {\n marginBottom: theme.spacing.md,\n paddingLeft: theme.spacing.lg * 2,\n\n '& li': {\n marginTop: theme.spacing.xs,\n },\n },\n\n '& table': {\n width: '100%',\n borderCollapse: 'collapse',\n captionSide: 'bottom',\n marginBottom: theme.spacing.md,\n\n '& caption': {\n marginTop: theme.spacing.xs,\n fontSize: theme.fontSizes.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n },\n\n '& th': {\n textAlign: 'left',\n fontWeight: 'bold',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n fontSize: 14,\n padding: '7px 10px',\n },\n\n '& thead th': {\n borderBottom: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n },\n\n '& tfoot th': {\n borderTop: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n },\n\n '& td': {\n padding: '7px 10px',\n borderBottom: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n fontSize: 14,\n },\n\n '& tr:last-of-type td': {\n borderBottom: 'none',\n },\n },\n\n '& blockquote': {\n fontSize: theme.fontSizes.lg,\n lineHeight: theme.lineHeight,\n margin: `${theme.spacing.md}px 0`,\n borderTopRightRadius: theme.radius.sm,\n borderBottomRightRadius: theme.radius.sm,\n padding: `${theme.spacing.md}px ${theme.spacing.lg}px`,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n '& cite': {\n display: 'block',\n fontSize: theme.fontSizes.sm,\n marginTop: theme.spacing.xs,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n },\n },\n };\n});\n"],"names":["createStyles","getFontStyles","getFocusStyles"],"mappings":"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"}
1
+ {"version":3,"file":"TypographyStylesProvider.styles.js","sources":["../../../src/components/TypographyStylesProvider/TypographyStylesProvider.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport default createStyles((theme) => {\n const headings = Object.keys(theme.headings.sizes).reduce((acc, h) => {\n acc[`& ${h}`] = {\n fontFamily: theme.headings.fontFamily,\n fontWeight: theme.headings.fontWeight,\n marginTop: theme.spacing.xl * theme.headings.sizes[h].lineHeight,\n marginBottom: theme.spacing.sm,\n ...theme.headings.sizes[h],\n\n '@media (max-width: 755px)': {\n fontSize:\n typeof theme.headings.sizes[h].fontSize === 'number' &&\n (theme.headings.sizes[h].fontSize as number) / 1.3,\n },\n };\n\n return acc;\n }, {});\n\n return {\n root: {\n ...theme.fn.fontStyles(),\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n lineHeight: theme.lineHeight,\n fontSize: theme.fontSizes.md,\n\n '@media (max-width: 755px)': {\n fontSize: theme.fontSizes.sm,\n },\n\n ...headings,\n\n '& img': {\n maxWidth: '100%',\n marginBottom: theme.spacing.xs,\n },\n\n '& p': {\n marginTop: 0,\n marginBottom: theme.spacing.lg,\n },\n\n '& hr': {\n marginTop: theme.spacing.md,\n marginBottom: theme.spacing.sm,\n borderBottom: 0,\n borderLeft: 0,\n borderRight: 0,\n borderTop: `1px dashed ${theme.colors.gray[theme.colorScheme === 'dark' ? 4 : 6]}`,\n },\n\n '& a': {\n ...theme.fn.focusStyles(),\n color: theme.colors[theme.primaryColor][theme.colorScheme === 'dark' ? 4 : 6],\n textDecoration: 'none',\n\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n\n '& pre': {\n padding: theme.spacing.xs,\n lineHeight: theme.lineHeight,\n margin: 0,\n marginTop: theme.spacing.md,\n marginBottom: theme.spacing.md,\n overflowX: 'auto',\n fontFamily: theme.fontFamilyMonospace,\n fontSize: theme.fontSizes.sm,\n borderRadius: theme.radius.sm,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.colors.gray[0],\n },\n\n '& code': {\n lineHeight: theme.lineHeight,\n padding: `1px ${theme.spacing.xs / 1}`,\n borderRadius: theme.radius.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.colors.gray[0],\n fontFamily: theme.fontFamilyMonospace,\n fontSize: theme.fontSizes.xs,\n border: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[9] : theme.colors.gray[3]\n }`,\n },\n\n '& ul, & ol': {\n marginBottom: theme.spacing.md,\n paddingLeft: theme.spacing.lg * 2,\n\n '& li': {\n marginTop: theme.spacing.xs,\n },\n },\n\n '& table': {\n width: '100%',\n borderCollapse: 'collapse',\n captionSide: 'bottom',\n marginBottom: theme.spacing.md,\n\n '& caption': {\n marginTop: theme.spacing.xs,\n fontSize: theme.fontSizes.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n },\n\n '& th': {\n textAlign: 'left',\n fontWeight: 'bold',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n fontSize: 14,\n padding: '7px 10px',\n },\n\n '& thead th': {\n borderBottom: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n },\n\n '& tfoot th': {\n borderTop: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n },\n\n '& td': {\n padding: '7px 10px',\n borderBottom: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n fontSize: 14,\n },\n\n '& tr:last-of-type td': {\n borderBottom: 'none',\n },\n },\n\n '& blockquote': {\n fontSize: theme.fontSizes.lg,\n lineHeight: theme.lineHeight,\n margin: `${theme.spacing.md}px 0`,\n borderTopRightRadius: theme.radius.sm,\n borderBottomRightRadius: theme.radius.sm,\n padding: `${theme.spacing.md}px ${theme.spacing.lg}px`,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n '& cite': {\n display: 'block',\n fontSize: theme.fontSizes.sm,\n marginTop: theme.spacing.xs,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[6],\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n },\n },\n };\n});\n"],"names":["createStyles"],"mappings":"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"}
package/cjs/index.js CHANGED
@@ -106,6 +106,8 @@ var RangeSlider = require('./components/Slider/RangeSlider/RangeSlider.js');
106
106
  var SliderRoot_styles = require('./components/Slider/SliderRoot/SliderRoot.styles.js');
107
107
  var Space = require('./components/Space/Space.js');
108
108
  var Spoiler = require('./components/Spoiler/Spoiler.js');
109
+ var Step = require('./components/Stepper/Step/Step.js');
110
+ var Stepper = require('./components/Stepper/Stepper.js');
109
111
  var Switch = require('./components/Switch/Switch.js');
110
112
  var Switch_styles = require('./components/Switch/Switch.styles.js');
111
113
  var Table = require('./components/Table/Table.js');
@@ -120,6 +122,7 @@ var Timeline = require('./components/Timeline/Timeline.js');
120
122
  var TimelineItem = require('./components/Timeline/TimelineItem/TimelineItem.js');
121
123
  var Title = require('./components/Title/Title.js');
122
124
  var Tooltip = require('./components/Tooltip/Tooltip.js');
125
+ var TransferList = require('./components/TransferList/TransferList.js');
123
126
  var Transition = require('./components/Transition/Transition.js');
124
127
  var GroupedTransition = require('./components/Transition/GroupedTransition.js');
125
128
  var TypographyStylesProvider = require('./components/TypographyStylesProvider/TypographyStylesProvider.js');
@@ -230,6 +233,8 @@ exports.RangeSlider = RangeSlider.RangeSlider;
230
233
  exports.SLIDER_SIZES = SliderRoot_styles.sizes;
231
234
  exports.Space = Space.Space;
232
235
  exports.Spoiler = Spoiler.Spoiler;
236
+ exports.Step = Step.Step;
237
+ exports.Stepper = Stepper.Stepper;
233
238
  exports.Switch = Switch.Switch;
234
239
  exports.SWITCH_SIZES = Switch_styles.sizes;
235
240
  exports.Table = Table.Table;
@@ -244,6 +249,7 @@ exports.Timeline = Timeline.Timeline;
244
249
  exports.TimelineItem = TimelineItem.TimelineItem;
245
250
  exports.Title = Title.Title;
246
251
  exports.Tooltip = Tooltip.Tooltip;
252
+ exports.TransferList = TransferList.TransferList;
247
253
  exports.Transition = Transition.Transition;
248
254
  exports.GroupedTransition = GroupedTransition.GroupedTransition;
249
255
  exports.TypographyStylesProvider = TypographyStylesProvider.TypographyStylesProvider;
package/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- import { createStyles, getFontStyles, getFocusStyles } from '@mantine/styles';
1
+ import { createStyles } from '@mantine/styles';
2
2
 
3
3
  var __defProp = Object.defineProperty;
4
4
  var __defProps = Object.defineProperties;
@@ -49,7 +49,7 @@ var useStyles = createStyles((theme, { transitionDuration, disableIconRotation,
49
49
  transform: disableIconRotation ? "none" : "rotate(180deg)"
50
50
  }
51
51
  },
52
- control: __spreadProps(__spreadValues(__spreadValues({}, getFocusStyles(theme)), getFontStyles(theme)), {
52
+ control: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.focusStyles()), theme.fn.fontStyles()), {
53
53
  width: "100%",
54
54
  display: "flex",
55
55
  alignItems: "center",
@@ -63,7 +63,7 @@ var useStyles = createStyles((theme, { transitionDuration, disableIconRotation,
63
63
  backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
64
64
  }
65
65
  }),
66
- content: __spreadProps(__spreadValues({}, getFontStyles(theme)), {
66
+ content: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
67
67
  lineHeight: theme.lineHeight,
68
68
  paddingLeft: iconPosition === "right" ? 0 : ICON_SIZE + theme.spacing.xs / 2
69
69
  }),
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.styles.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { createStyles, getFocusStyles, getFontStyles } from '@mantine/styles';\n\nexport type AccordionIconPosition = 'right' | 'left';\n\ninterface AccordionItemStyles {\n transitionDuration: number;\n disableIconRotation: boolean;\n iconPosition: AccordionIconPosition;\n}\n\nconst ICON_SIZE = 24;\n\nexport default createStyles(\n (\n theme,\n { transitionDuration, disableIconRotation, iconPosition }: AccordionItemStyles,\n getRef\n ) => {\n const icon = {\n ref: getRef('icon'),\n transition: `transform ${transitionDuration}ms ease`,\n marginRight: iconPosition === 'right' ? 0 : theme.spacing.sm,\n marginLeft: iconPosition === 'right' ? theme.spacing.lg : 0,\n width: ICON_SIZE,\n minWidth: ICON_SIZE,\n height: ICON_SIZE,\n borderRadius: ICON_SIZE,\n } as const;\n\n return {\n icon,\n\n label: {\n color: 'inherit',\n fontWeight: 500,\n flex: 1,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n item: {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n borderBottom: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n },\n\n itemOpened: {\n [`& .${icon.ref}`]: {\n transform: disableIconRotation ? 'none' : 'rotate(180deg)',\n },\n },\n\n control: {\n ...getFocusStyles(theme),\n ...getFontStyles(theme),\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n flexDirection: iconPosition === 'right' ? 'row-reverse' : 'row',\n padding: `${theme.spacing.sm}px ${theme.spacing.md / 2}px`,\n paddingLeft: iconPosition === 'right' ? theme.spacing.sm + 4 : null,\n fontWeight: 500,\n textAlign: 'left',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n '&:hover': {\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n },\n },\n\n content: {\n ...getFontStyles(theme),\n lineHeight: theme.lineHeight,\n paddingLeft: iconPosition === 'right' ? 0 : ICON_SIZE + theme.spacing.xs / 2,\n },\n\n contentInner: {\n padding: theme.spacing.md,\n paddingTop: theme.spacing.xs / 2,\n },\n };\n }\n);\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AccordionItem.styles.js","sources":["../../../../src/components/Accordion/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/styles';\n\nexport type AccordionIconPosition = 'right' | 'left';\n\ninterface AccordionItemStyles {\n transitionDuration: number;\n disableIconRotation: boolean;\n iconPosition: AccordionIconPosition;\n}\n\nconst ICON_SIZE = 24;\n\nexport default createStyles(\n (\n theme,\n { transitionDuration, disableIconRotation, iconPosition }: AccordionItemStyles,\n getRef\n ) => {\n const icon = {\n ref: getRef('icon'),\n transition: `transform ${transitionDuration}ms ease`,\n marginRight: iconPosition === 'right' ? 0 : theme.spacing.sm,\n marginLeft: iconPosition === 'right' ? theme.spacing.lg : 0,\n width: ICON_SIZE,\n minWidth: ICON_SIZE,\n height: ICON_SIZE,\n borderRadius: ICON_SIZE,\n } as const;\n\n return {\n icon,\n\n label: {\n color: 'inherit',\n fontWeight: 500,\n flex: 1,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n item: {\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n borderBottom: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[3]\n }`,\n },\n\n itemOpened: {\n [`& .${icon.ref}`]: {\n transform: disableIconRotation ? 'none' : 'rotate(180deg)',\n },\n },\n\n control: {\n ...theme.fn.focusStyles(),\n ...theme.fn.fontStyles(),\n width: '100%',\n display: 'flex',\n alignItems: 'center',\n flexDirection: iconPosition === 'right' ? 'row-reverse' : 'row',\n padding: `${theme.spacing.sm}px ${theme.spacing.md / 2}px`,\n paddingLeft: iconPosition === 'right' ? theme.spacing.sm + 4 : null,\n fontWeight: 500,\n textAlign: 'left',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n '&:hover': {\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n },\n },\n\n content: {\n ...theme.fn.fontStyles(),\n lineHeight: theme.lineHeight,\n paddingLeft: iconPosition === 'right' ? 0 : ICON_SIZE + theme.spacing.xs / 2,\n },\n\n contentInner: {\n padding: theme.spacing.md,\n paddingTop: theme.spacing.xs / 2,\n },\n };\n }\n);\n"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import React, { forwardRef } from 'react';
2
- import { useMantineTheme, useExtractedMargins, getSharedColorScheme, getSizeValue } from '@mantine/styles';
2
+ import { useMantineTheme, useExtractedMargins, getSharedColorScheme } from '@mantine/styles';
3
3
  import useStyles, { sizes } from './ActionIcon.styles.js';
4
4
  import { Loader } from '../Loader/Loader.js';
5
5
 
@@ -73,7 +73,7 @@ const ActionIcon = forwardRef((_a, ref) => {
73
73
  const colors = getSharedColorScheme({ color, theme, variant: "light" });
74
74
  const loader = /* @__PURE__ */ React.createElement(Loader, __spreadValues({
75
75
  color: colors.color,
76
- size: getSizeValue({ size, sizes }) - 12
76
+ size: theme.fn.size({ size, sizes }) - 12
77
77
  }, loaderProps));
78
78
  return /* @__PURE__ */ React.createElement(Element, __spreadProps(__spreadValues({}, rest), {
79
79
  style: mergedStyles,
@@ -1 +1 @@
1
- {"version":3,"file":"ActionIcon.js","sources":["../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n useMantineTheme,\n DefaultProps,\n MantineNumberSize,\n getSizeValue,\n getSharedColorScheme,\n MantineColor,\n useExtractedMargins,\n PolymorphicComponentProps,\n PolymorphicRef,\n ClassNames,\n} from '@mantine/styles';\nimport useStyles, { sizes, ActionIconVariant } from './ActionIcon.styles';\nimport { Loader, LoaderProps } from '../Loader';\n\nexport type ActionIconStylesNames = ClassNames<typeof useStyles>;\n\ninterface _ActionIconProps extends DefaultProps<ActionIconStylesNames> {\n /** Icon rendered inside button */\n children: React.ReactNode;\n\n /** Controls appearance */\n variant?: ActionIconVariant;\n\n /** Button hover, active and icon colors from theme */\n color?: MantineColor;\n\n /** Button border-radius from theme or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Predefined icon size or number to set width and height in px */\n size?: MantineNumberSize;\n\n /** Props spread to Loader component */\n loaderProps?: LoaderProps;\n\n /** Indicate loading state */\n loading?: boolean;\n}\n\nexport type ActionIconProps<C extends React.ElementType> = PolymorphicComponentProps<\n C,\n _ActionIconProps\n>;\n\ntype ActionIconComponent = <C extends React.ElementType = 'button'>(\n props: ActionIconProps<C>\n) => React.ReactElement;\n\nexport const ActionIcon: ActionIconComponent & { displayName?: string } = forwardRef(\n <C extends React.ElementType = 'button'>(\n {\n className,\n color = 'gray',\n children,\n radius = 'sm',\n size = 'md',\n variant = 'hover',\n disabled = false,\n loaderProps,\n loading = false,\n component,\n sx,\n style,\n styles,\n classNames,\n ...others\n }: ActionIconProps<C>,\n ref: PolymorphicRef<C>\n ) => {\n const theme = useMantineTheme();\n const { mergedStyles, rest } = useExtractedMargins({ others, style });\n const { classes, cx } = useStyles(\n { size, radius, color },\n { name: 'ActionIcon', classNames, styles, sx }\n );\n\n const Element = component || 'button';\n const colors = getSharedColorScheme({ color, theme, variant: 'light' });\n\n const loader = (\n <Loader color={colors.color} size={getSizeValue({ size, sizes }) - 12} {...loaderProps} />\n );\n\n return (\n <Element\n {...rest}\n style={mergedStyles}\n className={cx(classes[variant], classes.root, { [classes.loading]: loading }, className)}\n type=\"button\"\n ref={ref}\n disabled={disabled || loading}\n >\n {loading ? loader : children}\n </Element>\n );\n }\n);\n\nActionIcon.displayName = '@mantine/core/ActionIcon';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ActionIcon.js","sources":["../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n useMantineTheme,\n DefaultProps,\n MantineNumberSize,\n getSharedColorScheme,\n MantineColor,\n useExtractedMargins,\n PolymorphicComponentProps,\n PolymorphicRef,\n ClassNames,\n} from '@mantine/styles';\nimport useStyles, { sizes, ActionIconVariant } from './ActionIcon.styles';\nimport { Loader, LoaderProps } from '../Loader';\n\nexport type ActionIconStylesNames = ClassNames<typeof useStyles>;\n\ninterface _ActionIconProps extends DefaultProps<ActionIconStylesNames> {\n /** Icon rendered inside button */\n children: React.ReactNode;\n\n /** Controls appearance */\n variant?: ActionIconVariant;\n\n /** Button hover, active and icon colors from theme */\n color?: MantineColor;\n\n /** Button border-radius from theme or number to set border-radius in px */\n radius?: MantineNumberSize;\n\n /** Predefined icon size or number to set width and height in px */\n size?: MantineNumberSize;\n\n /** Props spread to Loader component */\n loaderProps?: LoaderProps;\n\n /** Indicate loading state */\n loading?: boolean;\n}\n\nexport type ActionIconProps<C extends React.ElementType> = PolymorphicComponentProps<\n C,\n _ActionIconProps\n>;\n\ntype ActionIconComponent = <C extends React.ElementType = 'button'>(\n props: ActionIconProps<C>\n) => React.ReactElement;\n\nexport const ActionIcon: ActionIconComponent & { displayName?: string } = forwardRef(\n <C extends React.ElementType = 'button'>(\n {\n className,\n color = 'gray',\n children,\n radius = 'sm',\n size = 'md',\n variant = 'hover',\n disabled = false,\n loaderProps,\n loading = false,\n component,\n sx,\n style,\n styles,\n classNames,\n ...others\n }: ActionIconProps<C>,\n ref: PolymorphicRef<C>\n ) => {\n const theme = useMantineTheme();\n const { mergedStyles, rest } = useExtractedMargins({ others, style });\n const { classes, cx } = useStyles(\n { size, radius, color },\n { name: 'ActionIcon', classNames, styles, sx }\n );\n\n const Element = component || 'button';\n const colors = getSharedColorScheme({ color, theme, variant: 'light' });\n\n const loader = (\n <Loader color={colors.color} size={theme.fn.size({ size, sizes }) - 12} {...loaderProps} />\n );\n\n return (\n <Element\n {...rest}\n style={mergedStyles}\n className={cx(classes[variant], classes.root, { [classes.loading]: loading }, className)}\n type=\"button\"\n ref={ref}\n disabled={disabled || loading}\n >\n {loading ? loader : children}\n </Element>\n );\n }\n);\n\nActionIcon.displayName = '@mantine/core/ActionIcon';\n"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { createStyles, getSizeValue, getThemeColor, getFontStyles, getFocusStyles, hexToRgba, getSharedColorScheme } from '@mantine/styles';
1
+ import { createStyles, getSharedColorScheme } from '@mantine/styles';
2
2
 
3
3
  var __defProp = Object.defineProperty;
4
4
  var __defProps = Object.defineProperties;
@@ -30,10 +30,10 @@ function getVariantStyles({ variant, theme, color }) {
30
30
  if (variant === "hover" || variant === "transparent") {
31
31
  return {
32
32
  border: "1px solid transparent",
33
- color: getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 4 : 7 }),
33
+ color: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 4 : 7),
34
34
  backgroundColor: "transparent",
35
35
  "&:hover": variant === "transparent" ? {} : {
36
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : getThemeColor({ theme, color, shade: 0 })
36
+ backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[8] : theme.fn.themeColor(color, 0)
37
37
  }
38
38
  };
39
39
  }
@@ -41,21 +41,24 @@ function getVariantStyles({ variant, theme, color }) {
41
41
  return {
42
42
  backgroundColor: colors.background,
43
43
  color: colors.color,
44
- border: `1px solid ${colors.border}`
44
+ border: `1px solid ${colors.border}`,
45
+ "&:hover": {
46
+ backgroundColor: colors.hover
47
+ }
45
48
  };
46
49
  }
47
50
  var useStyles = createStyles((theme, { color, size, radius }) => ({
48
- root: __spreadProps(__spreadValues(__spreadValues({}, getFocusStyles(theme)), getFontStyles(theme)), {
51
+ root: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.focusStyles()), theme.fn.fontStyles()), {
49
52
  position: "relative",
50
53
  appearance: "none",
51
54
  WebkitAppearance: "none",
52
55
  WebkitTapHighlightColor: "transparent",
53
56
  boxSizing: "border-box",
54
- height: getSizeValue({ size, sizes }),
55
- minHeight: getSizeValue({ size, sizes }),
56
- width: getSizeValue({ size, sizes }),
57
- minWidth: getSizeValue({ size, sizes }),
58
- borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),
57
+ height: theme.fn.size({ size, sizes }),
58
+ minHeight: theme.fn.size({ size, sizes }),
59
+ width: theme.fn.size({ size, sizes }),
60
+ minWidth: theme.fn.size({ size, sizes }),
61
+ borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
59
62
  padding: 0,
60
63
  lineHeight: 1,
61
64
  display: "flex",
@@ -65,16 +68,8 @@ var useStyles = createStyles((theme, { color, size, radius }) => ({
65
68
  "&:disabled": {
66
69
  color: theme.colors.gray[theme.colorScheme === "dark" ? 6 : 4],
67
70
  cursor: "not-allowed",
68
- backgroundColor: getThemeColor({
69
- theme,
70
- color: "gray",
71
- shade: theme.colorScheme === "dark" ? 8 : 1
72
- }),
73
- borderColor: getThemeColor({
74
- theme,
75
- color: "gray",
76
- shade: theme.colorScheme === "dark" ? 8 : 1
77
- })
71
+ backgroundColor: theme.fn.themeColor("gray", theme.colorScheme === "dark" ? 8 : 1),
72
+ borderColor: theme.fn.themeColor("gray", theme.colorScheme === "dark" ? 8 : 1)
78
73
  },
79
74
  "&:not(:disabled):active": {
80
75
  transform: "translateY(1px)"
@@ -94,8 +89,8 @@ var useStyles = createStyles((theme, { color, size, radius }) => ({
94
89
  left: -1,
95
90
  right: -1,
96
91
  bottom: -1,
97
- backgroundColor: theme.colorScheme === "dark" ? hexToRgba(theme.colors.dark[7], 0.5) : "rgba(255, 255, 255, .5)",
98
- borderRadius: getSizeValue({ size: radius, sizes: theme.radius }) - 1,
92
+ backgroundColor: theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors.dark[7], 0.5) : "rgba(255, 255, 255, .5)",
93
+ borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }) - 1,
99
94
  cursor: "not-allowed"
100
95
  }
101
96
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ActionIcon.styles.js","sources":["../../../src/components/ActionIcon/ActionIcon.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n getSizeValue,\n getFontStyles,\n getFocusStyles,\n getThemeColor,\n getSharedColorScheme,\n hexToRgba,\n MantineColor,\n MantineTheme,\n} from '@mantine/styles';\n\nexport type ActionIconVariant =\n | 'hover'\n | 'filled'\n | 'outline'\n | 'light'\n | 'default'\n | 'transparent';\n\ninterface ActionIconStyles {\n color: MantineColor;\n size: MantineNumberSize;\n radius: MantineNumberSize;\n}\n\nexport const sizes = {\n xs: 18,\n sm: 22,\n md: 28,\n lg: 34,\n xl: 44,\n};\n\ninterface GetVariantStyles {\n variant: ActionIconVariant;\n theme: MantineTheme;\n color: MantineColor;\n}\n\nfunction getVariantStyles({ variant, theme, color }: GetVariantStyles) {\n if (variant === 'hover' || variant === 'transparent') {\n return {\n border: '1px solid transparent',\n color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 4 : 7 }),\n backgroundColor: 'transparent',\n\n '&:hover':\n variant === 'transparent'\n ? {}\n : {\n backgroundColor:\n theme.colorScheme === 'dark'\n ? theme.colors.dark[8]\n : getThemeColor({ theme, color, shade: 0 }),\n },\n };\n }\n\n const colors = getSharedColorScheme({ theme, color, variant });\n\n return {\n backgroundColor: colors.background,\n color: colors.color,\n border: `1px solid ${colors.border}`,\n };\n}\n\nexport default createStyles((theme, { color, size, radius }: ActionIconStyles) => ({\n root: {\n ...getFocusStyles(theme),\n ...getFontStyles(theme),\n position: 'relative',\n appearance: 'none',\n WebkitAppearance: 'none',\n WebkitTapHighlightColor: 'transparent',\n boxSizing: 'border-box',\n height: getSizeValue({ size, sizes }),\n minHeight: getSizeValue({ size, sizes }),\n width: getSizeValue({ size, sizes }),\n minWidth: getSizeValue({ size, sizes }),\n borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n padding: 0,\n lineHeight: 1,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n cursor: 'pointer',\n\n '&:disabled': {\n color: theme.colors.gray[theme.colorScheme === 'dark' ? 6 : 4],\n cursor: 'not-allowed',\n\n backgroundColor: getThemeColor({\n theme,\n color: 'gray',\n shade: theme.colorScheme === 'dark' ? 8 : 1,\n }),\n borderColor: getThemeColor({\n theme,\n color: 'gray',\n shade: theme.colorScheme === 'dark' ? 8 : 1,\n }),\n },\n\n '&:not(:disabled):active': {\n transform: 'translateY(1px)',\n },\n },\n\n outline: getVariantStyles({ theme, color, variant: 'outline' }),\n filled: getVariantStyles({ theme, color, variant: 'filled' }),\n default: getVariantStyles({ theme, color, variant: 'default' }),\n light: getVariantStyles({ theme, color, variant: 'light' }),\n hover: getVariantStyles({ theme, color, variant: 'hover' }),\n transparent: getVariantStyles({ theme, color, variant: 'transparent' }),\n\n loading: {\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: -1,\n left: -1,\n right: -1,\n bottom: -1,\n backgroundColor:\n theme.colorScheme === 'dark'\n ? hexToRgba(theme.colors.dark[7], 0.5)\n : 'rgba(255, 255, 255, .5)',\n borderRadius: getSizeValue({ size: radius, sizes: theme.radius }) - 1,\n cursor: 'not-allowed',\n },\n },\n}));\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ActionIcon.styles.js","sources":["../../../src/components/ActionIcon/ActionIcon.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n getSharedColorScheme,\n MantineColor,\n MantineTheme,\n} from '@mantine/styles';\n\nexport type ActionIconVariant =\n | 'hover'\n | 'filled'\n | 'outline'\n | 'light'\n | 'default'\n | 'transparent';\n\ninterface ActionIconStyles {\n color: MantineColor;\n size: MantineNumberSize;\n radius: MantineNumberSize;\n}\n\nexport const sizes = {\n xs: 18,\n sm: 22,\n md: 28,\n lg: 34,\n xl: 44,\n};\n\ninterface GetVariantStyles {\n variant: ActionIconVariant;\n theme: MantineTheme;\n color: MantineColor;\n}\n\nfunction getVariantStyles({ variant, theme, color }: GetVariantStyles) {\n if (variant === 'hover' || variant === 'transparent') {\n return {\n border: '1px solid transparent',\n color: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 4 : 7),\n backgroundColor: 'transparent',\n\n '&:hover':\n variant === 'transparent'\n ? {}\n : {\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.colors.dark[8] : theme.fn.themeColor(color, 0),\n },\n };\n }\n\n const colors = getSharedColorScheme({ theme, color, variant });\n\n return {\n backgroundColor: colors.background,\n color: colors.color,\n border: `1px solid ${colors.border}`,\n\n '&:hover': {\n backgroundColor: colors.hover,\n },\n };\n}\n\nexport default createStyles((theme, { color, size, radius }: ActionIconStyles) => ({\n root: {\n ...theme.fn.focusStyles(),\n ...theme.fn.fontStyles(),\n position: 'relative',\n appearance: 'none',\n WebkitAppearance: 'none',\n WebkitTapHighlightColor: 'transparent',\n boxSizing: 'border-box',\n height: theme.fn.size({ size, sizes }),\n minHeight: theme.fn.size({ size, sizes }),\n width: theme.fn.size({ size, sizes }),\n minWidth: theme.fn.size({ size, sizes }),\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n padding: 0,\n lineHeight: 1,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n cursor: 'pointer',\n\n '&:disabled': {\n color: theme.colors.gray[theme.colorScheme === 'dark' ? 6 : 4],\n cursor: 'not-allowed',\n backgroundColor: theme.fn.themeColor('gray', theme.colorScheme === 'dark' ? 8 : 1),\n borderColor: theme.fn.themeColor('gray', theme.colorScheme === 'dark' ? 8 : 1),\n },\n\n '&:not(:disabled):active': {\n transform: 'translateY(1px)',\n },\n },\n\n outline: getVariantStyles({ theme, color, variant: 'outline' }),\n filled: getVariantStyles({ theme, color, variant: 'filled' }),\n default: getVariantStyles({ theme, color, variant: 'default' }),\n light: getVariantStyles({ theme, color, variant: 'light' }),\n hover: getVariantStyles({ theme, color, variant: 'hover' }),\n transparent: getVariantStyles({ theme, color, variant: 'transparent' }),\n\n loading: {\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: -1,\n left: -1,\n right: -1,\n bottom: -1,\n backgroundColor:\n theme.colorScheme === 'dark'\n ? theme.fn.rgba(theme.colors.dark[7], 0.5)\n : 'rgba(255, 255, 255, .5)',\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }) - 1,\n cursor: 'not-allowed',\n },\n },\n}));\n"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import React, { forwardRef } from 'react';
2
- import { getSizeValue } from '@mantine/styles';
2
+ import { useMantineTheme } from '@mantine/styles';
3
3
  import { ActionIcon } from '../ActionIcon.js';
4
4
  import { CloseIcon } from './CloseIcon.js';
5
5
 
@@ -40,7 +40,8 @@ const iconSizes = {
40
40
  };
41
41
  const CloseButton = forwardRef((_a, ref) => {
42
42
  var _b = _a, { iconSize, size = "md" } = _b, others = __objRest(_b, ["iconSize", "size"]);
43
- const _iconSize = iconSize || getSizeValue({ size, sizes: iconSizes });
43
+ const theme = useMantineTheme();
44
+ const _iconSize = iconSize || theme.fn.size({ size, sizes: iconSizes });
44
45
  return /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({
45
46
  size,
46
47
  ref
@@ -1 +1 @@
1
- {"version":3,"file":"CloseButton.js","sources":["../../../../src/components/ActionIcon/CloseButton/CloseButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { getSizeValue } from '@mantine/styles';\nimport { ActionIcon, ActionIconProps } from '../ActionIcon';\nimport { CloseIcon } from './CloseIcon';\n\nexport interface CloseButtonProps extends Omit<ActionIconProps<'button'>, 'children'> {\n /** Width and height of cross icon */\n iconSize?: number;\n}\n\nconst iconSizes = {\n xs: 12,\n sm: 14,\n md: 16,\n lg: 20,\n xl: 24,\n};\n\ntype CloseButtonComponent = (props: CloseButtonProps) => React.ReactElement;\n\nexport const CloseButton: CloseButtonComponent & { displayName?: string } = forwardRef<\n HTMLButtonElement,\n CloseButtonProps\n>(({ iconSize, size = 'md', ...others }: CloseButtonProps, ref) => {\n const _iconSize = iconSize || getSizeValue({ size, sizes: iconSizes });\n\n return (\n <ActionIcon size={size} ref={ref} {...others}>\n <CloseIcon style={{ width: _iconSize, height: _iconSize }} />\n </ActionIcon>\n );\n});\n\nCloseButton.displayName = '@mantine/core/CloseButton';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CloseButton.js","sources":["../../../../src/components/ActionIcon/CloseButton/CloseButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useMantineTheme } from '@mantine/styles';\nimport { ActionIcon, ActionIconProps } from '../ActionIcon';\nimport { CloseIcon } from './CloseIcon';\n\nexport interface CloseButtonProps extends Omit<ActionIconProps<'button'>, 'children'> {\n /** Width and height of cross icon */\n iconSize?: number;\n}\n\nconst iconSizes = {\n xs: 12,\n sm: 14,\n md: 16,\n lg: 20,\n xl: 24,\n};\n\ntype CloseButtonComponent = (props: CloseButtonProps) => React.ReactElement;\n\nexport const CloseButton: CloseButtonComponent & { displayName?: string } = forwardRef<\n HTMLButtonElement,\n CloseButtonProps\n>(({ iconSize, size = 'md', ...others }: CloseButtonProps, ref) => {\n const theme = useMantineTheme();\n const _iconSize = iconSize || theme.fn.size({ size, sizes: iconSizes });\n\n return (\n <ActionIcon size={size} ref={ref} {...others}>\n <CloseIcon style={{ width: _iconSize, height: _iconSize }} />\n </ActionIcon>\n );\n});\n\nCloseButton.displayName = '@mantine/core/CloseButton';\n"],"names":[],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import { createStyles, getThemeColor, getFontStyles } from '@mantine/styles';
1
+ import { createStyles } from '@mantine/styles';
2
2
 
3
3
  var __defProp = Object.defineProperty;
4
4
  var __defProps = Object.defineProperties;
@@ -20,12 +20,12 @@ var __spreadValues = (a, b) => {
20
20
  };
21
21
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
22
22
  var useStyles = createStyles((theme, { color }) => ({
23
- root: __spreadProps(__spreadValues({}, getFontStyles(theme)), {
23
+ root: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
24
24
  position: "relative",
25
25
  overflow: "hidden",
26
26
  padding: `${theme.spacing.sm}px ${theme.spacing.md}px`,
27
27
  borderRadius: theme.radius.sm,
28
- backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : getThemeColor({ theme, color, shade: 0 })
28
+ backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.fn.themeColor(color, 0)
29
29
  }),
30
30
  wrapper: {
31
31
  display: "flex"
@@ -35,7 +35,7 @@ var useStyles = createStyles((theme, { color }) => ({
35
35
  },
36
36
  title: {
37
37
  boxSizing: "border-box",
38
- color: getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 5 : 7 }),
38
+ color: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 5 : 7),
39
39
  margin: 0,
40
40
  marginBottom: 7,
41
41
  display: "flex",
@@ -51,7 +51,7 @@ var useStyles = createStyles((theme, { color }) => ({
51
51
  textOverflow: "ellipsis"
52
52
  },
53
53
  icon: {
54
- color: getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 5 : 7 }),
54
+ color: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 5 : 7),
55
55
  lineHeight: 1,
56
56
  width: 20,
57
57
  height: 20,
@@ -61,7 +61,7 @@ var useStyles = createStyles((theme, { color }) => ({
61
61
  marginRight: theme.spacing.md,
62
62
  marginTop: 1
63
63
  },
64
- message: __spreadProps(__spreadValues({}, getFontStyles(theme)), {
64
+ message: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
65
65
  lineHeight: theme.lineHeight,
66
66
  borderBottomLeftRadius: theme.radius.sm,
67
67
  borderBottomRightRadius: theme.radius.sm,
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.styles.js","sources":["../../../src/components/Alert/Alert.styles.ts"],"sourcesContent":["import { createStyles, getThemeColor, getFontStyles, MantineColor } from '@mantine/styles';\n\ninterface AlertStyles {\n color: MantineColor;\n}\n\nexport default createStyles((theme, { color }: AlertStyles) => ({\n root: {\n ...getFontStyles(theme),\n position: 'relative',\n overflow: 'hidden',\n padding: `${theme.spacing.sm}px ${theme.spacing.md}px`,\n borderRadius: theme.radius.sm,\n backgroundColor:\n theme.colorScheme === 'dark'\n ? theme.colors.dark[5]\n : getThemeColor({ theme, color, shade: 0 }),\n },\n\n wrapper: {\n display: 'flex',\n },\n\n body: {\n flex: 1,\n },\n\n title: {\n boxSizing: 'border-box',\n color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 5 : 7 }),\n margin: 0,\n marginBottom: 7,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n lineHeight: theme.lineHeight,\n fontSize: theme.fontSizes.sm,\n fontWeight: 700,\n },\n\n label: {\n display: 'block',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n icon: {\n color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 5 : 7 }),\n lineHeight: 1,\n width: 20,\n height: 20,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n marginRight: theme.spacing.md,\n marginTop: 1,\n },\n\n message: {\n ...getFontStyles(theme),\n lineHeight: theme.lineHeight,\n borderBottomLeftRadius: theme.radius.sm,\n borderBottomRightRadius: theme.radius.sm,\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n fontSize: theme.fontSizes.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n '&:only-child': {\n borderTopRightRadius: theme.radius.sm,\n borderTopLeftRadius: theme.radius.sm,\n },\n },\n\n closeButton: {\n marginTop: 2,\n },\n}));\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Alert.styles.js","sources":["../../../src/components/Alert/Alert.styles.ts"],"sourcesContent":["import { createStyles, MantineColor } from '@mantine/styles';\n\ninterface AlertStyles {\n color: MantineColor;\n}\n\nexport default createStyles((theme, { color }: AlertStyles) => ({\n root: {\n ...theme.fn.fontStyles(),\n position: 'relative',\n overflow: 'hidden',\n padding: `${theme.spacing.sm}px ${theme.spacing.md}px`,\n borderRadius: theme.radius.sm,\n backgroundColor:\n theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.fn.themeColor(color, 0),\n },\n\n wrapper: {\n display: 'flex',\n },\n\n body: {\n flex: 1,\n },\n\n title: {\n boxSizing: 'border-box',\n color: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 5 : 7),\n margin: 0,\n marginBottom: 7,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n lineHeight: theme.lineHeight,\n fontSize: theme.fontSizes.sm,\n fontWeight: 700,\n },\n\n label: {\n display: 'block',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n icon: {\n color: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 5 : 7),\n lineHeight: 1,\n width: 20,\n height: 20,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n marginRight: theme.spacing.md,\n marginTop: 1,\n },\n\n message: {\n ...theme.fn.fontStyles(),\n lineHeight: theme.lineHeight,\n borderBottomLeftRadius: theme.radius.sm,\n borderBottomRightRadius: theme.radius.sm,\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n fontSize: theme.fontSizes.sm,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n\n '&:only-child': {\n borderTopRightRadius: theme.radius.sm,\n borderTopLeftRadius: theme.radius.sm,\n },\n },\n\n closeButton: {\n marginTop: 2,\n },\n}));\n"],"names":[],"mappings":"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"}
@@ -1,5 +1,6 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  import { Text } from '../Text/Text.js';
3
+ import useStyles from './Anchor.styles.js';
3
4
 
4
5
  var __defProp = Object.defineProperty;
5
6
  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -30,11 +31,13 @@ var __objRest = (source, exclude) => {
30
31
  return target;
31
32
  };
32
33
  const Anchor = forwardRef((_a, ref) => {
33
- var _b = _a, { component } = _b, others = __objRest(_b, ["component"]);
34
+ var _b = _a, { component, className } = _b, others = __objRest(_b, ["component", "className"]);
35
+ const { classes, cx } = useStyles(null, { name: "Anchor" });
34
36
  return /* @__PURE__ */ React.createElement(Text, __spreadValues({
35
37
  component: component || "a",
36
38
  variant: "link",
37
- ref
39
+ ref,
40
+ className: cx(classes.anchor, className)
38
41
  }, others));
39
42
  });
40
43
  Anchor.displayName = "@mantine/core/Anchor";
@@ -1 +1 @@
1
- {"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { PolymorphicComponentProps, PolymorphicRef } from '@mantine/styles';\nimport { Text, SharedTextProps } from '../Text/Text';\n\nexport type AnchorProps<C extends React.ElementType> = PolymorphicComponentProps<\n C,\n SharedTextProps\n>;\n\ntype AnchorComponent = <C extends React.ElementType = 'a'>(\n props: AnchorProps<C>\n) => React.ReactElement;\n\nexport const Anchor: AnchorComponent & { displayName?: string } = forwardRef(\n <C extends React.ElementType = 'a'>(\n { component, ...others }: AnchorProps<C>,\n ref: PolymorphicRef<C>\n ) => <Text component={(component || 'a') as any} variant=\"link\" ref={ref} {...others} />\n);\n\nAnchor.displayName = '@mantine/core/Anchor';\n"],"names":[],"mappings":";;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAGU,MAAC,MAAM,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AAC9C,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACzE,EAAE,uBAAuB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,cAAc,CAAC;AAClE,IAAI,SAAS,EAAE,SAAS,IAAI,GAAG;AAC/B,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC,EAAE;AACH,MAAM,CAAC,WAAW,GAAG,sBAAsB;;;;"}
1
+ {"version":3,"file":"Anchor.js","sources":["../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { PolymorphicComponentProps, PolymorphicRef } from '@mantine/styles';\nimport { Text, SharedTextProps } from '../Text/Text';\nimport useStyles from './Anchor.styles';\n\nexport type AnchorProps<C extends React.ElementType> = PolymorphicComponentProps<\n C,\n SharedTextProps\n>;\n\ntype AnchorComponent = <C extends React.ElementType = 'a'>(\n props: AnchorProps<C>\n) => React.ReactElement;\n\nexport const Anchor: AnchorComponent & { displayName?: string } = forwardRef(\n <C extends React.ElementType = 'a'>(\n { component, className, ...others }: AnchorProps<C>,\n ref: PolymorphicRef<C>\n ) => {\n const { classes, cx } = useStyles(null, { name: 'Anchor' });\n return (\n <Text\n component={(component || 'a') as any}\n variant=\"link\"\n ref={ref}\n className={cx(classes.anchor, className)}\n {...others}\n />\n );\n }\n);\n\nAnchor.displayName = '@mantine/core/Anchor';\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,13 @@
1
+ import { createStyles } from '@mantine/styles';
2
+
3
+ var useStyles = createStyles(() => ({
4
+ anchor: {
5
+ backgroundColor: "transparent",
6
+ cursor: "pointer",
7
+ padding: 0,
8
+ border: 0
9
+ }
10
+ }));
11
+
12
+ export default useStyles;
13
+ //# sourceMappingURL=Anchor.styles.js.map