@mantine/core 9.0.0-alpha.3 → 9.0.0-alpha.5

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 (411) hide show
  1. package/cjs/components/Accordion/Accordion.cjs +1 -1
  2. package/cjs/components/Accordion/Accordion.cjs.map +1 -1
  3. package/cjs/components/Accordion/AccordionControl/AccordionControl.cjs +1 -1
  4. package/cjs/components/Accordion/AccordionControl/AccordionControl.cjs.map +1 -1
  5. package/cjs/components/Accordion/AccordionItem/AccordionItem.cjs +1 -1
  6. package/cjs/components/Accordion/AccordionItem/AccordionItem.cjs.map +1 -1
  7. package/cjs/components/Accordion/AccordionPanel/AccordionPanel.cjs +1 -1
  8. package/cjs/components/Accordion/AccordionPanel/AccordionPanel.cjs.map +1 -1
  9. package/cjs/components/ActionIcon/ActionIcon.cjs +1 -1
  10. package/cjs/components/ActionIcon/ActionIcon.cjs.map +1 -1
  11. package/cjs/components/AppShell/AppShell.cjs +1 -1
  12. package/cjs/components/AppShell/AppShell.cjs.map +1 -1
  13. package/cjs/components/AppShell/AppShellAside/AppShellAside.cjs.map +1 -1
  14. package/cjs/components/AppShell/AppShellFooter/AppShellFooter.cjs.map +1 -1
  15. package/cjs/components/AppShell/AppShellHeader/AppShellHeader.cjs.map +1 -1
  16. package/cjs/components/AppShell/AppShellNavbar/AppShellNavbar.cjs.map +1 -1
  17. package/cjs/components/Avatar/Avatar.cjs +1 -1
  18. package/cjs/components/Avatar/Avatar.cjs.map +1 -1
  19. package/cjs/components/Button/Button.cjs +1 -1
  20. package/cjs/components/Button/Button.cjs.map +1 -1
  21. package/cjs/components/Card/Card.cjs +1 -1
  22. package/cjs/components/Card/Card.cjs.map +1 -1
  23. package/cjs/components/Checkbox/Checkbox.cjs +1 -1
  24. package/cjs/components/Checkbox/Checkbox.cjs.map +1 -1
  25. package/cjs/components/Chip/Chip.cjs +1 -1
  26. package/cjs/components/Chip/Chip.cjs.map +1 -1
  27. package/cjs/components/CloseButton/CloseButton.cjs +1 -1
  28. package/cjs/components/CloseButton/CloseButton.cjs.map +1 -1
  29. package/cjs/components/Collapse/Collapse.cjs +16 -3
  30. package/cjs/components/Collapse/Collapse.cjs.map +1 -1
  31. package/cjs/components/ColorInput/ColorInput.cjs +1 -1
  32. package/cjs/components/ColorInput/ColorInput.cjs.map +1 -1
  33. package/cjs/components/ColorPicker/ColorPicker.cjs +1 -1
  34. package/cjs/components/ColorPicker/ColorPicker.cjs.map +1 -1
  35. package/cjs/components/ColorPicker/ColorSlider/ColorSlider.cjs +1 -1
  36. package/cjs/components/ColorPicker/ColorSlider/ColorSlider.cjs.map +1 -1
  37. package/cjs/components/Combobox/Combobox.cjs +1 -1
  38. package/cjs/components/Combobox/Combobox.cjs.map +1 -1
  39. package/cjs/components/Combobox/ComboboxSearch/ComboboxSearch.cjs +1 -1
  40. package/cjs/components/Combobox/ComboboxSearch/ComboboxSearch.cjs.map +1 -1
  41. package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.cjs +1 -1
  42. package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.cjs.map +1 -1
  43. package/cjs/components/Combobox/use-combobox/use-virtualized-combobox.cjs +88 -50
  44. package/cjs/components/Combobox/use-combobox/use-virtualized-combobox.cjs.map +1 -1
  45. package/cjs/components/Drawer/Drawer.cjs +1 -1
  46. package/cjs/components/Drawer/Drawer.cjs.map +1 -1
  47. package/cjs/components/FloatingIndicator/FloatingIndicator.cjs +1 -1
  48. package/cjs/components/FloatingIndicator/FloatingIndicator.cjs.map +1 -1
  49. package/cjs/components/Grid/Grid.cjs +1 -1
  50. package/cjs/components/Grid/Grid.cjs.map +1 -1
  51. package/cjs/components/Grid/GridCol/GridCol.cjs +1 -1
  52. package/cjs/components/Grid/GridCol/GridCol.cjs.map +1 -1
  53. package/cjs/components/Indicator/Indicator.cjs.map +1 -1
  54. package/cjs/components/Input/Input.cjs +1 -1
  55. package/cjs/components/Input/Input.cjs.map +1 -1
  56. package/cjs/components/Input/InputDescription/InputDescription.cjs +1 -1
  57. package/cjs/components/Input/InputDescription/InputDescription.cjs.map +1 -1
  58. package/cjs/components/Input/InputError/InputError.cjs +1 -1
  59. package/cjs/components/Input/InputError/InputError.cjs.map +1 -1
  60. package/cjs/components/Input/InputLabel/InputLabel.cjs +1 -1
  61. package/cjs/components/Input/InputLabel/InputLabel.cjs.map +1 -1
  62. package/cjs/components/Input/InputWrapper/InputWrapper.cjs +1 -1
  63. package/cjs/components/Input/InputWrapper/InputWrapper.cjs.map +1 -1
  64. package/cjs/components/List/List.cjs +1 -1
  65. package/cjs/components/List/List.cjs.map +1 -1
  66. package/cjs/components/Loader/Loader.cjs +1 -1
  67. package/cjs/components/Loader/Loader.cjs.map +1 -1
  68. package/cjs/components/Loader/loaders/Bars.cjs.map +1 -1
  69. package/cjs/components/Loader/loaders/Dots.cjs.map +1 -1
  70. package/cjs/components/Loader/loaders/Oval.cjs.map +1 -1
  71. package/cjs/components/MaskInput/MaskInput.cjs +39 -0
  72. package/cjs/components/MaskInput/MaskInput.cjs.map +1 -0
  73. package/cjs/components/MaskInput/use-mask-input-props.cjs +42 -0
  74. package/cjs/components/MaskInput/use-mask-input-props.cjs.map +1 -0
  75. package/cjs/components/Menu/Menu.cjs +1 -1
  76. package/cjs/components/Menu/Menu.cjs.map +1 -1
  77. package/cjs/components/Menu/MenuItem/MenuItem.cjs +1 -1
  78. package/cjs/components/Menu/MenuItem/MenuItem.cjs.map +1 -1
  79. package/cjs/components/Menu/MenuSubDropdown/MenuSubDropdown.cjs +1 -1
  80. package/cjs/components/Menu/MenuSubDropdown/MenuSubDropdown.cjs.map +1 -1
  81. package/cjs/components/Menu/MenuSubItem/MenuSubItem.cjs +1 -1
  82. package/cjs/components/Menu/MenuSubItem/MenuSubItem.cjs.map +1 -1
  83. package/cjs/components/Modal/Modal.cjs +1 -1
  84. package/cjs/components/Modal/Modal.cjs.map +1 -1
  85. package/cjs/components/ModalBase/ModalBaseBody.cjs +1 -1
  86. package/cjs/components/ModalBase/ModalBaseBody.cjs.map +1 -1
  87. package/cjs/components/ModalBase/ModalBaseTitle.cjs +1 -1
  88. package/cjs/components/ModalBase/ModalBaseTitle.cjs.map +1 -1
  89. package/cjs/components/NumberInput/NumberInput.cjs +32 -1
  90. package/cjs/components/NumberInput/NumberInput.cjs.map +1 -1
  91. package/cjs/components/OverflowList/OverflowList.cjs +1 -1
  92. package/cjs/components/OverflowList/OverflowList.cjs.map +1 -1
  93. package/cjs/components/Pagination/Pagination.cjs +1 -1
  94. package/cjs/components/Pagination/Pagination.cjs.map +1 -1
  95. package/cjs/components/PasswordInput/PasswordInput.cjs +1 -1
  96. package/cjs/components/PasswordInput/PasswordInput.cjs.map +1 -1
  97. package/cjs/components/Pill/Pill.cjs +1 -1
  98. package/cjs/components/Pill/Pill.cjs.map +1 -1
  99. package/cjs/components/Popover/Popover.cjs +1 -1
  100. package/cjs/components/Popover/Popover.cjs.map +1 -1
  101. package/cjs/components/Progress/Progress.cjs +1 -1
  102. package/cjs/components/Progress/Progress.cjs.map +1 -1
  103. package/cjs/components/Radio/Radio.cjs +1 -1
  104. package/cjs/components/Radio/Radio.cjs.map +1 -1
  105. package/cjs/components/Rating/Rating.cjs +1 -1
  106. package/cjs/components/Rating/Rating.cjs.map +1 -1
  107. package/cjs/components/RollingNumber/RollingNumber.cjs +254 -0
  108. package/cjs/components/RollingNumber/RollingNumber.cjs.map +1 -0
  109. package/cjs/components/RollingNumber/RollingNumber.module.css.cjs +7 -0
  110. package/cjs/components/RollingNumber/RollingNumber.module.css.cjs.map +1 -0
  111. package/cjs/components/ScrollArea/ScrollArea.cjs +35 -37
  112. package/cjs/components/ScrollArea/ScrollArea.cjs.map +1 -1
  113. package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.cjs +2 -2
  114. package/cjs/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.cjs.map +1 -1
  115. package/cjs/components/ScrollArea/use-resize-observer.cjs +3 -2
  116. package/cjs/components/ScrollArea/use-resize-observer.cjs.map +1 -1
  117. package/cjs/components/SimpleGrid/SimpleGrid.cjs +1 -1
  118. package/cjs/components/SimpleGrid/SimpleGrid.cjs.map +1 -1
  119. package/cjs/components/Slider/RangeSlider/RangeSlider.cjs +1 -1
  120. package/cjs/components/Slider/RangeSlider/RangeSlider.cjs.map +1 -1
  121. package/cjs/components/Slider/Slider/Slider.cjs +1 -1
  122. package/cjs/components/Slider/Slider/Slider.cjs.map +1 -1
  123. package/cjs/components/Stepper/Stepper.cjs +7 -2
  124. package/cjs/components/Stepper/Stepper.cjs.map +1 -1
  125. package/cjs/components/Switch/Switch.cjs +1 -1
  126. package/cjs/components/Switch/Switch.cjs.map +1 -1
  127. package/cjs/components/Table/Table.cjs +1 -1
  128. package/cjs/components/Table/Table.cjs.map +1 -1
  129. package/cjs/components/Tabs/Tabs.cjs +1 -1
  130. package/cjs/components/Tabs/Tabs.cjs.map +1 -1
  131. package/cjs/components/Tabs/TabsPanel/TabsPanel.cjs +5 -3
  132. package/cjs/components/Tabs/TabsPanel/TabsPanel.cjs.map +1 -1
  133. package/cjs/components/Timeline/Timeline.cjs +1 -1
  134. package/cjs/components/Timeline/Timeline.cjs.map +1 -1
  135. package/cjs/components/Tooltip/Tooltip.cjs +4 -2
  136. package/cjs/components/Tooltip/Tooltip.cjs.map +1 -1
  137. package/cjs/components/Tooltip/TooltipFloating/TooltipFloating.cjs +1 -1
  138. package/cjs/components/Tooltip/TooltipFloating/TooltipFloating.cjs.map +1 -1
  139. package/cjs/components/Transition/Transition.cjs +20 -3
  140. package/cjs/components/Transition/Transition.cjs.map +1 -1
  141. package/cjs/components/Tree/FlatTreeNode.cjs +155 -0
  142. package/cjs/components/Tree/FlatTreeNode.cjs.map +1 -0
  143. package/cjs/components/Tree/Tree.cjs +4 -2
  144. package/cjs/components/Tree/Tree.cjs.map +1 -1
  145. package/cjs/components/Tree/TreeNode.cjs +8 -4
  146. package/cjs/components/Tree/TreeNode.cjs.map +1 -1
  147. package/cjs/components/Tree/filter-tree-data/filter-tree-data.cjs +27 -0
  148. package/cjs/components/Tree/filter-tree-data/filter-tree-data.cjs.map +1 -0
  149. package/cjs/components/Tree/flatten-tree-data/flatten-tree-data.cjs +24 -0
  150. package/cjs/components/Tree/flatten-tree-data/flatten-tree-data.cjs.map +1 -0
  151. package/cjs/components/Tree/merge-async-children/merge-async-children.cjs +26 -0
  152. package/cjs/components/Tree/merge-async-children/merge-async-children.cjs.map +1 -0
  153. package/cjs/components/Tree/move-tree-node/move-tree-node.cjs +91 -0
  154. package/cjs/components/Tree/move-tree-node/move-tree-node.cjs.map +1 -0
  155. package/cjs/components/Tree/use-tree-node-drag-drop.cjs +128 -0
  156. package/cjs/components/Tree/use-tree-node-drag-drop.cjs.map +1 -0
  157. package/cjs/components/TreeSelect/TreeSelect.cjs +821 -0
  158. package/cjs/components/TreeSelect/TreeSelect.cjs.map +1 -0
  159. package/cjs/components/TreeSelect/TreeSelect.module.css.cjs +7 -0
  160. package/cjs/components/TreeSelect/TreeSelect.module.css.cjs.map +1 -0
  161. package/cjs/components/TreeSelect/TreeSelectOption.cjs +153 -0
  162. package/cjs/components/TreeSelect/TreeSelectOption.cjs.map +1 -0
  163. package/cjs/components/TreeSelect/flatten-tree-select-data.cjs +34 -0
  164. package/cjs/components/TreeSelect/flatten-tree-select-data.cjs.map +1 -0
  165. package/cjs/components/TreeSelect/get-checked-values-by-strategy.cjs +46 -0
  166. package/cjs/components/TreeSelect/get-checked-values-by-strategy.cjs.map +1 -0
  167. package/cjs/core/styles-api/use-styles/get-class-name/get-class-name.cjs +5 -5
  168. package/cjs/core/styles-api/use-styles/get-class-name/get-class-name.cjs.map +1 -1
  169. package/cjs/core/styles-api/use-styles/get-style/get-style.cjs +9 -13
  170. package/cjs/core/styles-api/use-styles/get-style/get-style.cjs.map +1 -1
  171. package/cjs/core/styles-api/use-styles/get-style/resolve-style/resolve-style.cjs +1 -1
  172. package/cjs/core/styles-api/use-styles/get-style/resolve-style/resolve-style.cjs.map +1 -1
  173. package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.cjs +7 -4
  174. package/cjs/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.cjs.map +1 -1
  175. package/cjs/core/styles-api/use-styles/use-styles.cjs +40 -11
  176. package/cjs/core/styles-api/use-styles/use-styles.cjs.map +1 -1
  177. package/cjs/core/styles-api/use-styles/use-transformed-styles.cjs +7 -3
  178. package/cjs/core/styles-api/use-styles/use-transformed-styles.cjs.map +1 -1
  179. package/cjs/index.cjs +2 -4
  180. package/cjs/index.cjs.map +1 -1
  181. package/esm/components/Accordion/Accordion.mjs +1 -1
  182. package/esm/components/Accordion/Accordion.mjs.map +1 -1
  183. package/esm/components/Accordion/AccordionControl/AccordionControl.mjs +1 -1
  184. package/esm/components/Accordion/AccordionControl/AccordionControl.mjs.map +1 -1
  185. package/esm/components/Accordion/AccordionItem/AccordionItem.mjs +1 -1
  186. package/esm/components/Accordion/AccordionItem/AccordionItem.mjs.map +1 -1
  187. package/esm/components/Accordion/AccordionPanel/AccordionPanel.mjs +1 -1
  188. package/esm/components/Accordion/AccordionPanel/AccordionPanel.mjs.map +1 -1
  189. package/esm/components/ActionIcon/ActionIcon.mjs +1 -1
  190. package/esm/components/ActionIcon/ActionIcon.mjs.map +1 -1
  191. package/esm/components/AppShell/AppShell.mjs +1 -1
  192. package/esm/components/AppShell/AppShell.mjs.map +1 -1
  193. package/esm/components/AppShell/AppShellAside/AppShellAside.mjs.map +1 -1
  194. package/esm/components/AppShell/AppShellFooter/AppShellFooter.mjs.map +1 -1
  195. package/esm/components/AppShell/AppShellHeader/AppShellHeader.mjs.map +1 -1
  196. package/esm/components/AppShell/AppShellNavbar/AppShellNavbar.mjs.map +1 -1
  197. package/esm/components/Avatar/Avatar.mjs +1 -1
  198. package/esm/components/Avatar/Avatar.mjs.map +1 -1
  199. package/esm/components/Button/Button.mjs +1 -1
  200. package/esm/components/Button/Button.mjs.map +1 -1
  201. package/esm/components/Card/Card.mjs +1 -1
  202. package/esm/components/Card/Card.mjs.map +1 -1
  203. package/esm/components/Checkbox/Checkbox.mjs +1 -1
  204. package/esm/components/Checkbox/Checkbox.mjs.map +1 -1
  205. package/esm/components/Chip/Chip.mjs +1 -1
  206. package/esm/components/Chip/Chip.mjs.map +1 -1
  207. package/esm/components/CloseButton/CloseButton.mjs +1 -1
  208. package/esm/components/CloseButton/CloseButton.mjs.map +1 -1
  209. package/esm/components/Collapse/Collapse.mjs +16 -3
  210. package/esm/components/Collapse/Collapse.mjs.map +1 -1
  211. package/esm/components/ColorInput/ColorInput.mjs +1 -1
  212. package/esm/components/ColorInput/ColorInput.mjs.map +1 -1
  213. package/esm/components/ColorPicker/ColorPicker.mjs +1 -1
  214. package/esm/components/ColorPicker/ColorPicker.mjs.map +1 -1
  215. package/esm/components/ColorPicker/ColorSlider/ColorSlider.mjs +1 -1
  216. package/esm/components/ColorPicker/ColorSlider/ColorSlider.mjs.map +1 -1
  217. package/esm/components/Combobox/Combobox.mjs +1 -1
  218. package/esm/components/Combobox/Combobox.mjs.map +1 -1
  219. package/esm/components/Combobox/ComboboxSearch/ComboboxSearch.mjs +1 -1
  220. package/esm/components/Combobox/ComboboxSearch/ComboboxSearch.mjs.map +1 -1
  221. package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.mjs +1 -1
  222. package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.mjs.map +1 -1
  223. package/esm/components/Combobox/use-combobox/use-virtualized-combobox.mjs +90 -52
  224. package/esm/components/Combobox/use-combobox/use-virtualized-combobox.mjs.map +1 -1
  225. package/esm/components/Drawer/Drawer.mjs +1 -1
  226. package/esm/components/Drawer/Drawer.mjs.map +1 -1
  227. package/esm/components/FloatingIndicator/FloatingIndicator.mjs +1 -1
  228. package/esm/components/FloatingIndicator/FloatingIndicator.mjs.map +1 -1
  229. package/esm/components/Grid/Grid.mjs +1 -1
  230. package/esm/components/Grid/Grid.mjs.map +1 -1
  231. package/esm/components/Grid/GridCol/GridCol.mjs +1 -1
  232. package/esm/components/Grid/GridCol/GridCol.mjs.map +1 -1
  233. package/esm/components/HoverCard/use-hover-card.mjs +1 -1
  234. package/esm/components/Indicator/Indicator.mjs.map +1 -1
  235. package/esm/components/Input/Input.mjs +1 -1
  236. package/esm/components/Input/Input.mjs.map +1 -1
  237. package/esm/components/Input/InputDescription/InputDescription.mjs +1 -1
  238. package/esm/components/Input/InputDescription/InputDescription.mjs.map +1 -1
  239. package/esm/components/Input/InputError/InputError.mjs +1 -1
  240. package/esm/components/Input/InputError/InputError.mjs.map +1 -1
  241. package/esm/components/Input/InputLabel/InputLabel.mjs +1 -1
  242. package/esm/components/Input/InputLabel/InputLabel.mjs.map +1 -1
  243. package/esm/components/Input/InputWrapper/InputWrapper.mjs +1 -1
  244. package/esm/components/Input/InputWrapper/InputWrapper.mjs.map +1 -1
  245. package/esm/components/List/List.mjs +1 -1
  246. package/esm/components/List/List.mjs.map +1 -1
  247. package/esm/components/Loader/Loader.mjs +1 -1
  248. package/esm/components/Loader/Loader.mjs.map +1 -1
  249. package/esm/components/Loader/loaders/Bars.mjs.map +1 -1
  250. package/esm/components/Loader/loaders/Dots.mjs.map +1 -1
  251. package/esm/components/Loader/loaders/Oval.mjs.map +1 -1
  252. package/esm/components/MaskInput/MaskInput.mjs +37 -0
  253. package/esm/components/MaskInput/MaskInput.mjs.map +1 -0
  254. package/esm/components/MaskInput/use-mask-input-props.mjs +40 -0
  255. package/esm/components/MaskInput/use-mask-input-props.mjs.map +1 -0
  256. package/esm/components/Menu/Menu.mjs +1 -1
  257. package/esm/components/Menu/Menu.mjs.map +1 -1
  258. package/esm/components/Menu/MenuItem/MenuItem.mjs +1 -1
  259. package/esm/components/Menu/MenuItem/MenuItem.mjs.map +1 -1
  260. package/esm/components/Menu/MenuSubDropdown/MenuSubDropdown.mjs +1 -1
  261. package/esm/components/Menu/MenuSubDropdown/MenuSubDropdown.mjs.map +1 -1
  262. package/esm/components/Menu/MenuSubItem/MenuSubItem.mjs +1 -1
  263. package/esm/components/Menu/MenuSubItem/MenuSubItem.mjs.map +1 -1
  264. package/esm/components/Modal/Modal.mjs +1 -1
  265. package/esm/components/Modal/Modal.mjs.map +1 -1
  266. package/esm/components/ModalBase/ModalBaseBody.mjs +1 -1
  267. package/esm/components/ModalBase/ModalBaseBody.mjs.map +1 -1
  268. package/esm/components/ModalBase/ModalBaseTitle.mjs +1 -1
  269. package/esm/components/ModalBase/ModalBaseTitle.mjs.map +1 -1
  270. package/esm/components/NumberInput/NumberInput.mjs +32 -1
  271. package/esm/components/NumberInput/NumberInput.mjs.map +1 -1
  272. package/esm/components/OverflowList/OverflowList.mjs +1 -1
  273. package/esm/components/OverflowList/OverflowList.mjs.map +1 -1
  274. package/esm/components/Pagination/Pagination.mjs +1 -1
  275. package/esm/components/Pagination/Pagination.mjs.map +1 -1
  276. package/esm/components/Pagination/PaginationEdges/PaginationEdges.mjs +1 -1
  277. package/esm/components/PasswordInput/PasswordInput.mjs +1 -1
  278. package/esm/components/PasswordInput/PasswordInput.mjs.map +1 -1
  279. package/esm/components/Pill/Pill.mjs +1 -1
  280. package/esm/components/Pill/Pill.mjs.map +1 -1
  281. package/esm/components/Popover/Popover.mjs +1 -1
  282. package/esm/components/Popover/Popover.mjs.map +1 -1
  283. package/esm/components/Progress/Progress.mjs +1 -1
  284. package/esm/components/Progress/Progress.mjs.map +1 -1
  285. package/esm/components/Radio/Radio.mjs +1 -1
  286. package/esm/components/Radio/Radio.mjs.map +1 -1
  287. package/esm/components/Rating/Rating.mjs +1 -1
  288. package/esm/components/Rating/Rating.mjs.map +1 -1
  289. package/esm/components/RollingNumber/RollingNumber.mjs +252 -0
  290. package/esm/components/RollingNumber/RollingNumber.mjs.map +1 -0
  291. package/esm/components/RollingNumber/RollingNumber.module.css.mjs +5 -0
  292. package/esm/components/RollingNumber/RollingNumber.module.css.mjs.map +1 -0
  293. package/esm/components/ScrollArea/ScrollArea.mjs +36 -38
  294. package/esm/components/ScrollArea/ScrollArea.mjs.map +1 -1
  295. package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.mjs +3 -3
  296. package/esm/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.mjs.map +1 -1
  297. package/esm/components/ScrollArea/use-resize-observer.mjs +4 -3
  298. package/esm/components/ScrollArea/use-resize-observer.mjs.map +1 -1
  299. package/esm/components/SimpleGrid/SimpleGrid.mjs +1 -1
  300. package/esm/components/SimpleGrid/SimpleGrid.mjs.map +1 -1
  301. package/esm/components/Slider/RangeSlider/RangeSlider.mjs +1 -1
  302. package/esm/components/Slider/RangeSlider/RangeSlider.mjs.map +1 -1
  303. package/esm/components/Slider/Slider/Slider.mjs +1 -1
  304. package/esm/components/Slider/Slider/Slider.mjs.map +1 -1
  305. package/esm/components/Stepper/Stepper.mjs +9 -4
  306. package/esm/components/Stepper/Stepper.mjs.map +1 -1
  307. package/esm/components/Switch/Switch.mjs +1 -1
  308. package/esm/components/Switch/Switch.mjs.map +1 -1
  309. package/esm/components/Table/Table.mjs +1 -1
  310. package/esm/components/Table/Table.mjs.map +1 -1
  311. package/esm/components/Tabs/Tabs.mjs +1 -1
  312. package/esm/components/Tabs/Tabs.mjs.map +1 -1
  313. package/esm/components/Tabs/TabsPanel/TabsPanel.mjs +5 -3
  314. package/esm/components/Tabs/TabsPanel/TabsPanel.mjs.map +1 -1
  315. package/esm/components/Timeline/Timeline.mjs +1 -1
  316. package/esm/components/Timeline/Timeline.mjs.map +1 -1
  317. package/esm/components/Tooltip/Tooltip.mjs +4 -2
  318. package/esm/components/Tooltip/Tooltip.mjs.map +1 -1
  319. package/esm/components/Tooltip/TooltipFloating/TooltipFloating.mjs +1 -1
  320. package/esm/components/Tooltip/TooltipFloating/TooltipFloating.mjs.map +1 -1
  321. package/esm/components/Tooltip/use-tooltip.mjs +1 -1
  322. package/esm/components/Transition/Transition.mjs +20 -3
  323. package/esm/components/Transition/Transition.mjs.map +1 -1
  324. package/esm/components/Tree/FlatTreeNode.mjs +153 -0
  325. package/esm/components/Tree/FlatTreeNode.mjs.map +1 -0
  326. package/esm/components/Tree/Tree.mjs +4 -2
  327. package/esm/components/Tree/Tree.mjs.map +1 -1
  328. package/esm/components/Tree/TreeNode.mjs +9 -5
  329. package/esm/components/Tree/TreeNode.mjs.map +1 -1
  330. package/esm/components/Tree/filter-tree-data/filter-tree-data.mjs +24 -0
  331. package/esm/components/Tree/filter-tree-data/filter-tree-data.mjs.map +1 -0
  332. package/esm/components/Tree/flatten-tree-data/flatten-tree-data.mjs +22 -0
  333. package/esm/components/Tree/flatten-tree-data/flatten-tree-data.mjs.map +1 -0
  334. package/esm/components/Tree/merge-async-children/merge-async-children.mjs +24 -0
  335. package/esm/components/Tree/merge-async-children/merge-async-children.mjs.map +1 -0
  336. package/esm/components/Tree/move-tree-node/move-tree-node.mjs +89 -0
  337. package/esm/components/Tree/move-tree-node/move-tree-node.mjs.map +1 -0
  338. package/esm/components/Tree/use-tree-node-drag-drop.mjs +126 -0
  339. package/esm/components/Tree/use-tree-node-drag-drop.mjs.map +1 -0
  340. package/esm/components/TreeSelect/TreeSelect.mjs +819 -0
  341. package/esm/components/TreeSelect/TreeSelect.mjs.map +1 -0
  342. package/esm/components/TreeSelect/TreeSelect.module.css.mjs +5 -0
  343. package/esm/components/TreeSelect/TreeSelect.module.css.mjs.map +1 -0
  344. package/esm/components/TreeSelect/TreeSelectOption.mjs +151 -0
  345. package/esm/components/TreeSelect/TreeSelectOption.mjs.map +1 -0
  346. package/esm/components/TreeSelect/flatten-tree-select-data.mjs +32 -0
  347. package/esm/components/TreeSelect/flatten-tree-select-data.mjs.map +1 -0
  348. package/esm/components/TreeSelect/get-checked-values-by-strategy.mjs +43 -0
  349. package/esm/components/TreeSelect/get-checked-values-by-strategy.mjs.map +1 -0
  350. package/esm/core/styles-api/use-styles/get-class-name/get-class-name.mjs +5 -5
  351. package/esm/core/styles-api/use-styles/get-class-name/get-class-name.mjs.map +1 -1
  352. package/esm/core/styles-api/use-styles/get-style/get-style.mjs +9 -13
  353. package/esm/core/styles-api/use-styles/get-style/get-style.mjs.map +1 -1
  354. package/esm/core/styles-api/use-styles/get-style/resolve-style/resolve-style.mjs +1 -1
  355. package/esm/core/styles-api/use-styles/get-style/resolve-style/resolve-style.mjs.map +1 -1
  356. package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.mjs +7 -4
  357. package/esm/core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.mjs.map +1 -1
  358. package/esm/core/styles-api/use-styles/use-styles.mjs +40 -11
  359. package/esm/core/styles-api/use-styles/use-styles.mjs.map +1 -1
  360. package/esm/core/styles-api/use-styles/use-transformed-styles.mjs +7 -3
  361. package/esm/core/styles-api/use-styles/use-transformed-styles.mjs.map +1 -1
  362. package/esm/index.mjs +1 -2
  363. package/esm/index.mjs.map +1 -1
  364. package/lib/components/Collapse/Collapse.d.ts +1 -1
  365. package/lib/components/Combobox/use-combobox/use-virtualized-combobox.d.ts +2 -2
  366. package/lib/components/Input/use-input-props.d.ts +16 -16
  367. package/lib/components/MaskInput/MaskInput.d.ts +68 -0
  368. package/lib/components/MaskInput/index.d.ts +7 -0
  369. package/lib/components/MaskInput/use-mask-input-props.d.ts +428 -0
  370. package/lib/components/Menu/Menu.d.ts +2 -0
  371. package/lib/components/RollingNumber/RollingNumber.d.ts +39 -0
  372. package/lib/components/RollingNumber/index.d.ts +9 -0
  373. package/lib/components/ScrollArea/ScrollArea.d.ts +5 -0
  374. package/lib/components/Stepper/Stepper.d.ts +2 -0
  375. package/lib/components/Transition/Transition.d.ts +1 -1
  376. package/lib/components/Tree/FlatTreeNode.d.ts +34 -0
  377. package/lib/components/Tree/Tree.d.ts +2 -0
  378. package/lib/components/Tree/TreeNode.d.ts +2 -1
  379. package/lib/components/Tree/filter-tree-data/filter-tree-data.d.ts +4 -0
  380. package/lib/components/Tree/flatten-tree-data/flatten-tree-data.d.ts +15 -0
  381. package/lib/components/Tree/merge-async-children/merge-async-children.d.ts +2 -0
  382. package/lib/components/Tree/move-tree-node/move-tree-node.d.ts +11 -0
  383. package/lib/components/Tree/use-tree-node-drag-drop.d.ts +18 -0
  384. package/lib/components/TreeSelect/TreeSelect.d.ts +122 -0
  385. package/lib/components/TreeSelect/TreeSelectOption.d.ts +29 -0
  386. package/lib/components/TreeSelect/flatten-tree-select-data.d.ts +12 -0
  387. package/lib/components/TreeSelect/get-checked-values-by-strategy.d.ts +4 -0
  388. package/lib/components/TreeSelect/index.d.ts +13 -0
  389. package/lib/core/MantineProvider/MantineCssVariables/index.d.ts +1 -0
  390. package/lib/core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.d.ts +2 -0
  391. package/lib/core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.d.ts +2 -2
  392. package/lib/core/MantineProvider/color-functions/index.d.ts +0 -1
  393. package/lib/core/styles-api/use-styles/get-class-name/get-class-name.d.ts +7 -5
  394. package/lib/core/styles-api/use-styles/get-style/get-style.d.ts +5 -9
  395. package/lib/core/styles-api/use-styles/use-transformed-styles.d.ts +3 -1
  396. package/package.json +7 -7
  397. package/styles/AppShell.css +11 -1
  398. package/styles/AppShell.layer.css +11 -1
  399. package/styles/RollingNumber.css +50 -0
  400. package/styles/RollingNumber.layer.css +51 -0
  401. package/styles/Scroller.css +1 -0
  402. package/styles/Scroller.layer.css +1 -0
  403. package/styles/TreeSelect.css +113 -0
  404. package/styles/TreeSelect.layer.css +114 -0
  405. package/styles.css +220 -209
  406. package/styles.layer.css +220 -209
  407. package/cjs/components/Slider/utils/get-floating-value/get-gloating-value.cjs +0 -9
  408. package/cjs/components/Slider/utils/get-floating-value/get-gloating-value.cjs.map +0 -1
  409. package/esm/components/Slider/utils/get-floating-value/get-gloating-value.mjs +0 -7
  410. package/esm/components/Slider/utils/get-floating-value/get-gloating-value.mjs.map +0 -1
  411. package/lib/components/Slider/utils/get-floating-value/get-gloating-value.d.ts +0 -1
@@ -0,0 +1,7 @@
1
+ import type { MaskInputFactory, MaskInputProps } from './MaskInput';
2
+ export { MaskInput } from './MaskInput';
3
+ export type { MaskInputProps, MaskInputFactory };
4
+ export declare namespace MaskInput {
5
+ type Props = MaskInputProps;
6
+ type Factory = MaskInputFactory;
7
+ }
@@ -0,0 +1,428 @@
1
+ import type { MaskInputProps } from './MaskInput';
2
+ export declare function useMaskInputProps(props: MaskInputProps & {
3
+ ref?: React.Ref<HTMLInputElement>;
4
+ }): {
5
+ maskRef: import("react").RefCallback<HTMLInputElement>;
6
+ elementProps: {
7
+ className?: string;
8
+ style?: import("../..").MantineStyleProp;
9
+ __vars?: import("../..").CssVarsProp;
10
+ __size?: string;
11
+ hiddenFrom?: import("../..").MantineBreakpoint;
12
+ visibleFrom?: import("../..").MantineBreakpoint;
13
+ lightHidden?: boolean;
14
+ darkHidden?: boolean;
15
+ mod?: import("../..").BoxMod;
16
+ m?: import("../..").StyleProp<import("../..").MantineSpacing>;
17
+ my?: import("../..").StyleProp<import("../..").MantineSpacing>;
18
+ mx?: import("../..").StyleProp<import("../..").MantineSpacing>;
19
+ mt?: import("../..").StyleProp<import("../..").MantineSpacing>;
20
+ mb?: import("../..").StyleProp<import("../..").MantineSpacing>;
21
+ ms?: import("../..").StyleProp<import("../..").MantineSpacing>;
22
+ me?: import("../..").StyleProp<import("../..").MantineSpacing>;
23
+ mis?: import("../..").StyleProp<import("../..").MantineSpacing>;
24
+ mie?: import("../..").StyleProp<import("../..").MantineSpacing>;
25
+ ml?: import("../..").StyleProp<import("../..").MantineSpacing>;
26
+ mr?: import("../..").StyleProp<import("../..").MantineSpacing>;
27
+ p?: import("../..").StyleProp<import("../..").MantineSpacing>;
28
+ py?: import("../..").StyleProp<import("../..").MantineSpacing>;
29
+ px?: import("../..").StyleProp<import("../..").MantineSpacing>;
30
+ pt?: import("../..").StyleProp<import("../..").MantineSpacing>;
31
+ pb?: import("../..").StyleProp<import("../..").MantineSpacing>;
32
+ ps?: import("../..").StyleProp<import("../..").MantineSpacing>;
33
+ pe?: import("../..").StyleProp<import("../..").MantineSpacing>;
34
+ pis?: import("../..").StyleProp<import("../..").MantineSpacing>;
35
+ pie?: import("../..").StyleProp<import("../..").MantineSpacing>;
36
+ pl?: import("../..").StyleProp<import("../..").MantineSpacing>;
37
+ pr?: import("../..").StyleProp<import("../..").MantineSpacing>;
38
+ bd?: import("../..").StyleProp<React.CSSProperties["border"]>;
39
+ bdrs?: import("../..").StyleProp<import("../..").MantineSpacing>;
40
+ bg?: import("../..").StyleProp<import("../..").MantineColor>;
41
+ c?: import("../..").StyleProp<import("../..").MantineColor>;
42
+ opacity?: import("../..").StyleProp<React.CSSProperties["opacity"]>;
43
+ ff?: import("../..").StyleProp<"monospace" | "text" | "heading" | (string & {})>;
44
+ fz?: import("../..").StyleProp<import("../..").MantineFontSize | `h${1 | 2 | 3 | 4 | 5 | 6}` | number | (string & {})>;
45
+ fw?: import("../..").StyleProp<React.CSSProperties["fontWeight"]>;
46
+ lts?: import("../..").StyleProp<React.CSSProperties["letterSpacing"]>;
47
+ ta?: import("../..").StyleProp<React.CSSProperties["textAlign"]>;
48
+ lh?: import("../..").StyleProp<import("../..").MantineLineHeight | `h${1 | 2 | 3 | 4 | 5 | 6}` | number | (string & {})>;
49
+ fs?: import("../..").StyleProp<React.CSSProperties["fontStyle"]>;
50
+ tt?: import("../..").StyleProp<React.CSSProperties["textTransform"]>;
51
+ td?: import("../..").StyleProp<React.CSSProperties["textDecoration"]>;
52
+ w?: import("../..").StyleProp<React.CSSProperties["width"]>;
53
+ miw?: import("../..").StyleProp<React.CSSProperties["minWidth"]>;
54
+ maw?: import("../..").StyleProp<React.CSSProperties["maxWidth"]>;
55
+ h?: import("../..").StyleProp<React.CSSProperties["height"]>;
56
+ mih?: import("../..").StyleProp<React.CSSProperties["minHeight"]>;
57
+ mah?: import("../..").StyleProp<React.CSSProperties["maxHeight"]>;
58
+ bgsz?: import("../..").StyleProp<React.CSSProperties["backgroundSize"]>;
59
+ bgp?: import("../..").StyleProp<React.CSSProperties["backgroundPosition"]>;
60
+ bgr?: import("../..").StyleProp<React.CSSProperties["backgroundRepeat"]>;
61
+ bga?: import("../..").StyleProp<React.CSSProperties["backgroundAttachment"]>;
62
+ pos?: import("../..").StyleProp<React.CSSProperties["position"]>;
63
+ top?: import("../..").StyleProp<React.CSSProperties["top"]>;
64
+ left?: import("../..").StyleProp<React.CSSProperties["left"]>;
65
+ bottom?: import("../..").StyleProp<React.CSSProperties["bottom"]>;
66
+ right?: import("../..").StyleProp<React.CSSProperties["right"]>;
67
+ inset?: import("../..").StyleProp<React.CSSProperties["inset"]>;
68
+ display?: import("../..").StyleProp<React.CSSProperties["display"]>;
69
+ flex?: import("../..").StyleProp<React.CSSProperties["flex"]>;
70
+ wrapperProps?: import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("../..").DataAttributes;
71
+ label?: React.ReactNode;
72
+ description?: React.ReactNode;
73
+ error?: React.ReactNode;
74
+ required?: boolean;
75
+ withAsterisk?: boolean;
76
+ labelProps?: import("..").InputLabelProps & import("../..").DataAttributes;
77
+ descriptionProps?: import("..").InputDescriptionProps & import("../..").DataAttributes;
78
+ errorProps?: import("..").InputErrorProps & import("../..").DataAttributes;
79
+ inputContainer?: (children: React.ReactNode) => React.ReactNode;
80
+ inputWrapperOrder?: ("label" | "input" | "description" | "error")[];
81
+ leftSection?: React.ReactNode;
82
+ leftSectionWidth?: React.CSSProperties["width"];
83
+ leftSectionProps?: React.ComponentProps<"div">;
84
+ leftSectionPointerEvents?: React.CSSProperties["pointerEvents"];
85
+ rightSection?: React.ReactNode;
86
+ rightSectionWidth?: React.CSSProperties["width"];
87
+ rightSectionProps?: React.ComponentProps<"div">;
88
+ rightSectionPointerEvents?: React.CSSProperties["pointerEvents"];
89
+ radius?: import("../..").MantineRadius;
90
+ disabled?: boolean;
91
+ size?: import("../..").MantineSize | (string & {});
92
+ pointer?: boolean;
93
+ withErrorStyles?: boolean;
94
+ inputSize?: string;
95
+ __clearSection?: React.ReactNode;
96
+ __clearable?: boolean;
97
+ __clearSectionMode?: import("..").ClearSectionMode;
98
+ __defaultRightSection?: React.ReactNode;
99
+ loading?: boolean;
100
+ loadingPosition?: "left" | "right";
101
+ unstyled?: boolean;
102
+ variant?: import("..").InputVariant | (string & {}) | undefined;
103
+ classNames?: Partial<Record<import("..").__InputStylesNames, string>> | ((theme: import("../..").MantineTheme, props: MaskInputProps, ctx: unknown) => Partial<Record<import("..").__InputStylesNames, string>>) | undefined;
104
+ styles?: Partial<Record<import("..").__InputStylesNames, import("../..").CSSProperties>> | ((theme: import("../..").MantineTheme, props: MaskInputProps, ctx: unknown) => Partial<Record<import("..").__InputStylesNames, import("../..").CSSProperties>>) | undefined;
105
+ vars?: import("../..").PartialVarsResolver<{
106
+ props: MaskInputProps;
107
+ variant: import("..").InputVariant;
108
+ ref: HTMLInputElement;
109
+ stylesNames: import("..").__InputStylesNames;
110
+ }> | undefined;
111
+ attributes?: {
112
+ input?: Record<string, any> | undefined;
113
+ label?: Record<string, any> | undefined;
114
+ section?: Record<string, any> | undefined;
115
+ required?: Record<string, any> | undefined;
116
+ wrapper?: Record<string, any> | undefined;
117
+ root?: Record<string, any> | undefined;
118
+ description?: Record<string, any> | undefined;
119
+ error?: Record<string, any> | undefined;
120
+ } | undefined;
121
+ value?: string | number | readonly string[] | undefined;
122
+ defaultValue?: string | number | readonly string[] | undefined;
123
+ onChange?: import("react").ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
124
+ form?: string | undefined | undefined;
125
+ slot?: string | undefined | undefined;
126
+ title?: string | undefined | undefined;
127
+ pattern?: string | undefined | undefined;
128
+ key?: import("react").Key | null | undefined;
129
+ accept?: string | undefined | undefined;
130
+ alt?: string | undefined | undefined;
131
+ autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
132
+ capture?: boolean | "user" | "environment" | undefined | undefined;
133
+ checked?: boolean | undefined | undefined;
134
+ formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
135
+ formEncType?: string | undefined | undefined;
136
+ formMethod?: string | undefined | undefined;
137
+ formNoValidate?: boolean | undefined | undefined;
138
+ formTarget?: string | undefined | undefined;
139
+ height?: number | string | undefined | undefined;
140
+ list?: string | undefined | undefined;
141
+ max?: number | string | undefined | undefined;
142
+ maxLength?: number | undefined | undefined;
143
+ min?: number | string | undefined | undefined;
144
+ minLength?: number | undefined | undefined;
145
+ multiple?: boolean | undefined | undefined;
146
+ name?: string | undefined | undefined;
147
+ placeholder?: string | undefined | undefined;
148
+ readOnly?: boolean | undefined | undefined;
149
+ src?: string | undefined | undefined;
150
+ step?: number | string | undefined | undefined;
151
+ type?: import("react").HTMLInputTypeAttribute | undefined;
152
+ width?: number | string | undefined | undefined;
153
+ defaultChecked?: boolean | undefined | undefined;
154
+ suppressContentEditableWarning?: boolean | undefined | undefined;
155
+ suppressHydrationWarning?: boolean | undefined | undefined;
156
+ accessKey?: string | undefined | undefined;
157
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
158
+ autoFocus?: boolean | undefined | undefined;
159
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
160
+ contextMenu?: string | undefined | undefined;
161
+ dir?: string | undefined | undefined;
162
+ draggable?: (boolean | "true" | "false") | undefined;
163
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
164
+ hidden?: boolean | undefined | undefined;
165
+ id?: string | undefined | undefined;
166
+ lang?: string | undefined | undefined;
167
+ nonce?: string | undefined | undefined;
168
+ spellCheck?: (boolean | "true" | "false") | undefined;
169
+ tabIndex?: number | undefined | undefined;
170
+ translate?: "yes" | "no" | undefined | undefined;
171
+ radioGroup?: string | undefined | undefined;
172
+ role?: import("react").AriaRole | undefined;
173
+ about?: string | undefined | undefined;
174
+ content?: string | undefined | undefined;
175
+ datatype?: string | undefined | undefined;
176
+ inlist?: any;
177
+ prefix?: string | undefined | undefined;
178
+ property?: string | undefined | undefined;
179
+ rel?: string | undefined | undefined;
180
+ resource?: string | undefined | undefined;
181
+ rev?: string | undefined | undefined;
182
+ typeof?: string | undefined | undefined;
183
+ vocab?: string | undefined | undefined;
184
+ autoCorrect?: string | undefined | undefined;
185
+ autoSave?: string | undefined | undefined;
186
+ color?: string | undefined | undefined;
187
+ itemProp?: string | undefined | undefined;
188
+ itemScope?: boolean | undefined | undefined;
189
+ itemType?: string | undefined | undefined;
190
+ itemID?: string | undefined | undefined;
191
+ itemRef?: string | undefined | undefined;
192
+ results?: number | undefined | undefined;
193
+ security?: string | undefined | undefined;
194
+ unselectable?: "on" | "off" | undefined | undefined;
195
+ popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
196
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
197
+ popoverTarget?: string | undefined | undefined;
198
+ inert?: boolean | undefined | undefined;
199
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
200
+ is?: string | undefined | undefined;
201
+ exportparts?: string | undefined | undefined;
202
+ part?: string | undefined | undefined;
203
+ "aria-activedescendant"?: string | undefined | undefined;
204
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
205
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
206
+ "aria-braillelabel"?: string | undefined | undefined;
207
+ "aria-brailleroledescription"?: string | undefined | undefined;
208
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
209
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
210
+ "aria-colcount"?: number | undefined | undefined;
211
+ "aria-colindex"?: number | undefined | undefined;
212
+ "aria-colindextext"?: string | undefined | undefined;
213
+ "aria-colspan"?: number | undefined | undefined;
214
+ "aria-controls"?: string | undefined | undefined;
215
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
216
+ "aria-describedby"?: string | undefined | undefined;
217
+ "aria-description"?: string | undefined | undefined;
218
+ "aria-details"?: string | undefined | undefined;
219
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
220
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
221
+ "aria-errormessage"?: string | undefined | undefined;
222
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
223
+ "aria-flowto"?: string | undefined | undefined;
224
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
225
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
226
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
227
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
228
+ "aria-keyshortcuts"?: string | undefined | undefined;
229
+ "aria-label"?: string | undefined | undefined;
230
+ "aria-labelledby"?: string | undefined | undefined;
231
+ "aria-level"?: number | undefined | undefined;
232
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
233
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
234
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
235
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
236
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
237
+ "aria-owns"?: string | undefined | undefined;
238
+ "aria-placeholder"?: string | undefined | undefined;
239
+ "aria-posinset"?: number | undefined | undefined;
240
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
241
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
242
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
243
+ "aria-required"?: (boolean | "true" | "false") | undefined;
244
+ "aria-roledescription"?: string | undefined | undefined;
245
+ "aria-rowcount"?: number | undefined | undefined;
246
+ "aria-rowindex"?: number | undefined | undefined;
247
+ "aria-rowindextext"?: string | undefined | undefined;
248
+ "aria-rowspan"?: number | undefined | undefined;
249
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
250
+ "aria-setsize"?: number | undefined | undefined;
251
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
252
+ "aria-valuemax"?: number | undefined | undefined;
253
+ "aria-valuemin"?: number | undefined | undefined;
254
+ "aria-valuenow"?: number | undefined | undefined;
255
+ "aria-valuetext"?: string | undefined | undefined;
256
+ children?: import("react").ReactNode;
257
+ dangerouslySetInnerHTML?: {
258
+ __html: string | TrustedHTML;
259
+ } | undefined | undefined;
260
+ onCopy?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
261
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
262
+ onCut?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
263
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
264
+ onPaste?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
265
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLInputElement> | undefined;
266
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
267
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
268
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
269
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
270
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
271
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLInputElement> | undefined;
272
+ onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
273
+ onFocusCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
274
+ onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
275
+ onBlurCapture?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
276
+ onChangeCapture?: import("react").ChangeEventHandler<HTMLInputElement, Element> | undefined;
277
+ onBeforeInput?: import("react").InputEventHandler<HTMLInputElement> | undefined;
278
+ onBeforeInputCapture?: import("react").InputEventHandler<HTMLInputElement> | undefined;
279
+ onInput?: import("react").InputEventHandler<HTMLInputElement> | undefined;
280
+ onInputCapture?: import("react").InputEventHandler<HTMLInputElement> | undefined;
281
+ onReset?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
282
+ onResetCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
283
+ onSubmit?: import("react").SubmitEventHandler<HTMLInputElement> | undefined;
284
+ onSubmitCapture?: import("react").SubmitEventHandler<HTMLInputElement> | undefined;
285
+ onInvalid?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
286
+ onInvalidCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
287
+ onLoad?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
288
+ onLoadCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
289
+ onError?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
290
+ onErrorCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
291
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
292
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
293
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
294
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
295
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
296
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
297
+ onAbort?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
298
+ onAbortCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
299
+ onCanPlay?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
300
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
301
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
302
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
303
+ onDurationChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
304
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
305
+ onEmptied?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
306
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
307
+ onEncrypted?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
308
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
309
+ onEnded?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
310
+ onEndedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
311
+ onLoadedData?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
312
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
313
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
314
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
315
+ onLoadStart?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
316
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
317
+ onPause?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
318
+ onPauseCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
319
+ onPlay?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
320
+ onPlayCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
321
+ onPlaying?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
322
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
323
+ onProgress?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
324
+ onProgressCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
325
+ onRateChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
326
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
327
+ onSeeked?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
328
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
329
+ onSeeking?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
330
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
331
+ onStalled?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
332
+ onStalledCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
333
+ onSuspend?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
334
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
335
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
336
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
337
+ onVolumeChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
338
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
339
+ onWaiting?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
340
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
341
+ onAuxClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
342
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
343
+ onClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
344
+ onClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
345
+ onContextMenu?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
346
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
347
+ onDoubleClick?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
348
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
349
+ onDrag?: import("react").DragEventHandler<HTMLInputElement> | undefined;
350
+ onDragCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
351
+ onDragEnd?: import("react").DragEventHandler<HTMLInputElement> | undefined;
352
+ onDragEndCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
353
+ onDragEnter?: import("react").DragEventHandler<HTMLInputElement> | undefined;
354
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
355
+ onDragExit?: import("react").DragEventHandler<HTMLInputElement> | undefined;
356
+ onDragExitCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
357
+ onDragLeave?: import("react").DragEventHandler<HTMLInputElement> | undefined;
358
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
359
+ onDragOver?: import("react").DragEventHandler<HTMLInputElement> | undefined;
360
+ onDragOverCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
361
+ onDragStart?: import("react").DragEventHandler<HTMLInputElement> | undefined;
362
+ onDragStartCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
363
+ onDrop?: import("react").DragEventHandler<HTMLInputElement> | undefined;
364
+ onDropCapture?: import("react").DragEventHandler<HTMLInputElement> | undefined;
365
+ onMouseDown?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
366
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
367
+ onMouseEnter?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
368
+ onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
369
+ onMouseMove?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
370
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
371
+ onMouseOut?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
372
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
373
+ onMouseOver?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
374
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
375
+ onMouseUp?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
376
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
377
+ onSelect?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
378
+ onSelectCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
379
+ onTouchCancel?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
380
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
381
+ onTouchEnd?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
382
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
383
+ onTouchMove?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
384
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
385
+ onTouchStart?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
386
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLInputElement> | undefined;
387
+ onPointerDown?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
388
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
389
+ onPointerMove?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
390
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
391
+ onPointerUp?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
392
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
393
+ onPointerCancel?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
394
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
395
+ onPointerEnter?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
396
+ onPointerLeave?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
397
+ onPointerOver?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
398
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
399
+ onPointerOut?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
400
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
401
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
402
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
403
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
404
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
405
+ onScroll?: import("react").UIEventHandler<HTMLInputElement> | undefined;
406
+ onScrollCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
407
+ onScrollEnd?: import("react").UIEventHandler<HTMLInputElement> | undefined;
408
+ onScrollEndCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
409
+ onWheel?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
410
+ onWheelCapture?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
411
+ onAnimationStart?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
412
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
413
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
414
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
415
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
416
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
417
+ onToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
418
+ onBeforeToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
419
+ onTransitionCancel?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
420
+ onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
421
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
422
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
423
+ onTransitionRun?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
424
+ onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
425
+ onTransitionStart?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
426
+ onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
427
+ };
428
+ };
@@ -57,6 +57,8 @@ export interface MenuProps extends __PopoverProps, StylesApiProps<MenuFactory> {
57
57
  menuItemTabIndex?: -1 | 0;
58
58
  /** Adds a hidden focusable element at the start of the dropdown to prevent unexpected focus jumps when opening with keyboard. Set to false if you need custom focus management. @default true */
59
59
  withInitialFocusPlaceholder?: boolean;
60
+ /** Determines whether focus should be automatically returned to control when dropdown closes @default `true` */
61
+ returnFocus?: boolean;
60
62
  }
61
63
  export declare const Menu: import("../..").MantineComponent<{
62
64
  props: MenuProps;
@@ -0,0 +1,39 @@
1
+ import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
2
+ export type RollingNumberStylesNames = 'root' | 'digit' | 'digitColumn' | 'char';
3
+ export type RollingNumberCssVariables = {
4
+ root: '--rn-duration' | '--rn-timing-function';
5
+ };
6
+ export interface RollingNumberProps extends BoxProps, StylesApiProps<RollingNumberFactory>, ElementProps<'div'> {
7
+ /** Number value to display */
8
+ value: number;
9
+ /** Prefix added before the value */
10
+ prefix?: string;
11
+ /** Suffix added after the value */
12
+ suffix?: string;
13
+ /** Character used as a decimal separator @default '.' */
14
+ decimalSeparator?: string;
15
+ /** Character used to separate thousands, set to `true` for `,` @default false */
16
+ thousandSeparator?: string | boolean;
17
+ /** Number of decimal places to display */
18
+ decimalScale?: number;
19
+ /** If set, trailing zeros are added to match `decimalScale` @default false */
20
+ fixedDecimalScale?: boolean;
21
+ /** Animation duration in milliseconds @default 600 */
22
+ animationDuration?: number;
23
+ /** CSS timing function for animation @default 'ease' */
24
+ timingFunction?: string;
25
+ /** If set, use tabular (monospace) numbers @default true */
26
+ tabularNumbers?: boolean;
27
+ }
28
+ export type RollingNumberFactory = Factory<{
29
+ props: RollingNumberProps;
30
+ ref: HTMLDivElement;
31
+ stylesNames: RollingNumberStylesNames;
32
+ vars: RollingNumberCssVariables;
33
+ }>;
34
+ export declare const RollingNumber: import("../..").MantineComponent<{
35
+ props: RollingNumberProps;
36
+ ref: HTMLDivElement;
37
+ stylesNames: RollingNumberStylesNames;
38
+ vars: RollingNumberCssVariables;
39
+ }>;
@@ -0,0 +1,9 @@
1
+ import type { RollingNumberCssVariables, RollingNumberFactory, RollingNumberProps, RollingNumberStylesNames } from './RollingNumber';
2
+ export { RollingNumber } from './RollingNumber';
3
+ export type { RollingNumberProps, RollingNumberStylesNames, RollingNumberCssVariables, RollingNumberFactory, };
4
+ export declare namespace RollingNumber {
5
+ type Props = RollingNumberProps;
6
+ type StylesNames = RollingNumberStylesNames;
7
+ type CssVariables = RollingNumberCssVariables;
8
+ type Factory = RollingNumberFactory;
9
+ }
@@ -57,6 +57,11 @@ export interface ScrollAreaProps extends BoxProps, StylesApiProps<ScrollAreaFact
57
57
  onRightReached?: () => void;
58
58
  /** Defines `overscroll-behavior` of the viewport */
59
59
  overscrollBehavior?: React.CSSProperties['overscrollBehavior'];
60
+ /** Initial scroll position set on mount */
61
+ startScrollPosition?: {
62
+ x?: number;
63
+ y?: number;
64
+ };
60
65
  }
61
66
  export interface ScrollAreaAutosizeProps extends ScrollAreaProps {
62
67
  /** Called when content overflows due to max-height, making the container scrollable */
@@ -41,6 +41,8 @@ export interface StepperProps extends BoxProps, StylesApiProps<StepperFactory>,
41
41
  wrap?: boolean;
42
42
  /** When true, automatically adjusts the icon color in completed steps to ensure sufficient contrast against the step background color */
43
43
  autoContrast?: boolean;
44
+ /** If set, all step content is kept mounted. React 19 `Activity` is used to preserve state while content is hidden. @default false */
45
+ keepMounted?: boolean;
44
46
  }
45
47
  export type StepperFactory = Factory<{
46
48
  props: StepperProps;
@@ -1,6 +1,6 @@
1
1
  import { MantineTransition } from './transitions';
2
2
  export interface TransitionProps {
3
- /** If set, the element is not unmounted from the DOM when hidden, `display: none` styles are applied instead */
3
+ /** If set, the element is kept in the DOM when hidden. React 19 `Activity` is used to preserve state while the element is not visible. */
4
4
  keepMounted?: boolean;
5
5
  /** Transition name or object */
6
6
  transition?: MantineTransition;
@@ -0,0 +1,34 @@
1
+ import type { RenderNode, TreeNodeData } from './Tree';
2
+ import type { TreeController } from './use-tree';
3
+ export interface FlatTreeNodeProps {
4
+ /** Node data from tree data */
5
+ node: TreeNodeData;
6
+ /** Nesting level of the node, starts at 1 */
7
+ level: number;
8
+ /** Value of the parent node, `null` for root nodes */
9
+ parent: string | null;
10
+ /** Whether the node has children */
11
+ hasChildren: boolean;
12
+ /** Whether the node is expanded */
13
+ expanded: boolean;
14
+ /** Tree controller instance, return value of `useTree` hook */
15
+ tree: TreeController;
16
+ /** If set, tree node with children is expanded on click @default true */
17
+ expandOnClick?: boolean;
18
+ /** If set, tree node is selected on click @default false */
19
+ selectOnClick?: boolean;
20
+ /** If set, tree node with children is expanded on space key press @default true */
21
+ expandOnSpace?: boolean;
22
+ /** If set, tree node is checked on space key press @default false */
23
+ checkOnSpace?: boolean;
24
+ /** A function to render tree node label */
25
+ renderNode?: RenderNode;
26
+ /** Style to apply to the root element, used for virtualizer positioning */
27
+ style?: React.CSSProperties;
28
+ /** Tab index for the node */
29
+ tabIndex?: number;
30
+ }
31
+ export declare function FlatTreeNode({ node, level, parent, hasChildren, expanded, tree, expandOnClick, selectOnClick, expandOnSpace, checkOnSpace, renderNode, style, tabIndex, }: FlatTreeNodeProps): import("react/jsx-runtime").JSX.Element;
32
+ export declare namespace FlatTreeNode {
33
+ var displayName: string;
34
+ }
@@ -54,6 +54,8 @@ export interface TreeProps extends BoxProps, StylesApiProps<TreeFactory>, Elemen
54
54
  clearSelectionOnOutsideClick?: boolean;
55
55
  /** If set, tree nodes range can be selected with click when `Shift` key is pressed @default true */
56
56
  allowRangeSelection?: boolean;
57
+ /** If set, subtree content is kept mounted when collapsed. React 19 `Activity` is used to preserve state. @default false */
58
+ keepMounted?: boolean;
57
59
  }
58
60
  export type TreeFactory = Factory<{
59
61
  props: TreeProps;
@@ -15,8 +15,9 @@ interface TreeNodeProps {
15
15
  allowRangeSelection: boolean | undefined;
16
16
  expandOnSpace: boolean | undefined;
17
17
  checkOnSpace: boolean | undefined;
18
+ keepMounted: boolean | undefined;
18
19
  }
19
- export declare function TreeNode({ node, getStyles, rootIndex, controller, expandOnClick, selectOnClick, isSubtree, level, renderNode, flatValues, allowRangeSelection, expandOnSpace, checkOnSpace, }: TreeNodeProps): import("react/jsx-runtime").JSX.Element;
20
+ export declare function TreeNode({ node, getStyles, rootIndex, controller, expandOnClick, selectOnClick, isSubtree, level, renderNode, flatValues, allowRangeSelection, expandOnSpace, checkOnSpace, keepMounted, }: TreeNodeProps): import("react/jsx-runtime").JSX.Element;
20
21
  export declare namespace TreeNode {
21
22
  var displayName: string;
22
23
  }
@@ -0,0 +1,4 @@
1
+ import type { TreeNodeData } from '../Tree';
2
+ export type TreeNodeFilter = (query: string, node: TreeNodeData) => boolean;
3
+ export declare function defaultTreeNodeFilter(query: string, node: TreeNodeData): boolean;
4
+ export declare function filterTreeData(data: TreeNodeData[], query: string, filter?: TreeNodeFilter): TreeNodeData[];
@@ -0,0 +1,15 @@
1
+ import type { TreeNodeData } from '../Tree';
2
+ import type { TreeExpandedState } from '../use-tree';
3
+ export interface FlattenedTreeNodeData {
4
+ /** Node data from tree data */
5
+ node: TreeNodeData;
6
+ /** Nesting level of the node, starts at 1 */
7
+ level: number;
8
+ /** Value of the parent node, `null` for root nodes */
9
+ parent: string | null;
10
+ /** Whether the node has children */
11
+ hasChildren: boolean;
12
+ /** Whether the node is expanded */
13
+ expanded: boolean;
14
+ }
15
+ export declare function flattenTreeData(data: TreeNodeData[], expandedState: TreeExpandedState): FlattenedTreeNodeData[];
@@ -0,0 +1,2 @@
1
+ import type { TreeNodeData } from '../Tree';
2
+ export declare function mergeAsyncChildren(data: TreeNodeData[], parentValue: string, children: TreeNodeData[]): TreeNodeData[];