@mantine/hooks 6.0.11 → 7.0.0-alpha.11

package/lib/use-focus-trap/use-focus-trap.d.ts

@@ -1,2 +1 @@
 export declare function useFocusTrap(active?: boolean): (instance: HTMLElement | null) => void;
-//# sourceMappingURL=use-focus-trap.d.ts.map

package/lib/use-focus-within/use-focus-within.d.ts

@@ -7,4 +7,3 @@ export declare function useFocusWithin<T extends HTMLElement = any>({ onBlur, on
     ref: React.MutableRefObject<T>;
     focused: boolean;
 };
-//# sourceMappingURL=use-focus-within.d.ts.map

package/lib/use-force-update/use-force-update.d.ts

@@ -1,2 +1 @@
 export declare function useForceUpdate(): () => void;
-//# sourceMappingURL=use-force-update.d.ts.map

package/lib/use-fullscreen/use-fullscreen.d.ts

@@ -3,4 +3,3 @@ export declare function useFullscreen<T extends HTMLElement = any>(): {
     readonly toggle: () => Promise<void>;
     readonly fullscreen: boolean;
 };
-//# sourceMappingURL=use-fullscreen.d.ts.map

package/lib/use-hash/use-hash.d.ts

@@ -1,2 +1 @@
 export declare function useHash(): readonly [string, (value: string) => void];
-//# sourceMappingURL=use-hash.d.ts.map

package/lib/use-headroom/use-headroom.d.ts

@@ -13,4 +13,3 @@ interface UseHeadroomInput {
 }
 export declare function useHeadroom({ fixedAt, onPin, onFix, onRelease }?: UseHeadroomInput): boolean;
 export {};
-//# sourceMappingURL=use-headroom.d.ts.map

package/lib/use-hotkeys/parse-hotkey.d.ts

@@ -22,4 +22,3 @@ type HotkeyItem = [
 ];
 export declare function getHotkeyHandler(hotkeys: HotkeyItem[]): (event: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
 export {};
-//# sourceMappingURL=parse-hotkey.d.ts.map

package/lib/use-hotkeys/use-hotkeys.d.ts

@@ -3,4 +3,3 @@ export type { HotkeyItemOptions };
 export { getHotkeyHandler };
 export type HotkeyItem = [string, (event: KeyboardEvent) => void, HotkeyItemOptions?];
 export declare function useHotkeys(hotkeys: HotkeyItem[], tagsToIgnore?: string[], triggerOnContentEditable?: boolean): void;
-//# sourceMappingURL=use-hotkeys.d.ts.map

package/lib/use-hover/use-hover.d.ts

@@ -1,5 +1,4 @@
 export declare function useHover<T extends HTMLElement = HTMLDivElement>(): {
-    ref: import("react").MutableRefObject<T>;
+    ref: import("react").RefObject<T>;
     hovered: boolean;
 };
-//# sourceMappingURL=use-hover.d.ts.map

package/lib/use-id/use-id.d.ts

@@ -1,2 +1 @@
 export declare function useId(staticId?: string): string;
-//# sourceMappingURL=use-id.d.ts.map

package/lib/use-id/use-react-id.d.ts

@@ -1,2 +1 @@
 export declare function useReactId(): string;
-//# sourceMappingURL=use-react-id.d.ts.map

package/lib/use-idle/use-idle.d.ts

@@ -2,4 +2,3 @@ export declare function useIdle(timeout: number, options?: Partial<{
     events: (keyof DocumentEventMap)[];
     initialState: boolean;
 }>): boolean;
-//# sourceMappingURL=use-idle.d.ts.map

package/lib/use-input-state/use-input-state.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
-export declare function getInputOnChange<T>(setValue: (value: null | undefined | T | ((current: T) => T)) => void): (val: T | React.ChangeEvent<any> | ((current: T) => T)) => void;
+export declare function getInputOnChange<T>(setValue: (value: null | undefined | T | ((current: T) => T)) => void): (val: T | React.ChangeEvent<any> | ((current: T) => T) | null | undefined) => void;
 export declare function useInputState<T>(initialState: T): [T, (value: null | undefined | T | React.ChangeEvent<any>) => void];
-//# sourceMappingURL=use-input-state.d.ts.map

package/lib/use-intersection/use-intersection.d.ts

@@ -1,5 +1,4 @@
 export declare function useIntersection<T extends HTMLElement = any>(options?: ConstructorParameters<typeof IntersectionObserver>[1]): {
     ref: (element: T | null) => void;
-    entry: IntersectionObserverEntry;
+    entry: IntersectionObserverEntry | null;
 };
-//# sourceMappingURL=use-intersection.d.ts.map

package/lib/use-interval/use-interval.d.ts

@@ -4,4 +4,3 @@ export declare function useInterval(fn: () => void, interval: number): {
     toggle: () => void;
     active: boolean;
 };
-//# sourceMappingURL=use-interval.d.ts.map

package/lib/use-isomorphic-effect/use-isomorphic-effect.d.ts

@@ -1,3 +1,2 @@
 import { useEffect } from 'react';
 export declare const useIsomorphicEffect: typeof useEffect;
-//# sourceMappingURL=use-isomorphic-effect.d.ts.map

package/lib/use-list-state/use-list-state.d.ts

@@ -19,4 +19,3 @@ export interface UseListStateHandlers<T> {
 }
 export type UseListState<T> = [T[], UseListStateHandlers<T>];
 export declare function useListState<T>(initialValue?: T[]): UseListState<T>;
-//# sourceMappingURL=use-list-state.d.ts.map

package/lib/use-local-storage/create-storage.d.ts

@@ -4,12 +4,11 @@ export interface IStorageProperties<T> {
     key: string;
     /** Default value that will be set if value is not found in storage */
     defaultValue?: T;
-    /** If set to true, value will be updated in useEffect after mount */
+    /** If set to true, value will be update is useEffect after mount */
     getInitialValueInEffect?: boolean;
-    /** Function to serialize value into a string to be saved in storage */
+    /** Function to serialize value into string to be save in storage */
     serialize?(value: T): string;
     /** Function to deserialize string value from storage to value */
-    deserialize?(value: string): T;
+    deserialize?(value: string | undefined): T;
 }
-export declare function createStorage<T>(type: StorageType, hookName: string): ({ key, defaultValue, getInitialValueInEffect, deserialize, serialize, }: IStorageProperties<T>) => readonly [T, (val: T | ((prevState: T) => T)) => void, () => void];
-//# sourceMappingURL=create-storage.d.ts.map
+export declare function createStorage<T>(type: StorageType, hookName: string): ({ key, defaultValue, getInitialValueInEffect, deserialize, serialize, }: IStorageProperties<T>) => readonly [T | undefined, (val: T | ((prevState: T) => T)) => void, () => void];

package/lib/use-local-storage/use-local-storage.d.ts

@@ -1,3 +1,2 @@
 import { IStorageProperties } from './create-storage';
-export declare function useLocalStorage<T = string>(props: IStorageProperties<T>): readonly [T, (val: T | ((prevState: T) => T)) => void, () => void];
-//# sourceMappingURL=use-local-storage.d.ts.map
+export declare function useLocalStorage<T = string>(props: IStorageProperties<T>): readonly [T | undefined, (val: T | ((prevState: T) => T)) => void, () => void];

package/lib/use-logger/use-logger.d.ts

@@ -1,2 +1 @@
-export declare function useLogger(componentName: string, props: any[]): any;
-//# sourceMappingURL=use-logger.d.ts.map
+export declare function useLogger(componentName: string, props: any[]): null;

package/lib/use-media-query/use-media-query.d.ts

@@ -1,5 +1,4 @@
 export interface UseMediaQueryOptions {
     getInitialValueInEffect: boolean;
 }
-export declare function useMediaQuery(query: string, initialValue?: boolean, { getInitialValueInEffect }?: UseMediaQueryOptions): boolean;
-//# sourceMappingURL=use-media-query.d.ts.map
+export declare function useMediaQuery(query: string, initialValue?: boolean, { getInitialValueInEffect }?: UseMediaQueryOptions): boolean | undefined;

package/lib/use-merged-ref/use-merged-ref.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-type Ref<T> = React.Dispatch<React.SetStateAction<T>> | React.ForwardedRef<T>;
-export declare function mergeRefs<T = any>(...refs: Ref<T>[]): (node: T | null) => void;
-export declare function useMergedRef<T = any>(...refs: Ref<T>[]): (node: T) => void;
+import { Ref } from 'react';
+type PossibleRef<T> = Ref<T> | undefined;
+export declare function assignRef<T>(ref: PossibleRef<T>, value: T): void;
+export declare function mergeRefs<T>(...refs: PossibleRef<T>[]): (node: T | null) => void;
+export declare function useMergedRef<T>(...refs: PossibleRef<T>[]): (node: T | null) => void;
 export {};
-//# sourceMappingURL=use-merged-ref.d.ts.map

package/lib/use-mouse/use-mouse.d.ts

@@ -3,6 +3,5 @@ export declare function useMouse<T extends HTMLElement = any>(options?: {
 }): {
     x: number;
     y: number;
-    ref: import("react").MutableRefObject<T>;
+    ref: import("react").MutableRefObject<T | undefined>;
 };
-//# sourceMappingURL=use-mouse.d.ts.map

package/lib/use-move/use-move.d.ts

@@ -11,8 +11,7 @@ interface useMoveHandlers {
     onScrubEnd?(): void;
 }
 export declare function useMove<T extends HTMLElement = HTMLDivElement>(onChange: (value: UseMovePosition) => void, handlers?: useMoveHandlers, dir?: 'ltr' | 'rtl'): {
-    ref: import("react").MutableRefObject<T>;
+    ref: import("react").MutableRefObject<T | undefined>;
     active: boolean;
 };
 export {};
-//# sourceMappingURL=use-move.d.ts.map

package/lib/use-network/use-network.d.ts

@@ -10,4 +10,3 @@ export declare function useNetwork(): {
     online: boolean;
 } & NetworkStatus;
 export {};
-//# sourceMappingURL=use-network.d.ts.map

package/lib/use-os/use-os.d.ts

@@ -4,4 +4,3 @@ interface UseOsOptions {
 }
 export declare function useOs(options?: UseOsOptions): OS;
 export {};
-//# sourceMappingURL=use-os.d.ts.map

package/lib/use-page-leave/use-page-leave.d.ts

@@ -1,2 +1 @@
 export declare function usePageLeave(onPageLeave: () => void): void;
-//# sourceMappingURL=use-page-leave.d.ts.map

package/lib/use-pagination/use-pagination.d.ts

@@ -22,4 +22,3 @@ export declare function usePagination({ total, siblings, boundaries, page, initi
     first: () => void;
     last: () => void;
 };
-//# sourceMappingURL=use-pagination.d.ts.map

package/lib/use-previous/use-previous.d.ts

@@ -1,2 +1 @@
 export declare function usePrevious<T>(value: T): T | undefined;
-//# sourceMappingURL=use-previous.d.ts.map

package/lib/use-queue/use-queue.d.ts

@@ -8,4 +8,3 @@ export declare function useQueue<T>({ initialValues, limit }: {
     update: (fn: (state: T[]) => T[]) => void;
     cleanQueue: () => void;
 };
-//# sourceMappingURL=use-queue.d.ts.map

package/lib/use-reduced-motion/use-reduced-motion.d.ts

@@ -1,3 +1,2 @@
 import { UseMediaQueryOptions } from '../use-media-query/use-media-query';
-export declare function useReducedMotion(initialValue?: boolean, options?: UseMediaQueryOptions): boolean;
-//# sourceMappingURL=use-reduced-motion.d.ts.map
+export declare function useReducedMotion(initialValue?: boolean, options?: UseMediaQueryOptions): boolean | undefined;

package/lib/use-resize-observer/use-resize-observer.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
 type ObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;
-export declare function useResizeObserver<T extends HTMLElement = any>(): readonly [import("react").MutableRefObject<T>, ObserverRect];
+export declare function useResizeObserver<T extends HTMLElement = any>(): readonly [import("react").RefObject<T>, ObserverRect];
 export declare function useElementSize<T extends HTMLElement = any>(): {
-    ref: import("react").MutableRefObject<T>;
+    ref: import("react").RefObject<T>;
     width: number;
     height: number;
 };
 export {};
-//# sourceMappingURL=use-resize-observer.d.ts.map

package/lib/use-scroll-into-view/use-scroll-into-view.d.ts

@@ -19,10 +19,9 @@ interface ScrollIntoViewParams {
     isList?: boolean;
 }
 export declare function useScrollIntoView<Target extends HTMLElement, Parent extends HTMLElement | null = null>({ duration, axis, onScrollFinish, easing, offset, cancelable, isList, }?: ScrollIntoViewParams): {
-    scrollableRef: import("react").MutableRefObject<Parent>;
-    targetRef: import("react").MutableRefObject<Target>;
+    scrollableRef: import("react").RefObject<Parent>;
+    targetRef: import("react").RefObject<Target>;
     scrollIntoView: ({ alignment }?: ScrollIntoViewAnimation) => void;
     cancel: () => void;
 };
 export {};
-//# sourceMappingURL=use-scroll-into-view.d.ts.map

package/lib/use-scroll-into-view/utils/ease-in-out-quad.d.ts

@@ -1,2 +1 @@
 export declare const easeInOutQuad: (t: number) => number;
-//# sourceMappingURL=ease-in-out-quad.d.ts.map

package/lib/use-scroll-into-view/utils/get-relative-position.d.ts

@@ -1,9 +1 @@
-export declare const getRelativePosition: ({ axis, target, parent, alignment, offset, isList, }: {
-    axis: any;
-    target: any;
-    parent: any;
-    alignment: any;
-    offset: any;
-    isList: any;
-}) => number;
-//# sourceMappingURL=get-relative-position.d.ts.map
+export declare const getRelativePosition: ({ axis, target, parent, alignment, offset, isList, }: any) => number;

package/lib/use-scroll-into-view/utils/get-scroll-start.d.ts

@@ -1,5 +1 @@
-export declare const getScrollStart: ({ axis, parent }: {
-    axis: any;
-    parent: any;
-}) => any;
-//# sourceMappingURL=get-scroll-start.d.ts.map
+export declare const getScrollStart: ({ axis, parent }: any) => any;

package/lib/use-scroll-into-view/utils/set-scroll-param.d.ts

@@ -1,6 +1 @@
-export declare const setScrollParam: ({ axis, parent, distance }: {
-    axis: any;
-    parent: any;
-    distance: any;
-}) => void;
-//# sourceMappingURL=set-scroll-param.d.ts.map
+export declare const setScrollParam: ({ axis, parent, distance }: any) => void;

package/lib/use-session-storage/use-session-storage.d.ts

@@ -1,3 +1,2 @@
 import { IStorageProperties } from '../use-local-storage/create-storage';
-export declare function useSessionStorage<T = string>(props: IStorageProperties<T>): readonly [T, (val: T | ((prevState: T) => T)) => void, () => void];
-//# sourceMappingURL=use-session-storage.d.ts.map
+export declare function useSessionStorage<T = string>(props: IStorageProperties<T>): readonly [T | undefined, (val: T | ((prevState: T) => T)) => void, () => void];

package/lib/use-set-state/use-set-state.d.ts

@@ -1,2 +1 @@
 export declare function useSetState<T extends Record<string, any>>(initialState: T): readonly [T, (statePartial: Partial<T> | ((currentState: T) => Partial<T>)) => void];
-//# sourceMappingURL=use-set-state.d.ts.map

package/lib/use-shallow-effect/use-shallow-effect.d.ts

@@ -1,3 +1,2 @@
 /// <reference types="react" />
 export declare function useShallowEffect(cb: () => void, dependencies?: React.DependencyList): void;
-//# sourceMappingURL=use-shallow-effect.d.ts.map

package/lib/use-text-selection/use-text-selection.d.ts

@@ -1,2 +1 @@
 export declare function useTextSelection(): Selection | null;
-//# sourceMappingURL=use-text-selection.d.ts.map

package/lib/use-timeout/use-timeout.d.ts

@@ -4,4 +4,3 @@ export declare function useTimeout(callback: (...callbackParams: any[]) => void,
     start: (...callbackParams: any[]) => void;
     clear: () => void;
 };
-//# sourceMappingURL=use-timeout.d.ts.map

package/lib/use-toggle/use-toggle.d.ts

@@ -1,2 +1 @@
 export declare function useToggle<T = boolean>(options?: readonly T[]): readonly [T, (value?: React.SetStateAction<T>) => void];
-//# sourceMappingURL=use-toggle.d.ts.map

package/lib/use-uncontrolled/use-uncontrolled.d.ts

@@ -10,4 +10,3 @@ interface UseUncontrolledInput<T> {
 }
 export declare function useUncontrolled<T>({ value, defaultValue, finalValue, onChange, }: UseUncontrolledInput<T>): [T, (value: T) => void, boolean];
 export {};
-//# sourceMappingURL=use-uncontrolled.d.ts.map

package/lib/use-validated-state/use-validated-state.d.ts

@@ -1,6 +1,5 @@
 export declare function useValidatedState<T>(initialValue: T, validation: (value: T) => boolean, initialValidationState?: boolean): readonly [{
     readonly value: T;
-    readonly lastValidValue: T;
+    readonly lastValidValue: T | undefined;
     readonly valid: boolean;
 }, (val: T) => void];
-//# sourceMappingURL=use-validated-state.d.ts.map

package/lib/use-viewport-size/use-viewport-size.d.ts

@@ -2,4 +2,3 @@ export declare function useViewportSize(): {
     width: number;
     height: number;
 };
-//# sourceMappingURL=use-viewport-size.d.ts.map

package/lib/use-window-event/use-window-event.d.ts

@@ -1,2 +1 @@
 export declare function useWindowEvent<K extends string>(type: K, listener: K extends keyof WindowEventMap ? (this: Window, ev: WindowEventMap[K]) => void : (this: Window, ev: CustomEvent) => void, options?: boolean | AddEventListenerOptions): void;
-//# sourceMappingURL=use-window-event.d.ts.map

package/lib/use-window-scroll/use-window-scroll.d.ts

@@ -5,4 +5,3 @@ interface ScrollPosition {
 declare function scrollTo({ x, y }: Partial<ScrollPosition>): void;
 export declare function useWindowScroll(): readonly [ScrollPosition, typeof scrollTo];
 export {};
-//# sourceMappingURL=use-window-scroll.d.ts.map

package/lib/utils/clamp/clamp.d.ts

@@ -1,2 +1 @@
 export declare function clamp(value: number, min: number, max: number): number;
-//# sourceMappingURL=clamp.d.ts.map

package/lib/utils/index.d.ts

@@ -1,8 +1,6 @@
-export { assignRef } from './assign-ref/assign-ref';
 export { clamp } from './clamp/clamp';
 export { lowerFirst } from './lower-first/lower-first';
 export { randomId } from './random-id/random-id';
 export { range } from './range/range';
 export { shallowEqual } from './shallow-equal/shallow-equal';
 export { upperFirst } from './upper-first/upper-first';
-//# sourceMappingURL=index.d.ts.map

package/lib/utils/lower-first/lower-first.d.ts

@@ -1,2 +1 @@
 export declare function lowerFirst(value: string): string;
-//# sourceMappingURL=lower-first.d.ts.map

package/lib/utils/random-id/random-id.d.ts

@@ -1,2 +1 @@
 export declare function randomId(): string;
-//# sourceMappingURL=random-id.d.ts.map

package/lib/utils/range/range.d.ts

@@ -1,2 +1 @@
 export declare function range(start: number, end: number): number[];
-//# sourceMappingURL=range.d.ts.map

package/lib/utils/shallow-equal/shallow-equal.d.ts

@@ -1,2 +1 @@
 export declare function shallowEqual(a: any, b: any): boolean;
-//# sourceMappingURL=shallow-equal.d.ts.map

package/lib/utils/upper-first/upper-first.d.ts

@@ -1,2 +1 @@
 export declare function upperFirst(value: string): string;
-//# sourceMappingURL=upper-first.d.ts.map

package/package.json

@@ -1,9 +1,14 @@
 {
   "name": "@mantine/hooks",
-  "version": "6.0.11",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
-  "types": "lib/index.d.ts",
+  "version": "7.0.0-alpha.11",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "types": "./lib/index.d.ts"
+    }
+  },
   "license": "MIT",
   "author": "Vitaly Rtishchev <rtivital@gmail.com>",
   "sideEffects": false,
@@ -26,6 +31,8 @@
   "peerDependencies": {
     "react": ">=16.8.0"
   },
-  "dependencies": {},
+  "dependencies": {
+    "tslib": "^2.5.2"
+  },
   "devDependencies": {}
 }

package/cjs/use-scroll-lock/use-scroll-lock.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var getLockStyles = require('./utils/get-lock-styles.js');
-var injectStyleTag = require('./utils/inject-style-tag.js');
-var insertStyleTag = require('./utils/insert-style-tag.js');
-var makeStyleTag = require('./utils/make-style-tag.js');
-
-function useScrollLock(lock, options = {
-  disableBodyPadding: false
-}) {
-  const [scrollLocked, setScrollLocked] = React.useState(lock || false);
-  const scrollTop = React.useRef(0);
-  const { disableBodyPadding } = options;
-  const stylesheet = React.useRef(null);
-  const lockScroll = () => {
-    scrollTop.current = window.scrollY;
-    const styles = getLockStyles.getLockStyles({ disableBodyPadding });
-    const sheet = makeStyleTag.makeStyleTag();
-    injectStyleTag.injectStyles(sheet, styles);
-    insertStyleTag.insertStyleTag(sheet);
-    stylesheet.current = sheet;
-  };
-  const unlockScroll = () => {
-    if (!(stylesheet == null ? void 0 : stylesheet.current))
-      return;
-    stylesheet.current.parentNode.removeChild(stylesheet.current);
-    stylesheet.current = null;
-  };
-  React.useEffect(() => {
-    if (scrollLocked) {
-      lockScroll();
-    } else {
-      unlockScroll();
-    }
-    return unlockScroll;
-  }, [scrollLocked]);
-  React.useEffect(() => {
-    if (lock !== void 0) {
-      setScrollLocked(lock);
-    }
-  }, [lock]);
-  React.useEffect(() => {
-    if (lock === void 0 && typeof window !== "undefined") {
-      window.document.body.style.overflow === "hidden" && setScrollLocked(true);
-    }
-  }, [setScrollLocked]);
-  return [scrollLocked, setScrollLocked];
-}
-
-exports.useScrollLock = useScrollLock;
-//# sourceMappingURL=use-scroll-lock.js.map

package/cjs/use-scroll-lock/use-scroll-lock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-scroll-lock.js","sources":["../../src/use-scroll-lock/use-scroll-lock.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { getLockStyles } from './utils/get-lock-styles';\nimport { injectStyles } from './utils/inject-style-tag';\nimport { insertStyleTag } from './utils/insert-style-tag';\nimport { makeStyleTag } from './utils/make-style-tag';\n\nexport function useScrollLock(\n  lock?: boolean,\n  options = {\n    disableBodyPadding: false,\n  }\n) {\n  const [scrollLocked, setScrollLocked] = useState(lock || false);\n  const scrollTop = useRef(0);\n\n  const { disableBodyPadding } = options;\n\n  const stylesheet = useRef<CSSStyleSheet | any | null>(null);\n\n  const lockScroll = () => {\n    scrollTop.current = window.scrollY;\n\n    const styles = getLockStyles({ disableBodyPadding });\n\n    /**\n     * by applying styles via style tag\n     * we dont care about previous styles due to inheritance\n     * when scroll gets unlocked we delete that style tag\n     */\n    const sheet = makeStyleTag();\n\n    injectStyles(sheet, styles);\n    insertStyleTag(sheet);\n\n    stylesheet.current = sheet;\n  };\n\n  const unlockScroll = () => {\n    if (!stylesheet?.current) return;\n\n    stylesheet.current.parentNode.removeChild(stylesheet.current);\n    stylesheet.current = null;\n  };\n\n  useEffect(() => {\n    if (scrollLocked) {\n      lockScroll();\n    } else {\n      unlockScroll();\n    }\n\n    return unlockScroll;\n  }, [scrollLocked]);\n\n  useEffect(() => {\n    if (lock !== undefined) {\n      setScrollLocked(lock);\n    }\n  }, [lock]);\n\n  useEffect(() => {\n    if (lock === undefined && typeof window !== 'undefined') {\n      window.document.body.style.overflow === 'hidden' && setScrollLocked(true);\n    }\n  }, [setScrollLocked]);\n\n  return [scrollLocked, setScrollLocked] as const;\n}\n"],"names":["useState","useRef","getLockStyles","makeStyleTag","injectStyles","insertStyleTag","useEffect"],"mappings":";;;;;;;;;;AAKO,SAAS,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG;AAC9C,EAAE,kBAAkB,EAAE,KAAK;AAC3B,CAAC,EAAE;AACH,EAAE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAGA,cAAQ,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC;AAClE,EAAE,MAAM,SAAS,GAAGC,YAAM,CAAC,CAAC,CAAC,CAAC;AAC9B,EAAE,MAAM,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAC;AACzC,EAAE,MAAM,UAAU,GAAGA,YAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,MAAM,UAAU,GAAG,MAAM;AAC3B,IAAI,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;AACvC,IAAI,MAAM,MAAM,GAAGC,2BAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC,CAAC;AACzD,IAAI,MAAM,KAAK,GAAGC,yBAAY,EAAE,CAAC;AACjC,IAAIC,2BAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAChC,IAAIC,6BAAc,CAAC,KAAK,CAAC,CAAC;AAC1B,IAAI,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;AAC/B,GAAG,CAAC;AACJ,EAAE,MAAM,YAAY,GAAG,MAAM;AAC7B,IAAI,IAAI,EAAE,UAAU,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC;AAC3D,MAAM,OAAO;AACb,IAAI,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AAClE,IAAI,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;AAC9B,GAAG,CAAC;AACJ,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,YAAY,EAAE;AACtB,MAAM,UAAU,EAAE,CAAC;AACnB,KAAK,MAAM;AACX,MAAM,YAAY,EAAE,CAAC;AACrB,KAAK;AACL,IAAI,OAAO,YAAY,CAAC;AACxB,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;AACrB,EAAEA,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,IAAI,KAAK,KAAK,CAAC,EAAE;AACzB,MAAM,eAAe,CAAC,IAAI,CAAC,CAAC;AAC5B,KAAK;AACL,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACb,EAAEA,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,IAAI,KAAK,KAAK,CAAC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAC1D,MAAM,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,QAAQ,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;AAChF,KAAK;AACL,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AACxB,EAAE,OAAO,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;AACzC;;;;"}

package/cjs/use-scroll-lock/utils/get-lock-styles.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var getScrollWidth = require('./get-scroll-width.js');
-
-const getLockStyles = ({ disableBodyPadding }) => {
-  const scrollWidth = disableBodyPadding ? null : getScrollWidth.getScrollWidth();
-  const styles = `body {
-        --removed-scroll-width: ${scrollWidth}px;
-        touch-action: none;
-        overflow: hidden !important;
-        position: relative !important;
-        ${scrollWidth ? "padding-right: var(--removed-scroll-width) !important;" : ""}
-        `;
-  return styles;
-};
-
-exports.getLockStyles = getLockStyles;
-//# sourceMappingURL=get-lock-styles.js.map

package/cjs/use-scroll-lock/utils/get-lock-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-lock-styles.js","sources":["../../../src/use-scroll-lock/utils/get-lock-styles.ts"],"sourcesContent":["import { getScrollWidth } from './get-scroll-width';\n\nexport const getLockStyles = ({ disableBodyPadding }) => {\n  const scrollWidth = disableBodyPadding ? null : getScrollWidth();\n\n  const styles = `body {\n        --removed-scroll-width: ${scrollWidth}px;\n        touch-action: none;\n        overflow: hidden !important;\n        position: relative !important;\n        ${scrollWidth ? 'padding-right: var(--removed-scroll-width) !important;' : ''}\n        `;\n\n  return styles;\n};\n"],"names":["getScrollWidth"],"mappings":";;;;;;AACY,MAAC,aAAa,GAAG,CAAC,EAAE,kBAAkB,EAAE,KAAK;AACzD,EAAE,MAAM,WAAW,GAAG,kBAAkB,GAAG,IAAI,GAAGA,6BAAc,EAAE,CAAC;AACnE,EAAE,MAAM,MAAM,GAAG,CAAC;AAClB,gCAAgC,EAAE,WAAW,CAAC;AAC9C;AACA;AACA;AACA,QAAQ,EAAE,WAAW,GAAG,wDAAwD,GAAG,EAAE,CAAC;AACtF,QAAQ,CAAC,CAAC;AACV,EAAE,OAAO,MAAM,CAAC;AAChB;;;;"}

package/cjs/use-scroll-lock/utils/get-scroll-width.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function getScrollWidth() {
-  if (typeof window === "undefined" || typeof document === "undefined")
-    return 0;
-  const paddingRight = parseInt(window.getComputedStyle(document.body).paddingRight, 10);
-  const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
-  return paddingRight + scrollbarWidth;
-}
-
-exports.getScrollWidth = getScrollWidth;
-//# sourceMappingURL=get-scroll-width.js.map

package/cjs/use-scroll-lock/utils/get-scroll-width.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-scroll-width.js","sources":["../../../src/use-scroll-lock/utils/get-scroll-width.ts"],"sourcesContent":["export function getScrollWidth() {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return 0;\n\n  const paddingRight = parseInt(window.getComputedStyle(document.body).paddingRight, 10);\n  const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n\n  return paddingRight + scrollbarWidth;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,cAAc,GAAG;AACjC,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,QAAQ,KAAK,WAAW;AACtE,IAAI,OAAO,CAAC,CAAC;AACb,EAAE,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AACzF,EAAE,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;AAClF,EAAE,OAAO,YAAY,GAAG,cAAc,CAAC;AACvC;;;;"}

package/cjs/use-scroll-lock/utils/inject-style-tag.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function injectStyles(tag, css) {
-  if (tag.styleSheet) {
-    tag.styleSheet.cssText = css;
-  } else {
-    tag.appendChild(document.createTextNode(css));
-  }
-}
-
-exports.injectStyles = injectStyles;
-//# sourceMappingURL=inject-style-tag.js.map

package/cjs/use-scroll-lock/utils/inject-style-tag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inject-style-tag.js","sources":["../../../src/use-scroll-lock/utils/inject-style-tag.ts"],"sourcesContent":["export function injectStyles(tag, css): void {\n  if (tag.styleSheet) {\n    // eslint-disable-next-line no-param-reassign\n    tag.styleSheet.cssText = css;\n  } else {\n    tag.appendChild(document.createTextNode(css));\n  }\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE;AACvC,EAAE,IAAI,GAAG,CAAC,UAAU,EAAE;AACtB,IAAI,GAAG,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACjC,GAAG,MAAM;AACT,IAAI,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AAClD,GAAG;AACH;;;;"}

package/cjs/use-scroll-lock/utils/insert-style-tag.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function insertStyleTag(tag) {
-  const head = document.head || document.getElementsByTagName("head")[0];
-  head.appendChild(tag);
-}
-
-exports.insertStyleTag = insertStyleTag;
-//# sourceMappingURL=insert-style-tag.js.map

package/cjs/use-scroll-lock/utils/insert-style-tag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"insert-style-tag.js","sources":["../../../src/use-scroll-lock/utils/insert-style-tag.ts"],"sourcesContent":["export function insertStyleTag(tag) {\n  const head = document.head || document.getElementsByTagName('head')[0];\n\n  head.appendChild(tag);\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,cAAc,CAAC,GAAG,EAAE;AACpC,EAAE,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACzE,EAAE,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AACxB;;;;"}

package/cjs/use-scroll-lock/utils/make-style-tag.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function makeStyleTag() {
-  const tag = document.createElement("style");
-  tag.type = "text/css";
-  tag.setAttribute("mantine-scroll-lock", "");
-  return tag;
-}
-
-exports.makeStyleTag = makeStyleTag;
-//# sourceMappingURL=make-style-tag.js.map

package/cjs/use-scroll-lock/utils/make-style-tag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"make-style-tag.js","sources":["../../../src/use-scroll-lock/utils/make-style-tag.ts"],"sourcesContent":["export function makeStyleTag() {\n  const tag = document.createElement('style');\n  tag.type = 'text/css';\n  tag.setAttribute('mantine-scroll-lock', '');\n\n  return tag;\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,YAAY,GAAG;AAC/B,EAAE,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,GAAG,CAAC,IAAI,GAAG,UAAU,CAAC;AACxB,EAAE,GAAG,CAAC,YAAY,CAAC,qBAAqB,EAAE,EAAE,CAAC,CAAC;AAC9C,EAAE,OAAO,GAAG,CAAC;AACb;;;;"}

package/cjs/utils/assign-ref/assign-ref.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function assignRef(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (typeof ref === "object" && ref !== null && "current" in ref) {
-    ref.current = value;
-  }
-}
-
-exports.assignRef = assignRef;
-//# sourceMappingURL=assign-ref.js.map

package/cjs/utils/assign-ref/assign-ref.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"assign-ref.js","sources":["../../../src/utils/assign-ref/assign-ref.ts"],"sourcesContent":["import React from 'react';\n\nexport function assignRef<T = any>(ref: React.ForwardedRef<T>, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (typeof ref === 'object' && ref !== null && 'current' in ref) {\n    // eslint-disable-next-line no-param-reassign\n    ref.current = value;\n  }\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,SAAS,CAAC,GAAG,EAAE,KAAK,EAAE;AACtC,EAAE,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;AACjC,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;AACf,GAAG,MAAM,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,IAAI,SAAS,IAAI,GAAG,EAAE;AAC1E,IAAI,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;AACxB,GAAG;AACH;;;;"}