@mantine/core 7.6.0-alpha.1 → 7.6.1

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

@@ -4,15 +4,17 @@ interface UseComboboxTargetPropsInput {
     withKeyboardNavigation: boolean | undefined;
     withExpandedAttribute: boolean | undefined;
     onKeyDown: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    autoComplete: string | undefined;
 }
-export declare function useComboboxTargetProps({ onKeyDown, withKeyboardNavigation, withAriaAttributes, withExpandedAttribute, targetType, }: UseComboboxTargetPropsInput): {
+export declare function useComboboxTargetProps({ onKeyDown, withKeyboardNavigation, withAriaAttributes, withExpandedAttribute, targetType, autoComplete, }: UseComboboxTargetPropsInput): {
     onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     'aria-haspopup': string;
     'aria-expanded': true | undefined;
     'aria-controls': string | null;
     'aria-activedescendant': string | undefined;
-    autoComplete: string;
-    'data-expanded': boolean | undefined;
+    autoComplete: string | undefined;
+    'data-expanded': true | undefined;
+    'data-mantine-stop-propagation': true | undefined;
 } | {
     onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     'aria-haspopup'?: undefined;
@@ -21,5 +23,6 @@ export declare function useComboboxTargetProps({ onKeyDown, withKeyboardNavigati
     'aria-activedescendant'?: undefined;
     autoComplete?: undefined;
     'data-expanded'?: undefined;
+    'data-mantine-stop-propagation'?: undefined;
 };
 export {};

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

@@ -39,8 +39,16 @@ export type FileInputFactory = Factory<{
     stylesNames: __InputStylesNames;
     variant: InputVariant;
 }>;
-type FileInputComponent = <Multiple extends boolean = false>(props: FileInputProps<Multiple> & {
+declare const _FileInput: import("../../core").MantineComponent<{
+    props: FileInputProps;
+    ref: HTMLButtonElement;
+    stylesNames: __InputStylesNames;
+    variant: InputVariant;
+}>;
+type FileInputComponent = (<Multiple extends boolean = false>(props: FileInputProps<Multiple> & {
     ref?: React.ForwardedRef<HTMLButtonElement>;
-}) => JSX.Element;
+}) => JSX.Element) & {
+    extend: typeof _FileInput.extend;
+};
 export declare const FileInput: FileInputComponent;
 export {};

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

@@ -23,7 +23,7 @@ export type FlexFactory = PolymorphicFactory<{
     defaultComponent: 'div';
     stylesNames: FlexStylesNames;
 }>;
-export declare const Flex: (<C = "div">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, FlexProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(FlexProps & {
+export declare const Flex: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, FlexProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(FlexProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof FlexProps> & {
     ref?: any;

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

@@ -2,4 +2,4 @@ export { useDelayedHover } from './use-delayed-hover';
 export { useFloatingAutoUpdate } from './use-floating-auto-update';
 export { getFloatingPosition } from './get-floating-position/get-floating-position';
 export { FloatingArrow } from './FloatingArrow/FloatingArrow';
-export type { FloatingPosition, FloatingPlacement, FloatingSide, ArrowPosition, FloatingAxesOffsets, } from './types';
+export type { FloatingPosition, FloatingPlacement, FloatingSide, ArrowPosition, FloatingAxesOffsets, FloatingStrategy, } from './types';

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

@@ -2,6 +2,7 @@ export type FloatingPlacement = 'end' | 'start';
 export type FloatingSide = 'top' | 'right' | 'bottom' | 'left';
 export type FloatingPosition = FloatingSide | `${FloatingSide}-${FloatingPlacement}`;
 export type ArrowPosition = 'center' | 'side';
+export type FloatingStrategy = 'absolute' | 'fixed';
 export interface FloatingAxesOffsets {
     mainAxis?: number;
     crossAxis?: number;

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

@@ -18,7 +18,7 @@ export type HighlightFactory = PolymorphicFactory<{
     stylesNames: TextStylesNames;
     variant: TextVariant;
 }>;
-export declare const Highlight: (<C = "div">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, HighlightProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(HighlightProps & {
+export declare const Highlight: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, HighlightProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(HighlightProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof HighlightProps> & {
     ref?: any;

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

@@ -23,7 +23,7 @@ export type ImageFactory = PolymorphicFactory<{
     stylesNames: ImageStylesNames;
     vars: ImageCssVariables;
 }>;
-export declare const Image: (<C = "img">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, ImageProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(ImageProps & {
+export declare const Image: (<C = "img">(props: import("../../core").PolymorphicComponentProps<C, ImageProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(ImageProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof ImageProps> & {
     ref?: any;

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

@@ -12,6 +12,8 @@ export interface InlineInputProps extends BoxProps, StylesApiProps<InlineInputFa
     error: React.ReactNode;
     size: MantineSize | (string & {}) | undefined;
     labelPosition?: 'left' | 'right';
+    bodyElement?: any;
+    labelElement?: any;
 }
 export type InlineInputFactory = Factory<{
     props: any;

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

@@ -80,7 +80,7 @@ export type InputFactory = PolymorphicFactory<{
         Wrapper: typeof InputWrapper;
     };
 }>;
-export declare const Input: (<C = "input">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, InputProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(InputProps & {
+export declare const Input: (<C = "input">(props: import("../../core").PolymorphicComponentProps<C, InputProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(InputProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof InputProps> & {
     ref?: any;

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

@@ -8,7 +8,7 @@ interface BaseProps extends __BaseInputProps, BoxProps, StylesApiProps<{
     __stylesApiProps?: Record<string, any>;
     id?: string;
 }
-export declare function useInputProps<T extends BaseProps, U extends Partial<T>>(component: string, defaultProps: U, _props: T): Omit<T & { [Key in Extract<keyof T, never>]-?: {}[Key] | NonNullable<T[Key]>; }, "styles" | "style" | "vars" | "size" | "variant" | "className" | "unstyled" | "classNames" | "label" | "error" | "id" | "mod" | "__staticSelector" | "required" | "description" | "__stylesApiProps" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "wrapperProps"> & {
+export declare function useInputProps<T extends BaseProps, U extends Partial<T>>(component: string, defaultProps: U, _props: T): Omit<T & { [Key in Extract<keyof T, never>]-?: {}[Key] | NonNullable<T[Key]>; }, "label" | "style" | "size" | "styles" | "className" | "id" | "vars" | "variant" | "unstyled" | "classNames" | "required" | "mod" | "error" | "description" | "__staticSelector" | "__stylesApiProps" | "withAsterisk" | "labelProps" | "descriptionProps" | "errorProps" | "inputContainer" | "inputWrapperOrder" | "wrapperProps"> & {
     classNames: Partial<Record<string, string>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, string>>) | undefined;
     styles: Partial<Record<string, import("../../core").CSSProperties>> | ((theme: import("../../core").MantineTheme, props: any, ctx: unknown) => Partial<Record<string, import("../../core").CSSProperties>>) | undefined;
     unstyled: boolean | undefined;
@@ -29,7 +29,7 @@ export declare function useInputProps<T extends BaseProps, U extends Partial<T>>
         size: (string & {}) | import("../../core").MantineSize | undefined;
         style: import("../../core").MantineStyleProp;
         inputContainer: ((children: import("react").ReactNode) => import("react").ReactNode) | undefined;
-        inputWrapperOrder: ("label" | "input" | "error" | "description")[] | undefined;
+        inputWrapperOrder: ("input" | "label" | "error" | "description")[] | undefined;
         withAsterisk: boolean | undefined;
         variant: string | undefined;
         id: string | undefined;

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

@@ -18,7 +18,7 @@ export type InputBaseFactory = PolymorphicFactory<{
     stylesNames: __InputStylesNames;
     variant: InputVariant;
 }>;
-export declare const InputBase: (<C = "input">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, InputBaseProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(InputBaseProps & {
+export declare const InputBase: (<C = "input">(props: import("../../core").PolymorphicComponentProps<C, InputBaseProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(InputBaseProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof InputBaseProps> & {
     ref?: any;

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

@@ -57,7 +57,7 @@ export declare namespace Menu {
     }>;
     var classes: Record<string, string>;
     var displayName: string;
-    var Item: (<C = "button">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, import("./MenuItem/MenuItem").MenuItemProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(import("./MenuItem/MenuItem").MenuItemProps & {
+    var Item: (<C = "button">(props: import("../../core").PolymorphicComponentProps<C, import("./MenuItem/MenuItem").MenuItemProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(import("./MenuItem/MenuItem").MenuItemProps & {
         component?: any;
     } & Omit<Omit<any, "ref">, "component" | keyof import("./MenuItem/MenuItem").MenuItemProps> & {
         ref?: any;

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

@@ -22,7 +22,7 @@ export type MenuItemFactory = PolymorphicFactory<{
     stylesNames: MenuItemStylesNames;
     compound: true;
 }>;
-export declare const MenuItem: (<C = "button">(props: import("../../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, MenuItemProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(MenuItemProps & {
+export declare const MenuItem: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, MenuItemProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(MenuItemProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof MenuItemProps> & {
     ref?: any;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { __CloseButtonProps } from '../CloseButton';
-import { ComboboxLikeProps, ComboboxLikeStylesNames } from '../Combobox';
+import { ComboboxItem, ComboboxLikeProps, ComboboxLikeRenderOptionInput, ComboboxLikeStylesNames } from '../Combobox';
 import { __BaseInputProps, __InputStylesNames } from '../Input';
 export type MultiSelectStylesNames = __InputStylesNames | ComboboxLikeStylesNames | 'pill' | 'pillsList' | 'inputField';
 export interface MultiSelectProps extends BoxProps, __BaseInputProps, ComboboxLikeProps, StylesApiProps<MultiSelectFactory>, ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {
@@ -11,6 +11,10 @@ export interface MultiSelectProps extends BoxProps, __BaseInputProps, ComboboxLi
     defaultValue?: string[];
     /** Called whe value changes */
     onChange?: (value: string[]) => void;
+    /** Called with `value` of the removed item */
+    onRemove?: (value: string) => void;
+    /** Called when the clear button is clicked */
+    onClear?: () => void;
     /** Controlled search value */
     searchValue?: string;
     /** Default search value */
@@ -37,6 +41,8 @@ export interface MultiSelectProps extends BoxProps, __BaseInputProps, ComboboxLi
     hiddenInputProps?: React.ComponentPropsWithoutRef<'input'>;
     /** Divider used to separate values in the hidden input `value` attribute, `','` by default */
     hiddenInputValuesDivider?: string;
+    /** A function to render content of the option, replaces the default content of the option */
+    renderOption?: (item: ComboboxLikeRenderOptionInput<ComboboxItem>) => React.ReactNode;
 }
 export type MultiSelectFactory = Factory<{
     props: MultiSelectProps;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BoxProps, MantineColor, MantineSize, PolymorphicFactory, StylesApiProps } from '../../core';
-export type NavLinkStylesNames = 'root' | 'section' | 'body' | 'label' | 'description' | 'chevron' | 'children';
+export type NavLinkStylesNames = 'root' | 'section' | 'body' | 'label' | 'description' | 'chevron' | 'collapse' | 'children';
 export type NavLinkVariant = 'filled' | 'light' | 'subtle';
 export type NavLinkCssVariables = {
     root: '--nl-color' | '--nl-bg' | '--nl-hover';
@@ -50,7 +50,7 @@ export type NavLinkFactory = PolymorphicFactory<{
     vars: NavLinkCssVariables;
     variant: NavLinkVariant;
 }>;
-export declare const NavLink: (<C = "a">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, NavLinkProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(NavLinkProps & {
+export declare const NavLink: (<C = "a">(props: import("../../core").PolymorphicComponentProps<C, NavLinkProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(NavLinkProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof NavLinkProps> & {
     ref?: any;

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

@@ -31,7 +31,7 @@ export type OverlayFactory = PolymorphicFactory<{
     stylesNames: OverlayStylesNames;
     vars: OverlayCssVariables;
 }>;
-export declare const Overlay: (<C = "div">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, OverlayProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(OverlayProps & {
+export declare const Overlay: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, OverlayProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(OverlayProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof OverlayProps> & {
     ref?: any;

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

@@ -11,7 +11,7 @@ export interface PaginationEdgeProps extends BoxProps {
     /** An icon component to replace the default icon */
     icon?: React.FC<PaginationIconProps>;
 }
-export declare function createEdgeComponent({ icon, name, action, type }: CreateEdgeComponent): (<C = "button">(props: import("../../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
+export declare function createEdgeComponent({ icon, name, action, type }: CreateEdgeComponent): (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
@@ -20,7 +20,7 @@ export declare function createEdgeComponent({ icon, name, action, type }: Create
     component: React.ElementType<any>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;
-export declare const PaginationNext: (<C = "button">(props: import("../../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
+export declare const PaginationNext: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
@@ -29,7 +29,7 @@ export declare const PaginationNext: (<C = "button">(props: import("../../../cor
     component: React.ElementType<any>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;
-export declare const PaginationPrevious: (<C = "button">(props: import("../../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
+export declare const PaginationPrevious: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
@@ -38,7 +38,7 @@ export declare const PaginationPrevious: (<C = "button">(props: import("../../..
     component: React.ElementType<any>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;
-export declare const PaginationFirst: (<C = "button">(props: import("../../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
+export declare const PaginationFirst: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;
@@ -47,7 +47,7 @@ export declare const PaginationFirst: (<C = "button">(props: import("../../../co
     component: React.ElementType<any>;
     renderRoot?: ((props: Record<string, any>) => any) | undefined;
 })>, never> & Record<string, never>;
-export declare const PaginationLast: (<C = "button">(props: import("../../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
+export declare const PaginationLast: (<C = "button">(props: import("../../../core").PolymorphicComponentProps<C, PaginationEdgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaginationEdgeProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaginationEdgeProps> & {
     ref?: any;

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

@@ -21,7 +21,7 @@ export type PaperFactory = PolymorphicFactory<{
     stylesNames: PaperStylesNames;
     vars: PaperCssVariables;
 }>;
-export declare const Paper: (<C = "div">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, PaperProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaperProps & {
+export declare const Paper: (<C = "div">(props: import("../../core").PolymorphicComponentProps<C, PaperProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(PaperProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof PaperProps> & {
     ref?: any;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Factory, MantineRadius, MantineShadow, StylesApiProps } from '../../core';
-import { ArrowPosition, FloatingAxesOffsets, FloatingPosition } from '../Floating';
+import { ArrowPosition, FloatingAxesOffsets, FloatingPosition, FloatingStrategy } from '../Floating';
 import { PortalProps } from '../Portal';
 import { TransitionOverride } from '../Transition';
 import { PopoverMiddlewares, PopoverWidth } from './Popover.types';
@@ -21,7 +21,7 @@ export interface __PopoverProps {
     onClose?: () => void;
     /** Called when dropdown opens */
     onOpen?: () => void;
-    /** If set dropdown will not be unmounted from the DOM when it is hidden, `display: none` styles will be added instead, `false` by default */
+    /** If set dropdown will not be unmounted from the DOM when it is hidden, `display: none` styles will be added instead */
     keepMounted?: boolean;
     /** Props passed down to the `Transition` component that used to animate dropdown presence, use to configure duration and animation type, `{ duration: 150, transition: 'fade' }` by default */
     transitionProps?: TransitionOverride;
@@ -53,6 +53,8 @@ export interface __PopoverProps {
     disabled?: boolean;
     /** Determines whether focus should be automatically returned to control when dropdown closes, `false` by default */
     returnFocus?: boolean;
+    /** Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy), `'absolute'` by default */
+    floatingStrategy?: FloatingStrategy;
 }
 export interface PopoverProps extends __PopoverProps, StylesApiProps<PopoverFactory> {
     __staticSelector?: string;

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

@@ -1,4 +1,4 @@
-import { FloatingAxesOffsets, FloatingPosition } from '../Floating';
+import { FloatingAxesOffsets, FloatingPosition, FloatingStrategy } from '../Floating';
 import { PopoverMiddlewares, PopoverWidth } from './Popover.types';
 interface UsePopoverOptions {
     offset: number | FloatingAxesOffsets;
@@ -14,6 +14,7 @@ interface UsePopoverOptions {
     middlewares: PopoverMiddlewares | undefined;
     arrowRef: React.RefObject<HTMLDivElement>;
     arrowOffset: number;
+    strategy?: FloatingStrategy;
 }
 export declare function usePopover(options: UsePopoverOptions): {
     floating: {

package/lib/components/Select/Select.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { __CloseButtonProps } from '../CloseButton';
-import { ComboboxItem, ComboboxLikeProps, ComboboxLikeStylesNames } from '../Combobox';
+import { ComboboxItem, ComboboxLikeProps, ComboboxLikeRenderOptionInput, ComboboxLikeStylesNames } from '../Combobox';
 import { __BaseInputProps, __InputStylesNames, InputVariant } from '../Input';
 export type SelectStylesNames = __InputStylesNames | ComboboxLikeStylesNames;
 export interface SelectProps extends BoxProps, __BaseInputProps, ComboboxLikeProps, StylesApiProps<SelectFactory>, ElementProps<'input', 'onChange' | 'size' | 'value' | 'defaultValue'> {
@@ -11,6 +11,8 @@ export interface SelectProps extends BoxProps, __BaseInputProps, ComboboxLikePro
     defaultValue?: string | null;
     /** Called when value changes */
     onChange?: (value: string | null, option: ComboboxItem) => void;
+    /** Called when the clear button is clicked */
+    onClear?: () => void;
     /** Determines whether the select should be searchable, `false` by default */
     searchable?: boolean;
     /** Determines whether check icon should be displayed near the selected option label, `true` by default */
@@ -33,6 +35,8 @@ export interface SelectProps extends BoxProps, __BaseInputProps, ComboboxLikePro
     clearButtonProps?: __CloseButtonProps & ElementProps<'button'>;
     /** Props passed down to the hidden input */
     hiddenInputProps?: React.ComponentPropsWithoutRef<'input'>;
+    /** A function to render content of the option, replaces the default content of the option */
+    renderOption?: (item: ComboboxLikeRenderOptionInput<ComboboxItem>) => React.ReactNode;
 }
 export type SelectFactory = Factory<{
     props: SelectProps;

package/lib/components/TagsInput/TagsInput.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BoxProps, ElementProps, Factory, StylesApiProps } from '../../core';
 import { __CloseButtonProps } from '../CloseButton';
-import { ComboboxLikeProps, ComboboxLikeStylesNames, ComboboxStringData } from '../Combobox';
+import { ComboboxLikeProps, ComboboxLikeRenderOptionInput, ComboboxLikeStylesNames, ComboboxStringData, ComboboxStringItem } from '../Combobox';
 import { __BaseInputProps, __InputStylesNames } from '../Input';
 export type TagsInputStylesNames = __InputStylesNames | ComboboxLikeStylesNames | 'pill' | 'pillsList' | 'inputField';
 export interface TagsInputProps extends BoxProps, __BaseInputProps, Omit<ComboboxLikeProps, 'data'>, StylesApiProps<TagsInputFactory>, ElementProps<'input', 'size' | 'value' | 'defaultValue' | 'onChange'> {
@@ -13,6 +13,10 @@ export interface TagsInputProps extends BoxProps, __BaseInputProps, Omit<Combobo
     defaultValue?: string[];
     /** Called whe value changes */
     onChange?: (value: string[]) => void;
+    /** Called when tag is removed */
+    onRemove?: (value: string) => void;
+    /** Called whe the clear button is clicked */
+    onClear?: () => void;
     /** Controlled search value */
     searchValue?: string;
     /** Default search value */
@@ -35,6 +39,8 @@ export interface TagsInputProps extends BoxProps, __BaseInputProps, Omit<Combobo
     hiddenInputProps?: React.ComponentPropsWithoutRef<'input'>;
     /** Divider used to separate values in the hidden input `value` attribute, `','` by default */
     hiddenInputValuesDivider?: string;
+    /** A function to render content of the option, replaces the default content of the option */
+    renderOption?: (input: ComboboxLikeRenderOptionInput<ComboboxStringItem>) => React.ReactNode;
 }
 export type TagsInputFactory = Factory<{
     props: TagsInputProps;

package/lib/components/Text/Text.d.ts

@@ -33,7 +33,7 @@ export type TextFactory = PolymorphicFactory<{
     vars: TextCssVariables;
     variant: TextVariant;
 }>;
-export declare const Text: (<C = "p">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, TextProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(TextProps & {
+export declare const Text: (<C = "p">(props: import("../../core").PolymorphicComponentProps<C, TextProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(TextProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof TextProps> & {
     ref?: any;

package/lib/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import { Factory } from '../../core';
-import { ArrowPosition, FloatingAxesOffsets, FloatingPosition } from '../Floating';
+import { ArrowPosition, FloatingAxesOffsets, FloatingPosition, FloatingStrategy } from '../Floating';
 import { TransitionOverride } from '../Transition';
 import { TooltipBaseProps, TooltipCssVariables, TooltipStylesNames } from './Tooltip.types';
 import { TooltipFloating } from './TooltipFloating/TooltipFloating';
@@ -39,6 +39,8 @@ export interface TooltipProps extends TooltipBaseProps {
     inline?: boolean;
     /** If set, the tooltip will not be unmounted from the DOM when it is hidden, `display: none` styles will be applied instead */
     keepMounted?: boolean;
+    /** Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy), `'absolute'` by default */
+    floatingStrategy?: FloatingStrategy;
 }
 export type TooltipFactory = Factory<{
     props: TooltipProps;

package/lib/components/Tooltip/use-tooltip.d.ts

@@ -1,4 +1,4 @@
-import { FloatingAxesOffsets, FloatingPosition } from '../Floating';
+import { FloatingAxesOffsets, FloatingPosition, FloatingStrategy } from '../Floating';
 interface UseTooltip {
     position: FloatingPosition;
     closeDelay?: number;
@@ -15,6 +15,7 @@ interface UseTooltip {
     };
     positionDependencies: any[];
     inline?: boolean;
+    strategy?: FloatingStrategy;
 }
 export declare function useTooltip(settings: UseTooltip): {
     x: number;

package/lib/components/UnstyledButton/UnstyledButton.d.ts

@@ -10,7 +10,7 @@ export type UnstyledButtonFactory = PolymorphicFactory<{
     defaultComponent: 'button';
     defaultRef: HTMLButtonElement;
 }>;
-export declare const UnstyledButton: (<C = "button">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, UnstyledButtonProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(UnstyledButtonProps & {
+export declare const UnstyledButton: (<C = "button">(props: import("../../core").PolymorphicComponentProps<C, UnstyledButtonProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(UnstyledButtonProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof UnstyledButtonProps> & {
     ref?: any;

package/lib/core/Box/Box.d.ts

@@ -29,7 +29,7 @@ export interface BoxComponentProps extends BoxProps {
     /** Size passed from parent component, sets `data-size` if value is not number like */
     size?: string | number;
 }
-export declare const Box: (<C = "div">(props: import("../factory/create-polymorphic-component").PolymorphicComponentProps<C, BoxComponentProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(BoxComponentProps & {
+export declare const Box: (<C = "div">(props: import("../factory").PolymorphicComponentProps<C, BoxComponentProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(BoxComponentProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof BoxComponentProps> & {
     ref?: any;

package/lib/core/Box/style-props/style-props.types.d.ts

@@ -6,6 +6,8 @@ export interface MantineStyleProps {
     mx?: StyleProp<MantineSpacing>;
     mt?: StyleProp<MantineSpacing>;
     mb?: StyleProp<MantineSpacing>;
+    ms?: StyleProp<MantineSpacing>;
+    me?: StyleProp<MantineSpacing>;
     ml?: StyleProp<MantineSpacing>;
     mr?: StyleProp<MantineSpacing>;
     p?: StyleProp<MantineSpacing>;
@@ -13,6 +15,8 @@ export interface MantineStyleProps {
     px?: StyleProp<MantineSpacing>;
     pt?: StyleProp<MantineSpacing>;
     pb?: StyleProp<MantineSpacing>;
+    ps?: StyleProp<MantineSpacing>;
+    pe?: StyleProp<MantineSpacing>;
     pl?: StyleProp<MantineSpacing>;
     pr?: StyleProp<MantineSpacing>;
     bg?: StyleProp<MantineColor>;

package/lib/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.d.ts

@@ -1,2 +1,2 @@
 import { UseMediaQueryOptions } from '@mantine/hooks';
-export declare function useComputedColorScheme(defaultValue?: 'light' | 'dark', options?: UseMediaQueryOptions): "dark" | "light";
+export declare function useComputedColorScheme(defaultValue?: 'light' | 'dark', options?: UseMediaQueryOptions): "light" | "dark";

package/lib/core/factory/index.d.ts

@@ -2,4 +2,5 @@ export { factory } from './factory';
 export { polymorphicFactory } from './polymorphic-factory';
 export { createPolymorphicComponent } from './create-polymorphic-component';
 export type { FactoryPayload, ExtendComponent, MantineComponent, MantineComponentStaticProperties, } from './factory';
+export type { PolymorphicComponentProps, PolymorphicRef } from './create-polymorphic-component';
 export type { Factory, PolymorphicFactory } from './create-factory';

package/lib/index.d.mts

@@ -1,3 +1,3 @@
 export { RemoveScroll } from 'react-remove-scroll';
-export * from './core';
-export * from './components';
+export * from './core/index.js';
+export * from './components/index.js';

package/lib/index.d.ts

@@ -1,3 +1,3 @@
 export { RemoveScroll } from 'react-remove-scroll';
-export * from './core';
-export * from './components';
+export * from './core/index.js';
+export * from './components/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/core",
-  "version": "7.6.0-alpha.1",
+  "version": "7.6.1",
   "description": "React components library focused on usability, accessibility and developer experience",
   "homepage": "https://mantine.dev/",
   "license": "MIT",
@@ -43,7 +43,7 @@
     "directory": "packages/@mantine/core"
   },
   "peerDependencies": {
-    "@mantine/hooks": "7.6.0-alpha.1",
+    "@mantine/hooks": "7.6.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -56,7 +56,7 @@
     "type-fest": "^3.13.1"
   },
   "devDependencies": {
-    "@mantine-tests/core": "1.0.1",
-    "@mantine/hooks": "7.6.0-alpha.1"
+    "@mantine-tests/core": "1.1.0",
+    "@mantine/hooks": "7.6.1"
   }
 }