@mantine/core 7.3.0 → 7.3.2

package/lib/components/LoadingOverlay/LoadingOverlay.d.ts

@@ -1,7 +1,7 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
-import { TransitionOverride } from '../Transition';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { LoaderProps } from '../Loader';
 import { OverlayProps } from '../Overlay';
+import { TransitionOverride } from '../Transition';
 export type LoadingOverlayStylesNames = 'root' | 'loader' | 'overlay';
 export type LoadingOverlayCssVariables = {
     root: '--lo-z-index';

package/lib/components/Mark/Mark.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, MantineColor, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, StylesApiProps } from '../../core';
 export type MarkStylesNames = 'root';
 export type MarkCssVariables = {
     root: '--mark-bg-dark' | '--mark-bg-light';

package/lib/components/Menu/Menu.context.d.ts

@@ -14,6 +14,7 @@ interface MenuContext {
     opened: boolean;
     unstyled: boolean | undefined;
     getStyles: GetStylesApi<MenuFactory>;
+    menuItemTabIndex: -1 | 0 | undefined;
 }
 export declare const MenuContextProvider: ({ children, value }: {
     value: MenuContext;

package/lib/components/Menu/Menu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StylesApiProps, Factory } from '../../core';
+import { Factory, StylesApiProps } from '../../core';
 import { __PopoverProps, PopoverStylesNames } from '../Popover';
 export type MenuStylesNames = 'item' | 'itemLabel' | 'itemSection' | 'label' | 'divider' | PopoverStylesNames;
 export type MenuFactory = Factory<{
@@ -15,6 +15,8 @@ export interface MenuProps extends __PopoverProps, StylesApiProps<MenuFactory> {
     opened?: boolean;
     /** Uncontrolled menu initial opened state */
     defaultOpened?: boolean;
+    /** Determines whether dropdown should trap focus of keyboard events */
+    trapFocus?: boolean;
     /** Called when menu opened state changes */
     onChange?: (opened: boolean) => void;
     /** Called when Menu is opened */
@@ -25,7 +27,7 @@ export interface MenuProps extends __PopoverProps, StylesApiProps<MenuFactory> {
     closeOnItemClick?: boolean;
     /** Determines whether arrow key presses should loop though items (first to last and last to first) */
     loop?: boolean;
-    /** Determines whether dropdown should be closed when Escape key is pressed, defaults to true */
+    /** Determines whether dropdown should be closed when Escape key is pressed */
     closeOnEscape?: boolean;
     /** Event which should open menu */
     trigger?: 'click' | 'hover' | 'click-hover';
@@ -33,12 +35,14 @@ export interface MenuProps extends __PopoverProps, StylesApiProps<MenuFactory> {
     openDelay?: number;
     /** Close delay in ms, applicable only to trigger="hover" variant */
     closeDelay?: number;
-    /** Determines whether dropdown should be closed on outside clicks, default to true */
+    /** Determines whether dropdown should be closed on outside clicks */
     closeOnClickOutside?: boolean;
     /** Events that trigger outside clicks */
     clickOutsideEvents?: string[];
     /** id base to create accessibility connections */
     id?: string;
+    /** Set the `tabindex` on all menu items. Defaults to -1 */
+    menuItemTabIndex?: -1 | 0;
 }
 export declare function Menu(_props: MenuProps): React.JSX.Element;
 export declare namespace Menu {

package/lib/components/Menu/MenuItem/MenuItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, CompoundStylesApiProps, PolymorphicFactory, MantineColor } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, MantineColor, PolymorphicFactory } from '../../../core';
 export type MenuItemStylesNames = 'item' | 'itemLabel' | 'itemSection';
 export interface MenuItemProps extends BoxProps, CompoundStylesApiProps<MenuItemFactory> {
     /** Item label */

package/lib/components/Modal/Modal.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Factory } from '../../core';
-import { ModalBaseOverlayProps, ModalBaseCloseButtonProps } from '../ModalBase';
-import { ModalRoot, ModalRootProps, ModalRootCssVariables, ModalRootStylesNames } from './ModalRoot';
+import { ModalBaseCloseButtonProps, ModalBaseOverlayProps } from '../ModalBase';
 import { ModalBody } from './ModalBody';
 import { ModalCloseButton } from './ModalCloseButton';
-import { ModalOverlay } from './ModalOverlay';
 import { ModalContent } from './ModalContent';
-import { ModalTitle } from './ModalTitle';
 import { ModalHeader } from './ModalHeader';
+import { ModalOverlay } from './ModalOverlay';
+import { ModalRoot, ModalRootCssVariables, ModalRootProps, ModalRootStylesNames } from './ModalRoot';
+import { ModalTitle } from './ModalTitle';
 export type ModalStylesNames = ModalRootStylesNames;
 export type ModalCssVariables = ModalRootCssVariables;
 export interface ModalProps extends ModalRootProps {

package/lib/components/Modal/ModalHeader.d.ts

@@ -5,13 +5,13 @@ export interface ModalHeaderProps extends ModalBaseHeaderProps, CompoundStylesAp
 }
 export type ModalHeaderFactory = Factory<{
     props: ModalHeaderProps;
-    ref: HTMLDivElement;
+    ref: HTMLElement;
     stylesNames: ModalHeaderStylesNames;
     compound: true;
 }>;
 export declare const ModalHeader: import("../../core").MantineComponent<{
     props: ModalHeaderProps;
-    ref: HTMLDivElement;
+    ref: HTMLElement;
     stylesNames: ModalHeaderStylesNames;
     compound: true;
 }>;

package/lib/components/Modal/ModalRoot.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StylesApiProps, Factory, MantineRadius } from '../../core';
+import { Factory, MantineRadius, StylesApiProps } from '../../core';
 import { ModalBaseProps, ModalBaseStylesNames } from '../ModalBase';
 import { ScrollAreaComponent } from './Modal.context';
 export type ModalRootStylesNames = ModalBaseStylesNames;

package/lib/components/ModalBase/ModalBaseHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { BoxProps, ElementProps } from '../../core';
-export interface ModalBaseHeaderProps extends BoxProps, ElementProps<'div'> {
+export interface ModalBaseHeaderProps extends BoxProps, ElementProps<'header'> {
 }
-export declare const ModalBaseHeader: React.ForwardRefExoticComponent<ModalBaseHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalBaseHeader: React.ForwardRefExoticComponent<ModalBaseHeaderProps & React.RefAttributes<HTMLElement>>;

package/lib/components/MultiSelect/MultiSelect.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
+import { __CloseButtonProps } from '../CloseButton';
 import { ComboboxLikeProps, ComboboxLikeStylesNames } from '../Combobox';
 import { __BaseInputProps, __InputStylesNames } from '../Input';
-import { __CloseButtonProps } from '../CloseButton';
 export type MultiSelectStylesNames = __InputStylesNames | ComboboxLikeStylesNames | 'pill' | 'pillsList' | 'inputField';
 export interface MultiSelectProps extends BoxProps, __BaseInputProps, ComboboxLikeProps, StylesApiProps<MultiSelectFactory>, ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {
     /** Controlled component value */

package/lib/components/NativeSelect/NativeSelect.d.ts

@@ -1,6 +1,6 @@
-import { ElementProps, Factory, BoxProps, StylesApiProps } from '../../core';
-import { __InputStylesNames, __BaseInputProps } from '../Input';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { ComboboxData } from '../Combobox';
+import { __BaseInputProps, __InputStylesNames } from '../Input';
 export interface NativeSelectProps extends BoxProps, __BaseInputProps, StylesApiProps<NativeSelectFactory>, ElementProps<'select', 'size'> {
     /** Data used to render options, can be replaced with `children` */
     data?: ComboboxData;

package/lib/components/NavLink/NavLink.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, PolymorphicFactory, MantineColor, MantineSize } from '../../core';
+import { BoxProps, MantineColor, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
 export type NavLinkStylesNames = 'root' | 'section' | 'body' | 'label' | 'description' | 'chevron' | 'children';
 export type NavLinkVariant = 'filled' | 'light' | 'subtle';
 export type NavLinkCssVariables = {
@@ -37,6 +37,8 @@ export interface NavLinkProps extends BoxProps, StylesApiProps<NavLinkFactory> {
     disabled?: boolean;
     /** Called when the link is clicked */
     onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    /** Link `onkeydown` event */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLAnchorElement>) => void;
 }
 export type NavLinkFactory = PolymorphicFactory<{
     props: NavLinkProps;

package/lib/components/Notification/Notification.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineRadius, MantineColor } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, StylesApiProps } from '../../core';
 export type NotificationStylesNames = 'root' | 'icon' | 'loader' | 'body' | 'title' | 'description' | 'closeButton';
 export type NotificationCssVariables = {
     root: '--notification-radius' | '--notification-color';

package/lib/components/NumberInput/NumberInput.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { OnValueChange, NumberFormatValues } from 'react-number-format';
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { NumberFormatValues, OnValueChange } from 'react-number-format';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 export interface NumberInputHandlers {
     increment: () => void;

package/lib/components/Overlay/Overlay.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, PolymorphicFactory, MantineRadius } from '../../core';
+import { BoxProps, MantineRadius, PolymorphicFactory, StylesApiProps } from '../../core';
 export type OverlayStylesNames = 'root';
 export type OverlayCssVariables = {
     root: '--overlay-bg' | '--overlay-filter' | '--overlay-radius' | '--overlay-z-index';

package/lib/components/Pagination/Pagination.d.ts

@@ -1,10 +1,10 @@
 import { Factory, MantineSize } from '../../core';
-import { PaginationRoot, PaginationRootCssVariables, PaginationRootProps, PaginationRootStylesNames } from './PaginationRoot/PaginationRoot';
+import { PaginationIcon } from './Pagination.icons';
 import { PaginationControl } from './PaginationControl/PaginationControl';
 import { PaginationDots } from './PaginationDots/PaginationDots';
 import { PaginationFirst, PaginationLast, PaginationNext, PaginationPrevious } from './PaginationEdges/PaginationEdges';
 import { PaginationItems } from './PaginationItems/PaginationItems';
-import { PaginationIcon } from './Pagination.icons';
+import { PaginationRoot, PaginationRootCssVariables, PaginationRootProps, PaginationRootStylesNames } from './PaginationRoot/PaginationRoot';
 export type PaginationStylesNames = PaginationRootStylesNames;
 export type PaginationCssVariables = PaginationRootCssVariables;
 export interface PaginationProps extends PaginationRootProps {

package/lib/components/Pagination/PaginationRoot/PaginationRoot.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize, MantineColor, MantineRadius } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../../core';
 export type PaginationRootStylesNames = 'root' | 'control' | 'dots';
 export type PaginationRootCssVariables = {
     root: '--pagination-control-size' | '--pagination-control-radius' | '--pagination-control-fz' | '--pagination-active-bg';

package/lib/components/Paper/Paper.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, MantineShadow, MantineRadius, PolymorphicFactory } from '../../core';
+import { BoxProps, MantineRadius, MantineShadow, PolymorphicFactory, StylesApiProps } from '../../core';
 export type PaperStylesNames = 'root';
 export type PaperCssVariables = {
     root: '--paper-radius' | '--paper-shadow';

package/lib/components/PasswordInput/PasswordInput.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { StylesApiProps, ElementProps, Factory, BoxProps } from '../../core';
-import { InputVariant, __InputStylesNames, __BaseInputProps } from '../Input';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
+import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 export type PasswordInputStylesNames = 'root' | 'visibilityToggle' | 'innerInput' | __InputStylesNames;
 export type PasswordInputCssVariables = {
     root: '--psi-icon-size' | '--psi-button-size';

package/lib/components/Pill/Pill.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize, MantineRadius } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineRadius, MantineSize, StylesApiProps } from '../../core';
 import { PillGroup } from './PillGroup/PillGroup';
 export type PillStylesNames = 'root' | 'label' | 'remove';
 export type PillVariant = 'default' | 'contrast';

package/lib/components/Pill/PillGroup/PillGroup.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
 export type PillGroupStylesNames = 'group';
 export type PillGroupCssVariables = {
     group: '--pg-gap';

package/lib/components/PillsInput/PillsInput.d.ts

@@ -1,5 +1,5 @@
-import { ElementProps, Factory, BoxProps, StylesApiProps } from '../../core';
-import { __InputStylesNames, __BaseInputProps } from '../Input';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
+import { __BaseInputProps, __InputStylesNames } from '../Input';
 import { PillsInputField } from './PillsInputField/PillsInputField';
 export interface PillsInputProps extends BoxProps, __BaseInputProps, StylesApiProps<PillsInputFactory>, ElementProps<'div', 'size'> {
     __stylesApiProps?: Record<string, any>;

package/lib/components/PillsInput/PillsInputField/PillsInputField.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../../core';
 export type PillsInputFieldStylesNames = 'field';
 export interface PillsInputFieldProps extends BoxProps, StylesApiProps<PillsInputFieldFactory>, ElementProps<'input', 'type'> {
     /** Controls input styles when focused. If `auto` the input is hidden when not focused. If `visible` the input will always remain visible. `'visible'` by default  */

package/lib/components/Popover/Popover.context.d.ts

@@ -1,9 +1,9 @@
-import { MantineShadow, Styles, ClassNames, MantineRadius, GetStylesApi } from '../../core';
-import { FloatingPosition, ArrowPosition } from '../Floating';
-import { TransitionOverride } from '../Transition';
+import { ClassNames, GetStylesApi, MantineRadius, MantineShadow, Styles } from '../../core';
+import { ArrowPosition, FloatingPosition } from '../Floating';
 import { PortalProps } from '../Portal';
-import { PopoverWidth } from './Popover.types';
+import { TransitionOverride } from '../Transition';
 import type { PopoverFactory } from './Popover';
+import { PopoverWidth } from './Popover.types';
 interface PopoverContext {
     x: number;
     y: number;

package/lib/components/Popover/Popover.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { MantineShadow, MantineRadius, Factory, StylesApiProps } from '../../core';
-import { TransitionOverride } from '../Transition';
-import { FloatingAxesOffsets, FloatingPosition, ArrowPosition } from '../Floating';
+import { Factory, MantineRadius, MantineShadow, StylesApiProps } from '../../core';
+import { ArrowPosition, FloatingAxesOffsets, FloatingPosition } from '../Floating';
 import { PortalProps } from '../Portal';
-import { PopoverWidth, PopoverMiddlewares } from './Popover.types';
+import { TransitionOverride } from '../Transition';
+import { PopoverMiddlewares, PopoverWidth } from './Popover.types';
 export type PopoverStylesNames = 'dropdown' | 'arrow';
 export type PopoverCssVariables = {
     dropdown: '--popover-radius' | '--popover-shadow';

package/lib/components/Popover/use-popover.d.ts

@@ -1,5 +1,5 @@
 import { FloatingAxesOffsets, FloatingPosition } from '../Floating';
-import { PopoverWidth, PopoverMiddlewares } from './Popover.types';
+import { PopoverMiddlewares, PopoverWidth } from './Popover.types';
 interface UsePopoverOptions {
     offset: number | FloatingAxesOffsets;
     position: FloatingPosition;

package/lib/components/Progress/Progress.d.ts

@@ -1,7 +1,7 @@
-import { StylesApiProps, Factory, MantineColor } from '../../core';
-import { ProgressRoot, ProgressRootStylesNames, ProgressRootCssVariables, __ProgressRootProps } from './ProgressRoot/ProgressRoot';
-import { ProgressSection } from './ProgressSection/ProgressSection';
+import { Factory, MantineColor, StylesApiProps } from '../../core';
 import { ProgressLabel } from './ProgressLabel/ProgressLabel';
+import { __ProgressRootProps, ProgressRoot, ProgressRootCssVariables, ProgressRootStylesNames } from './ProgressRoot/ProgressRoot';
+import { ProgressSection } from './ProgressSection/ProgressSection';
 export type ProgressStylesNames = ProgressRootStylesNames;
 export interface ProgressProps extends __ProgressRootProps, StylesApiProps<ProgressFactory> {
     /** Value of the progress */

package/lib/components/Progress/ProgressRoot/ProgressRoot.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize, MantineRadius } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineRadius, MantineSize, StylesApiProps } from '../../../core';
 export type ProgressRootStylesNames = 'root' | 'section' | 'label';
 export type ProgressRootCssVariables = {
     root: '--progress-size' | '--progress-radius';

package/lib/components/Radio/Radio.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineColor, MantineSize, MantineRadius } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../core';
 import { InlineInputStylesNames } from '../InlineInput';
-import { RadioIconProps } from './RadioIcon';
 import { RadioGroup } from './RadioGroup/RadioGroup';
+import { RadioIconProps } from './RadioIcon';
 export type RadioVariant = 'filled' | 'outline';
 export type RadioStylesNames = InlineInputStylesNames | 'inner' | 'radio' | 'icon';
 export type RadioCssVariables = {

package/lib/components/Radio/RadioGroup/RadioGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { MantineSize, Factory } from '../../../core';
-import { InputWrapperStylesNames, InputWrapperProps } from '../../Input';
+import { Factory, MantineSize } from '../../../core';
+import { InputWrapperProps, InputWrapperStylesNames } from '../../Input';
 export type RadioGroupStylesNames = InputWrapperStylesNames;
 export interface RadioGroupProps extends Omit<InputWrapperProps, 'onChange'> {
     /** `Radio` components */

package/lib/components/Rating/Rating.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize, MantineColor } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineSize, StylesApiProps } from '../../core';
 export type RatingStylesNames = 'root' | 'starSymbol' | 'input' | 'label' | 'symbolBody' | 'symbolGroup';
 export type RatingCssVariables = {
     root: '--rating-size' | '--rating-color';

package/lib/components/Rating/RatingItem/RatingItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MantineSize, BoxProps, ElementProps } from '../../../core';
+import { BoxProps, ElementProps, MantineSize } from '../../../core';
 export interface RatingItemProps extends BoxProps, ElementProps<'input', 'value' | 'size'> {
     size: MantineSize;
     getSymbolLabel: ((value: number) => string) | undefined;

package/lib/components/RingProgress/Curve/Curve.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MantineColor, GetStylesApi } from '../../../core';
+import { GetStylesApi, MantineColor } from '../../../core';
 import type { RingProgressFactory } from '../RingProgress';
 interface CurveProps extends React.ComponentPropsWithRef<'circle'> {
     value?: number;

package/lib/components/RingProgress/RingProgress.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineColor } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, StylesApiProps } from '../../core';
 interface RingProgressSection extends React.ComponentPropsWithRef<'circle'> {
     value: number;
     color: MantineColor;

package/lib/components/ScrollArea/ScrollArea.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 export type ScrollAreaStylesNames = 'root' | 'viewport' | 'scrollbar' | 'thumb' | 'corner';
 export type ScrollAreaCssVariables = {
     root: '--scrollarea-scrollbar-size';
@@ -18,6 +18,8 @@ export interface ScrollAreaProps extends BoxProps, StylesApiProps<ScrollAreaFact
     type?: 'auto' | 'always' | 'scroll' | 'hover' | 'never';
     /** Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`, `1000` by default */
     scrollHideDelay?: number;
+    /** Axis at which scrollbars must be rendered, `'xy'` by default */
+    scrollbars?: 'x' | 'y' | 'xy' | false;
     /** Determines whether scrollbars should be offset with padding on given axis, `false` by default */
     offsetScrollbars?: boolean | 'x' | 'y';
     /** Assigns viewport element (scrollable container) ref */

package/lib/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.d.ts

@@ -18,6 +18,8 @@ export interface ScrollAreaRootProps extends BoxProps, ElementProps<'div'> {
      * - `auto` – similar to `overflow: auto` – scrollbars are always visible when the content is overflowing
      * */
     type?: 'auto' | 'always' | 'scroll' | 'hover' | 'never';
+    /** Axis at which scrollbars must be rendered, `'xy'` by default */
+    scrollbars?: 'x' | 'y' | 'xy' | false;
     /** Scroll hide delay in ms, applicable only when type is set to `hover` or `scroll`, `1000` by default */
     scrollHideDelay?: number;
 }

package/lib/components/SegmentedControl/SegmentedControl.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, MantineColor, MantineSize, MantineRadius, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../core';
 export type SegmentedControlStylesNames = 'root' | 'input' | 'label' | 'control' | 'indicator';
 export type SegmentedControlCssVariables = {
     root: '--sc-radius' | '--sc-color' | '--sc-font-size' | '--sc-padding' | '--sc-shadow' | '--sc-transition-duration' | '--sc-transition-timing-function';

package/lib/components/Select/Select.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { __CloseButtonProps } from '../CloseButton';
-import { __InputStylesNames, __BaseInputProps, InputVariant } from '../Input';
 import { ComboboxLikeProps, ComboboxLikeStylesNames } from '../Combobox';
+import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 export type SelectStylesNames = __InputStylesNames | ComboboxLikeStylesNames;
 export interface SelectProps extends BoxProps, __BaseInputProps, ComboboxLikeProps, StylesApiProps<SelectFactory>, ElementProps<'input', 'onChange' | 'size' | 'value' | 'defaultValue'> {
     /** Controlled component value */

package/lib/components/SimpleGrid/SimpleGrid.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory, StyleProp, MantineSpacing } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineSpacing, StyleProp, StylesApiProps } from '../../core';
 export type SimpleGridStylesNames = 'root';
 export interface SimpleGridProps extends BoxProps, StylesApiProps<SimpleGridFactory>, ElementProps<'div'> {
     /** Number of columns, `1` by default */

package/lib/components/Skeleton/Skeleton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 export type SkeletonStylesNames = 'root';
 export type SkeletonCssVariables = {
     root: '--skeleton-width' | '--skeleton-height' | '--skeleton-radius';

package/lib/components/Slider/RangeSlider/RangeSlider.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, MantineColor, MantineRadius, MantineSize, Factory } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../../core';
 import { TransitionOverride } from '../../Transition';
-import { SliderStylesNames, SliderCssVariables } from '../Slider.context';
+import { SliderCssVariables, SliderStylesNames } from '../Slider.context';
 export type RangeSliderValue = [number, number];
 export interface RangeSliderProps extends BoxProps, StylesApiProps<RangeSliderFactory>, ElementProps<'div', 'onChange' | 'value' | 'defaultValue'> {
     /** Key of `theme.colors` or any valid CSS color, controls color of track and thumb, `theme.primaryColor` by default */

package/lib/components/Slider/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, MantineColor, MantineRadius, MantineSize, Factory } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../../core';
 import { TransitionOverride } from '../../Transition';
 import { SliderCssVariables, SliderStylesNames } from '../Slider.context';
 export interface SliderProps extends BoxProps, StylesApiProps<SliderFactory>, ElementProps<'div', 'onChange'> {

package/lib/components/Slider/SliderRoot/SliderRoot.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, ElementProps, MantineSize, MantineColor, MantineRadius } from '../../../core';
+import { BoxProps, ElementProps, MantineColor, MantineRadius, MantineSize } from '../../../core';
 export interface SliderRootProps extends BoxProps, ElementProps<'div'> {
     size: MantineSize | (string & {}) | number;
     children: React.ReactNode;

package/lib/components/Space/Space.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 export interface SpaceProps extends BoxProps, StylesApiProps<SpaceFactory>, ElementProps<'div'> {
 }
 export type SpaceFactory = Factory<{

package/lib/components/Spoiler/Spoiler.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 export type SpoilerStylesNames = 'root' | 'control' | 'content';
 export type SpoilerCssVariables = {
     root: '--spoiler-transition-duration';

package/lib/components/Stack/Stack.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, MantineSpacing, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineSpacing, StylesApiProps } from '../../core';
 export type StackStylesNames = 'root';
 export type StackCssVariables = {
     root: '--stack-gap' | '--stack-align' | '--stack-justify';

package/lib/components/Stepper/Stepper.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineColor, MantineSpacing, MantineSize, MantineRadius } from '../../core';
-import { StepperStep } from './StepperStep/StepperStep';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, MantineSpacing, StylesApiProps } from '../../core';
 import { StepperCompleted } from './StepperCompleted/StepperCompleted';
+import { StepperStep } from './StepperStep/StepperStep';
 export type StepFragmentComponent = React.FC<{
     step: number;
 }>;

package/lib/components/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, MantineColor, MantineSize, MantineRadius, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../core';
 import { InlineInputStylesNames } from '../InlineInput';
 import { SwitchGroup } from './SwitchGroup/SwitchGroup';
 export type SwitchStylesNames = 'root' | 'track' | 'trackLabel' | 'thumb' | 'input' | InlineInputStylesNames;

package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { MantineSize, Factory } from '../../../core';
-import { InputWrapperStylesNames, InputWrapperProps } from '../../Input';
+import { Factory, MantineSize } from '../../../core';
+import { InputWrapperProps, InputWrapperStylesNames } from '../../Input';
 export type SwitchGroupStylesNames = InputWrapperStylesNames;
 export interface SwitchGroupProps extends Omit<InputWrapperProps, 'onChange'> {
     /** `Switch` components */

package/lib/components/Table/Table.components.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, CompoundStylesApiProps, ElementProps, FactoryPayload, Factory } from '../../core';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory, FactoryPayload } from '../../core';
 import type { TableFactory } from './Table';
 export interface TableElementProps<Selector extends string> extends BoxProps, CompoundStylesApiProps<Omit<TableFactory, 'stylesNames'> & {
     stylesNames: Selector;

package/lib/components/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, MantineColor, MantineSpacing, Factory } from '../../core';
-import { TableCaption, TableTbody, TableTd, TableTfoot, TableTh, TableTr, TableThead } from './Table.components';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineSpacing, StylesApiProps } from '../../core';
+import { TableCaption, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr } from './Table.components';
 import { TableDataRenderer } from './TableDataRenderer';
 import { TableScrollContainer } from './TableScrollContainer';
 export type TableStylesNames = 'table' | 'thead' | 'tbody' | 'tfoot' | 'tr' | 'th' | 'td' | 'caption';

package/lib/components/Table/TableScrollContainer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 export type TableScrollContainerStylesNames = 'scrollContainer' | 'scrollContainerInner';
 export type TableScrollContainerCssVariables = {
     scrollContainer: '--table-min-width' | '--table-overflow';

package/lib/components/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, MantineColor, MantineRadius, StylesApiProps, ElementProps, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, StylesApiProps } from '../../core';
 import { TabsList, TabsListStylesNames } from './TabsList/TabsList';
 import { TabsPanel, TabsPanelStylesNames } from './TabsPanel/TabsPanel';
 import { TabsTab, TabsTabStylesNames } from './TabsTab/TabsTab';

package/lib/components/Tabs/TabsList/TabsList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, ElementProps, CompoundStylesApiProps, Factory } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type TabsListStylesNames = 'list';
 export interface TabsListProps extends BoxProps, CompoundStylesApiProps<TabsListFactory>, ElementProps<'div'> {
     /** `Tabs.Tab` components */

package/lib/components/Tabs/TabsPanel/TabsPanel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, ElementProps, CompoundStylesApiProps, Factory } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type TabsPanelStylesNames = 'panel';
 export interface TabsPanelProps extends BoxProps, CompoundStylesApiProps<TabsPanelFactory>, ElementProps<'div'> {
     /** Panel content */

package/lib/components/Tabs/TabsTab/TabsTab.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ElementProps, MantineColor, CompoundStylesApiProps, Factory } from '../../../core';
+import { CompoundStylesApiProps, ElementProps, Factory, MantineColor } from '../../../core';
 import { UnstyledButtonProps } from '../../UnstyledButton';
 export type TabsTabStylesNames = 'tab' | 'tabSection' | 'tabLabel';
 export interface TabsTabProps extends Omit<UnstyledButtonProps, 'classNames' | 'styles' | 'vars'>, CompoundStylesApiProps<TabsTabFactory>, ElementProps<'button'> {