@mantine/core 8.1.3 → 8.2.1

package/esm/{components → utils}/InlineInput/InlineInput.mjs

@@ -1,6 +1,13 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
+import { Input } from '../../components/Input/Input.mjs';
+import '../../components/Input/InputWrapper/InputWrapper.mjs';
+import '../../components/Input/InputDescription/InputDescription.mjs';
+import '../../components/Input/InputError/InputError.mjs';
+import '../../components/Input/InputLabel/InputLabel.mjs';
+import '../../components/Input/InputPlaceholder/InputPlaceholder.mjs';
+import '../../components/Input/InputClearButton/InputClearButton.mjs';
 import { getFontSize, getSize } from '../../core/utils/get-size/get-size.mjs';
 import '@mantine/hooks';
 import 'clsx';
@@ -12,14 +19,7 @@ import '../../core/MantineProvider/MantineCssVariables/MantineCssVariables.mjs';
 import { useStyles } from '../../core/styles-api/use-styles/use-styles.mjs';
 import { Box } from '../../core/Box/Box.mjs';
 import '../../core/DirectionProvider/DirectionProvider.mjs';
-import { Input } from '../Input/Input.mjs';
-import '../Input/InputWrapper/InputWrapper.mjs';
-import '../Input/InputDescription/InputDescription.mjs';
-import '../Input/InputError/InputError.mjs';
-import '../Input/InputLabel/InputLabel.mjs';
-import '../Input/InputPlaceholder/InputPlaceholder.mjs';
-import '../Input/InputClearButton/InputClearButton.mjs';
-import '../Input/InputWrapper.context.mjs';
+import '../../components/Input/InputWrapper.context.mjs';
 import classes from './InlineInput.module.css.mjs';
 
 const InlineInputClasses = classes;
@@ -45,6 +45,7 @@ const InlineInput = forwardRef(
     style,
     vars,
     mod,
+    attributes,
     ...others
   }, ref) => {
     const getStyles = useStyles({
@@ -55,7 +56,8 @@ const InlineInput = forwardRef(
       classes,
       classNames,
       styles,
-      unstyled
+      unstyled,
+      attributes
     });
     return /* @__PURE__ */ jsx(
       Box,

package/esm/utils/InlineInput/InlineInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineInput.mjs","sources":["../../../src/utils/InlineInput/InlineInput.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { Input } from '../../components/Input';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  Factory,\n  getFontSize,\n  getSize,\n  MantineSize,\n  StylesApiProps,\n  useStyles,\n} from '../../core';\nimport classes from './InlineInput.module.css';\n\nexport const InlineInputClasses = classes;\n\nexport type InlineInputStylesNames =\n  | 'root'\n  | 'body'\n  | 'labelWrapper'\n  | 'label'\n  | 'description'\n  | 'error';\n\nexport interface InlineInputProps\n  extends BoxProps,\n    StylesApiProps<InlineInputFactory>,\n    ElementProps<'div'> {\n  __staticSelector: string;\n  __stylesApiProps: Record<string, any>;\n  label: React.ReactNode;\n  description: React.ReactNode;\n  id: string;\n  disabled: boolean | undefined;\n  error: React.ReactNode;\n  size: MantineSize | (string & {}) | undefined;\n  labelPosition?: 'left' | 'right';\n  bodyElement?: any;\n  labelElement?: any;\n}\n\nexport type InlineInputFactory = Factory<{\n  props: any;\n  stylesNames: InlineInputStylesNames;\n}>;\n\nexport const InlineInput = forwardRef<HTMLDivElement, InlineInputProps>(\n  (\n    {\n      __staticSelector,\n      __stylesApiProps,\n      className,\n      classNames,\n      styles,\n      unstyled,\n      children,\n      label,\n      description,\n      id,\n      disabled,\n      error,\n      size,\n      labelPosition = 'left',\n      bodyElement = 'div',\n      labelElement = 'label',\n      variant,\n      style,\n      vars,\n      mod,\n      attributes,\n      ...others\n    },\n    ref\n  ) => {\n    const getStyles = useStyles<InlineInputFactory>({\n      name: __staticSelector,\n      props: __stylesApiProps,\n      className,\n      style,\n      classes,\n      classNames,\n      styles,\n      unstyled,\n      attributes,\n    });\n\n    return (\n      <Box\n        {...getStyles('root')}\n        ref={ref}\n        __vars={{\n          '--label-fz': getFontSize(size),\n          '--label-lh': getSize(size, 'label-lh'),\n        }}\n        mod={[{ 'label-position': labelPosition }, mod]}\n        variant={variant}\n        size={size}\n        {...others}\n      >\n        <Box\n          component={bodyElement}\n          htmlFor={bodyElement === 'label' ? id : undefined}\n          {...getStyles('body')}\n        >\n          {children}\n\n          <div {...getStyles('labelWrapper')} data-disabled={disabled || undefined}>\n            {label && (\n              <Box\n                component={labelElement}\n                htmlFor={labelElement === 'label' ? id : undefined}\n                {...getStyles('label')}\n                data-disabled={disabled || undefined}\n              >\n                {label}\n              </Box>\n            )}\n\n            {description && (\n              <Input.Description size={size} __inheritStyles={false} {...getStyles('description')}>\n                {description}\n              </Input.Description>\n            )}\n\n            {error && typeof error !== 'boolean' && (\n              <Input.Error size={size} __inheritStyles={false} {...getStyles('error')}>\n                {error}\n              </Input.Error>\n            )}\n          </div>\n        </Box>\n      </Box>\n    );\n  }\n);\n\nInlineInput.displayName = '@mantine/core/InlineInput';\n"],"names":[],"mappings":"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"}

package/esm/{components → utils}/InputsGroupFieldset/InputsGroupFieldset.mjs

@@ -1,12 +1,12 @@
 'use client';
 import { jsx, Fragment } from 'react/jsx-runtime';
-import '../Input/Input.mjs';
-import '../Input/InputWrapper/InputWrapper.mjs';
-import '../Input/InputDescription/InputDescription.mjs';
-import '../Input/InputError/InputError.mjs';
-import '../Input/InputLabel/InputLabel.mjs';
-import '../Input/InputPlaceholder/InputPlaceholder.mjs';
-import '../Input/InputClearButton/InputClearButton.mjs';
+import '../../components/Input/Input.mjs';
+import '../../components/Input/InputWrapper/InputWrapper.mjs';
+import '../../components/Input/InputDescription/InputDescription.mjs';
+import '../../components/Input/InputError/InputError.mjs';
+import '../../components/Input/InputLabel/InputLabel.mjs';
+import '../../components/Input/InputPlaceholder/InputPlaceholder.mjs';
+import '../../components/Input/InputClearButton/InputClearButton.mjs';
 import 'react';
 import '@mantine/hooks';
 import 'clsx';
@@ -17,7 +17,7 @@ import '../../core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs
 import '../../core/MantineProvider/MantineCssVariables/MantineCssVariables.mjs';
 import '../../core/Box/Box.mjs';
 import '../../core/DirectionProvider/DirectionProvider.mjs';
-import { useInputWrapperContext } from '../Input/InputWrapper.context.mjs';
+import { useInputWrapperContext } from '../../components/Input/InputWrapper.context.mjs';
 
 function InputsGroupFieldset({ children, role }) {
   const ctx = useInputWrapperContext();

package/esm/utils/InputsGroupFieldset/InputsGroupFieldset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputsGroupFieldset.mjs","sources":["../../../src/utils/InputsGroupFieldset/InputsGroupFieldset.tsx"],"sourcesContent":["import { useInputWrapperContext } from '../../components/Input';\n\ninterface InputsGroupFieldsetProps {\n  children: React.ReactNode;\n  role: 'radiogroup' | 'group';\n}\n\nexport function InputsGroupFieldset({ children, role }: InputsGroupFieldsetProps) {\n  const ctx = useInputWrapperContext();\n\n  if (!ctx) {\n    return <>{children}</>;\n  }\n\n  return (\n    <div role={role} aria-labelledby={ctx.labelId} aria-describedby={ctx.describedBy}>\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAOO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,mBAAoB,CAAA,CAAA,CAAE,QAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAkC,CAAA,CAAA,CAAA;AAChF,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB,CAAA,CAAA,CAAA;AAEnC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA;AACR,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,gBAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,EAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA;AAGrB,CACE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAC,CAAA,CAAA,CAAA,CAAA,IAAI,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiB,CAAA,CAAA,CAAA,EAAI,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,kBAAA,CAAkB,CAAA,CAAA,CAAA,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAClE,CACH,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEJ,CAAA;;"}

package/lib/components/Accordion/Accordion.d.ts

@@ -7,29 +7,31 @@ export type AccordionCssVariables = {
     root: '--accordion-transition-duration' | '--accordion-chevron-size' | '--accordion-radius';
 };
 export interface AccordionProps<Multiple extends boolean = false> extends BoxProps, StylesApiProps<AccordionFactory>, ElementProps<'div', 'value' | 'defaultValue' | 'onChange'> {
-    /** Determines whether multiple items can be opened at a time, `false` by default */
+    /** If set, multiple items can be opened at the same time */
     multiple?: Multiple;
-    /** Value for controlled component */
+    /** Controlled component value */
     value?: AccordionValue<Multiple>;
-    /** Default value for uncontrolled component */
+    /** Uncontrolled component default value */
     defaultValue?: AccordionValue<Multiple>;
-    /** Called when value changes */
+    /** Called when value changes, payload type depends on `multiple` prop */
     onChange?: (value: AccordionValue<Multiple>) => void;
-    /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */
+    /** If set, arrow keys loop though items (first to last and last to first) @default `true` */
     loop?: boolean;
-    /** Transition duration in ms, `200` by default */
+    /** Transition duration in ms @default `200` */
     transitionDuration?: number;
-    /** Determines whether chevron rotation should be disabled, `false` by default */
+    /** If set, chevron rotation is disabled */
     disableChevronRotation?: boolean;
-    /** Position of the chevron relative to the item label, `right` by default */
+    /** Position of the chevron relative to the item label @default `right` */
     chevronPosition?: AccordionChevronPosition;
-    /** Size of the chevron icon container, `24` by default */
+    /** Size of the chevron icon container @default `auto` */
     chevronSize?: number | string;
+    /** Size of the default chevron icon. Ignored when `chevron` prop is set. @default `16` */
+    chevronIconSize?: number | string;
     /** Heading order, has no effect on visuals */
     order?: AccordionHeadingOrder;
-    /** Custom chevron icon that will be used in all items */
+    /** Custom chevron icon */
     chevron?: React.ReactNode;
-    /** 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;
 }
 export type AccordionFactory = Factory<{

package/lib/components/Accordion/AccordionControl/AccordionControl.d.ts

@@ -1,7 +1,7 @@
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type AccordionControlStylesNames = 'control' | 'chevron' | 'label' | 'itemTitle' | 'icon';
 export interface AccordionControlProps extends BoxProps, CompoundStylesApiProps<AccordionControlFactory>, ElementProps<'button'> {
-    /** Disables control button */
+    /** Sets `disabled` attribute, prevents interactions */
     disabled?: boolean;
     /** Custom chevron icon */
     chevron?: React.ReactNode;

package/lib/components/Accordion/AccordionItem/AccordionItem.d.ts

@@ -1,7 +1,7 @@
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type AccordionItemStylesNames = 'item';
 export interface AccordionItemProps extends BoxProps, CompoundStylesApiProps<AccordionItemFactory>, ElementProps<'div'> {
-    /** Value that is used to manage accordion state */
+    /** Value that is used to manage the accordion state */
     value: string;
 }
 export type AccordionItemFactory = Factory<{

package/lib/components/ActionIcon/ActionIcon.d.ts

@@ -10,23 +10,23 @@ export type ActionIconCssVariables = {
 export interface ActionIconProps extends BoxProps, StylesApiProps<ActionIconFactory> {
     'data-disabled'?: boolean;
     __staticSelector?: string;
-    /** Determines whether `Loader` component should be displayed instead of the `children`, `false` by default */
+    /** If set, `Loader` component is displayed instead of the `children` */
     loading?: boolean;
-    /** Props added to the `Loader` component (only visible when `loading` prop is set) */
+    /** Props passed down to the `Loader` component. Ignored when `loading` prop is not set. */
     loaderProps?: LoaderProps;
-    /** Controls width and height of the button. Numbers are converted to rem. `'md'` by default. */
+    /** Controls width and height of the button. Numbers are converted to rem. @default `'md'`. */
     size?: MantineSize | `input-${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;
-    /** 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;
-    /** Gradient data used when `variant="gradient"`, default value is `theme.defaultGradient` */
+    /** Gradient values used with `variant="gradient"`. @default `theme.defaultGradient`. */
     gradient?: MantineGradient;
-    /** Sets `disabled` and `data-disabled` attributes on the button element */
+    /** Sets `disabled` attribute, prevents interactions */
     disabled?: boolean;
-    /** Icon displayed inside the button */
+    /** Icon element */
     children?: React.ReactNode;
-    /** 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`. */
+    /** If set, adjusts text color based on background color for `filled` variant */
     autoContrast?: boolean;
 }
 export type ActionIconFactory = PolymorphicFactory<{

package/lib/components/ActionIcon/ActionIconGroup/ActionIconGroup.d.ts

@@ -4,11 +4,11 @@ export type ActionIconGroupCssVariables = {
     group: '--ai-border-width';
 };
 export interface ActionIconGroupProps extends BoxProps, StylesApiProps<ActionIconGroupFactory> {
-    /** `ActionIcon` components only */
+    /** `ActionIcon` and `ActionIcon.GroupSection` components only */
     children?: React.ReactNode;
-    /** Controls group orientation, `'horizontal'` by default */
+    /** Group orientation @default `'horizontal'` */
     orientation?: 'horizontal' | 'vertical';
-    /** `border-width` of the child `ActionIcon` components. Default value in `1` */
+    /** `border-width` of the child components. @default `1` */
     borderWidth?: number | string;
 }
 export type ActionIconGroupFactory = Factory<{

package/lib/components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.d.ts

@@ -5,13 +5,13 @@ export type ActionIconGroupSectionCssVariables = {
     groupSection: '--section-radius' | '--section-bg' | '--section-color' | '--section-bd' | '--section-height' | '--section-padding-x' | '--section-fz';
 };
 export interface ActionIconGroupSectionProps extends BoxProps, StylesApiProps<ActionIconGroupSectionFactory>, ElementProps<'div'> {
-    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `theme.defaultRadius` by default */
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius` @default `theme.defaultRadius` */
     radius?: MantineRadius;
-    /** Gradient configuration used when `variant="gradient"`, default value is `theme.defaultGradient` */
+    /** Gradient values used with `variant="gradient"`. @default `theme.defaultGradient` */
     gradient?: MantineGradient;
-    /** Determines whether section 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`. */
+    /** If set, adjusts text color based on background color for `filled` variant */
     autoContrast?: boolean;
-    /** Controls section `height`, `font-size` and horizontal `padding`, `'sm'` by default */
+    /** Controls section `height`, `font-size` and horizontal `padding` @default `'sm'` */
     size?: MantineSize | (string & {}) | number;
 }
 export type ActionIconGroupSectionFactory = Factory<{

package/lib/components/Affix/Affix.d.ts

@@ -4,20 +4,21 @@ export type AffixStylesNames = 'root';
 export type AffixCssVariables = {
     root: '--affix-z-index' | '--affix-top' | '--affix-left' | '--affix-bottom' | '--affix-right';
 };
+export interface AffixPosition {
+    top?: MantineSize | (string & {}) | number;
+    left?: MantineSize | (string & {}) | number;
+    bottom?: MantineSize | (string & {}) | number;
+    right?: MantineSize | (string & {}) | number;
+}
 export interface AffixBaseProps {
-    /** Root element `z-index` property, `200` by default */
-    zIndex?: string | number;
-    /** Determines whether component should be rendered within portal, `true` by default */
+    /** Root element `z-index` property @default `200`  */
+    zIndex?: React.CSSProperties['zIndex'];
+    /** Determines whether the component is rendered within `Portal` @default `true` */
     withinPortal?: boolean;
-    /** Props to pass down to the `Portal` component when `withinPortal` is set */
+    /** Props passed down to the `Portal` component. Ignored when `withinPortal` is `false`. */
     portalProps?: BasePortalProps;
-    /** Affix position on screen, defaults value is `{ bottom: 0, right: 0 }` */
-    position?: {
-        top?: MantineSize | (string & {}) | number;
-        left?: MantineSize | (string & {}) | number;
-        bottom?: MantineSize | (string & {}) | number;
-        right?: MantineSize | (string & {}) | number;
-    };
+    /** Affix position on screen @default `{ bottom: 0, right: 0 }` */
+    position?: AffixPosition;
 }
 export interface AffixProps extends BoxProps, AffixBaseProps, StylesApiProps<AffixFactory>, ElementProps<'div'> {
 }

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

@@ -1,2 +1,2 @@
 export { Affix } from './Affix';
-export type { AffixCssVariables, AffixFactory, AffixProps, AffixStylesNames, AffixBaseProps, } from './Affix';
+export type { AffixCssVariables, AffixFactory, AffixProps, AffixStylesNames, AffixBaseProps, AffixPosition, } from './Affix';

package/lib/components/Alert/Alert.d.ts

@@ -5,21 +5,21 @@ export type AlertCssVariables = {
     root: '--alert-radius' | '--alert-bg' | '--alert-color' | '--alert-bd';
 };
 export interface AlertProps extends BoxProps, StylesApiProps<AlertFactory>, ElementProps<'div', 'title'> {
-    /** Key of `theme.radius` or any valid CSS value to set border-radius, `theme.defaultRadius` by default */
+    /** Key of `theme.radius` or any valid CSS value to set border-radius @default `theme.defaultRadius` */
     radius?: MantineRadius;
-    /** 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;
     /** Alert title */
     title?: React.ReactNode;
     /** Icon displayed next to the title */
     icon?: React.ReactNode;
-    /** Determines whether close button should be displayed, `false` by default */
+    /** Determines whether close button should be displayed @default `false` */
     withCloseButton?: boolean;
     /** Called when the close button is clicked */
     onClose?: () => void;
     /** Close button `aria-label` */
     closeButtonLabel?: string;
-    /** Determines whether 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`. */
+    /** If set, adjusts text color based on background color for `filled` variant */
     autoContrast?: boolean;
 }
 export type AlertFactory = Factory<{

package/lib/components/Anchor/Anchor.d.ts

@@ -4,7 +4,7 @@ export type AnchorStylesNames = TextStylesNames;
 export type AnchorVariant = TextVariant;
 export type AnchorCssVariables = TextCssVariables;
 export interface AnchorProps extends Omit<TextProps, 'span'> {
-    /** Determines in which cases link should have `text-decoration: underline` styles, `hover` by default */
+    /** Defines when `text-decoration: underline` styles are applied. @default `hover` */
     underline?: 'always' | 'hover' | 'not-hover' | 'never';
 }
 export type AnchorFactory = PolymorphicFactory<{

package/lib/components/AngleSlider/AngleSlider.d.ts

@@ -4,36 +4,36 @@ export type AngleSliderCssVariables = {
     root: '--slider-size' | '--thumb-size';
 };
 export interface AngleSliderProps extends BoxProps, StylesApiProps<AngleSliderFactory>, ElementProps<'div', 'onChange'> {
-    /** Step between values, used when the component is controlled with keyboard, `1` by default */
+    /** Step between values @default `1` */
     step?: number;
-    /** Value of the controlled component */
+    /** Controlled component value */
     value?: number;
-    /** Default value for uncontrolled component */
+    /** Uncontrolled component default value */
     defaultValue?: number;
     /** Called on value change */
     onChange?: (value: number) => void;
     /** Called after the selection is finished */
     onChangeEnd?: (value: number) => void;
-    /** Called in `onMouseDown` and `onTouchStart` events */
+    /** Called in `onMouseDown` and `onTouchStart` */
     onScrubStart?: () => void;
-    /** Called in `onMouseUp` and `onTouchEnd` events */
+    /** Called in `onMouseUp` and `onTouchEnd` */
     onScrubEnd?: () => void;
-    /** Determines whether the label should be displayed inside the slider, `true` by default */
+    /** If set, the label is displayed inside the slider @default `true` */
     withLabel?: boolean;
-    /** Array of marks that are displayed on the slider */
+    /** Array of marks displayed on the slider */
     marks?: {
         value: number;
         label?: string;
     }[];
-    /** Slider size in px, `60px` */
+    /** Slider size in px @default `60px` */
     size?: number;
-    /** Size of the thumb in px, by default is calculated based on the `size` value */
+    /** Size of the thumb in px. Calculated based on the `size` value by default. */
     thumbSize?: number;
-    /** Formats label based on the current value */
+    /** A function to format label based on the current value */
     formatLabel?: (value: number) => React.ReactNode;
-    /** Disables interactions */
+    /** Sets `data-disabled` attribute, disables interactions */
     disabled?: boolean;
-    /** Determines whether the selection should be only allowed from the given marks array, `false` by default */
+    /** If set, the selection is allowed only from the given marks array @default `false` */
     restrictToMarks?: boolean;
     /** Props passed down to the hidden input */
     hiddenInputProps?: React.ComponentPropsWithoutRef<'input'>;

package/lib/components/AppShell/AppShell.d.ts

@@ -11,29 +11,29 @@ export type AppShellCssVariables = {
     root: '--app-shell-transition-duration' | '--app-shell-transition-timing-function';
 };
 export interface AppShellProps extends BoxProps, StylesApiProps<AppShellFactory>, ElementProps<'div'> {
-    /** Determines whether associated components should have a border, `true` by default */
+    /** If set, the associated components have a border @default `true` */
     withBorder?: boolean;
-    /** Controls padding of the main section, `0` by default. !important: use `padding` prop instead of `p`. */
+    /** Padding of the main section. Important: use `padding` prop instead of `p`. @default `0` */
     padding?: MantineSpacing | AppShellResponsiveSize;
-    /** AppShell.Navbar configuration, controls width, breakpoints and collapsed state. Required if you use AppShell.Navbar component. */
+    /** `Navbar` configuration, controls width, breakpoints and collapsed state. Required if you use `Navbar` component. */
     navbar?: AppShellNavbarConfiguration;
-    /** AppShell.Aside configuration, controls width, breakpoints and collapsed state. Required if you use AppShell.Aside component. */
+    /** `Aside` configuration, controls width, breakpoints and collapsed state. Required if you use `Aside` component. */
     aside?: AppShellAsideConfiguration;
-    /** AppShell.Header configuration, controls height, offset and collapsed state. Required if you use AppShell.Header component. */
+    /** `Header` configuration, controls height, offset and collapsed state. Required if you use `Header` component. */
     header?: AppShellHeaderConfiguration;
-    /** AppShell.Footer configuration, controls height, offset and collapsed state. Required if you use AppShell.Footer component. */
+    /** `Footer` configuration, controls height, offset and collapsed state. Required if you use `Footer` component. */
     footer?: AppShellFooterConfiguration;
-    /** Duration of all transitions in ms, `200` by default */
+    /** Duration of all transitions in ms @default `200` */
     transitionDuration?: number;
-    /** Timing function of all transitions, `ease` by default */
+    /** Timing function of all transitions @default `ease` */
     transitionTimingFunction?: React.CSSProperties['transitionTimingFunction'];
-    /** `z-index` of all associated elements, `100` by default */
+    /** `z-index` of all associated elements @default `100` */
     zIndex?: string | number;
-    /** Determines how Navbar/Aside are arranged relative to Header/Footer, `default` by default */
+    /** Determines how `Navbar`/`Aside` are arranged relative to `Header`/`Footer` */
     layout?: 'default' | 'alt';
-    /** If set, Navbar, Aside, Header and Footer components be hidden */
+    /** If set, `Navbar`, `Aside`, `Header` and `Footer` components are hidden */
     disabled?: boolean;
-    /** Determines whether Header and Footer components should include styles to offset scrollbars. Based on `react-remove-scroll`. `true` by default for `layout="default"`, `false` for `layout="alt"` */
+    /** If set, `Header` and `Footer` components include styles to offset scrollbars. Based on `react-remove-scroll`. @default `true` for `layout="default"`, `false` for `layout="alt"` */
     offsetScrollbars?: boolean;
 }
 export type AppShellFactory = Factory<{

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

@@ -1,4 +1,10 @@
 import type { MantineBreakpoint } from '../../core';
+export interface AppShellCompoundProps {
+    /** If set, component haves a border, overrides `withBorder` prop on `AppShell` component */
+    withBorder?: boolean;
+    /** Sets `z-index`. Inherited from the `AppShell` by default. */
+    zIndex?: React.CSSProperties['zIndex'];
+}
 export type AppShellSize = number | (string & {});
 export interface AppShellResponsiveSize {
     base?: AppShellSize;

package/lib/components/AppShell/AppShellAside/AppShellAside.d.ts

@@ -1,10 +1,7 @@
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../../core';
+import { AppShellCompoundProps } from '../AppShell.types';
 export type AppShellAsideStylesNames = 'aside';
-export interface AppShellAsideProps extends BoxProps, StylesApiProps<AppShellAsideFactory>, ElementProps<'aside'> {
-    /** Determines whether component should have a border, overrides `withBorder` prop on `AppShell` component */
-    withBorder?: boolean;
-    /** Component `z-index`, by default inherited from the `AppShell` */
-    zIndex?: string | number;
+export interface AppShellAsideProps extends BoxProps, AppShellCompoundProps, StylesApiProps<AppShellAsideFactory>, ElementProps<'aside'> {
 }
 export type AppShellAsideFactory = Factory<{
     props: AppShellAsideProps;

package/lib/components/AppShell/AppShellFooter/AppShellFooter.d.ts

@@ -1,10 +1,7 @@
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../../core';
+import { AppShellCompoundProps } from '../AppShell.types';
 export type AppShellFooterStylesNames = 'footer';
-export interface AppShellFooterProps extends BoxProps, StylesApiProps<AppShellFooterFactory>, ElementProps<'footer'> {
-    /** Determines whether component should have a border, overrides `withBorder` prop on `AppShell` component */
-    withBorder?: boolean;
-    /** Component `z-index`, by default inherited from the `AppShell` */
-    zIndex?: string | number;
+export interface AppShellFooterProps extends BoxProps, AppShellCompoundProps, StylesApiProps<AppShellFooterFactory>, ElementProps<'footer'> {
 }
 export type AppShellFooterFactory = Factory<{
     props: AppShellFooterProps;

package/lib/components/AppShell/AppShellHeader/AppShellHeader.d.ts

@@ -1,10 +1,7 @@
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../../core';
+import type { AppShellCompoundProps } from '../AppShell.types';
 export type AppShellHeaderStylesNames = 'header';
-export interface AppShellHeaderProps extends BoxProps, StylesApiProps<AppShellHeaderFactory>, ElementProps<'header'> {
-    /** Determines whether component should have a border, overrides `withBorder` prop on `AppShell` component */
-    withBorder?: boolean;
-    /** Component `z-index`, by default inherited from the `AppShell` */
-    zIndex?: string | number;
+export interface AppShellHeaderProps extends BoxProps, AppShellCompoundProps, StylesApiProps<AppShellHeaderFactory>, ElementProps<'header'> {
 }
 export type AppShellHeaderFactory = Factory<{
     props: AppShellHeaderProps;

package/lib/components/AppShell/AppShellNavbar/AppShellNavbar.d.ts

@@ -1,10 +1,7 @@
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../../core';
+import type { AppShellCompoundProps } from '../AppShell.types';
 export type AppShellNavbarStylesNames = 'navbar';
-export interface AppShellNavbarProps extends BoxProps, StylesApiProps<AppShellNavbarFactory>, ElementProps<'div'> {
-    /** Determines whether component should have a border, overrides `withBorder` prop on `AppShell` component */
-    withBorder?: boolean;
-    /** Component `z-index`, by default inherited from the `AppShell` */
-    zIndex?: string | number;
+export interface AppShellNavbarProps extends BoxProps, AppShellCompoundProps, StylesApiProps<AppShellNavbarFactory>, ElementProps<'div'> {
 }
 export type AppShellNavbarFactory = Factory<{
     props: AppShellNavbarProps;

package/lib/components/AppShell/AppShellSection/AppShellSection.d.ts

@@ -1,7 +1,7 @@
 import { BoxProps, CompoundStylesApiProps, PolymorphicFactory } from '../../../core';
 export type AppShellSectionStylesNames = 'section';
 export interface AppShellSectionProps extends BoxProps, CompoundStylesApiProps<AppShellSectionFactory> {
-    /** Determines whether the section should take all available space, `false` by default */
+    /** If set, the section expands to take all available space */
     grow?: boolean;
 }
 export type AppShellSectionFactory = PolymorphicFactory<{

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

@@ -5,7 +5,7 @@ export { AppShellHeader } from './AppShellHeader/AppShellHeader';
 export { AppShellNavbar } from './AppShellNavbar/AppShellNavbar';
 export { AppShellSection } from './AppShellSection/AppShellSection';
 export { AppShellMain } from './AppShellMain/AppShellMain';
-export type { AppShellAsideConfiguration, AppShellHeaderConfiguration, AppShellNavbarConfiguration, AppShellFooterConfiguration, AppShellResponsiveSize, } from './AppShell.types';
+export type { AppShellAsideConfiguration, AppShellHeaderConfiguration, AppShellNavbarConfiguration, AppShellFooterConfiguration, AppShellResponsiveSize, AppShellCompoundProps, } from './AppShell.types';
 export type { AppShellProps, AppShellCssVariables, AppShellFactory, AppShellStylesNames, } from './AppShell';
 export type { AppShellAsideProps } from './AppShellAside/AppShellAside';
 export type { AppShellFooterProps } from './AppShellFooter/AppShellFooter';

package/lib/components/AspectRatio/AspectRatio.d.ts

@@ -4,7 +4,7 @@ export type AspectRatioCssVariables = {
     root: '--ar-ratio';
 };
 export interface AspectRatioProps extends BoxProps, StylesApiProps<AspectRatioFactory>, ElementProps<'div'> {
-    /** Aspect ratio, e.g. `16 / 9`, `4 / 3`, `1920 / 1080`, `1` by default */
+    /** Aspect ratio, for example, `16 / 9`, `4 / 3`, `1920 / 1080` @default `1` */
     ratio?: number;
 }
 export type AspectRatioFactory = Factory<{

package/lib/components/Autocomplete/Autocomplete.d.ts

@@ -2,26 +2,29 @@ import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { ComboboxLikeProps, ComboboxLikeRenderOptionInput, ComboboxLikeStylesNames, ComboboxStringData, ComboboxStringItem } from '../Combobox';
 import { __BaseInputProps, __InputStylesNames, InputClearButtonProps, InputVariant } from '../Input';
 import { ScrollAreaProps } from '../ScrollArea';
+export type RenderAutocompleteOption = (input: ComboboxLikeRenderOptionInput<ComboboxStringItem>) => React.ReactNode;
 export type AutocompleteStylesNames = __InputStylesNames | ComboboxLikeStylesNames;
-export interface AutocompleteProps extends BoxProps, __BaseInputProps, Omit<ComboboxLikeProps, 'data'>, StylesApiProps<AutocompleteFactory>, ElementProps<'input', 'onChange' | 'size'> {
-    /** Data displayed in the dropdown. Values must be unique, otherwise an error will be thrown and component will not render. */
+export interface AutocompleteProps extends BoxProps, Omit<__BaseInputProps, 'pointer'>, Omit<ComboboxLikeProps, 'data'>, StylesApiProps<AutocompleteFactory>, ElementProps<'input', 'onChange' | 'size'> {
+    /** Data used to display options. Values must be unique. */
     data?: ComboboxStringData;
     /** Controlled component value */
     value?: string;
-    /** Uncontrolled component default value */
+    /** Default value for uncontrolled component */
     defaultValue?: string;
     /** Called when value changes */
     onChange?: (value: string) => void;
-    /** A function to render content of the option, replaces the default content of the option */
-    renderOption?: (input: ComboboxLikeRenderOptionInput<ComboboxStringItem>) => React.ReactNode;
-    /** Props passed down to the underlying `ScrollArea` component in the dropdown */
+    /** Function to render custom option content */
+    renderOption?: RenderAutocompleteOption;
+    /** Props passed to the underlying `ScrollArea` component in the dropdown */
     scrollAreaProps?: ScrollAreaProps;
     /** Called when the clear button is clicked */
     onClear?: () => void;
-    /** Props passed down to the clear button */
-    clearButtonProps?: InputClearButtonProps & ElementProps<'button'>;
-    /** Determines whether the clear button should be displayed in the right section when the component has value, `false` by default */
+    /** Props passed to the clear button */
+    clearButtonProps?: InputClearButtonProps;
+    /** If set, the clear button is displayed when the component has a value @default `false` */
     clearable?: boolean;
+    /** If set, the highlighted option is selected when the input loses focus @default `false` */
+    autoSelectOnBlur?: boolean;
 }
 export type AutocompleteFactory = Factory<{
     props: AutocompleteProps;

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

@@ -1,2 +1,2 @@
 export { Autocomplete } from './Autocomplete';
-export type { AutocompleteFactory, AutocompleteProps, AutocompleteStylesNames, } from './Autocomplete';
+export type { AutocompleteFactory, AutocompleteProps, AutocompleteStylesNames, RenderAutocompleteOption, } from './Autocomplete';