@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
@@ -25,28 +25,28 @@ var __spreadValues = (a, b) => {
25
25
  };
26
26
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
27
27
  var useStyles = styles.createStyles((theme, { height, width, padding, fixed, position, hiddenBreakpoint, zIndex }) => {
28
- const breakpoints = typeof (width == null ? void 0 : width.breakpoints) === "object" && width.breakpoints !== null ? getSortedBreakpoints.getSortedBreakpoints(width.breakpoints, theme).reduce((acc, [breakpoint, breakpointSize]) => {
29
- acc[`@media (max-width: ${breakpoint}px)`] = {
28
+ const breakpoints = typeof width === "object" && width !== null ? getSortedBreakpoints.getSortedBreakpoints(width, theme).reduce((acc, [breakpoint, breakpointSize]) => {
29
+ acc[`@media (min-width: ${breakpoint + 1}px)`] = {
30
30
  width: breakpointSize,
31
31
  minWidth: breakpointSize
32
32
  };
33
33
  return acc;
34
34
  }, {}) : null;
35
35
  return {
36
- root: __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, styles.getFontStyles(theme)), position), {
36
+ root: __spreadValues(__spreadProps(__spreadValues(__spreadValues({}, theme.fn.fontStyles()), position), {
37
37
  zIndex,
38
38
  height,
39
- width: width.base,
39
+ width: (width == null ? void 0 : width.base) || "100%",
40
40
  position: fixed ? "fixed" : "static",
41
41
  boxSizing: "border-box",
42
- padding: styles.getSizeValue({ size: padding, sizes: theme.spacing }),
42
+ padding: theme.fn.size({ size: padding, sizes: theme.spacing }),
43
43
  display: "flex",
44
44
  flexDirection: "column",
45
45
  backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
46
46
  borderRight: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[2]}`
47
47
  }), breakpoints),
48
48
  hidden: {
49
- [`@media (max-width: ${styles.getSizeValue({
49
+ [`@media (max-width: ${theme.fn.size({
50
50
  size: hiddenBreakpoint,
51
51
  sizes: theme.breakpoints
52
52
  })}px)`]: {
@@ -1 +1 @@
1
- {"version":3,"file":"Navbar.styles.js","sources":["../../../../src/components/AppShell/Navbar/Navbar.styles.ts"],"sourcesContent":["import { createStyles, getFontStyles, MantineNumberSize, getSizeValue } from '@mantine/styles';\nimport { getSortedBreakpoints } from '../get-sorted-breakpoints';\n\nexport interface NavbarWidth {\n base: string | number;\n breakpoints?: Partial<Record<string, string | number>>;\n}\n\nexport interface NavbarPosition {\n top?: number;\n left?: number;\n bottom?: number;\n right?: number;\n}\n\ninterface NavbarStyles {\n width: NavbarWidth;\n height: string | number;\n padding: MantineNumberSize;\n position: NavbarPosition;\n hiddenBreakpoint: MantineNumberSize;\n fixed: boolean;\n zIndex: number;\n}\n\nexport default createStyles(\n (theme, { height, width, padding, fixed, position, hiddenBreakpoint, zIndex }: NavbarStyles) => {\n const breakpoints =\n typeof width?.breakpoints === 'object' && width.breakpoints !== null\n ? getSortedBreakpoints(width.breakpoints, theme).reduce(\n (acc, [breakpoint, breakpointSize]) => {\n acc[`@media (max-width: ${breakpoint}px)`] = {\n width: breakpointSize,\n minWidth: breakpointSize,\n };\n\n return acc;\n },\n {}\n )\n : null;\n\n return {\n root: {\n ...getFontStyles(theme),\n ...position,\n zIndex,\n height,\n width: width.base,\n position: fixed ? 'fixed' : 'static',\n boxSizing: 'border-box',\n padding: getSizeValue({ size: padding, sizes: theme.spacing }),\n display: 'flex',\n flexDirection: 'column',\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n borderRight: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[2]\n }`,\n ...breakpoints,\n },\n\n hidden: {\n [`@media (max-width: ${getSizeValue({\n size: hiddenBreakpoint,\n sizes: theme.breakpoints,\n })}px)`]: {\n display: 'none',\n },\n },\n };\n }\n);\n"],"names":["createStyles","getSortedBreakpoints","getFontStyles","getSizeValue"],"mappings":";;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,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,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAGlE,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,EAAE,KAAK;AAC9G,EAAE,MAAM,WAAW,GAAG,QAAQ,KAAK,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,QAAQ,IAAI,KAAK,CAAC,WAAW,KAAK,IAAI,GAAGC,yCAAoB,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,cAAc,CAAC,KAAK;AACpN,IAAI,GAAG,CAAC,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG;AACjD,MAAM,KAAK,EAAE,cAAc;AAC3B,MAAM,QAAQ,EAAE,cAAc;AAC9B,KAAK,CAAC;AACN,IAAI,OAAO,GAAG,CAAC;AACf,GAAG,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC;AAChB,EAAE,OAAO;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,EAAEC,oBAAa,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,EAAE;AAC3G,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,MAAM,KAAK,EAAE,KAAK,CAAC,IAAI;AACvB,MAAM,QAAQ,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ;AAC1C,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,OAAO,EAAEC,mBAAY,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AACpE,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,aAAa,EAAE,QAAQ;AAC7B,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACxF,MAAM,WAAW,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5G,KAAK,CAAC,EAAE,WAAW,CAAC;AACpB,IAAI,MAAM,EAAE;AACZ,MAAM,CAAC,CAAC,mBAAmB,EAAEA,mBAAY,CAAC;AAC1C,QAAQ,IAAI,EAAE,gBAAgB;AAC9B,QAAQ,KAAK,EAAE,KAAK,CAAC,WAAW;AAChC,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG;AAChB,QAAQ,OAAO,EAAE,MAAM;AACvB,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
1
+ {"version":3,"file":"Navbar.styles.js","sources":["../../../../src/components/AppShell/Navbar/Navbar.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\nimport { getSortedBreakpoints } from '../get-sorted-breakpoints';\n\nexport type NavbarWidth = Partial<Record<string, string | number>>;\n\nexport interface NavbarPosition {\n top?: number;\n left?: number;\n bottom?: number;\n right?: number;\n}\n\ninterface NavbarStyles {\n width: Partial<Record<string, string | number>>;\n height: string | number;\n padding: MantineNumberSize;\n position: NavbarPosition;\n hiddenBreakpoint: MantineNumberSize;\n fixed: boolean;\n zIndex: number;\n}\n\nexport default createStyles(\n (theme, { height, width, padding, fixed, position, hiddenBreakpoint, zIndex }: NavbarStyles) => {\n const breakpoints =\n typeof width === 'object' && width !== null\n ? getSortedBreakpoints(width, theme).reduce((acc, [breakpoint, breakpointSize]) => {\n acc[`@media (min-width: ${breakpoint + 1}px)`] = {\n width: breakpointSize,\n minWidth: breakpointSize,\n };\n\n return acc;\n }, {})\n : null;\n\n return {\n root: {\n ...theme.fn.fontStyles(),\n ...position,\n zIndex,\n height,\n width: width?.base || '100%',\n position: fixed ? 'fixed' : 'static',\n boxSizing: 'border-box',\n padding: theme.fn.size({ size: padding, sizes: theme.spacing }),\n display: 'flex',\n flexDirection: 'column',\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n borderRight: `1px solid ${\n theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[2]\n }`,\n ...breakpoints,\n },\n\n hidden: {\n [`@media (max-width: ${theme.fn.size({\n size: hiddenBreakpoint,\n sizes: theme.breakpoints,\n })}px)`]: {\n display: 'none',\n },\n },\n };\n }\n);\n"],"names":["createStyles","getSortedBreakpoints"],"mappings":"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"}
@@ -2,18 +2,16 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var styles = require('@mantine/styles');
6
-
7
5
  function getSortedBreakpoints(breakpoints, theme) {
8
6
  if (!breakpoints) {
9
7
  return [];
10
8
  }
11
- const values = Object.keys(breakpoints).map((breakpoint) => [
12
- styles.getSizeValue({ size: breakpoint, sizes: theme.breakpoints }),
9
+ const values = Object.keys(breakpoints).filter((breakpoint) => breakpoint !== "base").map((breakpoint) => [
10
+ theme.fn.size({ size: breakpoint, sizes: theme.breakpoints }),
13
11
  breakpoints[breakpoint]
14
12
  ]);
15
13
  values.sort((a, b) => b[0] - a[0]);
16
- return values;
14
+ return values.reverse();
17
15
  }
18
16
 
19
17
  exports.getSortedBreakpoints = getSortedBreakpoints;
@@ -1 +1 @@
1
- {"version":3,"file":"get-sorted-breakpoints.js","sources":["../../../src/components/AppShell/get-sorted-breakpoints.ts"],"sourcesContent":["import { MantineSize, MantineTheme, getSizeValue } from '@mantine/styles';\n\ntype Breakpoints<T> = Partial<Record<MantineSize | (string & {}), T>>;\n\nexport function getSortedBreakpoints<T>(breakpoints: Breakpoints<T>, theme: MantineTheme) {\n if (!breakpoints) {\n return [];\n }\n\n const values = Object.keys(breakpoints).map((breakpoint) => [\n getSizeValue({ size: breakpoint, sizes: theme.breakpoints }),\n breakpoints[breakpoint],\n ]);\n\n values.sort((a, b) => b[0] - a[0]);\n return values as [number, T][];\n}\n"],"names":["getSizeValue"],"mappings":";;;;;;AACO,SAAS,oBAAoB,CAAC,WAAW,EAAE,KAAK,EAAE;AACzD,EAAE,IAAI,CAAC,WAAW,EAAE;AACpB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,KAAK;AAC9D,IAAIA,mBAAY,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC;AAChE,IAAI,WAAW,CAAC,UAAU,CAAC;AAC3B,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrC,EAAE,OAAO,MAAM,CAAC;AAChB;;;;"}
1
+ {"version":3,"file":"get-sorted-breakpoints.js","sources":["../../../src/components/AppShell/get-sorted-breakpoints.ts"],"sourcesContent":["import { MantineSize, MantineTheme } from '@mantine/styles';\n\ntype Breakpoints<T> = Partial<Record<MantineSize | (string & {}), T>>;\n\nexport function getSortedBreakpoints<T>(breakpoints: Breakpoints<T>, theme: MantineTheme) {\n if (!breakpoints) {\n return [];\n }\n\n const values = Object.keys(breakpoints)\n .filter((breakpoint) => breakpoint !== 'base')\n .map((breakpoint) => [\n theme.fn.size({ size: breakpoint, sizes: theme.breakpoints }),\n breakpoints[breakpoint],\n ]);\n\n values.sort((a, b) => b[0] - a[0]);\n return values.reverse() as [number, T][];\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,oBAAoB,CAAC,WAAW,EAAE,KAAK,EAAE;AACzD,EAAE,IAAI,CAAC,WAAW,EAAE;AACpB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,KAAK,UAAU,KAAK,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,KAAK;AAC5G,IAAI,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,CAAC;AACjE,IAAI,WAAW,CAAC,UAAU,CAAC;AAC3B,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACrC,EAAE,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC;AAC1B;;;;"}
@@ -84,7 +84,8 @@ const Autocomplete = React.forwardRef((_a, ref) => {
84
84
  filter = defaultFilter,
85
85
  nothingFound,
86
86
  onDropdownClose,
87
- onDropdownOpen
87
+ onDropdownOpen,
88
+ zIndex
88
89
  } = _b, others = __objRest(_b, [
89
90
  "className",
90
91
  "style",
@@ -117,12 +118,15 @@ const Autocomplete = React.forwardRef((_a, ref) => {
117
118
  "filter",
118
119
  "nothingFound",
119
120
  "onDropdownClose",
120
- "onDropdownOpen"
121
+ "onDropdownOpen",
122
+ "zIndex"
121
123
  ]);
122
124
  const { classes } = Autocomplete_styles['default']({ size }, { classNames, styles: styles$1, name: "Autocomplete" });
123
125
  const { mergedStyles, rest } = styles.useExtractedMargins({ others, style });
124
126
  const [dropdownOpened, _setDropdownOpened] = React.useState(initiallyOpened);
125
127
  const [hovered, setHovered] = React.useState(-1);
128
+ const [direction, setDirection] = React.useState("column");
129
+ const inputRef = React.useRef(null);
126
130
  const uuid = hooks.useUuid(id);
127
131
  const [_value, handleChange] = hooks.useUncontrolled({
128
132
  value,
@@ -148,15 +152,22 @@ const Autocomplete = React.forwardRef((_a, ref) => {
148
152
  const filteredData = filterData.filterData({ data: formattedData, value: _value, limit, filter });
149
153
  const handleInputKeydown = (event) => {
150
154
  typeof onKeyDown === "function" && onKeyDown(event);
155
+ const isColumn = direction === "column";
156
+ const handleNext = () => {
157
+ setHovered((current) => current < filteredData.length - 1 ? current + 1 : current);
158
+ };
159
+ const handlePrevious = () => {
160
+ setHovered((current) => current > 0 ? current - 1 : current);
161
+ };
151
162
  switch (event.nativeEvent.code) {
152
163
  case "ArrowUp": {
153
164
  event.preventDefault();
154
- setHovered((current) => current > 0 ? current - 1 : current);
165
+ isColumn ? handlePrevious() : handleNext();
155
166
  break;
156
167
  }
157
168
  case "ArrowDown": {
158
169
  event.preventDefault();
159
- setHovered((current) => current < filteredData.length - 1 ? current + 1 : current);
170
+ isColumn ? handleNext() : handlePrevious();
160
171
  break;
161
172
  }
162
173
  case "Enter": {
@@ -213,7 +224,7 @@ const Autocomplete = React.forwardRef((_a, ref) => {
213
224
  }, /* @__PURE__ */ React__default.createElement(Input.Input, __spreadProps(__spreadValues({}, rest), {
214
225
  "data-mantine-stop-propagation": dropdownOpened,
215
226
  required,
216
- ref,
227
+ ref: hooks.useMergedRef(ref, inputRef),
217
228
  id: uuid,
218
229
  type: "string",
219
230
  invalid: !!error,
@@ -244,7 +255,11 @@ const Autocomplete = React.forwardRef((_a, ref) => {
244
255
  maxDropdownHeight: "auto",
245
256
  classNames,
246
257
  styles: styles$1,
247
- __staticSelector: "Autocomplete"
258
+ __staticSelector: "Autocomplete",
259
+ direction,
260
+ onDirectionChange: setDirection,
261
+ referenceElement: inputRef.current,
262
+ zIndex
248
263
  }, /* @__PURE__ */ React__default.createElement(SelectItems.SelectItems, {
249
264
  data: filteredData,
250
265
  hovered,
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react';\nimport { useUncontrolled, useDidUpdate, useUuid } from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineSize,\n MantineShadow,\n ClassNames,\n useExtractedMargins,\n} from '@mantine/styles';\nimport {\n InputWrapper,\n InputWrapperBaseProps,\n InputWrapperStylesNames,\n} from '../InputWrapper/InputWrapper';\nimport { Input, InputBaseProps, InputStylesNames } from '../Input/Input';\nimport { MantineTransition } from '../Transition';\nimport { SelectDropdown, SelectDropdownStylesNames } from '../Select/SelectDropdown/SelectDropdown';\nimport { SelectItems } from '../Select/SelectItems/SelectItems';\nimport { DefaultItem } from '../Select/DefaultItem/DefaultItem';\nimport { filterData } from './filter-data/filter-data';\nimport useStyles from './Autocomplete.styles';\n\nexport type AutocompleteStylesNames =\n | InputStylesNames\n | InputWrapperStylesNames\n | SelectDropdownStylesNames\n | ClassNames<typeof useStyles>;\n\nexport interface AutocompleteItem {\n value: string;\n [key: string]: any;\n}\n\nexport interface AutocompleteProps\n extends DefaultProps<AutocompleteStylesNames>,\n InputBaseProps,\n InputWrapperBaseProps,\n Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'onChange'> {\n /** Input size */\n size?: MantineSize;\n\n /** Autocomplete data used to renderer items in dropdown */\n data: (string | AutocompleteItem)[];\n\n /** Change item renderer */\n itemComponent?: React.FC<any>;\n\n /** Dropdown shadow from theme or any value to set box-shadow */\n shadow?: MantineShadow;\n\n /** Limit amount of items rendered in dropdown */\n limit?: number;\n\n /** Called when item from dropdown was selected */\n onItemSubmit?(item: AutocompleteItem): void;\n\n /** Controlled input value */\n value?: string;\n\n /** Uncontrolled input defaultValue */\n defaultValue?: string;\n\n /** Controlled input onChange handler */\n onChange?(value: string): void;\n\n /** Dropdown body appear/disappear transition */\n transition?: MantineTransition;\n\n /** Dropdown body transition duration */\n transitionDuration?: number;\n\n /** Dropdown body transition timing function, defaults to theme.transitionTimingFunction */\n transitionTimingFunction?: string;\n\n /** Initial dropdown opened state */\n initiallyOpened?: boolean;\n\n /** Function based on which items in dropdown are filtered */\n filter?(value: string, item: AutocompleteItem): boolean;\n\n /** Message that will be displayed on zero search results */\n nothingFound?: string;\n\n /** Called when dropdown is opened */\n onDropdownOpen?(): void;\n\n /** Called when dropdown is closed */\n onDropdownClose?(): void;\n}\n\nexport function defaultFilter(value: string, item: AutocompleteItem) {\n return item.value.toLowerCase().trim().includes(value.toLowerCase().trim());\n}\n\nexport const Autocomplete = forwardRef<HTMLInputElement, AutocompleteProps>(\n (\n {\n className,\n style,\n sx,\n required = false,\n label,\n id,\n error,\n description,\n size = 'sm',\n shadow = 'sm',\n data,\n limit = 5,\n value,\n defaultValue,\n onChange,\n itemComponent = DefaultItem,\n onItemSubmit,\n onKeyDown,\n onFocus,\n onBlur,\n onClick,\n transition = 'skew-up',\n transitionDuration = 0,\n initiallyOpened = false,\n transitionTimingFunction,\n wrapperProps,\n classNames,\n styles,\n filter = defaultFilter,\n nothingFound,\n onDropdownClose,\n onDropdownOpen,\n ...others\n }: AutocompleteProps,\n ref\n ) => {\n const { classes } = useStyles({ size }, { classNames, styles, name: 'Autocomplete' });\n const { mergedStyles, rest } = useExtractedMargins({ others, style });\n const [dropdownOpened, _setDropdownOpened] = useState(initiallyOpened);\n const [hovered, setHovered] = useState(-1);\n const uuid = useUuid(id);\n const [_value, handleChange] = useUncontrolled({\n value,\n defaultValue,\n finalValue: '',\n onChange,\n rule: (val) => typeof val === 'string',\n });\n\n const setDropdownOpened = (opened: boolean) => {\n _setDropdownOpened(opened);\n const handler = opened ? onDropdownOpen : onDropdownClose;\n typeof handler === 'function' && handler();\n };\n\n useDidUpdate(() => {\n setHovered(0);\n }, [_value]);\n\n const handleItemClick = (item: AutocompleteItem) => {\n handleChange(item.value);\n typeof onItemSubmit === 'function' && onItemSubmit(item);\n setTimeout(() => setDropdownOpened(false));\n };\n\n const formattedData = data.map((item) => (typeof item === 'string' ? { value: item } : item));\n const filteredData = filterData({ data: formattedData, value: _value, limit, filter });\n\n const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n typeof onKeyDown === 'function' && onKeyDown(event);\n\n switch (event.nativeEvent.code) {\n case 'ArrowUp': {\n event.preventDefault();\n setHovered((current) => (current > 0 ? current - 1 : current));\n break;\n }\n\n case 'ArrowDown': {\n event.preventDefault();\n setHovered((current) => (current < filteredData.length - 1 ? current + 1 : current));\n break;\n }\n\n case 'Enter': {\n if (filteredData[hovered] && dropdownOpened) {\n event.preventDefault();\n handleChange(filteredData[hovered].value);\n typeof onItemSubmit === 'function' && onItemSubmit(filteredData[hovered]);\n setDropdownOpened(false);\n }\n break;\n }\n\n case 'Escape': {\n if (dropdownOpened) {\n event.preventDefault();\n setDropdownOpened(false);\n }\n }\n }\n };\n\n const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n typeof onFocus === 'function' && onFocus(event);\n };\n\n const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n typeof onBlur === 'function' && onBlur(event);\n setDropdownOpened(false);\n };\n\n const handleInputClick = (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => {\n typeof onClick === 'function' && onClick(event);\n setDropdownOpened(!dropdownOpened);\n };\n\n const shouldRenderDropdown =\n dropdownOpened && (filteredData.length > 0 || (filteredData.length === 0 && !!nothingFound));\n\n return (\n <InputWrapper\n required={required}\n id={uuid}\n label={label}\n error={error}\n description={description}\n size={size}\n className={className}\n classNames={classNames}\n styles={styles}\n style={mergedStyles}\n __staticSelector=\"Autocomplete\"\n sx={sx}\n {...wrapperProps}\n >\n <div\n className={classes.wrapper}\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n aria-owns={`${uuid}-items`}\n aria-controls={uuid}\n aria-expanded={shouldRenderDropdown}\n onMouseLeave={() => setHovered(-1)}\n tabIndex={-1}\n >\n <Input<'input'>\n {...rest}\n data-mantine-stop-propagation={dropdownOpened}\n required={required}\n ref={ref}\n id={uuid}\n type=\"string\"\n invalid={!!error}\n size={size}\n onKeyDown={handleInputKeydown}\n classNames={classNames}\n styles={styles}\n __staticSelector=\"Autocomplete\"\n value={_value}\n onChange={(event) => {\n handleChange(event.currentTarget.value);\n setDropdownOpened(true);\n }}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onClick={handleInputClick}\n autoComplete=\"off\"\n aria-autocomplete=\"list\"\n aria-controls={shouldRenderDropdown ? `${uuid}-items` : null}\n aria-activedescendant={hovered !== -1 ? `${uuid}-${hovered}` : null}\n />\n\n <SelectDropdown\n mounted={shouldRenderDropdown}\n transition={transition}\n transitionDuration={transitionDuration}\n transitionTimingFunction={transitionTimingFunction}\n uuid={uuid}\n shadow={shadow}\n maxDropdownHeight=\"auto\"\n classNames={classNames}\n styles={styles}\n __staticSelector=\"Autocomplete\"\n >\n <SelectItems\n data={filteredData}\n hovered={hovered}\n classNames={classNames}\n styles={styles}\n uuid={uuid}\n __staticSelector=\"Autocomplete\"\n onItemHover={setHovered}\n onItemSelect={handleItemClick}\n itemComponent={itemComponent}\n size={size}\n nothingFound={nothingFound}\n />\n </SelectDropdown>\n </div>\n </InputWrapper>\n );\n }\n);\n\nAutocomplete.displayName = '@mantine/core/Autocomplete';\n"],"names":["forwardRef","DefaultItem","styles","useStyles","useExtractedMargins","useState","useUuid","useUncontrolled","useDidUpdate","filterData","React","InputWrapper","Input","SelectDropdown","SelectItems"],"mappings":"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"}
1
+ {"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { useState, forwardRef, useRef } from 'react';\nimport { useUncontrolled, useDidUpdate, useMergedRef, useUuid } from '@mantine/hooks';\nimport {\n DefaultProps,\n MantineSize,\n MantineShadow,\n ClassNames,\n useExtractedMargins,\n} from '@mantine/styles';\nimport {\n InputWrapper,\n InputWrapperBaseProps,\n InputWrapperStylesNames,\n} from '../InputWrapper/InputWrapper';\nimport { Input, InputBaseProps, InputStylesNames } from '../Input/Input';\nimport { MantineTransition } from '../Transition';\nimport { SelectDropdown, SelectDropdownStylesNames } from '../Select/SelectDropdown/SelectDropdown';\nimport { SelectItems } from '../Select/SelectItems/SelectItems';\nimport { DefaultItem } from '../Select/DefaultItem/DefaultItem';\nimport { filterData } from './filter-data/filter-data';\nimport useStyles from './Autocomplete.styles';\n\nexport type AutocompleteStylesNames =\n | InputStylesNames\n | InputWrapperStylesNames\n | SelectDropdownStylesNames\n | ClassNames<typeof useStyles>;\n\nexport interface AutocompleteItem {\n value: string;\n [key: string]: any;\n}\n\nexport interface AutocompleteProps\n extends DefaultProps<AutocompleteStylesNames>,\n InputBaseProps,\n InputWrapperBaseProps,\n Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'onChange'> {\n /** Input size */\n size?: MantineSize;\n\n /** Autocomplete data used to renderer items in dropdown */\n data: (string | AutocompleteItem)[];\n\n /** Change item renderer */\n itemComponent?: React.FC<any>;\n\n /** Dropdown shadow from theme or any value to set box-shadow */\n shadow?: MantineShadow;\n\n /** Limit amount of items rendered in dropdown */\n limit?: number;\n\n /** Called when item from dropdown was selected */\n onItemSubmit?(item: AutocompleteItem): void;\n\n /** Controlled input value */\n value?: string;\n\n /** Uncontrolled input defaultValue */\n defaultValue?: string;\n\n /** Controlled input onChange handler */\n onChange?(value: string): void;\n\n /** Dropdown body appear/disappear transition */\n transition?: MantineTransition;\n\n /** Dropdown body transition duration */\n transitionDuration?: number;\n\n /** Dropdown body transition timing function, defaults to theme.transitionTimingFunction */\n transitionTimingFunction?: string;\n\n /** Initial dropdown opened state */\n initiallyOpened?: boolean;\n\n /** Function based on which items in dropdown are filtered */\n filter?(value: string, item: AutocompleteItem): boolean;\n\n /** Message that will be displayed on zero search results */\n nothingFound?: string;\n\n /** Called when dropdown is opened */\n onDropdownOpen?(): void;\n\n /** Called when dropdown is closed */\n onDropdownClose?(): void;\n\n /** Dropdown z-index */\n zIndex?: number;\n}\n\nexport function defaultFilter(value: string, item: AutocompleteItem) {\n return item.value.toLowerCase().trim().includes(value.toLowerCase().trim());\n}\n\nexport const Autocomplete = forwardRef<HTMLInputElement, AutocompleteProps>(\n (\n {\n className,\n style,\n sx,\n required = false,\n label,\n id,\n error,\n description,\n size = 'sm',\n shadow = 'sm',\n data,\n limit = 5,\n value,\n defaultValue,\n onChange,\n itemComponent = DefaultItem,\n onItemSubmit,\n onKeyDown,\n onFocus,\n onBlur,\n onClick,\n transition = 'skew-up',\n transitionDuration = 0,\n initiallyOpened = false,\n transitionTimingFunction,\n wrapperProps,\n classNames,\n styles,\n filter = defaultFilter,\n nothingFound,\n onDropdownClose,\n onDropdownOpen,\n zIndex,\n ...others\n }: AutocompleteProps,\n ref\n ) => {\n const { classes } = useStyles({ size }, { classNames, styles, name: 'Autocomplete' });\n const { mergedStyles, rest } = useExtractedMargins({ others, style });\n const [dropdownOpened, _setDropdownOpened] = useState(initiallyOpened);\n const [hovered, setHovered] = useState(-1);\n const [direction, setDirection] = useState<React.CSSProperties['flexDirection']>('column');\n\n const inputRef = useRef<HTMLInputElement>(null);\n const uuid = useUuid(id);\n const [_value, handleChange] = useUncontrolled({\n value,\n defaultValue,\n finalValue: '',\n onChange,\n rule: (val) => typeof val === 'string',\n });\n\n const setDropdownOpened = (opened: boolean) => {\n _setDropdownOpened(opened);\n const handler = opened ? onDropdownOpen : onDropdownClose;\n typeof handler === 'function' && handler();\n };\n\n useDidUpdate(() => {\n setHovered(0);\n }, [_value]);\n\n const handleItemClick = (item: AutocompleteItem) => {\n handleChange(item.value);\n typeof onItemSubmit === 'function' && onItemSubmit(item);\n setTimeout(() => setDropdownOpened(false));\n };\n\n const formattedData = data.map((item) => (typeof item === 'string' ? { value: item } : item));\n const filteredData = filterData({ data: formattedData, value: _value, limit, filter });\n\n const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n typeof onKeyDown === 'function' && onKeyDown(event);\n\n const isColumn = direction === 'column';\n\n const handleNext = () => {\n setHovered((current) => (current < filteredData.length - 1 ? current + 1 : current));\n };\n\n const handlePrevious = () => {\n setHovered((current) => (current > 0 ? current - 1 : current));\n };\n\n switch (event.nativeEvent.code) {\n case 'ArrowUp': {\n event.preventDefault();\n\n isColumn ? handlePrevious() : handleNext();\n break;\n }\n\n case 'ArrowDown': {\n event.preventDefault();\n\n isColumn ? handleNext() : handlePrevious();\n break;\n }\n\n case 'Enter': {\n if (filteredData[hovered] && dropdownOpened) {\n event.preventDefault();\n handleChange(filteredData[hovered].value);\n typeof onItemSubmit === 'function' && onItemSubmit(filteredData[hovered]);\n setDropdownOpened(false);\n }\n break;\n }\n\n case 'Escape': {\n if (dropdownOpened) {\n event.preventDefault();\n setDropdownOpened(false);\n }\n }\n }\n };\n\n const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n typeof onFocus === 'function' && onFocus(event);\n };\n\n const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n typeof onBlur === 'function' && onBlur(event);\n setDropdownOpened(false);\n };\n\n const handleInputClick = (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => {\n typeof onClick === 'function' && onClick(event);\n setDropdownOpened(!dropdownOpened);\n };\n\n const shouldRenderDropdown =\n dropdownOpened && (filteredData.length > 0 || (filteredData.length === 0 && !!nothingFound));\n\n return (\n <InputWrapper\n required={required}\n id={uuid}\n label={label}\n error={error}\n description={description}\n size={size}\n className={className}\n classNames={classNames}\n styles={styles}\n style={mergedStyles}\n __staticSelector=\"Autocomplete\"\n sx={sx}\n {...wrapperProps}\n >\n <div\n className={classes.wrapper}\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n aria-owns={`${uuid}-items`}\n aria-controls={uuid}\n aria-expanded={shouldRenderDropdown}\n onMouseLeave={() => setHovered(-1)}\n tabIndex={-1}\n >\n <Input<'input'>\n {...rest}\n data-mantine-stop-propagation={dropdownOpened}\n required={required}\n ref={useMergedRef(ref, inputRef)}\n id={uuid}\n type=\"string\"\n invalid={!!error}\n size={size}\n onKeyDown={handleInputKeydown}\n classNames={classNames}\n styles={styles}\n __staticSelector=\"Autocomplete\"\n value={_value}\n onChange={(event) => {\n handleChange(event.currentTarget.value);\n setDropdownOpened(true);\n }}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onClick={handleInputClick}\n autoComplete=\"off\"\n aria-autocomplete=\"list\"\n aria-controls={shouldRenderDropdown ? `${uuid}-items` : null}\n aria-activedescendant={hovered !== -1 ? `${uuid}-${hovered}` : null}\n />\n\n <SelectDropdown\n mounted={shouldRenderDropdown}\n transition={transition}\n transitionDuration={transitionDuration}\n transitionTimingFunction={transitionTimingFunction}\n uuid={uuid}\n shadow={shadow}\n maxDropdownHeight=\"auto\"\n classNames={classNames}\n styles={styles}\n __staticSelector=\"Autocomplete\"\n direction={direction}\n onDirectionChange={setDirection}\n referenceElement={inputRef.current}\n zIndex={zIndex}\n >\n <SelectItems\n data={filteredData}\n hovered={hovered}\n classNames={classNames}\n styles={styles}\n uuid={uuid}\n __staticSelector=\"Autocomplete\"\n onItemHover={setHovered}\n onItemSelect={handleItemClick}\n itemComponent={itemComponent}\n size={size}\n nothingFound={nothingFound}\n />\n </SelectDropdown>\n </div>\n </InputWrapper>\n );\n }\n);\n\nAutocomplete.displayName = '@mantine/core/Autocomplete';\n"],"names":["forwardRef","DefaultItem","styles","useStyles","useExtractedMargins","useState","useRef","useUuid","useUncontrolled","useDidUpdate","filterData","React","InputWrapper","Input","useMergedRef","SelectDropdown","SelectItems"],"mappings":"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"}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var styles = require('@mantine/styles');
6
6
 
7
7
  var useStyles = styles.createStyles((theme, { size }) => {
8
- const spacing = styles.getSizeValue({ size, sizes: theme.spacing });
8
+ const spacing = theme.fn.size({ size, sizes: theme.spacing });
9
9
  return {
10
10
  wrapper: {
11
11
  position: "relative"
@@ -14,7 +14,7 @@ var useStyles = styles.createStyles((theme, { size }) => {
14
14
  textAlign: "left",
15
15
  width: "100%",
16
16
  padding: `${spacing / 1.5}px ${spacing}`,
17
- fontSize: styles.getSizeValue({ size, sizes: theme.fontSizes }),
17
+ fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),
18
18
  color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black
19
19
  },
20
20
  hovered: {
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { createStyles, getSizeValue, MantineSize } from '@mantine/styles';\n\ninterface AutocompleteStyles {\n size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: AutocompleteStyles) => {\n const spacing = getSizeValue({ size, sizes: theme.spacing });\n\n return {\n wrapper: {\n position: 'relative',\n },\n\n item: {\n textAlign: 'left',\n width: '100%',\n padding: `${spacing / 1.5}px ${spacing}`,\n fontSize: getSizeValue({ size, sizes: theme.fontSizes }),\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n },\n\n hovered: {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\n },\n\n nothingFound: {\n boxSizing: 'border-box',\n color: theme.colors.gray[6],\n paddingTop: spacing / 2,\n paddingBottom: spacing / 2,\n textAlign: 'center',\n },\n };\n});\n"],"names":["createStyles","getSizeValue"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK;AACjD,EAAE,MAAM,OAAO,GAAGC,mBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AAC/D,EAAE,OAAO;AACT,IAAI,OAAO,EAAE;AACb,MAAM,QAAQ,EAAE,UAAU;AAC1B,KAAK;AACL,IAAI,IAAI,EAAE;AACV,MAAM,SAAS,EAAE,MAAM;AACvB,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,OAAO,EAAE,CAAC,EAAE,OAAO,GAAG,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AAC9C,MAAM,QAAQ,EAAEA,mBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC9D,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC9E,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjC,MAAM,UAAU,EAAE,OAAO,GAAG,CAAC;AAC7B,MAAM,aAAa,EAAE,OAAO,GAAG,CAAC;AAChC,MAAM,SAAS,EAAE,QAAQ;AACzB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
1
+ {"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { createStyles, MantineSize } from '@mantine/styles';\n\ninterface AutocompleteStyles {\n size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: AutocompleteStyles) => {\n const spacing = theme.fn.size({ size, sizes: theme.spacing });\n\n return {\n wrapper: {\n position: 'relative',\n },\n\n item: {\n textAlign: 'left',\n width: '100%',\n padding: `${spacing / 1.5}px ${spacing}`,\n fontSize: theme.fn.size({ size, sizes: theme.fontSizes }),\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n },\n\n hovered: {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\n },\n\n nothingFound: {\n boxSizing: 'border-box',\n color: theme.colors.gray[6],\n paddingTop: spacing / 2,\n paddingBottom: spacing / 2,\n textAlign: 'center',\n },\n };\n});\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK;AACjD,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AAChE,EAAE,OAAO;AACT,IAAI,OAAO,EAAE;AACb,MAAM,QAAQ,EAAE,UAAU;AAC1B,KAAK;AACL,IAAI,IAAI,EAAE;AACV,MAAM,SAAS,EAAE,MAAM;AACvB,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,OAAO,EAAE,CAAC,EAAE,OAAO,GAAG,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AAC9C,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC/D,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC9E,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjC,MAAM,UAAU,EAAE,OAAO,GAAG,CAAC;AAC7B,MAAM,aAAa,EAAE,OAAO,GAAG,CAAC;AAChC,MAAM,SAAS,EAAE,QAAQ;AACzB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
@@ -31,16 +31,16 @@ const sizes = {
31
31
  xl: 84
32
32
  };
33
33
  var useStyles = styles.createStyles((theme, { size, radius, color }) => ({
34
- root: __spreadProps(__spreadValues({}, styles.getFocusStyles(theme)), {
34
+ root: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
35
35
  WebkitTapHighlightColor: "transparent",
36
36
  boxSizing: "border-box",
37
37
  position: "relative",
38
38
  userSelect: "none",
39
39
  overflow: "hidden",
40
- width: styles.getSizeValue({ size, sizes }),
41
- minWidth: styles.getSizeValue({ size, sizes }),
42
- height: styles.getSizeValue({ size, sizes }),
43
- borderRadius: radius ? styles.getSizeValue({ size: radius, sizes: theme.radius }) : size
40
+ width: theme.fn.size({ size, sizes }),
41
+ minWidth: theme.fn.size({ size, sizes }),
42
+ height: theme.fn.size({ size, sizes }),
43
+ borderRadius: radius ? theme.fn.size({ size: radius, sizes: theme.radius }) : size
44
44
  }),
45
45
  image: {
46
46
  objectFit: "cover",
@@ -48,8 +48,8 @@ var useStyles = styles.createStyles((theme, { size, radius, color }) => ({
48
48
  height: "100%",
49
49
  display: "block"
50
50
  },
51
- placeholder: __spreadProps(__spreadValues({}, styles.getFontStyles(theme)), {
52
- fontSize: styles.getSizeValue({ size, sizes }) / 2.5,
51
+ placeholder: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
52
+ fontSize: theme.fn.size({ size, sizes }) / 2.5,
53
53
  color: styles.getSharedColorScheme({ theme, color, variant: "light" }).color,
54
54
  fontWeight: 700,
55
55
  backgroundColor: styles.getSharedColorScheme({ theme, color, variant: "light" }).background,
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.styles.js","sources":["../../../src/components/Avatar/Avatar.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n MantineColor,\n getSizeValue,\n getFontStyles,\n getSharedColorScheme,\n getFocusStyles,\n} from '@mantine/styles';\n\ninterface AvatarStyles {\n size: MantineNumberSize;\n radius: MantineNumberSize;\n color: MantineColor;\n}\n\nexport const sizes = {\n xs: 16,\n sm: 26,\n md: 38,\n lg: 56,\n xl: 84,\n};\n\nexport default createStyles((theme, { size, radius, color }: AvatarStyles) => ({\n root: {\n ...getFocusStyles(theme),\n WebkitTapHighlightColor: 'transparent',\n boxSizing: 'border-box',\n position: 'relative',\n userSelect: 'none',\n overflow: 'hidden',\n width: getSizeValue({ size, sizes }),\n minWidth: getSizeValue({ size, sizes }),\n height: getSizeValue({ size, sizes }),\n borderRadius: radius ? getSizeValue({ size: radius, sizes: theme.radius }) : size,\n },\n\n image: {\n objectFit: 'cover',\n width: '100%',\n height: '100%',\n display: 'block',\n },\n\n placeholder: {\n ...getFontStyles(theme),\n fontSize: getSizeValue({ size, sizes }) / 2.5,\n color: getSharedColorScheme({ theme, color, variant: 'light' }).color,\n fontWeight: 700,\n backgroundColor: getSharedColorScheme({ theme, color, variant: 'light' }).background,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '100%',\n height: '100%',\n userSelect: 'none',\n },\n\n placeholderIcon: {\n width: '70%',\n height: '70%',\n color: getSharedColorScheme({ theme, color, variant: 'light' }).color,\n },\n}));\n"],"names":["createStyles","getFocusStyles","getSizeValue","getFontStyles","getSharedColorScheme"],"mappings":"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"}
1
+ {"version":3,"file":"Avatar.styles.js","sources":["../../../src/components/Avatar/Avatar.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n MantineColor,\n getSharedColorScheme,\n} from '@mantine/styles';\n\ninterface AvatarStyles {\n size: MantineNumberSize;\n radius: MantineNumberSize;\n color: MantineColor;\n}\n\nexport const sizes = {\n xs: 16,\n sm: 26,\n md: 38,\n lg: 56,\n xl: 84,\n};\n\nexport default createStyles((theme, { size, radius, color }: AvatarStyles) => ({\n root: {\n ...theme.fn.focusStyles(),\n WebkitTapHighlightColor: 'transparent',\n boxSizing: 'border-box',\n position: 'relative',\n userSelect: 'none',\n overflow: 'hidden',\n width: theme.fn.size({ size, sizes }),\n minWidth: theme.fn.size({ size, sizes }),\n height: theme.fn.size({ size, sizes }),\n borderRadius: radius ? theme.fn.size({ size: radius, sizes: theme.radius }) : size,\n },\n\n image: {\n objectFit: 'cover',\n width: '100%',\n height: '100%',\n display: 'block',\n },\n\n placeholder: {\n ...theme.fn.fontStyles(),\n fontSize: theme.fn.size({ size, sizes }) / 2.5,\n color: getSharedColorScheme({ theme, color, variant: 'light' }).color,\n fontWeight: 700,\n backgroundColor: getSharedColorScheme({ theme, color, variant: 'light' }).background,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '100%',\n height: '100%',\n userSelect: 'none',\n },\n\n placeholderIcon: {\n width: '70%',\n height: '70%',\n color: getSharedColorScheme({ theme, color, variant: 'light' }).color,\n },\n}));\n"],"names":["createStyles","getSharedColorScheme"],"mappings":"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"}
@@ -26,14 +26,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
26
26
  var useStyles = styles.createStyles((theme, { spacing }) => ({
27
27
  root: {
28
28
  display: "flex",
29
- paddingLeft: styles.getSizeValue({ size: spacing, sizes: theme.spacing }) / 2
29
+ paddingLeft: theme.fn.size({ size: spacing, sizes: theme.spacing }) / 2
30
30
  },
31
31
  child: {
32
- marginLeft: -styles.getSizeValue({ size: spacing, sizes: theme.spacing }) / 2,
32
+ marginLeft: -theme.fn.size({ size: spacing, sizes: theme.spacing }) / 2,
33
33
  background: `${theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white}`,
34
34
  border: `2px solid ${theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white}`
35
35
  },
36
- truncated: __spreadProps(__spreadValues({}, styles.getFontStyles(theme)), {
36
+ truncated: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
37
37
  lineHeight: 1,
38
38
  fontSize: `${theme.fontSizes.sm}px !important`,
39
39
  color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
@@ -1 +1 @@
1
- {"version":3,"file":"AvatarsGroup.styles.js","sources":["../../../../src/components/Avatar/AvatarsGroup/AvatarsGroup.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, getSizeValue, getFontStyles } from '@mantine/styles';\n\ninterface AvatarsGroupStyles {\n spacing: MantineNumberSize;\n}\n\nexport default createStyles((theme, { spacing }: AvatarsGroupStyles) => ({\n root: {\n display: 'flex',\n paddingLeft: getSizeValue({ size: spacing, sizes: theme.spacing }) / 2,\n },\n\n child: {\n marginLeft: -getSizeValue({ size: spacing, sizes: theme.spacing }) / 2,\n background: `${theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white}`,\n border: `2px solid ${theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white}`,\n },\n\n truncated: {\n ...getFontStyles(theme),\n lineHeight: 1,\n fontSize: `${theme.fontSizes.sm}px !important`,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n width: '100%',\n height: '100%',\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n },\n}));\n"],"names":["createStyles","getSizeValue","getFontStyles"],"mappings":"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"}
1
+ {"version":3,"file":"AvatarsGroup.styles.js","sources":["../../../../src/components/Avatar/AvatarsGroup/AvatarsGroup.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize } from '@mantine/styles';\n\ninterface AvatarsGroupStyles {\n spacing: MantineNumberSize;\n}\n\nexport default createStyles((theme, { spacing }: AvatarsGroupStyles) => ({\n root: {\n display: 'flex',\n paddingLeft: theme.fn.size({ size: spacing, sizes: theme.spacing }) / 2,\n },\n\n child: {\n marginLeft: -theme.fn.size({ size: spacing, sizes: theme.spacing }) / 2,\n background: `${theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white}`,\n border: `2px solid ${theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white}`,\n },\n\n truncated: {\n ...theme.fn.fontStyles(),\n lineHeight: 1,\n fontSize: `${theme.fontSizes.sm}px !important`,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n width: '100%',\n height: '100%',\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n },\n}));\n"],"names":["createStyles"],"mappings":"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"}
@@ -57,7 +57,7 @@ const heights = Object.keys(sizes).reduce((acc, key) => {
57
57
  return acc;
58
58
  }, {});
59
59
  var useStyles = styles.createStyles((theme, { color, size, radius, gradientFrom, gradientTo, gradientDeg, fullWidth }) => {
60
- const dotSize = styles.getSizeValue({ size, sizes: dotSizes });
60
+ const dotSize = theme.fn.size({ size, sizes: dotSizes });
61
61
  const { fontSize, height } = size in sizes ? sizes[size] : sizes.md;
62
62
  const lightColors = styles.getSharedColorScheme({ color, theme, variant: "light" });
63
63
  const filledColors = styles.getSharedColorScheme({ theme, color, variant: "filled" });
@@ -79,21 +79,21 @@ var useStyles = styles.createStyles((theme, { color, size, radius, gradientFrom,
79
79
  overflow: "hidden",
80
80
  textOverflow: "ellipsis"
81
81
  },
82
- root: __spreadProps(__spreadValues(__spreadValues({}, styles.getFocusStyles(theme)), styles.getFontStyles(theme)), {
82
+ root: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.focusStyles()), theme.fn.fontStyles()), {
83
83
  fontSize,
84
84
  height,
85
85
  WebkitTapHighlightColor: "transparent",
86
86
  lineHeight: `${height - 2}px`,
87
87
  border: "1px solid transparent",
88
88
  textDecoration: "none",
89
- padding: `0 ${styles.getSizeValue({ size, sizes: theme.spacing }) / 1.5}px`,
89
+ padding: `0 ${theme.fn.size({ size, sizes: theme.spacing }) / 1.5}px`,
90
90
  boxSizing: "border-box",
91
91
  display: fullWidth ? "flex" : "inline-flex",
92
92
  alignItems: "center",
93
93
  justifyContent: "center",
94
94
  width: fullWidth ? "100%" : "auto",
95
95
  textTransform: "uppercase",
96
- borderRadius: styles.getSizeValue({ size: radius, sizes: theme.radius }),
96
+ borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),
97
97
  fontWeight: 700,
98
98
  letterSpacing: 0.25,
99
99
  cursor: "default",
@@ -122,18 +122,14 @@ var useStyles = styles.createStyles((theme, { color, size, radius, gradientFrom,
122
122
  backgroundColor: "transparent",
123
123
  color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[7],
124
124
  borderColor: theme.colorScheme === "dark" ? theme.colors.dark[3] : theme.colors.gray[3],
125
- paddingLeft: styles.getSizeValue({ size, sizes: theme.spacing }) / 1.5 - dotSize / 2,
125
+ paddingLeft: theme.fn.size({ size, sizes: theme.spacing }) / 1.5 - dotSize / 2,
126
126
  "&::before": {
127
127
  content: '""',
128
128
  display: "block",
129
129
  width: dotSize,
130
130
  height: dotSize,
131
131
  borderRadius: dotSize,
132
- backgroundColor: styles.getThemeColor({
133
- theme,
134
- color,
135
- shade: theme.colorScheme === "dark" ? 4 : 6
136
- }),
132
+ backgroundColor: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 4 : 6),
137
133
  marginRight: dotSize
138
134
  }
139
135
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.styles.js","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineSize,\n MantineNumberSize,\n getFontStyles,\n getThemeColor,\n getFocusStyles,\n getSizeValue,\n getSharedColorScheme,\n MantineColor,\n} from '@mantine/styles';\n\ninterface BadgeStyles {\n color: MantineColor;\n size: MantineSize;\n radius: MantineNumberSize;\n gradientFrom: string;\n gradientTo: string;\n gradientDeg: number;\n fullWidth: boolean;\n}\n\nconst sizes = {\n xs: {\n fontSize: 9,\n height: 16,\n },\n sm: {\n fontSize: 10,\n height: 18,\n },\n md: {\n fontSize: 11,\n height: 20,\n },\n lg: {\n fontSize: 13,\n height: 26,\n },\n xl: {\n fontSize: 16,\n height: 32,\n },\n} as const;\n\nconst dotSizes = {\n xs: 4,\n sm: 4,\n md: 6,\n lg: 8,\n xl: 10,\n};\n\nexport const heights = Object.keys(sizes).reduce((acc, key) => {\n acc[key] = sizes[key].height;\n return acc;\n}, {} as Record<MantineSize, number>);\n\nexport default createStyles(\n (\n theme,\n { color, size, radius, gradientFrom, gradientTo, gradientDeg, fullWidth }: BadgeStyles\n ) => {\n const dotSize = getSizeValue({ size, sizes: dotSizes });\n const { fontSize, height } = size in sizes ? sizes[size] : sizes.md;\n const lightColors = getSharedColorScheme({ color, theme, variant: 'light' });\n const filledColors = getSharedColorScheme({ theme, color, variant: 'filled' });\n const outlineColors = getSharedColorScheme({ theme, color, variant: 'outline' });\n const gradientColors = getSharedColorScheme({\n theme,\n variant: 'gradient',\n gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n });\n\n return {\n leftSection: {\n marginRight: theme.spacing.xs / 2,\n },\n\n rightSection: {\n marginLeft: theme.spacing.xs / 2,\n },\n\n inner: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n root: {\n ...getFocusStyles(theme),\n ...getFontStyles(theme),\n fontSize,\n height,\n WebkitTapHighlightColor: 'transparent',\n lineHeight: `${height - 2}px`,\n border: '1px solid transparent',\n textDecoration: 'none',\n padding: `0 ${getSizeValue({ size, sizes: theme.spacing }) / 1.5}px`,\n boxSizing: 'border-box',\n display: fullWidth ? 'flex' : 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: fullWidth ? '100%' : 'auto',\n textTransform: 'uppercase',\n borderRadius: getSizeValue({ size: radius, sizes: theme.radius }),\n fontWeight: 700,\n letterSpacing: 0.25,\n cursor: 'default',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n },\n\n light: {\n backgroundColor: lightColors.background,\n color: lightColors.color,\n },\n\n filled: {\n backgroundColor: filledColors.background,\n color: filledColors.color,\n },\n\n outline: {\n backgroundColor: outlineColors.background,\n color: outlineColors.color,\n border: `1px solid ${outlineColors.border}`,\n },\n\n gradient: {\n backgroundImage: gradientColors.background,\n color: gradientColors.color,\n border: 0,\n },\n\n dot: {\n backgroundColor: 'transparent',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[3],\n paddingLeft: getSizeValue({ size, sizes: theme.spacing }) / 1.5 - dotSize / 2,\n\n '&::before': {\n content: '\"\"',\n display: 'block',\n width: dotSize,\n height: dotSize,\n borderRadius: dotSize,\n backgroundColor: getThemeColor({\n theme,\n color,\n shade: theme.colorScheme === 'dark' ? 4 : 6,\n }),\n marginRight: dotSize,\n },\n },\n };\n }\n);\n"],"names":["createStyles","getSizeValue","getSharedColorScheme","getFocusStyles","getFontStyles","getThemeColor"],"mappings":"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"}
1
+ {"version":3,"file":"Badge.styles.js","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineSize,\n MantineNumberSize,\n getSharedColorScheme,\n MantineColor,\n} from '@mantine/styles';\n\ninterface BadgeStyles {\n color: MantineColor;\n size: MantineSize;\n radius: MantineNumberSize;\n gradientFrom: string;\n gradientTo: string;\n gradientDeg: number;\n fullWidth: boolean;\n}\n\nconst sizes = {\n xs: {\n fontSize: 9,\n height: 16,\n },\n sm: {\n fontSize: 10,\n height: 18,\n },\n md: {\n fontSize: 11,\n height: 20,\n },\n lg: {\n fontSize: 13,\n height: 26,\n },\n xl: {\n fontSize: 16,\n height: 32,\n },\n} as const;\n\nconst dotSizes = {\n xs: 4,\n sm: 4,\n md: 6,\n lg: 8,\n xl: 10,\n};\n\nexport const heights = Object.keys(sizes).reduce((acc, key) => {\n acc[key] = sizes[key].height;\n return acc;\n}, {} as Record<MantineSize, number>);\n\nexport default createStyles(\n (\n theme,\n { color, size, radius, gradientFrom, gradientTo, gradientDeg, fullWidth }: BadgeStyles\n ) => {\n const dotSize = theme.fn.size({ size, sizes: dotSizes });\n const { fontSize, height } = size in sizes ? sizes[size] : sizes.md;\n const lightColors = getSharedColorScheme({ color, theme, variant: 'light' });\n const filledColors = getSharedColorScheme({ theme, color, variant: 'filled' });\n const outlineColors = getSharedColorScheme({ theme, color, variant: 'outline' });\n const gradientColors = getSharedColorScheme({\n theme,\n variant: 'gradient',\n gradient: { from: gradientFrom, to: gradientTo, deg: gradientDeg },\n });\n\n return {\n leftSection: {\n marginRight: theme.spacing.xs / 2,\n },\n\n rightSection: {\n marginLeft: theme.spacing.xs / 2,\n },\n\n inner: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n root: {\n ...theme.fn.focusStyles(),\n ...theme.fn.fontStyles(),\n fontSize,\n height,\n WebkitTapHighlightColor: 'transparent',\n lineHeight: `${height - 2}px`,\n border: '1px solid transparent',\n textDecoration: 'none',\n padding: `0 ${theme.fn.size({ size, sizes: theme.spacing }) / 1.5}px`,\n boxSizing: 'border-box',\n display: fullWidth ? 'flex' : 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: fullWidth ? '100%' : 'auto',\n textTransform: 'uppercase',\n borderRadius: theme.fn.size({ size: radius, sizes: theme.radius }),\n fontWeight: 700,\n letterSpacing: 0.25,\n cursor: 'default',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n },\n\n light: {\n backgroundColor: lightColors.background,\n color: lightColors.color,\n },\n\n filled: {\n backgroundColor: filledColors.background,\n color: filledColors.color,\n },\n\n outline: {\n backgroundColor: outlineColors.background,\n color: outlineColors.color,\n border: `1px solid ${outlineColors.border}`,\n },\n\n gradient: {\n backgroundImage: gradientColors.background,\n color: gradientColors.color,\n border: 0,\n },\n\n dot: {\n backgroundColor: 'transparent',\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n borderColor: theme.colorScheme === 'dark' ? theme.colors.dark[3] : theme.colors.gray[3],\n paddingLeft: theme.fn.size({ size, sizes: theme.spacing }) / 1.5 - dotSize / 2,\n\n '&::before': {\n content: '\"\"',\n display: 'block',\n width: dotSize,\n height: dotSize,\n borderRadius: dotSize,\n backgroundColor: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 4 : 6),\n marginRight: dotSize,\n },\n },\n };\n }\n);\n"],"names":["createStyles","getSharedColorScheme"],"mappings":"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"}
@@ -24,7 +24,7 @@ var __spreadValues = (a, b) => {
24
24
  };
25
25
  var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
26
26
  var useStyles = styles.createStyles((theme, { color }) => ({
27
- root: __spreadProps(__spreadValues({}, styles.getFontStyles(theme)), {
27
+ root: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {
28
28
  fontSize: theme.fontSizes.lg,
29
29
  lineHeight: theme.lineHeight,
30
30
  color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
@@ -42,7 +42,7 @@ var useStyles = styles.createStyles((theme, { color }) => ({
42
42
  textOverflow: "ellipsis"
43
43
  },
44
44
  icon: {
45
- color: styles.getThemeColor({ theme, color, shade: theme.colorScheme === "dark" ? 6 : 7 }),
45
+ color: theme.fn.themeColor(color, theme.colorScheme === "dark" ? 6 : 7),
46
46
  marginRight: theme.spacing.lg,
47
47
  marginTop: 2,
48
48
  width: 22
@@ -1 +1 @@
1
- {"version":3,"file":"Blockquote.styles.js","sources":["../../../src/components/Blockquote/Blockquote.styles.ts"],"sourcesContent":["import { createStyles, getFontStyles, getThemeColor, MantineColor } from '@mantine/styles';\n\ninterface BlockquoteStyles {\n color: MantineColor;\n}\n\nexport default createStyles((theme, { color }: BlockquoteStyles) => ({\n root: {\n ...getFontStyles(theme),\n fontSize: theme.fontSizes.lg,\n lineHeight: theme.lineHeight,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n margin: 0,\n borderTopRightRadius: theme.radius.sm,\n borderBottomRightRadius: theme.radius.sm,\n padding: `${theme.spacing.md}px ${theme.spacing.lg}px`,\n },\n\n inner: {\n display: 'flex',\n },\n\n body: {\n flex: 1,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n icon: {\n color: getThemeColor({ theme, color, shade: theme.colorScheme === 'dark' ? 6 : 7 }),\n marginRight: theme.spacing.lg,\n marginTop: 2,\n width: 22,\n },\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"],"names":["createStyles","getFontStyles","getThemeColor"],"mappings":"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"}
1
+ {"version":3,"file":"Blockquote.styles.js","sources":["../../../src/components/Blockquote/Blockquote.styles.ts"],"sourcesContent":["import { createStyles, MantineColor } from '@mantine/styles';\n\ninterface BlockquoteStyles {\n color: MantineColor;\n}\n\nexport default createStyles((theme, { color }: BlockquoteStyles) => ({\n root: {\n ...theme.fn.fontStyles(),\n fontSize: theme.fontSizes.lg,\n lineHeight: theme.lineHeight,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n margin: 0,\n borderTopRightRadius: theme.radius.sm,\n borderBottomRightRadius: theme.radius.sm,\n padding: `${theme.spacing.md}px ${theme.spacing.lg}px`,\n },\n\n inner: {\n display: 'flex',\n },\n\n body: {\n flex: 1,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n },\n\n icon: {\n color: theme.fn.themeColor(color, theme.colorScheme === 'dark' ? 6 : 7),\n marginRight: theme.spacing.lg,\n marginTop: 2,\n width: 22,\n },\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"],"names":["createStyles"],"mappings":"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"}
@@ -31,11 +31,11 @@ const sizes = {
31
31
  xl: 42
32
32
  };
33
33
  var useStyles = styles.createStyles((theme, { size, color }, getRef) => {
34
- const sizeValue = styles.getSizeValue({ size, sizes });
34
+ const sizeValue = theme.fn.size({ size, sizes });
35
35
  const opened = { ref: getRef("opened") };
36
36
  return {
37
37
  opened,
38
- root: __spreadProps(__spreadValues({}, styles.getFocusStyles(theme)), {
38
+ root: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {
39
39
  WebkitTapHighlightColor: "transparent",
40
40
  borderRadius: theme.radius.sm,
41
41
  width: sizeValue + theme.spacing.xs,
@@ -1 +1 @@
1
- {"version":3,"file":"Burger.styles.js","sources":["../../../src/components/Burger/Burger.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n getSizeValue,\n getFocusStyles,\n MantineColor,\n} from '@mantine/styles';\n\ninterface BurgerStyles {\n size: MantineNumberSize;\n color: MantineColor;\n}\n\nexport const sizes = {\n xs: 12,\n sm: 18,\n md: 24,\n lg: 34,\n xl: 42,\n};\n\nexport default createStyles((theme, { size, color }: BurgerStyles, getRef) => {\n const sizeValue = getSizeValue({ size, sizes });\n const opened = { ref: getRef('opened') } as const;\n\n return {\n opened,\n\n root: {\n ...getFocusStyles(theme),\n WebkitTapHighlightColor: 'transparent',\n borderRadius: theme.radius.sm,\n width: sizeValue + theme.spacing.xs,\n height: sizeValue + theme.spacing.xs,\n padding: theme.spacing.xs / 2,\n backgroundColor: 'transparent',\n border: 0,\n cursor: 'pointer',\n },\n\n burger: {\n position: 'relative',\n userSelect: 'none',\n boxSizing: 'border-box',\n\n '&, &:before, &:after': {\n display: 'block',\n width: sizeValue,\n height: Math.ceil(sizeValue / 12),\n backgroundColor: color,\n outline: '1px solid transparent',\n transitionProperty: 'background-color, transform',\n transitionDuration: '300ms',\n\n '@media (prefers-reduced-motion)': {\n transitionDuration: '0ms',\n },\n },\n\n '&:before, &:after': {\n position: 'absolute',\n content: '\"\"',\n left: 0,\n },\n\n '&:before': {\n top: (sizeValue / 3) * -1,\n },\n\n '&:after': {\n top: sizeValue / 3,\n },\n\n [`&.${opened.ref}`]: {\n backgroundColor: 'transparent',\n\n '&:before': {\n transform: `translateY(${sizeValue / 3}px) rotate(45deg)`,\n },\n\n '&:after': {\n transform: `translateY(-${sizeValue / 3}px) rotate(-45deg)`,\n },\n },\n },\n };\n});\n"],"names":["createStyles","getSizeValue","getFocusStyles"],"mappings":"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"}
1
+ {"version":3,"file":"Burger.styles.js","sources":["../../../src/components/Burger/Burger.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, MantineColor } from '@mantine/styles';\n\ninterface BurgerStyles {\n size: MantineNumberSize;\n color: MantineColor;\n}\n\nexport const sizes = {\n xs: 12,\n sm: 18,\n md: 24,\n lg: 34,\n xl: 42,\n};\n\nexport default createStyles((theme, { size, color }: BurgerStyles, getRef) => {\n const sizeValue = theme.fn.size({ size, sizes });\n const opened = { ref: getRef('opened') } as const;\n\n return {\n opened,\n\n root: {\n ...theme.fn.focusStyles(),\n WebkitTapHighlightColor: 'transparent',\n borderRadius: theme.radius.sm,\n width: sizeValue + theme.spacing.xs,\n height: sizeValue + theme.spacing.xs,\n padding: theme.spacing.xs / 2,\n backgroundColor: 'transparent',\n border: 0,\n cursor: 'pointer',\n },\n\n burger: {\n position: 'relative',\n userSelect: 'none',\n boxSizing: 'border-box',\n\n '&, &:before, &:after': {\n display: 'block',\n width: sizeValue,\n height: Math.ceil(sizeValue / 12),\n backgroundColor: color,\n outline: '1px solid transparent',\n transitionProperty: 'background-color, transform',\n transitionDuration: '300ms',\n\n '@media (prefers-reduced-motion)': {\n transitionDuration: '0ms',\n },\n },\n\n '&:before, &:after': {\n position: 'absolute',\n content: '\"\"',\n left: 0,\n },\n\n '&:before': {\n top: (sizeValue / 3) * -1,\n },\n\n '&:after': {\n top: sizeValue / 3,\n },\n\n [`&.${opened.ref}`]: {\n backgroundColor: 'transparent',\n\n '&:before': {\n transform: `translateY(${sizeValue / 3}px) rotate(45deg)`,\n },\n\n '&:after': {\n transform: `translateY(-${sizeValue / 3}px) rotate(-45deg)`,\n },\n },\n },\n };\n});\n"],"names":["createStyles"],"mappings":"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"}