@mantine/core 7.0.0-alpha.2 → 7.0.0-alpha.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 (426) hide show
  1. package/cjs/components/ActionIcon/ActionIcon.js +7 -5
  2. package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
  3. package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js.map +1 -1
  4. package/cjs/components/Affix/Affix.js +109 -0
  5. package/cjs/components/Affix/Affix.js.map +1 -0
  6. package/cjs/components/Affix/Affix.module.css.js +8 -0
  7. package/cjs/components/Affix/Affix.module.css.js.map +1 -0
  8. package/cjs/components/Alert/Alert.js +147 -0
  9. package/cjs/components/Alert/Alert.js.map +1 -0
  10. package/cjs/components/Alert/Alert.module.css.js +8 -0
  11. package/cjs/components/Alert/Alert.module.css.js.map +1 -0
  12. package/cjs/components/Anchor/Anchor.js.map +1 -1
  13. package/cjs/components/AspectRatio/AspectRatio.js +73 -0
  14. package/cjs/components/AspectRatio/AspectRatio.js.map +1 -0
  15. package/cjs/components/AspectRatio/AspectRatio.module.css.js +8 -0
  16. package/cjs/components/AspectRatio/AspectRatio.module.css.js.map +1 -0
  17. package/cjs/components/Avatar/Avatar.js +140 -0
  18. package/cjs/components/Avatar/Avatar.js.map +1 -0
  19. package/cjs/components/Avatar/Avatar.module.css.js +8 -0
  20. package/cjs/components/Avatar/Avatar.module.css.js.map +1 -0
  21. package/cjs/components/Avatar/AvatarGroup/AvatarGroup.context.js +16 -0
  22. package/cjs/components/Avatar/AvatarGroup/AvatarGroup.context.js.map +1 -0
  23. package/cjs/components/Avatar/AvatarGroup/AvatarGroup.js +79 -0
  24. package/cjs/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -0
  25. package/cjs/components/Avatar/AvatarGroup/AvatarGroup.module.css.js +8 -0
  26. package/cjs/components/Avatar/AvatarGroup/AvatarGroup.module.css.js.map +1 -0
  27. package/cjs/components/Avatar/AvatarPlaceholderIcon.js +45 -0
  28. package/cjs/components/Avatar/AvatarPlaceholderIcon.js.map +1 -0
  29. package/cjs/components/BackgroundImage/BackgroundImage.js.map +1 -1
  30. package/cjs/components/Badge/Badge.js +134 -0
  31. package/cjs/components/Badge/Badge.js.map +1 -0
  32. package/cjs/components/Badge/Badge.module.css.js +8 -0
  33. package/cjs/components/Badge/Badge.module.css.js.map +1 -0
  34. package/cjs/components/Blockquote/Blockquote.js.map +1 -1
  35. package/cjs/components/Breadcrumbs/Breadcrumbs.js +1 -1
  36. package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
  37. package/cjs/components/Burger/Burger.js.map +1 -1
  38. package/cjs/components/Button/Button.js.map +1 -1
  39. package/cjs/components/Button/ButtonGroup/ButtonGroup.js.map +1 -1
  40. package/cjs/components/Center/Center.js.map +1 -1
  41. package/cjs/components/CloseButton/CloseButton.js.map +1 -1
  42. package/cjs/components/Code/Code.js.map +1 -1
  43. package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
  44. package/cjs/components/ColorPicker/converters/parsers.js +4 -4
  45. package/cjs/components/ColorPicker/converters/parsers.js.map +1 -1
  46. package/cjs/components/ColorSwatch/ColorSwatch.js +3 -3
  47. package/cjs/components/ColorSwatch/ColorSwatch.js.map +1 -1
  48. package/cjs/components/Container/Container.js.map +1 -1
  49. package/cjs/components/CopyButton/CopyButton.js.map +1 -1
  50. package/cjs/components/Divider/Divider.js +111 -0
  51. package/cjs/components/Divider/Divider.js.map +1 -0
  52. package/cjs/components/Divider/Divider.module.css.js +8 -0
  53. package/cjs/components/Divider/Divider.module.css.js.map +1 -0
  54. package/cjs/components/FileButton/FileButton.js.map +1 -1
  55. package/cjs/components/Group/Group.js.map +1 -1
  56. package/cjs/components/Input/Input.js.map +1 -1
  57. package/cjs/components/Input/InputWrapper/InputWrapper.js.map +1 -1
  58. package/cjs/components/Loader/Loader.js.map +1 -1
  59. package/cjs/components/Overlay/Overlay.js +121 -0
  60. package/cjs/components/Overlay/Overlay.js.map +1 -0
  61. package/cjs/components/Overlay/Overlay.module.css.js +8 -0
  62. package/cjs/components/Overlay/Overlay.module.css.js.map +1 -0
  63. package/cjs/components/Paper/Paper.js.map +1 -1
  64. package/cjs/components/Popover/Popover.js +1 -1
  65. package/cjs/components/Popover/Popover.js.map +1 -1
  66. package/cjs/components/ScrollArea/ScrollArea.context.js +11 -0
  67. package/cjs/components/ScrollArea/ScrollArea.context.js.map +1 -0
  68. package/cjs/components/ScrollArea/ScrollArea.js +12 -29
  69. package/cjs/components/ScrollArea/ScrollArea.js.map +1 -1
  70. package/cjs/components/ScrollArea/ScrollArea.module.css.js +1 -1
  71. package/cjs/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js +78 -0
  72. package/cjs/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js.map +1 -0
  73. package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js +94 -0
  74. package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js.map +1 -0
  75. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js +73 -0
  76. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js.map +1 -0
  77. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js +71 -0
  78. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js.map +1 -0
  79. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js +80 -0
  80. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js.map +1 -0
  81. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js +91 -0
  82. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js.map +1 -0
  83. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js +121 -0
  84. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js.map +1 -0
  85. package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js +11 -0
  86. package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js.map +1 -0
  87. package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js +135 -0
  88. package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js.map +1 -0
  89. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js +94 -0
  90. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js.map +1 -0
  91. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js +93 -0
  92. package/cjs/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js.map +1 -0
  93. package/cjs/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js +108 -0
  94. package/cjs/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js.map +1 -0
  95. package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js +63 -0
  96. package/cjs/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js.map +1 -0
  97. package/cjs/components/ScrollArea/use-resize-observer.js +27 -0
  98. package/cjs/components/ScrollArea/use-resize-observer.js.map +1 -0
  99. package/cjs/components/ScrollArea/utils/add-unlinked-scroll-listener.js +22 -0
  100. package/cjs/components/ScrollArea/utils/add-unlinked-scroll-listener.js.map +1 -0
  101. package/cjs/components/ScrollArea/utils/compose-event-handlers.js +15 -0
  102. package/cjs/components/ScrollArea/utils/compose-event-handlers.js.map +1 -0
  103. package/cjs/components/ScrollArea/utils/get-scroll-position-from-pointer.js +22 -0
  104. package/cjs/components/ScrollArea/utils/get-scroll-position-from-pointer.js.map +1 -0
  105. package/cjs/components/ScrollArea/utils/get-thumb-offset-from-scroll.js +24 -0
  106. package/cjs/components/ScrollArea/utils/get-thumb-offset-from-scroll.js.map +1 -0
  107. package/cjs/components/ScrollArea/utils/get-thumb-ratio.js +11 -0
  108. package/cjs/components/ScrollArea/utils/get-thumb-ratio.js.map +1 -0
  109. package/cjs/components/ScrollArea/utils/get-thumb-size.js +15 -0
  110. package/cjs/components/ScrollArea/utils/get-thumb-size.js.map +1 -0
  111. package/cjs/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js +10 -0
  112. package/cjs/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js.map +1 -0
  113. package/cjs/components/ScrollArea/utils/linear-scale.js +15 -0
  114. package/cjs/components/ScrollArea/utils/linear-scale.js.map +1 -0
  115. package/cjs/components/ScrollArea/utils/to-int.js +10 -0
  116. package/cjs/components/ScrollArea/utils/to-int.js.map +1 -0
  117. package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
  118. package/cjs/components/Slider/RangeSlider/RangeSlider.js +4 -11
  119. package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
  120. package/cjs/components/Slider/Slider/Slider.js +4 -11
  121. package/cjs/components/Slider/Slider/Slider.js.map +1 -1
  122. package/cjs/components/Slider/Thumb/Thumb.js +5 -8
  123. package/cjs/components/Slider/Thumb/Thumb.js.map +1 -1
  124. package/cjs/components/Stack/Stack.js.map +1 -1
  125. package/cjs/components/Switch/Switch.js.map +1 -1
  126. package/cjs/components/Switch/SwitchGroup/SwitchGroup.js.map +1 -1
  127. package/cjs/components/Table/Table.js.map +1 -1
  128. package/cjs/components/Tabs/Tabs.js.map +1 -1
  129. package/cjs/components/Tabs/Tabs.module.css.js +1 -1
  130. package/cjs/components/Tabs/TabsList/TabsList.js.map +1 -1
  131. package/cjs/components/Tabs/TabsTab/TabsTab.js +5 -1
  132. package/cjs/components/Tabs/TabsTab/TabsTab.js.map +1 -1
  133. package/cjs/components/Text/Text.js +1 -1
  134. package/cjs/components/Text/Text.js.map +1 -1
  135. package/cjs/components/Tooltip/Tooltip.js +1 -1
  136. package/cjs/components/Tooltip/Tooltip.js.map +1 -1
  137. package/cjs/components/Tooltip/use-tooltip.js.map +1 -1
  138. package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js +65 -0
  139. package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -0
  140. package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.module.css.js +8 -0
  141. package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.module.css.js.map +1 -0
  142. package/cjs/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js +3 -0
  143. package/cjs/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js.map +1 -1
  144. package/cjs/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js +1 -1
  145. package/cjs/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js.map +1 -1
  146. package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.js +15 -8
  147. package/cjs/core/MantineProvider/MantineCssVariables/MantineCssVariables.js.map +1 -1
  148. package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +1 -0
  149. package/cjs/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
  150. package/cjs/core/MantineProvider/MantineCssVariables/remove-default-variables.js +35 -0
  151. package/cjs/core/MantineProvider/MantineCssVariables/remove-default-variables.js.map +1 -0
  152. package/cjs/core/MantineProvider/MantineProvider.js.map +1 -1
  153. package/cjs/core/MantineProvider/convert-css-variables/convert-css-variables.js +6 -5
  154. package/cjs/core/MantineProvider/convert-css-variables/convert-css-variables.js.map +1 -1
  155. package/cjs/core/MantineProvider/default-theme.js +28 -26
  156. package/cjs/core/MantineProvider/default-theme.js.map +1 -1
  157. package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js +39 -2
  158. package/cjs/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js.map +1 -1
  159. package/cjs/core/utils/units-converters/px.js +21 -10
  160. package/cjs/core/utils/units-converters/px.js.map +1 -1
  161. package/cjs/core/utils/units-converters/rem.js +23 -9
  162. package/cjs/core/utils/units-converters/rem.js.map +1 -1
  163. package/cjs/index.css +1687 -285
  164. package/cjs/index.js +16 -0
  165. package/cjs/index.js.map +1 -1
  166. package/esm/components/ActionIcon/ActionIcon.js +7 -5
  167. package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
  168. package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.js.map +1 -1
  169. package/esm/components/Affix/Affix.js +101 -0
  170. package/esm/components/Affix/Affix.js.map +1 -0
  171. package/esm/components/Affix/Affix.module.css.js +4 -0
  172. package/esm/components/Affix/Affix.module.css.js.map +1 -0
  173. package/esm/components/Alert/Alert.js +139 -0
  174. package/esm/components/Alert/Alert.js.map +1 -0
  175. package/esm/components/Alert/Alert.module.css.js +4 -0
  176. package/esm/components/Alert/Alert.module.css.js.map +1 -0
  177. package/esm/components/Anchor/Anchor.js.map +1 -1
  178. package/esm/components/AspectRatio/AspectRatio.js +65 -0
  179. package/esm/components/AspectRatio/AspectRatio.js.map +1 -0
  180. package/esm/components/AspectRatio/AspectRatio.module.css.js +4 -0
  181. package/esm/components/AspectRatio/AspectRatio.module.css.js.map +1 -0
  182. package/esm/components/Avatar/Avatar.js +132 -0
  183. package/esm/components/Avatar/Avatar.js.map +1 -0
  184. package/esm/components/Avatar/Avatar.module.css.js +4 -0
  185. package/esm/components/Avatar/Avatar.module.css.js.map +1 -0
  186. package/esm/components/Avatar/AvatarGroup/AvatarGroup.context.js +11 -0
  187. package/esm/components/Avatar/AvatarGroup/AvatarGroup.context.js.map +1 -0
  188. package/esm/components/Avatar/AvatarGroup/AvatarGroup.js +71 -0
  189. package/esm/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -0
  190. package/esm/components/Avatar/AvatarGroup/AvatarGroup.module.css.js +4 -0
  191. package/esm/components/Avatar/AvatarGroup/AvatarGroup.module.css.js.map +1 -0
  192. package/esm/components/Avatar/AvatarPlaceholderIcon.js +37 -0
  193. package/esm/components/Avatar/AvatarPlaceholderIcon.js.map +1 -0
  194. package/esm/components/BackgroundImage/BackgroundImage.js.map +1 -1
  195. package/esm/components/Badge/Badge.js +126 -0
  196. package/esm/components/Badge/Badge.js.map +1 -0
  197. package/esm/components/Badge/Badge.module.css.js +4 -0
  198. package/esm/components/Badge/Badge.module.css.js.map +1 -0
  199. package/esm/components/Blockquote/Blockquote.js.map +1 -1
  200. package/esm/components/Breadcrumbs/Breadcrumbs.js +1 -1
  201. package/esm/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
  202. package/esm/components/Burger/Burger.js.map +1 -1
  203. package/esm/components/Button/Button.js.map +1 -1
  204. package/esm/components/Button/ButtonGroup/ButtonGroup.js.map +1 -1
  205. package/esm/components/Center/Center.js.map +1 -1
  206. package/esm/components/CloseButton/CloseButton.js.map +1 -1
  207. package/esm/components/Code/Code.js.map +1 -1
  208. package/esm/components/ColorPicker/ColorPicker.js.map +1 -1
  209. package/esm/components/ColorPicker/converters/parsers.js +4 -4
  210. package/esm/components/ColorPicker/converters/parsers.js.map +1 -1
  211. package/esm/components/ColorSwatch/ColorSwatch.js +3 -3
  212. package/esm/components/ColorSwatch/ColorSwatch.js.map +1 -1
  213. package/esm/components/Container/Container.js.map +1 -1
  214. package/esm/components/CopyButton/CopyButton.js.map +1 -1
  215. package/esm/components/Divider/Divider.js +103 -0
  216. package/esm/components/Divider/Divider.js.map +1 -0
  217. package/esm/components/Divider/Divider.module.css.js +4 -0
  218. package/esm/components/Divider/Divider.module.css.js.map +1 -0
  219. package/esm/components/FileButton/FileButton.js.map +1 -1
  220. package/esm/components/Group/Group.js.map +1 -1
  221. package/esm/components/Input/Input.js.map +1 -1
  222. package/esm/components/Input/InputWrapper/InputWrapper.js.map +1 -1
  223. package/esm/components/Loader/Loader.js.map +1 -1
  224. package/esm/components/Overlay/Overlay.js +113 -0
  225. package/esm/components/Overlay/Overlay.js.map +1 -0
  226. package/esm/components/Overlay/Overlay.module.css.js +4 -0
  227. package/esm/components/Overlay/Overlay.module.css.js.map +1 -0
  228. package/esm/components/Paper/Paper.js.map +1 -1
  229. package/esm/components/Popover/Popover.js +1 -1
  230. package/esm/components/Popover/Popover.js.map +1 -1
  231. package/esm/components/ScrollArea/ScrollArea.context.js +6 -0
  232. package/esm/components/ScrollArea/ScrollArea.context.js.map +1 -0
  233. package/esm/components/ScrollArea/ScrollArea.js +12 -16
  234. package/esm/components/ScrollArea/ScrollArea.js.map +1 -1
  235. package/esm/components/ScrollArea/ScrollArea.module.css.js +1 -1
  236. package/esm/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js +69 -0
  237. package/esm/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.js.map +1 -0
  238. package/esm/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js +86 -0
  239. package/esm/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js.map +1 -0
  240. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js +65 -0
  241. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.js.map +1 -0
  242. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js +63 -0
  243. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.js.map +1 -0
  244. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js +72 -0
  245. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.js.map +1 -0
  246. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js +83 -0
  247. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.js.map +1 -0
  248. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js +113 -0
  249. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.js.map +1 -0
  250. package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js +6 -0
  251. package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.js.map +1 -0
  252. package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js +127 -0
  253. package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.js.map +1 -0
  254. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js +86 -0
  255. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.js.map +1 -0
  256. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js +85 -0
  257. package/esm/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.js.map +1 -0
  258. package/esm/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js +99 -0
  259. package/esm/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.js.map +1 -0
  260. package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js +55 -0
  261. package/esm/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.js.map +1 -0
  262. package/esm/components/ScrollArea/use-resize-observer.js +23 -0
  263. package/esm/components/ScrollArea/use-resize-observer.js.map +1 -0
  264. package/esm/components/ScrollArea/utils/add-unlinked-scroll-listener.js +18 -0
  265. package/esm/components/ScrollArea/utils/add-unlinked-scroll-listener.js.map +1 -0
  266. package/esm/components/ScrollArea/utils/compose-event-handlers.js +11 -0
  267. package/esm/components/ScrollArea/utils/compose-event-handlers.js.map +1 -0
  268. package/esm/components/ScrollArea/utils/get-scroll-position-from-pointer.js +18 -0
  269. package/esm/components/ScrollArea/utils/get-scroll-position-from-pointer.js.map +1 -0
  270. package/esm/components/ScrollArea/utils/get-thumb-offset-from-scroll.js +20 -0
  271. package/esm/components/ScrollArea/utils/get-thumb-offset-from-scroll.js.map +1 -0
  272. package/esm/components/ScrollArea/utils/get-thumb-ratio.js +7 -0
  273. package/esm/components/ScrollArea/utils/get-thumb-ratio.js.map +1 -0
  274. package/esm/components/ScrollArea/utils/get-thumb-size.js +11 -0
  275. package/esm/components/ScrollArea/utils/get-thumb-size.js.map +1 -0
  276. package/esm/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js +6 -0
  277. package/esm/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.js.map +1 -0
  278. package/esm/components/ScrollArea/utils/linear-scale.js +11 -0
  279. package/esm/components/ScrollArea/utils/linear-scale.js.map +1 -0
  280. package/esm/components/ScrollArea/utils/to-int.js +6 -0
  281. package/esm/components/ScrollArea/utils/to-int.js.map +1 -0
  282. package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
  283. package/esm/components/Slider/RangeSlider/RangeSlider.js +4 -11
  284. package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
  285. package/esm/components/Slider/Slider/Slider.js +4 -11
  286. package/esm/components/Slider/Slider/Slider.js.map +1 -1
  287. package/esm/components/Slider/Thumb/Thumb.js +5 -8
  288. package/esm/components/Slider/Thumb/Thumb.js.map +1 -1
  289. package/esm/components/Stack/Stack.js.map +1 -1
  290. package/esm/components/Switch/Switch.js.map +1 -1
  291. package/esm/components/Switch/SwitchGroup/SwitchGroup.js.map +1 -1
  292. package/esm/components/Table/Table.js.map +1 -1
  293. package/esm/components/Tabs/Tabs.js.map +1 -1
  294. package/esm/components/Tabs/Tabs.module.css.js +1 -1
  295. package/esm/components/Tabs/TabsList/TabsList.js.map +1 -1
  296. package/esm/components/Tabs/TabsTab/TabsTab.js +5 -1
  297. package/esm/components/Tabs/TabsTab/TabsTab.js.map +1 -1
  298. package/esm/components/Text/Text.js +1 -1
  299. package/esm/components/Text/Text.js.map +1 -1
  300. package/esm/components/Tooltip/Tooltip.js +1 -1
  301. package/esm/components/Tooltip/Tooltip.js.map +1 -1
  302. package/esm/components/Tooltip/use-tooltip.js.map +1 -1
  303. package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js +57 -0
  304. package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -0
  305. package/esm/components/TypographyStylesProvider/TypographyStylesProvider.module.css.js +4 -0
  306. package/esm/components/TypographyStylesProvider/TypographyStylesProvider.module.css.js.map +1 -0
  307. package/esm/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js +3 -0
  308. package/esm/core/Box/style-props/resolvers/font-size-resolver/font-size-resolver.js.map +1 -1
  309. package/esm/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js +1 -1
  310. package/esm/core/Box/style-props/resolvers/spacing-resolver/spacing-resolver.js.map +1 -1
  311. package/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.js +15 -8
  312. package/esm/core/MantineProvider/MantineCssVariables/MantineCssVariables.js.map +1 -1
  313. package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js +1 -0
  314. package/esm/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.js.map +1 -1
  315. package/esm/core/MantineProvider/MantineCssVariables/remove-default-variables.js +31 -0
  316. package/esm/core/MantineProvider/MantineCssVariables/remove-default-variables.js.map +1 -0
  317. package/esm/core/MantineProvider/MantineProvider.js.map +1 -1
  318. package/esm/core/MantineProvider/convert-css-variables/convert-css-variables.js +6 -5
  319. package/esm/core/MantineProvider/convert-css-variables/convert-css-variables.js.map +1 -1
  320. package/esm/core/MantineProvider/default-theme.js +28 -26
  321. package/esm/core/MantineProvider/default-theme.js.map +1 -1
  322. package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js +40 -3
  323. package/esm/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.js.map +1 -1
  324. package/esm/core/utils/units-converters/px.js +21 -10
  325. package/esm/core/utils/units-converters/px.js.map +1 -1
  326. package/esm/core/utils/units-converters/rem.js +23 -9
  327. package/esm/core/utils/units-converters/rem.js.map +1 -1
  328. package/esm/index.css +1687 -285
  329. package/esm/index.js +8 -0
  330. package/esm/index.js.map +1 -1
  331. package/lib/components/ActionIcon/ActionIcon.d.ts +9 -8
  332. package/lib/components/ActionIcon/ActionIconGroup/ActionIconGroup.d.ts +3 -3
  333. package/lib/components/Affix/Affix.d.ts +37 -0
  334. package/lib/components/Affix/index.d.ts +2 -0
  335. package/lib/components/Alert/Alert.d.ts +37 -0
  336. package/lib/components/Alert/index.d.ts +2 -0
  337. package/lib/components/Anchor/Anchor.d.ts +1 -1
  338. package/lib/components/AspectRatio/AspectRatio.d.ts +24 -0
  339. package/lib/components/AspectRatio/index.d.ts +2 -0
  340. package/lib/components/Avatar/Avatar.d.ts +56 -0
  341. package/lib/components/Avatar/AvatarGroup/AvatarGroup.context.d.ts +5 -0
  342. package/lib/components/Avatar/AvatarGroup/AvatarGroup.d.ts +24 -0
  343. package/lib/components/Avatar/AvatarPlaceholderIcon.d.ts +2 -0
  344. package/lib/components/Avatar/index.d.ts +3 -0
  345. package/lib/components/BackgroundImage/BackgroundImage.d.ts +1 -1
  346. package/lib/components/Badge/Badge.d.ts +47 -0
  347. package/lib/components/Badge/index.d.ts +2 -0
  348. package/lib/components/Blockquote/Blockquote.d.ts +2 -2
  349. package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
  350. package/lib/components/Burger/Burger.d.ts +1 -1
  351. package/lib/components/Button/Button.d.ts +5 -5
  352. package/lib/components/Button/ButtonGroup/ButtonGroup.d.ts +1 -1
  353. package/lib/components/Center/Center.d.ts +2 -2
  354. package/lib/components/CloseButton/CloseButton.d.ts +1 -1
  355. package/lib/components/Code/Code.d.ts +2 -2
  356. package/lib/components/ColorPicker/ColorPicker.d.ts +7 -7
  357. package/lib/components/ColorSwatch/ColorSwatch.d.ts +5 -4
  358. package/lib/components/Container/Container.d.ts +1 -1
  359. package/lib/components/CopyButton/CopyButton.d.ts +1 -1
  360. package/lib/components/Divider/Divider.d.ts +33 -0
  361. package/lib/components/Divider/index.d.ts +2 -0
  362. package/lib/components/FileButton/FileButton.d.ts +3 -3
  363. package/lib/components/Group/Group.d.ts +1 -1
  364. package/lib/components/Input/Input.d.ts +10 -10
  365. package/lib/components/Input/InputWrapper/InputWrapper.d.ts +3 -3
  366. package/lib/components/Input/use-input-props.d.ts +10 -10
  367. package/lib/components/Loader/Loader.d.ts +1 -1
  368. package/lib/components/Overlay/Overlay.d.ts +49 -0
  369. package/lib/components/Overlay/index.d.ts +2 -0
  370. package/lib/components/Paper/Paper.d.ts +2 -2
  371. package/lib/components/Popover/Popover.d.ts +16 -16
  372. package/lib/components/Popover/use-popover.d.ts +1 -32
  373. package/lib/components/ScrollArea/ScrollArea.context.d.ts +23 -0
  374. package/lib/components/ScrollArea/ScrollArea.d.ts +2 -2
  375. package/lib/components/ScrollArea/ScrollArea.types.d.ts +23 -0
  376. package/lib/components/ScrollArea/ScrollAreaCorner/ScrollAreaCorner.d.ts +6 -0
  377. package/lib/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.d.ts +30 -0
  378. package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbar.d.ts +7 -0
  379. package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarAuto.d.ts +6 -0
  380. package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarHover.d.ts +7 -0
  381. package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarScroll.d.ts +7 -0
  382. package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollAreaScrollbarVisible.d.ts +6 -0
  383. package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.d.ts +15 -0
  384. package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.d.ts +21 -0
  385. package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollbarX.d.ts +3 -0
  386. package/lib/components/ScrollArea/ScrollAreaScrollbar/ScrollbarY.d.ts +3 -0
  387. package/lib/components/ScrollArea/ScrollAreaThumb/ScrollAreaThumb.d.ts +9 -0
  388. package/lib/components/ScrollArea/ScrollAreaViewport/ScrollAreaViewport.d.ts +5 -0
  389. package/lib/components/ScrollArea/use-resize-observer.d.ts +1 -0
  390. package/lib/components/ScrollArea/utils/add-unlinked-scroll-listener.d.ts +1 -0
  391. package/lib/components/ScrollArea/utils/compose-event-handlers.d.ts +3 -0
  392. package/lib/components/ScrollArea/utils/get-scroll-position-from-pointer.d.ts +2 -0
  393. package/lib/components/ScrollArea/utils/get-thumb-offset-from-scroll.d.ts +2 -0
  394. package/lib/components/ScrollArea/utils/get-thumb-ratio.d.ts +1 -0
  395. package/lib/components/ScrollArea/utils/get-thumb-size.d.ts +2 -0
  396. package/lib/components/ScrollArea/utils/index.d.ts +8 -0
  397. package/lib/components/ScrollArea/utils/is-scrolling-within-scrollbar-bounds.d.ts +1 -0
  398. package/lib/components/ScrollArea/utils/linear-scale.d.ts +1 -0
  399. package/lib/components/ScrollArea/utils/to-int.d.ts +1 -0
  400. package/lib/components/SegmentedControl/SegmentedControl.d.ts +5 -5
  401. package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +10 -14
  402. package/lib/components/Slider/Slider/Slider.d.ts +10 -14
  403. package/lib/components/Slider/Thumb/Thumb.d.ts +2 -4
  404. package/lib/components/Stack/Stack.d.ts +1 -1
  405. package/lib/components/Switch/Switch.d.ts +3 -3
  406. package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts +3 -3
  407. package/lib/components/Table/Table.d.ts +6 -6
  408. package/lib/components/Tabs/Tabs.d.ts +10 -10
  409. package/lib/components/Tabs/TabsList/TabsList.d.ts +2 -2
  410. package/lib/components/Tabs/TabsTab/TabsTab.d.ts +3 -3
  411. package/lib/components/Text/Text.d.ts +2 -2
  412. package/lib/components/Tooltip/Tooltip.d.ts +7 -7
  413. package/lib/components/Tooltip/Tooltip.types.d.ts +2 -2
  414. package/lib/components/Tooltip/use-tooltip.d.ts +2 -2
  415. package/lib/components/TypographyStylesProvider/TypographyStylesProvider.d.ts +17 -0
  416. package/lib/components/TypographyStylesProvider/index.d.ts +2 -0
  417. package/lib/components/index.d.ts +8 -0
  418. package/lib/core/MantineProvider/MantineCssVariables/MantineCssVariables.d.ts +1 -1
  419. package/lib/core/MantineProvider/MantineCssVariables/remove-default-variables.d.ts +2 -0
  420. package/lib/core/MantineProvider/MantineProvider.d.ts +1 -0
  421. package/lib/core/MantineProvider/theme.types.d.ts +2 -0
  422. package/lib/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.d.ts +3 -2
  423. package/lib/core/utils/units-converters/px.d.ts +1 -1
  424. package/lib/core/utils/units-converters/rem.d.ts +2 -2
  425. package/package.json +3 -5
  426. package/styles.css +1687 -285
@@ -1,15 +1,52 @@
1
- import { useContext } from 'react';
1
+ import { useRef, useContext, useEffect } from 'react';
2
2
  import { MantineContext } from '../Mantine.context.js';
3
3
 
4
+ function disableTransition() {
5
+ const style = document.createElement("style");
6
+ style.innerHTML = "* {transition: none !important;}";
7
+ document.head.appendChild(style);
8
+ const clear = () => {
9
+ try {
10
+ document.head.removeChild(style);
11
+ } catch (e) {
12
+ }
13
+ };
14
+ return clear;
15
+ }
4
16
  function useMantineColorScheme() {
17
+ const clearStylesRef = useRef();
18
+ const timeoutRef = useRef();
5
19
  const ctx = useContext(MantineContext);
6
20
  if (!ctx) {
7
21
  throw new Error("[@mantine/core] MantineProvider was not found in tree");
8
22
  }
23
+ const setColorScheme = (value) => {
24
+ ctx.setColorScheme(value);
25
+ clearStylesRef.current = disableTransition();
26
+ window.clearTimeout(timeoutRef.current);
27
+ timeoutRef.current = window.setTimeout(() => {
28
+ var _a;
29
+ (_a = clearStylesRef.current) == null ? void 0 : _a.call(clearStylesRef);
30
+ }, 10);
31
+ };
32
+ const clearColorScheme = () => {
33
+ ctx.clearColorScheme();
34
+ clearStylesRef.current = disableTransition();
35
+ window.clearTimeout(timeoutRef.current);
36
+ timeoutRef.current = window.setTimeout(() => {
37
+ var _a;
38
+ (_a = clearStylesRef.current) == null ? void 0 : _a.call(clearStylesRef);
39
+ }, 10);
40
+ };
41
+ useEffect(() => () => {
42
+ var _a;
43
+ (_a = clearStylesRef.current) == null ? void 0 : _a.call(clearStylesRef);
44
+ window.clearTimeout(timeoutRef.current);
45
+ }, []);
9
46
  return {
10
47
  colorScheme: ctx.colorScheme,
11
- setColorScheme: ctx.setColorScheme,
12
- clearColorScheme: ctx.clearColorScheme
48
+ setColorScheme,
49
+ clearColorScheme
13
50
  };
14
51
  }
15
52
 
@@ -1 +1 @@
1
- {"version":3,"file":"use-mantine-color-scheme.js","sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { MantineContext } from '../Mantine.context';\n\nexport function useMantineColorScheme() {\n const ctx = useContext(MantineContext);\n\n if (!ctx) {\n throw new Error('[@mantine/core] MantineProvider was not found in tree');\n }\n\n return {\n colorScheme: ctx.colorScheme,\n setColorScheme: ctx.setColorScheme,\n clearColorScheme: ctx.clearColorScheme,\n };\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,qBAAqB,GAAG;AACxC,EAAE,MAAM,GAAG,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACzC,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;AAC7E,GAAG;AACH,EAAE,OAAO;AACT,IAAI,WAAW,EAAE,GAAG,CAAC,WAAW;AAChC,IAAI,cAAc,EAAE,GAAG,CAAC,cAAc;AACtC,IAAI,gBAAgB,EAAE,GAAG,CAAC,gBAAgB;AAC1C,GAAG,CAAC;AACJ;;;;"}
1
+ {"version":3,"file":"use-mantine-color-scheme.js","sources":["../../../../src/core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.ts"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react';\nimport { MantineContext } from '../Mantine.context';\nimport { MantineColorScheme } from '../theme.types';\n\nfunction disableTransition() {\n const style = document.createElement('style');\n style.innerHTML = '* {transition: none !important;}';\n document.head.appendChild(style);\n const clear = () => {\n try {\n document.head.removeChild(style);\n } catch (e) {\n // Already removed\n }\n };\n return clear;\n}\n\nexport function useMantineColorScheme() {\n const clearStylesRef = useRef<() => void>();\n const timeoutRef = useRef<number>();\n const ctx = useContext(MantineContext);\n\n if (!ctx) {\n throw new Error('[@mantine/core] MantineProvider was not found in tree');\n }\n\n const setColorScheme = (value: MantineColorScheme) => {\n ctx.setColorScheme(value);\n clearStylesRef.current = disableTransition();\n window.clearTimeout(timeoutRef.current);\n timeoutRef.current = window.setTimeout(() => {\n clearStylesRef.current?.();\n }, 10);\n };\n\n const clearColorScheme = () => {\n ctx.clearColorScheme();\n clearStylesRef.current = disableTransition();\n window.clearTimeout(timeoutRef.current);\n timeoutRef.current = window.setTimeout(() => {\n clearStylesRef.current?.();\n }, 10);\n };\n\n useEffect(\n () => () => {\n clearStylesRef.current?.();\n window.clearTimeout(timeoutRef.current);\n },\n []\n );\n\n return {\n colorScheme: ctx.colorScheme,\n setColorScheme,\n clearColorScheme,\n };\n}\n"],"names":[],"mappings":";;;AAEA,SAAS,iBAAiB,GAAG;AAC7B,EAAE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAChD,EAAE,KAAK,CAAC,SAAS,GAAG,kCAAkC,CAAC;AACvD,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,EAAE,MAAM,KAAK,GAAG,MAAM;AACtB,IAAI,IAAI;AACR,MAAM,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACvC,KAAK,CAAC,OAAO,CAAC,EAAE;AAChB,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,OAAO,KAAK,CAAC;AACf,CAAC;AACM,SAAS,qBAAqB,GAAG;AACxC,EAAE,MAAM,cAAc,GAAG,MAAM,EAAE,CAAC;AAClC,EAAE,MAAM,UAAU,GAAG,MAAM,EAAE,CAAC;AAC9B,EAAE,MAAM,GAAG,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACzC,EAAE,IAAI,CAAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;AAC7E,GAAG;AACH,EAAE,MAAM,cAAc,GAAG,CAAC,KAAK,KAAK;AACpC,IAAI,GAAG,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAC9B,IAAI,cAAc,CAAC,OAAO,GAAG,iBAAiB,EAAE,CAAC;AACjD,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAI,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACjD,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC/E,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,GAAG,CAAC;AACJ,EAAE,MAAM,gBAAgB,GAAG,MAAM;AACjC,IAAI,GAAG,CAAC,gBAAgB,EAAE,CAAC;AAC3B,IAAI,cAAc,CAAC,OAAO,GAAG,iBAAiB,EAAE,CAAC;AACjD,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,IAAI,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM;AACjD,MAAM,IAAI,EAAE,CAAC;AACb,MAAM,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC/E,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,GAAG,CAAC;AACJ,EAAE,SAAS,CAAC,MAAM,MAAM;AACxB,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC7E,IAAI,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAC5C,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO;AACT,IAAI,WAAW,EAAE,GAAG,CAAC,WAAW;AAChC,IAAI,cAAc;AAClB,IAAI,gBAAgB;AACpB,GAAG,CAAC;AACJ;;;;"}
@@ -1,18 +1,29 @@
1
- function px(value) {
2
- if (typeof value === "number") {
1
+ function getTransformedScaledValue(value) {
2
+ var _a;
3
+ if (typeof value !== "string" || !value.includes("var(--mantine-scale)")) {
3
4
  return value;
4
5
  }
5
- if (typeof value === "string") {
6
- if (value.includes("px")) {
7
- return Number(value.replace("px", ""));
6
+ return (_a = value.match(/^calc\((.*?)\)$/)) == null ? void 0 : _a[1].split("*")[0].trim();
7
+ }
8
+ function px(value) {
9
+ const transformedValue = getTransformedScaledValue(value);
10
+ if (typeof transformedValue === "number") {
11
+ return transformedValue;
12
+ }
13
+ if (typeof transformedValue === "string") {
14
+ if (transformedValue.includes("calc") || transformedValue.includes("var")) {
15
+ return transformedValue;
16
+ }
17
+ if (transformedValue.includes("px")) {
18
+ return Number(transformedValue.replace("px", ""));
8
19
  }
9
- if (value.includes("rem")) {
10
- return Number(value.replace("rem", "")) * 16;
20
+ if (transformedValue.includes("rem")) {
21
+ return Number(transformedValue.replace("rem", "")) * 16;
11
22
  }
12
- if (value.includes("em")) {
13
- return Number(value.replace("em", "")) * 16;
23
+ if (transformedValue.includes("em")) {
24
+ return Number(transformedValue.replace("em", "")) * 16;
14
25
  }
15
- return Number(value);
26
+ return Number(transformedValue);
16
27
  }
17
28
  return NaN;
18
29
  }
@@ -1 +1 @@
1
- {"version":3,"file":"px.js","sources":["../../../../src/core/utils/units-converters/px.ts"],"sourcesContent":["export function px(value: unknown) {\n if (typeof value === 'number') {\n return value;\n }\n\n if (typeof value === 'string') {\n if (value.includes('px')) {\n return Number(value.replace('px', ''));\n }\n\n if (value.includes('rem')) {\n return Number(value.replace('rem', '')) * 16;\n }\n\n if (value.includes('em')) {\n return Number(value.replace('em', '')) * 16;\n }\n\n return Number(value);\n }\n\n return NaN;\n}\n"],"names":[],"mappings":"AAAO,SAAS,EAAE,CAAC,KAAK,EAAE;AAC1B,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjC,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjC,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AAC9B,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;AAC7C,KAAK;AACL,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC/B,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AACnD,KAAK;AACL,IAAI,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AAC9B,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AAClD,KAAK;AACL,IAAI,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb;;;;"}
1
+ {"version":3,"file":"px.js","sources":["../../../../src/core/utils/units-converters/px.ts"],"sourcesContent":["function getTransformedScaledValue(value: unknown) {\n if (typeof value !== 'string' || !value.includes('var(--mantine-scale)')) {\n return value;\n }\n\n return value\n .match(/^calc\\((.*?)\\)$/)?.[1]\n .split('*')[0]\n .trim();\n}\n\nexport function px(value: unknown) {\n const transformedValue = getTransformedScaledValue(value);\n\n if (typeof transformedValue === 'number') {\n return transformedValue;\n }\n\n if (typeof transformedValue === 'string') {\n if (transformedValue.includes('calc') || transformedValue.includes('var')) {\n return transformedValue;\n }\n\n if (transformedValue.includes('px')) {\n return Number(transformedValue.replace('px', ''));\n }\n\n if (transformedValue.includes('rem')) {\n return Number(transformedValue.replace('rem', '')) * 16;\n }\n\n if (transformedValue.includes('em')) {\n return Number(transformedValue.replace('em', '')) * 16;\n }\n\n return Number(transformedValue);\n }\n\n return NaN;\n}\n"],"names":[],"mappings":"AAAA,SAAS,yBAAyB,CAAC,KAAK,EAAE;AAC1C,EAAE,IAAI,EAAE,CAAC;AACT,EAAE,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,sBAAsB,CAAC,EAAE;AAC5E,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,OAAO,CAAC,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAC7F,CAAC;AACM,SAAS,EAAE,CAAC,KAAK,EAAE;AAC1B,EAAE,MAAM,gBAAgB,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;AAC5D,EAAE,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE;AAC5C,IAAI,OAAO,gBAAgB,CAAC;AAC5B,GAAG;AACH,EAAE,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE;AAC5C,IAAI,IAAI,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC/E,MAAM,OAAO,gBAAgB,CAAC;AAC9B,KAAK;AACL,IAAI,IAAI,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACzC,MAAM,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC;AACxD,KAAK;AACL,IAAI,IAAI,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AAC1C,MAAM,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AAC9D,KAAK;AACL,IAAI,IAAI,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AACzC,MAAM,OAAO,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AAC7D,KAAK;AACL,IAAI,OAAO,MAAM,CAAC,gBAAgB,CAAC,CAAC;AACpC,GAAG;AACH,EAAE,OAAO,GAAG,CAAC;AACb;;;;"}
@@ -1,18 +1,32 @@
1
- function createConverter(units) {
2
- return (px) => {
3
- if (typeof px === "number") {
4
- return `${px / 16}${units}`;
1
+ function scaleRem(remValue) {
2
+ return `calc(${remValue} * var(--mantine-scale))`;
3
+ }
4
+ function createConverter(units, { shouldScale = false } = {}) {
5
+ return (value) => {
6
+ if (value === 0 || value === "0") {
7
+ return "0";
8
+ }
9
+ if (typeof value === "number") {
10
+ const val = `${value / 16}${units}`;
11
+ return shouldScale ? scaleRem(val) : val;
5
12
  }
6
- if (typeof px === "string") {
7
- const replaced = px.replace("px", "");
13
+ if (typeof value === "string") {
14
+ if (value.includes("calc(") || value.includes("var(")) {
15
+ return value;
16
+ }
17
+ if (value.includes(units)) {
18
+ return shouldScale ? scaleRem(value) : value;
19
+ }
20
+ const replaced = value.replace("px", "");
8
21
  if (!Number.isNaN(Number(replaced))) {
9
- return `${Number(replaced) / 16}${units}`;
22
+ const val = `${Number(replaced) / 16}${units}`;
23
+ return shouldScale ? scaleRem(val) : val;
10
24
  }
11
25
  }
12
- return px;
26
+ return value;
13
27
  };
14
28
  }
15
- const rem = createConverter("rem");
29
+ const rem = createConverter("rem", { shouldScale: true });
16
30
  const em = createConverter("em");
17
31
 
18
32
  export { em, rem };
@@ -1 +1 @@
1
- {"version":3,"file":"rem.js","sources":["../../../../src/core/utils/units-converters/rem.ts"],"sourcesContent":["function createConverter(units: string) {\n return (px: unknown) => {\n if (typeof px === 'number') {\n return `${px / 16}${units}`;\n }\n\n if (typeof px === 'string') {\n const replaced = px.replace('px', '');\n if (!Number.isNaN(Number(replaced))) {\n return `${Number(replaced) / 16}${units}`;\n }\n }\n\n return px as string;\n };\n}\n\nexport const rem = createConverter('rem');\nexport const em = createConverter('em');\n"],"names":[],"mappings":"AAAA,SAAS,eAAe,CAAC,KAAK,EAAE;AAChC,EAAE,OAAO,CAAC,EAAE,KAAK;AACjB,IAAI,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;AAChC,MAAM,OAAO,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAClC,KAAK;AACL,IAAI,IAAI,OAAO,EAAE,KAAK,QAAQ,EAAE;AAChC,MAAM,MAAM,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC5C,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE;AAC3C,QAAQ,OAAO,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAClD,OAAO;AACP,KAAK;AACL,IAAI,OAAO,EAAE,CAAC;AACd,GAAG,CAAC;AACJ,CAAC;AACW,MAAC,GAAG,GAAG,eAAe,CAAC,KAAK,EAAE;AAC9B,MAAC,EAAE,GAAG,eAAe,CAAC,IAAI;;;;"}
1
+ {"version":3,"file":"rem.js","sources":["../../../../src/core/utils/units-converters/rem.ts"],"sourcesContent":["function scaleRem(remValue: string) {\n return `calc(${remValue} * var(--mantine-scale))`;\n}\n\nfunction createConverter(units: string, { shouldScale = false } = {}) {\n return (value: unknown) => {\n if (value === 0 || value === '0') {\n return '0';\n }\n\n if (typeof value === 'number') {\n const val = `${value / 16}${units}`;\n return shouldScale ? scaleRem(val) : val;\n }\n\n if (typeof value === 'string') {\n if (value.includes('calc(') || value.includes('var(')) {\n return value;\n }\n\n if (value.includes(units)) {\n return shouldScale ? scaleRem(value) : value;\n }\n\n const replaced = value.replace('px', '');\n if (!Number.isNaN(Number(replaced))) {\n const val = `${Number(replaced) / 16}${units}`;\n return shouldScale ? scaleRem(val) : val;\n }\n }\n\n return value as string;\n };\n}\n\nexport const rem = createConverter('rem', { shouldScale: true });\nexport const em = createConverter('em');\n"],"names":[],"mappings":"AAAA,SAAS,QAAQ,CAAC,QAAQ,EAAE;AAC5B,EAAE,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,wBAAwB,CAAC,CAAC;AACpD,CAAC;AACD,SAAS,eAAe,CAAC,KAAK,EAAE,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,EAAE,EAAE;AAC9D,EAAE,OAAO,CAAC,KAAK,KAAK;AACpB,IAAI,IAAI,KAAK,KAAK,CAAC,IAAI,KAAK,KAAK,GAAG,EAAE;AACtC,MAAM,OAAO,GAAG,CAAC;AACjB,KAAK;AACL,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACnC,MAAM,MAAM,GAAG,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAC1C,MAAM,OAAO,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AAC/C,KAAK;AACL,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACnC,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;AAC7D,QAAQ,OAAO,KAAK,CAAC;AACrB,OAAO;AACP,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AACjC,QAAQ,OAAO,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AACrD,OAAO;AACP,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAC/C,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE;AAC3C,QAAQ,MAAM,GAAG,GAAG,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AACvD,QAAQ,OAAO,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AACjD,OAAO;AACP,KAAK;AACL,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,CAAC;AACJ,CAAC;AACW,MAAC,GAAG,GAAG,eAAe,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE;AACrD,MAAC,EAAE,GAAG,eAAe,CAAC,IAAI;;;;"}