@mantine/core 8.3.13 → 9.0.0-alpha.0

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

@@ -1,15 +1,16 @@
+import { Primitive } from '../../../core';
 import { ScrollAreaProps } from '../../ScrollArea/ScrollArea';
 import { ComboboxItem, ComboboxLikeRenderOptionInput, ComboboxParsedItem } from '../Combobox.types';
 import { FilterOptionsInput } from './default-options-filter';
-export type OptionsFilter = (input: FilterOptionsInput) => ComboboxParsedItem[];
+export type OptionsFilter<Value extends Primitive = string> = (input: FilterOptionsInput<Value>) => ComboboxParsedItem<Value>[];
 export interface OptionsGroup {
     group: string;
-    items: ComboboxItem[];
+    items: ComboboxItem<Primitive>[];
 }
-export type OptionsData = (ComboboxItem | OptionsGroup)[];
+export type OptionsData = (ComboboxItem<Primitive> | OptionsGroup)[];
 export interface OptionsDropdownProps {
     data: OptionsData;
-    filter: OptionsFilter | undefined;
+    filter: OptionsFilter<Primitive> | undefined;
     search: string | undefined;
     limit: number | undefined;
     withScrollArea: boolean | undefined;
@@ -19,7 +20,7 @@ export interface OptionsDropdownProps {
     filterOptions?: boolean;
     withCheckIcon?: boolean;
     withAlignedLabels?: boolean;
-    value?: string | string[] | null;
+    value?: Primitive | Primitive[] | null;
     checkIconPosition?: 'left' | 'right';
     nothingFoundMessage?: React.ReactNode;
     unstyled: boolean | undefined;

package/lib/components/Combobox/OptionsDropdown/default-options-filter.d.ts

@@ -1,7 +1,8 @@
+import { Primitive } from '../../../core';
 import { ComboboxParsedItem } from '../Combobox.types';
-export interface FilterOptionsInput {
-    options: ComboboxParsedItem[];
+export interface FilterOptionsInput<Value extends Primitive = Primitive> {
+    options: ComboboxParsedItem<Value>[];
     search: string;
     limit: number;
 }
-export declare function defaultOptionsFilter({ options, search, limit, }: FilterOptionsInput): ComboboxParsedItem[];
+export declare function defaultOptionsFilter({ options, search, limit, }: FilterOptionsInput): ComboboxParsedItem<Primitive>[];

package/lib/components/Combobox/OptionsDropdown/is-empty-combobox-data.d.ts

@@ -1,2 +1,3 @@
+import { Primitive } from '../../..';
 import { ComboboxParsedItem } from '../Combobox.types';
-export declare function isEmptyComboboxData(data: ComboboxParsedItem[]): boolean;
+export declare function isEmptyComboboxData(data: ComboboxParsedItem<Primitive>[]): boolean;

package/lib/components/Combobox/OptionsDropdown/is-options-group.d.ts

@@ -1,2 +1,3 @@
+import { Primitive } from '../../../core';
 import { ComboboxParsedItem, ComboboxParsedItemGroup } from '../Combobox.types';
-export declare function isOptionsGroup(item: ComboboxParsedItem): item is ComboboxParsedItemGroup;
+export declare function isOptionsGroup(item: ComboboxParsedItem<Primitive>): item is ComboboxParsedItemGroup<Primitive>;

package/lib/components/Combobox/get-options-lockup/get-options-lockup.d.ts

@@ -1,3 +1,3 @@
+import { Primitive } from '../../../core';
 import { ComboboxItem, ComboboxParsedItem } from '../Combobox.types';
-export declare function getOptionsLockup(options: ComboboxParsedItem[]): Record<string, ComboboxItem>;
-export declare function getLabelsLockup(options: ComboboxParsedItem[]): Record<string, string>;
+export declare function getOptionsLockup<Value extends Primitive = string>(options: ComboboxParsedItem<Value>[]): Record<PropertyKey, ComboboxItem<Value>>;

package/lib/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.d.ts

@@ -1,2 +1,3 @@
-import { ComboboxData, ComboboxParsedItem, ComboboxStringData } from '../Combobox.types';
-export declare function getParsedComboboxData(data: ComboboxData | ComboboxStringData | undefined): ComboboxParsedItem[];
+import { Primitive } from '../../../core';
+import { ComboboxData, ComboboxGenericData, ComboboxParsedItem } from '../Combobox.types';
+export declare function getParsedComboboxData<Value extends Primitive = string>(data: ComboboxData<Value> | ComboboxGenericData<Value> | undefined): ComboboxParsedItem<Value>[];

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

@@ -1,5 +1,5 @@
 export { getParsedComboboxData } from './get-parsed-combobox-data/get-parsed-combobox-data';
-export { getOptionsLockup, getLabelsLockup } from './get-options-lockup/get-options-lockup';
+export { getOptionsLockup } from './get-options-lockup/get-options-lockup';
 export { ComboboxChevron } from './ComboboxChevron/ComboboxChevron';
 export { Combobox } from './Combobox';
 export { ComboboxDropdown } from './ComboboxDropdown/ComboboxDropdown';
@@ -21,21 +21,24 @@ export { useVirtualizedCombobox } from './use-combobox/use-virtualized-combobox'
 export { useComboboxTargetProps } from './use-combobox-target-props/use-combobox-target-props';
 export { isOptionsGroup } from './OptionsDropdown/is-options-group';
 export { defaultOptionsFilter } from './OptionsDropdown/default-options-filter';
-export type { ComboboxStore, ComboboxDropdownEventSource, UseComboboxOptions, } from './use-combobox/use-combobox';
-export type { ComboboxItem, ComboboxData, ComboboxParsedItem, ComboboxItemGroup, ComboboxParsedItemGroup, ComboboxLikeProps, ComboboxLikeStylesNames, ComboboxStringData, ComboboxLikeRenderOptionInput, ComboboxStringItem, } from './Combobox.types';
+export { useComboboxContext } from './Combobox.context';
 export type { ComboboxFactory, ComboboxProps, ComboboxStylesNames } from './Combobox';
-export type { ComboboxDropdownProps } from './ComboboxDropdown/ComboboxDropdown';
-export type { ComboboxOptionsProps } from './ComboboxOptions/ComboboxOptions';
-export type { ComboboxOptionProps } from './ComboboxOption/ComboboxOption';
-export type { ComboboxTargetProps } from './ComboboxTarget/ComboboxTarget';
+export type { ComboboxContextValue } from './Combobox.context';
+export type { ComboboxData, ComboboxGenericData, ComboboxGenericItem, ComboboxItem, ComboboxItemGroup, ComboboxLikeProps, ComboboxLikeRenderOptionInput, ComboboxLikeStylesNames, ComboboxParsedItem, ComboboxParsedItemGroup, ComboboxRenderPillInput, } from './Combobox.types';
 export type { ComboboxChevronProps } from './ComboboxChevron/ComboboxChevron';
-export type { ComboboxEmptyProps } from './ComboboxEmpty/ComboboxEmpty';
-export type { ComboboxSearchProps } from './ComboboxSearch/ComboboxSearch';
-export type { ComboboxFooterProps } from './ComboboxFooter/ComboboxFooter';
-export type { ComboboxHeaderProps } from './ComboboxHeader/ComboboxHeader';
+export type { ComboboxClearButtonProps } from './ComboboxClearButton/ComboboxClearButton';
+export type { ComboboxDropdownProps } from './ComboboxDropdown/ComboboxDropdown';
 export type { ComboboxDropdownTargetProps } from './ComboboxDropdownTarget/ComboboxDropdownTarget';
+export type { ComboboxEmptyProps } from './ComboboxEmpty/ComboboxEmpty';
 export type { ComboboxEventsTargetProps } from './ComboboxEventsTarget/ComboboxEventsTarget';
+export type { ComboboxFooterProps } from './ComboboxFooter/ComboboxFooter';
 export type { ComboboxGroupProps } from './ComboboxGroup/ComboboxGroup';
-export type { ComboboxClearButtonProps } from './ComboboxClearButton/ComboboxClearButton';
+export type { ComboboxHeaderProps } from './ComboboxHeader/ComboboxHeader';
 export type { ComboboxHiddenInputProps } from './ComboboxHiddenInput/ComboboxHiddenInput';
-export type { OptionsDropdownProps, OptionsData, OptionsFilter, } from './OptionsDropdown/OptionsDropdown';
+export type { ComboboxOptionProps } from './ComboboxOption/ComboboxOption';
+export type { ComboboxOptionsProps } from './ComboboxOptions/ComboboxOptions';
+export type { ComboboxSearchProps } from './ComboboxSearch/ComboboxSearch';
+export type { ComboboxTargetProps } from './ComboboxTarget/ComboboxTarget';
+export type { OptionsData, OptionsDropdownProps, OptionsFilter, } from './OptionsDropdown/OptionsDropdown';
+export type { ComboboxDropdownEventSource, ComboboxStore, UseComboboxOptions, } from './use-combobox/use-combobox';
+export type { UseVirtualizedComboboxOptions } from './use-combobox/use-virtualized-combobox';

package/lib/components/Combobox/use-combobox/use-combobox.d.ts

@@ -40,7 +40,7 @@ export interface ComboboxStore {
      *  The function is required to be used with searchable components to update selected option index
      *  when options list changes based on search query.
      */
-    updateSelectedOptionIndex: (target?: 'active' | 'selected', options?: {
+    updateSelectedOptionIndex: (target?: 'active' | 'selected' | number, options?: {
         scrollIntoView?: boolean;
     }) => void;
     /** List id, used for `aria-*` attributes */
@@ -57,19 +57,19 @@ export interface ComboboxStore {
     focusTarget: () => void;
 }
 export interface UseComboboxOptions {
-    /** Default value for `dropdownOpened`, `false` by default */
+    /** Default value for `dropdownOpened`, `false` by default. Used when the component is uncontrolled */
     defaultOpened?: boolean;
-    /** Controlled `dropdownOpened` state */
+    /** Controlled `dropdownOpened` state. When set, the dropdown opened state is controlled by the parent component */
     opened?: boolean;
-    /** Called when `dropdownOpened` state changes */
+    /** Called when `dropdownOpened` state changes. Required for controlled mode */
     onOpenedChange?: (opened: boolean) => void;
-    /** Called when dropdown closes with event source: keyboard, mouse or unknown */
+    /** Called when dropdown closes with event source: keyboard, mouse or unknown. Useful for analytics or side effects on dropdown closure */
     onDropdownClose?: (eventSource: ComboboxDropdownEventSource) => void;
-    /** Called when dropdown opens with event source: keyboard, mouse or unknown */
+    /** Called when dropdown opens with event source: keyboard, mouse or unknown. Useful for analytics or side effects on dropdown opening */
     onDropdownOpen?: (eventSource: ComboboxDropdownEventSource) => void;
-    /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */
+    /** Determines whether arrow key presses should loop through items (first to last and last to first). Defaults to `true` */
     loop?: boolean;
-    /** `behavior` passed down to `element.scrollIntoView`, `'instant'` by default */
+    /** `behavior` passed down to `element.scrollIntoView`. Controls the scrolling animation when options are scrolled into view. Defaults to `'instant'` */
     scrollBehavior?: ScrollBehavior;
 }
 export declare function useCombobox({ defaultOpened, opened, onOpenedChange, onDropdownClose, onDropdownOpen, loop, scrollBehavior, }?: UseComboboxOptions): ComboboxStore;

package/lib/components/Combobox/use-combobox/use-virtualized-combobox.d.ts

@@ -1,5 +1,5 @@
-import { ComboboxStore } from './use-combobox';
-interface UseComboboxOptions {
+import { ComboboxDropdownEventSource, ComboboxStore } from './use-combobox';
+export interface UseVirtualizedComboboxOptions {
     /** Default value for `dropdownOpened`, `false` by default */
     defaultOpened?: boolean;
     /** Controlled `dropdownOpened` state */
@@ -7,19 +7,24 @@ interface UseComboboxOptions {
     /** Called when `dropdownOpened` state changes */
     onOpenedChange?: (opened: boolean) => void;
     /** Called when dropdown closes */
-    onDropdownClose?: () => void;
+    onDropdownClose?: (eventSource?: ComboboxDropdownEventSource) => void;
     /** Called when dropdown opens */
-    onDropdownOpen?: () => void;
+    onDropdownOpen?: (eventSource?: ComboboxDropdownEventSource) => void;
     /** Determines whether arrow key presses should loop though items (first to last and last to first), `true` by default */
     loop?: boolean;
     /** Function to determine whether the option is disabled */
     isOptionDisabled?: (optionIndex: number) => boolean;
+    /** Total number of options in the virtualized list. Required for proper keyboard navigation and index calculations. */
     totalOptionsCount: number;
+    /** Function that returns the id of the option at the given index. Required for setting aria attributes and element references. */
     getOptionId: (index: number) => string | null;
+    /** Current selected option index. Must be controlled by parent component. */
     selectedOptionIndex: number;
+    /** Callback to update the selected option index. Called when user navigates or selects options. */
     setSelectedOptionIndex: (index: number) => void;
+    /** Currently active/highlighted option index. Used to determine which option to select when selectActiveOption is called. */
     activeOptionIndex?: number;
+    /** Called when the selected option is submitted (e.g., via Enter key or clicking). Receives the selected option index. */
     onSelectedOptionSubmit: (index: number) => void;
 }
-export declare function useVirtualizedCombobox({ defaultOpened, opened, onOpenedChange, onDropdownClose, onDropdownOpen, loop, totalOptionsCount, isOptionDisabled, getOptionId, selectedOptionIndex, setSelectedOptionIndex, activeOptionIndex, onSelectedOptionSubmit, }?: UseComboboxOptions): ComboboxStore;
-export {};
+export declare function useVirtualizedCombobox({ defaultOpened, opened, onOpenedChange, onDropdownClose, onDropdownOpen, loop, totalOptionsCount, isOptionDisabled, getOptionId, selectedOptionIndex, setSelectedOptionIndex, activeOptionIndex, onSelectedOptionSubmit, }?: UseVirtualizedComboboxOptions): ComboboxStore;

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

@@ -4,11 +4,11 @@ export type ContainerCssVariables = {
     root: '--container-size';
 };
 export interface ContainerProps extends BoxProps, StylesApiProps<ContainerFactory>, ElementProps<'div'> {
-    /** `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'` */
+    /** `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;
-    /** If set, the container takes 100% width of its parent and `size` prop is ignored. @default `false` */
+    /** If set, the container takes 100% width of its parent and `size` prop is ignored. @default false */
     fluid?: boolean;
-    /** Centering strategy @default `'block'` */
+    /** Centering strategy @default 'block' */
     strategy?: 'block' | 'grid';
 }
 export type ContainerFactory = Factory<{

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

@@ -1,2 +1,9 @@
+import type { ContainerCssVariables, ContainerFactory, ContainerProps, ContainerStylesNames } from './Container';
 export { Container } from './Container';
-export type { ContainerProps, ContainerCssVariables, ContainerFactory, ContainerStylesNames, } from './Container';
+export type { ContainerProps, ContainerStylesNames, ContainerCssVariables, ContainerFactory };
+export declare namespace Container {
+    type Props = ContainerProps;
+    type StylesNames = ContainerStylesNames;
+    type CssVariables = ContainerCssVariables;
+    type Factory = ContainerFactory;
+}

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

@@ -6,10 +6,13 @@ export interface CopyButtonProps {
     }) => React.ReactNode;
     /** Value that is copied to the clipboard when the button is clicked */
     value: string;
-    /** Copied status timeout in ms @default `1000` */
+    /** Copied status timeout in ms @default 1000 */
     timeout?: number;
 }
 export declare function CopyButton(props: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace CopyButton {
     var displayName: string;
 }
+export declare namespace CopyButton {
+    type Props = CopyButtonProps;
+}

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

@@ -7,19 +7,19 @@ export type DialogCssVariables = {
     root: '--dialog-size';
 };
 export interface DialogProps extends BoxProps, AffixBaseProps, PaperBaseProps, StylesApiProps<DialogFactory>, ElementProps<'div'> {
-    /** If set, dialog is not unmounted from the DOM when hidden, `display: none` styles are applied instead */
+    /** If set, the component uses `display: none` to hide the root element instead of removing the DOM node @default false */
     keepMounted?: boolean;
-    /** If set, the close button is displayed @default `true` */
+    /** If set, displays the close button @default true */
     withCloseButton?: boolean;
-    /** Called when the close button is clicked */
+    /** Called on close button click */
     onClose?: () => void;
     /** Dialog content */
     children?: React.ReactNode;
     /** Opened state */
     opened: boolean;
-    /** Props passed down to the underlying `Transition` component @default `{ transition: 'pop-top-right', duration: 200 }` */
+    /** Props passed down to the underlying `Transition` component @default { transition: 'pop-top-right', duration: 200 } */
     transitionProps?: TransitionOverride;
-    /** Controls `width` of the dialog @default `'md'` */
+    /** Controls `width` of the dialog @default 'md' */
     size?: MantineSize | (string & {}) | number;
 }
 export type DialogFactory = Factory<{

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

@@ -1,2 +1,9 @@
+import type { DialogCssVariables, DialogFactory, DialogProps, DialogStylesNames } from './Dialog';
 export { Dialog } from './Dialog';
-export type { DialogCssVariables, DialogFactory, DialogProps, DialogStylesNames } from './Dialog';
+export type { DialogProps, DialogStylesNames, DialogCssVariables, DialogFactory };
+export declare namespace Dialog {
+    type Props = DialogProps;
+    type StylesNames = DialogStylesNames;
+    type CssVariables = DialogCssVariables;
+    type Factory = DialogFactory;
+}

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

@@ -5,15 +5,15 @@ export type DividerCssVariables = {
     root: '--divider-color' | '--divider-border-style' | '--divider-size';
 };
 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 */
+    /** Key of `theme.colors` or any valid CSS color value */
     color?: MantineColor;
-    /** Controls width/height (depends on orientation) @default `'xs'` */
+    /** Controls width/height (depends on orientation) @default 'xs' */
     size?: MantineSize | number | (string & {});
-    /** Divider label, visible only when `orientation` is `horizontal` */
+    /** Divider label, visible only with `orientation="horizontal"` */
     label?: React.ReactNode;
-    /** Controls label position @default `'center'` */
+    /** Label position @default 'center' */
     labelPosition?: 'left' | 'center' | 'right';
-    /** Controls orientation @default `'horizontal'` */
+    /** Divider orientation @default 'horizontal' */
     orientation?: 'horizontal' | 'vertical';
 }
 export type DividerFactory = Factory<{

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

@@ -1,2 +1,10 @@
+import type { DividerCssVariables, DividerFactory, DividerProps, DividerStylesNames, DividerVariant } from './Divider';
 export { Divider } from './Divider';
-export type { DividerCssVariables, DividerFactory, DividerProps, DividerStylesNames, DividerVariant, } from './Divider';
+export type { DividerProps, DividerStylesNames, DividerCssVariables, DividerFactory, DividerVariant, };
+export declare namespace Divider {
+    type Props = DividerProps;
+    type StylesNames = DividerStylesNames;
+    type CssVariables = DividerCssVariables;
+    type Factory = DividerFactory;
+    type Variant = DividerVariant;
+}

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

@@ -1,13 +1,9 @@
 import { GetStylesApi, MantineRadius } from '../../core';
 import type { DrawerRootFactory } from './DrawerRoot';
 export type ScrollAreaComponent = React.FC<any>;
-interface DrawerContext {
+export interface DrawerContextValue {
     scrollAreaComponent: ScrollAreaComponent | undefined;
     getStyles: GetStylesApi<DrawerRootFactory>;
     radius: MantineRadius | undefined;
 }
-export declare const DrawerProvider: ({ children, value }: {
-    value: DrawerContext;
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useDrawerContext: () => DrawerContext;
-export {};
+export declare const DrawerProvider: import("react").Context<DrawerContextValue | null>, useDrawerContext: () => DrawerContextValue;

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;
-    /** If set, the overlay is displayed @default `true` */
+    /** 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;
-    /** If set, the close button is displayed @default `true` */
+    /** 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 @default `'div'` */
+    /** Scroll area component @default 'div' */
     scrollAreaComponent?: ScrollAreaComponent;
-    /** Side of the screen on which drawer will be opened @default `'left'` */
+    /** 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 @default `0` */
+    /** 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 @default `0` */
+    /** Drawer container offset from the viewport end @default 0 */
     offset?: number | string;
 }
 export type DrawerRootFactory = Factory<{

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

@@ -6,8 +6,7 @@ interface DrawerStackContext {
     currentId: string;
     maxZIndex: string | number;
 }
-declare const useDrawerStackContext: () => DrawerStackContext | null;
-export { useDrawerStackContext };
+export declare const DrawerStackContext: import("react").Context<DrawerStackContext | null>;
 export interface DrawerStackProps {
     children: React.ReactNode;
 }
@@ -15,3 +14,4 @@ export declare function DrawerStack({ children }: DrawerStackProps): import("rea
 export declare namespace DrawerStack {
     var displayName: string;
 }
+export {};

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

@@ -1,3 +1,13 @@
+import type { DrawerCssVariables, DrawerFactory, DrawerProps, DrawerStylesNames } from './Drawer';
+import type { DrawerContextValue } from './Drawer.context';
+import type { DrawerBodyProps } from './DrawerBody';
+import type { DrawerCloseButtonProps } from './DrawerCloseButton';
+import type { DrawerContentProps } from './DrawerContent';
+import type { DrawerHeaderProps } from './DrawerHeader';
+import type { DrawerOverlayProps } from './DrawerOverlay';
+import type { DrawerRootProps } from './DrawerRoot';
+import type { DrawerStackProps } from './DrawerStack';
+import type { DrawerTitleProps } from './DrawerTitle';
 export { Drawer } from './Drawer';
 export { DrawerRoot } from './DrawerRoot';
 export { DrawerBody } from './DrawerBody';
@@ -6,13 +16,6 @@ export { DrawerContent } from './DrawerContent';
 export { DrawerHeader } from './DrawerHeader';
 export { DrawerOverlay } from './DrawerOverlay';
 export { DrawerTitle } from './DrawerTitle';
-export { DrawerStack, useDrawerStackContext } from './DrawerStack';
-export type { DrawerCssVariables, DrawerFactory, DrawerProps, DrawerStylesNames } from './Drawer';
-export type { DrawerRootProps } from './DrawerRoot';
-export type { DrawerBodyProps } from './DrawerBody';
-export type { DrawerCloseButtonProps } from './DrawerCloseButton';
-export type { DrawerContentProps } from './DrawerContent';
-export type { DrawerHeaderProps } from './DrawerHeader';
-export type { DrawerOverlayProps } from './DrawerOverlay';
-export type { DrawerTitleProps } from './DrawerTitle';
-export type { DrawerStackProps } from './DrawerStack';
+export { DrawerStack, DrawerStackContext } from './DrawerStack';
+export { useDrawerContext } from './Drawer.context';
+export type { DrawerProps, DrawerStylesNames, DrawerCssVariables, DrawerFactory, DrawerRootProps, DrawerBodyProps, DrawerCloseButtonProps, DrawerContentProps, DrawerHeaderProps, DrawerOverlayProps, DrawerTitleProps, DrawerStackProps, DrawerContextValue, };

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` @default `theme.defaultRadius` */
+    /** 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/Fieldset/index.d.ts

@@ -1,2 +1,9 @@
+import type { FieldsetFactory, FieldsetProps, FieldsetStylesNames, FieldsetVariant } from './Fieldset';
 export { Fieldset } from './Fieldset';
-export type { FieldsetFactory, FieldsetProps, FieldsetStylesNames, FieldsetVariant, } from './Fieldset';
+export type { FieldsetProps, FieldsetStylesNames, FieldsetFactory, FieldsetVariant };
+export declare namespace Fieldset {
+    type Props = FieldsetProps;
+    type StylesNames = FieldsetStylesNames;
+    type Factory = FieldsetFactory;
+    type Variant = FieldsetVariant;
+}

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

@@ -1,4 +1,7 @@
+import React from 'react';
+import { Factory } from '../../core';
 export interface FileButtonProps<Multiple extends boolean = false> {
+    ref?: React.Ref<HTMLInputElement>;
     /** Called when files are picked */
     onChange: (payload: Multiple extends true ? File[] : File | null) => void;
     /** Function that receives button props and returns react node that should be rendered */
@@ -14,16 +17,27 @@ export interface FileButtonProps<Multiple extends boolean = false> {
     /** Input form attribute */
     form?: string;
     /** Reference of the function that should be called when value changes to null or empty array */
-    resetRef?: React.ForwardedRef<() => void>;
+    resetRef?: React.Ref<() => void>;
     /** Disables file picker */
     disabled?: boolean;
     /** Specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute. */
     capture?: boolean | 'user' | 'environment';
     /** Passes down props to the input element used to capture files */
-    inputProps?: React.ComponentPropsWithoutRef<'input'>;
+    inputProps?: React.ComponentProps<'input'>;
 }
-type FileButtonComponent = (<Multiple extends boolean = false>(props: FileButtonProps<Multiple>) => React.ReactElement) & {
+export type FileButtonFactory = Factory<{
+    props: FileButtonProps;
+    signature: <Multiple extends boolean = false>(props: FileButtonProps<Multiple>) => React.JSX.Element;
+}>;
+export declare const FileButton: (<Multiple extends boolean = false>(props: FileButtonProps<Multiple>) => React.JSX.Element) & import("../../core/factory/factory").ThemeExtend<{
+    props: FileButtonProps;
+    signature: <Multiple extends boolean = false>(props: FileButtonProps<Multiple>) => React.JSX.Element;
+}> & import("../../core/factory/factory").ComponentClasses<{
+    props: FileButtonProps;
+    signature: <Multiple extends boolean = false>(props: FileButtonProps<Multiple>) => React.JSX.Element;
+}> & Record<string, never> & import("../..").FactoryComponentWithProps<{
+    props: FileButtonProps;
+    signature: <Multiple extends boolean = false>(props: FileButtonProps<Multiple>) => React.JSX.Element;
+}> & {
     displayName?: string;
 };
-export declare const FileButton: FileButtonComponent;
-export {};

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

@@ -1,2 +1,7 @@
+import type { FileButtonFactory, FileButtonProps } from './FileButton';
 export { FileButton } from './FileButton';
-export type { FileButtonProps } from './FileButton';
+export type { FileButtonProps, FileButtonFactory };
+export declare namespace FileButton {
+    type Props<Multiple extends boolean = false> = FileButtonProps<Multiple>;
+    type Factory = FileButtonFactory;
+}

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

@@ -1,5 +1,5 @@
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
-import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
+import { __BaseInputProps, __InputStylesNames, ClearSectionMode, InputVariant } from '../Input';
 export interface FileInputProps<Multiple = false> extends BoxProps, __BaseInputProps, StylesApiProps<FileInputFactory>, ElementProps<'button', 'value' | 'defaultValue' | 'onChange' | 'placeholder'> {
     component?: any;
     /** Called when value changes */
@@ -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;
-    /** If set, user can pick more than one file @default `false` */
+    /** 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;
@@ -20,37 +20,48 @@ export interface FileInputProps<Multiple = false> extends BoxProps, __BaseInputP
     valueComponent?: React.FC<{
         value: null | File | File[];
     }>;
-    /** If set, the clear button is displayed in the right section @default `false` */
+    /** If set, the clear button is displayed in the right section @default false */
     clearable?: boolean;
+    /** Determines how the clear button and rightSection are rendered @default 'both' */
+    clearSectionMode?: ClearSectionMode;
     /** Props passed down to the clear button */
-    clearButtonProps?: React.ComponentPropsWithoutRef<'button'>;
+    clearButtonProps?: React.ComponentProps<'button'>;
     /** If set, the input value cannot be changed  */
     readOnly?: boolean;
     /** Specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute. */
     capture?: boolean | 'user' | 'environment';
-    /** Props passed down to the hidden input element which is used to capture files */
-    fileInputProps?: React.ComponentPropsWithoutRef<'input'>;
+    /** Props passed down to the hidden `input[type="file"]` */
+    fileInputProps?: React.ComponentProps<'input'>;
     /** Input placeholder */
     placeholder?: React.ReactNode;
     /** Reference of the function that should be called when value changes to null or empty array */
-    resetRef?: React.ForwardedRef<() => void>;
+    resetRef?: React.Ref<() => void>;
 }
 export type FileInputFactory = Factory<{
     props: FileInputProps;
     ref: HTMLButtonElement;
     stylesNames: __InputStylesNames | 'placeholder';
     variant: InputVariant;
+    signature: <Multiple extends boolean = false>(props: FileInputProps<Multiple>) => React.JSX.Element;
 }>;
-declare const _FileInput: import("../..").MantineComponent<{
+export declare const FileInput: (<Multiple extends boolean = false>(props: FileInputProps<Multiple>) => React.JSX.Element) & import("../../core/factory/factory").ThemeExtend<{
     props: FileInputProps;
     ref: HTMLButtonElement;
     stylesNames: __InputStylesNames | "placeholder";
     variant: InputVariant;
-}>;
-type FileInputComponent = (<Multiple extends boolean = false>(props: FileInputProps<Multiple> & {
-    ref?: React.ForwardedRef<HTMLButtonElement>;
-}) => React.JSX.Element) & {
-    extend: typeof _FileInput.extend;
+    signature: <Multiple extends boolean = false>(props: FileInputProps<Multiple>) => React.JSX.Element;
+}> & import("../../core/factory/factory").ComponentClasses<{
+    props: FileInputProps;
+    ref: HTMLButtonElement;
+    stylesNames: __InputStylesNames | "placeholder";
+    variant: InputVariant;
+    signature: <Multiple extends boolean = false>(props: FileInputProps<Multiple>) => React.JSX.Element;
+}> & Record<string, never> & import("../..").FactoryComponentWithProps<{
+    props: FileInputProps;
+    ref: HTMLButtonElement;
+    stylesNames: __InputStylesNames | "placeholder";
+    variant: InputVariant;
+    signature: <Multiple extends boolean = false>(props: FileInputProps<Multiple>) => React.JSX.Element;
+}> & {
+    displayName?: string;
 };
-export declare const FileInput: FileInputComponent;
-export {};

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

@@ -1,2 +1,7 @@
+import type { FileInputFactory, FileInputProps } from './FileInput';
 export { FileInput } from './FileInput';
-export type { FileInputFactory, FileInputProps } from './FileInput';
+export type { FileInputProps, FileInputFactory };
+export declare namespace FileInput {
+    type Props<Multiple extends boolean = false> = FileInputProps<Multiple>;
+    type Factory = FileInputFactory;
+}

package/lib/components/Flex/Flex.d.ts

@@ -24,7 +24,7 @@ export type FlexFactory = PolymorphicFactory<{
 }>;
 export declare const Flex: (<C = "div">(props: import("../..").PolymorphicComponentProps<C, FlexProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(FlexProps & {
     component?: any;
-} & Omit<Omit<any, "ref">, "component" | keyof FlexProps> & {
+} & Omit<any, "component" | keyof FlexProps> & {
     ref?: any;
     renderRoot?: (props: any) => any;
 }) | (FlexProps & {

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

@@ -1,3 +1,9 @@
+import type { FlexFactory, FlexProps, FlexStylesNames } from './Flex';
 export { FLEX_STYLE_PROPS_DATA } from './flex-props';
 export { Flex } from './Flex';
-export type { FlexFactory, FlexProps, FlexStylesNames } from './Flex';
+export type { FlexProps, FlexStylesNames, FlexFactory };
+export declare namespace Flex {
+    type Props = FlexProps;
+    type StylesNames = FlexStylesNames;
+    type Factory = FlexFactory;
+}