@mantine/core 7.1.2 → 7.1.5

package/lib/components/FileButton/FileButton.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 export interface FileButtonProps<Multiple extends boolean = false> {
     /** Called when files are picked */
-    onChange(payload: Multiple extends true ? File[] : File | null): void;
+    onChange: (payload: Multiple extends true ? File[] : File | null) => void;
     /** Function that receives button props and returns react node that should be rendered */
-    children(props: {
-        onClick(): void;
-    }): React.ReactNode;
+    children: (props: {
+        onClick: () => void;
+    }) => React.ReactNode;
     /** Determines whether user can pick more than one file */
     multiple?: Multiple;
     /** File input accept attribute, for example, `"image/png,image/jpeg"` */

package/lib/components/FileInput/FileInput.d.ts

@@ -4,7 +4,7 @@ import { __InputStylesNames, InputVariant } from '../Input';
 import { InputBaseProps } from '../InputBase/InputBase';
 export interface FileInputProps<Multiple = false> extends InputBaseProps, ElementProps<'button', 'value' | 'defaultValue' | 'onChange'> {
     /** Called when value changes */
-    onChange?(payload: Multiple extends true ? File[] : File | null): void;
+    onChange?: (payload: Multiple extends true ? File[] : File | null) => void;
     /** Controlled component value */
     value?: Multiple extends true ? File[] : File | null;
     /** Uncontrolled component default value */

package/lib/components/Floating/use-delayed-hover.d.ts

@@ -1,6 +1,6 @@
 interface UseDelayedHoverInput {
-    open(): void;
-    close(): void;
+    open: () => void;
+    close: () => void;
     openDelay: number | undefined;
     closeDelay: number | undefined;
 }

package/lib/components/Floating/use-floating-auto-update.d.ts

@@ -3,7 +3,7 @@ import { FloatingPosition } from './types';
 interface Payload {
     opened: boolean | undefined;
     floating: {
-        update(): void;
+        update: () => void;
         refs: {
             floating: React.MutableRefObject<any>;
             reference: React.MutableRefObject<any>;

package/lib/components/Highlight/Highlight.d.ts

@@ -22,10 +22,10 @@ export declare const Highlight: (<C = "div">(props: import("../../core/factory/c
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof HighlightProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (HighlightProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: HighlightProps;
     defaultRef: HTMLDivElement;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 interface HoverCardContext {
-    openDropdown(): void;
-    closeDropdown(): void;
+    openDropdown: () => void;
+    closeDropdown: () => void;
 }
 export declare const HoverCardContextProvider: ({ children, value }: {
     value: HoverCardContext;

package/lib/components/HoverCard/HoverCard.d.ts

@@ -8,9 +8,9 @@ export interface HoverCardProps extends PopoverProps {
     /** Initial opened state */
     initiallyOpened?: boolean;
     /** Called when dropdown is opened */
-    onOpen?(): void;
+    onOpen?: () => void;
     /** Called when dropdown is closed */
-    onClose?(): void;
+    onClose?: () => void;
     /** Open delay in ms */
     openDelay?: number;
     /** Close delay in ms */

package/lib/components/HoverCard/HoverCardTarget/HoverCardTarget.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import { PopoverTargetProps } from '../../Popover';
 export interface HoverCardTargetProps extends PopoverTargetProps {
+    /** Key of the prop that is used to pass event listeners, by default event listeners are passed directly to component */
+    eventPropsWrapperName?: string;
 }
 export declare const HoverCardTarget: React.ForwardRefExoticComponent<HoverCardTargetProps & React.RefAttributes<HTMLElement>>;

package/lib/components/Image/Image.d.ts

@@ -14,7 +14,7 @@ export interface ImageProps extends BoxProps, StylesApiProps<ImageFactory> {
     /** Image url */
     src?: any;
     /** Called when image fails to load */
-    onError?(event: React.SyntheticEvent<HTMLImageElement, Event>): void;
+    onError?: (event: React.SyntheticEvent<HTMLImageElement, Event>) => void;
 }
 export type ImageFactory = PolymorphicFactory<{
     props: ImageProps;
@@ -27,10 +27,11 @@ export declare const Image: (<C = "img">(props: import("../../core/factory/creat
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof ImageProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (ImageProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    /** Image url */
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: ImageProps;
     defaultRef: HTMLImageElement;

package/lib/components/Input/Input.d.ts

@@ -82,10 +82,10 @@ export declare const Input: (<C = "input">(props: import("../../core/factory/cre
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof InputProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (InputProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: InputProps;
     defaultRef: HTMLInputElement;

package/lib/components/Input/InputWrapper/InputWrapper.d.ts

@@ -23,7 +23,7 @@ export interface __InputWrapperProps {
     /** Props passed down to the `InputError` component */
     errorProps?: Record<string, any>;
     /** Input container component, defaults to `React.Fragment` */
-    inputContainer?(children: React.ReactNode): React.ReactNode;
+    inputContainer?: (children: React.ReactNode) => React.ReactNode;
     /** Controls order of the elements, `['label', 'description', 'input', 'error']` by default */
     inputWrapperOrder?: ('label' | 'input' | 'description' | 'error')[];
 }

package/lib/components/InputBase/InputBase.d.ts

@@ -22,10 +22,10 @@ export declare const InputBase: (<C = "input">(props: import("../../core/factory
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof InputBaseProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (InputBaseProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: InputBaseProps;
     defaultRef: HTMLInputElement;

package/lib/components/JsonInput/JsonInput.d.ts

@@ -8,7 +8,7 @@ export interface JsonInputProps extends Omit<TextareaProps, 'onChange'> {
     /** Default value for uncontrolled component */
     defaultValue?: string;
     /** Called when value changes */
-    onChange?(value: string): void;
+    onChange?: (value: string) => void;
     /** Determines whether the value should be formatted on blur, `false` by default */
     formatOnBlur?: boolean;
     /** Error message displayed when value is not valid JSON */

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

@@ -2,12 +2,12 @@
 import { GetStylesApi } from '../../core';
 import type { MenuFactory } from './Menu';
 interface MenuContext {
-    toggleDropdown(): void;
-    closeDropdownImmediately(): void;
-    closeDropdown(): void;
-    openDropdown(): void;
-    getItemIndex(node: HTMLButtonElement): number | null;
-    setHovered(index: number | null): void;
+    toggleDropdown: () => void;
+    closeDropdownImmediately: () => void;
+    closeDropdown: () => void;
+    openDropdown: () => void;
+    getItemIndex: (node: HTMLButtonElement) => number | null;
+    setHovered: (index: number | null) => void;
     hovered: number | null;
     closeOnItemClick: boolean | undefined;
     loop: boolean | undefined;

package/lib/components/Menu/Menu.d.ts

@@ -16,11 +16,11 @@ export interface MenuProps extends __PopoverProps, StylesApiProps<MenuFactory> {
     /** Uncontrolled menu initial opened state */
     defaultOpened?: boolean;
     /** Called when menu opened state changes */
-    onChange?(opened: boolean): void;
+    onChange?: (opened: boolean) => void;
     /** Called when Menu is opened */
-    onOpen?(): void;
+    onOpen?: () => void;
     /** Called when Menu is closed */
-    onClose?(): void;
+    onClose?: () => void;
     /** Determines whether Menu should be closed when item is clicked */
     closeOnItemClick?: boolean;
     /** Determines whether arrow key presses should loop though items (first to last and last to first) */
@@ -57,10 +57,10 @@ export declare namespace Menu {
         component?: any;
     } & Omit<Omit<any, "ref">, "component" | keyof import("./MenuItem/MenuItem").MenuItemProps> & {
         ref?: any;
-        renderRoot?(props: any): any;
+        renderRoot?: ((props: any) => any) | undefined;
     }) | (import("./MenuItem/MenuItem").MenuItemProps & {
         component: React.ElementType<any>;
-        renderRoot?(props: Record<string, any>): any;
+        renderRoot?: ((props: Record<string, any>) => any) | undefined;
     })>, never> & import("../../core/factory/factory").ThemeExtend<{
         props: import("./MenuItem/MenuItem").MenuItemProps;
         defaultRef: HTMLButtonElement;

package/lib/components/Menu/MenuItem/MenuItem.d.ts

@@ -26,10 +26,10 @@ export declare const MenuItem: (<C = "button">(props: import("../../../core/fact
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof MenuItemProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (MenuItemProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../../core/factory/factory").ThemeExtend<{
     props: MenuItemProps;
     defaultRef: HTMLButtonElement;

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

@@ -4,14 +4,14 @@ interface ModalBaseContextValue {
     unstyled: boolean | undefined;
     titleMounted: boolean;
     bodyMounted: boolean;
-    setTitleMounted(value: boolean): void;
-    setBodyMounted(value: boolean): void;
-    getTitleId(): string;
-    getBodyId(): string;
+    setTitleMounted: (value: boolean) => void;
+    setBodyMounted: (value: boolean) => void;
+    getTitleId: () => string;
+    getBodyId: () => string;
     transitionProps: Partial<TransitionOverride> | undefined;
     zIndex: string | number | undefined;
     opened: boolean;
-    onClose(): void;
+    onClose: () => void;
     closeOnEscape: boolean | undefined;
     trapFocus: boolean | undefined;
     closeOnClickOutside: boolean | undefined;

package/lib/components/ModalBase/ModalBase.d.ts

@@ -9,7 +9,7 @@ export interface ModalBaseProps extends BoxProps, ElementProps<'div', 'title'> {
     /** Determines whether modal/drawer is opened */
     opened: boolean;
     /** Called when modal/drawer is closed */
-    onClose(): void;
+    onClose: () => void;
     /** Id used to connect modal/drawer with body and title */
     id?: string;
     /** Determines whether scroll should be locked when `opened={true}`, `true` by default */

package/lib/components/ModalBase/use-modal.d.ts

@@ -2,7 +2,7 @@
 import { TransitionOverride } from '../Transition';
 interface UseModalInput {
     opened: boolean;
-    onClose(): void;
+    onClose: () => void;
     id: string | undefined;
     transitionProps: TransitionOverride | undefined;
     trapFocus: boolean | undefined;

package/lib/components/MultiSelect/MultiSelect.d.ts

@@ -10,13 +10,13 @@ export interface MultiSelectProps extends BoxProps, __BaseInputProps, ComboboxLi
     /** 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 values, `Infinity` by default */
     maxValues?: number;
     /** Determines whether the select should be searchable, `false` by default */

package/lib/components/NavLink/NavLink.d.ts

@@ -28,7 +28,7 @@ export interface NavLinkProps extends BoxProps, StylesApiProps<NavLinkFactory> {
     /** Uncontrolled nested items collapse initial state */
     defaultOpened?: boolean;
     /** Called when open state changes */
-    onChange?(opened: boolean): void;
+    onChange?: (opened: boolean) => void;
     /** If set, right section will not be rotated when collapse is opened, `false` by default */
     disableRightSectionRotation?: boolean;
     /** Key of `theme.spacing` or any valid CSS value to set collapsed links padding-left, `'lg'` by default */
@@ -36,7 +36,7 @@ export interface NavLinkProps extends BoxProps, StylesApiProps<NavLinkFactory> {
     /** If set, disabled styles will be added to the root element, `false` by default */
     disabled?: boolean;
     /** Called when the link is clicked */
-    onClick?(event: React.MouseEvent<HTMLAnchorElement>): void;
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
 }
 export type NavLinkFactory = PolymorphicFactory<{
     props: NavLinkProps;
@@ -50,10 +50,10 @@ export declare const NavLink: (<C = "a">(props: import("../../core/factory/creat
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof NavLinkProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (NavLinkProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: NavLinkProps;
     defaultRef: HTMLAnchorElement;

package/lib/components/Notification/Notification.d.ts

@@ -7,7 +7,7 @@ export type NotificationCssVariables = {
 export interface NotificationProps extends BoxProps, StylesApiProps<NotificationFactory>, ElementProps<'div', 'title'> {
     variant?: string;
     /** Called when close button is clicked */
-    onClose?(): void;
+    onClose?: () => void;
     /** Controls notification line or icon color, key of `theme.colors` or any valid CSS color, `theme.primaryColor` by default */
     color?: MantineColor;
     /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */

package/lib/components/NumberInput/NumberInput.d.ts

@@ -3,8 +3,8 @@ import { OnValueChange, NumberFormatValues } from 'react-number-format';
 import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
 import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 export interface NumberInputHandlers {
-    increment(): void;
-    decrement(): void;
+    increment: () => void;
+    decrement: () => void;
 }
 export type NumberInputStylesNames = 'controls' | 'control' | __InputStylesNames;
 export type NumberInputCssVariables = {
@@ -16,7 +16,7 @@ export interface NumberInputProps extends BoxProps, __BaseInputProps, StylesApiP
     /** Uncontrolled component default value */
     defaultValue?: number | string;
     /** Called when value changes */
-    onChange?(value: number | string): void;
+    onChange?: (value: number | string) => void;
     /** Called when value changes with `react-number-format` payload */
     onValueChange?: OnValueChange;
     /** Determines whether leading zeros are allowed. If not set, leading zeros are removed when the input is blurred. `false` by default */
@@ -38,7 +38,7 @@ export interface NumberInputProps extends BoxProps, __BaseInputProps, StylesApiP
     /** Defines the thousand grouping style. */
     thousandsGroupStyle?: 'thousand' | 'lakh' | 'wan' | 'none';
     /** A function to validate the input value. If this function returns `false`, the `onChange` will not be called and the input value will not change. */
-    isAllowed?(values: NumberFormatValues): boolean;
+    isAllowed?: (values: NumberFormatValues) => boolean;
     /** If value is passed as string representation of numbers (unformatted) and number is used in any format props like in prefix or suffix in numeric format and format prop in pattern format then this should be passed as `true`. `false` by default. */
     valueIsNumericString?: boolean;
     /** Controls input `type` attribute, `'text'` by default */

package/lib/components/Overlay/Overlay.d.ts

@@ -35,10 +35,10 @@ export declare const Overlay: (<C = "div">(props: import("../../core/factory/cre
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof OverlayProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (OverlayProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: OverlayProps;
     defaultRef: HTMLDivElement;

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

@@ -6,12 +6,12 @@ interface PaginationContext {
     range: (number | 'dots')[];
     active: number;
     disabled: boolean | undefined;
-    getItemProps?(page: number): Record<string, any>;
-    onChange(page: number): void;
-    onNext(): void;
-    onPrevious(): void;
-    onFirst(): void;
-    onLast(): void;
+    getItemProps?: (page: number) => Record<string, any>;
+    onChange: (page: number) => void;
+    onNext: () => void;
+    onPrevious: () => void;
+    onFirst: () => void;
+    onLast: () => void;
     getStyles: GetStylesApi<PaginationRootFactory>;
 }
 export declare const PaginationProvider: ({ children, value }: {

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

@@ -13,7 +13,7 @@ export interface PaginationProps extends PaginationRootProps {
     /** Determines whether next/previous controls should be rendered, true by default */
     withControls?: boolean;
     /** Adds props to next/previous/first/last controls */
-    getControlProps?(control: 'first' | 'previous' | 'last' | 'next'): Record<string, any>;
+    getControlProps?: (control: 'first' | 'previous' | 'last' | 'next') => Record<string, any>;
     /** Next control icon component */
     nextIcon?: PaginationIcon;
     /** Previous control icon component */

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

@@ -14,44 +14,44 @@ export declare function createEdgeComponent({ icon, name, action, type }: Create
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (PaginationEdgeProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;
 export declare const PaginationNext: (<C = "button">(props: import("../../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (PaginationEdgeProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;
 export declare const PaginationPrevious: (<C = "button">(props: import("../../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (PaginationEdgeProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;
 export declare const PaginationFirst: (<C = "button">(props: import("../../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (PaginationEdgeProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;
 export declare const PaginationLast: (<C = "button">(props: import("../../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
-    renderRoot?(props: any): any;
+    renderRoot?: ((props: any) => any) | undefined;
 }) | (PaginationEdgeProps & {
     component: React.ElementType<any>;
-    renderRoot?(props: Record<string, any>): any;
+    renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;

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>;