@mantine/core 7.3.1 → 7.3.2

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

package/lib/components/TagsInput/TagsInput.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 TagsInputStylesNames = __InputStylesNames | ComboboxLikeStylesNames | 'pill' | 'pillsList' | 'inputField';
 export interface TagsInputProps extends BoxProps, __BaseInputProps, ComboboxLikeProps, StylesApiProps<TagsInputFactory>, ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {
     /** Controlled component value */

package/lib/components/Text/Text.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, MantineGradient, BoxMod, PolymorphicFactory, MantineSize, MantineColor } from '../../core';
+import { BoxMod, BoxProps, MantineColor, MantineGradient, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
 type TextTruncate = 'end' | 'start' | boolean;
 export type TextStylesNames = 'root';
 export type TextVariant = 'text' | 'gradient';

package/lib/components/TextInput/TextInput.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';
 export interface TextInputProps extends BoxProps, __BaseInputProps, StylesApiProps<TextInputFactory>, ElementProps<'input', 'size'> {
 }
 export type TextInputFactory = Factory<{

package/lib/components/Textarea/Textarea.d.ts

@@ -1,4 +1,4 @@
-import { ElementProps, Factory, BoxProps, StylesApiProps } from '../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { __BaseInputProps, __InputStylesNames } from '../Input';
 export interface TextareaProps extends BoxProps, __BaseInputProps, StylesApiProps<TextareaFactory>, ElementProps<'textarea', 'size'> {
     __staticSelector?: string;

package/lib/components/ThemeIcon/ThemeIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineGradient, MantineRadius, MantineColor, MantineSize } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineGradient, MantineRadius, MantineSize, StylesApiProps } from '../../core';
 export type ThemeIconStylesNames = 'root';
 export type ThemeIconVariant = 'filled' | 'light' | 'outline' | 'transparent' | 'white' | 'default' | 'gradient';
 export type ThemeIconCssVariables = {

package/lib/components/Timeline/Timeline.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';
 import { TimelineItem, TimelineItemStylesNames } from './TimelineItem/TimelineItem';
 export type TimelineStylesNames = 'root' | TimelineItemStylesNames;
 export type TimelineCssVariables = {

package/lib/components/Timeline/TimelineItem/TimelineItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, CompoundStylesApiProps, ElementProps, Factory, MantineRadius, MantineColor } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, ElementProps, Factory, MantineColor, MantineRadius } from '../../../core';
 export type TimelineItemStylesNames = 'itemBody' | 'itemContent' | 'itemBullet' | 'item' | 'itemTitle';
 export interface TimelineItemProps extends BoxProps, CompoundStylesApiProps<TimelineItemFactory>, ElementProps<'div', 'title'> {
     /** Determines whether the item should be highlighted, controlled by the parent `Timeline` component  */

package/lib/components/Title/Title.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StylesApiProps, ElementProps, Factory, BoxProps } from '../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 export type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;
 export type TitleSize = `h${TitleOrder}` | React.CSSProperties['fontSize'];
 export type TitleStylesNames = 'root';

package/lib/components/Title/get-title-size.d.ts

@@ -1,4 +1,4 @@
-import type { TitleSize, TitleOrder } from './Title';
+import type { TitleOrder, TitleSize } from './Title';
 export interface GetTitleSizeResult {
     fontSize: string;
     fontWeight: string;

package/lib/components/Tooltip/Tooltip.types.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, ElementProps, MantineColor, StylesApiProps, MantineRadius } from '../../core';
+import { BoxProps, ElementProps, MantineColor, MantineRadius, StylesApiProps } from '../../core';
 import { FloatingPosition } from '../Floating';
 import { PortalProps } from '../Portal';
 import type { TooltipFactory } from './Tooltip';

package/lib/components/TypographyStylesProvider/TypographyStylesProvider.d.ts

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

package/lib/components/UnstyledButton/UnstyledButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StylesApiProps, BoxComponentProps, PolymorphicFactory } from '../../core';
+import { BoxComponentProps, PolymorphicFactory, StylesApiProps } from '../../core';
 export type UnstyledButtonStylesNames = 'root';
 export interface UnstyledButtonProps extends Omit<BoxComponentProps, 'vars' | 'variant'>, StylesApiProps<UnstyledButtonFactory> {
     __staticSelector?: string;

package/lib/components/VisuallyHidden/VisuallyHidden.d.ts

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

package/lib/core/Box/Box.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { MantineBreakpoint } from '../MantineProvider';
-import type { MantineStyleProp, CssVarsProp } from './Box.types';
+import type { CssVarsProp, MantineStyleProp } from './Box.types';
 import { MantineStyleProps } from './style-props';
 export type Mod = Record<string, any> | string;
 export type BoxMod = Mod | Mod[] | BoxMod[];

package/lib/core/Box/get-box-style/get-box-style.d.ts

@@ -1,5 +1,5 @@
 import type { MantineTheme } from '../../MantineProvider';
-import type { MantineStyleProp, CssVarsProp } from '../Box.types';
+import type { CssVarsProp, MantineStyleProp } from '../Box.types';
 interface GetBoxStyleOptions {
     theme: MantineTheme;
     styleProps: React.CSSProperties;

package/lib/core/Box/style-props/parse-style-props/parse-style-props.d.ts

@@ -1,6 +1,6 @@
-import type { StyleProp } from '../style-props.types';
-import type { SystemPropData } from '../style-props-data';
 import { MantineTheme } from '../../../MantineProvider';
+import type { SystemPropData } from '../style-props-data';
+import type { StyleProp } from '../style-props.types';
 import type { SortMediaQueriesResult } from './sort-media-queries';
 interface ParseStylePropsOptions {
     styleProps: Record<string, StyleProp<any>>;

package/lib/core/Box/style-props/parse-style-props/sort-media-queries.d.ts

@@ -1,5 +1,5 @@
-import type { ParseStylePropsResult } from './parse-style-props';
 import type { InlineStylesMediaQuery } from '../../../InlineStyles';
+import type { ParseStylePropsResult } from './parse-style-props';
 export interface SortMediaQueriesResult extends Omit<ParseStylePropsResult, 'media'> {
     media: InlineStylesMediaQuery[];
 }

package/lib/core/Box/style-props/resolvers/index.d.ts

@@ -1,9 +1,9 @@
 import { colorResolver } from './color-resolver/color-resolver';
 import { fontSizeResolver } from './font-size-resolver/font-size-resolver';
-import { spacingResolver } from './spacing-resolver/spacing-resolver';
 import { identityResolver } from './identity-resolver/identity-resolver';
-import { sizeResolver } from './size-resolver/size-resolver';
 import { lineHeightResolver } from './line-height-resolver/line-height-resolver';
+import { sizeResolver } from './size-resolver/size-resolver';
+import { spacingResolver } from './spacing-resolver/spacing-resolver';
 export declare const resolvers: {
     color: typeof colorResolver;
     fontSize: typeof fontSizeResolver;

package/lib/core/Box/style-props/style-props.types.d.ts

@@ -1,4 +1,4 @@
-import type { MantineBreakpoint, MantineSpacing, MantineFontSize, MantineLineHeight, MantineColor } from '../../MantineProvider';
+import type { MantineBreakpoint, MantineColor, MantineFontSize, MantineLineHeight, MantineSpacing } from '../../MantineProvider';
 export type StyleProp<Value> = Value | Partial<Record<MantineBreakpoint | (string & {}), Value>>;
 export interface MantineStyleProps {
     m?: StyleProp<MantineSpacing>;

package/lib/core/MantineProvider/Mantine.context.d.ts

@@ -1,6 +1,6 @@
-import type { MantineTheme, MantineColorScheme } from './theme.types';
 import type { MantineColorSchemeManager } from './color-scheme-managers';
 import { ConvertCSSVariablesInput } from './convert-css-variables';
+import type { MantineColorScheme, MantineTheme } from './theme.types';
 interface MantineContextValue {
     colorScheme: MantineColorScheme;
     setColorScheme: (colorScheme: MantineColorScheme) => void;

package/lib/core/MantineProvider/MantineCssVariables/default-css-variables-resolver.d.ts

@@ -1,4 +1,4 @@
-import { MantineTheme } from '../theme.types';
 import { ConvertCSSVariablesInput } from '../convert-css-variables';
+import { MantineTheme } from '../theme.types';
 export type CSSVariablesResolver = (theme: MantineTheme) => ConvertCSSVariablesInput;
 export declare const defaultCssVariablesResolver: CSSVariablesResolver;

package/lib/core/MantineProvider/MantineCssVariables/get-merged-variables.d.ts

@@ -1,5 +1,5 @@
-import { MantineTheme } from '../theme.types';
 import { ConvertCSSVariablesInput } from '../convert-css-variables';
+import { MantineTheme } from '../theme.types';
 interface GetMergedVariablesInput {
     theme: MantineTheme;
     generator?: (theme: MantineTheme) => ConvertCSSVariablesInput;

package/lib/core/MantineProvider/MantineProvider.d.ts

@@ -1,8 +1,8 @@
 import './global.css';
 import React from 'react';
+import { MantineColorSchemeManager } from './color-scheme-managers';
 import { CSSVariablesResolver } from './MantineCssVariables';
 import type { MantineColorScheme, MantineThemeOverride } from './theme.types';
-import { MantineColorSchemeManager } from './color-scheme-managers';
 export interface MantineProviderProps {
     /** Theme override object */
     theme?: MantineThemeOverride;

package/lib/core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.d.ts

@@ -1,4 +1,4 @@
-import { MantineColor, MantineTheme, MantineGradient } from '../../theme.types';
+import { MantineColor, MantineGradient, MantineTheme } from '../../theme.types';
 export interface VariantColorsResolverInput {
     color: MantineColor | undefined;
     theme: MantineTheme;

package/lib/core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.d.ts

@@ -1,5 +1,5 @@
-import type { MantineTheme, MantineColorShade, MantineColorScheme } from '../../theme.types';
 import type { CssVariable } from '../../../Box';
+import type { MantineColorScheme, MantineColorShade, MantineTheme } from '../../theme.types';
 interface ParseThemeColorOptions {
     color: unknown;
     theme: MantineTheme;

package/lib/core/factory/factory.d.ts

@@ -1,5 +1,5 @@
 import type { MantineThemeComponent } from '../MantineProvider';
-import type { Styles, ClassNames, PartialVarsResolver } from '../styles-api';
+import type { ClassNames, PartialVarsResolver, Styles } from '../styles-api';
 export type DataAttributes = Record<`data-${string}`, any>;
 export interface FactoryPayload {
     props: Record<string, any>;

package/lib/core/factory/polymorphic-factory.d.ts

@@ -1,5 +1,5 @@
-import { FactoryPayload, StaticComponents, ThemeExtend, ComponentClasses } from './factory';
 import { PolymorphicComponentProps } from './create-polymorphic-component';
+import { ComponentClasses, FactoryPayload, StaticComponents, ThemeExtend } from './factory';
 export interface PolymorphicFactoryPayload extends FactoryPayload {
     defaultComponent: any;
     defaultRef: any;

package/lib/core/styles-api/create-vars-resolver/create-vars-resolver.d.ts

@@ -1,6 +1,6 @@
 import { CssVariable } from '../../Box';
-import { MantineTheme } from '../../MantineProvider';
 import { FactoryPayload } from '../../factory';
+import { MantineTheme } from '../../MantineProvider';
 export type TransformVars<V> = {
     [Key in keyof V]: V[Key] extends CssVariable ? Record<V[Key], string | undefined> : never;
 };

package/lib/core/styles-api/styles-api.types.d.ts

@@ -1,7 +1,7 @@
 import type { CSSProperties } from 'react';
-import type { MantineTheme } from '../MantineProvider';
 import type { MantineStyleProp } from '../Box';
 import type { FactoryPayload } from '../factory';
+import type { MantineTheme } from '../MantineProvider';
 import { PartialVarsResolver } from './create-vars-resolver/create-vars-resolver';
 export interface GetStylesApiOptions {
     className?: string;

package/lib/core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.d.ts

@@ -1,5 +1,5 @@
-import { GetStylesApiOptions } from '../../../styles-api.types';
 import { MantineTheme } from '../../../../MantineProvider';
+import { GetStylesApiOptions } from '../../../styles-api.types';
 interface GetGlobalClassNamesOptions {
     theme: MantineTheme;
     unstyled: boolean | undefined;

package/lib/core/styles-api/use-styles/get-class-name/get-options-class-names/get-options-class-names.d.ts

@@ -1,5 +1,5 @@
-import { ResolveClassNamesInput } from '../resolve-class-names/resolve-class-names';
 import { GetStylesApiOptions } from '../../../styles-api.types';
+import { ResolveClassNamesInput } from '../resolve-class-names/resolve-class-names';
 interface GetOptionsClassNamesInput extends Omit<ResolveClassNamesInput, 'classNames'> {
     selector: string;
     options: GetStylesApiOptions | undefined;

package/lib/core/styles-api/use-styles/get-style/get-style.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
-import { MantineTheme } from '../../../MantineProvider';
 import { MantineStyleProp } from '../../../Box';
+import { MantineTheme } from '../../../MantineProvider';
 import { GetStylesApiOptions } from '../../styles-api.types';
 import { VarsResolver } from './resolve-vars/resolve-vars';
 export type _Styles = undefined | Partial<Record<string, CSSProperties>> | ((theme: MantineTheme, props: Record<string, any>, ctx: Record<string, any> | undefined) => Partial<Record<string, CSSProperties>>);

package/lib/core/styles-api/use-styles/use-styles.d.ts

@@ -2,7 +2,7 @@ import { CSSProperties } from 'react';
 import type { MantineStyleProp } from '../../Box';
 import { FactoryPayload } from '../../factory';
 import { PartialVarsResolver, VarsResolver } from '../create-vars-resolver/create-vars-resolver';
-import { Styles, ClassNames, GetStylesApiOptions, ClassNamesArray } from '../styles-api.types';
+import { ClassNames, ClassNamesArray, GetStylesApiOptions, Styles } from '../styles-api.types';
 export interface UseStylesInput<Payload extends FactoryPayload> {
     name: string | (string | undefined)[];
     classes: Payload['stylesNames'] extends string ? Record<string, string> : never;

package/lib/core/utils/get-env/get-env.d.ts

@@ -0,0 +1 @@
+export declare function getEnv(): string;

package/lib/core/utils/index.d.ts

@@ -21,3 +21,4 @@ export { getBaseValue } from './get-base-value/get-base-value';
 export { getContextItemIndex } from './get-context-item-index/get-context-item-index';
 export { useHovered } from './use-hovered/use-hovered';
 export { createUseExternalEvents } from './create-use-external-events/create-use-external-events';
+export { getEnv } from './get-env/get-env';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/core",
-  "version": "7.3.1",
+  "version": "7.3.2",
   "description": "React components library focused on usability, accessibility and developer experience",
   "homepage": "https://mantine.dev/",
   "license": "MIT",
@@ -43,7 +43,7 @@
     "directory": "packages/@mantine/core"
   },
   "peerDependencies": {
-    "@mantine/hooks": "7.3.1",
+    "@mantine/hooks": "7.3.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -57,6 +57,6 @@
   },
   "devDependencies": {
     "@mantine-tests/core": "1.0.1",
-    "@mantine/hooks": "7.3.1"
+    "@mantine/hooks": "7.3.2"
   }
 }

package/styles/Button.css

@@ -1 +1 @@
-.m-77c9d27d{--button-height-xs:calc(1.875rem*var(--mantine-scale));--button-height-sm:calc(2.25rem*var(--mantine-scale));--button-height-md:calc(2.625rem*var(--mantine-scale));--button-height-lg:calc(3.125rem*var(--mantine-scale));--button-height-xl:calc(3.75rem*var(--mantine-scale));--button-height-compact-xs:calc(1.375rem*var(--mantine-scale));--button-height-compact-sm:calc(1.625rem*var(--mantine-scale));--button-height-compact-md:calc(1.875rem*var(--mantine-scale));--button-height-compact-lg:calc(2.125rem*var(--mantine-scale));--button-height-compact-xl:calc(2.5rem*var(--mantine-scale));--button-padding-x-xs:calc(0.875rem*var(--mantine-scale));--button-padding-x-sm:calc(1.125rem*var(--mantine-scale));--button-padding-x-md:calc(1.375rem*var(--mantine-scale));--button-padding-x-lg:calc(1.625rem*var(--mantine-scale));--button-padding-x-xl:calc(2rem*var(--mantine-scale));--button-padding-x-compact-xs:calc(0.4375rem*var(--mantine-scale));--button-padding-x-compact-sm:calc(0.5rem*var(--mantine-scale));--button-padding-x-compact-md:calc(0.625rem*var(--mantine-scale));--button-padding-x-compact-lg:calc(0.75rem*var(--mantine-scale));--button-padding-x-compact-xl:calc(0.875rem*var(--mantine-scale));--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-color:var(--mantine-color-white);background:var(--_button-bg,var(--button-bg,var(--mantine-primary-color-filled)));border:var(--_button-bd,var(--button-bd,calc(.0625rem*var(--mantine-scale)) solid transparent));border-radius:var(--button-radius,var(--mantine-radius-default));color:var(--_button-color,var(--button-color,var(--mantine-color-white)));cursor:var(--_button-cursor,pointer);display:var(--_button-display,inline-block);font-size:var(--button-fz,var(--mantine-font-size-sm));font-weight:600;height:var(--button-height,var(--button-height-sm));line-height:1;overflow:hidden;padding-left:var(--_button-padding-left,var(--button-padding-x,var(--button-padding-x-sm)));padding-right:var(--_button-padding-right,var(--button-padding-x,var(--button-padding-x-sm)));position:relative;text-align:center;user-select:none;width:var(--_button-width,auto)}.m-77c9d27d[data-block]{--_button-display:block;--_button-width:100%}.m-77c9d27d[data-with-left-section]{--_button-padding-left:calc(var(--button-padding-x)/1.5)}[dir=rtl] .m-77c9d27d[data-with-left-section]{--_button-padding-left:var(--button-padding-x)}.m-77c9d27d[data-with-right-section],[dir=rtl] .m-77c9d27d[data-with-left-section]{--_button-padding-right:calc(var(--button-padding-x)/1.5)}[dir=rtl] .m-77c9d27d[data-with-right-section]{--_button-padding-right:var(--button-padding-x);--_button-padding-left:calc(var(--button-padding-x)/1.5)}.m-77c9d27d:disabled:not([data-loading]),.m-77c9d27d[data-disabled]:not([data-loading]){--_button-cursor:not-allowed;--_button-bg:var(--_disabled-bg);--_button-color:var(--_disabled-color);--_button-bd:calc(0.0625rem*var(--mantine-scale)) solid transparent;transform:none}.m-77c9d27d:before{background-color:var(--_button-loading-overlay-bg);border-radius:var(--button-radius,var(--mantine-radius-default));content:"";filter:blur(12px);inset:calc(-.0625rem*var(--mantine-scale));opacity:0;pointer-events:none;position:absolute;transform:translateY(-100%);transition:transform .15s ease,opacity .1s ease}.m-77c9d27d[data-loading]{--_button-cursor:not-allowed;transform:none}.m-77c9d27d[data-loading]:before{opacity:1;transform:translateY(0)}.m-77c9d27d[data-loading] .m-80f1301b{opacity:0;transform:translateY(100%)}.m-77c9d27d[data-loading] .m-a25b86ee{opacity:1;transform:translate(-50%,-50%)}@media (hover:hover){.m-77c9d27d:hover:not([data-loading]):not(:disabled):not([data-disabled]){--_button-bg:var(--button-hover,var(--mantine-primary-color-filled-hover));--_button-color:var(--button-hover-color)}}@media (hover:none){.m-77c9d27d:active:not([data-loading]):not(:disabled):not([data-disabled]){--_button-bg:var(--button-hover,var(--mantine-primary-color-filled-hover));--_button-color:var(--button-hover-color)}}[data-mantine-color-scheme=light] .m-77c9d27d{--_disabled-color:var(--mantine-color-gray-5);--_disabled-bg:var(--mantine-color-gray-1);--_button-loading-overlay-bg:hsla(0,0%,100%,.15)}[data-mantine-color-scheme=dark] .m-77c9d27d{--_disabled-color:var(--mantine-color-dark-3);--_disabled-bg:var(--mantine-color-dark-6);--_button-loading-overlay-bg:rgba(0,0,0,.15)}.m-80f1301b{justify-content:var(--button-justify,center);overflow:visible;transition:transform .15s ease,opacity .1s ease}.m-80f1301b,.m-811560b9{align-items:center;display:flex;height:100%}.m-811560b9{opacity:var(--_button-label-opacity,1);overflow:hidden;white-space:nowrap}.m-811560b9[data-loading]{--_button-label-opacity:0.2}.m-a74036a{align-items:center;display:flex;margin-left:var(--_button-section-margin-left);margin-right:var(--_button-section-margin-right)}.m-a74036a[data-position=left]{--_button-section-margin-right:var(--mantine-spacing-xs)}[dir=rtl] .m-a74036a[data-position=left]{--_button-section-margin-right:0}.m-a74036a[data-position=right],[dir=rtl] .m-a74036a[data-position=left]{--_button-section-margin-left:var(--mantine-spacing-xs)}[dir=rtl] .m-a74036a[data-position=right]{--_button-section-margin-left:0;--_button-section-margin-right:var(--mantine-spacing-xs)}.m-a25b86ee{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-200%);transition:transform .15s ease,opacity .1s ease}.m-80d6d844{--button-border-width:calc(0.0625rem*var(--mantine-scale));display:flex}.m-80d6d844[data-orientation=horizontal]{flex-direction:row}.m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):first-child{border-bottom-right-radius:0;border-right-width:calc(var(--button-border-width)/2);border-top-right-radius:0}.m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):last-child{border-bottom-left-radius:0;border-left-width:calc(var(--button-border-width)/2);border-top-left-radius:0}.m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):not(:first-child):not(:last-child){border-left-width:calc(var(--button-border-width)/2);border-radius:0;border-right-width:calc(var(--button-border-width)/2)}[dir=rtl] .m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):first-child{border:var(--_button-bd,var(--button-bd,calc(.0625rem*var(--mantine-scale)) solid transparent));border-radius:var(--button-radius,var(--mantine-radius-default));border-bottom-left-radius:0;border-left-width:calc(var(--button-border-width)/2);border-top-left-radius:0}[dir=rtl] .m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):last-child{border:var(--_button-bd,var(--button-bd,calc(.0625rem*var(--mantine-scale)) solid transparent));border-radius:var(--button-radius,var(--mantine-radius-default));border-bottom-right-radius:0;border-right-width:calc(var(--button-border-width)/2);border-top-right-radius:0}.m-80d6d844[data-orientation=vertical]{flex-direction:column}.m-80d6d844[data-orientation=vertical] .m-77c9d27d:not(:only-child):first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:calc(var(--button-border-width)/2)}.m-80d6d844[data-orientation=vertical] .m-77c9d27d:not(:only-child):last-child{border-top-left-radius:0;border-top-right-radius:0;border-top-width:calc(var(--button-border-width)/2)}.m-80d6d844[data-orientation=vertical] .m-77c9d27d:not(:only-child):not(:first-child):not(:last-child){border-bottom-width:calc(var(--button-border-width)/2);border-radius:0;border-top-width:calc(var(--button-border-width)/2)}
+.m-77c9d27d{--button-height-xs:calc(1.875rem*var(--mantine-scale));--button-height-sm:calc(2.25rem*var(--mantine-scale));--button-height-md:calc(2.625rem*var(--mantine-scale));--button-height-lg:calc(3.125rem*var(--mantine-scale));--button-height-xl:calc(3.75rem*var(--mantine-scale));--button-height-compact-xs:calc(1.375rem*var(--mantine-scale));--button-height-compact-sm:calc(1.625rem*var(--mantine-scale));--button-height-compact-md:calc(1.875rem*var(--mantine-scale));--button-height-compact-lg:calc(2.125rem*var(--mantine-scale));--button-height-compact-xl:calc(2.5rem*var(--mantine-scale));--button-padding-x-xs:calc(0.875rem*var(--mantine-scale));--button-padding-x-sm:calc(1.125rem*var(--mantine-scale));--button-padding-x-md:calc(1.375rem*var(--mantine-scale));--button-padding-x-lg:calc(1.625rem*var(--mantine-scale));--button-padding-x-xl:calc(2rem*var(--mantine-scale));--button-padding-x-compact-xs:calc(0.4375rem*var(--mantine-scale));--button-padding-x-compact-sm:calc(0.5rem*var(--mantine-scale));--button-padding-x-compact-md:calc(0.625rem*var(--mantine-scale));--button-padding-x-compact-lg:calc(0.75rem*var(--mantine-scale));--button-padding-x-compact-xl:calc(0.875rem*var(--mantine-scale));--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-color:var(--mantine-color-white);background:var(--_button-bg,var(--button-bg,var(--mantine-primary-color-filled)));border:var(--_button-bd,var(--button-bd,calc(.0625rem*var(--mantine-scale)) solid transparent));border-radius:var(--button-radius,var(--mantine-radius-default));color:var(--_button-color,var(--button-color,var(--mantine-color-white)));cursor:var(--_button-cursor,pointer);display:var(--_button-display,inline-block);font-size:var(--button-fz,var(--mantine-font-size-sm));font-weight:600;height:var(--button-height,var(--button-height-sm));line-height:1;overflow:hidden;padding-left:var(--_button-padding-left,var(--button-padding-x,var(--button-padding-x-sm)));padding-right:var(--_button-padding-right,var(--button-padding-x,var(--button-padding-x-sm)));position:relative;text-align:center;user-select:none;vertical-align:middle;width:var(--_button-width,auto)}.m-77c9d27d[data-block]{--_button-display:block;--_button-width:100%}.m-77c9d27d[data-with-left-section]{--_button-padding-left:calc(var(--button-padding-x)/1.5)}[dir=rtl] .m-77c9d27d[data-with-left-section]{--_button-padding-left:var(--button-padding-x)}.m-77c9d27d[data-with-right-section],[dir=rtl] .m-77c9d27d[data-with-left-section]{--_button-padding-right:calc(var(--button-padding-x)/1.5)}[dir=rtl] .m-77c9d27d[data-with-right-section]{--_button-padding-right:var(--button-padding-x);--_button-padding-left:calc(var(--button-padding-x)/1.5)}.m-77c9d27d:disabled:not([data-loading]),.m-77c9d27d[data-disabled]:not([data-loading]){--_button-cursor:not-allowed;--_button-bg:var(--_disabled-bg);--_button-color:var(--_disabled-color);--_button-bd:calc(0.0625rem*var(--mantine-scale)) solid transparent;transform:none}.m-77c9d27d:before{background-color:var(--_button-loading-overlay-bg);border-radius:var(--button-radius,var(--mantine-radius-default));content:"";filter:blur(12px);inset:calc(-.0625rem*var(--mantine-scale));opacity:0;pointer-events:none;position:absolute;transform:translateY(-100%);transition:transform .15s ease,opacity .1s ease}.m-77c9d27d[data-loading]{--_button-cursor:not-allowed;transform:none}.m-77c9d27d[data-loading]:before{opacity:1;transform:translateY(0)}.m-77c9d27d[data-loading] .m-80f1301b{opacity:0;transform:translateY(100%)}.m-77c9d27d[data-loading] .m-a25b86ee{opacity:1;transform:translate(-50%,calc(-50% + .0625rem*var(--mantine-scale)))}@media (hover:hover){.m-77c9d27d:hover:not([data-loading]):not(:disabled):not([data-disabled]){--_button-bg:var(--button-hover,var(--mantine-primary-color-filled-hover));--_button-color:var(--button-hover-color)}}@media (hover:none){.m-77c9d27d:active:not([data-loading]):not(:disabled):not([data-disabled]){--_button-bg:var(--button-hover,var(--mantine-primary-color-filled-hover));--_button-color:var(--button-hover-color)}}[data-mantine-color-scheme=light] .m-77c9d27d{--_disabled-color:var(--mantine-color-gray-5);--_disabled-bg:var(--mantine-color-gray-1);--_button-loading-overlay-bg:hsla(0,0%,100%,.15)}[data-mantine-color-scheme=dark] .m-77c9d27d{--_disabled-color:var(--mantine-color-dark-3);--_disabled-bg:var(--mantine-color-dark-6);--_button-loading-overlay-bg:rgba(0,0,0,.15)}.m-80f1301b{justify-content:var(--button-justify,center);overflow:visible;transition:transform .15s ease,opacity .1s ease}.m-80f1301b,.m-811560b9{align-items:center;display:flex;height:100%}.m-811560b9{opacity:var(--_button-label-opacity,1);overflow:hidden;white-space:nowrap}.m-811560b9[data-loading]{--_button-label-opacity:0.2}.m-a74036a{align-items:center;display:flex;margin-left:var(--_button-section-margin-left);margin-right:var(--_button-section-margin-right)}.m-a74036a[data-position=left]{--_button-section-margin-right:var(--mantine-spacing-xs)}[dir=rtl] .m-a74036a[data-position=left]{--_button-section-margin-right:0}.m-a74036a[data-position=right],[dir=rtl] .m-a74036a[data-position=left]{--_button-section-margin-left:var(--mantine-spacing-xs)}[dir=rtl] .m-a74036a[data-position=right]{--_button-section-margin-left:0;--_button-section-margin-right:var(--mantine-spacing-xs)}.m-a25b86ee{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-200%);transition:transform .15s ease,opacity .1s ease}.m-80d6d844{--button-border-width:calc(0.0625rem*var(--mantine-scale));display:flex}.m-80d6d844[data-orientation=horizontal]{flex-direction:row}.m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):first-child{border-bottom-right-radius:0;border-right-width:calc(var(--button-border-width)/2);border-top-right-radius:0}.m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):last-child{border-bottom-left-radius:0;border-left-width:calc(var(--button-border-width)/2);border-top-left-radius:0}.m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):not(:first-child):not(:last-child){border-left-width:calc(var(--button-border-width)/2);border-radius:0;border-right-width:calc(var(--button-border-width)/2)}[dir=rtl] .m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):first-child{border:var(--_button-bd,var(--button-bd,calc(.0625rem*var(--mantine-scale)) solid transparent));border-radius:var(--button-radius,var(--mantine-radius-default));border-bottom-left-radius:0;border-left-width:calc(var(--button-border-width)/2);border-top-left-radius:0}[dir=rtl] .m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):last-child{border:var(--_button-bd,var(--button-bd,calc(.0625rem*var(--mantine-scale)) solid transparent));border-radius:var(--button-radius,var(--mantine-radius-default));border-bottom-right-radius:0;border-right-width:calc(var(--button-border-width)/2);border-top-right-radius:0}.m-80d6d844[data-orientation=vertical]{flex-direction:column}.m-80d6d844[data-orientation=vertical] .m-77c9d27d:not(:only-child):first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:calc(var(--button-border-width)/2)}.m-80d6d844[data-orientation=vertical] .m-77c9d27d:not(:only-child):last-child{border-top-left-radius:0;border-top-right-radius:0;border-top-width:calc(var(--button-border-width)/2)}.m-80d6d844[data-orientation=vertical] .m-77c9d27d:not(:only-child):not(:first-child):not(:last-child){border-bottom-width:calc(var(--button-border-width)/2);border-radius:0;border-top-width:calc(var(--button-border-width)/2)}

package/styles/Button.layer.css

@@ -1 +1 @@
-@layer mantine {.m-77c9d27d{--button-height-xs:calc(1.875rem*var(--mantine-scale));--button-height-sm:calc(2.25rem*var(--mantine-scale));--button-height-md:calc(2.625rem*var(--mantine-scale));--button-height-lg:calc(3.125rem*var(--mantine-scale));--button-height-xl:calc(3.75rem*var(--mantine-scale));--button-height-compact-xs:calc(1.375rem*var(--mantine-scale));--button-height-compact-sm:calc(1.625rem*var(--mantine-scale));--button-height-compact-md:calc(1.875rem*var(--mantine-scale));--button-height-compact-lg:calc(2.125rem*var(--mantine-scale));--button-height-compact-xl:calc(2.5rem*var(--mantine-scale));--button-padding-x-xs:calc(0.875rem*var(--mantine-scale));--button-padding-x-sm:calc(1.125rem*var(--mantine-scale));--button-padding-x-md:calc(1.375rem*var(--mantine-scale));--button-padding-x-lg:calc(1.625rem*var(--mantine-scale));--button-padding-x-xl:calc(2rem*var(--mantine-scale));--button-padding-x-compact-xs:calc(0.4375rem*var(--mantine-scale));--button-padding-x-compact-sm:calc(0.5rem*var(--mantine-scale));--button-padding-x-compact-md:calc(0.625rem*var(--mantine-scale));--button-padding-x-compact-lg:calc(0.75rem*var(--mantine-scale));--button-padding-x-compact-xl:calc(0.875rem*var(--mantine-scale));--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-color:var(--mantine-color-white);background:var(--_button-bg,var(--button-bg,var(--mantine-primary-color-filled)));border:var(--_button-bd,var(--button-bd,calc(.0625rem*var(--mantine-scale)) solid transparent));border-radius:var(--button-radius,var(--mantine-radius-default));color:var(--_button-color,var(--button-color,var(--mantine-color-white)));cursor:var(--_button-cursor,pointer);display:var(--_button-display,inline-block);font-size:var(--button-fz,var(--mantine-font-size-sm));font-weight:600;height:var(--button-height,var(--button-height-sm));line-height:1;overflow:hidden;padding-left:var(--_button-padding-left,var(--button-padding-x,var(--button-padding-x-sm)));padding-right:var(--_button-padding-right,var(--button-padding-x,var(--button-padding-x-sm)));position:relative;text-align:center;user-select:none;width:var(--_button-width,auto)}.m-77c9d27d[data-block]{--_button-display:block;--_button-width:100%}.m-77c9d27d[data-with-left-section]{--_button-padding-left:calc(var(--button-padding-x)/1.5)}[dir=rtl] .m-77c9d27d[data-with-left-section]{--_button-padding-left:var(--button-padding-x)}.m-77c9d27d[data-with-right-section],[dir=rtl] .m-77c9d27d[data-with-left-section]{--_button-padding-right:calc(var(--button-padding-x)/1.5)}[dir=rtl] .m-77c9d27d[data-with-right-section]{--_button-padding-right:var(--button-padding-x);--_button-padding-left:calc(var(--button-padding-x)/1.5)}.m-77c9d27d:disabled:not([data-loading]),.m-77c9d27d[data-disabled]:not([data-loading]){--_button-cursor:not-allowed;--_button-bg:var(--_disabled-bg);--_button-color:var(--_disabled-color);--_button-bd:calc(0.0625rem*var(--mantine-scale)) solid transparent;transform:none}.m-77c9d27d:before{background-color:var(--_button-loading-overlay-bg);border-radius:var(--button-radius,var(--mantine-radius-default));content:"";filter:blur(12px);inset:calc(-.0625rem*var(--mantine-scale));opacity:0;pointer-events:none;position:absolute;transform:translateY(-100%);transition:transform .15s ease,opacity .1s ease}.m-77c9d27d[data-loading]{--_button-cursor:not-allowed;transform:none}.m-77c9d27d[data-loading]:before{opacity:1;transform:translateY(0)}.m-77c9d27d[data-loading] .m-80f1301b{opacity:0;transform:translateY(100%)}.m-77c9d27d[data-loading] .m-a25b86ee{opacity:1;transform:translate(-50%,-50%)}@media (hover:hover){.m-77c9d27d:hover:not([data-loading]):not(:disabled):not([data-disabled]){--_button-bg:var(--button-hover,var(--mantine-primary-color-filled-hover));--_button-color:var(--button-hover-color)}}@media (hover:none){.m-77c9d27d:active:not([data-loading]):not(:disabled):not([data-disabled]){--_button-bg:var(--button-hover,var(--mantine-primary-color-filled-hover));--_button-color:var(--button-hover-color)}}[data-mantine-color-scheme=light] .m-77c9d27d{--_disabled-color:var(--mantine-color-gray-5);--_disabled-bg:var(--mantine-color-gray-1);--_button-loading-overlay-bg:hsla(0,0%,100%,.15)}[data-mantine-color-scheme=dark] .m-77c9d27d{--_disabled-color:var(--mantine-color-dark-3);--_disabled-bg:var(--mantine-color-dark-6);--_button-loading-overlay-bg:rgba(0,0,0,.15)}.m-80f1301b{justify-content:var(--button-justify,center);overflow:visible;transition:transform .15s ease,opacity .1s ease}.m-80f1301b,.m-811560b9{align-items:center;display:flex;height:100%}.m-811560b9{opacity:var(--_button-label-opacity,1);overflow:hidden;white-space:nowrap}.m-811560b9[data-loading]{--_button-label-opacity:0.2}.m-a74036a{align-items:center;display:flex;margin-left:var(--_button-section-margin-left);margin-right:var(--_button-section-margin-right)}.m-a74036a[data-position=left]{--_button-section-margin-right:var(--mantine-spacing-xs)}[dir=rtl] .m-a74036a[data-position=left]{--_button-section-margin-right:0}.m-a74036a[data-position=right],[dir=rtl] .m-a74036a[data-position=left]{--_button-section-margin-left:var(--mantine-spacing-xs)}[dir=rtl] .m-a74036a[data-position=right]{--_button-section-margin-left:0;--_button-section-margin-right:var(--mantine-spacing-xs)}.m-a25b86ee{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-200%);transition:transform .15s ease,opacity .1s ease}.m-80d6d844{--button-border-width:calc(0.0625rem*var(--mantine-scale));display:flex}.m-80d6d844[data-orientation=horizontal]{flex-direction:row}.m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):first-child{border-bottom-right-radius:0;border-right-width:calc(var(--button-border-width)/2);border-top-right-radius:0}.m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):last-child{border-bottom-left-radius:0;border-left-width:calc(var(--button-border-width)/2);border-top-left-radius:0}.m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):not(:first-child):not(:last-child){border-left-width:calc(var(--button-border-width)/2);border-radius:0;border-right-width:calc(var(--button-border-width)/2)}[dir=rtl] .m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):first-child{border:var(--_button-bd,var(--button-bd,calc(.0625rem*var(--mantine-scale)) solid transparent));border-radius:var(--button-radius,var(--mantine-radius-default));border-bottom-left-radius:0;border-left-width:calc(var(--button-border-width)/2);border-top-left-radius:0}[dir=rtl] .m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):last-child{border:var(--_button-bd,var(--button-bd,calc(.0625rem*var(--mantine-scale)) solid transparent));border-radius:var(--button-radius,var(--mantine-radius-default));border-bottom-right-radius:0;border-right-width:calc(var(--button-border-width)/2);border-top-right-radius:0}.m-80d6d844[data-orientation=vertical]{flex-direction:column}.m-80d6d844[data-orientation=vertical] .m-77c9d27d:not(:only-child):first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:calc(var(--button-border-width)/2)}.m-80d6d844[data-orientation=vertical] .m-77c9d27d:not(:only-child):last-child{border-top-left-radius:0;border-top-right-radius:0;border-top-width:calc(var(--button-border-width)/2)}.m-80d6d844[data-orientation=vertical] .m-77c9d27d:not(:only-child):not(:first-child):not(:last-child){border-bottom-width:calc(var(--button-border-width)/2);border-radius:0;border-top-width:calc(var(--button-border-width)/2)}}
+@layer mantine {.m-77c9d27d{--button-height-xs:calc(1.875rem*var(--mantine-scale));--button-height-sm:calc(2.25rem*var(--mantine-scale));--button-height-md:calc(2.625rem*var(--mantine-scale));--button-height-lg:calc(3.125rem*var(--mantine-scale));--button-height-xl:calc(3.75rem*var(--mantine-scale));--button-height-compact-xs:calc(1.375rem*var(--mantine-scale));--button-height-compact-sm:calc(1.625rem*var(--mantine-scale));--button-height-compact-md:calc(1.875rem*var(--mantine-scale));--button-height-compact-lg:calc(2.125rem*var(--mantine-scale));--button-height-compact-xl:calc(2.5rem*var(--mantine-scale));--button-padding-x-xs:calc(0.875rem*var(--mantine-scale));--button-padding-x-sm:calc(1.125rem*var(--mantine-scale));--button-padding-x-md:calc(1.375rem*var(--mantine-scale));--button-padding-x-lg:calc(1.625rem*var(--mantine-scale));--button-padding-x-xl:calc(2rem*var(--mantine-scale));--button-padding-x-compact-xs:calc(0.4375rem*var(--mantine-scale));--button-padding-x-compact-sm:calc(0.5rem*var(--mantine-scale));--button-padding-x-compact-md:calc(0.625rem*var(--mantine-scale));--button-padding-x-compact-lg:calc(0.75rem*var(--mantine-scale));--button-padding-x-compact-xl:calc(0.875rem*var(--mantine-scale));--button-height:var(--button-height-sm);--button-padding-x:var(--button-padding-x-sm);--button-color:var(--mantine-color-white);background:var(--_button-bg,var(--button-bg,var(--mantine-primary-color-filled)));border:var(--_button-bd,var(--button-bd,calc(.0625rem*var(--mantine-scale)) solid transparent));border-radius:var(--button-radius,var(--mantine-radius-default));color:var(--_button-color,var(--button-color,var(--mantine-color-white)));cursor:var(--_button-cursor,pointer);display:var(--_button-display,inline-block);font-size:var(--button-fz,var(--mantine-font-size-sm));font-weight:600;height:var(--button-height,var(--button-height-sm));line-height:1;overflow:hidden;padding-left:var(--_button-padding-left,var(--button-padding-x,var(--button-padding-x-sm)));padding-right:var(--_button-padding-right,var(--button-padding-x,var(--button-padding-x-sm)));position:relative;text-align:center;user-select:none;vertical-align:middle;width:var(--_button-width,auto)}.m-77c9d27d[data-block]{--_button-display:block;--_button-width:100%}.m-77c9d27d[data-with-left-section]{--_button-padding-left:calc(var(--button-padding-x)/1.5)}[dir=rtl] .m-77c9d27d[data-with-left-section]{--_button-padding-left:var(--button-padding-x)}.m-77c9d27d[data-with-right-section],[dir=rtl] .m-77c9d27d[data-with-left-section]{--_button-padding-right:calc(var(--button-padding-x)/1.5)}[dir=rtl] .m-77c9d27d[data-with-right-section]{--_button-padding-right:var(--button-padding-x);--_button-padding-left:calc(var(--button-padding-x)/1.5)}.m-77c9d27d:disabled:not([data-loading]),.m-77c9d27d[data-disabled]:not([data-loading]){--_button-cursor:not-allowed;--_button-bg:var(--_disabled-bg);--_button-color:var(--_disabled-color);--_button-bd:calc(0.0625rem*var(--mantine-scale)) solid transparent;transform:none}.m-77c9d27d:before{background-color:var(--_button-loading-overlay-bg);border-radius:var(--button-radius,var(--mantine-radius-default));content:"";filter:blur(12px);inset:calc(-.0625rem*var(--mantine-scale));opacity:0;pointer-events:none;position:absolute;transform:translateY(-100%);transition:transform .15s ease,opacity .1s ease}.m-77c9d27d[data-loading]{--_button-cursor:not-allowed;transform:none}.m-77c9d27d[data-loading]:before{opacity:1;transform:translateY(0)}.m-77c9d27d[data-loading] .m-80f1301b{opacity:0;transform:translateY(100%)}.m-77c9d27d[data-loading] .m-a25b86ee{opacity:1;transform:translate(-50%,calc(-50% + .0625rem*var(--mantine-scale)))}@media (hover:hover){.m-77c9d27d:hover:not([data-loading]):not(:disabled):not([data-disabled]){--_button-bg:var(--button-hover,var(--mantine-primary-color-filled-hover));--_button-color:var(--button-hover-color)}}@media (hover:none){.m-77c9d27d:active:not([data-loading]):not(:disabled):not([data-disabled]){--_button-bg:var(--button-hover,var(--mantine-primary-color-filled-hover));--_button-color:var(--button-hover-color)}}[data-mantine-color-scheme=light] .m-77c9d27d{--_disabled-color:var(--mantine-color-gray-5);--_disabled-bg:var(--mantine-color-gray-1);--_button-loading-overlay-bg:hsla(0,0%,100%,.15)}[data-mantine-color-scheme=dark] .m-77c9d27d{--_disabled-color:var(--mantine-color-dark-3);--_disabled-bg:var(--mantine-color-dark-6);--_button-loading-overlay-bg:rgba(0,0,0,.15)}.m-80f1301b{justify-content:var(--button-justify,center);overflow:visible;transition:transform .15s ease,opacity .1s ease}.m-80f1301b,.m-811560b9{align-items:center;display:flex;height:100%}.m-811560b9{opacity:var(--_button-label-opacity,1);overflow:hidden;white-space:nowrap}.m-811560b9[data-loading]{--_button-label-opacity:0.2}.m-a74036a{align-items:center;display:flex;margin-left:var(--_button-section-margin-left);margin-right:var(--_button-section-margin-right)}.m-a74036a[data-position=left]{--_button-section-margin-right:var(--mantine-spacing-xs)}[dir=rtl] .m-a74036a[data-position=left]{--_button-section-margin-right:0}.m-a74036a[data-position=right],[dir=rtl] .m-a74036a[data-position=left]{--_button-section-margin-left:var(--mantine-spacing-xs)}[dir=rtl] .m-a74036a[data-position=right]{--_button-section-margin-left:0;--_button-section-margin-right:var(--mantine-spacing-xs)}.m-a25b86ee{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-200%);transition:transform .15s ease,opacity .1s ease}.m-80d6d844{--button-border-width:calc(0.0625rem*var(--mantine-scale));display:flex}.m-80d6d844[data-orientation=horizontal]{flex-direction:row}.m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):first-child{border-bottom-right-radius:0;border-right-width:calc(var(--button-border-width)/2);border-top-right-radius:0}.m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):last-child{border-bottom-left-radius:0;border-left-width:calc(var(--button-border-width)/2);border-top-left-radius:0}.m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):not(:first-child):not(:last-child){border-left-width:calc(var(--button-border-width)/2);border-radius:0;border-right-width:calc(var(--button-border-width)/2)}[dir=rtl] .m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):first-child{border:var(--_button-bd,var(--button-bd,calc(.0625rem*var(--mantine-scale)) solid transparent));border-radius:var(--button-radius,var(--mantine-radius-default));border-bottom-left-radius:0;border-left-width:calc(var(--button-border-width)/2);border-top-left-radius:0}[dir=rtl] .m-80d6d844[data-orientation=horizontal] .m-77c9d27d:not(:only-child):last-child{border:var(--_button-bd,var(--button-bd,calc(.0625rem*var(--mantine-scale)) solid transparent));border-radius:var(--button-radius,var(--mantine-radius-default));border-bottom-right-radius:0;border-right-width:calc(var(--button-border-width)/2);border-top-right-radius:0}.m-80d6d844[data-orientation=vertical]{flex-direction:column}.m-80d6d844[data-orientation=vertical] .m-77c9d27d:not(:only-child):first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:calc(var(--button-border-width)/2)}.m-80d6d844[data-orientation=vertical] .m-77c9d27d:not(:only-child):last-child{border-top-left-radius:0;border-top-right-radius:0;border-top-width:calc(var(--button-border-width)/2)}.m-80d6d844[data-orientation=vertical] .m-77c9d27d:not(:only-child):not(:first-child):not(:last-child){border-bottom-width:calc(var(--button-border-width)/2);border-radius:0;border-top-width:calc(var(--button-border-width)/2)}}