@mantine/core 7.1.3 → 7.1.6

package/lib/components/Pagination/PaginationRoot/PaginationRoot.d.ts

@@ -13,7 +13,7 @@ export interface PaginationRootProps extends BoxProps, StylesApiProps<Pagination
     /** Active page for uncontrolled component, must be an integer in [0, total] interval */
     defaultValue?: number;
     /** Called when page changes */
-    onChange?(value: number): void;
+    onChange?: (value: number) => void;
     /** Determines whether all controls should be disabled, `false` by default */
     disabled?: boolean;
     /** Number of siblings displayed on the left/right side of the selected page, `1` by default */
@@ -25,15 +25,15 @@ export interface PaginationRootProps extends BoxProps, StylesApiProps<Pagination
     /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `theme.defaultRadius` by default */
     radius?: MantineRadius;
     /** Called when next page control is clicked */
-    onNextPage?(): void;
+    onNextPage?: () => void;
     /** Called when previous page control is clicked */
-    onPreviousPage?(): void;
+    onPreviousPage?: () => void;
     /** Called when first page control is clicked */
-    onFirstPage?(): void;
+    onFirstPage?: () => void;
     /** Called when last page control is clicked */
-    onLastPage?(): void;
+    onLastPage?: () => void;
     /** Additional props passed down to controls */
-    getItemProps?(page: number): Record<string, any>;
+    getItemProps?: (page: number) => Record<string, any>;
 }
 export type PaginationRootFactory = Factory<{
     props: PaginationRootProps;

package/lib/components/Paper/Paper.d.ts

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

package/lib/components/PasswordInput/PasswordInput.d.ts

@@ -18,7 +18,7 @@ export interface PasswordInputProps extends Omit<InputBaseProps, 'classNames' |
     /** Determines whether input content should be visible (uncontrolled) */
     defaultVisible?: boolean;
     /** Called when visibility changes */
-    onVisibilityChange?(visible: boolean): void;
+    onVisibilityChange?: (visible: boolean) => void;
 }
 export type PasswordInputFactory = Factory<{
     props: PasswordInputProps;

package/lib/components/Pill/Pill.d.ts

@@ -12,7 +12,7 @@ export interface PillProps extends BoxProps, StylesApiProps<PillFactory>, Elemen
     /** Determines whether the remove button should be displayed, `false` by default */
     withRemoveButton?: boolean;
     /** Called when the remove button is clicked */
-    onRemove?(): void;
+    onRemove?: () => void;
     /** Props passed down to the remove button */
     removeButtonProps?: React.ComponentPropsWithoutRef<'button'>;
     /** Key of `theme.radius` or any valid CSS value to set border-radius. Numbers are converted to rem. `'xl'` by default. */

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

@@ -22,9 +22,9 @@ export interface PinInputProps extends BoxProps, StylesApiProps<PinInputFactory>
     /** Uncontrolled component default value */
     defaultValue?: string;
     /** Called when value changes */
-    onChange?(value: string): void;
+    onChange?: (value: string) => void;
     /** Called when all inputs have value */
-    onComplete?(value: string): void;
+    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 */

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

@@ -13,8 +13,8 @@ interface PopoverContext {
     arrowRef: React.RefObject<HTMLDivElement>;
     opened: boolean;
     transitionProps?: TransitionOverride;
-    reference(node: HTMLElement): void;
-    floating(node: HTMLElement): void;
+    reference: (node: HTMLElement) => void;
+    floating: (node: HTMLElement) => void;
     width?: PopoverWidth;
     withArrow: boolean | undefined;
     arrowSize: number;
@@ -29,11 +29,11 @@ interface PopoverContext {
     zIndex: string | number | undefined;
     radius?: MantineRadius | undefined;
     shadow?: MantineShadow | undefined;
-    onClose?(): void;
-    getDropdownId(): string;
-    getTargetId(): string;
+    onClose?: () => void;
+    getDropdownId: () => string;
+    getTargetId: () => string;
     controlled: boolean;
-    onToggle(): void;
+    onToggle: () => void;
     withRoles: boolean | undefined;
     targetProps: Record<string, any>;
     disabled: boolean | undefined;

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

@@ -14,13 +14,13 @@ export interface __PopoverProps {
     /** Offset of the dropdown element, `8` by default */
     offset?: number | FloatingAxesOffsets;
     /** Called when dropdown position changes */
-    onPositionChange?(position: FloatingPosition): void;
+    onPositionChange?: (position: FloatingPosition) => void;
     /** `useEffect` dependencies to force update dropdown position, `[]` by default */
     positionDependencies?: any[];
     /** Called when dropdown closes */
-    onClose?(): void;
+    onClose?: () => void;
     /** Called when dropdown opens */
-    onOpen?(): void;
+    onOpen?: () => void;
     /** If set dropdown will not be unmounted from the DOM when it is hidden, `display: none` styles will be added instead, `false` by default */
     keepMounted?: boolean;
     /** Props passed down to the `Transition` component that used to animate dropdown presence, use to configure duration and animation type, `{ duration: 150, transition: 'fade' }` by default */
@@ -63,7 +63,7 @@ export interface PopoverProps extends __PopoverProps, StylesApiProps<PopoverFact
     /** Controlled dropdown opened state */
     opened?: boolean;
     /** Called with current state when dropdown opens or closes */
-    onChange?(opened: boolean): void;
+    onChange?: (opened: boolean) => void;
     /** Determines whether dropdown should be closed on outside clicks, `true` by default */
     closeOnClickOutside?: boolean;
     /** Events that trigger outside clicks */

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

@@ -5,12 +5,12 @@ interface UsePopoverOptions {
     offset: number | FloatingAxesOffsets;
     position: FloatingPosition;
     positionDependencies: any[] | undefined;
-    onPositionChange?(position: FloatingPosition): void;
+    onPositionChange?: (position: FloatingPosition) => void;
     opened: boolean | undefined;
     defaultOpened: boolean | undefined;
-    onChange?(opened: boolean): void;
-    onClose?(): void;
-    onOpen?(): void;
+    onChange?: (opened: boolean) => void;
+    onClose?: () => void;
+    onOpen?: () => void;
     width: PopoverWidth;
     middlewares: PopoverMiddlewares | undefined;
     arrowRef: React.RefObject<HTMLDivElement>;

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,8 +10,8 @@ export interface RatingItemProps extends BoxProps, ElementProps<'input', 'value'
     fractionValue: number;
     value: number;
     id: string;
-    onChange(event: React.ChangeEvent<HTMLInputElement> | number): void;
-    onInputChange(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, onBlur, onChange, onInputChange, style, ...others }: RatingItemProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace RatingItem {

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 */