@mantine/core 7.1.3 → 7.2.0-alpha.0

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

@@ -5,7 +5,9 @@ import { InputError } from './InputError/InputError';
 import { InputDescription } from './InputDescription/InputDescription';
 import { InputPlaceholder } from './InputPlaceholder/InputPlaceholder';
 import { InputWrapper, __InputWrapperProps, InputWrapperStylesNames } from './InputWrapper/InputWrapper';
-export interface __BaseInputProps extends __InputWrapperProps, __InputProps {
+export interface __BaseInputProps extends __InputWrapperProps, Omit<__InputProps, 'wrapperProps'> {
+    /** Props passed down to the root element */
+    wrapperProps?: Record<string, any>;
 }
 export type __InputStylesNames = InputStylesNames | InputWrapperStylesNames;
 export type InputStylesNames = 'input' | 'wrapper' | 'section';
@@ -82,10 +84,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/Input/use-input-props.d.ts

@@ -9,7 +9,7 @@ interface BaseProps extends __BaseInputProps, BoxProps, StylesApiProps<{
     __stylesApiProps?: Record<string, any>;
     id?: string;
 }
-export declare function useInputProps<T extends BaseProps, U extends Partial<T>>(component: string, defaultProps: U, _props: T): Omit<T & { [Key in Extract<keyof T, never>]-?: {}[Key] | NonNullable<T[Key]>; }, "label" | "style" | "size" | "styles" | "className" | "id" | "vars" | "variant" | "unstyled" | "classNames" | "required" | "error" | "description" | "__staticSelector" | "__stylesApiProps" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "wrapperProps"> & {
+export declare function useInputProps<T extends BaseProps, U extends Partial<T>>(component: string, defaultProps: U, _props: T): Omit<T & { [Key in Extract<keyof T, never>]-?: {}[Key] | NonNullable<T[Key]>; }, "className" | "style" | "label" | "variant" | "size" | "styles" | "wrapperProps" | "required" | "id" | "description" | "error" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "unstyled" | "classNames" | "vars" | "__staticSelector" | "__stylesApiProps"> & {
     classNames: Partial<Record<string, string>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, string>>) | undefined;
     styles: Partial<Record<string, import("react").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("react").CSSProperties>>) | undefined;
     unstyled: boolean | undefined;
@@ -27,10 +27,10 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         descriptionProps: Record<string, any> | undefined;
         unstyled: boolean | undefined;
         styles: Partial<Record<string, import("react").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("react").CSSProperties>>) | undefined;
-        size: (string & {}) | import("../../core").MantineSize | undefined;
+        size: import("../../core").MantineSize | (string & {}) | undefined;
         style: import("../../core").MantineStyleProp;
         inputContainer: ((children: import("react").ReactNode) => import("react").ReactNode) | undefined;
-        inputWrapperOrder: ("input" | "label" | "error" | "description")[] | undefined;
+        inputWrapperOrder: ("input" | "label" | "description" | "error")[] | undefined;
         withAsterisk: boolean | undefined;
         variant: string | undefined;
         id: string | undefined;
@@ -40,7 +40,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         classNames: Partial<Record<string, string>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, string>>) | undefined;
         styles: Partial<Record<string, import("react").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("react").CSSProperties>>) | undefined;
         unstyled: boolean | undefined;
-        size: (string & {}) | import("../../core").MantineSize | undefined;
+        size: import("../../core").MantineSize | (string & {}) | undefined;
         __staticSelector: string | undefined;
         __stylesApiProps: Record<string, any>;
         error: import("react").ReactNode;

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

@@ -14,6 +14,8 @@ export interface LoaderProps extends BoxProps, StylesApiProps<LoaderFactory>, Om
     type?: MantineLoader;
     /** Object of loaders components, can be customized via default props or inline. Default value contains `bars`, `oval` and `dots` */
     loaders?: MantineLoadersRecord;
+    /** Overrides default loader with given content */
+    children?: React.ReactNode;
 }
 export type LoaderFactory = Factory<{
     props: LoaderProps;

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

@@ -1,8 +1,7 @@
-import { ElementProps, Factory } from '../../core';
-import { InputBaseProps } from '../InputBase';
-import { __InputStylesNames } from '../Input';
+import { ElementProps, Factory, BoxProps, StylesApiProps } from '../../core';
+import { __InputStylesNames, __BaseInputProps } from '../Input';
 import { ComboboxData } from '../Combobox';
-export interface NativeSelectProps extends InputBaseProps, ElementProps<'select', 'size'> {
+export interface NativeSelectProps extends BoxProps, __BaseInputProps, StylesApiProps<NativeSelectFactory>, ElementProps<'select', 'size'> {
     /** Data used to render options, can be replaced with `children` */
     data?: ComboboxData;
 }

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Factory, MantineThemeComponent } from '../../core';
+export interface NumberFormatterProps extends React.ComponentPropsWithoutRef<'span'> {
+    /** Value to format */
+    value?: number | string;
+    /** Determines whether negative values are allowed, `true` by default */
+    allowNegative?: boolean;
+    /** Limits the number of digits that are displayed after the decimal point, by default there is no limit */
+    decimalScale?: number;
+    /** Character used as a decimal separator, `'.'` by default */
+    decimalSeparator?: string;
+    /** If set, 0s are added after `decimalSeparator` to match given `decimalScale`. `false` by default */
+    fixedDecimalScale?: boolean;
+    /** Prefix added before the value */
+    prefix?: string;
+    /** Suffix added after the value */
+    suffix?: string;
+    /** Defines the thousand grouping style */
+    thousandsGroupStyle?: 'thousand' | 'lakh' | 'wan' | 'none';
+    /** A character used to separate thousands, `','` by default */
+    thousandSeparator?: string | boolean;
+}
+export type NumberFormatterFactory = Factory<{
+    props: NumberFormatterProps;
+    ref: HTMLDivElement;
+}>;
+export declare function NumberFormatter(_props: NumberFormatterProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace NumberFormatter {
+    var extend: (c: import("../../core/factory/factory").ExtendsRootComponent<{
+        props: NumberFormatterProps;
+        ref: HTMLDivElement;
+    }>) => MantineThemeComponent;
+    var displayName: string;
+}

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

@@ -0,0 +1,2 @@
+export { NumberFormatter } from './NumberFormatter';
+export type { NumberFormatterFactory, NumberFormatterProps } from './NumberFormatter';

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

@@ -1,12 +1,11 @@
 import React from 'react';
-import { StylesApiProps, ElementProps, Factory } from '../../core';
-import { InputBaseProps } from '../InputBase';
-import { InputVariant, __InputStylesNames } from '../Input';
+import { StylesApiProps, ElementProps, Factory, BoxProps } from '../../core';
+import { InputVariant, __InputStylesNames, __BaseInputProps } from '../Input';
 export type PasswordInputStylesNames = 'root' | 'visibilityToggle' | 'innerInput' | __InputStylesNames;
 export type PasswordInputCssVariables = {
     root: '--psi-icon-size' | '--psi-button-size';
 };
-export interface PasswordInputProps extends Omit<InputBaseProps, 'classNames' | 'styles' | 'vars'>, StylesApiProps<PasswordInputFactory>, ElementProps<'input', 'size'> {
+export interface PasswordInputProps extends BoxProps, __BaseInputProps, StylesApiProps<PasswordInputFactory>, ElementProps<'input', 'size'> {
     /** Custom visibility toggle icon */
     visibilityToggleIcon?: React.FC<{
         reveal: boolean;
@@ -18,7 +17,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/PillsInput/PillsInput.d.ts

@@ -1,8 +1,10 @@
-import { ElementProps, Factory } from '../../core';
-import { __InputStylesNames } from '../Input';
-import { InputBaseProps } from '../InputBase';
+import { ElementProps, Factory, BoxProps, StylesApiProps } from '../../core';
+import { __InputStylesNames, __BaseInputProps } from '../Input';
 import { PillsInputField } from './PillsInputField/PillsInputField';
-export interface PillsInputProps extends InputBaseProps, ElementProps<'div', 'size'> {
+export interface PillsInputProps extends BoxProps, __BaseInputProps, StylesApiProps<PillsInputFactory>, ElementProps<'div', 'size'> {
+    __stylesApiProps?: Record<string, any>;
+    __staticSelector?: string;
+    multiline?: boolean;
 }
 export type PillsInputFactory = Factory<{
     props: PillsInputProps;

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