@mantine/hooks 7.0.0-alpha.2 → 7.0.0-alpha.3

package/cjs/index.js

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var useCallbackRef = require('./use-callback-ref/use-callback-ref.js');
+var useDebouncedCallback = require('./use-debounced-callback/use-debounced-callback.js');
 var useClickOutside = require('./use-click-outside/use-click-outside.js');
 var useClipboard = require('./use-clipboard/use-clipboard.js');
 var useColorScheme = require('./use-color-scheme/use-color-scheme.js');
@@ -58,7 +60,6 @@ var useFavicon = require('./use-favicon/use-favicon.js');
 var useHeadroom = require('./use-headroom/use-headroom.js');
 var useEyeDropper = require('./use-eye-dropper/use-eye-dropper.js');
 var parseHotkey = require('./use-hotkeys/parse-hotkey.js');
-var assignRef = require('./utils/assign-ref/assign-ref.js');
 var clamp = require('./utils/clamp/clamp.js');
 var lowerFirst = require('./utils/lower-first/lower-first.js');
 var randomId = require('./utils/random-id/random-id.js');
@@ -68,6 +69,8 @@ var upperFirst = require('./utils/upper-first/upper-first.js');
 
 
 
+exports.useCallbackRef = useCallbackRef.useCallbackRef;
+exports.useDebounceCallback = useDebouncedCallback.useDebounceCallback;
 exports.useClickOutside = useClickOutside.useClickOutside;
 exports.useClipboard = useClipboard.useClipboard;
 exports.useColorScheme = useColorScheme.useColorScheme;
@@ -88,6 +91,7 @@ exports.useListState = useListState.useListState;
 exports.useLocalStorage = useLocalStorage.useLocalStorage;
 exports.useSessionStorage = useSessionStorage.useSessionStorage;
 exports.useMediaQuery = useMediaQuery.useMediaQuery;
+exports.assignRef = useMergedRef.assignRef;
 exports.mergeRefs = useMergedRef.mergeRefs;
 exports.useMergedRef = useMergedRef.useMergedRef;
 exports.useMouse = useMouse.useMouse;
@@ -127,7 +131,6 @@ exports.useFavicon = useFavicon.useFavicon;
 exports.useHeadroom = useHeadroom.useHeadroom;
 exports.useEyeDropper = useEyeDropper.useEyeDropper;
 exports.getHotkeyHandler = parseHotkey.getHotkeyHandler;
-exports.assignRef = assignRef.assignRef;
 exports.clamp = clamp.clamp;
 exports.lowerFirst = lowerFirst.lowerFirst;
 exports.randomId = randomId.randomId;

package/cjs/index.js.map

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

package/cjs/use-callback-ref/use-callback-ref.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function useCallbackRef(callback) {
+  const callbackRef = React.useRef(callback);
+  React.useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return React.useMemo(() => (...args) => {
+    var _a;
+    return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
+  }, []);
+}
+
+exports.useCallbackRef = useCallbackRef;
+//# sourceMappingURL=use-callback-ref.js.map

package/cjs/use-callback-ref/use-callback-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-callback-ref.js","sources":["../../src/use-callback-ref/use-callback-ref.ts"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react';\n\nexport function useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T {\n  const callbackRef = useRef(callback);\n\n  useEffect(() => {\n    callbackRef.current = callback;\n  });\n\n  return useMemo(() => ((...args) => callbackRef.current?.(...args)) as T, []);\n}\n"],"names":["useRef","useEffect","useMemo"],"mappings":";;;;;;AACO,SAAS,cAAc,CAAC,QAAQ,EAAE;AACzC,EAAE,MAAM,WAAW,GAAGA,YAAM,CAAC,QAAQ,CAAC,CAAC;AACvC,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;AACnC,GAAG,CAAC,CAAC;AACL,EAAE,OAAOC,aAAO,CAAC,MAAM,CAAC,GAAG,IAAI,KAAK;AACpC,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,OAAO,CAAC,EAAE,GAAG,WAAW,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,CAAC;AACvF,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;"}

package/cjs/use-debounced-callback/use-debounced-callback.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useCallbackRef = require('../use-callback-ref/use-callback-ref.js');
+
+function useDebounceCallback(callback, delay) {
+  const handleCallback = useCallbackRef.useCallbackRef(callback);
+  const debounceTimerRef = React.useRef(0);
+  React.useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);
+  return React.useCallback(() => {
+    window.clearTimeout(debounceTimerRef.current);
+    debounceTimerRef.current = window.setTimeout(handleCallback, delay);
+  }, [handleCallback, delay]);
+}
+
+exports.useDebounceCallback = useDebounceCallback;
+//# sourceMappingURL=use-debounced-callback.js.map

package/cjs/use-debounced-callback/use-debounced-callback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-callback.js","sources":["../../src/use-debounced-callback/use-debounced-callback.ts"],"sourcesContent":["import { useRef, useEffect, useCallback } from 'react';\nimport { useCallbackRef } from '../use-callback-ref/use-callback-ref';\n\nexport function useDebounceCallback(callback: () => void, delay: number) {\n  const handleCallback = useCallbackRef(callback);\n  const debounceTimerRef = useRef(0);\n  useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);\n  return useCallback(() => {\n    window.clearTimeout(debounceTimerRef.current);\n    debounceTimerRef.current = window.setTimeout(handleCallback, delay);\n  }, [handleCallback, delay]);\n}\n"],"names":["useCallbackRef","useRef","useEffect","useCallback"],"mappings":";;;;;;;AAEO,SAAS,mBAAmB,CAAC,QAAQ,EAAE,KAAK,EAAE;AACrD,EAAE,MAAM,cAAc,GAAGA,6BAAc,CAAC,QAAQ,CAAC,CAAC;AAClD,EAAE,MAAM,gBAAgB,GAAGC,YAAM,CAAC,CAAC,CAAC,CAAC;AACrC,EAAEC,eAAS,CAAC,MAAM,MAAM,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AAC3E,EAAE,OAAOC,iBAAW,CAAC,MAAM;AAC3B,IAAI,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAClD,IAAI,gBAAgB,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;AACxE,GAAG,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;AAC9B;;;;"}

package/cjs/use-focus-trap/create-aria-hider.js

@@ -2,21 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var randomId = require('../utils/random-id/random-id.js');
+
 function createAriaHider(containerNode, selector = "body > :not(script)") {
+  const id = randomId.randomId();
   const rootNodes = Array.from(document.querySelectorAll(selector)).map((node) => {
     var _a;
     if (((_a = node == null ? void 0 : node.shadowRoot) == null ? void 0 : _a.contains(containerNode)) || node.contains(containerNode)) {
       return void 0;
     }
     const ariaHidden = node.getAttribute("aria-hidden");
+    const prevAriaHidden = node.getAttribute("data-hidden");
+    const prevFocusId = node.getAttribute("data-focus-id");
+    node.setAttribute("data-focus-id", id);
     if (ariaHidden === null || ariaHidden === "false") {
       node.setAttribute("aria-hidden", "true");
+    } else if (!prevAriaHidden && !prevFocusId) {
+      node.setAttribute("data-hidden", ariaHidden);
     }
-    return { node, ariaHidden };
+    return {
+      node,
+      ariaHidden: prevAriaHidden || null
+    };
   });
   return () => {
     rootNodes.forEach((item) => {
-      if (!item) {
+      if (!item || id !== item.node.getAttribute("data-focus-id")) {
         return;
       }
       if (item.ariaHidden === null) {
@@ -24,6 +35,8 @@ function createAriaHider(containerNode, selector = "body > :not(script)") {
       } else {
         item.node.setAttribute("aria-hidden", item.ariaHidden);
       }
+      item.node.removeAttribute("data-focus-id");
+      item.node.removeAttribute("data-hidden");
     });
   };
 }

package/cjs/use-focus-trap/create-aria-hider.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-aria-hider.js","sources":["../../src/use-focus-trap/create-aria-hider.ts"],"sourcesContent":["export function createAriaHider(\n  containerNode: HTMLElement,\n  selector: string = 'body > :not(script)'\n) {\n  const rootNodes: any[] = Array.from<HTMLElement>(document.querySelectorAll(selector)).map(\n    (node) => {\n      if (node?.shadowRoot?.contains(containerNode) || node.contains(containerNode)) {\n        return undefined;\n      }\n\n      const ariaHidden = node.getAttribute('aria-hidden');\n\n      if (ariaHidden === null || ariaHidden === 'false') {\n        node.setAttribute('aria-hidden', 'true');\n      }\n\n      return { node, ariaHidden };\n    }\n  );\n\n  return () => {\n    rootNodes.forEach((item) => {\n      if (!item) {\n        return;\n      }\n\n      if (item.ariaHidden === null) {\n        item.node.removeAttribute('aria-hidden');\n      } else {\n        item.node.setAttribute('aria-hidden', item.ariaHidden);\n      }\n    });\n  };\n}\n"],"names":[],"mappings":";;;;AAAO,SAAS,eAAe,CAAC,aAAa,EAAE,QAAQ,GAAG,qBAAqB,EAAE;AACjF,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK;AAClF,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,UAAU,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;AACxI,MAAM,OAAO,KAAK,CAAC,CAAC;AACpB,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;AACxD,IAAI,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,OAAO,EAAE;AACvD,MAAM,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAC/C,KAAK;AACL,IAAI,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;AAChC,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,MAAM;AACf,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK;AAChC,MAAM,IAAI,CAAC,IAAI,EAAE;AACjB,QAAQ,OAAO;AACf,OAAO;AACP,MAAM,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;AACpC,QAAQ,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;AACjD,OAAO,MAAM;AACb,QAAQ,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAC/D,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"create-aria-hider.js","sources":["../../src/use-focus-trap/create-aria-hider.ts"],"sourcesContent":["import { randomId } from '../utils';\n\ninterface Value {\n  node: HTMLElement;\n  ariaHidden: string | null;\n}\n\nexport function createAriaHider(\n  containerNode: HTMLElement,\n  selector: string = 'body > :not(script)'\n) {\n  const id = randomId();\n\n  const rootNodes: (Value | undefined)[] = Array.from<HTMLElement>(\n    document.querySelectorAll(selector)\n  ).map((node) => {\n    if (node?.shadowRoot?.contains(containerNode) || node.contains(containerNode)) {\n      return undefined;\n    }\n\n    const ariaHidden = node.getAttribute('aria-hidden');\n    const prevAriaHidden = node.getAttribute('data-hidden');\n    const prevFocusId = node.getAttribute('data-focus-id');\n\n    node.setAttribute('data-focus-id', id);\n\n    if (ariaHidden === null || ariaHidden === 'false') {\n      node.setAttribute('aria-hidden', 'true');\n    } else if (!prevAriaHidden && !prevFocusId) {\n      node.setAttribute('data-hidden', ariaHidden);\n    }\n\n    return {\n      node,\n      ariaHidden: prevAriaHidden || null,\n    };\n  });\n\n  return () => {\n    rootNodes.forEach((item) => {\n      if (!item || id !== item.node.getAttribute('data-focus-id')) {\n        return;\n      }\n\n      if (item.ariaHidden === null) {\n        item.node.removeAttribute('aria-hidden');\n      } else {\n        item.node.setAttribute('aria-hidden', item.ariaHidden);\n      }\n\n      item.node.removeAttribute('data-focus-id');\n      item.node.removeAttribute('data-hidden');\n    });\n  };\n}\n"],"names":["randomId"],"mappings":";;;;;;AACO,SAAS,eAAe,CAAC,aAAa,EAAE,QAAQ,GAAG,qBAAqB,EAAE;AACjF,EAAE,MAAM,EAAE,GAAGA,iBAAQ,EAAE,CAAC;AACxB,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK;AAClF,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,UAAU,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;AACxI,MAAM,OAAO,KAAK,CAAC,CAAC;AACpB,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;AACxD,IAAI,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;AAC5D,IAAI,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AAC3D,IAAI,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;AAC3C,IAAI,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,OAAO,EAAE;AACvD,MAAM,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAC/C,KAAK,MAAM,IAAI,CAAC,cAAc,IAAI,CAAC,WAAW,EAAE;AAChD,MAAM,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;AACnD,KAAK;AACL,IAAI,OAAO;AACX,MAAM,IAAI;AACV,MAAM,UAAU,EAAE,cAAc,IAAI,IAAI;AACxC,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,MAAM;AACf,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK;AAChC,MAAM,IAAI,CAAC,IAAI,IAAI,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AACnE,QAAQ,OAAO;AACf,OAAO;AACP,MAAM,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;AACpC,QAAQ,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;AACjD,OAAO,MAAM;AACb,QAAQ,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAC/D,OAAO;AACP,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;AACjD,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;AAC/C,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ;;;;"}

package/cjs/use-merged-ref/use-merged-ref.js

@@ -3,17 +3,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var assignRef = require('../utils/assign-ref/assign-ref.js');
 
+function assignRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (typeof ref === "object" && ref !== null && "current" in ref) {
+    ref.current = value;
+  }
+}
 function mergeRefs(...refs) {
   return (node) => {
-    refs.forEach((ref) => assignRef.assignRef(ref, node));
+    refs.forEach((ref) => assignRef(ref, node));
   };
 }
 function useMergedRef(...refs) {
   return React.useCallback(mergeRefs(...refs), refs);
 }
 
+exports.assignRef = assignRef;
 exports.mergeRefs = mergeRefs;
 exports.useMergedRef = useMergedRef;
 //# sourceMappingURL=use-merged-ref.js.map

package/cjs/use-merged-ref/use-merged-ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-merged-ref.js","sources":["../../src/use-merged-ref/use-merged-ref.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { assignRef } from '../utils';\n\nexport function mergeRefs(...refs: any[]) {\n  return (node: any) => {\n    refs.forEach((ref) => assignRef(ref, node));\n  };\n}\n\nexport function useMergedRef(...refs: any[]) {\n  return useCallback(mergeRefs(...refs), refs);\n}\n"],"names":["assignRef","useCallback"],"mappings":";;;;;;;AAEO,SAAS,SAAS,CAAC,GAAG,IAAI,EAAE;AACnC,EAAE,OAAO,CAAC,IAAI,KAAK;AACnB,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAKA,mBAAS,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AAChD,GAAG,CAAC;AACJ,CAAC;AACM,SAAS,YAAY,CAAC,GAAG,IAAI,EAAE;AACtC,EAAE,OAAOC,iBAAW,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;AAC/C;;;;;"}
+{"version":3,"file":"use-merged-ref.js","sources":["../../src/use-merged-ref/use-merged-ref.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { useCallback, Ref } from 'react';\n\ntype PossibleRef<T> = Ref<T> | undefined;\n\nexport function assignRef<T>(ref: PossibleRef<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (typeof ref === 'object' && ref !== null && 'current' in ref) {\n    (ref as React.MutableRefObject<T>).current = value;\n  }\n}\n\nexport function mergeRefs<T>(...refs: PossibleRef<T>[]) {\n  return (node: T | null) => {\n    refs.forEach((ref) => assignRef(ref, node));\n  };\n}\n\nexport function useMergedRef<T>(...refs: PossibleRef<T>[]) {\n  return useCallback(mergeRefs(...refs), refs);\n}\n"],"names":["useCallback"],"mappings":";;;;;;AACO,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,CAAC;AACM,SAAS,SAAS,CAAC,GAAG,IAAI,EAAE;AACnC,EAAE,OAAO,CAAC,IAAI,KAAK;AACnB,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AAChD,GAAG,CAAC;AACJ,CAAC;AACM,SAAS,YAAY,CAAC,GAAG,IAAI,EAAE;AACtC,EAAE,OAAOA,iBAAW,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;AAC/C;;;;;;"}

package/esm/index.js

@@ -1,3 +1,5 @@
+export { useCallbackRef } from './use-callback-ref/use-callback-ref.js';
+export { useDebounceCallback } from './use-debounced-callback/use-debounced-callback.js';
 export { useClickOutside } from './use-click-outside/use-click-outside.js';
 export { useClipboard } from './use-clipboard/use-clipboard.js';
 export { useColorScheme } from './use-color-scheme/use-color-scheme.js';
@@ -18,7 +20,7 @@ export { useListState } from './use-list-state/use-list-state.js';
 export { useLocalStorage } from './use-local-storage/use-local-storage.js';
 export { useSessionStorage } from './use-session-storage/use-session-storage.js';
 export { useMediaQuery } from './use-media-query/use-media-query.js';
-export { mergeRefs, useMergedRef } from './use-merged-ref/use-merged-ref.js';
+export { assignRef, mergeRefs, useMergedRef } from './use-merged-ref/use-merged-ref.js';
 export { useMouse } from './use-mouse/use-mouse.js';
 export { clampUseMovePosition, useMove } from './use-move/use-move.js';
 export { usePagination } from './use-pagination/use-pagination.js';
@@ -54,7 +56,6 @@ export { useFavicon } from './use-favicon/use-favicon.js';
 export { useHeadroom } from './use-headroom/use-headroom.js';
 export { useEyeDropper } from './use-eye-dropper/use-eye-dropper.js';
 export { getHotkeyHandler } from './use-hotkeys/parse-hotkey.js';
-export { assignRef } from './utils/assign-ref/assign-ref.js';
 export { clamp } from './utils/clamp/clamp.js';
 export { lowerFirst } from './utils/lower-first/lower-first.js';
 export { randomId } from './utils/random-id/random-id.js';

package/esm/index.js.map

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

package/esm/use-callback-ref/use-callback-ref.js

@@ -0,0 +1,15 @@
+import { useRef, useEffect, useMemo } from 'react';
+
+function useCallbackRef(callback) {
+  const callbackRef = useRef(callback);
+  useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return useMemo(() => (...args) => {
+    var _a;
+    return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
+  }, []);
+}
+
+export { useCallbackRef };
+//# sourceMappingURL=use-callback-ref.js.map

package/esm/use-callback-ref/use-callback-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-callback-ref.js","sources":["../../src/use-callback-ref/use-callback-ref.ts"],"sourcesContent":["import { useRef, useEffect, useMemo } from 'react';\n\nexport function useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T {\n  const callbackRef = useRef(callback);\n\n  useEffect(() => {\n    callbackRef.current = callback;\n  });\n\n  return useMemo(() => ((...args) => callbackRef.current?.(...args)) as T, []);\n}\n"],"names":[],"mappings":";;AACO,SAAS,cAAc,CAAC,QAAQ,EAAE;AACzC,EAAE,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AACvC,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;AACnC,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,KAAK;AACpC,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,OAAO,CAAC,EAAE,GAAG,WAAW,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,CAAC;AACvF,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;"}

package/esm/use-debounced-callback/use-debounced-callback.js

@@ -0,0 +1,15 @@
+import { useRef, useEffect, useCallback } from 'react';
+import { useCallbackRef } from '../use-callback-ref/use-callback-ref.js';
+
+function useDebounceCallback(callback, delay) {
+  const handleCallback = useCallbackRef(callback);
+  const debounceTimerRef = useRef(0);
+  useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);
+  return useCallback(() => {
+    window.clearTimeout(debounceTimerRef.current);
+    debounceTimerRef.current = window.setTimeout(handleCallback, delay);
+  }, [handleCallback, delay]);
+}
+
+export { useDebounceCallback };
+//# sourceMappingURL=use-debounced-callback.js.map

package/esm/use-debounced-callback/use-debounced-callback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounced-callback.js","sources":["../../src/use-debounced-callback/use-debounced-callback.ts"],"sourcesContent":["import { useRef, useEffect, useCallback } from 'react';\nimport { useCallbackRef } from '../use-callback-ref/use-callback-ref';\n\nexport function useDebounceCallback(callback: () => void, delay: number) {\n  const handleCallback = useCallbackRef(callback);\n  const debounceTimerRef = useRef(0);\n  useEffect(() => () => window.clearTimeout(debounceTimerRef.current), []);\n  return useCallback(() => {\n    window.clearTimeout(debounceTimerRef.current);\n    debounceTimerRef.current = window.setTimeout(handleCallback, delay);\n  }, [handleCallback, delay]);\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,mBAAmB,CAAC,QAAQ,EAAE,KAAK,EAAE;AACrD,EAAE,MAAM,cAAc,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAClD,EAAE,MAAM,gBAAgB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACrC,EAAE,SAAS,CAAC,MAAM,MAAM,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AAC3E,EAAE,OAAO,WAAW,CAAC,MAAM;AAC3B,IAAI,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;AAClD,IAAI,gBAAgB,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;AACxE,GAAG,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC;AAC9B;;;;"}

package/esm/use-focus-trap/create-aria-hider.js

@@ -1,18 +1,29 @@
+import { randomId } from '../utils/random-id/random-id.js';
+
 function createAriaHider(containerNode, selector = "body > :not(script)") {
+  const id = randomId();
   const rootNodes = Array.from(document.querySelectorAll(selector)).map((node) => {
     var _a;
     if (((_a = node == null ? void 0 : node.shadowRoot) == null ? void 0 : _a.contains(containerNode)) || node.contains(containerNode)) {
       return void 0;
     }
     const ariaHidden = node.getAttribute("aria-hidden");
+    const prevAriaHidden = node.getAttribute("data-hidden");
+    const prevFocusId = node.getAttribute("data-focus-id");
+    node.setAttribute("data-focus-id", id);
     if (ariaHidden === null || ariaHidden === "false") {
       node.setAttribute("aria-hidden", "true");
+    } else if (!prevAriaHidden && !prevFocusId) {
+      node.setAttribute("data-hidden", ariaHidden);
     }
-    return { node, ariaHidden };
+    return {
+      node,
+      ariaHidden: prevAriaHidden || null
+    };
   });
   return () => {
     rootNodes.forEach((item) => {
-      if (!item) {
+      if (!item || id !== item.node.getAttribute("data-focus-id")) {
         return;
       }
       if (item.ariaHidden === null) {
@@ -20,6 +31,8 @@ function createAriaHider(containerNode, selector = "body > :not(script)") {
       } else {
         item.node.setAttribute("aria-hidden", item.ariaHidden);
       }
+      item.node.removeAttribute("data-focus-id");
+      item.node.removeAttribute("data-hidden");
     });
   };
 }

package/esm/use-focus-trap/create-aria-hider.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-aria-hider.js","sources":["../../src/use-focus-trap/create-aria-hider.ts"],"sourcesContent":["export function createAriaHider(\n  containerNode: HTMLElement,\n  selector: string = 'body > :not(script)'\n) {\n  const rootNodes: any[] = Array.from<HTMLElement>(document.querySelectorAll(selector)).map(\n    (node) => {\n      if (node?.shadowRoot?.contains(containerNode) || node.contains(containerNode)) {\n        return undefined;\n      }\n\n      const ariaHidden = node.getAttribute('aria-hidden');\n\n      if (ariaHidden === null || ariaHidden === 'false') {\n        node.setAttribute('aria-hidden', 'true');\n      }\n\n      return { node, ariaHidden };\n    }\n  );\n\n  return () => {\n    rootNodes.forEach((item) => {\n      if (!item) {\n        return;\n      }\n\n      if (item.ariaHidden === null) {\n        item.node.removeAttribute('aria-hidden');\n      } else {\n        item.node.setAttribute('aria-hidden', item.ariaHidden);\n      }\n    });\n  };\n}\n"],"names":[],"mappings":"AAAO,SAAS,eAAe,CAAC,aAAa,EAAE,QAAQ,GAAG,qBAAqB,EAAE;AACjF,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK;AAClF,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,UAAU,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;AACxI,MAAM,OAAO,KAAK,CAAC,CAAC;AACpB,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;AACxD,IAAI,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,OAAO,EAAE;AACvD,MAAM,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAC/C,KAAK;AACL,IAAI,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;AAChC,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,MAAM;AACf,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK;AAChC,MAAM,IAAI,CAAC,IAAI,EAAE;AACjB,QAAQ,OAAO;AACf,OAAO;AACP,MAAM,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;AACpC,QAAQ,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;AACjD,OAAO,MAAM;AACb,QAAQ,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAC/D,OAAO;AACP,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"create-aria-hider.js","sources":["../../src/use-focus-trap/create-aria-hider.ts"],"sourcesContent":["import { randomId } from '../utils';\n\ninterface Value {\n  node: HTMLElement;\n  ariaHidden: string | null;\n}\n\nexport function createAriaHider(\n  containerNode: HTMLElement,\n  selector: string = 'body > :not(script)'\n) {\n  const id = randomId();\n\n  const rootNodes: (Value | undefined)[] = Array.from<HTMLElement>(\n    document.querySelectorAll(selector)\n  ).map((node) => {\n    if (node?.shadowRoot?.contains(containerNode) || node.contains(containerNode)) {\n      return undefined;\n    }\n\n    const ariaHidden = node.getAttribute('aria-hidden');\n    const prevAriaHidden = node.getAttribute('data-hidden');\n    const prevFocusId = node.getAttribute('data-focus-id');\n\n    node.setAttribute('data-focus-id', id);\n\n    if (ariaHidden === null || ariaHidden === 'false') {\n      node.setAttribute('aria-hidden', 'true');\n    } else if (!prevAriaHidden && !prevFocusId) {\n      node.setAttribute('data-hidden', ariaHidden);\n    }\n\n    return {\n      node,\n      ariaHidden: prevAriaHidden || null,\n    };\n  });\n\n  return () => {\n    rootNodes.forEach((item) => {\n      if (!item || id !== item.node.getAttribute('data-focus-id')) {\n        return;\n      }\n\n      if (item.ariaHidden === null) {\n        item.node.removeAttribute('aria-hidden');\n      } else {\n        item.node.setAttribute('aria-hidden', item.ariaHidden);\n      }\n\n      item.node.removeAttribute('data-focus-id');\n      item.node.removeAttribute('data-hidden');\n    });\n  };\n}\n"],"names":[],"mappings":";;AACO,SAAS,eAAe,CAAC,aAAa,EAAE,QAAQ,GAAG,qBAAqB,EAAE;AACjF,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;AACxB,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK;AAClF,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,UAAU,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;AACxI,MAAM,OAAO,KAAK,CAAC,CAAC;AACpB,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;AACxD,IAAI,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;AAC5D,IAAI,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AAC3D,IAAI,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;AAC3C,IAAI,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,OAAO,EAAE;AACvD,MAAM,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAC/C,KAAK,MAAM,IAAI,CAAC,cAAc,IAAI,CAAC,WAAW,EAAE;AAChD,MAAM,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;AACnD,KAAK;AACL,IAAI,OAAO;AACX,MAAM,IAAI;AACV,MAAM,UAAU,EAAE,cAAc,IAAI,IAAI;AACxC,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,MAAM;AACf,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK;AAChC,MAAM,IAAI,CAAC,IAAI,IAAI,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AACnE,QAAQ,OAAO;AACf,OAAO;AACP,MAAM,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;AACpC,QAAQ,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;AACjD,OAAO,MAAM;AACb,QAAQ,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAC/D,OAAO;AACP,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;AACjD,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;AAC/C,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ;;;;"}

package/esm/use-merged-ref/use-merged-ref.js

@@ -1,6 +1,12 @@
 import { useCallback } from 'react';
-import { assignRef } from '../utils/assign-ref/assign-ref.js';
 
+function assignRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (typeof ref === "object" && ref !== null && "current" in ref) {
+    ref.current = value;
+  }
+}
 function mergeRefs(...refs) {
   return (node) => {
     refs.forEach((ref) => assignRef(ref, node));
@@ -10,5 +16,5 @@ function useMergedRef(...refs) {
   return useCallback(mergeRefs(...refs), refs);
 }
 
-export { mergeRefs, useMergedRef };
+export { assignRef, mergeRefs, useMergedRef };
 //# sourceMappingURL=use-merged-ref.js.map

package/esm/use-merged-ref/use-merged-ref.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-merged-ref.js","sources":["../../src/use-merged-ref/use-merged-ref.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { assignRef } from '../utils';\n\nexport function mergeRefs(...refs: any[]) {\n  return (node: any) => {\n    refs.forEach((ref) => assignRef(ref, node));\n  };\n}\n\nexport function useMergedRef(...refs: any[]) {\n  return useCallback(mergeRefs(...refs), refs);\n}\n"],"names":[],"mappings":";;;AAEO,SAAS,SAAS,CAAC,GAAG,IAAI,EAAE;AACnC,EAAE,OAAO,CAAC,IAAI,KAAK;AACnB,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AAChD,GAAG,CAAC;AACJ,CAAC;AACM,SAAS,YAAY,CAAC,GAAG,IAAI,EAAE;AACtC,EAAE,OAAO,WAAW,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;AAC/C;;;;"}
+{"version":3,"file":"use-merged-ref.js","sources":["../../src/use-merged-ref/use-merged-ref.ts"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { useCallback, Ref } from 'react';\n\ntype PossibleRef<T> = Ref<T> | undefined;\n\nexport function assignRef<T>(ref: PossibleRef<T>, value: T) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (typeof ref === 'object' && ref !== null && 'current' in ref) {\n    (ref as React.MutableRefObject<T>).current = value;\n  }\n}\n\nexport function mergeRefs<T>(...refs: PossibleRef<T>[]) {\n  return (node: T | null) => {\n    refs.forEach((ref) => assignRef(ref, node));\n  };\n}\n\nexport function useMergedRef<T>(...refs: PossibleRef<T>[]) {\n  return useCallback(mergeRefs(...refs), refs);\n}\n"],"names":[],"mappings":";;AACO,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,CAAC;AACM,SAAS,SAAS,CAAC,GAAG,IAAI,EAAE;AACnC,EAAE,OAAO,CAAC,IAAI,KAAK;AACnB,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;AAChD,GAAG,CAAC;AACJ,CAAC;AACM,SAAS,YAAY,CAAC,GAAG,IAAI,EAAE;AACtC,EAAE,OAAO,WAAW,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;AAC/C;;;;"}

package/lib/index.d.ts

@@ -1,4 +1,6 @@
 export * from './utils';
+export { useCallbackRef } from './use-callback-ref/use-callback-ref';
+export { useDebounceCallback } from './use-debounced-callback/use-debounced-callback';
 export { useClickOutside } from './use-click-outside/use-click-outside';
 export { useClipboard } from './use-clipboard/use-clipboard';
 export { useColorScheme } from './use-color-scheme/use-color-scheme';
@@ -19,7 +21,7 @@ export { useListState } from './use-list-state/use-list-state';
 export { useLocalStorage } from './use-local-storage/use-local-storage';
 export { useSessionStorage } from './use-session-storage/use-session-storage';
 export { useMediaQuery } from './use-media-query/use-media-query';
-export { useMergedRef, mergeRefs } from './use-merged-ref/use-merged-ref';
+export { useMergedRef, mergeRefs, assignRef } from './use-merged-ref/use-merged-ref';
 export { useMouse } from './use-mouse/use-mouse';
 export { useMove, clampUseMovePosition } from './use-move/use-move';
 export { usePagination } from './use-pagination/use-pagination';

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

@@ -0,0 +1 @@
+export declare function useCallbackRef<T extends (...args: any[]) => any>(callback: T | undefined): T;

package/lib/use-debounced-callback/use-debounced-callback.d.ts

@@ -0,0 +1 @@
+export declare function useDebounceCallback(callback: () => void, delay: number): () => void;

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

@@ -1,2 +1,6 @@
-export declare function mergeRefs(...refs: any[]): (node: any) => void;
-export declare function useMergedRef(...refs: any[]): (node: any) => 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 {};

package/lib/utils/index.d.ts

@@ -1,4 +1,3 @@
-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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantine/hooks",
-  "version": "7.0.0-alpha.2",
+  "version": "7.0.0-alpha.3",
   "main": "cjs/index.js",
   "module": "esm/index.js",
   "types": "lib/index.d.ts",