@mantine/core 7.0.0-alpha.16 → 7.0.0-alpha.18

package/lib/components/Affix/Affix.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
 import { PortalProps } from '../Portal';
 export type AffixStylesNames = 'root';
-export type AffixVariant = string;
 export type AffixCssVariables = {
     root: '--affix-z-index' | '--affix-top' | '--affix-left' | '--affix-bottom' | '--affix-right';
 };
@@ -26,12 +25,10 @@ export type AffixFactory = Factory<{
     ref: HTMLDivElement;
     stylesNames: AffixStylesNames;
     vars: AffixCssVariables;
-    variant: AffixVariant;
 }>;
 export declare const Affix: import("../../core").MantineComponent<{
     props: AffixProps;
     ref: HTMLDivElement;
     stylesNames: AffixStylesNames;
     vars: AffixCssVariables;
-    variant: AffixVariant;
 }>;

package/lib/components/Affix/index.d.ts

@@ -1,2 +1,2 @@
 export { Affix } from './Affix';
-export type { AffixCssVariables, AffixFactory, AffixProps, AffixStylesNames, AffixVariant, } from './Affix';
+export type { AffixCssVariables, AffixFactory, AffixProps, AffixStylesNames } from './Affix';

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { GetStylesApi } from '../../core';
+import type { AppShellFactory } from './AppShell';
+export interface AppShellContext {
+    getStyles: GetStylesApi<AppShellFactory>;
+    withBorder: boolean | undefined;
+    zIndex: React.CSSProperties['zIndex'];
+    disabled: boolean | undefined;
+}
+export declare const AppShellProvider: ({ children, value }: {
+    value: AppShellContext;
+    children: import("react").ReactNode;
+}) => JSX.Element, useAppShellContext: () => AppShellContext;

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

@@ -0,0 +1,96 @@
+import React from 'react';
+import { BoxProps, StylesApiProps, ElementProps, Factory, MantineBreakpoint, MantineSpacing } from '../../core';
+import { AppShellNavbar } from './AppShellNavbar/AppShellNavbar';
+import { AppShellHeader } from './AppShellHeader/AppShellHeader';
+import { AppShellFooter } from './AppShellFooter/AppShellFooter';
+import { AppShellAside } from './AppShellAside/AppShellAside';
+import { AppShellMain } from './AppShellMain/AppShellMain';
+import { AppShellSection } from './AppShellSection/AppShellSection';
+export type AppShellStylesNames = 'root' | 'navbar' | 'main' | 'header' | 'footer' | 'aside' | 'section';
+export type AppShellCssVariables = {
+    root: '--app-shell-transition-duration' | '--app-shell-transition-timing-function';
+};
+export type AppShellSize = number | (string & {});
+export interface AppShellResponsiveSize {
+    base?: AppShellSize;
+    xs?: AppShellSize;
+    sm?: AppShellSize;
+    md?: AppShellSize;
+    lg?: AppShellSize;
+    xl?: AppShellSize;
+    [key: string]: AppShellSize | undefined;
+}
+export interface AppShellProps extends BoxProps, StylesApiProps<AppShellFactory>, ElementProps<'div'> {
+    /** Determines whether associated components should have a border, `true` by default */
+    withBorder?: boolean;
+    /** Main content section padding, `0` by default */
+    padding?: MantineSpacing | AppShellSize | AppShellResponsiveSize;
+    /** Navbar configuration */
+    navbar?: {
+        width: AppShellSize | AppShellResponsiveSize;
+        breakpoint: MantineBreakpoint | (string & {}) | number;
+        collapsed?: {
+            desktop?: boolean;
+            mobile?: boolean;
+        };
+    };
+    /** Aside configuration */
+    aside?: {
+        width: AppShellSize | AppShellResponsiveSize;
+        breakpoint: MantineBreakpoint | (string & {}) | number;
+        collapsed?: {
+            desktop?: boolean;
+            mobile?: boolean;
+        };
+    };
+    /** Header configuration */
+    header?: {
+        height: AppShellSize | AppShellResponsiveSize;
+        collapsed?: boolean;
+        offset?: boolean;
+    };
+    /** Footer configuration */
+    footer?: {
+        height: AppShellSize | AppShellResponsiveSize;
+        collapsed?: boolean;
+        offset?: boolean;
+    };
+    /** Duration of all transitions in ms, `200` by default */
+    transitionDuration?: number;
+    /** Timing function of all transitions, `ease` by default */
+    transitionTimingFunction?: React.CSSProperties['transitionTimingFunction'];
+    /** `z-index` of all associated elements, `200` by default */
+    zIndex?: React.CSSProperties['zIndex'];
+    /** Determines how Navbar/Aside are arranged relative to Header/Footer, `default` by default */
+    layout?: 'default' | 'alt';
+    /** If set, Navbar, Aside, Header and Footer components will not be rendered */
+    disabled?: boolean;
+}
+export type AppShellFactory = Factory<{
+    props: AppShellProps;
+    ref: HTMLDivElement;
+    stylesNames: AppShellStylesNames;
+    vars: AppShellCssVariables;
+    staticComponents: {
+        Navbar: typeof AppShellNavbar;
+        Header: typeof AppShellHeader;
+        Main: typeof AppShellMain;
+        Aside: typeof AppShellAside;
+        Footer: typeof AppShellFooter;
+        Section: typeof AppShellSection;
+    };
+}>;
+export declare const AppShell: import("../../core").MantineComponent<{
+    props: AppShellProps;
+    ref: HTMLDivElement;
+    stylesNames: AppShellStylesNames;
+    vars: AppShellCssVariables;
+    staticComponents: {
+        Navbar: typeof AppShellNavbar;
+        Header: typeof AppShellHeader;
+        Main: typeof AppShellMain;
+        Aside: typeof AppShellAside;
+        Footer: typeof AppShellFooter;
+        Section: typeof AppShellSection;
+    };
+}>;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+export type AppShellAsideStylesNames = 'aside';
+export interface AppShellAsideProps extends BoxProps, StylesApiProps<AppShellAsideFactory>, ElementProps<'aside'> {
+    /** Determines whether component should have a border, overrides `withBorder` prop on `AppShell` component */
+    withBorder?: boolean;
+    /** Component `z-index`, by default inherited from the `AppShell` */
+    zIndex?: React.CSSProperties['zIndex'];
+}
+export type AppShellAsideFactory = Factory<{
+    props: AppShellAsideProps;
+    ref: HTMLElement;
+    stylesNames: AppShellAsideStylesNames;
+}>;
+export declare const AppShellAside: import("../../../core").MantineComponent<{
+    props: AppShellAsideProps;
+    ref: HTMLElement;
+    stylesNames: AppShellAsideStylesNames;
+}>;

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+export type AppShellFooterStylesNames = 'footer';
+export type AppShellFooterVariant = string;
+export type AppShellFooterCssVariables = {
+    root: '--test';
+};
+export interface AppShellFooterProps extends BoxProps, StylesApiProps<AppShellFooterFactory>, ElementProps<'footer'> {
+    /** Determines whether component should have a border, overrides `withBorder` prop on `AppShell` component */
+    withBorder?: boolean;
+    /** Component `z-index`, by default inherited from the `AppShell` */
+    zIndex?: React.CSSProperties['zIndex'];
+}
+export type AppShellFooterFactory = Factory<{
+    props: AppShellFooterProps;
+    ref: HTMLElement;
+    stylesNames: AppShellFooterStylesNames;
+    vars: AppShellFooterCssVariables;
+    variant: AppShellFooterVariant;
+}>;
+export declare const AppShellFooter: import("../../../core").MantineComponent<{
+    props: AppShellFooterProps;
+    ref: HTMLElement;
+    stylesNames: AppShellFooterStylesNames;
+    vars: AppShellFooterCssVariables;
+    variant: AppShellFooterVariant;
+}>;

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+export type AppShellHeaderStylesNames = 'header';
+export type AppShellHeaderVariant = string;
+export type AppShellHeaderCssVariables = {
+    root: '--test';
+};
+export interface AppShellHeaderProps extends BoxProps, StylesApiProps<AppShellHeaderFactory>, ElementProps<'header'> {
+    /** Determines whether component should have a border, overrides `withBorder` prop on `AppShell` component */
+    withBorder?: boolean;
+    /** Component `z-index`, by default inherited from the `AppShell` */
+    zIndex?: React.CSSProperties['zIndex'];
+}
+export type AppShellHeaderFactory = Factory<{
+    props: AppShellHeaderProps;
+    ref: HTMLElement;
+    stylesNames: AppShellHeaderStylesNames;
+    vars: AppShellHeaderCssVariables;
+    variant: AppShellHeaderVariant;
+}>;
+export declare const AppShellHeader: import("../../../core").MantineComponent<{
+    props: AppShellHeaderProps;
+    ref: HTMLElement;
+    stylesNames: AppShellHeaderStylesNames;
+    vars: AppShellHeaderCssVariables;
+    variant: AppShellHeaderVariant;
+}>;

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

@@ -0,0 +1,16 @@
+import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+export type AppShellMainStylesNames = 'main';
+export interface AppShellMainProps extends BoxProps, StylesApiProps<AppShellMainFactory>, ElementProps<'main'> {
+}
+export type AppShellMainFactory = Factory<{
+    props: AppShellMainProps;
+    ref: HTMLElement;
+    stylesNames: AppShellMainStylesNames;
+    compound: true;
+}>;
+export declare const AppShellMain: import("../../../core").MantineComponent<{
+    props: AppShellMainProps;
+    ref: HTMLElement;
+    stylesNames: AppShellMainStylesNames;
+    compound: true;
+}>;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { AppShellProps } from '../AppShell';
+interface AppShellMediaStylesProps {
+    navbar: AppShellProps['navbar'] | undefined;
+    header: AppShellProps['header'] | undefined;
+    aside: AppShellProps['aside'] | undefined;
+    footer: AppShellProps['footer'] | undefined;
+    padding: AppShellProps['padding'] | undefined;
+}
+export declare function AppShellMediaStyles({ navbar, header, aside, footer, padding, }: AppShellMediaStylesProps): JSX.Element;
+export {};

package/lib/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.d.ts

@@ -0,0 +1,12 @@
+import { MantineTheme } from '../../../../core';
+import type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';
+import type { AppShellProps } from '../../AppShell';
+interface AssignAsideVariablesInput {
+    baseStyles: CSSVariables;
+    minMediaStyles: MediaQueryVariables;
+    maxMediaStyles: MediaQueryVariables;
+    aside: AppShellProps['aside'] | undefined;
+    theme: MantineTheme;
+}
+export declare function assignAsideVariables({ baseStyles, minMediaStyles, maxMediaStyles, aside, theme, }: AssignAsideVariablesInput): void;
+export {};

package/lib/components/AppShell/AppShellMediaStyles/assign-footer-variables/assign-footer-variables.d.ts

@@ -0,0 +1,9 @@
+import type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';
+import type { AppShellProps } from '../../AppShell';
+interface AssignFooterVariablesInput {
+    baseStyles: CSSVariables;
+    minMediaStyles: MediaQueryVariables;
+    footer: AppShellProps['footer'] | undefined;
+}
+export declare function assignFooterVariables({ baseStyles, minMediaStyles, footer, }: AssignFooterVariablesInput): void;
+export {};

package/lib/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.d.ts

@@ -0,0 +1,9 @@
+import type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';
+import type { AppShellProps } from '../../AppShell';
+interface AssignHeaderVariablesInput {
+    baseStyles: CSSVariables;
+    minMediaStyles: MediaQueryVariables;
+    header: AppShellProps['header'] | undefined;
+}
+export declare function assignHeaderVariables({ baseStyles, minMediaStyles, header, }: AssignHeaderVariablesInput): void;
+export {};

package/lib/components/AppShell/AppShellMediaStyles/assign-header-variables.d.ts

@@ -0,0 +1,12 @@
+import { MantineTheme } from '../../../core';
+import type { CSSVariables, MediaQueryVariables } from './AppShellMediaStyles';
+import type { AppShellProps } from '../AppShell';
+interface AssignHeaderVariablesInput {
+    baseStyles: CSSVariables;
+    minMediaStyles: MediaQueryVariables;
+    maxMediaStyles: MediaQueryVariables;
+    header: AppShellProps['header'] | undefined;
+    theme: MantineTheme;
+}
+export declare function assignHeaderVariables({ baseStyles, minMediaStyles, header, }: AssignHeaderVariablesInput): void;
+export {};

package/lib/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.d.ts

@@ -0,0 +1,12 @@
+import { MantineTheme } from '../../../../core';
+import type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';
+import type { AppShellProps } from '../../AppShell';
+interface AssignNavbarVariablesInput {
+    baseStyles: CSSVariables;
+    minMediaStyles: MediaQueryVariables;
+    maxMediaStyles: MediaQueryVariables;
+    navbar: AppShellProps['navbar'] | undefined;
+    theme: MantineTheme;
+}
+export declare function assignNavbarVariables({ baseStyles, minMediaStyles, maxMediaStyles, navbar, theme, }: AssignNavbarVariablesInput): void;
+export {};

package/lib/components/AppShell/AppShellMediaStyles/assign-navbar-variables.d.ts

@@ -0,0 +1,12 @@
+import { MantineTheme } from '../../../core';
+import type { CSSVariables, MediaQueryVariables } from './AppShellMediaStyles';
+import type { AppShellProps } from '../AppShell';
+interface AssignNavbarVariablesInput {
+    baseStyles: CSSVariables;
+    minMediaStyles: MediaQueryVariables;
+    maxMediaStyles: MediaQueryVariables;
+    navbar: AppShellProps['navbar'] | undefined;
+    theme: MantineTheme;
+}
+export declare function assignNavbarVariables({ baseStyles, minMediaStyles, maxMediaStyles, navbar, theme, }: AssignNavbarVariablesInput): void;
+export {};

package/lib/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.d.ts

@@ -0,0 +1,9 @@
+import type { AppShellProps } from '../../AppShell';
+import type { CSSVariables, MediaQueryVariables } from '../get-variables/get-variables';
+interface AssignPaddingVariablesInput {
+    baseStyles: CSSVariables;
+    minMediaStyles: MediaQueryVariables;
+    padding: AppShellProps['padding'] | undefined;
+}
+export declare function assignPaddingVariables({ padding, baseStyles, minMediaStyles, }: AssignPaddingVariablesInput): void;
+export {};

package/lib/components/AppShell/AppShellMediaStyles/get-base-size/get-base-size.d.ts

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

package/lib/components/AppShell/AppShellMediaStyles/get-base-size.d.ts

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

package/lib/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.d.ts

@@ -0,0 +1,2 @@
+import { MantineTheme } from '../../../../core';
+export declare function getBreakpointValue(breakpoint: number | string, theme: MantineTheme): number;

package/lib/components/AppShell/AppShellMediaStyles/get-breakpoint-value.d.ts

@@ -0,0 +1,2 @@
+import { MantineTheme } from '../../../core';
+export declare function getBreakpointValue(breakpoint: number | string, theme: MantineTheme): number;

package/lib/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.d.ts

@@ -0,0 +1 @@
+export declare function getPaddingValue(padding: string | number | undefined): string;

package/lib/components/AppShell/AppShellMediaStyles/get-padding-value.d.ts

@@ -0,0 +1 @@
+export declare function getPaddingValue(padding: string | number | undefined): string;

package/lib/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.d.ts

@@ -0,0 +1,5 @@
+import { MantineTheme } from '../../../../core';
+export declare function getSortedBreakpoints(breakpoints: string[], theme: MantineTheme): {
+    value: string;
+    px: number;
+}[];

package/lib/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints.d.ts

@@ -0,0 +1,5 @@
+import { MantineTheme } from '../../../core';
+export declare function getSortedBreakpoints(breakpoints: string[], theme: MantineTheme): {
+    value: string;
+    px: number;
+}[];

package/lib/components/AppShell/AppShellMediaStyles/get-variables/get-variables.d.ts

@@ -0,0 +1,20 @@
+import { MantineTheme } from '../../../../core';
+import type { AppShellProps } from '../../AppShell';
+export type CSSVariables = Record<`--${string}`, string>;
+export type MediaQueryVariables = Record<string, Record<`--${string}`, string>>;
+interface GetVariablesInput {
+    navbar: AppShellProps['navbar'] | undefined;
+    header: AppShellProps['header'] | undefined;
+    footer: AppShellProps['footer'] | undefined;
+    aside: AppShellProps['aside'] | undefined;
+    padding: AppShellProps['padding'] | undefined;
+    theme: MantineTheme;
+}
+export declare function getVariables({ navbar, header, footer, aside, padding, theme }: GetVariablesInput): {
+    baseStyles: CSSVariables;
+    media: {
+        query: string;
+        styles: Record<`--${string}`, string>;
+    }[];
+};
+export {};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { BoxProps, StylesApiProps, ElementProps, Factory } 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 */
+    withBorder?: boolean;
+    /** Component `z-index`, by default inherited from the `AppShell` */
+    zIndex?: React.CSSProperties['zIndex'];
+}
+export type AppShellNavbarFactory = Factory<{
+    props: AppShellNavbarProps;
+    ref: HTMLElement;
+    stylesNames: AppShellNavbarStylesNames;
+}>;
+export declare const AppShellNavbar: import("../../../core").MantineComponent<{
+    props: AppShellNavbarProps;
+    ref: HTMLElement;
+    stylesNames: AppShellNavbarStylesNames;
+}>;

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { BoxProps, StylesApiProps, PolymorphicFactory } from '../../../core';
+export type AppShellSectionStylesNames = 'section';
+export interface AppShellSectionProps extends BoxProps, StylesApiProps<AppShellSectionFactory> {
+    /** Determines whether the section should take all available space, `false` by default */
+    grow?: boolean;
+}
+export type AppShellSectionFactory = PolymorphicFactory<{
+    props: AppShellSectionProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: AppShellSectionStylesNames;
+    compound: true;
+}>;
+export declare const AppShellSection: (<C = "div">(props: import("../../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, AppShellSectionProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(AppShellSectionProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, keyof AppShellSectionProps | "component"> & {
+    ref?: any;
+}) | (AppShellSectionProps & {
+    component: React.ElementType<any>;
+})>, never> & import("../../../core/factory/factory").ThemeExtend<{
+    props: AppShellSectionProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: AppShellSectionStylesNames;
+    compound: true;
+}> & import("../../../core/factory/factory").ComponentClasses<{
+    props: AppShellSectionProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: AppShellSectionStylesNames;
+    compound: true;
+}> & Record<string, never>;

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

@@ -0,0 +1,14 @@
+export { AppShell } from './AppShell';
+export { AppShellAside } from './AppShellAside/AppShellAside';
+export { AppShellFooter } from './AppShellFooter/AppShellFooter';
+export { AppShellHeader } from './AppShellHeader/AppShellHeader';
+export { AppShellNavbar } from './AppShellNavbar/AppShellNavbar';
+export { AppShellSection } from './AppShellSection/AppShellSection';
+export { AppShellMain } from './AppShellMain/AppShellMain';
+export type { AppShellProps, AppShellCssVariables, AppShellFactory, AppShellResponsiveSize, AppShellSize, AppShellStylesNames, } from './AppShell';
+export type { AppShellAsideProps } from './AppShellAside/AppShellAside';
+export type { AppShellFooterProps } from './AppShellFooter/AppShellFooter';
+export type { AppShellHeaderProps } from './AppShellHeader/AppShellHeader';
+export type { AppShellNavbarProps } from './AppShellNavbar/AppShellNavbar';
+export type { AppShellSectionProps } from './AppShellSection/AppShellSection';
+export type { AppShellMainProps } from './AppShellMain/AppShellMain';

package/lib/components/AppShell/use-resizing/use-resizing.d.ts

@@ -0,0 +1,6 @@
+interface UseResizingInput {
+    transitionDuration: number | undefined;
+    disabled: boolean | undefined;
+}
+export declare function useResizing({ transitionDuration, disabled }: UseResizingInput): boolean;
+export {};

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

@@ -1,6 +1,5 @@
 import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
 export type AspectRatioStylesNames = 'root';
-export type AspectRatioVariant = string;
 export type AspectRatioCssVariables = {
     root: '--ar-ratio';
 };
@@ -13,12 +12,10 @@ export type AspectRatioFactory = Factory<{
     ref: HTMLDivElement;
     stylesNames: AspectRatioStylesNames;
     vars: AspectRatioCssVariables;
-    variant: AspectRatioVariant;
 }>;
 export declare const AspectRatio: import("../../core").MantineComponent<{
     props: AspectRatioProps;
     ref: HTMLDivElement;
     stylesNames: AspectRatioStylesNames;
     vars: AspectRatioCssVariables;
-    variant: AspectRatioVariant;
 }>;

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

@@ -1,2 +1,2 @@
 export { AspectRatio } from './AspectRatio';
-export type { AspectRatioCssVariables, AspectRatioFactory, AspectRatioProps, AspectRatioStylesNames, AspectRatioVariant, } from './AspectRatio';
+export type { AspectRatioCssVariables, AspectRatioFactory, AspectRatioProps, AspectRatioStylesNames, } from './AspectRatio';

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

@@ -0,0 +1,24 @@
+import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { __InputStylesNames, __BaseInputProps, InputVariant } from '../Input';
+import { ComboboxLikeProps, ComboboxLikeStylesNames } from '../Combobox';
+export type AutocompleteStylesNames = __InputStylesNames | ComboboxLikeStylesNames;
+export interface AutocompleteProps extends BoxProps, __BaseInputProps, ComboboxLikeProps, StylesApiProps<AutocompleteFactory>, ElementProps<'input', 'onChange' | 'size'> {
+    /** Controlled component value */
+    value?: string;
+    /** Uncontrolled component default value */
+    defaultValue?: string;
+    /** Called when value changes */
+    onChange?(value: string): void;
+}
+export type AutocompleteFactory = Factory<{
+    props: AutocompleteProps;
+    ref: HTMLInputElement;
+    stylesNames: AutocompleteStylesNames;
+    variant: InputVariant;
+}>;
+export declare const Autocomplete: import("../../core").MantineComponent<{
+    props: AutocompleteProps;
+    ref: HTMLInputElement;
+    stylesNames: AutocompleteStylesNames;
+    variant: InputVariant;
+}>;

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

@@ -0,0 +1,2 @@
+export { Autocomplete } from './Autocomplete';
+export type { AutocompleteFactory, AutocompleteProps, AutocompleteStylesNames, } from './Autocomplete';

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

@@ -1,8 +1,7 @@
 import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSpacing } from '../../../core';
-export type AvatarGroupStylesNames = 'root';
-export type AvatarGroupVariant = string;
+export type AvatarGroupStylesNames = 'group';
 export type AvatarGroupCssVariables = {
-    root: '--ag-spacing';
+    group: '--ag-spacing';
 };
 export interface AvatarGroupProps extends BoxProps, StylesApiProps<AvatarGroupFactory>, ElementProps<'div'> {
     /** Negative space between Avatar components, `'sm'` by default */
@@ -13,12 +12,10 @@ export type AvatarGroupFactory = Factory<{
     ref: HTMLDivElement;
     stylesNames: AvatarGroupStylesNames;
     vars: AvatarGroupCssVariables;
-    variant: AvatarGroupVariant;
 }>;
 export declare const AvatarGroup: import("../../../core").MantineComponent<{
     props: AvatarGroupProps;
     ref: HTMLDivElement;
     stylesNames: AvatarGroupStylesNames;
     vars: AvatarGroupCssVariables;
-    variant: AvatarGroupVariant;
 }>;

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

@@ -1,4 +1,4 @@
 export { Avatar } from './Avatar';
 export { AvatarGroup } from './AvatarGroup/AvatarGroup';
 export type { AvatarCssVariables, AvatarFactory, AvatarProps, AvatarStylesNames, AvatarVariant, } from './Avatar';
-export type { AvatarGroupCssVariables, AvatarGroupFactory, AvatarGroupProps, AvatarGroupStylesNames, AvatarGroupVariant, } from './AvatarGroup/AvatarGroup';
+export type { AvatarGroupCssVariables, AvatarGroupFactory, AvatarGroupProps, AvatarGroupStylesNames, } from './AvatarGroup/AvatarGroup';

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import { BoxProps, StylesApiProps, MantineRadius, PolymorphicFactory } from '../../core';
 export type BackgroundImageStylesNames = 'root';
-export type BackgroundImageVariant = string;
 export type BackgroundImageCssVariables = {
     root: '--bi-radius';
 };
@@ -15,7 +14,6 @@ export type BackgroundImageFactory = PolymorphicFactory<{
     props: BackgroundImageProps;
     defaultRef: HTMLDivElement;
     defaultComponent: 'div';
-    variant: BackgroundImageVariant;
     stylesNames: BackgroundImageStylesNames;
     vars: BackgroundImageCssVariables;
 }>;
@@ -29,14 +27,12 @@ export declare const BackgroundImage: (<C = "div">(props: import("../../core/fac
     props: BackgroundImageProps;
     defaultRef: HTMLDivElement;
     defaultComponent: 'div';
-    variant: BackgroundImageVariant;
     stylesNames: BackgroundImageStylesNames;
     vars: BackgroundImageCssVariables;
 }> & import("../../core/factory/factory").ComponentClasses<{
     props: BackgroundImageProps;
     defaultRef: HTMLDivElement;
     defaultComponent: 'div';
-    variant: BackgroundImageVariant;
     stylesNames: BackgroundImageStylesNames;
     vars: BackgroundImageCssVariables;
 }> & Record<string, never>;

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

@@ -1,2 +1,2 @@
 export { BackgroundImage } from './BackgroundImage';
-export type { BackgroundImageProps, BackgroundImageCssVariables, BackgroundImageFactory, BackgroundImageStylesNames, BackgroundImageVariant, } from './BackgroundImage';
+export type { BackgroundImageProps, BackgroundImageCssVariables, BackgroundImageFactory, BackgroundImageStylesNames, } from './BackgroundImage';

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import { BoxProps, StylesApiProps, ElementProps, Factory, MantineColor, MantineRadius } from '../../core';
 export type BlockquoteStylesNames = 'root' | 'icon' | 'cite';
-export type BlockquoteVariant = string;
 export type BlockquoteCssVariables = {
     root: '--bq-bg-light' | '--bq-bg-dark' | '--bq-bd' | '--bq-icon-size' | '--bq-radius';
 };
@@ -22,12 +21,10 @@ export type BlockquoteFactory = Factory<{
     ref: HTMLQuoteElement;
     stylesNames: BlockquoteStylesNames;
     vars: BlockquoteCssVariables;
-    variant: BlockquoteVariant;
 }>;
 export declare const Blockquote: import("../../core").MantineComponent<{
     props: BlockquoteProps;
     ref: HTMLQuoteElement;
     stylesNames: BlockquoteStylesNames;
     vars: BlockquoteCssVariables;
-    variant: BlockquoteVariant;
 }>;