@mantine/core 8.1.2 → 8.2.0

package/lib/components/Grid/Grid.d.ts

@@ -6,21 +6,21 @@ export type GridCssVariables = {
     root: '--grid-justify' | '--grid-align' | '--grid-overflow';
 };
 export interface GridProps extends BoxProps, StylesApiProps<GridFactory>, ElementProps<'div'> {
-    /** Gutter between columns, key of `theme.spacing` or any valid CSS value, `'md'` by default */
+    /** Gutter between columns, key of `theme.spacing` or any valid CSS value @default `'md'` */
     gutter?: StyleProp<MantineSpacing>;
-    /** Determines whether columns in the last row should expand to fill all available space, `false` by default */
+    /** If set, columns in the last row expand to fill all available space @default `false` */
     grow?: boolean;
-    /** Sets `justify-content`, `flex-start` by default */
+    /** Sets `justify-content` @default `flex-start` */
     justify?: React.CSSProperties['justifyContent'];
-    /** Sets `align-items`, `stretch` by default */
+    /** Sets `align-items` @default `stretch` */
     align?: React.CSSProperties['alignItems'];
-    /** Number of columns in each row, `12` by default */
+    /** Number of columns in each row @default `12` */
     columns?: number;
-    /** Sets `overflow` CSS property on the root element, `'visible'` by default */
+    /** Sets `overflow` CSS property on the root element @default `'visible'` */
     overflow?: React.CSSProperties['overflow'];
-    /** Determines typeof of queries that are used for responsive styles, `'media'` by default */
+    /** Type of queries used for responsive styles @default `'media'` */
     type?: 'media' | 'container';
-    /** Breakpoints values, only applicable when `type="container"` is set, ignored when `type` is not set or `type="media"` is set. */
+    /** Breakpoints values, only used with `type="container"` */
     breakpoints?: GridBreakpoints;
 }
 export type GridFactory = Factory<{

package/lib/components/Grid/GridCol/GridCol.d.ts

@@ -2,11 +2,11 @@ import { BoxProps, CompoundStylesApiProps, ElementProps, Factory, StyleProp } fr
 export type GridColStylesNames = 'col';
 export type ColSpan = number | 'auto' | 'content';
 export interface GridColProps extends BoxProps, CompoundStylesApiProps<GridColFactory>, ElementProps<'div'> {
-    /** Column span, `12` by default */
+    /** Column span @default `12` */
     span?: StyleProp<ColSpan>;
     /** Column order, can be used to reorder columns at different viewport sizes */
     order?: StyleProp<number>;
-    /** Column offset on the left side – number of columns that should be left empty before this column */
+    /** Column offset on the left side – number of columns that are left empty before this column */
     offset?: StyleProp<number>;
 }
 export type GridColFactory = Factory<{

package/lib/components/Group/Group.d.ts

@@ -8,17 +8,17 @@ export interface GroupStylesCtx {
 }
 export interface GroupProps extends BoxProps, StylesApiProps<GroupFactory>, ElementProps<'div'> {
     __size?: any;
-    /** Controls `justify-content` CSS property, `'flex-start'` by default */
+    /** Controls `justify-content` CSS property @default `'flex-start'` */
     justify?: React.CSSProperties['justifyContent'];
-    /** Controls `align-items` CSS property, `'center'` by default */
+    /** Controls `align-items` CSS property @default `'center'` */
     align?: React.CSSProperties['alignItems'];
-    /** Controls `flex-wrap` CSS property, `'wrap'` by default */
+    /** Controls `flex-wrap` CSS property @default `'wrap'` */
     wrap?: React.CSSProperties['flexWrap'];
-    /** 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 for `gap`, numbers are converted to rem @default `'md'` */
     gap?: MantineSpacing;
-    /** Determines whether each child element should have `flex-grow: 1` style, `false` by default */
+    /** Determines whether each child element should have `flex-grow: 1` style @default `false` */
     grow?: boolean;
-    /** Determines whether children should take only dedicated amount of space (`max-width` style is set based on the number of children), `true` by default */
+    /** Determines whether children should take only dedicated amount of space (`max-width` style is set based on the number of children) @default `true` */
     preventGrowOverflow?: boolean;
 }
 export type GroupFactory = Factory<{

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

@@ -1,9 +1,9 @@
 import { MantineColor, MantineTheme, PolymorphicFactory } from '../../core';
 import { TextProps, TextStylesNames, TextVariant } from '../Text';
 export interface HighlightProps extends Omit<TextProps, 'color'> {
-    /** Substring or an array of substrings to highlight in `children` */
+    /** Substring or a list of substrings to highlight in `children` */
     highlight: string | string[];
-    /** Key of `theme.colors` or any valid CSS color, passed to `Mark` component `color` prop, `yellow` by default */
+    /** Key of `theme.colors` or any valid CSS color, passed to `Mark` component `color` prop @default `yellow` */
     color?: MantineColor | string;
     /** Styles applied to `mark` elements */
     highlightStyles?: React.CSSProperties | ((theme: MantineTheme) => React.CSSProperties);

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

@@ -1,6 +1,10 @@
 interface HoverCardContext {
     openDropdown: () => void;
     closeDropdown: () => void;
+    getReferenceProps?: () => any;
+    getFloatingProps?: () => any;
+    reference?: (node: HTMLElement | null) => void;
+    floating?: (node: HTMLElement | null) => void;
 }
 export declare const HoverCardContextProvider: ({ children, value }: {
     value: HoverCardContext;

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

@@ -2,13 +2,14 @@ import { ExtendComponent, Factory } from '../../core';
 import { PopoverProps, PopoverStylesNames } from '../Popover';
 import { PopoverCssVariables } from '../Popover/Popover';
 import { HoverCardDropdown } from './HoverCardDropdown/HoverCardDropdown';
+import { HoverCardGroup } from './HoverCardGroup/HoverCardGroup';
 export interface HoverCardProps extends Omit<PopoverProps, 'opened' | 'onChange'> {
     variant?: string;
     /** Initial opened state */
     initiallyOpened?: boolean;
-    /** Called when dropdown is opened */
+    /** Called when the dropdown is opened */
     onOpen?: () => void;
-    /** Called when dropdown is closed */
+    /** Called when the dropdown is closed */
     onClose?: () => void;
     /** Open delay in ms */
     openDelay?: number;
@@ -25,6 +26,7 @@ export declare namespace HoverCard {
     var displayName: string;
     var Target: import("react").ForwardRefExoticComponent<import("./HoverCardTarget/HoverCardTarget").HoverCardTargetProps & import("react").RefAttributes<HTMLElement>>;
     var Dropdown: typeof HoverCardDropdown;
+    var Group: typeof HoverCardGroup;
     var extend: (input: ExtendComponent<HoverCardFactory>) => import("../../core/factory/factory").ExtendsRootComponent<{
         props: HoverCardProps;
         stylesNames: PopoverStylesNames;

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

@@ -0,0 +1,2 @@
+export declare const HoverCardGroupProvider: import("react").Provider<boolean>;
+export declare const useHoverCardGroupContext: () => boolean;

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

@@ -0,0 +1,17 @@
+import { ExtendComponent, Factory, MantineThemeComponent } from '../../../core';
+export interface HoverCardGroupProps {
+    /** `HoverCard` components */
+    children: React.ReactNode;
+    /** Open delay in ms */
+    openDelay?: number;
+    /** Close delay in ms */
+    closeDelay?: number;
+}
+export declare function HoverCardGroup(props: HoverCardGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace HoverCardGroup {
+    var displayName: string;
+    var extend: (c: ExtendComponent<HoverCardGroupFactory>) => MantineThemeComponent;
+}
+export type HoverCardGroupFactory = Factory<{
+    props: HoverCardGroupProps;
+}>;

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

@@ -1,6 +1,6 @@
 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 */
+    /** Key of the prop used to pass event listeners, by default event listeners are passed directly to component */
     eventPropsWrapperName?: string;
 }
 export declare const HoverCardTarget: import("react").ForwardRefExoticComponent<HoverCardTargetProps & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,6 +1,8 @@
 export { HoverCard } from './HoverCard';
 export { HoverCardDropdown } from './HoverCardDropdown/HoverCardDropdown';
 export { HoverCardTarget } from './HoverCardTarget/HoverCardTarget';
+export { HoverCardGroup } from './HoverCardGroup/HoverCardGroup';
 export type { HoverCardProps } from './HoverCard';
 export type { HoverCardDropdownProps } from './HoverCardDropdown/HoverCardDropdown';
 export type { HoverCardTargetProps } from './HoverCardTarget/HoverCardTarget';
+export type { HoverCardGroupProps } from './HoverCardGroup/HoverCardGroup';

package/lib/components/HoverCard/use-hover-card.d.ts

@@ -0,0 +1,18 @@
+interface UseHoverCard {
+    openDelay?: number;
+    closeDelay?: number;
+    opened?: boolean;
+    defaultOpened?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+export declare function useHoverCard(settings: UseHoverCard): {
+    opened: boolean | undefined;
+    reference: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
+    floating: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    openDropdown: () => void;
+    closeDropdown: () => void;
+};
+export {};

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

@@ -4,11 +4,11 @@ export type ImageCssVariables = {
     root: '--image-radius' | '--image-object-fit';
 };
 export interface ImageProps extends BoxProps, StylesApiProps<ImageFactory> {
-    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `0` by default */
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default `0` */
     radius?: MantineRadius;
-    /** Controls `object-fit` style, `'cover'` by default */
+    /** Controls `object-fit` style @default `'cover'` */
     fit?: React.CSSProperties['objectFit'];
-    /** Image url that will be used as a fallback in case `src` prop is not set or image cannot be loaded */
+    /** Image url used as a fallback if the image cannot be loaded */
     fallbackSrc?: string;
     /** Image url */
     src?: any;
@@ -28,7 +28,7 @@ export declare const Image: (<C = "img">(props: import("../../core").Polymorphic
     ref?: any;
     renderRoot?: (props: any) => any;
 }) | (ImageProps & {
-    component: React.ElementType;
+    component: React.ElementType /** Called when image fails to load */;
     renderRoot?: (props: Record<string, any>) => any;
 })>, never> & import("../../core/factory/factory").ThemeExtend<{
     props: ImageProps;

package/lib/components/Indicator/Indicator.d.ts

@@ -6,29 +6,29 @@ export type IndicatorCssVariables = {
     root: '--indicator-color' | '--indicator-text-color' | '--indicator-size' | '--indicator-radius' | '--indicator-z-index' | IndicatorPositionVariables;
 };
 export interface IndicatorProps extends BoxProps, StylesApiProps<IndicatorFactory>, ElementProps<'div'> {
-    /** Indicator position relative to the target element, `'top-end'` by default */
+    /** Indicator position relative to the target element @default `'top-end'` */
     position?: IndicatorPosition;
-    /** Indicator offset relative to the target element, usually used for elements with border-radius, equals to `size` by default */
+    /** Indicator offset relative to the target element, usually used for elements with border-radius */
     offset?: number;
-    /** Determines whether the indicator container should be an inline element, `false` by default */
+    /** Determines whether the indicator container should be an inline element @default `false` */
     inline?: boolean;
-    /** Indicator width and height, `10` by default */
+    /** Indicator width and height @default `10` */
     size?: number | string;
-    /** Label rendered inside the indicator, for example, notification count */
+    /** Label displayed inside the indicator, for example, notification count */
     label?: React.ReactNode;
-    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `100` by default */
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default `100` */
     radius?: MantineRadius;
-    /** Key of `theme.colors` or any valid CSS color value, `theme.primaryColor` by default */
+    /** Key of `theme.colors` or any valid CSS color value @default `theme.primaryColor` */
     color?: MantineColor;
-    /** Determines whether the indicator should have a border (color of the border is the same as the body element), `false` by default */
+    /** Adds border to the root element */
     withBorder?: boolean;
-    /** When Indicator is disabled it renders children only */
+    /** If set, the indicator is hidden */
     disabled?: boolean;
-    /** Determines whether the indicator should have processing animation, `false` by default */
+    /** If set, the indicator has processing animation @default `false` */
     processing?: boolean;
-    /** Indicator z-index, `200` by default */
+    /** Indicator z-index @default `200` */
     zIndex?: string | number;
-    /** Determines whether text color 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`. */
+    /** If set, adjusts text color based on background color for `filled` variant */
     autoContrast?: boolean;
 }
 export type IndicatorFactory = Factory<{

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

@@ -5,9 +5,10 @@ import { InputError } from './InputError/InputError';
 import { InputLabel } from './InputLabel/InputLabel';
 import { InputPlaceholder } from './InputPlaceholder/InputPlaceholder';
 import { __InputWrapperProps, InputWrapper, InputWrapperStylesNames } from './InputWrapper/InputWrapper';
-export interface __BaseInputProps extends __InputWrapperProps, Omit<__InputProps, 'wrapperProps'> {
+type WrapperProps = React.ComponentPropsWithoutRef<'div'> & DataAttributes;
+export interface __BaseInputProps extends __InputWrapperProps, __InputProps {
     /** Props passed down to the root element */
-    wrapperProps?: React.ComponentPropsWithoutRef<'div'> & DataAttributes;
+    wrapperProps?: WrapperProps;
 }
 export type __InputStylesNames = InputStylesNames | InputWrapperStylesNames;
 export type InputStylesNames = 'input' | 'wrapper' | 'section';
@@ -20,37 +21,35 @@ export interface InputStylesCtx {
     offsetBottom: boolean | undefined;
 }
 export interface __InputProps {
-    /** Content section rendered on the left side of the input */
+    /** Content section displayed on the left side of the input */
     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 passed down to the `leftSection` element */
     leftSectionProps?: React.ComponentPropsWithoutRef<'div'>;
-    /** Sets `pointer-events` styles on the `leftSection` element, `'none'` by default */
+    /** Sets `pointer-events` styles on the `leftSection` element @default `'none'` */
     leftSectionPointerEvents?: React.CSSProperties['pointerEvents'];
-    /** Content section rendered on the right side of the input */
+    /** Content section displayed on the right side of the input */
     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 passed down to the `rightSection` element */
     rightSectionProps?: React.ComponentPropsWithoutRef<'div'>;
-    /** Sets `pointer-events` styles on the `rightSection` element, `'none'` by default */
+    /** Sets `pointer-events` styles on the `rightSection` element @default `'none'` */
     rightSectionPointerEvents?: React.CSSProperties['pointerEvents'];
-    /** Props passed down to the root element of the `Input` component */
-    wrapperProps?: React.ComponentPropsWithoutRef<'div'> & DataAttributes;
     /** Sets `required` attribute on the `input` element */
     required?: boolean;
-    /** 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 @default `theme.defaultRadius` */
     radius?: MantineRadius;
     /** Sets `disabled` attribute on the `input` element */
     disabled?: boolean;
-    /** Controls input `height` and horizontal `padding`, `'sm'` by default */
+    /** Controls input `height` and horizontal `padding` @default `'sm'` */
     size?: MantineSize | (string & {});
-    /** Determines whether the input should have `cursor: pointer` style, `false` by default */
+    /** Determines whether the input should have `cursor: pointer` style @default `false` */
     pointer?: boolean;
-    /** Determines whether the input should have red border and red text color when the `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 @default `true` */
     withErrorStyles?: boolean;
-    /** `size` prop added to the input element */
+    /** `size` attribute passed down to the input element */
     inputSize?: string;
     /** Section to be displayed when the input is `__clearable` and `rightSection` is not defined */
     __clearSection?: React.ReactNode;
@@ -65,12 +64,14 @@ export interface InputProps extends BoxProps, __InputProps, StylesApiProps<Input
     __stylesApiProps?: Record<string, any>;
     /** Determines whether the input should have error styles and `aria-invalid` attribute */
     error?: React.ReactNode;
-    /** Determines whether the input can have multiple lines, for example when `component="textarea"`, `false` by default */
+    /** Determines whether the input can have multiple lines, for example when `component="textarea"` @default `false` */
     multiline?: boolean;
     /** Input element id */
     id?: string;
-    /** Determines whether `aria-` and other accessibility attributes should be added to the input, `true` by default */
+    /** Determines whether `aria-` and other accessibility attributes should be added to the input @default `true` */
     withAria?: boolean;
+    /** Props passed down to the root element of the `Input` component */
+    wrapperProps?: WrapperProps;
 }
 export type InputFactory = PolymorphicFactory<{
     props: InputProps;
@@ -153,3 +154,4 @@ export declare const Input: (<C = "input">(props: import("../../core").Polymorph
     Wrapper: typeof InputWrapper;
     ClearButton: typeof InputClearButton;
 };
+export {};

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

@@ -6,7 +6,7 @@ export type InputDescriptionCssVariables = {
 export interface InputDescriptionProps extends BoxProps, StylesApiProps<InputDescriptionFactory>, ElementProps<'div'> {
     __staticSelector?: string;
     __inheritStyles?: boolean;
-    /** Controls description `font-size`, `'sm'` by default */
+    /** Controls description `font-size` @default `'sm'` */
     size?: MantineFontSize;
 }
 export type InputDescriptionFactory = Factory<{

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

@@ -6,7 +6,7 @@ export type InputErrorCssVariables = {
 export interface InputErrorProps extends BoxProps, StylesApiProps<InputErrorFactory>, ElementProps<'div'> {
     __staticSelector?: string;
     __inheritStyles?: boolean;
-    /** Controls error `font-size`, `'sm'` by default */
+    /** Controls error `font-size` @default `'sm'` */
     size?: MantineFontSize;
 }
 export type InputErrorFactory = Factory<{

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

@@ -5,11 +5,11 @@ export type InputLabelCssVariables = {
 };
 export interface InputLabelProps extends BoxProps, StylesApiProps<InputLabelFactory>, ElementProps<'label'> {
     __staticSelector?: string;
-    /** Determines whether the required asterisk should be displayed  */
+    /** If set, the required asterisk is displayed next to the label */
     required?: boolean;
-    /** Controls label `font-size`, `'sm'` by default */
+    /** Controls label `font-size` @default `'sm'` */
     size?: MantineFontSize;
-    /** Root element of the label, `'label'` by default */
+    /** Root element of the label @default `'label'` */
     labelElement?: 'label' | 'div';
 }
 export type InputLabelFactory = Factory<{

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

@@ -2,7 +2,7 @@ import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../../core';
 export type InputPlaceholderStylesNames = 'placeholder';
 export interface InputPlaceholderProps extends BoxProps, StylesApiProps<InputPlaceholderFactory>, ElementProps<'span'> {
     __staticSelector?: string;
-    /** If set, the placeholder will have error styles, `false` by default */
+    /** If set, the placeholder has error styles @default `false` */
     error?: React.ReactNode;
 }
 export type InputPlaceholderFactory = Factory<{

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

@@ -1,29 +1,29 @@
-import { BoxProps, ElementProps, Factory, MantineFontSize, StylesApiProps } from '../../../core';
-import { InputDescriptionCssVariables, InputDescriptionStylesNames } from '../InputDescription/InputDescription';
-import { InputErrorCssVariables, InputErrorStylesNames } from '../InputError/InputError';
-import { InputLabelCssVariables, InputLabelStylesNames } from '../InputLabel/InputLabel';
+import { BoxProps, DataAttributes, ElementProps, Factory, MantineFontSize, StylesApiProps } from '../../../core';
+import { InputDescriptionCssVariables, InputDescriptionProps, InputDescriptionStylesNames } from '../InputDescription/InputDescription';
+import { InputErrorCssVariables, InputErrorProps, InputErrorStylesNames } from '../InputError/InputError';
+import { InputLabelCssVariables, InputLabelProps, 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 displayed. */
     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 displayed. */
     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 displayed. */
     error?: React.ReactNode;
-    /** Adds required attribute to the input and a red asterisk on the right side of label, `false` by default */
+    /** Adds required attribute to the input and a red asterisk on the right side of label @default `false` */
     required?: boolean;
-    /** Determines whether the required asterisk should be displayed. Overrides `required` prop. Does not add required attribute to the input. `false` by default */
+    /** If set, the required asterisk is displayed next to the label. Overrides `required` prop. Does not add required attribute to the input. @default `false` */
     withAsterisk?: boolean;
     /** Props passed down to the `Input.Label` component */
-    labelProps?: Record<string, any>;
+    labelProps?: InputLabelProps & DataAttributes;
     /** Props passed down to the `Input.Description` component */
-    descriptionProps?: Record<string, any>;
+    descriptionProps?: InputDescriptionProps & DataAttributes;
     /** Props passed down to the `Input.Error` component */
-    errorProps?: Record<string, any>;
-    /** Input container component, `React.Fragment` by default */
+    errorProps?: InputErrorProps & DataAttributes;
+    /** Input container component @default `React.Fragment` */
     inputContainer?: (children: React.ReactNode) => React.ReactNode;
-    /** Controls order of the elements, `['label', 'description', 'input', 'error']` by default */
+    /** Controls order of the elements @default `['label', 'description', 'input', 'error']` */
     inputWrapperOrder?: ('label' | 'input' | 'description' | 'error')[];
 }
 export interface InputWrapperProps extends __InputWrapperProps, BoxProps, StylesApiProps<InputWrapperFactory>, ElementProps<'div'> {

package/lib/components/Input/use-input-props.d.ts

@@ -8,7 +8,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" | "mod" | "error" | "description" | "__staticSelector" | "required" | "__stylesApiProps" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "wrapperProps"> & {
+export declare function useInputProps<T extends BaseProps, U extends Partial<T> | null>(component: string, defaultProps: U, _props: T): Omit<T & (U extends null | undefined ? {} : { [Key in Extract<keyof T, keyof U>]-?: U[Key] | NonNullable<T[Key]>; }), "label" | "style" | "size" | "styles" | "className" | "id" | "vars" | "variant" | "unstyled" | "attributes" | "classNames" | "mod" | "error" | "description" | "__staticSelector" | "required" | "__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("../../core").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("../../core").CSSProperties>>) | undefined;
     unstyled: boolean | undefined;
@@ -298,10 +298,10 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         required: boolean | undefined;
         classNames: Partial<Record<string, string>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, string>>) | undefined;
         __staticSelector: string | undefined;
-        __stylesApiProps: Record<string, any>;
-        errorProps: Record<string, any> | undefined;
-        labelProps: Record<string, any> | undefined;
-        descriptionProps: Record<string, any> | undefined;
+        __stylesApiProps: Record<string, any> | BaseProps;
+        errorProps: (import(".").InputErrorProps & import("../../core").DataAttributes) | undefined;
+        labelProps: (import(".").InputLabelProps & import("../../core").DataAttributes) | undefined;
+        descriptionProps: (import(".").InputDescriptionProps & import("../../core").DataAttributes) | undefined;
         unstyled: boolean | 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;
@@ -310,6 +310,9 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         withAsterisk: boolean | undefined;
         variant: string | undefined;
         mod: import("../../core").BoxMod | undefined;
+        attributes: {
+            [x: string]: Record<string, any> | undefined;
+        } | undefined;
     } & BoxProps;
     inputProps: {
         required: boolean | undefined;
@@ -318,10 +321,13 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         unstyled: boolean | undefined;
         size: (string & {}) | import("../../core").MantineSize | undefined;
         __staticSelector: string | undefined;
-        __stylesApiProps: Record<string, any>;
+        __stylesApiProps: Record<string, any> | BaseProps;
         error: import("react").ReactNode;
         variant: string | undefined;
         id: string | undefined;
+        attributes: {
+            [x: string]: Record<string, any> | undefined;
+        } | undefined;
     };
 };
 export {};

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

@@ -5,9 +5,9 @@ export interface InputBaseProps extends BoxProps, __BaseInputProps, StylesApiPro
     __stylesApiProps?: Record<string, any>;
     /** Props passed down to the root element (`Input.Wrapper` component) */
     wrapperProps?: React.ComponentPropsWithoutRef<'div'> & DataAttributes;
-    /** Determines whether the input can have multiple lines, for example when `component="textarea"`, `false` by default */
+    /** If set, the input can have multiple lines, for example when `component="textarea"` @default `false` */
     multiline?: boolean;
-    /** Determines whether `aria-` and other accessibility attributes should be added to the input, `true` by default */
+    /** If set, `aria-` and other accessibility attributes are added to the input @default `true` */
     withAria?: boolean;
 }
 export type InputBaseFactory = PolymorphicFactory<{

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

@@ -2,19 +2,19 @@ import { Factory } from '../../core';
 import { __InputStylesNames } from '../Input';
 import { TextareaProps } from '../Textarea';
 export interface JsonInputProps extends Omit<TextareaProps, 'onChange'> {
-    /** Value for controlled component */
+    /** Controlled component value */
     value?: string;
-    /** Default value for uncontrolled component */
+    /** Uncontrolled component default value */
     defaultValue?: string;
     /** Called when value changes */
     onChange?: (value: string) => void;
-    /** Determines whether the value should be formatted on blur, `false` by default */
+    /** Determines whether the value should be formatted on blur @default `false` */
     formatOnBlur?: boolean;
     /** Error message displayed when value is not valid JSON */
     validationError?: React.ReactNode;
-    /** Function to serialize value into a string, used for value formatting, `JSON.stringify` by default */
+    /** Function to serialize value into a string, used for value formatting @default `JSON.stringify` */
     serialize?: typeof JSON.stringify;
-    /** Function to deserialize string value, used for value formatting and input JSON validation, must throw error if string cannot be processed, `JSON.parse` by default */
+    /** Function to deserialize string value, used for value formatting and input JSON validation, must throw error if string cannot be processed @default `JSON.parse` */
     deserialize?: typeof JSON.parse;
 }
 export type JsonInputFactory = Factory<{

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

@@ -4,7 +4,7 @@ export type KbdCssVariables = {
     root: '--kbd-fz';
 };
 export interface KbdProps extends BoxProps, StylesApiProps<KbdFactory>, ElementProps<'kbd'> {
-    /** Controls `font-size` and `padding`, `'sm'` by default */
+    /** Controls `font-size` and `padding` @default `'sm'` */
     size?: MantineSize | number | (string & {});
 }
 export type KbdFactory = Factory<{

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

@@ -5,19 +5,19 @@ export type ListCssVariables = {
     root: '--list-fz' | '--list-lh' | '--list-spacing';
 };
 export interface ListProps extends BoxProps, StylesApiProps<ListFactory>, ElementProps<'ol', 'type'> {
-    /** `List.Item` components only */
+    /** `List.Item` components */
     children?: React.ReactNode;
-    /** List type: `ol` or `ul`, `'unordered'` by default */
+    /** List type @default `'unordered'` */
     type?: 'ordered' | 'unordered';
-    /** Determines whether list items should be offset with padding, `false` by default */
+    /** Determines whether list items should be offset with padding @default `false` */
     withPadding?: boolean;
-    /** Controls `font-size` and `line-height`, `'md'` by default */
+    /** Controls `font-size` and `line-height` @default `'md'` */
     size?: MantineSize;
-    /** Icon that replaces list item dot */
+    /** Icon to replace list item dot */
     icon?: React.ReactNode;
-    /** Key of `theme.spacing` or any valid CSS value to set spacing between items, `0` by default */
+    /** Key of `theme.spacing` or any valid CSS value to set spacing between items @default `0` */
     spacing?: MantineSpacing;
-    /** Determines whether items must be centered with their icon, `false` by default */
+    /** Determines whether items must be centered with their icon @default `false` */
     center?: boolean;
     /** Controls `list-style-type`, by default inferred from `type` */
     listStyleType?: React.CSSProperties['listStyleType'];

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

@@ -5,13 +5,13 @@ export type LoaderCssVariables = {
     root: '--loader-size' | '--loader-color';
 };
 export interface LoaderProps extends BoxProps, StylesApiProps<LoaderFactory>, Omit<React.ComponentPropsWithoutRef<'svg'>, keyof BoxProps> {
-    /** Controls `width` and `height` of the loader. `Loader` has predefined `xs`-`xl` values. Numbers are converted to rem. Default value is `'md'` */
+    /** Controls `width` and `height` of the loader. `Loader` has predefined `xs`-`xl` values. Numbers are converted to rem. @default `'md'` */
     size?: MantineSize | (string & {}) | number;
-    /** Key of `theme.colors` or any valid CSS color, default value is `theme.primaryColor`  */
+    /** Key of `theme.colors` or any valid CSS color @default `theme.primaryColor` */
     color?: MantineColor;
-    /** Loader type, key of `loaders` prop, default value is `'oval'` */
+    /** Loader type, key of `loaders` prop @default `'oval'` */
     type?: MantineLoader;
-    /** Object of loaders components, can be customized via default props or inline. Default value contains `bars`, `oval` and `dots` */
+    /** Object of loaders components, can be customized via default props or inline. */
     loaders?: MantineLoadersRecord;
     /** Overrides default loader with given content */
     children?: React.ReactNode;

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

@@ -7,15 +7,15 @@ export type LoadingOverlayCssVariables = {
     root: '--lo-z-index';
 };
 export interface LoadingOverlayProps extends BoxProps, StylesApiProps<LoadingOverlayFactory>, ElementProps<'div'> {
-    /** Props passed down to `Transition` component, `{ transition: 'fade', duration: 0 }` by default */
+    /** Props passed down to `Transition` component @default `{ transition: 'fade', duration: 0 }` */
     transitionProps?: TransitionOverride;
     /** Props passed down to `Loader` component */
     loaderProps?: LoaderProps;
     /** Props passed down to `Overlay` component */
     overlayProps?: OverlayProps;
-    /** Determines whether the overlay should be visible, `false` by default */
+    /** Determines whether the overlay should be visible @default `false` */
     visible?: boolean;
-    /** Controls overlay `z-index`, `400` by default */
+    /** Controls overlay `z-index` @default `400` */
     zIndex?: string | number;
 }
 export type LoadingOverlayFactory = Factory<{

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

@@ -4,7 +4,7 @@ export type MarkCssVariables = {
     root: '--mark-bg-dark' | '--mark-bg-light';
 };
 export interface MarkProps extends BoxProps, StylesApiProps<MarkFactory>, ElementProps<'mark'> {
-    /** Key of `theme.colors` or any valid CSS color, `yellow` by default */
+    /** Key of `theme.colors` or any valid CSS color @default `yellow` */
     color?: MantineColor;
 }
 export type MarkFactory = Factory<{