@mantine/core 7.0.0-alpha.2 → 7.0.0-alpha.21

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

@@ -0,0 +1,21 @@
+import { ElementProps, Factory } from '../../core';
+import { InputBaseProps } from '../InputBase';
+import { __InputStylesNames } from '../Input';
+export interface TextareaProps extends InputBaseProps, ElementProps<'textarea', 'size'> {
+    /** Determines whether the textarea height should grow with its content, `false` by default */
+    autosize?: boolean;
+    /** Maximum rows for autosize textarea to grow, ignored if `autosize` prop is not set */
+    maxRows?: number;
+    /** Minimum rows of autosize textarea, ignored if `autosize` prop is not set */
+    minRows?: number;
+}
+export type TextareaFactory = Factory<{
+    props: TextareaProps;
+    ref: HTMLInputElement;
+    stylesNames: __InputStylesNames;
+}>;
+export declare const Textarea: import("../../core").MantineComponent<{
+    props: TextareaProps;
+    ref: HTMLInputElement;
+    stylesNames: __InputStylesNames;
+}>;

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

@@ -0,0 +1,2 @@
+export { Textarea } from './Textarea';
+export type { TextareaFactory, TextareaProps } from './Textarea';

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { BoxProps, StylesApiProps, ElementProps, Factory, MantineGradient, MantineRadius, MantineColor, MantineSize } from '../../core';
+export type ThemeIconStylesNames = 'root';
+export type ThemeIconVariant = 'filled' | 'light' | 'outline' | 'transparent' | 'white' | 'default' | 'gradient';
+export type ThemeIconCssVariables = {
+    root: '--ti-radius' | '--ti-size' | '--ti-bg' | '--ti-color' | '--ti-bd';
+};
+export interface ThemeIconProps extends BoxProps, StylesApiProps<ThemeIconFactory>, ElementProps<'div'> {
+    /** Controls width and height of the button. Numbers are converted to rem. `'md'` by default. */
+    size?: MantineSize | (string & {}) | number;
+    /** Key of `theme.colors` or any valid CSS color. Default value is `theme.primaryColor`.  */
+    color?: MantineColor;
+    /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. `theme.defaultRadius` by default. */
+    radius?: MantineRadius | (string & {}) | number;
+    /** Gradient data used when `variant="gradient"`, default value is `theme.defaultGradient` */
+    gradient?: MantineGradient;
+    /** Icon displayed inside the component */
+    children?: React.ReactNode;
+}
+export type ThemeIconFactory = Factory<{
+    props: ThemeIconProps;
+    ref: HTMLDivElement;
+    stylesNames: ThemeIconStylesNames;
+    vars: ThemeIconCssVariables;
+    variant: ThemeIconVariant;
+}>;
+export declare const ThemeIcon: import("../../core").MantineComponent<{
+    props: ThemeIconProps;
+    ref: HTMLDivElement;
+    stylesNames: ThemeIconStylesNames;
+    vars: ThemeIconCssVariables;
+    variant: ThemeIconVariant;
+}>;

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

@@ -0,0 +1,2 @@
+export { ThemeIcon } from './ThemeIcon';
+export type { ThemeIconCssVariables, ThemeIconFactory, ThemeIconProps, ThemeIconStylesNames, ThemeIconVariant, } from './ThemeIcon';

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

@@ -3,7 +3,6 @@ import { StylesApiProps, ElementProps, Factory, BoxProps } from '../../core';
 export type TitleOrder = 1 | 2 | 3 | 4 | 5 | 6;
 export type TitleSize = `h${TitleOrder}` | React.CSSProperties['fontSize'];
 export type TitleStylesNames = 'root';
-export type TitleVariant = string;
 export type TitleCssVariables = {
     root: '--title-fw' | '--title-lh' | '--title-fz';
 };
@@ -18,12 +17,10 @@ export type TitleFactory = Factory<{
     ref: HTMLHeadingElement;
     stylesNames: TitleStylesNames;
     vars: TitleCssVariables;
-    variant: TitleVariant;
 }>;
 export declare const Title: import("../../core").MantineComponent<{
     props: TitleProps;
     ref: HTMLHeadingElement;
     stylesNames: TitleStylesNames;
     vars: TitleCssVariables;
-    variant: TitleVariant;
 }>;

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

@@ -1,2 +1,2 @@
 export { Title } from './Title';
-export type { TitleProps, TitleOrder, TitleSize, TitleStylesNames, TitleCssVariables, TitleFactory, TitleVariant, } from './Title';
+export type { TitleProps, TitleOrder, TitleSize, TitleStylesNames, TitleCssVariables, TitleFactory, } from './Title';

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

@@ -1,5 +1,5 @@
 import { Factory } from '../../core';
-import { ArrowPosition, FloatingPosition } from '../Floating';
+import { ArrowPosition, FloatingAxesOffsets, FloatingPosition } from '../Floating';
 import { TransitionOverride } from '../Transition';
 import { TooltipBaseProps, TooltipCssVariables, TooltipStylesNames } from './Tooltip.types';
 import { TooltipFloating } from './TooltipFloating/TooltipFloating';
@@ -14,18 +14,18 @@ export interface TooltipProps extends TooltipBaseProps {
     /** Controlled opened state */
     opened?: boolean;
     /** Space between target element and tooltip in px, `5` by default */
-    offset?: number;
+    offset?: number | FloatingAxesOffsets;
     /** Determines whether the tooltip should have an arrow, `false` by default */
     withArrow?: boolean;
     /** Arrow size in px, `4` by default */
     arrowSize?: number;
     /** Arrow offset in px, `5` by default */
     arrowOffset?: number;
-    /** Arrow border-radius in px, `0` by default */
+    /** Arrow `border-radius` in px, `0` by default */
     arrowRadius?: number;
-    /** Arrow position relative to the tooltip, `side` by default **/
+    /** Arrow position relative to the tooltip, `side` by default */
     arrowPosition?: ArrowPosition;
-    /** Props spread to Transition component that used to animate tooltip presence, use to configure duration and animation type, `{ duration: 100, transition: 'fade' }` by default */
+    /** Props passed down to the `Transition` component that used to animate tooltip presence, use to configure duration and animation type, `{ duration: 100, transition: 'fade' }` by default */
     transitionProps?: TransitionOverride;
     /** Determines which events will be used to show tooltip, `{ hover: true, focus: false, touch: false }` by default */
     events?: {
@@ -35,9 +35,9 @@ export interface TooltipProps extends TooltipBaseProps {
     };
     /** `useEffect` dependencies to force update tooltip position */
     positionDependencies?: any[];
-    /** Must be set if the tooltip target is inline element */
+    /** Must be set if the tooltip target is an inline element */
     inline?: boolean;
-    /** If set tooltip will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead */
+    /** If set, the tooltip will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead */
     keepMounted?: boolean;
 }
 export type TooltipFactory = Factory<{

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

@@ -4,12 +4,11 @@ import { FloatingPosition } from '../Floating';
 import { PortalProps } from '../Portal';
 import type { TooltipFactory } from './Tooltip';
 export type TooltipStylesNames = 'tooltip' | 'arrow';
-export type TooltipVariant = string;
 export type TooltipCssVariables = {
     tooltip: '--tooltip-radius' | '--tooltip-bg';
 };
 export interface TooltipBaseProps extends BoxProps, StylesApiProps<TooltipFactory>, ElementProps<'div'> {
-    /** Target element, must support `ref` prop and spread `...others` */
+    /** Target element, must support `ref` prop and `...others` */
     children: React.ReactNode;
     /** Tooltip position relative to target element (`Tooltip` component) or mouse (`Tooltip.Floating` component) */
     position?: FloatingPosition;
@@ -19,14 +18,14 @@ export interface TooltipBaseProps extends BoxProps, StylesApiProps<TooltipFactor
     label: React.ReactNode;
     /** Determines whether tooltip should be rendered within `Portal`, `true` by default */
     withinPortal?: boolean;
-    /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem (1rem = 16px), `theme.defaultRadius` by default */
+    /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem, `theme.defaultRadius` by default */
     radius?: MantineRadius | (string & {}) | number;
     /** Key of `theme.colors` or any valid CSS color, controls tooltip background, by default set based on current color scheme */
     color?: MantineColor;
     /** Determines whether content should be wrapped on to the next line, `false` by default */
     multiline?: boolean;
     /** Tooltip z-index, `300` by default */
-    zIndex?: React.CSSProperties['zIndex'];
+    zIndex?: string | number;
     /** If set, tooltip element will not be rendered */
     disabled?: boolean;
     /** Props to pass down to the portal when withinPortal is true */

package/lib/components/Tooltip/TooltipFloating/use-floating-tooltip.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FloatingPosition } from '../../Floating';
 interface UseFloatingTooltip {
     offset: number;
@@ -5,11 +6,11 @@ interface UseFloatingTooltip {
 }
 export declare function useFloatingTooltip<T extends HTMLElement = any>({ offset, position, }: UseFloatingTooltip): {
     handleMouseMove: ({ clientX, clientY }: MouseEvent | React.MouseEvent<T, MouseEvent>) => void;
-    x: number | null;
-    y: number | null;
+    x: number;
+    y: number;
     opened: boolean;
     setOpened: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     boundaryRef: import("react").MutableRefObject<T | undefined>;
-    floating: (node: HTMLElement | null) => void;
+    floating: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
 };
 export {};

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

@@ -7,7 +7,7 @@ export interface TooltipGroupProps {
     /** Close delay in ms */
     closeDelay?: number;
 }
-export declare function TooltipGroup(props: TooltipGroupProps): JSX.Element;
+export declare function TooltipGroup(props: TooltipGroupProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TooltipGroup {
     var displayName: string;
 }

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

@@ -1,5 +1,7 @@
 export { Tooltip } from './Tooltip';
+export { TooltipGroup } from './TooltipGroup/TooltipGroup';
+export { TooltipFloating } from './TooltipFloating/TooltipFloating';
 export type { TooltipProps, TooltipFactory } from './Tooltip';
 export type { TooltipGroupProps } from './TooltipGroup/TooltipGroup';
 export type { TooltipFloatingProps } from './TooltipFloating/TooltipFloating';
-export type { TooltipCssVariables, TooltipStylesNames, TooltipVariant } from './Tooltip.types';
+export type { TooltipCssVariables, TooltipStylesNames } from './Tooltip.types';

package/lib/components/Tooltip/use-tooltip.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import { FloatingPosition } from '../Floating';
+import { FloatingAxesOffsets, FloatingPosition } from '../Floating';
 interface UseTooltip {
     position: FloatingPosition;
     closeDelay?: number;
     openDelay?: number;
     onPositionChange?(position: FloatingPosition): void;
     opened?: boolean;
-    offset: number;
+    offset: number | FloatingAxesOffsets;
     arrowRef?: React.RefObject<HTMLDivElement>;
     arrowOffset?: number;
     events?: {
@@ -18,12 +18,12 @@ interface UseTooltip {
     inline?: boolean;
 }
 export declare function useTooltip(settings: UseTooltip): {
-    x: number | null;
-    y: number | null;
+    x: number;
+    y: number;
     arrowX: number | undefined;
     arrowY: number | undefined;
-    reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
-    floating: (node: HTMLElement | null) => void;
+    reference: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
+    floating: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
     getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
     getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
     isGroupPhase: any;

package/lib/components/Transition/Transition.d.ts

@@ -25,7 +25,7 @@ export interface TransitionProps {
     onEntered?: () => void;
 }
 export type TransitionOverride = Partial<Omit<TransitionProps, 'mounted'>>;
-export declare function Transition({ keepMounted, transition, duration, exitDuration, mounted, children, timingFunction, onExit, onEntered, onEnter, onExited, }: TransitionProps): JSX.Element | null;
+export declare function Transition({ keepMounted, transition, duration, exitDuration, mounted, children, timingFunction, onExit, onEntered, onEnter, onExited, }: TransitionProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace Transition {
     var displayName: string;
 }

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

@@ -0,0 +1,14 @@
+import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+export type TypographyStylesProviderStylesNames = 'root';
+export interface TypographyStylesProviderProps extends BoxProps, StylesApiProps<TypographyStylesProviderFactory>, ElementProps<'div'> {
+}
+export type TypographyStylesProviderFactory = Factory<{
+    props: TypographyStylesProviderProps;
+    ref: HTMLDivElement;
+    stylesNames: TypographyStylesProviderStylesNames;
+}>;
+export declare const TypographyStylesProvider: import("../../core").MantineComponent<{
+    props: TypographyStylesProviderProps;
+    ref: HTMLDivElement;
+    stylesNames: TypographyStylesProviderStylesNames;
+}>;

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

@@ -0,0 +1,2 @@
+export { TypographyStylesProvider } from './TypographyStylesProvider';
+export type { TypographyStylesProviderFactory, TypographyStylesProviderProps, TypographyStylesProviderStylesNames, } from './TypographyStylesProvider';

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

@@ -21,4 +21,9 @@ export declare const UnstyledButton: (<C = "button">(props: import("../../core/f
     stylesNames: UnstyledButtonStylesNames;
     defaultComponent: 'button';
     defaultRef: HTMLButtonElement;
+}> & import("../../core/factory/factory").ComponentClasses<{
+    props: UnstyledButtonProps;
+    stylesNames: UnstyledButtonStylesNames;
+    defaultComponent: 'button';
+    defaultRef: HTMLButtonElement;
 }> & Record<string, never>;

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

@@ -1,7 +1,14 @@
-import React from 'react';
-export interface VisuallyHiddenProps extends React.ComponentPropsWithoutRef<'span'> {
-}
-export declare function VisuallyHidden({ className, ...others }: VisuallyHiddenProps): JSX.Element;
-export declare namespace VisuallyHidden {
-    var displayName: string;
+import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+export type VisuallyHiddenStylesNames = 'root';
+export interface VisuallyHiddenProps extends BoxProps, StylesApiProps<VisuallyHiddenFactory>, ElementProps<'div'> {
 }
+export type VisuallyHiddenFactory = Factory<{
+    props: VisuallyHiddenProps;
+    ref: HTMLDivElement;
+    stylesNames: VisuallyHiddenStylesNames;
+}>;
+export declare const VisuallyHidden: import("../../core").MantineComponent<{
+    props: VisuallyHiddenProps;
+    ref: HTMLDivElement;
+    stylesNames: VisuallyHiddenStylesNames;
+}>;

package/lib/components/index.d.ts

@@ -1,44 +1,90 @@
+export * from './Collapse';
+export * from './ScrollArea';
+export * from './UnstyledButton';
+export * from './VisuallyHidden';
+export * from './Paper';
+export * from './Popover';
 export * from './ActionIcon';
+export * from './CloseButton';
+export * from './Group';
+export * from './Loader';
+export * from './Overlay';
+export * from './ModalBase';
+export * from './Input';
+export * from './InputBase';
+export * from './Accordion';
+export * from './Affix';
+export * from './Alert';
 export * from './Anchor';
+export * from './AppShell';
+export * from './AspectRatio';
+export * from './Autocomplete';
+export * from './Avatar';
 export * from './BackgroundImage';
+export * from './Badge';
 export * from './Blockquote';
 export * from './Breadcrumbs';
 export * from './Burger';
 export * from './Button';
+export * from './Card';
 export * from './Center';
 export * from './Checkbox';
-export * from './CloseButton';
+export * from './Chip';
 export * from './Code';
-export * from './Collapse';
 export * from './ColorPicker';
+export * from './ColorInput';
 export * from './ColorSwatch';
+export * from './Combobox';
 export * from './Container';
 export * from './CopyButton';
+export * from './Divider';
+export * from './Drawer';
+export * from './Fieldset';
 export * from './FileButton';
+export * from './FileInput';
 export * from './Floating';
 export * from './FocusTrap';
-export * from './Group';
+export * from './Grid';
 export * from './Highlight';
-export * from './Input';
-export * from './InputBase';
+export * from './HoverCard';
+export * from './Image';
+export * from './Indicator';
+export * from './JsonInput';
 export * from './Kbd';
-export * from './Loader';
+export * from './LoadingOverlay';
 export * from './Mark';
+export * from './Menu';
+export * from './Modal';
+export * from './MultiSelect';
 export * from './NativeSelect';
-export * from './Paper';
-export * from './Popover';
+export * from './Notification';
+export * from './NumberInput';
+export * from './Pagination';
+export * from './PasswordInput';
+export * from './Pill';
+export * from './PillsInput';
+export * from './PinInput';
 export * from './Portal';
-export * from './ScrollArea';
+export * from './Progress';
+export * from './Rating';
+export * from './RingProgress';
 export * from './SegmentedControl';
+export * from './Select';
+export * from './SimpleGrid';
+export * from './Skeleton';
 export * from './Slider';
+export * from './Space';
 export * from './Stack';
+export * from './Stepper';
 export * from './Switch';
 export * from './Table';
 export * from './Tabs';
+export * from './TagsInput';
 export * from './Text';
+export * from './Textarea';
 export * from './TextInput';
+export * from './ThemeIcon';
 export * from './Title';
 export * from './Tooltip';
 export * from './Transition';
-export * from './UnstyledButton';
-export * from './VisuallyHidden';
+export * from './TypographyStylesProvider';

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

@@ -1,15 +1,20 @@
 import React from 'react';
+import { MantineBreakpoint } from '../MantineProvider';
 import type { MantineStyleProp, CssVarsProp } from './Box.types';
 import { MantineStyleProps } from './style-props';
 export type Mod = Record<string, any> | string;
 export type BoxMod = Mod | Mod[] | BoxMod[];
 export interface BoxProps extends MantineStyleProps {
-    /** Class added to root element, if applicable */
+    /** Class added to the root element, if applicable */
     className?: string;
     /** Inline style added to root component element, can subscribe to theme defined on MantineProvider */
     style?: MantineStyleProp;
     /** CSS variables defined on root component element */
     __vars?: CssVarsProp;
+    /** Breakpoint above which the component is hidden with `display: none` */
+    hiddenFrom?: MantineBreakpoint;
+    /** Breakpoint below which the component is hidden with `display: none` */
+    visibleFrom?: MantineBreakpoint;
 }
 export type ElementProps<ElementType extends React.ElementType, PropsToOmit extends string = never> = Omit<React.ComponentPropsWithoutRef<ElementType>, 'style' | PropsToOmit>;
 export interface BoxComponentProps extends BoxProps {

package/lib/core/DirectionProvider/DirectionProvider.d.ts

@@ -15,4 +15,4 @@ export interface DirectionProviderProps {
     /** Determines whether direction should be updated on mount based on `dir` attribute set on root element (usually html element), `true` by default  */
     detectDirection?: boolean;
 }
-export declare function DirectionProvider({ children, initialDirection, detectDirection, }: DirectionProviderProps): JSX.Element;
+export declare function DirectionProvider({ children, initialDirection, detectDirection, }: DirectionProviderProps): import("react/jsx-runtime").JSX.Element;

package/lib/core/InlineStyles/InlineStyles.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import { InlineStylesInput } from './styles-to-string/styles-to-string';
 export interface InlineStylesProps extends InlineStylesInput, Omit<React.ComponentPropsWithoutRef<'style'>, keyof InlineStylesInput> {
 }
-export declare function InlineStyles({ selector, styles, media }: InlineStylesInput): JSX.Element;
+export declare function InlineStyles({ selector, styles, media }: InlineStylesInput): import("react/jsx-runtime").JSX.Element;

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

@@ -4,4 +4,4 @@ export interface ColorSchemeScriptProps extends React.ComponentPropsWithoutRef<'
     defaultColorScheme?: MantineColorScheme;
     localStorageKey?: string;
 }
-export declare function ColorSchemeScript({ defaultColorScheme, localStorageKey, ...others }: ColorSchemeScriptProps): JSX.Element;
+export declare function ColorSchemeScript({ defaultColorScheme, localStorageKey, ...others }: ColorSchemeScriptProps): import("react/jsx-runtime").JSX.Element;

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

@@ -11,6 +11,7 @@ interface MantineContextValue {
     classNamesPrefix: string;
     getStyleNonce?(): string | undefined;
     cssVariablesResolver?(theme: MantineTheme): ConvertCSSVariablesInput;
+    cssVariablesSelector: string;
 }
 export declare const MantineContext: import("react").Context<MantineContextValue | null>;
 export declare function useMantineContext(): MantineContextValue;

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

@@ -0,0 +1 @@
+export declare function MantineClasses(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { MantineClasses } from './MantineClasses';

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 interface MantineCssVariablesProps {
     cssVariablesSelector: string;
 }
-export declare function MantineCssVariables({ cssVariablesSelector }: MantineCssVariablesProps): JSX.Element;
+export declare function MantineCssVariables({ cssVariablesSelector }: MantineCssVariablesProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace MantineCssVariables {
     var displayName: string;
 }

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

@@ -0,0 +1,2 @@
+import { ConvertCSSVariablesInput } from '../convert-css-variables';
+export declare function removeDefaultVariables(input: ConvertCSSVariablesInput): ConvertCSSVariablesInput;

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

@@ -1,5 +1,4 @@
-import './styles/css-reset.css';
-import './styles/global-styles.css';
+import './global.css';
 import React from 'react';
 import { CSSVariablesResolver } from './MantineCssVariables';
 import type { MantineColorScheme, MantineThemeOverride } from './theme.types';
@@ -9,24 +8,24 @@ export interface MantineProviderProps {
     theme?: MantineThemeOverride;
     /** Used to retrieve/set color scheme value in external storage, by default uses `window.localStorage` */
     colorSchemeManager?: MantineColorSchemeManager;
-    /** Default value used when colorSchemeManager cannot retrieve value from external storage, `auto` by default */
+    /** Default color scheme value used when `colorSchemeManager` cannot retrieve value from external storage, `auto` by default */
     defaultColorScheme?: MantineColorScheme;
-    /** CSS selector to which css variables should be added, `:root` by default */
+    /** CSS selector to which CSS variables should be added, `:root` by default */
     cssVariablesSelector?: string;
-    /** Determines whether theme css variables should be added to given `cssVariablesSelector`, `true` by default */
+    /** Determines whether theme CSS variables should be added to given `cssVariablesSelector`, `true` by default */
     withCssVariables?: boolean;
-    /** Function ro resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */
+    /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */
     getRootElement?(): HTMLElement | undefined;
-    /** A prefix for components static classNames (for example {selector}-Text-root), `mantine` by default */
+    /** A prefix for components static classes (for example {selector}-Text-root), `mantine` by default */
     classNamesPrefix?: string;
     /** Function to generate nonce attribute added to all generated `<style />` tags */
     getStyleNonce?(): string;
-    /** Function to generate CSS variables styles based on theme object */
+    /** Function to generate CSS variables based on theme object */
     cssVariablesResolver?: CSSVariablesResolver;
     /** Your application */
     children?: React.ReactNode;
 }
-export declare function MantineProvider({ theme, children, getStyleNonce, withCssVariables, cssVariablesSelector, classNamesPrefix, colorSchemeManager, defaultColorScheme, getRootElement, cssVariablesResolver, }: MantineProviderProps): JSX.Element;
+export declare function MantineProvider({ theme, children, getStyleNonce, withCssVariables, cssVariablesSelector, classNamesPrefix, colorSchemeManager, defaultColorScheme, getRootElement, cssVariablesResolver, }: MantineProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace MantineProvider {
     var displayName: string;
 }

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

@@ -11,7 +11,7 @@ export interface MantineThemeProviderProps {
     /** Your application or part of the application that requires different theme */
     children: React.ReactNode;
 }
-export declare function MantineThemeProvider({ theme, children, inherit, }: MantineThemeProviderProps): JSX.Element;
+export declare function MantineThemeProvider({ theme, children, inherit, }: MantineThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace MantineThemeProvider {
     var displayName: string;
 }

package/lib/core/MantineProvider/suppress-nextjs-warning.d.ts

@@ -0,0 +1 @@
+export declare function suppressNextjsWarning(): void;