@mantine/core 8.1.3 → 8.2.1

package/lib/components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.d.ts

@@ -2,17 +2,17 @@ import { Factory } from '../../../core';
 export interface ComboboxEventsTargetProps {
     /** Target element */
     children: React.ReactNode;
-    /** Key of the prop that should be used to access element ref */
+    /** Key of the prop is used to access element ref */
     refProp?: string;
-    /** Determines whether component should respond to keyboard events, `true` by default */
+    /** If set, the component responds to the keyboard events @default `true` */
     withKeyboardNavigation?: boolean;
-    /** Determines whether the target should have `aria-` attributes, `true` by default */
+    /** If set, the target has `aria-` attributes @default `true` */
     withAriaAttributes?: boolean;
-    /** Determines whether the target should have `aria-expanded` attribute, `false` by default */
+    /** If set, the target has `aria-expanded` attribute @default `false` */
     withExpandedAttribute?: boolean;
     /** Determines which events should be handled by the target element.
      * `button` target type handles `Space` and `Enter` keys to toggle dropdown opened state.
-     * `input` by default.
+     * @default `input`
      * */
     targetType?: 'button' | 'input';
     /** Input autocomplete attribute */

package/lib/components/Combobox/ComboboxHiddenInput/ComboboxHiddenInput.d.ts

@@ -1,7 +1,7 @@
 export interface ComboboxHiddenInputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'value'> {
     /** Input value */
     value: string | string[] | null;
-    /** Divider character that is used to transform array values to string, `','` by default */
+    /** Divider character to join array values into string @default `','` */
     valuesDivider?: string;
 }
 export declare function ComboboxHiddenInput({ value, valuesDivider, ...others }: ComboboxHiddenInputProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/Combobox/ComboboxOption/ComboboxOption.d.ts

@@ -3,11 +3,11 @@ export type ComboboxOptionStylesNames = 'option';
 export interface ComboboxOptionProps extends BoxProps, CompoundStylesApiProps<ComboboxOptionFactory>, ElementProps<'div'> {
     /** Option value */
     value: string;
-    /** Determines whether the option is selected */
+    /** Current active state */
     active?: boolean;
-    /** Determines whether the option can be selected */
+    /** Disabled state */
     disabled?: boolean;
-    /** Determines whether item is selected, useful for virtualized comboboxes */
+    /** Current selected state */
     selected?: boolean;
 }
 export type ComboboxOptionFactory = Factory<{

package/lib/components/Combobox/ComboboxOptions/ComboboxOptions.d.ts

@@ -1,7 +1,7 @@
 import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
 export type ComboboxOptionsStylesNames = 'options';
 export interface ComboboxOptionsProps extends BoxProps, CompoundStylesApiProps<ComboboxOptionsFactory>, ElementProps<'div'> {
-    /** Id of the element that should label the options list */
+    /** Id of the element that labels the options list */
     labelledBy?: string;
 }
 export type ComboboxOptionsFactory = Factory<{

package/lib/components/Combobox/ComboboxSearch/ComboboxSearch.d.ts

@@ -2,9 +2,9 @@ import { ElementProps, Factory } from '../../../core';
 import { InputProps, InputStylesNames } from '../../Input/Input';
 export type ComboboxSearchStylesNames = InputStylesNames;
 export interface ComboboxSearchProps extends InputProps, ElementProps<'input', 'size'> {
-    /** Determines whether the search input should have `aria-` attribute, `true` by default */
+    /** if set, the search input has `aria-` attribute @default `true` */
     withAriaAttributes?: boolean;
-    /** Determines whether the search input should handle keyboard navigation, `true` by default */
+    /** if set, the search input handles keyboard navigation @default `true` */
     withKeyboardNavigation?: boolean;
 }
 export type ComboboxSearchFactory = Factory<{

package/lib/components/Combobox/ComboboxTarget/ComboboxTarget.d.ts

@@ -2,17 +2,17 @@ import { Factory } from '../../../core';
 export interface ComboboxTargetProps {
     /** Target element */
     children: React.ReactNode;
-    /** Key of the prop that should be used to access element ref */
+    /** Key of the prop that is used to access element ref */
     refProp?: string;
-    /** Determines whether component should respond to keyboard events, `true` by default */
+    /** If set, the component responds to keyboard events @default `true` */
     withKeyboardNavigation?: boolean;
-    /** Determines whether the target should have `aria-` attributes, `true` by default */
+    /** If set, the target has `aria-` attributes @default `true` */
     withAriaAttributes?: boolean;
-    /** Determines whether the target should have `aria-expanded` attribute, `false` by default */
+    /** If set, the target has `aria-expanded` attribute @default `false` */
     withExpandedAttribute?: boolean;
-    /** Determines which events should be handled by the target element.
+    /** Determines which events is handled by the target element.
      * `button` target type handles `Space` and `Enter` keys to toggle dropdown opened state.
-     * `input` by default.
+     * @default `input`
      * */
     targetType?: 'button' | 'input';
     /** Input autocomplete attribute */

package/lib/components/Container/Container.d.ts

@@ -4,10 +4,12 @@ export type ContainerCssVariables = {
     root: '--container-size';
 };
 export interface ContainerProps extends BoxProps, StylesApiProps<ContainerFactory>, ElementProps<'div'> {
-    /** Sets `max-width` of the container, value is not responsive – it is the same for all screen sizes. Numbers are converted to rem. Ignored when `fluid` prop is set. `'md'` by default */
+    /** `max-width` of the container, value is not responsive – it is the same for all screen sizes. Numbers are converted to rem. Ignored when `fluid` prop is set. @default `'md'` */
     size?: MantineSize | (string & {}) | number;
-    /** Determines whether the container should take 100% of its parent width. If set, `size` prop is ignored. `false` by default. */
+    /** If set, the container takes 100% width of its parent and `size` prop is ignored. @default `false` */
     fluid?: boolean;
+    /** Centering strategy @default `'block'` */
+    strategy?: 'block' | 'grid';
 }
 export type ContainerFactory = Factory<{
     props: ContainerProps;

package/lib/components/CopyButton/CopyButton.d.ts

@@ -4,9 +4,9 @@ export interface CopyButtonProps {
         copied: boolean;
         copy: () => void;
     }) => React.ReactNode;
-    /** Value that will be copied to the clipboard when the button is clicked */
+    /** Value that is copied to the clipboard when the button is clicked */
     value: string;
-    /** Copied status timeout in ms, `1000` by default */
+    /** Copied status timeout in ms @default `1000` */
     timeout?: number;
 }
 export declare function CopyButton(props: CopyButtonProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/Dialog/Dialog.d.ts

@@ -7,9 +7,9 @@ export type DialogCssVariables = {
     root: '--dialog-size';
 };
 export interface DialogProps extends BoxProps, AffixBaseProps, PaperBaseProps, StylesApiProps<DialogFactory>, ElementProps<'div'> {
-    /** If set dialog will not be unmounted from the DOM when it is hidden, display: none styles will be added instead */
+    /** If set, dialog is not unmounted from the DOM when hidden, `display: none` styles are applied instead */
     keepMounted?: boolean;
-    /** Determines whether the close button should be displayed, `true` by default */
+    /** If set, the close button is displayed @default `true` */
     withCloseButton?: boolean;
     /** Called when the close button is clicked */
     onClose?: () => void;
@@ -17,9 +17,9 @@ export interface DialogProps extends BoxProps, AffixBaseProps, PaperBaseProps, S
     children?: React.ReactNode;
     /** Opened state */
     opened: boolean;
-    /** Overrides default transition, `{ transition: 'pop-top-right', duration: 200 }` by default */
+    /** Props passed down to the underlying `Transition` component @default `{ transition: 'pop-top-right', duration: 200 }` */
     transitionProps?: TransitionOverride;
-    /** Controls `width` of the dialog, `'md'` by default */
+    /** Controls `width` of the dialog @default `'md'` */
     size?: MantineSize | (string & {}) | number;
 }
 export type DialogFactory = Factory<{

package/lib/components/Divider/Divider.d.ts

@@ -7,13 +7,13 @@ export type DividerCssVariables = {
 export interface DividerProps extends BoxProps, StylesApiProps<DividerFactory>, ElementProps<'div'> {
     /** Key of `theme.colors` or any valid CSS color value, by default value depends on color scheme */
     color?: MantineColor;
-    /** Controls width/height (depends on orientation), `'xs'` by default */
+    /** Controls width/height (depends on orientation) @default `'xs'` */
     size?: MantineSize | number | (string & {});
     /** Divider label, visible only when `orientation` is `horizontal` */
     label?: React.ReactNode;
-    /** Controls label position, `'center'` by default */
+    /** Controls label position @default `'center'` */
     labelPosition?: 'left' | 'center' | 'right';
-    /** Controls orientation, `'horizontal'` by default */
+    /** Controls orientation @default `'horizontal'` */
     orientation?: 'horizontal' | 'vertical';
 }
 export type DividerFactory = Factory<{

package/lib/components/Drawer/Drawer.d.ts

@@ -13,13 +13,13 @@ export type DrawerCssVariables = DrawerRootCssVariables;
 export interface DrawerProps extends DrawerRootProps {
     /** Drawer title */
     title?: React.ReactNode;
-    /** Determines whether the overlay should be rendered, `true` by default */
+    /** If set, the overlay is displayed @default `true` */
     withOverlay?: boolean;
     /** Props passed down to the `Overlay` component, can be used to configure opacity, `background-color`, styles and other properties */
     overlayProps?: ModalBaseOverlayProps;
     /** Drawer content */
     children?: React.ReactNode;
-    /** Determines whether the close button should be rendered, `true` by default */
+    /** If set, the close button is displayed @default `true` */
     withCloseButton?: boolean;
     /** Props passed down to the close button */
     closeButtonProps?: ModalBaseCloseButtonProps;

package/lib/components/Drawer/DrawerRoot.d.ts

@@ -7,13 +7,13 @@ export type DrawerRootCssVariables = {
     root: '--drawer-size' | '--drawer-flex' | '--drawer-height' | '--drawer-align' | '--drawer-justify' | '--drawer-offset';
 };
 export interface DrawerRootProps extends StylesApiProps<DrawerRootFactory>, ModalBaseProps {
-    /** Scroll area component, native `div` element by default */
+    /** Scroll area component @default `'div'` */
     scrollAreaComponent?: ScrollAreaComponent;
-    /** Side of the screen on which drawer will be opened, `'left'` by default */
+    /** Side of the screen on which drawer will be opened @default `'left'` */
     position?: DrawerPosition;
-    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `0` by default */
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem @default `0` */
     radius?: MantineRadius;
-    /** Drawer container offset from the viewport end, `0` by default */
+    /** Drawer container offset from the viewport end @default `0` */
     offset?: number | string;
 }
 export type DrawerRootFactory = Factory<{

package/lib/components/Fieldset/Fieldset.d.ts

@@ -7,7 +7,7 @@ export type FieldsetCSSVariables = {
 export interface FieldsetProps extends BoxProps, StylesApiProps<FieldsetFactory>, ElementProps<'fieldset'> {
     /** Fieldset legend */
     legend?: React.ReactNode;
-    /** 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;
 }
 export type FieldsetFactory = Factory<{

package/lib/components/FileButton/FileButton.d.ts

@@ -5,7 +5,7 @@ export interface FileButtonProps<Multiple extends boolean = false> {
     children: (props: {
         onClick: () => void;
     }) => React.ReactNode;
-    /** Determines whether user can pick more than one file */
+    /** If set, user can pick more than one file */
     multiple?: Multiple;
     /** File input accept attribute, for example, `"image/png,image/jpeg"` */
     accept?: string;

package/lib/components/FileInput/FileInput.d.ts

@@ -8,7 +8,7 @@ export interface FileInputProps<Multiple = false> extends BoxProps, __BaseInputP
     value?: Multiple extends true ? File[] : File | null;
     /** Uncontrolled component default value */
     defaultValue?: Multiple extends true ? File[] : File | null;
-    /** Determines whether user can pick more than one file, `false` by default */
+    /** If set, user can pick more than one file @default `false` */
     multiple?: Multiple;
     /** File input accept attribute, for example, `"image/png,image/jpeg"` */
     accept?: string;
@@ -16,11 +16,11 @@ export interface FileInputProps<Multiple = false> extends BoxProps, __BaseInputP
     name?: string;
     /** Input form attribute */
     form?: string;
-    /** Value renderer. By default, file name is displayed. */
+    /** Value renderer. By default, displays file name. */
     valueComponent?: React.FC<{
         value: null | File | File[];
     }>;
-    /** Determines whether clear button should be displayed in the right section, `false` by default */
+    /** If set, the clear button is displayed in the right section @default `false` */
     clearable?: boolean;
     /** Props passed down to the clear button */
     clearButtonProps?: React.ComponentPropsWithoutRef<'button'>;

package/lib/components/FloatingIndicator/FloatingIndicator.d.ts

@@ -4,13 +4,15 @@ export type FloatingIndicatorCssVariables = {
     root: '--transition-duration';
 };
 export interface FloatingIndicatorProps extends BoxProps, StylesApiProps<FloatingIndicatorFactory>, ElementProps<'div'> {
-    /** Target element over which indicator should be displayed */
+    /** Target element over which indicator is displayed */
     target: HTMLElement | null | undefined;
-    /** Parent element with relative position based on which indicator position should be calculated */
+    /** Parent element with relative position based on which indicator position is calculated */
     parent: HTMLElement | null | undefined;
-    /** Transition duration in ms, `150` by default */
+    /** Transition duration in ms @default `150` */
     transitionDuration?: number | string;
-    /** Determines whether indicator should be displayed after transition ends, should be set if used inside a container that has `transform: scale(n)` styles */
+    /** If set, the indicator is displayed after transition ends.
+     * Should be set if the component is used inside a container that has `transform: scale(n)` styles.
+     * */
     displayAfterTransitionEnd?: boolean;
 }
 export type FloatingIndicatorFactory = Factory<{

package/lib/components/FocusTrap/FocusTrap.d.ts

@@ -1,11 +1,11 @@
 export interface FocusTrapProps {
-    /** Element at which focus should be trapped, should support ref prop */
+    /** Element to trap focus at, must support ref prop */
     children: any;
-    /** Determines whether focus should be trapped within child element */
+    /** If set to `false`, disables focus trap */
     active?: boolean;
-    /** Prop that should be used to access component ref */
+    /** Prop that is used to access element ref @default `'ref'` */
     refProp?: string;
-    /** Assigns element `ref` */
+    /** Ref to combine with the focus trap ref */
     innerRef?: React.ForwardedRef<any>;
 }
 export declare function FocusTrap({ children, active, refProp, innerRef, }: FocusTrapProps): React.ReactElement;

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<{