@mantine/core 7.3.1 → 7.4.0

package/lib/components/Indicator/get-position-variables/get-position-variables.d.ts

@@ -1,3 +1,3 @@
-import type { IndicatorPosition } from '../Indicator.types';
 import type { IndicatorPositionVariables } from '../Indicator';
+import type { IndicatorPosition } from '../Indicator.types';
 export declare function getPositionVariables(_position?: IndicatorPosition, offset?: number): Record<IndicatorPositionVariables, string | undefined>;

package/lib/components/InlineInput/InlineInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../core';
 export declare const InlineInputClasses: any;
 export type InlineInputStylesNames = 'root' | 'body' | 'labelWrapper' | 'label' | 'description' | 'error';
 export interface InlineInputProps extends BoxProps, StylesApiProps<InlineInputFactory>, ElementProps<'div'> {

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, MantineRadius, MantineSize, PolymorphicFactory } from '../../core';
-import { InputLabel } from './InputLabel/InputLabel';
-import { InputError } from './InputError/InputError';
+import { BoxProps, MantineRadius, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
 import { InputDescription } from './InputDescription/InputDescription';
+import { InputError } from './InputError/InputError';
+import { InputLabel } from './InputLabel/InputLabel';
 import { InputPlaceholder } from './InputPlaceholder/InputPlaceholder';
-import { InputWrapper, __InputWrapperProps, InputWrapperStylesNames } from './InputWrapper/InputWrapper';
+import { __InputWrapperProps, InputWrapper, InputWrapperStylesNames } from './InputWrapper/InputWrapper';
 export interface __BaseInputProps extends __InputWrapperProps, Omit<__InputProps, 'wrapperProps'> {
     /** Props passed down to the root element */
     wrapperProps?: Record<string, any>;
@@ -24,7 +24,7 @@ export interface __InputProps {
     leftSection?: React.ReactNode;
     /** Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height */
     leftSectionWidth?: React.CSSProperties['width'];
-    /** Props added to the `leftSection` element */
+    /** Props passed down to the `leftSection` element */
     leftSectionProps?: React.ComponentPropsWithoutRef<'div'>;
     /** Sets `pointer-events` styles on the `leftSection` element, `'none'` by default */
     leftSectionPointerEvents?: React.CSSProperties['pointerEvents'];
@@ -32,11 +32,11 @@ export interface __InputProps {
     rightSection?: React.ReactNode;
     /** Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height */
     rightSectionWidth?: React.CSSProperties['width'];
-    /** Props added to the `rightSection` element */
+    /** Props passed down to the `rightSection` element */
     rightSectionProps?: React.ComponentPropsWithoutRef<'div'>;
     /** Sets `pointer-events` styles on the `rightSection` element, `'none'` by default */
     rightSectionPointerEvents?: React.CSSProperties['pointerEvents'];
-    /** Props added to the root element of the `Input` component */
+    /** Props passed down to the root element of the `Input` component */
     wrapperProps?: Record<string, any>;
     /** Sets `required` attribute on the `input` element */
     required?: boolean;
@@ -48,7 +48,7 @@ export interface __InputProps {
     size?: MantineSize | (string & {});
     /** Determines whether the input should have `cursor: pointer` style, `false` by default */
     pointer?: boolean;
-    /** Determines whether the input should have red border and text color when `error` prop is set, `true` by default */
+    /** Determines whether the input should have red border and red text color when the `error` prop is set, `true` by default */
     withErrorStyles?: boolean;
 }
 export interface InputProps extends BoxProps, __InputProps, StylesApiProps<InputFactory> {

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

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
 export type InputDescriptionStylesNames = 'description';
 export type InputDescriptionCssVariables = {
     description: '--input-description-size';

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

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
 export type InputErrorStylesNames = 'error';
 export type InputErrorCssVariables = {
     error: '--input-error-size';

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

@@ -1,11 +1,11 @@
-import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
 export type InputLabelStylesNames = 'label' | 'required';
 export type InputLabelCssVariables = {
     label: '--input-asterisk-color' | '--input-label-size';
 };
 export interface InputLabelProps extends BoxProps, StylesApiProps<InputLabelFactory>, ElementProps<'label'> {
     __staticSelector?: string;
-    /** Determines whether required asterisk should be displayed  */
+    /** Determines whether the required asterisk should be displayed  */
     required?: boolean;
     /** Controls label `font-size`, `'sm'` by default */
     size?: MantineSize | (string & {});

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../../core';
 export type InputPlaceholderStylesNames = 'placeholder';
 export interface InputPlaceholderProps extends BoxProps, StylesApiProps<InputPlaceholderFactory>, ElementProps<'span'> {
     __staticSelector?: string;

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

@@ -1,28 +1,28 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, MantineSize, Factory } from '../../../core';
-import { InputLabelStylesNames, InputLabelCssVariables } from '../InputLabel/InputLabel';
-import { InputDescriptionStylesNames, InputDescriptionCssVariables } from '../InputDescription/InputDescription';
-import { InputErrorStylesNames, InputErrorCssVariables } from '../InputError/InputError';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
+import { InputDescriptionCssVariables, InputDescriptionStylesNames } from '../InputDescription/InputDescription';
+import { InputErrorCssVariables, InputErrorStylesNames } from '../InputError/InputError';
+import { InputLabelCssVariables, InputLabelStylesNames } from '../InputLabel/InputLabel';
 export type InputWrapperCssVariables = InputLabelCssVariables & InputErrorCssVariables & InputDescriptionCssVariables;
 export type InputWrapperStylesNames = 'root' | InputLabelStylesNames | InputDescriptionStylesNames | InputErrorStylesNames;
 export interface __InputWrapperProps {
-    /** Contents of `Input.Label` component, if not set, label is not rendered. */
+    /** Contents of `Input.Label` component. If not set, label is not rendered. */
     label?: React.ReactNode;
-    /** Contents of `Input.Description` component, if not set, description is not rendered. */
+    /** Contents of `Input.Description` component. If not set, description is not rendered. */
     description?: React.ReactNode;
-    /** Contents of `Input.Error` component, if not set, error is not rendered. */
+    /** Contents of `Input.Error` component. If not set, error is not rendered. */
     error?: React.ReactNode;
     /** Adds required attribute to the input and a red asterisk on the right side of label, `false` by default */
     required?: boolean;
-    /** Determines whether required asterisk should be rendered, overrides required prop, does not add required attribute to the input, `false` by default */
+    /** Determines whether the required asterisk should be displayed. Overrides `required` prop. Does not add required attribute to the input. `false` by default */
     withAsterisk?: boolean;
     /** Props passed down to the `Input.Label` component */
     labelProps?: Record<string, any>;
     /** Props passed down to the `Input.Description` component */
     descriptionProps?: Record<string, any>;
-    /** Props passed down to the `InputError` component */
+    /** Props passed down to the `Input.Error` component */
     errorProps?: Record<string, any>;
-    /** Input container component, defaults to `React.Fragment` */
+    /** Input container component, `React.Fragment` by default */
     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

@@ -10,7 +10,7 @@ interface BaseProps extends __BaseInputProps, BoxProps, StylesApiProps<{
 }
 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"> & {
     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;
+    styles: Partial<Record<string, import("../../core").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("../../core").CSSProperties>>) | undefined;
     unstyled: boolean | undefined;
     wrapperProps: {
         label: import("react").ReactNode;
@@ -25,7 +25,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         labelProps: Record<string, any> | undefined;
         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;
+        styles: Partial<Record<string, import("../../core").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("../../core").CSSProperties>>) | undefined;
         size: (string & {}) | import("../../core").MantineSize | undefined;
         style: import("../../core").MantineStyleProp;
         inputContainer: ((children: import("react").ReactNode) => import("react").ReactNode) | undefined;
@@ -37,7 +37,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
     inputProps: {
         required: boolean | undefined;
         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;
+        styles: Partial<Record<string, import("../../core").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("../../core").CSSProperties>>) | undefined;
         unstyled: boolean | undefined;
         size: (string & {}) | import("../../core").MantineSize | undefined;
         __staticSelector: string | undefined;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, PolymorphicFactory } from '../../core';
-import { __InputStylesNames, __BaseInputProps, InputVariant } from '../Input';
+import { BoxProps, PolymorphicFactory, StylesApiProps } from '../../core';
+import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 export interface InputBaseProps extends BoxProps, __BaseInputProps, StylesApiProps<InputBaseFactory> {
     __staticSelector?: string;
     __stylesApiProps?: Record<string, any>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Factory } from '../../core';
-import { TextareaProps } from '../Textarea';
 import { __InputStylesNames } from '../Input';
+import { TextareaProps } from '../Textarea';
 export interface JsonInputProps extends Omit<TextareaProps, 'onChange'> {
     /** Value for controlled component */
     value?: string;

package/lib/components/Kbd/Kbd.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../core';
 export type KbdStylesNames = 'root';
 export type KbdCssVariables = {
     root: '--kbd-padding' | '--kbd-fz';

package/lib/components/List/List.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize, MantineSpacing } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, MantineSpacing, StylesApiProps } from '../../core';
 import { ListItem, ListItemStylesNames } from './ListItem/ListItem';
 export type ListStylesNames = 'root' | ListItemStylesNames;
 export type ListCssVariables = {

package/lib/components/Loader/Loader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MantineSize, MantineColor, BoxProps, StylesApiProps, Factory } from '../../core';
+import { BoxProps, Factory, MantineColor, MantineSize, StylesApiProps } from '../../core';
 import type { MantineLoader, MantineLoadersRecord } from './Loader.types';
 export type LoaderStylesNames = 'root';
 export type LoaderCssVariables = {

package/lib/components/LoadingOverlay/LoadingOverlay.d.ts

@@ -1,7 +1,7 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
-import { TransitionOverride } from '../Transition';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { LoaderProps } from '../Loader';
 import { OverlayProps } from '../Overlay';
+import { TransitionOverride } from '../Transition';
 export type LoadingOverlayStylesNames = 'root' | 'loader' | 'overlay';
 export type LoadingOverlayCssVariables = {
     root: '--lo-z-index';

package/lib/components/Mark/Mark.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, MantineColor, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, StylesApiProps } from '../../core';
 export type MarkStylesNames = 'root';
 export type MarkCssVariables = {
     root: '--mark-bg-dark' | '--mark-bg-light';

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

@@ -15,6 +15,8 @@ interface MenuContext {
     unstyled: boolean | undefined;
     getStyles: GetStylesApi<MenuFactory>;
     menuItemTabIndex: -1 | 0 | undefined;
+    openedViaClick: boolean;
+    setOpenedViaClick: (value: boolean) => void;
 }
 export declare const MenuContextProvider: ({ children, value }: {
     value: MenuContext;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StylesApiProps, Factory } from '../../core';
+import { Factory, StylesApiProps } from '../../core';
 import { __PopoverProps, PopoverStylesNames } from '../Popover';
 export type MenuStylesNames = 'item' | 'itemLabel' | 'itemSection' | 'label' | 'divider' | PopoverStylesNames;
 export type MenuFactory = Factory<{

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, CompoundStylesApiProps, PolymorphicFactory, MantineColor } from '../../../core';
+import { BoxProps, CompoundStylesApiProps, MantineColor, PolymorphicFactory } from '../../../core';
 export type MenuItemStylesNames = 'item' | 'itemLabel' | 'itemSection';
 export interface MenuItemProps extends BoxProps, CompoundStylesApiProps<MenuItemFactory> {
     /** Item label */

package/lib/components/Modal/Modal.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Factory } from '../../core';
-import { ModalBaseOverlayProps, ModalBaseCloseButtonProps } from '../ModalBase';
-import { ModalRoot, ModalRootProps, ModalRootCssVariables, ModalRootStylesNames } from './ModalRoot';
+import { ModalBaseCloseButtonProps, ModalBaseOverlayProps } from '../ModalBase';
 import { ModalBody } from './ModalBody';
 import { ModalCloseButton } from './ModalCloseButton';
-import { ModalOverlay } from './ModalOverlay';
 import { ModalContent } from './ModalContent';
-import { ModalTitle } from './ModalTitle';
 import { ModalHeader } from './ModalHeader';
+import { ModalOverlay } from './ModalOverlay';
+import { ModalRoot, ModalRootCssVariables, ModalRootProps, ModalRootStylesNames } from './ModalRoot';
+import { ModalTitle } from './ModalTitle';
 export type ModalStylesNames = ModalRootStylesNames;
 export type ModalCssVariables = ModalRootCssVariables;
 export interface ModalProps extends ModalRootProps {

package/lib/components/Modal/ModalHeader.d.ts

@@ -5,13 +5,13 @@ export interface ModalHeaderProps extends ModalBaseHeaderProps, CompoundStylesAp
 }
 export type ModalHeaderFactory = Factory<{
     props: ModalHeaderProps;
-    ref: HTMLDivElement;
+    ref: HTMLElement;
     stylesNames: ModalHeaderStylesNames;
     compound: true;
 }>;
 export declare const ModalHeader: import("../../core").MantineComponent<{
     props: ModalHeaderProps;
-    ref: HTMLDivElement;
+    ref: HTMLElement;
     stylesNames: ModalHeaderStylesNames;
     compound: true;
 }>;

package/lib/components/Modal/ModalRoot.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StylesApiProps, Factory, MantineRadius } from '../../core';
+import { Factory, MantineRadius, StylesApiProps } from '../../core';
 import { ModalBaseProps, ModalBaseStylesNames } from '../ModalBase';
 import { ScrollAreaComponent } from './Modal.context';
 export type ModalRootStylesNames = ModalBaseStylesNames;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { BoxProps, ElementProps } from '../../core';
-export interface ModalBaseHeaderProps extends BoxProps, ElementProps<'div'> {
+export interface ModalBaseHeaderProps extends BoxProps, ElementProps<'header'> {
 }
-export declare const ModalBaseHeader: React.ForwardRefExoticComponent<ModalBaseHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ModalBaseHeader: React.ForwardRefExoticComponent<ModalBaseHeaderProps & React.RefAttributes<HTMLElement>>;

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

@@ -1,8 +1,8 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
+import { __CloseButtonProps } from '../CloseButton';
 import { ComboboxLikeProps, ComboboxLikeStylesNames } from '../Combobox';
 import { __BaseInputProps, __InputStylesNames } from '../Input';
-import { __CloseButtonProps } from '../CloseButton';
 export type MultiSelectStylesNames = __InputStylesNames | ComboboxLikeStylesNames | 'pill' | 'pillsList' | 'inputField';
 export interface MultiSelectProps extends BoxProps, __BaseInputProps, ComboboxLikeProps, StylesApiProps<MultiSelectFactory>, ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {
     /** Controlled component value */

package/lib/components/NativeSelect/NativeSelect.d.ts

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, PolymorphicFactory, MantineColor, MantineSize } from '../../core';
+import { BoxProps, MantineColor, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
 export type NavLinkStylesNames = 'root' | 'section' | 'body' | 'label' | 'description' | 'chevron' | 'children';
 export type NavLinkVariant = 'filled' | 'light' | 'subtle';
 export type NavLinkCssVariables = {
@@ -37,6 +37,10 @@ export interface NavLinkProps extends BoxProps, StylesApiProps<NavLinkFactory> {
     disabled?: boolean;
     /** Called when the link is clicked */
     onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    /** Link `onkeydown` event */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLAnchorElement>) => void;
+    /** Determines whether button text color with filled variant should depend on `background-color`. If luminosity of the `color` prop is less than `theme.luminosityThreshold`, then `theme.white` will be used for text color, otherwise `theme.black`. Overrides `theme.autoContrast`. */
+    autoContrast?: boolean;
 }
 export type NavLinkFactory = PolymorphicFactory<{
     props: NavLinkProps;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineRadius, MantineColor } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, StylesApiProps } from '../../core';
 export type NotificationStylesNames = 'root' | 'icon' | 'loader' | 'body' | 'title' | 'description' | 'closeButton';
 export type NotificationCssVariables = {
     root: '--notification-radius' | '--notification-color';

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { OnValueChange, NumberFormatValues } from 'react-number-format';
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../core';
+import { NumberFormatValues, OnValueChange } from 'react-number-format';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 export interface NumberInputHandlers {
     increment: () => void;
@@ -61,6 +61,10 @@ export interface NumberInputProps extends BoxProps, __BaseInputProps, StylesApiP
     handlersRef?: React.ForwardedRef<NumberInputHandlers | undefined>;
     /** Value set to the input when increment/decrement buttons are clicked or up/down arrows pressed if the input is empty, `0` by default */
     startValue?: number;
+    /** Delay before stepping the value. Can be a number of milliseconds or a function that receives the current step count and returns the delay in milliseconds. */
+    stepHoldInterval?: number | ((stepCount: number) => number);
+    /** Initial delay in milliseconds before stepping the value. */
+    stepHoldDelay?: number;
 }
 export type NumberInputFactory = Factory<{
     props: NumberInputProps;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, PolymorphicFactory, MantineRadius } from '../../core';
+import { BoxProps, MantineRadius, PolymorphicFactory, StylesApiProps } from '../../core';
 export type OverlayStylesNames = 'root';
 export type OverlayCssVariables = {
     root: '--overlay-bg' | '--overlay-filter' | '--overlay-radius' | '--overlay-z-index';

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

@@ -1,10 +1,10 @@
 import { Factory, MantineSize } from '../../core';
-import { PaginationRoot, PaginationRootCssVariables, PaginationRootProps, PaginationRootStylesNames } from './PaginationRoot/PaginationRoot';
+import { PaginationIcon } from './Pagination.icons';
 import { PaginationControl } from './PaginationControl/PaginationControl';
 import { PaginationDots } from './PaginationDots/PaginationDots';
 import { PaginationFirst, PaginationLast, PaginationNext, PaginationPrevious } from './PaginationEdges/PaginationEdges';
 import { PaginationItems } from './PaginationItems/PaginationItems';
-import { PaginationIcon } from './Pagination.icons';
+import { PaginationRoot, PaginationRootCssVariables, PaginationRootProps, PaginationRootStylesNames } from './PaginationRoot/PaginationRoot';
 export type PaginationStylesNames = PaginationRootStylesNames;
 export type PaginationCssVariables = PaginationRootCssVariables;
 export interface PaginationProps extends PaginationRootProps {

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

@@ -1,7 +1,7 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize, MantineColor, MantineRadius } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineColor, MantineRadius, MantineSize, StylesApiProps } from '../../../core';
 export type PaginationRootStylesNames = 'root' | 'control' | 'dots';
 export type PaginationRootCssVariables = {
-    root: '--pagination-control-size' | '--pagination-control-radius' | '--pagination-control-fz' | '--pagination-active-bg';
+    root: '--pagination-control-size' | '--pagination-control-radius' | '--pagination-control-fz' | '--pagination-active-bg' | '--pagination-active-color';
 };
 export interface PaginationRootProps extends BoxProps, StylesApiProps<PaginationRootFactory>, ElementProps<'div', 'value' | 'onChange'> {
     /** `height` and `min-width` of controls, `'md'` by default */
@@ -34,6 +34,8 @@ export interface PaginationRootProps extends BoxProps, StylesApiProps<Pagination
     onLastPage?: () => void;
     /** Additional props passed down to controls */
     getItemProps?: (page: number) => Record<string, any>;
+    /** Determines whether active item text color should depend on `background-color` of the indicator. If luminosity of the `color` prop is less than `theme.luminosityThreshold`, then `theme.white` will be used for text color, otherwise `theme.black`. Overrides `theme.autoContrast`. */
+    autoContrast?: boolean;
 }
 export type PaginationRootFactory = Factory<{
     props: PaginationRootProps;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, MantineShadow, MantineRadius, PolymorphicFactory } from '../../core';
+import { BoxProps, MantineRadius, MantineShadow, PolymorphicFactory, StylesApiProps } from '../../core';
 export type PaperStylesNames = 'root';
 export type PaperCssVariables = {
     root: '--paper-radius' | '--paper-shadow';

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

@@ -1,20 +1,20 @@
 import React from 'react';
-import { StylesApiProps, ElementProps, Factory, BoxProps } from '../../core';
-import { InputVariant, __InputStylesNames, __BaseInputProps } from '../Input';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
+import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 export type PasswordInputStylesNames = 'root' | 'visibilityToggle' | 'innerInput' | __InputStylesNames;
 export type PasswordInputCssVariables = {
     root: '--psi-icon-size' | '--psi-button-size';
 };
 export interface PasswordInputProps extends BoxProps, __BaseInputProps, StylesApiProps<PasswordInputFactory>, ElementProps<'input', 'size'> {
-    /** Custom visibility toggle icon */
+    /** A component to replace visibility toggle icon */
     visibilityToggleIcon?: React.FC<{
         reveal: boolean;
     }>;
     /** Props passed down to the visibility toggle button */
     visibilityToggleButtonProps?: Record<string, any>;
-    /** Determines whether input content should be visible (controlled) */
+    /** Determines whether input content should be visible */
     visible?: boolean;
-    /** Determines whether input content should be visible (uncontrolled) */
+    /** Determines whether input content should be visible by default */
     defaultVisible?: boolean;
     /** Called when visibility changes */
     onVisibilityChange?: (visible: boolean) => void;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize, MantineRadius } from '../../core';
+import { BoxProps, ElementProps, Factory, MantineRadius, MantineSize, StylesApiProps } from '../../core';
 import { PillGroup } from './PillGroup/PillGroup';
 export type PillStylesNames = 'root' | 'label' | 'remove';
 export type PillVariant = 'default' | 'contrast';

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

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory, MantineSize } from '../../../core';
+import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../../core';
 export type PillGroupStylesNames = 'group';
 export type PillGroupCssVariables = {
     group: '--pg-gap';

package/lib/components/PillsInput/PillsInput.d.ts

@@ -1,5 +1,5 @@
-import { ElementProps, Factory, BoxProps, StylesApiProps } from '../../core';
-import { __InputStylesNames, __BaseInputProps } from '../Input';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
+import { __BaseInputProps, __InputStylesNames } from '../Input';
 import { PillsInputField } from './PillsInputField/PillsInputField';
 export interface PillsInputProps extends BoxProps, __BaseInputProps, StylesApiProps<PillsInputFactory>, ElementProps<'div', 'size'> {
     __stylesApiProps?: Record<string, any>;

package/lib/components/PillsInput/PillsInputField/PillsInputField.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps, StylesApiProps, ElementProps, Factory } from '../../../core';
+import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../../core';
 export type PillsInputFieldStylesNames = 'field';
 export interface PillsInputFieldProps extends BoxProps, StylesApiProps<PillsInputFieldFactory>, ElementProps<'input', 'type'> {
     /** Controls input styles when focused. If `auto` the input is hidden when not focused. If `visible` the input will always remain visible. `'visible'` by default  */

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

@@ -5,13 +5,13 @@ export type PinInputCssVariables = {
     root: '--pin-input-size';
 };
 export interface PinInputProps extends BoxProps, StylesApiProps<PinInputFactory>, ElementProps<'div', 'onChange'> {
-    /** Hidden input name attribute */
+    /** Hidden input `name` attribute */
     name?: string;
-    /** Hidden input form attribute */
+    /** Hidden input `form` attribute */
     form?: string;
-    /** Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem, `'md'` by default */
+    /** Key of `theme.spacing` or any valid CSS value to set `gap` between inputs, numbers are converted to rem, `'md'` by default */
     gap?: MantineSpacing;
-    /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem, `theme.defaultRadius` by default */
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `theme.defaultRadius` by default */
     radius?: MantineRadius;
     /** Controls inputs `width` and `height`, `'sm'` by default */
     size?: MantineSize;
@@ -31,19 +31,19 @@ export interface PinInputProps extends BoxProps, StylesApiProps<PinInputFactory>
     manageFocus?: boolean;
     /** Determines whether `autocomplete="one-time-code"` attribute should be set on all inputs, `true` by default */
     oneTimeCode?: boolean;
-    /** Base id used for all inputs, generated randomly by default */
+    /** Base id used for all inputs. By default, inputs' ids are generated randomly. */
     id?: string;
-    /** Disables all inputs */
+    /** If set, `disabled` attribute is added to all inputs */
     disabled?: boolean;
-    /** Adds error styles to all inputs */
+    /** If set, adds error styles and `aria-invalid` attribute to all inputs */
     error?: boolean;
-    /** Allowed values, `'alphanumeric'` by default */
+    /** Determines which values can be entered, `'alphanumeric'` by default */
     type?: 'alphanumeric' | 'number' | RegExp;
     /** Changes input type to `"password"`, `false` by default */
     mask?: boolean;
-    /** Number of input boxes, `4` by default */
+    /** Number of inputs, `4` by default */
     length?: number;
-    /** Determines whether input content can be edited */
+    /** If set, the user cannot edit the value */
     readOnly?: boolean;
     /** Inputs `type` attribute, inferred from the `type` prop if not specified */
     inputType?: React.HTMLInputTypeAttribute;

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

@@ -1,9 +1,9 @@
-import { MantineShadow, Styles, ClassNames, MantineRadius, GetStylesApi } from '../../core';
-import { FloatingPosition, ArrowPosition } from '../Floating';
-import { TransitionOverride } from '../Transition';
+import { ClassNames, GetStylesApi, MantineRadius, MantineShadow, Styles } from '../../core';
+import { ArrowPosition, FloatingPosition } from '../Floating';
 import { PortalProps } from '../Portal';
-import { PopoverWidth } from './Popover.types';
+import { TransitionOverride } from '../Transition';
 import type { PopoverFactory } from './Popover';
+import { PopoverWidth } from './Popover.types';
 interface PopoverContext {
     x: number;
     y: number;

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

@@ -1,9 +1,9 @@
 import React from 'react';
-import { MantineShadow, MantineRadius, Factory, StylesApiProps } from '../../core';
-import { TransitionOverride } from '../Transition';
-import { FloatingAxesOffsets, FloatingPosition, ArrowPosition } from '../Floating';
+import { Factory, MantineRadius, MantineShadow, StylesApiProps } from '../../core';
+import { ArrowPosition, FloatingAxesOffsets, FloatingPosition } from '../Floating';
 import { PortalProps } from '../Portal';
-import { PopoverWidth, PopoverMiddlewares } from './Popover.types';
+import { TransitionOverride } from '../Transition';
+import { PopoverMiddlewares, PopoverWidth } from './Popover.types';
 export type PopoverStylesNames = 'dropdown' | 'arrow';
 export type PopoverCssVariables = {
     dropdown: '--popover-radius' | '--popover-shadow';

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

@@ -1,5 +1,5 @@
 import { FloatingAxesOffsets, FloatingPosition } from '../Floating';
-import { PopoverWidth, PopoverMiddlewares } from './Popover.types';
+import { PopoverMiddlewares, PopoverWidth } from './Popover.types';
 interface UsePopoverOptions {
     offset: number | FloatingAxesOffsets;
     position: FloatingPosition;

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

@@ -2,6 +2,7 @@ import { GetStylesApi } from '../../core';
 import type { ProgressRootFactory } from './ProgressRoot/ProgressRoot';
 interface ProgressContextValue {
     getStyles: GetStylesApi<ProgressRootFactory>;
+    autoContrast: boolean | undefined;
 }
 export declare const ProgressProvider: ({ children, value }: {
     value: ProgressContextValue;