@mantine/core 7.0.0-alpha.19 → 7.0.0-alpha.20

package/lib/components/PinInput/PinInput.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { BoxProps, ElementProps, Factory, MantineRadius, MantineSize, MantineSpacing, StylesApiProps } from '../../core';
+export type PinInputStylesNames = 'root' | 'pinInput' | 'input';
+export type PinInputCssVariables = {
+    root: '--pin-input-size';
+};
+export interface PinInputProps extends BoxProps, StylesApiProps<PinInputFactory>, ElementProps<'div', 'onChange'> {
+    /** Hidden input name attribute */
+    name?: string;
+    /** Hidden input form attribute */
+    form?: string;
+    /** Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem, `'md'` by default */
+    gap?: MantineSpacing | (string & {}) | number;
+    /** 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;
+    /** Controls inputs `width` and `height`, `'sm'` by default */
+    size?: MantineSize;
+    /** If set, the first input is focused when component is mounted, `false` by default */
+    autoFocus?: boolean;
+    /** Controlled component value */
+    value?: string;
+    /** Uncontrolled component default value */
+    defaultValue?: string;
+    /** Called when value changes */
+    onChange?(value: string): void;
+    /** Called when all inputs have value */
+    onComplete?(value: string): void;
+    /** Inputs placeholder, `'○'` by default */
+    placeholder?: string;
+    /** Determines whether focus should be moved automatically to the next input once filled, `true` by default */
+    manageFocus?: boolean;
+    /** Determines whether `autocomplete="one-time-code"` attribute should be set on all inputs, `true` by default */
+    oneTimeCode?: boolean;
+    /** Base id used for all inputs, generated randomly by default */
+    id?: string;
+    /** Disables all inputs */
+    disabled?: boolean;
+    /** Adds error styles to all inputs */
+    error?: boolean;
+    /** Allowed values, `'alphanumeric'` by default */
+    type?: 'alphanumeric' | 'number' | RegExp;
+    /** Changes input type to `"password"`, `false` by default */
+    mask?: boolean;
+    /** Number of input boxes, `4` by default */
+    length?: number;
+    /** Determines whether input content can be edited */
+    readOnly?: boolean;
+    /** Inputs `type` attribute, inferred from the `type` prop if not specified */
+    inputType?: React.HTMLInputTypeAttribute;
+    /** `inputmode` attribute, inferred from the `type` prop if not specified */
+    inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search' | undefined;
+    /** `aria-label` for the inputs */
+    ariaLabel?: string;
+}
+export type PinInputFactory = Factory<{
+    props: PinInputProps;
+    ref: HTMLInputElement;
+    stylesNames: PinInputStylesNames;
+    vars: PinInputCssVariables;
+}>;
+export declare const PinInput: import("../../core").MantineComponent<{
+    props: PinInputProps;
+    ref: HTMLInputElement;
+    stylesNames: PinInputStylesNames;
+    vars: PinInputCssVariables;
+}>;

package/lib/components/PinInput/create-pin-array/create-pin-array.d.ts

@@ -0,0 +1 @@
+export declare function createPinArray(length: number, value: string): string[];

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

@@ -0,0 +1,2 @@
+export { PinInput } from './PinInput';
+export type { PinInputProps, PinInputStylesNames, PinInputFactory } from './PinInput';

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

@@ -49,5 +49,5 @@ interface PopoverContext {
 export declare const PopoverContextProvider: ({ children, value }: {
     value: PopoverContext;
     children: import("react").ReactNode;
-}) => JSX.Element, usePopoverContext: () => PopoverContext;
+}) => import("react/jsx-runtime").JSX.Element, usePopoverContext: () => PopoverContext;
 export {};

package/lib/components/Popover/Popover.d.ts

@@ -82,7 +82,7 @@ export type PopoverFactory = Factory<{
     stylesNames: PopoverStylesNames;
     vars: PopoverCssVariables;
 }>;
-export declare function Popover(_props: PopoverProps): JSX.Element;
+export declare function Popover(_props: PopoverProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Popover {
     var Target: import("../../core").MantineComponent<{
         props: import("./PopoverTarget/PopoverTarget").PopoverTargetProps;

package/lib/components/Popover/use-popover.d.ts

@@ -17,7 +17,44 @@ interface UsePopoverOptions {
     arrowOffset: number;
 }
 export declare function usePopover(options: UsePopoverOptions): {
-    floating: import("@floating-ui/react").UseFloatingReturn<import("@floating-ui/react").ReferenceType>;
+    floating: {
+        placement: import("@floating-ui/react").Placement;
+        strategy: import("@floating-ui/react").Strategy;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        x: number;
+        y: number;
+        isPositioned: boolean;
+        update: () => void;
+        floatingStyles: import("react").CSSProperties;
+        refs: {
+            reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+            floating: import("react").MutableRefObject<HTMLElement | null>;
+            setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+            setFloating: (node: HTMLElement | null) => void;
+        } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: {
+            reference: import("@floating-ui/react-dom").ReferenceType | null;
+            floating: HTMLElement | null;
+        } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+        context: {
+            x: number;
+            y: number;
+            placement: import("@floating-ui/react").Placement;
+            strategy: import("@floating-ui/react").Strategy;
+            middlewareData: import("@floating-ui/react").MiddlewareData;
+            isPositioned: boolean;
+            update: () => void;
+            floatingStyles: import("react").CSSProperties;
+            open: boolean;
+            onOpenChange: (open: boolean, event?: Event | undefined) => void;
+            events: import("@floating-ui/react").FloatingEvents;
+            dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+            nodeId: string | undefined;
+            floatingId: string;
+            refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+            elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+        };
+    };
     controlled: boolean;
     opened: boolean;
     onClose: () => void;

package/lib/components/Portal/OptionalPortal.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import { PortalProps } from './Portal';
 export interface OptionalPortalProps extends PortalProps {
     /** Determines whether children should be rendered inside `<Portal />` */
     withinPortal?: boolean;
 }
-export declare function OptionalPortal({ withinPortal, children, ...others }: OptionalPortalProps): JSX.Element;
+export declare function OptionalPortal({ withinPortal, children, ...others }: OptionalPortalProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace OptionalPortal {
     var displayName: string;
 }

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

@@ -7,5 +7,5 @@ interface ProgressContextValue {
 export declare const ProgressProvider: ({ children, value }: {
     value: ProgressContextValue;
     children: import("react").ReactNode;
-}) => JSX.Element, useProgressContext: () => ProgressContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useProgressContext: () => ProgressContextValue;
 export {};

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

@@ -7,5 +7,5 @@ interface RatingContextValue {
 export declare const RatingProvider: ({ children, value }: {
     value: RatingContextValue;
     children: import("react").ReactNode;
-}) => JSX.Element, useRatingContext: () => RatingContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useRatingContext: () => RatingContextValue;
 export {};

package/lib/components/Rating/RatingItem/RatingItem.d.ts

@@ -12,7 +12,7 @@ export interface RatingItemProps extends BoxProps, ElementProps<'input', 'value'
     id: string;
     onChange(event: React.ChangeEvent<HTMLInputElement> | number): void;
 }
-export declare function RatingItem({ size, getSymbolLabel, emptyIcon, fullIcon, full, active, value, readOnly, fractionValue, color, id, onChange, style, ...others }: RatingItemProps): JSX.Element;
+export declare function RatingItem({ size, getSymbolLabel, emptyIcon, fullIcon, full, active, value, readOnly, fractionValue, color, id, onChange, style, ...others }: RatingItemProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace RatingItem {
     var displayName: string;
 }

package/lib/components/Rating/StarSymbol/StarIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare function StarIcon(props: React.ComponentPropsWithoutRef<'svg'>): JSX.Element;
+export declare function StarIcon(props: React.ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;
 export declare namespace StarIcon {
     var displayName: string;
 }

package/lib/components/Rating/StarSymbol/StarSymbol.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export interface StarSymbolProps {
     type: 'empty' | 'full';
 }
-export declare function StarSymbol({ type }: StarSymbolProps): JSX.Element;
+export declare function StarSymbol({ type }: StarSymbolProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace StarSymbol {
     var displayName: string;
 }

package/lib/components/RingProgress/Curve/Curve.d.ts

@@ -13,7 +13,7 @@ interface CurveProps extends React.ComponentPropsWithRef<'circle'> {
     tooltip?: React.ReactNode;
     getStyles: GetStylesApi<RingProgressFactory>;
 }
-export declare function Curve({ size, value, offset, sum, thickness, root, color, lineRoundCaps, tooltip, getStyles, display, ...others }: CurveProps): JSX.Element;
+export declare function Curve({ size, value, offset, sum, thickness, root, color, lineRoundCaps, tooltip, getStyles, display, ...others }: CurveProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Curve {
     var displayName: string;
 }

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

@@ -21,4 +21,4 @@ export interface ScrollAreaContextValue {
 export declare const ScrollAreaProvider: ({ children, value }: {
     value: ScrollAreaContextValue;
     children: import("react").ReactNode;
-}) => JSX.Element, useScrollAreaContext: () => ScrollAreaContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useScrollAreaContext: () => ScrollAreaContextValue;

package/lib/components/ScrollArea/ScrollAreaScrollbar/Scrollbar.context.d.ts

@@ -13,4 +13,4 @@ export interface ScrollbarContextValue {
 export declare const ScrollbarProvider: ({ children, value }: {
     value: ScrollbarContextValue;
     children: import("react").ReactNode;
-}) => JSX.Element, useScrollbarContext: () => ScrollbarContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useScrollbarContext: () => ScrollbarContextValue;

package/lib/components/SimpleGrid/SimpleGridVariables.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { SimpleGridProps } from './SimpleGrid';
 interface SimpleGridVariablesProps extends SimpleGridProps {
     selector: string;
 }
-export declare function SimpleGridVariables({ spacing, verticalSpacing, cols, selector, }: SimpleGridVariablesProps): JSX.Element;
+export declare function SimpleGridVariables({ spacing, verticalSpacing, cols, selector, }: SimpleGridVariablesProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/Slider/Marks/Marks.d.ts

@@ -11,7 +11,7 @@ export interface MarksProps {
     disabled: boolean | undefined;
     inverted: boolean | undefined;
 }
-export declare function Marks({ marks, min, max, disabled, value, offset, inverted }: MarksProps): JSX.Element | null;
+export declare function Marks({ marks, min, max, disabled, value, offset, inverted }: MarksProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace Marks {
     var displayName: string;
 }

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

@@ -16,5 +16,5 @@ interface SliderContextValue {
 export declare const SliderProvider: ({ children, value }: {
     value: SliderContextValue;
     children: import("react").ReactNode;
-}) => JSX.Element, useSliderContext: () => SliderContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useSliderContext: () => SliderContextValue;
 export {};

package/lib/components/Slider/Track/Track.d.ts

@@ -15,7 +15,7 @@ export interface TrackProps {
     inverted: boolean | undefined;
     containerProps?: React.PropsWithRef<React.ComponentProps<'div'>>;
 }
-export declare function Track({ filled, children, offset, disabled, marksOffset, inverted, containerProps, ...others }: TrackProps): JSX.Element;
+export declare function Track({ filled, children, offset, disabled, marksOffset, inverted, containerProps, ...others }: TrackProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Track {
     var displayName: string;
 }

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

@@ -12,4 +12,4 @@ export interface TableContextValue {
 export declare const TableProvider: ({ children, value }: {
     value: TableContextValue;
     children: import("react").ReactNode;
-}) => JSX.Element, useTableContext: () => TableContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useTableContext: () => TableContextValue;

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

@@ -23,4 +23,4 @@ export interface TabsContextValue {
 export declare const TabsProvider: ({ children, value }: {
     value: TabsContextValue;
     children: import("react").ReactNode;
-}) => JSX.Element, useTabsContext: () => TabsContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useTabsContext: () => TabsContextValue;

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/Tooltip/TooltipFloating/use-floating-tooltip.d.ts

@@ -6,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/use-tooltip.d.ts

@@ -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/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export interface VisuallyHiddenProps extends React.ComponentPropsWithoutRef<'span'> {
 }
-export declare function VisuallyHidden({ className, ...others }: VisuallyHiddenProps): JSX.Element;
+export declare function VisuallyHidden({ className, ...others }: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace VisuallyHidden {
     var classes: any;
     var displayName: string;

package/lib/components/index.d.ts

@@ -1,8 +1,18 @@
+export * from './Collapse';
+export * from './ScrollArea';
 export * from './UnstyledButton';
 export * from './VisuallyHidden';
+export * from './Paper';
 export * from './Popover';
-export * from './Accordion';
 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';
@@ -16,12 +26,11 @@ export * from './Blockquote';
 export * from './Breadcrumbs';
 export * from './Burger';
 export * from './Button';
+export * from './Card';
 export * from './Center';
 export * from './Checkbox';
 export * from './Chip';
-export * from './CloseButton';
 export * from './Code';
-export * from './Collapse';
 export * from './ColorPicker';
 export * from './ColorSwatch';
 export * from './Combobox';
@@ -31,33 +40,31 @@ export * from './Divider';
 export * from './Drawer';
 export * from './Fieldset';
 export * from './FileButton';
+export * from './FileInput';
 export * from './Floating';
 export * from './FocusTrap';
 export * from './Grid';
-export * from './Group';
 export * from './Highlight';
 export * from './HoverCard';
-export * from './Input';
-export * from './InputBase';
+export * from './Image';
+export * from './Indicator';
+export * from './JsonInput';
 export * from './Kbd';
-export * from './Loader';
 export * from './Mark';
 export * from './Menu';
 export * from './Modal';
-export * from './ModalBase';
 export * from './MultiSelect';
 export * from './NativeSelect';
 export * from './Notification';
-export * from './Overlay';
 export * from './Pagination';
-export * from './Paper';
+export * from './PasswordInput';
 export * from './Pill';
 export * from './PillsInput';
+export * from './PinInput';
 export * from './Portal';
 export * from './Progress';
 export * from './Rating';
 export * from './RingProgress';
-export * from './ScrollArea';
 export * from './SegmentedControl';
 export * from './Select';
 export * from './SimpleGrid';
@@ -70,6 +77,7 @@ export * from './Table';
 export * from './Tabs';
 export * from './TagsInput';
 export * from './Text';
+export * from './Textarea';
 export * from './TextInput';
 export * from './Title';
 export * from './Tooltip';

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/MantineClasses/MantineClasses.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare function MantineClasses(): JSX.Element;
+export declare function MantineClasses(): import("react/jsx-runtime").JSX.Element;

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 | null;
+export declare function MantineCssVariables({ cssVariablesSelector }: MantineCssVariablesProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace MantineCssVariables {
     var displayName: string;
 }

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

@@ -25,7 +25,7 @@ export interface MantineProviderProps {
     /** 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/factory/factory.d.ts

@@ -27,7 +27,7 @@ export interface ThemeExtend<Payload extends FactoryPayload> {
     extend: (input: ExtendComponent<Payload>) => MantineThemeComponent;
 }
 export type ComponentClasses<Payload extends FactoryPayload> = {
-    classes: Payload['stylesNames'] extends string ? Record<Payload['stylesNames'], string> : never;
+    classes: Payload['stylesNames'] extends string ? Record<string, string> : never;
 };
 export type MantineComponent<Payload extends FactoryPayload> = React.ForwardRefExoticComponent<Payload['props'] & React.RefAttributes<Payload['ref']>> & ThemeExtend<Payload> & ComponentClasses<Payload> & StaticComponents<Payload['staticComponents']>;
 export declare function identity<T>(value: T): T;

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

@@ -5,7 +5,7 @@ import { PartialVarsResolver, VarsResolver } from '../create-vars-resolver/creat
 import { Styles, ClassNames, GetStylesApiOptions, ClassNamesArray } from '../styles-api.types';
 export interface UseStylesInput<Payload extends FactoryPayload> {
     name: string | (string | undefined)[];
-    classes: Payload['stylesNames'] extends string ? Record<Payload['stylesNames'], string> : never;
+    classes: Payload['stylesNames'] extends string ? Record<string, string> : never;
     props: Payload['props'];
     stylesCtx?: Payload['ctx'];
     className?: string;

package/lib/core/utils/create-optional-context/create-optional-context.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 export declare function createOptionalContext<ContextValue>(initialValue?: ContextValue | null): readonly [({ children, value }: {
     value: ContextValue;
     children: React.ReactNode;
-}) => JSX.Element, () => ContextValue | null];
+}) => import("react/jsx-runtime").JSX.Element, () => ContextValue | null];

package/lib/core/utils/create-safe-context/create-safe-context.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 export declare function createSafeContext<ContextValue>(errorMessage: string): readonly [({ children, value }: {
     value: ContextValue;
     children: React.ReactNode;
-}) => JSX.Element, () => ContextValue & ({} | undefined)];
+}) => import("react/jsx-runtime").JSX.Element, () => ContextValue & ({} | undefined)];

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

@@ -1,6 +1,6 @@
-export declare function getSize(size: unknown, prefix?: string, convertToRem?: boolean): string;
-export declare function getSpacing(size: unknown): string;
-export declare function getRadius(size: unknown): string;
-export declare function getFontSize(size: unknown): string;
-export declare function getLineHeight(size: unknown): string;
-export declare function getShadow(size: unknown): string;
+export declare function getSize(size: unknown, prefix?: string, convertToRem?: boolean): string | undefined;
+export declare function getSpacing(size: unknown): string | undefined;
+export declare function getRadius(size: unknown): string | undefined;
+export declare function getFontSize(size: unknown): string | undefined;
+export declare function getLineHeight(size: unknown): string | undefined;
+export declare function getShadow(size: unknown): string | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mantine/core",
   "description": "React components library focused on usability, accessibility and developer experience",
-  "version": "7.0.0-alpha.19",
+  "version": "7.0.0-alpha.20",
   "types": "./lib/index.d.ts",
   "exports": {
     ".": {
@@ -35,16 +35,16 @@
     "design"
   ],
   "peerDependencies": {
-    "@mantine/hooks": "7.0.0-alpha.19",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "@mantine/hooks": "7.0.0-alpha.20",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.19.1",
-    "clsx": "1.1.1",
-    "react-textarea-autosize": "8.3.4",
-    "react-remove-scroll": "^2.5.5",
-    "type-fest": "^3.6.1"
+    "@floating-ui/react": "^0.24.8",
+    "clsx": "2.0.0",
+    "react-textarea-autosize": "8.5.2",
+    "react-remove-scroll": "^2.5.6",
+    "type-fest": "^4.0.0"
   },
   "devDependencies": {}
 }