@mantine/core 7.3.0 → 7.3.2

package/lib/components/AppShell/AppShellMediaStyles/is-responsive-size/is-responsive-size.d.ts

@@ -1,2 +1,2 @@
-import type { AppShellSize, AppShellResponsiveSize } from '../../AppShell.types';
+import type { AppShellResponsiveSize, AppShellSize } from '../../AppShell.types';
 export declare function isResponsiveSize(size: AppShellSize | AppShellResponsiveSize | undefined): size is AppShellResponsiveSize;

package/lib/components/AppShell/AppShellNavbar/AppShellNavbar.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../../core';
 export type AppShellNavbarStylesNames = 'navbar';
 export interface AppShellNavbarProps extends BoxProps, StylesApiProps<AppShellNavbarFactory>, ElementProps<'div'> {
     /** Determines whether component should have a border, overrides `withBorder` prop on `AppShell` component */

package/lib/components/AspectRatio/AspectRatio.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 export type AspectRatioStylesNames = 'root';
 export type AspectRatioCssVariables = {
     root: '--ar-ratio';

package/lib/components/Autocomplete/Autocomplete.d.ts

@@ -1,6 +1,6 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
-import { __InputStylesNames, __BaseInputProps, InputVariant } from '../Input';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { ComboboxLikeProps, ComboboxLikeStylesNames } from '../Combobox';
+import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 export type AutocompleteStylesNames = __InputStylesNames | ComboboxLikeStylesNames;
 export interface AutocompleteProps extends BoxProps, __BaseInputProps, ComboboxLikeProps, StylesApiProps<AutocompleteFactory>, ElementProps<'input', 'onChange' | 'size'> {
     /** Controlled component value */

package/lib/components/Avatar/Avatar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, PolymorphicFactory, MantineSize, MantineRadius, MantineColor, MantineGradient } from '../../core';
+import { BoxProps, MantineColor, MantineGradient, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
 import { AvatarGroup } from './AvatarGroup/AvatarGroup';
 export type AvatarStylesNames = 'root' | 'placeholder' | 'image';
 export type AvatarVariant = 'filled' | 'light' | 'gradient' | 'outline' | 'transparent' | 'default' | 'white';

package/lib/components/Avatar/AvatarGroup/AvatarGroup.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSpacing } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineSpacing, StylesApiProps } from '../../../core';
 export type AvatarGroupStylesNames = 'group';
 export type AvatarGroupCssVariables = {
     group: '--ag-spacing';

package/lib/components/BackgroundImage/BackgroundImage.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, MantineRadius, PolymorphicFactory } from '../../core';
+import { BoxProps, MantineRadius, PolymorphicFactory, StylesApiProps } from '../../core';
 export type BackgroundImageStylesNames = 'root';
 export type BackgroundImageCssVariables = {
     root: '--bi-radius';

package/lib/components/Badge/Badge.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, PolymorphicFactory, MantineSize, MantineRadius, MantineColor, MantineGradient } from '../../core';
+import { BoxProps, MantineColor, MantineGradient, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
 export type BadgeStylesNames = 'root' | 'section' | 'label';
 export type BadgeVariant = 'filled' | 'light' | 'outline' | 'dot' | 'transparent' | 'white' | 'default' | 'gradient';
 export type BadgeCssVariables = {

package/lib/components/Blockquote/Blockquote.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineColor, MantineRadius } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, StylesApiProps } from '../../core';
 export type BlockquoteStylesNames = 'root' | 'icon' | 'cite';
 export type BlockquoteCssVariables = {
     root: '--bq-bg-light' | '--bq-bg-dark' | '--bq-bd' | '--bq-icon-size' | '--bq-radius';

package/lib/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSpacing } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineSpacing, StylesApiProps } from '../../core';
 export type BreadcrumbsStylesNames = 'root' | 'separator' | 'breadcrumb';
 export type BreadcrumbsCssVariables = {
     root: '--bc-separator-margin';

package/lib/components/Burger/Burger.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize, MantineColor } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineSize, StylesApiProps } from '../../core';
 export type BurgerStylesNames = 'root' | 'burger';
 export type BurgerCssVariables = {
     root: '--burger-color' | '--burger-size' | '--burger-transition-duration' | '--burger-transition-timing-function';

package/lib/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, PolymorphicFactory, MantineSize, MantineColor, MantineRadius, MantineGradient } from '../../core';
+import { BoxProps, MantineColor, MantineGradient, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
 import { LoaderProps } from '../Loader';
 import { ButtonGroup } from './ButtonGroup/ButtonGroup';
 export type ButtonStylesNames = 'root' | 'inner' | 'loader' | 'section' | 'label';

package/lib/components/Button/ButtonGroup/ButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, Factory } from '../../../core';
+import { BoxProps, Factory, StylesApiProps } from '../../../core';
 export type ButtonGroupStylesNames = 'group';
 export type ButtonGroupCssVariables = {
     group: '--button-border-width';

package/lib/components/Card/Card.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, PolymorphicFactory, MantineShadow, MantineRadius, MantineSpacing } from '../../core';
+import { BoxProps, MantineRadius, MantineShadow, MantineSpacing, PolymorphicFactory, StylesApiProps } from '../../core';
 import { CardSection } from './CardSection/CardSection';
 export type CardStylesNames = 'root' | 'section';
 export type CardCssVariables = {

package/lib/components/Center/Center.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, PolymorphicFactory } from '../../core';
+import { BoxProps, PolymorphicFactory, StylesApiProps } from '../../core';
 export type CenterStylesNames = 'root';
 export interface CenterProps extends BoxProps, StylesApiProps<CenterFactory> {
     /** Content that should be centered vertically and horizontally */

package/lib/components/Checkbox/Checkbox.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 { CheckboxGroup } from './CheckboxGroup/CheckboxGroup';
 export type CheckboxVariant = 'filled' | 'outline';

package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.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 CheckboxGroupStylesNames = InputWrapperStylesNames;
 export interface CheckboxGroupProps extends Omit<InputWrapperProps, 'onChange'> {
     /** `Checkbox` components */

package/lib/components/Chip/Chip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineRadius, MantineSize, MantineColor } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../core';
 import { ChipGroup } from './ChipGroup/ChipGroup';
 export type ChipStylesNames = 'root' | 'input' | 'iconWrapper' | 'checkIcon' | 'label';
 export type ChipVariant = 'outline' | 'filled' | 'light';

package/lib/components/CloseButton/CloseButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PolymorphicFactory, MantineSize, MantineRadius, BoxProps, StylesApiProps } from '../../core';
+import { BoxProps, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
 export type CloseButtonVariant = 'subtle' | 'transparent';
 export type CloseButtonStylesNames = 'root';
 export type CloseButtonCssVariables = {

package/lib/components/Code/Code.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, MantineColor, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, StylesApiProps } from '../../core';
 export type CodeStylesNames = 'root';
 export type CodeCssVariables = {
     root: '--code-bg';

package/lib/components/Collapse/Collapse.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps } from '../../core';
+import { BoxProps, Factory } from '../../core';
 export interface CollapseProps extends BoxProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof BoxProps> {
     /** Opened state */
     in: boolean;
@@ -12,4 +12,11 @@ export interface CollapseProps extends BoxProps, Omit<React.ComponentPropsWithou
     /** Determines whether opacity should be animated, `true` by default */
     animateOpacity?: boolean;
 }
-export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;
+export type CollapseFactory = Factory<{
+    props: CollapseProps;
+    ref: HTMLDivElement;
+}>;
+export declare const Collapse: import("../../core").MantineComponent<{
+    props: CollapseProps;
+    ref: HTMLDivElement;
+}>;

package/lib/components/ColorInput/ColorInput.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { __ColorPickerProps, ColorPickerStylesNames } from '../ColorPicker';
-import { __BaseInputProps, InputVariant, __InputStylesNames } from '../Input';
+import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 import { PopoverProps } from '../Popover';
 export type ColorInputStylesNames = 'dropdown' | 'eyeDropperButton' | 'eyeDropperIcon' | 'colorPreview' | ColorPickerStylesNames | __InputStylesNames;
 export type ColorInputCssVariables = {

package/lib/components/ColorPicker/ColorPicker.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../core';
 import { ColorFormat } from './ColorPicker.types';
 export type ColorPickerStylesNames = 'wrapper' | 'preview' | 'body' | 'sliders' | 'slider' | 'sliderOverlay' | 'thumb' | 'saturation' | 'thumb' | 'saturationOverlay' | 'thumb' | 'swatches' | 'swatch';
 export type ColorPickerCssVariables = {

package/lib/components/ColorPicker/ColorSlider/ColorSlider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
 export type ColorSliderStylesNames = 'slider' | 'sliderOverlay' | 'thumb';
 export type ColorSliderVariant = string;
 export type ColorSliderCssVariables = {

package/lib/components/ColorPicker/converters/converters.d.ts

@@ -1,4 +1,4 @@
-import { HsvaColor, RgbaColor, ColorFormat } from '../ColorPicker.types';
+import { ColorFormat, HsvaColor, RgbaColor } from '../ColorPicker.types';
 export declare function hsvaToRgbaObject({ h, s, v, a }: HsvaColor): RgbaColor;
 export declare function hsvaToRgba(color: HsvaColor, includeAlpha: boolean): string;
 export declare function hsvaToHsl({ h, s, v, a }: HsvaColor, includeAlpha: boolean): string;

package/lib/components/ColorSwatch/ColorSwatch.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, MantineRadius, StylesApiProps, PolymorphicFactory } from '../../core';
+import { BoxProps, MantineRadius, PolymorphicFactory, StylesApiProps } from '../../core';
 export type ColorSwatchStylesNames = 'root' | 'alphaOverlay' | 'shadowOverlay' | 'colorOverlay' | 'childrenOverlay';
 export type ColorSwatchCssVariables = {
     root: '--cs-radius' | '--cs-size';

package/lib/components/Combobox/Combobox.d.ts

@@ -1,19 +1,19 @@
 import React from 'react';
-import { StylesApiProps, Factory, MantineSize, MantineThemeComponent } from '../../core';
+import { Factory, MantineSize, MantineThemeComponent, StylesApiProps } from '../../core';
 import { __PopoverProps } from '../Popover';
-import { ComboboxStore } from './use-combobox/use-combobox';
-import { ComboboxTarget } from './ComboboxTarget/ComboboxTarget';
+import { ComboboxChevron } from './ComboboxChevron/ComboboxChevron';
 import { ComboboxDropdown } from './ComboboxDropdown/ComboboxDropdown';
-import { ComboboxOptions } from './ComboboxOptions/ComboboxOptions';
-import { ComboboxOption, ComboboxOptionProps } from './ComboboxOption/ComboboxOption';
-import { ComboboxSearch } from './ComboboxSearch/ComboboxSearch';
+import { ComboboxDropdownTarget } from './ComboboxDropdownTarget/ComboboxDropdownTarget';
 import { ComboboxEmpty } from './ComboboxEmpty/ComboboxEmpty';
-import { ComboboxChevron } from './ComboboxChevron/ComboboxChevron';
-import { ComboboxFooter } from './ComboboxFooter/ComboboxFooter';
-import { ComboboxHeader } from './ComboboxHeader/ComboboxHeader';
 import { ComboboxEventsTarget } from './ComboboxEventsTarget/ComboboxEventsTarget';
-import { ComboboxDropdownTarget } from './ComboboxDropdownTarget/ComboboxDropdownTarget';
+import { ComboboxFooter } from './ComboboxFooter/ComboboxFooter';
 import { ComboboxGroup } from './ComboboxGroup/ComboboxGroup';
+import { ComboboxHeader } from './ComboboxHeader/ComboboxHeader';
+import { ComboboxOption, ComboboxOptionProps } from './ComboboxOption/ComboboxOption';
+import { ComboboxOptions } from './ComboboxOptions/ComboboxOptions';
+import { ComboboxSearch } from './ComboboxSearch/ComboboxSearch';
+import { ComboboxTarget } from './ComboboxTarget/ComboboxTarget';
+import { ComboboxStore } from './use-combobox/use-combobox';
 export type ComboboxStylesNames = 'options' | 'dropdown' | 'option' | 'search' | 'empty' | 'footer' | 'header' | 'group' | 'groupLabel';
 export type ComboboxCSSVariables = {
     options: '--combobox-option-fz' | '--combobox-option-padding';

package/lib/components/Combobox/ComboboxChevron/ComboboxChevron.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MantineSize, BoxProps, ElementProps, Factory, StylesApiProps } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
 export type ComboboxChevronStylesNames = 'chevron';
 export type ComboboxChevronCSSVariables = {
     chevron: '--combobox-chevron-size';

package/lib/components/Combobox/ComboboxClearButton/ComboboxClearButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { __CloseButtonProps } from '../../CloseButton';
 import { ElementProps, MantineSize } from '../../../core';
+import { __CloseButtonProps } from '../../CloseButton';
 export interface ComboboxClearButtonProps extends __CloseButtonProps, ElementProps<'button'> {
     size?: MantineSize | (string & {}) | number;
     onClear: () => void;

package/lib/components/Combobox/get-options-lockup/get-options-lockup.d.ts

@@ -1,3 +1,3 @@
-import { ComboboxParsedItem, ComboboxItem } from '../Combobox.types';
+import { ComboboxItem, ComboboxParsedItem } from '../Combobox.types';
 export declare function getOptionsLockup(options: ComboboxParsedItem[]): Record<string, ComboboxItem>;
 export declare function getLabelsLockup(options: ComboboxParsedItem[]): Record<string, string>;

package/lib/components/Combobox/use-combobox/use-combobox.d.ts

@@ -8,8 +8,10 @@ export interface ComboboxStore {
     closeDropdown: (eventSource?: ComboboxDropdownEventSource) => void;
     /** Toggles dropdown opened state */
     toggleDropdown: (eventSource?: ComboboxDropdownEventSource) => void;
-    /** Selected option index */
+    /** Selected option index ref */
     selectedOptionIndex: number;
+    /** Returns currently selected option index or `-1` if none of the options is selected */
+    getSelectedOptionIndex: () => number;
     /** Selects `Combobox.Option` by index */
     selectOption: (index: number) => void;
     /** Selects first `Combobox.Option` with `active` prop.

package/lib/components/Container/Container.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../core';
 export type ContainerStylesNames = 'root';
 export type ContainerCssVariables = {
     root: '--container-size';

package/lib/components/Dialog/Dialog.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../core';
 import { AffixBaseProps } from '../Affix';
 import { PaperBaseProps } from '../Paper';
 import { TransitionOverride } from '../Transition';

package/lib/components/Divider/Divider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineColor, MantineSize } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineSize, StylesApiProps } from '../../core';
 export type DividerStylesNames = 'root' | 'label';
 export type DividerVariant = 'solid' | 'dashed' | 'dotted';
 export type DividerCssVariables = {

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

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Factory } from '../../core';
-import { ModalBaseOverlayProps, ModalBaseCloseButtonProps } from '../ModalBase';
-import { DrawerRoot, DrawerRootProps, DrawerRootCssVariables, DrawerRootStylesNames } from './DrawerRoot';
+import { ModalBaseCloseButtonProps, ModalBaseOverlayProps } from '../ModalBase';
 import { DrawerBody } from './DrawerBody';
 import { DrawerCloseButton } from './DrawerCloseButton';
-import { DrawerOverlay } from './DrawerOverlay';
 import { DrawerContent } from './DrawerContent';
-import { DrawerTitle } from './DrawerTitle';
 import { DrawerHeader } from './DrawerHeader';
+import { DrawerOverlay } from './DrawerOverlay';
+import { DrawerRoot, DrawerRootCssVariables, DrawerRootProps, DrawerRootStylesNames } from './DrawerRoot';
+import { DrawerTitle } from './DrawerTitle';
 export type DrawerStylesNames = DrawerRootStylesNames;
 export type DrawerCssVariables = DrawerRootCssVariables;
 export interface DrawerProps extends DrawerRootProps {

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 = {
@@ -16,7 +16,7 @@ export interface GridProps extends BoxProps, StylesApiProps<GridFactory>, Elemen
     align?: React.CSSProperties['alignItems'];
     /** Number of columns in each row, `12` by default */
     columns?: number;
-    /** Sets `overflow` CSS property on the root element, `'hidden'` by default */
+    /** Sets `overflow` CSS property on the root element, `'visible'` by default */
     overflow?: React.CSSProperties['overflow'];
 }
 export type GridFactory = Factory<{

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