@mantine/core 8.0.2 → 8.1.1

package/esm/index.mjs

@@ -203,10 +203,9 @@ export { DrawerStack, useDrawerStackContext } from './components/Drawer/DrawerSt
 export { Fieldset } from './components/Fieldset/Fieldset.mjs';
 export { FileButton } from './components/FileButton/FileButton.mjs';
 export { FileInput } from './components/FileInput/FileInput.mjs';
-export { useDelayedHover } from './components/Floating/use-delayed-hover.mjs';
-export { useFloatingAutoUpdate } from './components/Floating/use-floating-auto-update.mjs';
-export { getFloatingPosition } from './components/Floating/get-floating-position/get-floating-position.mjs';
 export { FloatingArrow } from './components/Floating/FloatingArrow/FloatingArrow.mjs';
+export { getFloatingPosition } from './components/Floating/get-floating-position/get-floating-position.mjs';
+export { useDelayedHover } from './components/Floating/use-delayed-hover.mjs';
 export { FocusTrap, FocusTrapInitialFocus } from './components/FocusTrap/FocusTrap.mjs';
 export { Grid } from './components/Grid/Grid.mjs';
 export { GridCol } from './components/Grid/GridCol/GridCol.mjs';

package/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 import { BoxProps, ElementProps, Factory, MantineSize, StylesApiProps } from '../../core';
-import { PortalProps } from '../Portal';
+import { BasePortalProps } from '../Portal';
 export type AffixStylesNames = 'root';
 export type AffixCssVariables = {
     root: '--affix-z-index' | '--affix-top' | '--affix-left' | '--affix-bottom' | '--affix-right';
@@ -10,7 +10,7 @@ export interface AffixBaseProps {
     /** Determines whether component should be rendered within portal, `true` by default */
     withinPortal?: boolean;
     /** Props to pass down to the `Portal` component when `withinPortal` is set */
-    portalProps?: Omit<PortalProps, 'children'>;
+    portalProps?: BasePortalProps;
     /** Affix position on screen, defaults value is `{ bottom: 0, right: 0 }` */
     position?: {
         top?: MantineSize | (string & {}) | number;

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

@@ -13,7 +13,7 @@ export type AppShellCssVariables = {
 export interface AppShellProps extends BoxProps, StylesApiProps<AppShellFactory>, ElementProps<'div'> {
     /** Determines whether associated components should have a border, `true` by default */
     withBorder?: boolean;
-    /** Controls padding of the main section, `0` by default. !important!: use `padding` prop instead of `p`. */
+    /** Controls padding of the main section, `0` by default. !important: use `padding` prop instead of `p`. */
     padding?: MantineSpacing | AppShellResponsiveSize;
     /** AppShell.Navbar configuration, controls width, breakpoints and collapsed state. Required if you use AppShell.Navbar component. */
     navbar?: AppShellNavbarConfiguration;

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

@@ -48,11 +48,11 @@ export interface ComboboxStore {
     /** Sets list id */
     setListId: (id: string) => void;
     /** Ref of `Combobox.Search` input */
-    searchRef: React.MutableRefObject<HTMLInputElement | null>;
+    searchRef: React.RefObject<HTMLInputElement | null>;
     /** Moves focus to `Combobox.Search` input */
     focusSearchInput: () => void;
     /** Ref of the target element */
-    targetRef: React.MutableRefObject<HTMLElement | null>;
+    targetRef: React.RefObject<HTMLElement | null>;
     /** Moves focus to the target element */
     focusTarget: () => void;
 }

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

@@ -8,9 +8,9 @@ interface UseComboboxTargetPropsInput {
 }
 export declare function useComboboxTargetProps({ onKeyDown, withKeyboardNavigation, withAriaAttributes, withExpandedAttribute, targetType, autoComplete, }: UseComboboxTargetPropsInput): {
     onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    'aria-haspopup': string;
+    'aria-haspopup': "listbox";
     'aria-expanded': true | undefined;
-    'aria-controls': string | null | undefined;
+    'aria-controls': string | undefined;
     'aria-activedescendant': string | undefined;
     autoComplete: string | undefined;
     'data-expanded': true | undefined;

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

@@ -1,5 +1,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, FloatingStrategy, } from './types';
+export { getFloatingPosition } from './get-floating-position/get-floating-position';
+export { useDelayedHover } from './use-delayed-hover';
+export type { ArrowPosition, FloatingAxesOffsets, FloatingPlacement, FloatingPosition, FloatingSide, FloatingStrategy, } from './types';

package/lib/components/ModalBase/ModalBase.d.ts

@@ -1,6 +1,6 @@
 import { RemoveScroll } from 'react-remove-scroll';
 import { BoxProps, ElementProps, MantineShadow, MantineSize, MantineSpacing } from '../../core';
-import { PortalProps } from '../Portal';
+import { BasePortalProps } from '../Portal';
 import { TransitionOverride } from '../Transition';
 type RemoveScrollProps = Omit<React.ComponentProps<typeof RemoveScroll>, 'children'>;
 export interface ModalBaseProps extends BoxProps, ElementProps<'div', 'title'> {
@@ -20,7 +20,7 @@ export interface ModalBaseProps extends BoxProps, ElementProps<'div', 'title'> {
     /** Determines whether the component should be rendered inside `Portal`, `true` by default */
     withinPortal?: boolean;
     /** Props passed down to the Portal component when `withinPortal` is set */
-    portalProps?: Omit<PortalProps, 'children'>;
+    portalProps?: BasePortalProps;
     /** Modal/drawer content */
     children?: React.ReactNode;
     /** Determines whether the modal/drawer should be closed when user clicks on the overlay, `true` by default */

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

@@ -1,6 +1,6 @@
 import { ClassNames, GetStylesApi, MantineRadius, MantineShadow, Styles } from '../../core';
 import { ArrowPosition, FloatingPosition, FloatingStrategy } from '../Floating';
-import { PortalProps } from '../Portal';
+import { BasePortalProps } from '../Portal';
 import { TransitionOverride } from '../Transition';
 import type { PopoverFactory } from './Popover';
 import { PopoverWidth } from './Popover.types';
@@ -23,7 +23,7 @@ interface PopoverContext {
     trapFocus: boolean | undefined;
     placement: FloatingPosition;
     withinPortal: boolean | undefined;
-    portalProps?: Omit<PortalProps, 'children'>;
+    portalProps?: BasePortalProps;
     closeOnEscape: boolean | undefined;
     zIndex: string | number | undefined;
     radius?: MantineRadius | undefined;

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

@@ -1,7 +1,7 @@
 import { ElementProps, ExtendComponent, Factory, MantineRadius, MantineShadow, StylesApiProps } from '../../core';
 import { ArrowPosition, FloatingAxesOffsets, FloatingPosition, FloatingStrategy } from '../Floating';
 import { OverlayProps } from '../Overlay';
-import { PortalProps } from '../Portal';
+import { BasePortalProps } from '../Portal';
 import { TransitionOverride } from '../Transition';
 import { PopoverMiddlewares, PopoverWidth } from './Popover.types';
 export type PopoverStylesNames = 'dropdown' | 'arrow' | 'overlay';
@@ -15,7 +15,7 @@ export interface __PopoverProps {
     offset?: number | FloatingAxesOffsets;
     /** Called when dropdown position changes */
     onPositionChange?: (position: FloatingPosition) => void;
-    /** `useEffect` dependencies to force update dropdown position, `[]` by default */
+    /** @deprecated: Do not use, will be removed in 9.0 */
     positionDependencies?: any[];
     /** Called when dropdown closes */
     onClose?: () => void;
@@ -52,7 +52,7 @@ export interface __PopoverProps {
     /** Determines whether dropdown should be rendered within the `Portal`, `true` by default */
     withinPortal?: boolean;
     /** Props to pass down to the `Portal` when `withinPortal` is true */
-    portalProps?: Omit<PortalProps, 'children'>;
+    portalProps?: BasePortalProps;
     /** Dropdown `z-index`, `300` by default */
     zIndex?: string | number;
     /** Key of `theme.radius` or any valid CSS value to set border-radius, `theme.defaultRadius` by default */
@@ -67,6 +67,8 @@ export interface __PopoverProps {
     floatingStrategy?: FloatingStrategy;
     /** If set, the dropdown is hidden when the element is hidden with styles or not visible on the screen, `true` by default */
     hideDetached?: boolean;
+    /** Prevents popover from flipping/shifting when it the dropdown is visible */
+    preventPositionChangeWhenVisible?: boolean;
 }
 export interface PopoverProps extends __PopoverProps, StylesApiProps<PopoverFactory> {
     __staticSelector?: string;

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

@@ -16,7 +16,11 @@ interface UsePopoverOptions {
     arrowRef: React.RefObject<HTMLDivElement | null>;
     arrowOffset: number;
     strategy?: FloatingStrategy;
+    dropdownVisible: boolean;
+    setDropdownVisible: (visible: boolean) => void;
+    positionRef: React.RefObject<FloatingPosition>;
     disabled: boolean | undefined;
+    preventPositionChangeWhenVisible: boolean | undefined;
 }
 export declare function usePopover(options: UsePopoverOptions): {
     floating: {
@@ -60,6 +64,6 @@ export declare function usePopover(options: UsePopoverOptions): {
     controlled: boolean;
     opened: boolean;
     onClose: () => void;
-    onToggle: () => false | void;
+    onToggle: () => void;
 };
 export {};

package/lib/components/Portal/Portal.d.ts

@@ -1,12 +1,14 @@
 import { Factory } from '../../core';
-export interface PortalProps extends React.ComponentPropsWithoutRef<'div'> {
-    /** Portal children, for example, custom modal or popover */
-    children: React.ReactNode;
+export interface BasePortalProps extends React.ComponentPropsWithoutRef<'div'> {
     /** Element inside which portal should be created, by default a new div element is created and appended to the `document.body` */
     target?: HTMLElement | string;
     /** If set, all portals are rendered in the same DOM node, `true` by default */
     reuseTargetNode?: boolean;
 }
+export interface PortalProps extends BasePortalProps {
+    /** Portal children, for example, custom modal or popover */
+    children: React.ReactNode;
+}
 export type PortalFactory = Factory<{
     props: PortalProps;
     ref: HTMLDivElement;

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

@@ -1,4 +1,4 @@
 export { Portal } from './Portal';
 export { OptionalPortal } from './OptionalPortal';
-export type { PortalProps } from './Portal';
+export type { PortalProps, BasePortalProps } from './Portal';
 export type { OptionalPortalProps } from './OptionalPortal';

package/lib/components/Slider/RangeSlider/RangeSlider.d.ts

@@ -13,6 +13,8 @@ export interface RangeSliderProps extends BoxProps, StylesApiProps<RangeSliderFa
     min?: number;
     /** Maximum possible value, `100` by default */
     max?: number;
+    /** Domain of the slider, defines the full range of possible values, `[min, max]` by default */
+    domain?: [number, number];
     /** Number by which value will be incremented/decremented with thumb drag and arrows, `1` by default */
     step?: number;
     /** Number of significant digits after the decimal point */
@@ -64,6 +66,8 @@ export interface RangeSliderProps extends BoxProps, StylesApiProps<RangeSliderFa
     restrictToMarks?: boolean;
     /** Props passed down to thumb element based on the thumb index */
     thumbProps?: (index: 0 | 1) => React.ComponentPropsWithoutRef<'div'>;
+    /** Determines whether the other thumb should be pushed by the current thumb dragging when `minRange`/`maxRange` is reached, `true` by default */
+    pushOnOverlap?: boolean;
 }
 export type RangeSliderFactory = Factory<{
     props: RangeSliderProps;

package/lib/components/Slider/Slider/Slider.d.ts

@@ -12,6 +12,8 @@ export interface SliderProps extends BoxProps, StylesApiProps<SliderFactory>, El
     min?: number;
     /** Maximum possible value, `100` by default */
     max?: number;
+    /** Domain of the slider, defines the full range of possible values, `[min, max]` by default */
+    domain?: [number, number];
     /** Number by which value will be incremented/decremented with thumb drag and arrows, `1` by default */
     step?: number;
     /** Number of significant digits after the decimal point */

package/lib/components/Slider/SliderRoot/SliderRoot.d.ts

@@ -2,10 +2,10 @@ import { BoxProps, ElementProps, MantineColor, MantineRadius, MantineSize } from
 export interface SliderRootProps extends BoxProps, ElementProps<'div'> {
     size: MantineSize | (string & {}) | number;
     children: React.ReactNode;
-    color: MantineColor | undefined;
+    color?: MantineColor;
     disabled: boolean | undefined;
     variant?: string;
-    thumbSize: string | number | undefined;
-    radius: MantineRadius | undefined;
+    thumbSize?: string | number;
+    radius?: MantineRadius;
 }
 export declare const SliderRoot: import("react").ForwardRefExoticComponent<SliderRootProps & import("react").RefAttributes<HTMLDivElement>>;

package/lib/components/Slider/Track/Track.d.ts

@@ -12,7 +12,7 @@ export interface TrackProps {
     children: React.ReactNode;
     disabled: boolean | undefined;
     inverted: boolean | undefined;
-    containerProps?: React.PropsWithRef<React.ComponentProps<'div'>>;
+    containerProps?: React.ComponentProps<'div'>;
 }
 export declare function Track({ filled, children, offset, disabled, marksOffset, inverted, containerProps, ...others }: TrackProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Track {

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

@@ -44,6 +44,8 @@ export interface TagsInputProps extends BoxProps, __BaseInputProps, Omit<Combobo
     scrollAreaProps?: ScrollAreaProps;
     /** Determines whether the value typed in by the user but not submitted should be accepted when the input is blurred, `true` by default */
     acceptValueOnBlur?: boolean;
+    /** Custom function to determine if a tag is duplicate. Accepts tag value and array of current values. By default, checks if the tag exists case-insensitively. */
+    isDuplicate?: (value: string, currentValues: string[]) => boolean;
 }
 export type TagsInputFactory = Factory<{
     props: TagsInputProps;

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

@@ -35,7 +35,7 @@ export interface TooltipProps extends TooltipBaseProps {
         focus: boolean;
         touch: boolean;
     };
-    /** `useEffect` dependencies to force update tooltip position */
+    /** @deprecated: Do not use, will be removed in 9.0 */
     positionDependencies?: any[];
     /** Must be set if the tooltip target is an inline element */
     inline?: boolean;
@@ -43,6 +43,8 @@ export interface TooltipProps extends TooltipBaseProps {
     keepMounted?: boolean;
     /** Changes floating ui [position strategy](https://floating-ui.com/docs/usefloating#strategy), `'absolute'` by default */
     floatingStrategy?: FloatingStrategy;
+    /** Determines whether tooltip 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`. */
+    autoContrast?: boolean;
 }
 export type TooltipFactory = Factory<{
     props: TooltipProps;

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

@@ -1,7 +1,7 @@
 import type { FlipOptions, InlineOptions, ShiftOptions, SizeOptions } from '@floating-ui/react';
 import { BoxProps, ElementProps, MantineColor, MantineRadius, StylesApiProps } from '../../core';
 import { FloatingPosition } from '../Floating';
-import { PortalProps } from '../Portal';
+import { BasePortalProps } from '../Portal';
 import type { TooltipFactory } from './Tooltip';
 export type TooltipStylesNames = 'tooltip' | 'arrow';
 export type TooltipCssVariables = {
@@ -35,7 +35,7 @@ export interface TooltipBaseProps extends BoxProps, StylesApiProps<TooltipFactor
     /** If set, tooltip element will not be rendered */
     disabled?: boolean;
     /** Props to pass down to the portal when withinPortal is true */
-    portalProps?: Omit<PortalProps, 'children' | 'withinPortal'>;
+    portalProps?: Omit<BasePortalProps, 'withinPortal'>;
     /** Floating ui middlewares to configure position handling, `{ flip: true, shift: true, inline: false }` by default */
     middlewares?: TooltipMiddlewares;
 }

package/lib/core/Box/style-props/resolvers/index.d.ts

@@ -4,6 +4,7 @@ import { fontFamilyResolver } from './font-family-resolver/font-family-resolver'
 import { fontSizeResolver } from './font-size-resolver/font-size-resolver';
 import { identityResolver } from './identity-resolver/identity-resolver';
 import { lineHeightResolver } from './line-height-resolver/line-height-resolver';
+import { radiusResolver } from './radius-resolver/radius-resolver';
 import { sizeResolver } from './size-resolver/size-resolver';
 import { spacingResolver } from './spacing-resolver/spacing-resolver';
 export declare const resolvers: {
@@ -11,6 +12,7 @@ export declare const resolvers: {
     textColor: typeof textColorResolver;
     fontSize: typeof fontSizeResolver;
     spacing: typeof spacingResolver;
+    radius: typeof radiusResolver;
     identity: typeof identityResolver;
     size: typeof sizeResolver;
     lineHeight: typeof lineHeightResolver;

package/lib/core/Box/style-props/resolvers/radius-resolver/radius-resolver.d.ts

@@ -0,0 +1,2 @@
+import { MantineTheme } from '../../../../MantineProvider';
+export declare function radiusResolver(value: unknown, theme: MantineTheme): unknown;

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

@@ -39,6 +39,8 @@ export interface MantineStyleProps {
     pr?: StyleProp<MantineSpacing>;
     /** Border */
     bd?: StyleProp<React.CSSProperties['border']>;
+    /** BorderRadius, theme key: theme.radius */
+    bdrs?: StyleProp<MantineSpacing>;
     /** Background, theme key: theme.colors */
     bg?: StyleProp<MantineColor>;
     /** Color */

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): "light" | "dark";
+export declare function useComputedColorScheme(defaultValue?: 'light' | 'dark', options?: UseMediaQueryOptions): import("@mantine/hooks").UseColorSchemeValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/core",
-  "version": "8.0.2",
+  "version": "8.1.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": "8.0.2",
+    "@mantine/hooks": "8.1.1",
     "react": "^18.x || ^19.x",
     "react-dom": "^18.x || ^19.x"
   },

package/styles/Overlay.css

@@ -2,8 +2,8 @@
   inset: 0;
   position: absolute;
   background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
-  backdrop-filter: var(--overlay-filter);
   -webkit-backdrop-filter: var(--overlay-filter);
+  backdrop-filter: var(--overlay-filter);
   border-radius: var(--overlay-radius, 0);
   z-index: var(--overlay-z-index);
 }

package/styles/Overlay.layer.css

@@ -2,8 +2,8 @@
   inset: 0;
   position: absolute;
   background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
-  backdrop-filter: var(--overlay-filter);
   -webkit-backdrop-filter: var(--overlay-filter);
+  backdrop-filter: var(--overlay-filter);
   border-radius: var(--overlay-radius, 0);
   z-index: var(--overlay-z-index);
 }

package/styles.css

@@ -839,8 +839,8 @@ fieldset:disabled .mantine-active:active {
   inset: 0;
   position: absolute;
   background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
-  backdrop-filter: var(--overlay-filter);
   -webkit-backdrop-filter: var(--overlay-filter);
+  backdrop-filter: var(--overlay-filter);
   border-radius: var(--overlay-radius, 0);
   z-index: var(--overlay-z-index);
 }

package/styles.layer.css

@@ -839,8 +839,8 @@ fieldset:disabled .mantine-active:active {
   inset: 0;
   position: absolute;
   background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
-  backdrop-filter: var(--overlay-filter);
   -webkit-backdrop-filter: var(--overlay-filter);
+  backdrop-filter: var(--overlay-filter);
   border-radius: var(--overlay-radius, 0);
   z-index: var(--overlay-z-index);
 }

package/cjs/components/Floating/use-floating-auto-update.cjs

@@ -1,40 +0,0 @@
-'use client';
-'use strict';
-
-var React = require('react');
-var react = require('@floating-ui/react');
-var hooks = require('@mantine/hooks');
-
-function useFloatingAutoUpdate({
-  opened,
-  floating,
-  position,
-  positionDependencies
-}) {
-  const [delayedUpdate, setDelayedUpdate] = React.useState(0);
-  React.useEffect(() => {
-    if (floating.refs.reference.current && floating.refs.floating.current && opened) {
-      return react.autoUpdate(
-        floating.refs.reference.current,
-        floating.refs.floating.current,
-        floating.update
-      );
-    }
-    return void 0;
-  }, [
-    floating.refs.reference.current,
-    floating.refs.floating.current,
-    opened,
-    delayedUpdate,
-    position
-  ]);
-  hooks.useDidUpdate(() => {
-    floating.update();
-  }, positionDependencies);
-  hooks.useDidUpdate(() => {
-    setDelayedUpdate((c) => c + 1);
-  }, [opened]);
-}
-
-exports.useFloatingAutoUpdate = useFloatingAutoUpdate;
-//# sourceMappingURL=use-floating-auto-update.cjs.map

package/cjs/components/Floating/use-floating-auto-update.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-floating-auto-update.cjs","sources":["../../../src/components/Floating/use-floating-auto-update.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { autoUpdate } from '@floating-ui/react';\nimport { useDidUpdate } from '@mantine/hooks';\nimport { FloatingPosition } from './types';\n\ninterface Payload {\n  opened: boolean | undefined;\n  floating: {\n    update: () => void;\n    refs: {\n      floating: React.MutableRefObject<any>;\n      reference: React.MutableRefObject<any>;\n    };\n  };\n  positionDependencies: any[];\n  position: FloatingPosition;\n}\n\nexport function useFloatingAutoUpdate({\n  opened,\n  floating,\n  position,\n  positionDependencies,\n}: Payload) {\n  const [delayedUpdate, setDelayedUpdate] = useState(0);\n\n  useEffect(() => {\n    if (floating.refs.reference.current && floating.refs.floating.current && opened) {\n      return autoUpdate(\n        floating.refs.reference.current,\n        floating.refs.floating.current,\n        floating.update\n      );\n    }\n\n    return undefined;\n  }, [\n    floating.refs.reference.current,\n    floating.refs.floating.current,\n    opened,\n    delayedUpdate,\n    position,\n  ]);\n\n  useDidUpdate(() => {\n    floating.update();\n  }, positionDependencies);\n\n  useDidUpdate(() => {\n    setDelayedUpdate((c) => c + 1);\n  }, [opened]);\n}\n"],"names":["useState","useEffect","autoUpdate","useDidUpdate"],"mappings":"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"}

package/esm/components/Floating/use-floating-auto-update.mjs

@@ -1,38 +0,0 @@
-'use client';
-import { useState, useEffect } from 'react';
-import { autoUpdate } from '@floating-ui/react';
-import { useDidUpdate } from '@mantine/hooks';
-
-function useFloatingAutoUpdate({
-  opened,
-  floating,
-  position,
-  positionDependencies
-}) {
-  const [delayedUpdate, setDelayedUpdate] = useState(0);
-  useEffect(() => {
-    if (floating.refs.reference.current && floating.refs.floating.current && opened) {
-      return autoUpdate(
-        floating.refs.reference.current,
-        floating.refs.floating.current,
-        floating.update
-      );
-    }
-    return void 0;
-  }, [
-    floating.refs.reference.current,
-    floating.refs.floating.current,
-    opened,
-    delayedUpdate,
-    position
-  ]);
-  useDidUpdate(() => {
-    floating.update();
-  }, positionDependencies);
-  useDidUpdate(() => {
-    setDelayedUpdate((c) => c + 1);
-  }, [opened]);
-}
-
-export { useFloatingAutoUpdate };
-//# sourceMappingURL=use-floating-auto-update.mjs.map

package/esm/components/Floating/use-floating-auto-update.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-floating-auto-update.mjs","sources":["../../../src/components/Floating/use-floating-auto-update.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { autoUpdate } from '@floating-ui/react';\nimport { useDidUpdate } from '@mantine/hooks';\nimport { FloatingPosition } from './types';\n\ninterface Payload {\n  opened: boolean | undefined;\n  floating: {\n    update: () => void;\n    refs: {\n      floating: React.MutableRefObject<any>;\n      reference: React.MutableRefObject<any>;\n    };\n  };\n  positionDependencies: any[];\n  position: FloatingPosition;\n}\n\nexport function useFloatingAutoUpdate({\n  opened,\n  floating,\n  position,\n  positionDependencies,\n}: Payload) {\n  const [delayedUpdate, setDelayedUpdate] = useState(0);\n\n  useEffect(() => {\n    if (floating.refs.reference.current && floating.refs.floating.current && opened) {\n      return autoUpdate(\n        floating.refs.reference.current,\n        floating.refs.floating.current,\n        floating.update\n      );\n    }\n\n    return undefined;\n  }, [\n    floating.refs.reference.current,\n    floating.refs.floating.current,\n    opened,\n    delayedUpdate,\n    position,\n  ]);\n\n  useDidUpdate(() => {\n    floating.update();\n  }, positionDependencies);\n\n  useDidUpdate(() => {\n    setDelayedUpdate((c) => c + 1);\n  }, [opened]);\n}\n"],"names":[],"mappings":"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"}

package/lib/components/Floating/use-floating-auto-update.d.ts

@@ -1,15 +0,0 @@
-import { FloatingPosition } from './types';
-interface Payload {
-    opened: boolean | undefined;
-    floating: {
-        update: () => void;
-        refs: {
-            floating: React.MutableRefObject<any>;
-            reference: React.MutableRefObject<any>;
-        };
-    };
-    positionDependencies: any[];
-    position: FloatingPosition;
-}
-export declare function useFloatingAutoUpdate({ opened, floating, position, positionDependencies, }: Payload): void;
-export {};