@mantine/core 7.1.3 → 7.1.6

package/lib/components/Combobox/ComboboxClearButton/ComboboxClearButton.d.ts

@@ -3,6 +3,6 @@ import { __CloseButtonProps } from '../../CloseButton';
 import { ElementProps, MantineSize } from '../../../core';
 export interface ComboboxClearButtonProps extends __CloseButtonProps, ElementProps<'button'> {
     size?: MantineSize | (string & {}) | number;
-    onClear(): void;
+    onClear: () => void;
 }
 export declare const ComboboxClearButton: React.ForwardRefExoticComponent<ComboboxClearButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/components/Combobox/use-combobox/use-combobox.d.ts

@@ -4,54 +4,54 @@ export interface ComboboxStore {
     /** Current dropdown opened state */
     dropdownOpened: boolean;
     /** Opens dropdown */
-    openDropdown(eventSource?: ComboboxDropdownEventSource): void;
+    openDropdown: (eventSource?: ComboboxDropdownEventSource) => void;
     /** Closes dropdown */
-    closeDropdown(eventSource?: ComboboxDropdownEventSource): void;
+    closeDropdown: (eventSource?: ComboboxDropdownEventSource) => void;
     /** Toggles dropdown opened state */
-    toggleDropdown(eventSource?: ComboboxDropdownEventSource): void;
+    toggleDropdown: (eventSource?: ComboboxDropdownEventSource) => void;
     /** Selected option index */
     selectedOptionIndex: number;
     /** Selects `Combobox.Option` by index */
-    selectOption(index: number): void;
+    selectOption: (index: number) => void;
     /** Selects first `Combobox.Option` with `active` prop.
      *  If there are no such options, the function does nothing.
      */
-    selectActiveOption(): string | null;
+    selectActiveOption: () => string | null;
     /** Selects first `Combobox.Option` that is not disabled.
      *  If there are no such options, the function does nothing.
      * */
-    selectFirstOption(): string | null;
+    selectFirstOption: () => string | null;
     /** Selects next `Combobox.Option` that is not disabled.
      *  If the current option is the last one, the function selects first option, if `loop` is true.
      */
-    selectNextOption(): string | null;
+    selectNextOption: () => string | null;
     /** Selects previous `Combobox.Option` that is not disabled.
      *  If the current option is the first one, the function selects last option, if `loop` is true.
      * */
-    selectPreviousOption(): string | null;
+    selectPreviousOption: () => string | null;
     /** Resets selected option index to -1, removes `data-combobox-selected` from selected option */
-    resetSelectedOption(): void;
+    resetSelectedOption: () => void;
     /** Triggers `onClick` event of selected option.
      *  If there is no selected option, the function does nothing.
      */
-    clickSelectedOption(): void;
+    clickSelectedOption: () => void;
     /** Updates selected option index to currently selected or active option.
      *  The function is required to be used with searchable components to update selected option index
      *  when options list changes based on search query.
      */
-    updateSelectedOptionIndex(target?: 'active' | 'selected'): void;
+    updateSelectedOptionIndex: (target?: 'active' | 'selected') => void;
     /** List id, used for `aria-*` attributes */
     listId: string | null;
     /** Sets list id */
-    setListId(id: string): void;
+    setListId: (id: string) => void;
     /** Ref of `Combobox.Search` input */
     searchRef: React.MutableRefObject<HTMLInputElement | null>;
     /** Moves focus to `Combobox.Search` input */
-    focusSearchInput(): void;
+    focusSearchInput: () => void;
     /** Ref of the target element */
     targetRef: React.MutableRefObject<HTMLElement | null>;
     /** Moves focus to the target element */
-    focusTarget(): void;
+    focusTarget: () => void;
 }
 export interface UseComboboxOptions {
     /** Default value for `dropdownOpened`, `false` by default */
@@ -59,11 +59,11 @@ export interface UseComboboxOptions {
     /** Controlled `dropdownOpened` state */
     opened?: boolean;
     /** Called when `dropdownOpened` state changes */
-    onOpenedChange?(opened: boolean): void;
+    onOpenedChange?: (opened: boolean) => void;
     /** Called when dropdown closes with event source: keyboard, mouse or unknown */
-    onDropdownClose?(eventSource: ComboboxDropdownEventSource): void;
+    onDropdownClose?: (eventSource: ComboboxDropdownEventSource) => void;
     /** Called when dropdown opens with event source: keyboard, mouse or unknown */
-    onDropdownOpen?(eventSource: ComboboxDropdownEventSource): void;
+    onDropdownOpen?: (eventSource: ComboboxDropdownEventSource) => void;
     /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */
     loop?: boolean;
     /** `behavior` passed down to `element.scrollIntoView`, `'instant'` by default */

package/lib/components/Combobox/use-combobox/use-virtualized-combobox.d.ts

@@ -5,21 +5,21 @@ interface UseComboboxOptions {
     /** Controlled `dropdownOpened` state */
     opened?: boolean;
     /** Called when `dropdownOpened` state changes */
-    onOpenedChange?(opened: boolean): void;
+    onOpenedChange?: (opened: boolean) => void;
     /** Called when dropdown closes */
-    onDropdownClose?(): void;
+    onDropdownClose?: () => void;
     /** Called when dropdown opens */
-    onDropdownOpen?(): void;
+    onDropdownOpen?: () => void;
     /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */
     loop?: boolean;
     /** Function to determine whether the option is disabled */
-    isOptionDisabled?(optionIndex: number): boolean;
+    isOptionDisabled?: (optionIndex: number) => boolean;
     totalOptionsCount: number;
-    getOptionId(index: number): string | null;
+    getOptionId: (index: number) => string | null;
     selectedOptionIndex: number;
-    setSelectedOptionIndex(index: number): void;
+    setSelectedOptionIndex: (index: number) => void;
     activeOptionIndex?: number;
-    onSelectedOptionSubmit(index: number): void;
+    onSelectedOptionSubmit: (index: number) => void;
 }
 export declare function useVirtualizedCombobox({ defaultOpened, opened, onOpenedChange, onDropdownClose, onDropdownOpen, loop, totalOptionsCount, isOptionDisabled, getOptionId, selectedOptionIndex, setSelectedOptionIndex, activeOptionIndex, onSelectedOptionSubmit, }?: UseComboboxOptions): ComboboxStore;
 export {};

package/lib/components/CopyButton/CopyButton.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 export interface CopyButtonProps {
     /** Children callback, provides current status and copy function as an argument */
-    children(payload: {
+    children: (payload: {
         copied: boolean;
-        copy(): void;
-    }): React.ReactNode;
+        copy: () => void;
+    }) => React.ReactNode;
     /** Value that will be copied to the clipboard when the button is clicked */
     value: string;
     /** Copied status timeout in ms, `1000` by default */

package/lib/components/Dialog/Dialog.d.ts

@@ -13,7 +13,7 @@ export interface DialogProps extends BoxProps, AffixBaseProps, PaperBaseProps, S
     /** Determines whether the close button should be displayed, `true` by default */
     withCloseButton?: boolean;
     /** Called when the close button is clicked */
-    onClose?(): void;
+    onClose?: () => void;
     /** Dialog content */
     children?: React.ReactNode;
     /** Opened state */

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