@mantine/core 7.1.3 → 7.2.0-alpha.0

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

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

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

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

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

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

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

@@ -5,7 +5,7 @@ import { RadioIconProps } from './RadioIcon';
 import { RadioGroup } from './RadioGroup/RadioGroup';
 export type RadioStylesNames = InlineInputStylesNames | 'inner' | 'radio' | 'icon';
 export type RadioCssVariables = {
-    root: '--radio-size' | '--radio-radius' | '--radio-color';
+    root: '--radio-size' | '--radio-radius' | '--radio-color' | '--radio-icon-color';
 };
 export interface RadioProps extends BoxProps, StylesApiProps<RadioFactory>, ElementProps<'input', 'size'> {
     /** Radio label */
@@ -28,6 +28,8 @@ export interface RadioProps extends BoxProps, StylesApiProps<RadioFactory>, Elem
     radius?: MantineRadius;
     /** Assigns ref of the root element, can be used with `Tooltip` and other similar components */
     rootRef?: React.ForwardedRef<HTMLDivElement>;
+    /** Key of `theme.colors` or any valid CSS color to set icon color, `theme.white` by default */
+    iconColor?: MantineColor;
 }
 export type RadioFactory = Factory<{
     props: RadioProps;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/lib/components/Table/Table.components.d.ts

@@ -66,6 +66,7 @@ interface TableElementOptions {
     striped?: true;
     highlightOnHover?: true;
     captionSide?: true;
+    stickyHeader?: true;
 }
 export declare function tableElement<Factory extends FactoryPayload>(element: 'th' | 'td' | 'tr' | 'thead' | 'tbody' | 'tfoot' | 'caption', options?: TableElementOptions): import("../../core").MantineComponent<Factory>;
 export declare const TableTh: import("../../core").MantineComponent<{

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

@@ -3,6 +3,7 @@ import { GetStylesApi } from '../../core';
 import type { TableFactory } from './Table';
 export interface TableContextValue {
     getStyles: GetStylesApi<TableFactory>;
+    stickyHeader: boolean | undefined;
     striped: 'odd' | 'even' | undefined;
     highlightOnHover: boolean | undefined;
     withColumnBorders: boolean | undefined;

package/lib/components/Table/Table.d.ts

@@ -1,11 +1,18 @@
 import React from 'react';
 import { BoxProps, StylesApiProps, ElementProps, MantineColor, MantineSpacing, Factory } from '../../core';
 import { TableCaption, TableTbody, TableTd, TableTfoot, TableTh, TableTr, TableThead } from './Table.components';
+import { TableDataRenderer } from './TableDataRenderer';
 import { TableScrollContainer } from './TableScrollContainer';
 export type TableStylesNames = 'table' | 'thead' | 'tbody' | 'tfoot' | 'tr' | 'th' | 'td' | 'caption';
 export type TableCssVariables = {
-    table: '--table-layout' | '--table-border-color' | '--table-caption-side' | '--table-horizontal-spacing' | '--table-vertical-spacing' | '--table-striped-color' | '--table-highlight-on-hover-color';
+    table: '--table-layout' | '--table-border-color' | '--table-caption-side' | '--table-horizontal-spacing' | '--table-vertical-spacing' | '--table-striped-color' | '--table-highlight-on-hover-color' | '--table-sticky-header-offset';
 };
+export interface TableData {
+    head?: React.ReactNode[];
+    body?: React.ReactNode[][];
+    foot?: React.ReactNode[];
+    caption?: string;
+}
 export interface TableProps extends BoxProps, StylesApiProps<TableFactory>, ElementProps<'table'> {
     /** Value of `table-layout` style, `auto` by default */
     layout?: React.CSSProperties['tableLayout'];
@@ -31,6 +38,12 @@ export interface TableProps extends BoxProps, StylesApiProps<TableFactory>, Elem
     highlightOnHover?: boolean;
     /** Background color of table rows when hovered, key of `theme.colors` or any valid CSS color */
     highlightOnHoverColor?: MantineColor;
+    /** Data that should be used to generate table, ignored if `children` prop is set */
+    data?: TableData;
+    /** Determines whether `Table.Thead` should be sticky, `false` by default */
+    stickyHeader?: boolean;
+    /** Offset from top at which `Table.Thead` should become sticky, `0` by default */
+    stickyHeaderOffset?: number | string;
 }
 export type TableFactory = Factory<{
     props: TableProps;
@@ -46,6 +59,7 @@ export type TableFactory = Factory<{
         Tr: typeof TableTr;
         Caption: typeof TableCaption;
         ScrollContainer: typeof TableScrollContainer;
+        DataRenderer: typeof TableDataRenderer;
     };
 }>;
 export declare const Table: import("../../core").MantineComponent<{
@@ -62,5 +76,6 @@ export declare const Table: import("../../core").MantineComponent<{
         Tr: typeof TableTr;
         Caption: typeof TableCaption;
         ScrollContainer: typeof TableScrollContainer;
+        DataRenderer: typeof TableDataRenderer;
     };
 }>;

package/lib/components/Table/TableDataRenderer.d.ts

@@ -0,0 +1,8 @@
+import type { TableData } from './Table';
+export interface TableDataRendererProps {
+    data: TableData;
+}
+export declare function TableDataRenderer({ data }: TableDataRendererProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TableDataRenderer {
+    var displayName: string;
+}

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

@@ -1,5 +1,5 @@
 export { Table } from './Table';
 export { TableCaption, TableTbody, TableTd, TableTfoot, TableTr, TableTh, TableThead, } from './Table.components';
 export { TableScrollContainer } from './TableScrollContainer';
-export type { TableProps, TableStylesNames, TableCssVariables, TableFactory } from './Table';
+export type { TableProps, TableStylesNames, TableCssVariables, TableFactory, TableData, } from './Table';
 export type { TableTbodyProps, TableTdProps, TableThProps, TableTrProps, TableCaptionProps, TableTfootProps, TableTheadProps, } from './Table.components';

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

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

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

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

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

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

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

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

package/lib/components/TextInput/TextInput.d.ts

@@ -1,7 +1,6 @@
-import { ElementProps, Factory } from '../../core';
-import { InputBaseProps } from '../InputBase';
-import { __InputStylesNames } from '../Input';
-export interface TextInputProps extends InputBaseProps, ElementProps<'input', 'size'> {
+import { ElementProps, Factory, BoxProps, StylesApiProps } from '../../core';
+import { __InputStylesNames, __BaseInputProps } from '../Input';
+export interface TextInputProps extends BoxProps, __BaseInputProps, StylesApiProps<TextInputFactory>, ElementProps<'input', 'size'> {
 }
 export type TextInputFactory = Factory<{
     props: TextInputProps;

package/lib/components/Textarea/Textarea.d.ts

@@ -1,7 +1,7 @@
-import { ElementProps, Factory } from '../../core';
-import { InputBaseProps } from '../InputBase';
-import { __InputStylesNames } from '../Input';
-export interface TextareaProps extends InputBaseProps, ElementProps<'textarea', 'size'> {
+import { ElementProps, Factory, BoxProps, StylesApiProps } from '../../core';
+import { __BaseInputProps, __InputStylesNames } from '../Input';
+export interface TextareaProps extends BoxProps, __BaseInputProps, StylesApiProps<TextareaFactory>, ElementProps<'textarea', 'size'> {
+    __staticSelector?: string;
     /** Determines whether the textarea height should grow with its content, `false` by default */
     autosize?: boolean;
     /** Maximum rows for autosize textarea to grow, ignored if `autosize` prop is not set */

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

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

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

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

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

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

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

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

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

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

package/lib/components/index.d.ts

@@ -62,6 +62,7 @@ export * from './MultiSelect';
 export * from './NativeSelect';
 export * from './NavLink';
 export * from './Notification';
+export * from './NumberFormatter';
 export * from './NumberInput';
 export * from './Pagination';
 export * from './PasswordInput';