@mantine/core 7.3.1 → 7.3.2

package/lib/components/Drawer/DrawerHeader.d.ts

@@ -5,13 +5,13 @@ export interface DrawerHeaderProps extends ModalBaseHeaderProps, CompoundStylesA
 }
 export type DrawerHeaderFactory = Factory<{
     props: DrawerHeaderProps;
-    ref: HTMLDivElement;
+    ref: HTMLElement;
     stylesNames: DrawerHeaderStylesNames;
     compound: true;
 }>;
 export declare const DrawerHeader: import("../../core").MantineComponent<{
     props: DrawerHeaderProps;
-    ref: HTMLDivElement;
+    ref: HTMLElement;
     stylesNames: DrawerHeaderStylesNames;
     compound: true;
 }>;

package/lib/components/Drawer/DrawerRoot.d.ts

@@ -1,4 +1,4 @@
-import { StylesApiProps, Factory, MantineRadius } from '../../core';
+import { Factory, MantineRadius, StylesApiProps } from '../../core';
 import { ModalBaseProps, ModalBaseStylesNames } from '../ModalBase';
 import { ScrollAreaComponent } from './Drawer.context';
 type DrawerPosition = 'bottom' | 'left' | 'right' | 'top';

package/lib/components/Fieldset/Fieldset.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineRadius } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineRadius, StylesApiProps } from '../../core';
 export type FieldsetStylesNames = 'root' | 'legend';
 export type FieldsetVariant = 'default' | 'filled' | 'unstyled';
 export type FieldsetCSSVariables = {

package/lib/components/FileInput/FileInput.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ElementProps, Factory, BoxProps, StylesApiProps } from '../../core';
-import { __InputStylesNames, InputVariant, __BaseInputProps } from '../Input';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
+import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 export interface FileInputProps<Multiple = false> extends BoxProps, __BaseInputProps, StylesApiProps<FileInputFactory>, ElementProps<'button', 'value' | 'defaultValue' | 'onChange'> {
     /** Called when value changes */
     onChange?: (payload: Multiple extends true ? File[] : File | null) => void;

package/lib/components/Flex/Flex.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, StyleProp, MantineSize, PolymorphicFactory } from '../../core';
+import { BoxProps, ElementProps, MantineSize, PolymorphicFactory, StyleProp, StylesApiProps } from '../../core';
 export type FlexStylesNames = 'root';
 export interface FlexProps extends BoxProps, StylesApiProps<FlexFactory>, ElementProps<'div'> {
     /** `gap` CSS property */

package/lib/components/Floating/FloatingArrow/get-arrow-position-styles.d.ts

@@ -1,4 +1,4 @@
-import type { FloatingPosition, ArrowPosition } from '../types';
+import type { ArrowPosition, FloatingPosition } from '../types';
 export declare function getArrowPositionStyles({ position, arrowSize, arrowOffset, arrowRadius, arrowPosition, arrowX, arrowY, dir, }: {
     position: FloatingPosition;
     arrowSize: number;

package/lib/components/Grid/Grid.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, StyleProp, MantineSpacing } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineSpacing, StyleProp, StylesApiProps } from '../../core';
 import { GridCol } from './GridCol/GridCol';
 export type GridStylesNames = 'root' | 'col' | 'inner';
 export type GridCssVariables = {

package/lib/components/Group/Group.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 GroupStylesNames = 'root';
 export type GroupCssVariables = {
     root: '--group-gap' | '--group-align' | '--group-justify' | '--group-wrap' | '--group-child-width';

package/lib/components/Highlight/Highlight.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { MantineColor, MantineTheme, PolymorphicFactory } from '../../core';
-import { TextStylesNames, TextProps, TextVariant } from '../Text';
+import { TextProps, TextStylesNames, TextVariant } from '../Text';
 export interface HighlightProps extends Omit<TextProps, 'color'> {
     /** Substring or an array of substrings to highlight in `children` */
     highlight: string | string[];

package/lib/components/HoverCard/HoverCard.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Factory } from '../../core';
 import { PopoverProps, PopoverStylesNames } from '../Popover';
-import { HoverCardDropdown } from './HoverCardDropdown/HoverCardDropdown';
 import { PopoverCssVariables } from '../Popover/Popover';
+import { HoverCardDropdown } from './HoverCardDropdown/HoverCardDropdown';
 export interface HoverCardProps extends Omit<PopoverProps, 'opened' | 'onChange'> {
     variant?: string;
     /** Initial opened state */

package/lib/components/Image/Image.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 ImageStylesNames = 'root';
 export type ImageCssVariables = {
     root: '--image-radius' | '--image-object-fit';

package/lib/components/Indicator/Indicator.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';
 import { IndicatorPosition } from './Indicator.types';
 export type IndicatorPositionVariables = '--indicator-top' | '--indicator-bottom' | '--indicator-left' | '--indicator-right' | '--indicator-translate-x' | '--indicator-translate-y';
 export type IndicatorStylesNames = 'root' | 'indicator';

package/lib/components/Indicator/get-position-variables/get-position-variables.d.ts

@@ -1,3 +1,3 @@
-import type { IndicatorPosition } from '../Indicator.types';
 import type { IndicatorPositionVariables } from '../Indicator';
+import type { IndicatorPosition } from '../Indicator.types';
 export declare function getPositionVariables(_position?: IndicatorPosition, offset?: number): Record<IndicatorPositionVariables, string | undefined>;

package/lib/components/InlineInput/InlineInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../core';
 export declare const InlineInputClasses: any;
 export type InlineInputStylesNames = 'root' | 'body' | 'labelWrapper' | 'label' | 'description' | 'error';
 export interface InlineInputProps extends BoxProps, StylesApiProps<InlineInputFactory>, ElementProps<'div'> {

package/lib/components/Input/Input.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, MantineRadius, MantineSize, PolymorphicFactory } from '../../core';
-import { InputLabel } from './InputLabel/InputLabel';
-import { InputError } from './InputError/InputError';
+import { BoxProps, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
 import { InputDescription } from './InputDescription/InputDescription';
+import { InputError } from './InputError/InputError';
+import { InputLabel } from './InputLabel/InputLabel';
 import { InputPlaceholder } from './InputPlaceholder/InputPlaceholder';
-import { InputWrapper, __InputWrapperProps, InputWrapperStylesNames } from './InputWrapper/InputWrapper';
+import { __InputWrapperProps, InputWrapper, InputWrapperStylesNames } from './InputWrapper/InputWrapper';
 export interface __BaseInputProps extends __InputWrapperProps, Omit<__InputProps, 'wrapperProps'> {
     /** Props passed down to the root element */
     wrapperProps?: Record<string, any>;

package/lib/components/Input/InputDescription/InputDescription.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
 export type InputDescriptionStylesNames = 'description';
 export type InputDescriptionCssVariables = {
     description: '--input-description-size';

package/lib/components/Input/InputError/InputError.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
 export type InputErrorStylesNames = 'error';
 export type InputErrorCssVariables = {
     error: '--input-error-size';

package/lib/components/Input/InputLabel/InputLabel.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
 export type InputLabelStylesNames = 'label' | 'required';
 export type InputLabelCssVariables = {
     label: '--input-asterisk-color' | '--input-label-size';

package/lib/components/Input/InputPlaceholder/InputPlaceholder.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 InputPlaceholderStylesNames = 'placeholder';
 export interface InputPlaceholderProps extends BoxProps, StylesApiProps<InputPlaceholderFactory>, ElementProps<'span'> {
     __staticSelector?: string;

package/lib/components/Input/InputWrapper/InputWrapper.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../../core';
-import { InputLabelStylesNames, InputLabelCssVariables } from '../InputLabel/InputLabel';
-import { InputDescriptionStylesNames, InputDescriptionCssVariables } from '../InputDescription/InputDescription';
-import { InputErrorStylesNames, InputErrorCssVariables } from '../InputError/InputError';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
+import { InputDescriptionCssVariables, InputDescriptionStylesNames } from '../InputDescription/InputDescription';
+import { InputErrorCssVariables, InputErrorStylesNames } from '../InputError/InputError';
+import { InputLabelCssVariables, InputLabelStylesNames } from '../InputLabel/InputLabel';
 export type InputWrapperCssVariables = InputLabelCssVariables & InputErrorCssVariables & InputDescriptionCssVariables;
 export type InputWrapperStylesNames = 'root' | InputLabelStylesNames | InputDescriptionStylesNames | InputErrorStylesNames;
 export interface __InputWrapperProps {

package/lib/components/InputBase/InputBase.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, PolymorphicFactory } from '../../core';
-import { __InputStylesNames, __BaseInputProps, InputVariant } from '../Input';
+import { BoxProps, PolymorphicFactory, StylesApiProps } from '../../core';
+import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 export interface InputBaseProps extends BoxProps, __BaseInputProps, StylesApiProps<InputBaseFactory> {
     __staticSelector?: string;
     __stylesApiProps?: Record<string, any>;

package/lib/components/JsonInput/JsonInput.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Factory } from '../../core';
-import { TextareaProps } from '../Textarea';
 import { __InputStylesNames } from '../Input';
+import { TextareaProps } from '../Textarea';
 export interface JsonInputProps extends Omit<TextareaProps, 'onChange'> {
     /** Value for controlled component */
     value?: string;

package/lib/components/Kbd/Kbd.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../core';
 export type KbdStylesNames = 'root';
 export type KbdCssVariables = {
     root: '--kbd-padding' | '--kbd-fz';

package/lib/components/List/List.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize, MantineSpacing } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, MantineSpacing, StylesApiProps } from '../../core';
 import { ListItem, ListItemStylesNames } from './ListItem/ListItem';
 export type ListStylesNames = 'root' | ListItemStylesNames;
 export type ListCssVariables = {

package/lib/components/Loader/Loader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MantineSize, MantineColor, BoxProps, StylesApiProps, Factory } from '../../core';
+import { BoxProps, Factory, MantineColor, MantineSize, StylesApiProps } from '../../core';
 import type { MantineLoader, MantineLoadersRecord } from './Loader.types';
 export type LoaderStylesNames = 'root';
 export type LoaderCssVariables = {

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.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<{

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';