@mantine/core 7.1.2 → 7.1.5

package/lib/components/Radio/RadioGroup/RadioGroup.d.ts

@@ -10,7 +10,7 @@ export interface RadioGroupProps extends Omit<InputWrapperProps, 'onChange'> {
     /** Default value for uncontrolled component */
     defaultValue?: string;
     /** Called when value changes */
-    onChange?(value: string): void;
+    onChange?: (value: string) => void;
     /** Props passed down to the `Input.Wrapper` */
     wrapperProps?: Record<string, any>;
     /** Controls size of the `Input.Wrapper`, `'sm'` by default */

package/lib/components/Radio/RadioGroup.context.d.ts

@@ -3,7 +3,7 @@ import { MantineSize } from '../../core';
 interface RadioGroupContextValue {
     size: MantineSize | undefined;
     value: string;
-    onChange(event: React.ChangeEvent<HTMLInputElement>): void;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     name: string;
 }
 export declare const RadioGroupProvider: ({ children, value }: {

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

@@ -10,7 +10,7 @@ export interface RatingProps extends BoxProps, StylesApiProps<RatingFactory>, El
     /** Value for controlled component */
     value?: number;
     /** Called when value changes */
-    onChange?(value: number): void;
+    onChange?: (value: number) => void;
     /** The icon that is displayed when symbol is empty */
     emptySymbol?: React.ReactNode | ((value: number) => React.ReactNode);
     /** This icon that is displayed when symbol is full */
@@ -22,7 +22,7 @@ export interface RatingProps extends BoxProps, StylesApiProps<RatingFactory>, El
     /** Number of controls that should be rendered */
     count?: number;
     /** Called when item is hovered */
-    onHover?(value: number): void;
+    onHover?: (value: number) => void;
     /** Function should return labelText for the symbols */
     getSymbolLabel?: (value: number) => string;
     /** Name of rating, should be unique within the page */

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

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

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

@@ -4,19 +4,19 @@ export interface ScrollAreaContextValue {
     scrollHideDelay: number;
     scrollArea: HTMLDivElement | null;
     viewport: HTMLDivElement | null;
-    onViewportChange(viewport: HTMLDivElement | null): void;
+    onViewportChange: (viewport: HTMLDivElement | null) => void;
     content: HTMLDivElement | null;
-    onContentChange(content: HTMLDivElement): void;
+    onContentChange: (content: HTMLDivElement) => void;
     scrollbarX: HTMLDivElement | null;
-    onScrollbarXChange(scrollbar: HTMLDivElement | null): void;
+    onScrollbarXChange: (scrollbar: HTMLDivElement | null) => void;
     scrollbarXEnabled: boolean;
-    onScrollbarXEnabledChange(rendered: boolean): void;
+    onScrollbarXEnabledChange: (rendered: boolean) => void;
     scrollbarY: HTMLDivElement | null;
-    onScrollbarYChange(scrollbar: HTMLDivElement | null): void;
+    onScrollbarYChange: (scrollbar: HTMLDivElement | null) => void;
     scrollbarYEnabled: boolean;
-    onScrollbarYEnabledChange(rendered: boolean): void;
-    onCornerWidthChange(width: number): void;
-    onCornerHeightChange(height: number): void;
+    onScrollbarYEnabledChange: (rendered: boolean) => void;
+    onCornerWidthChange: (width: number) => void;
+    onCornerHeightChange: (height: number) => void;
 }
 export declare const ScrollAreaProvider: ({ children, value }: {
     value: ScrollAreaContextValue;

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

@@ -25,10 +25,10 @@ export interface ScrollAreaProps extends BoxProps, StylesApiProps<ScrollAreaFact
     /** Props passed down to the viewport element */
     viewportProps?: React.ComponentPropsWithRef<'div'>;
     /** Called with current position (`x` and `y` coordinates) when viewport is scrolled */
-    onScrollPositionChange?(position: {
+    onScrollPositionChange?: (position: {
         x: number;
         y: number;
-    }): void;
+    }) => void;
 }
 export interface ScrollAreaAutosizeProps extends ScrollAreaProps {
 }

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

@@ -11,13 +11,13 @@ export type Sizes = {
 export interface ScrollAreaScrollbarAxisPrivateProps {
     hasThumb: boolean;
     sizes: Sizes;
-    onSizesChange(sizes: Sizes): void;
-    onThumbChange(thumb: HTMLDivElement | null): void;
-    onThumbPointerDown(pointerPos: number): void;
-    onThumbPointerUp(): void;
-    onThumbPositionChange(): void;
-    onWheelScroll(scrollPos: number): void;
-    onDragScroll(pointerPos: number): void;
+    onSizesChange: (sizes: Sizes) => void;
+    onThumbChange: (thumb: HTMLDivElement | null) => void;
+    onThumbPointerDown: (pointerPos: number) => void;
+    onThumbPointerUp: () => void;
+    onThumbPositionChange: () => void;
+    onWheelScroll: (scrollPos: number) => void;
+    onDragScroll: (pointerPos: number) => void;
 }
 export interface ScrollAreaScrollbarAxisProps extends ScrollAreaScrollbarAxisPrivateProps, React.ComponentPropsWithoutRef<'div'> {
 }

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

@@ -2,13 +2,13 @@
 export interface ScrollbarContextValue {
     hasThumb: boolean;
     scrollbar: HTMLDivElement | null;
-    onThumbChange(thumb: HTMLDivElement | null): void;
-    onThumbPointerUp(): void;
-    onThumbPointerDown(pointerPos: {
+    onThumbChange: (thumb: HTMLDivElement | null) => void;
+    onThumbPointerUp: () => void;
+    onThumbPointerDown: (pointerPos: {
         x: number;
         y: number;
-    }): void;
-    onThumbPositionChange(): void;
+    }) => void;
+    onThumbPositionChange: () => void;
 }
 export declare const ScrollbarProvider: ({ children, value }: {
     value: ScrollbarContextValue;

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

@@ -8,12 +8,12 @@ export interface ScrollbarPrivateProps {
     onThumbPointerUp: ScrollbarContextValue['onThumbPointerUp'];
     onThumbPointerDown: ScrollbarContextValue['onThumbPointerDown'];
     onThumbPositionChange: ScrollbarContextValue['onThumbPositionChange'];
-    onWheelScroll(event: WheelEvent, maxScrollPos: number): void;
-    onDragScroll(pointerPos: {
+    onWheelScroll: (event: WheelEvent, maxScrollPos: number) => void;
+    onDragScroll: (pointerPos: {
         x: number;
         y: number;
-    }): void;
-    onResize(): void;
+    }) => void;
+    onResize: () => void;
 }
 interface ScrollbarProps extends ScrollbarPrivateProps, Omit<React.ComponentPropsWithoutRef<'div'>, 'onResize'> {
 }

package/lib/components/SegmentedControl/SegmentedControl.d.ts

@@ -17,7 +17,7 @@ export interface SegmentedControlProps extends BoxProps, StylesApiProps<Segmente
     /** Uncontrolled component default value */
     defaultValue?: string;
     /** Called when value changes */
-    onChange?(value: string): void;
+    onChange?: (value: string) => void;
     /** Determines whether the component is disabled */
     disabled?: boolean;
     /** Name of the radio group, by default random name is generated */

package/lib/components/Select/Select.d.ts

@@ -10,7 +10,7 @@ export interface SelectProps extends BoxProps, __BaseInputProps, ComboboxLikePro
     /** Uncontrolled component default value */
     defaultValue?: string | null;
     /** Called when value changes */
-    onChange?(value: string | null): void;
+    onChange?: (value: string | null) => void;
     /** Determines whether the select should be searchable, `false` by default */
     searchable?: boolean;
     /** Determines whether check icon should be displayed near the selected option label, `true` by default */
@@ -24,7 +24,7 @@ export interface SelectProps extends BoxProps, __BaseInputProps, ComboboxLikePro
     /** Default search value */
     defaultSearchValue?: string;
     /** Called when search changes */
-    onSearchChange?(value: string): void;
+    onSearchChange?: (value: string) => void;
     /** Determines whether it should be possible to deselect value by clicking on the selected option, `true` by default */
     allowDeselect?: boolean;
     /** Determines whether the clear button should be displayed in the right section when the component has value, `false` by default */

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

@@ -23,9 +23,9 @@ export interface RangeSliderProps extends BoxProps, StylesApiProps<RangeSliderFa
     /** Uncontrolled component default value */
     defaultValue?: RangeSliderValue;
     /** Called when value changes */
-    onChange?(value: RangeSliderValue): void;
+    onChange?: (value: RangeSliderValue) => void;
     /** Called when user stops dragging slider or changes value with arrows */
-    onChangeEnd?(value: RangeSliderValue): void;
+    onChangeEnd?: (value: RangeSliderValue) => void;
     /** Hidden input name, use with uncontrolled component */
     name?: string;
     /** Marks displayed on the track */
@@ -48,7 +48,7 @@ export interface RangeSliderProps extends BoxProps, StylesApiProps<RangeSliderFa
     /** Thumb `width` and `height`, by default value is computed based on `size` prop */
     thumbSize?: number | string;
     /** A transformation function to change the scale of the slider */
-    scale?(value: number): number;
+    scale?: (value: number) => number;
     /** Determines whether track values representation should be inverted, `false` by default */
     inverted?: boolean;
     /** Minimal range interval, `10` by default */

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

@@ -22,9 +22,9 @@ export interface SliderProps extends BoxProps, StylesApiProps<SliderFactory>, El
     /** Uncontrolled component default value */
     defaultValue?: number;
     /** Called when value changes */
-    onChange?(value: number): void;
+    onChange?: (value: number) => void;
     /** Called when user stops dragging slider or changes value with arrows */
-    onChangeEnd?(value: number): void;
+    onChangeEnd?: (value: number) => void;
     /** Hidden input name, use with uncontrolled component */
     name?: string;
     /** Marks displayed on the track */
@@ -49,7 +49,7 @@ export interface SliderProps extends BoxProps, StylesApiProps<SliderFactory>, El
     /** Thumb `width` and `height`, by default value is computed based on `size` prop */
     thumbSize?: number | string;
     /** A transformation function to change the scale of the slider */
-    scale?(value: number): number;
+    scale?: (value: number) => number;
     /** Determines whether track value representation should be inverted, `false` by default */
     inverted?: boolean;
     /** Props passed down to the hidden input */

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

@@ -7,13 +7,13 @@ export interface ThumbProps {
     position: number;
     dragging: boolean;
     label: React.ReactNode;
-    onKeyDownCapture?(event: React.KeyboardEvent<HTMLDivElement>): void;
-    onMouseDown?(event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>): void;
+    onKeyDownCapture?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    onMouseDown?: (event: React.MouseEvent<HTMLDivElement> | React.TouchEvent<HTMLDivElement>) => void;
     labelTransitionProps: TransitionOverride | undefined;
     labelAlwaysOn: boolean | undefined;
     thumbLabel: string | undefined;
-    onFocus?(): void;
-    onBlur?(): void;
+    onFocus?: () => void;
+    onBlur?: () => void;
     showLabelOnHover: boolean | undefined;
     isHovered?: boolean;
     children?: React.ReactNode;

package/lib/components/Stepper/Stepper.d.ts

@@ -13,7 +13,7 @@ export interface StepperProps extends BoxProps, StylesApiProps<StepperFactory>,
     /** <Stepper.Step /> components */
     children: React.ReactNode;
     /** Called when step is clicked */
-    onStepClick?(stepIndex: number): void;
+    onStepClick?: (stepIndex: number) => void;
     /** Index of the active step */
     active: number;
     /** Step icon, default value is step index + 1 */

package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts

@@ -10,7 +10,7 @@ export interface SwitchGroupProps extends Omit<InputWrapperProps, 'onChange'> {
     /** Default value for uncontrolled component */
     defaultValue?: string[];
     /** Called when value changes */
-    onChange?(value: string[]): void;
+    onChange?: (value: string[]) => void;
     /** Props passed down to the `Input.Wrapper` */
     wrapperProps?: Record<string, any>;
     /** Controls size of the `Input.Wrapper`, `'sm'` by default */

package/lib/components/Switch/SwitchGroup.context.d.ts

@@ -2,7 +2,7 @@
 import { MantineSize } from '../../core';
 interface SwitchGroupContextValue {
     value: string[];
-    onChange(event: React.ChangeEvent<HTMLInputElement>): void;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     size: MantineSize | (string & {}) | undefined;
 }
 export declare const SwitchGroupProvider: import("react").Provider<SwitchGroupContextValue | null>;

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

@@ -8,9 +8,9 @@ export interface TabsContextValue {
     loop: boolean | undefined;
     activateTabWithKeyboard: boolean | undefined;
     allowTabDeactivation: boolean | undefined;
-    onChange(value: string | null): void;
-    getTabId(value: string): string;
-    getPanelId(value: string): string;
+    onChange: (value: string | null) => void;
+    getTabId: (value: string) => string;
+    getPanelId: (value: string) => string;
     variant: string | undefined;
     color: string | undefined;
     radius: string | number | undefined;

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

@@ -14,7 +14,7 @@ export interface TabsProps extends BoxProps, StylesApiProps<TabsFactory>, Elemen
     /** Value for controlled component */
     value?: string | null;
     /** Called when value changes */
-    onChange?(value: string | null): void;
+    onChange?: (value: string | null) => void;
     /** Tabs orientation, `'horizontal'` by default */
     orientation?: 'vertical' | 'horizontal';
     /** `Tabs.List` placement relative to `Tabs.Panel`, applicable only when `orientation="vertical"`, `'left'` by default */

package/lib/components/TagsInput/TagsInput.d.ts

@@ -10,19 +10,19 @@ export interface TagsInputProps extends BoxProps, __BaseInputProps, ComboboxLike
     /** Default value for uncontrolled component */
     defaultValue?: string[];
     /** Called whe value changes */
-    onChange?(value: string[]): void;
+    onChange?: (value: string[]) => void;
     /** Controlled search value */
     searchValue?: string;
     /** Default search value */
     defaultSearchValue?: string;
     /** Called when search changes */
-    onSearchChange?(value: string): void;
+    onSearchChange?: (value: string) => void;
     /** Maximum number of tags, `Infinity` by default */
     maxTags?: number;
     /** Determines whether duplicate tags are allowed, `false` by default */
     allowDuplicates?: boolean;
     /** Called when user tries to submit a duplicated tag */
-    onDuplicate?(value: string): void;
+    onDuplicate?: (value: string) => void;
     /** Characters that should trigger tags split, `[',']` by default */
     splitChars?: string[];
     /** Determines whether the clear button should be displayed in the right section when the component has value, `false` by default */

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

@@ -38,10 +38,10 @@ export declare const Text: (<C = "p">(props: import("../../core/factory/create-p
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof TextProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (TextProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: TextProps;
     defaultComponent: 'p';

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

@@ -6,7 +6,7 @@ import { TooltipFloating } from './TooltipFloating/TooltipFloating';
 import { TooltipGroup } from './TooltipGroup/TooltipGroup';
 export interface TooltipProps extends TooltipBaseProps {
     /** Called when tooltip position changes */
-    onPositionChange?(position: FloatingPosition): void;
+    onPositionChange?: (position: FloatingPosition) => void;
     /** Open delay in ms */
     openDelay?: number;
     /** Close delay in ms, `0` by default */

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

@@ -4,7 +4,7 @@ interface UseTooltip {
     position: FloatingPosition;
     closeDelay?: number;
     openDelay?: number;
-    onPositionChange?(position: FloatingPosition): void;
+    onPositionChange?: (position: FloatingPosition) => void;
     opened?: boolean;
     offset: number | FloatingAxesOffsets;
     arrowRef?: React.RefObject<HTMLDivElement>;

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

@@ -14,7 +14,7 @@ export interface TransitionProps {
     /** Determines whether component should be mounted to the DOM */
     mounted: boolean;
     /** Render function with transition styles argument */
-    children(styles: React.CSSProperties): JSX.Element;
+    children: (styles: React.CSSProperties) => JSX.Element;
     /** Called when exit transition ends */
     onExited?: () => void;
     /** Called when exit transition starts */

package/lib/components/Transition/use-transition.d.ts

@@ -4,10 +4,10 @@ interface UseTransition {
     exitDuration: number;
     timingFunction: string;
     mounted: boolean;
-    onEnter?(): void;
-    onExit?(): void;
-    onEntered?(): void;
-    onExited?(): void;
+    onEnter?: () => void;
+    onExit?: () => void;
+    onEntered?: () => void;
+    onExited?: () => void;
 }
 export declare function useTransition({ duration, exitDuration, timingFunction, mounted, onEnter, onExit, onEntered, onExited, }: UseTransition): {
     transitionDuration: number;

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

@@ -14,10 +14,10 @@ export declare const UnstyledButton: (<C = "button">(props: import("../../core/f
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof UnstyledButtonProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (UnstyledButtonProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: UnstyledButtonProps;
     stylesNames: UnstyledButtonStylesNames;

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

@@ -29,8 +29,8 @@ export declare const Box: (<C = "div">(props: import("../factory/create-polymorp
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof BoxComponentProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (BoxComponentProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;

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

@@ -2,8 +2,8 @@ import React from 'react';
 export type Direction = 'ltr' | 'rtl';
 export interface DirectionContextValue {
     dir: Direction;
-    toggleDirection(): void;
-    setDirection(dir: Direction): void;
+    toggleDirection: () => void;
+    setDirection: (dir: Direction) => void;
 }
 export declare const DirectionContext: React.Context<DirectionContextValue>;
 export declare function useDirection(): DirectionContextValue;

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

@@ -4,13 +4,13 @@ import type { MantineColorSchemeManager } from './color-scheme-managers';
 import { ConvertCSSVariablesInput } from './convert-css-variables';
 interface MantineContextValue {
     colorScheme: MantineColorScheme;
-    setColorScheme(colorScheme: MantineColorScheme): void;
-    clearColorScheme(): void;
+    setColorScheme: (colorScheme: MantineColorScheme) => void;
+    clearColorScheme: () => void;
     colorSchemeManager: MantineColorSchemeManager;
-    getRootElement(): HTMLElement | undefined;
+    getRootElement: () => HTMLElement | undefined;
     classNamesPrefix: string;
-    getStyleNonce?(): string | undefined;
-    cssVariablesResolver?(theme: MantineTheme): ConvertCSSVariablesInput;
+    getStyleNonce?: () => string | undefined;
+    cssVariablesResolver?: (theme: MantineTheme) => ConvertCSSVariablesInput;
     cssVariablesSelector: string;
 }
 export declare const MantineContext: import("react").Context<MantineContextValue | null>;

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

@@ -2,7 +2,7 @@ import { MantineTheme } from '../theme.types';
 import { ConvertCSSVariablesInput } from '../convert-css-variables';
 interface GetMergedVariablesInput {
     theme: MantineTheme;
-    generator?(theme: MantineTheme): ConvertCSSVariablesInput;
+    generator?: (theme: MantineTheme) => ConvertCSSVariablesInput;
 }
 export declare function getMergedVariables({ theme, generator }: GetMergedVariablesInput): ConvertCSSVariablesInput;
 export {};

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

@@ -17,11 +17,11 @@ export interface MantineProviderProps {
     /** Determines whether theme CSS variables should be added to given `cssVariablesSelector`, `true` by default */
     withCssVariables?: boolean;
     /** Function to resolve root element to set `data-mantine-color-scheme` attribute, must return undefined on server, `() => document.documentElement` by default */
-    getRootElement?(): HTMLElement | undefined;
+    getRootElement?: () => HTMLElement | undefined;
     /** 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;
+    getStyleNonce?: () => string;
     /** Function to generate CSS variables based on theme object */
     cssVariablesResolver?: CSSVariablesResolver;
     /** Your application */

package/lib/core/MantineProvider/color-scheme-managers/types.d.ts

@@ -1,13 +1,13 @@
 import type { MantineColorScheme } from '../theme.types';
 export interface MantineColorSchemeManager {
     /** Function to retrieve color scheme value from external storage, for example window.localStorage */
-    get(defaultValue: MantineColorScheme): MantineColorScheme;
+    get: (defaultValue: MantineColorScheme) => MantineColorScheme;
     /** Function to set color scheme value in external storage, for example window.localStorage */
-    set(value: MantineColorScheme): void;
+    set: (value: MantineColorScheme) => void;
     /** Function to subscribe to color scheme changes triggered by external events */
-    subscribe(onUpdate: (colorScheme: MantineColorScheme) => void): void;
+    subscribe: (onUpdate: (colorScheme: MantineColorScheme) => void) => void;
     /** Function to unsubscribe from color scheme changes triggered by external events */
-    unsubscribe(): void;
+    unsubscribe: () => void;
     /** Function to clear value from external storage */
-    clear(): void;
+    clear: () => void;
 }

package/lib/core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.d.ts

@@ -4,7 +4,7 @@ interface UseProviderColorSchemeOptions {
     manager: MantineColorSchemeManager;
     defaultColorScheme: MantineColorScheme;
     forceColorScheme: 'light' | 'dark' | undefined;
-    getRootElement(): HTMLElement | undefined;
+    getRootElement: () => HTMLElement | undefined;
 }
 export declare function useProviderColorScheme({ manager, defaultColorScheme, getRootElement, forceColorScheme, }: UseProviderColorSchemeOptions): {
     colorScheme: MantineColorScheme;

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

@@ -9,16 +9,16 @@ type InheritedProps<C extends ElementType, Props = {}> = ExtendedProps<PropsOf<C
 export type PolymorphicRef<C> = C extends React.ElementType ? React.ComponentPropsWithRef<C>['ref'] : never;
 export type PolymorphicComponentProps<C, Props = {}> = C extends React.ElementType ? InheritedProps<C, Props & ComponentProp<C>> & {
     ref?: PolymorphicRef<C>;
-    renderRoot?(props: any): any;
+    renderRoot?: (props: any) => any;
 } : Props & {
     component: React.ElementType;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: (props: Record<string, any>) => any;
 };
 export declare function createPolymorphicComponent<ComponentDefaultType, Props, StaticComponents = Record<string, never>>(component: any): (<C = ComponentDefaultType>(props: PolymorphicComponentProps<C, Props>) => React.ReactElement) & Omit<React.FunctionComponent<(Props & ComponentProp<any> & Omit<Omit<any, "ref">, "component" | keyof Props> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (Props & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & StaticComponents;
 export {};

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

@@ -9,8 +9,8 @@ export declare function polymorphicFactory<Payload extends PolymorphicFactoryPay
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof Payload["props"]> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (Payload["props"] & {
     component: import("react").ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & ThemeExtend<Payload> & ComponentClasses<Payload> & StaticComponents<Payload["staticComponents"]>;

package/lib/core/utils/close-on-escape/close-on-escape.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 interface Options {
     active: boolean | undefined;
-    onTrigger?(): void;
-    onKeyDown?(event: React.KeyboardEvent<any>): void;
+    onTrigger?: () => void;
+    onKeyDown?: (event: React.KeyboardEvent<any>) => void;
 }
 export declare function closeOnEscape(callback?: (event: any) => void, options?: Options): (event: React.KeyboardEvent<any>) => void;
 export {};

package/lib/core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.d.ts

@@ -13,7 +13,7 @@ interface GetElementsSiblingsInput {
     /** Determines whether element should be clicked when focused with keyboard event */
     activateOnFocus?: boolean;
     /** External keydown event */
-    onKeyDown?(event: React.KeyboardEvent<HTMLButtonElement>): void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
 }
 export declare function createScopedKeydownHandler({ parentSelector, siblingSelector, onKeyDown, loop, activateOnFocus, dir, orientation, }: GetElementsSiblingsInput): (event: React.KeyboardEvent<HTMLButtonElement>) => void;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mantine/core",
   "description": "React components library focused on usability, accessibility and developer experience",
-  "version": "7.1.2",
+  "version": "7.1.5",
   "main": "./cjs/index.js",
   "types": "./lib/index.d.ts",
   "module": "./esm/index.mjs",
@@ -43,7 +43,7 @@
     "design"
   ],
   "peerDependencies": {
-    "@mantine/hooks": "7.1.2",
+    "@mantine/hooks": "7.1.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },