@mantine/hooks 6.0.11 → 7.0.0-alpha.10

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

@@ -3,17 +3,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var assignRef = require('../utils/assign-ref/assign-ref.js');
 
+/* eslint-disable no-param-reassign */
+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));
-  };
+    return (node) => {
+        refs.forEach((ref) => assignRef(ref, node));
+    };
 }
 function useMergedRef(...refs) {
-  return React.useCallback(mergeRefs(...refs), 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 React, { useCallback } from 'react';\nimport { assignRef } from '../utils';\n\ntype Ref<T> = React.Dispatch<React.SetStateAction<T>> | React.ForwardedRef<T>;\n\nexport function mergeRefs<T = any>(...refs: Ref<T>[]) {\n  return (node: T | null) => {\n    refs.forEach((ref) => assignRef(ref, node));\n  };\n}\n\nexport function useMergedRef<T = any>(...refs: Ref<T>[]) {\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":";;;;;;AAAA;SAKgB,SAAS,CAAI,GAAmB,EAAE,KAAQ;IACxD,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;QAC7B,GAAG,CAAC,KAAK,CAAC,CAAC;KACZ;SAAM,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,IAAI,SAAS,IAAI,GAAG,EAAE;QACrE,GAAiC,CAAC,OAAO,GAAG,KAAK,CAAC;KACpD;AACH,CAAC;SAEe,SAAS,CAAI,GAAG,IAAsB;IACpD,OAAO,CAAC,IAAc;QACpB,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;KAC7C,CAAC;AACJ,CAAC;SAEe,YAAY,CAAI,GAAG,IAAsB;IACvD,OAAOA,iBAAW,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC;AAC/C;;;;;;"}

package/cjs/use-mouse/use-mouse.js

@@ -4,48 +4,33 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 function useMouse(options = { resetOnExit: false }) {
-  const [position, setPosition] = React.useState({ x: 0, y: 0 });
-  const ref = React.useRef();
-  const setMousePosition = (event) => {
-    if (ref.current) {
-      const rect = event.currentTarget.getBoundingClientRect();
-      const x = Math.max(0, Math.round(event.pageX - rect.left - (window.pageXOffset || window.scrollX)));
-      const y = Math.max(0, Math.round(event.pageY - rect.top - (window.pageYOffset || window.scrollY)));
-      setPosition({ x, y });
-    } else {
-      setPosition({ x: event.clientX, y: event.clientY });
-    }
-  };
-  const resetMousePosition = () => setPosition({ x: 0, y: 0 });
-  React.useEffect(() => {
-    const element = (ref == null ? void 0 : ref.current) ? ref.current : document;
-    element.addEventListener("mousemove", setMousePosition);
-    if (options.resetOnExit)
-      element.addEventListener("mouseleave", resetMousePosition);
-    return () => {
-      element.removeEventListener("mousemove", setMousePosition);
-      if (options.resetOnExit)
-        element.removeEventListener("mouseleave", resetMousePosition);
+    const [position, setPosition] = React.useState({ x: 0, y: 0 });
+    const ref = React.useRef();
+    const setMousePosition = (event) => {
+        if (ref.current) {
+            const rect = event.currentTarget.getBoundingClientRect();
+            const x = Math.max(0, Math.round(event.pageX - rect.left - (window.pageXOffset || window.scrollX)));
+            const y = Math.max(0, Math.round(event.pageY - rect.top - (window.pageYOffset || window.scrollY)));
+            setPosition({ x, y });
+        }
+        else {
+            setPosition({ x: event.clientX, y: event.clientY });
+        }
     };
-  }, [ref.current]);
-  return __spreadValues({ ref }, position);
+    const resetMousePosition = () => setPosition({ x: 0, y: 0 });
+    React.useEffect(() => {
+        const element = (ref === null || ref === void 0 ? void 0 : ref.current) ? ref.current : document;
+        element.addEventListener('mousemove', setMousePosition);
+        if (options.resetOnExit)
+            element.addEventListener('mouseleave', resetMousePosition);
+        return () => {
+            element.removeEventListener('mousemove', setMousePosition);
+            if (options.resetOnExit)
+                element.removeEventListener('mouseleave', resetMousePosition);
+        };
+    }, [ref.current]);
+    return Object.assign({ ref }, position);
 }
 
 exports.useMouse = useMouse;

package/cjs/use-mouse/use-mouse.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mouse.js","sources":["../../src/use-mouse/use-mouse.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { MouseEvent } from 'react';\n\nexport function useMouse<T extends HTMLElement = any>(\n  options: { resetOnExit?: boolean } = { resetOnExit: false }\n) {\n  const [position, setPosition] = useState({ x: 0, y: 0 });\n\n  const ref = useRef<T>();\n\n  const setMousePosition = (event: MouseEvent<HTMLElement>) => {\n    if (ref.current) {\n      const rect = event.currentTarget.getBoundingClientRect();\n\n      const x = Math.max(\n        0,\n        Math.round(event.pageX - rect.left - (window.pageXOffset || window.scrollX))\n      );\n\n      const y = Math.max(\n        0,\n        Math.round(event.pageY - rect.top - (window.pageYOffset || window.scrollY))\n      );\n\n      setPosition({ x, y });\n    } else {\n      setPosition({ x: event.clientX, y: event.clientY });\n    }\n  };\n\n  const resetMousePosition = () => setPosition({ x: 0, y: 0 });\n\n  useEffect(() => {\n    const element = ref?.current ? ref.current : document;\n    element.addEventListener('mousemove', setMousePosition as any);\n    if (options.resetOnExit) element.addEventListener('mouseleave', resetMousePosition as any);\n\n    return () => {\n      element.removeEventListener('mousemove', setMousePosition as any);\n      if (options.resetOnExit) element.removeEventListener('mouseleave', resetMousePosition as any);\n    };\n  }, [ref.current]);\n\n  return { ref, ...position };\n}\n"],"names":["useState","useRef","useEffect"],"mappings":"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"}
+{"version":3,"file":"use-mouse.js","sources":["../../src/use-mouse/use-mouse.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { MouseEvent } from 'react';\n\nexport function useMouse<T extends HTMLElement = any>(\n  options: { resetOnExit?: boolean } = { resetOnExit: false }\n) {\n  const [position, setPosition] = useState({ x: 0, y: 0 });\n\n  const ref = useRef<T>();\n\n  const setMousePosition = (event: MouseEvent<HTMLElement>) => {\n    if (ref.current) {\n      const rect = event.currentTarget.getBoundingClientRect();\n\n      const x = Math.max(\n        0,\n        Math.round(event.pageX - rect.left - (window.pageXOffset || window.scrollX))\n      );\n\n      const y = Math.max(\n        0,\n        Math.round(event.pageY - rect.top - (window.pageYOffset || window.scrollY))\n      );\n\n      setPosition({ x, y });\n    } else {\n      setPosition({ x: event.clientX, y: event.clientY });\n    }\n  };\n\n  const resetMousePosition = () => setPosition({ x: 0, y: 0 });\n\n  useEffect(() => {\n    const element = ref?.current ? ref.current : document;\n    element.addEventListener('mousemove', setMousePosition as any);\n    if (options.resetOnExit) element.addEventListener('mouseleave', resetMousePosition as any);\n\n    return () => {\n      element.removeEventListener('mousemove', setMousePosition as any);\n      if (options.resetOnExit) element.removeEventListener('mouseleave', resetMousePosition as any);\n    };\n  }, [ref.current]);\n\n  return { ref, ...position };\n}\n"],"names":["useState","useRef","useEffect"],"mappings":";;;;;;SAGgB,QAAQ,CACtB,UAAqC,EAAE,WAAW,EAAE,KAAK,EAAE;IAE3D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGA,cAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAEzD,MAAM,GAAG,GAAGC,YAAM,EAAK,CAAC;IAExB,MAAM,gBAAgB,GAAG,CAAC,KAA8B;QACtD,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,MAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;YAEzD,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAChB,CAAC,EACD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAC7E,CAAC;YAEF,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAChB,CAAC,EACD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAC5E,CAAC;YAEF,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;SACvB;aAAM;YACL,WAAW,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;SACrD;KACF,CAAC;IAEF,MAAM,kBAAkB,GAAG,MAAM,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAE7DC,eAAS,CAAC;QACR,MAAM,OAAO,GAAG,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,IAAG,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC;QACtD,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,gBAAuB,CAAC,CAAC;QAC/D,IAAI,OAAO,CAAC,WAAW;YAAE,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,kBAAyB,CAAC,CAAC;QAE3F,OAAO;YACL,OAAO,CAAC,mBAAmB,CAAC,WAAW,EAAE,gBAAuB,CAAC,CAAC;YAClE,IAAI,OAAO,CAAC,WAAW;gBAAE,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,kBAAyB,CAAC,CAAC;SAC/F,CAAC;KACH,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;IAElB,uBAAS,GAAG,IAAK,QAAQ,EAAG;AAC9B;;;;"}

package/cjs/use-move/use-move.js

@@ -5,95 +5,97 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var clamp = require('../utils/clamp/clamp.js');
 
+/* eslint-disable @typescript-eslint/no-use-before-define */
 const clampUseMovePosition = (position) => ({
-  x: clamp.clamp(position.x, 0, 1),
-  y: clamp.clamp(position.y, 0, 1)
+    x: clamp.clamp(position.x, 0, 1),
+    y: clamp.clamp(position.y, 0, 1),
 });
-function useMove(onChange, handlers, dir = "ltr") {
-  const ref = React.useRef();
-  const mounted = React.useRef(false);
-  const isSliding = React.useRef(false);
-  const frame = React.useRef(0);
-  const [active, setActive] = React.useState(false);
-  React.useEffect(() => {
-    mounted.current = true;
-  }, []);
-  React.useEffect(() => {
-    const onScrub = ({ x, y }) => {
-      cancelAnimationFrame(frame.current);
-      frame.current = requestAnimationFrame(() => {
-        if (mounted.current && ref.current) {
-          ref.current.style.userSelect = "none";
-          const rect = ref.current.getBoundingClientRect();
-          if (rect.width && rect.height) {
-            const _x = clamp.clamp((x - rect.left) / rect.width, 0, 1);
-            onChange({
-              x: dir === "ltr" ? _x : 1 - _x,
-              y: clamp.clamp((y - rect.top) / rect.height, 0, 1)
+function useMove(onChange, handlers, dir = 'ltr') {
+    const ref = React.useRef();
+    const mounted = React.useRef(false);
+    const isSliding = React.useRef(false);
+    const frame = React.useRef(0);
+    const [active, setActive] = React.useState(false);
+    React.useEffect(() => {
+        mounted.current = true;
+    }, []);
+    React.useEffect(() => {
+        var _a, _b;
+        const onScrub = ({ x, y }) => {
+            cancelAnimationFrame(frame.current);
+            frame.current = requestAnimationFrame(() => {
+                if (mounted.current && ref.current) {
+                    ref.current.style.userSelect = 'none';
+                    const rect = ref.current.getBoundingClientRect();
+                    if (rect.width && rect.height) {
+                        const _x = clamp.clamp((x - rect.left) / rect.width, 0, 1);
+                        onChange({
+                            x: dir === 'ltr' ? _x : 1 - _x,
+                            y: clamp.clamp((y - rect.top) / rect.height, 0, 1),
+                        });
+                    }
+                }
             });
-          }
-        }
-      });
-    };
-    const bindEvents = () => {
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", stopScrubbing);
-      document.addEventListener("touchmove", onTouchMove);
-      document.addEventListener("touchend", stopScrubbing);
-    };
-    const unbindEvents = () => {
-      document.removeEventListener("mousemove", onMouseMove);
-      document.removeEventListener("mouseup", stopScrubbing);
-      document.removeEventListener("touchmove", onTouchMove);
-      document.removeEventListener("touchend", stopScrubbing);
-    };
-    const startScrubbing = () => {
-      if (!isSliding.current && mounted.current) {
-        isSliding.current = true;
-        typeof (handlers == null ? void 0 : handlers.onScrubStart) === "function" && handlers.onScrubStart();
-        setActive(true);
-        bindEvents();
-      }
-    };
-    const stopScrubbing = () => {
-      if (isSliding.current && mounted.current) {
-        isSliding.current = false;
-        setActive(false);
-        unbindEvents();
-        setTimeout(() => {
-          typeof (handlers == null ? void 0 : handlers.onScrubEnd) === "function" && handlers.onScrubEnd();
-        }, 0);
-      }
-    };
-    const onMouseDown = (event) => {
-      startScrubbing();
-      event.preventDefault();
-      onMouseMove(event);
-    };
-    const onMouseMove = (event) => onScrub({ x: event.clientX, y: event.clientY });
-    const onTouchStart = (event) => {
-      if (event.cancelable) {
-        event.preventDefault();
-      }
-      startScrubbing();
-      onTouchMove(event);
-    };
-    const onTouchMove = (event) => {
-      if (event.cancelable) {
-        event.preventDefault();
-      }
-      onScrub({ x: event.changedTouches[0].clientX, y: event.changedTouches[0].clientY });
-    };
-    ref.current.addEventListener("mousedown", onMouseDown);
-    ref.current.addEventListener("touchstart", onTouchStart, { passive: false });
-    return () => {
-      if (ref.current) {
-        ref.current.removeEventListener("mousedown", onMouseDown);
-        ref.current.removeEventListener("touchstart", onTouchStart);
-      }
-    };
-  }, [dir, onChange]);
-  return { ref, active };
+        };
+        const bindEvents = () => {
+            document.addEventListener('mousemove', onMouseMove);
+            document.addEventListener('mouseup', stopScrubbing);
+            document.addEventListener('touchmove', onTouchMove);
+            document.addEventListener('touchend', stopScrubbing);
+        };
+        const unbindEvents = () => {
+            document.removeEventListener('mousemove', onMouseMove);
+            document.removeEventListener('mouseup', stopScrubbing);
+            document.removeEventListener('touchmove', onTouchMove);
+            document.removeEventListener('touchend', stopScrubbing);
+        };
+        const startScrubbing = () => {
+            if (!isSliding.current && mounted.current) {
+                isSliding.current = true;
+                typeof (handlers === null || handlers === void 0 ? void 0 : handlers.onScrubStart) === 'function' && handlers.onScrubStart();
+                setActive(true);
+                bindEvents();
+            }
+        };
+        const stopScrubbing = () => {
+            if (isSliding.current && mounted.current) {
+                isSliding.current = false;
+                setActive(false);
+                unbindEvents();
+                setTimeout(() => {
+                    typeof (handlers === null || handlers === void 0 ? void 0 : handlers.onScrubEnd) === 'function' && handlers.onScrubEnd();
+                }, 0);
+            }
+        };
+        const onMouseDown = (event) => {
+            startScrubbing();
+            event.preventDefault();
+            onMouseMove(event);
+        };
+        const onMouseMove = (event) => onScrub({ x: event.clientX, y: event.clientY });
+        const onTouchStart = (event) => {
+            if (event.cancelable) {
+                event.preventDefault();
+            }
+            startScrubbing();
+            onTouchMove(event);
+        };
+        const onTouchMove = (event) => {
+            if (event.cancelable) {
+                event.preventDefault();
+            }
+            onScrub({ x: event.changedTouches[0].clientX, y: event.changedTouches[0].clientY });
+        };
+        (_a = ref.current) === null || _a === void 0 ? void 0 : _a.addEventListener('mousedown', onMouseDown);
+        (_b = ref.current) === null || _b === void 0 ? void 0 : _b.addEventListener('touchstart', onTouchStart, { passive: false });
+        return () => {
+            if (ref.current) {
+                ref.current.removeEventListener('mousedown', onMouseDown);
+                ref.current.removeEventListener('touchstart', onTouchStart);
+            }
+        };
+    }, [dir, onChange]);
+    return { ref, active };
 }
 
 exports.clampUseMovePosition = clampUseMovePosition;

package/cjs/use-move/use-move.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-move.js","sources":["../../src/use-move/use-move.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\nimport { useEffect, useState, useRef } from 'react';\nimport { clamp } from '../utils';\n\nexport interface UseMovePosition {\n  x: number;\n  y: number;\n}\n\nexport const clampUseMovePosition = (position: UseMovePosition) => ({\n  x: clamp(position.x, 0, 1),\n  y: clamp(position.y, 0, 1),\n});\n\ninterface useMoveHandlers {\n  onScrubStart?(): void;\n  onScrubEnd?(): void;\n}\n\nexport function useMove<T extends HTMLElement = HTMLDivElement>(\n  onChange: (value: UseMovePosition) => void,\n  handlers?: useMoveHandlers,\n  dir: 'ltr' | 'rtl' = 'ltr'\n) {\n  const ref = useRef<T>();\n  const mounted = useRef<boolean>(false);\n  const isSliding = useRef(false);\n  const frame = useRef(0);\n  const [active, setActive] = useState(false);\n\n  useEffect(() => {\n    mounted.current = true;\n  }, []);\n\n  useEffect(() => {\n    const onScrub = ({ x, y }: UseMovePosition) => {\n      cancelAnimationFrame(frame.current);\n\n      frame.current = requestAnimationFrame(() => {\n        if (mounted.current && ref.current) {\n          ref.current.style.userSelect = 'none';\n          const rect = ref.current.getBoundingClientRect();\n\n          if (rect.width && rect.height) {\n            const _x = clamp((x - rect.left) / rect.width, 0, 1);\n            onChange({\n              x: dir === 'ltr' ? _x : 1 - _x,\n              y: clamp((y - rect.top) / rect.height, 0, 1),\n            });\n          }\n        }\n      });\n    };\n\n    const bindEvents = () => {\n      document.addEventListener('mousemove', onMouseMove);\n      document.addEventListener('mouseup', stopScrubbing);\n      document.addEventListener('touchmove', onTouchMove);\n      document.addEventListener('touchend', stopScrubbing);\n    };\n\n    const unbindEvents = () => {\n      document.removeEventListener('mousemove', onMouseMove);\n      document.removeEventListener('mouseup', stopScrubbing);\n      document.removeEventListener('touchmove', onTouchMove);\n      document.removeEventListener('touchend', stopScrubbing);\n    };\n\n    const startScrubbing = () => {\n      if (!isSliding.current && mounted.current) {\n        isSliding.current = true;\n        typeof handlers?.onScrubStart === 'function' && handlers.onScrubStart();\n        setActive(true);\n        bindEvents();\n      }\n    };\n\n    const stopScrubbing = () => {\n      if (isSliding.current && mounted.current) {\n        isSliding.current = false;\n        setActive(false);\n        unbindEvents();\n        setTimeout(() => {\n          typeof handlers?.onScrubEnd === 'function' && handlers.onScrubEnd();\n        }, 0);\n      }\n    };\n\n    const onMouseDown = (event: MouseEvent) => {\n      startScrubbing();\n      event.preventDefault();\n      onMouseMove(event);\n    };\n\n    const onMouseMove = (event: MouseEvent) => onScrub({ x: event.clientX, y: event.clientY });\n\n    const onTouchStart = (event: TouchEvent) => {\n      if (event.cancelable) {\n        event.preventDefault();\n      }\n\n      startScrubbing();\n      onTouchMove(event);\n    };\n\n    const onTouchMove = (event: TouchEvent) => {\n      if (event.cancelable) {\n        event.preventDefault();\n      }\n\n      onScrub({ x: event.changedTouches[0].clientX, y: event.changedTouches[0].clientY });\n    };\n\n    ref.current.addEventListener('mousedown', onMouseDown);\n    ref.current.addEventListener('touchstart', onTouchStart, { passive: false });\n\n    return () => {\n      if (ref.current) {\n        ref.current.removeEventListener('mousedown', onMouseDown);\n        ref.current.removeEventListener('touchstart', onTouchStart);\n      }\n    };\n  }, [dir, onChange]);\n\n  return { ref, active };\n}\n"],"names":["clamp","useRef","useState","useEffect"],"mappings":"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"}
+{"version":3,"file":"use-move.js","sources":["../../src/use-move/use-move.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\nimport { useEffect, useState, useRef } from 'react';\nimport { clamp } from '../utils';\n\nexport interface UseMovePosition {\n  x: number;\n  y: number;\n}\n\nexport const clampUseMovePosition = (position: UseMovePosition) => ({\n  x: clamp(position.x, 0, 1),\n  y: clamp(position.y, 0, 1),\n});\n\ninterface useMoveHandlers {\n  onScrubStart?(): void;\n  onScrubEnd?(): void;\n}\n\nexport function useMove<T extends HTMLElement = HTMLDivElement>(\n  onChange: (value: UseMovePosition) => void,\n  handlers?: useMoveHandlers,\n  dir: 'ltr' | 'rtl' = 'ltr'\n) {\n  const ref = useRef<T>();\n  const mounted = useRef<boolean>(false);\n  const isSliding = useRef(false);\n  const frame = useRef(0);\n  const [active, setActive] = useState(false);\n\n  useEffect(() => {\n    mounted.current = true;\n  }, []);\n\n  useEffect(() => {\n    const onScrub = ({ x, y }: UseMovePosition) => {\n      cancelAnimationFrame(frame.current);\n\n      frame.current = requestAnimationFrame(() => {\n        if (mounted.current && ref.current) {\n          ref.current.style.userSelect = 'none';\n          const rect = ref.current.getBoundingClientRect();\n\n          if (rect.width && rect.height) {\n            const _x = clamp((x - rect.left) / rect.width, 0, 1);\n            onChange({\n              x: dir === 'ltr' ? _x : 1 - _x,\n              y: clamp((y - rect.top) / rect.height, 0, 1),\n            });\n          }\n        }\n      });\n    };\n\n    const bindEvents = () => {\n      document.addEventListener('mousemove', onMouseMove);\n      document.addEventListener('mouseup', stopScrubbing);\n      document.addEventListener('touchmove', onTouchMove);\n      document.addEventListener('touchend', stopScrubbing);\n    };\n\n    const unbindEvents = () => {\n      document.removeEventListener('mousemove', onMouseMove);\n      document.removeEventListener('mouseup', stopScrubbing);\n      document.removeEventListener('touchmove', onTouchMove);\n      document.removeEventListener('touchend', stopScrubbing);\n    };\n\n    const startScrubbing = () => {\n      if (!isSliding.current && mounted.current) {\n        isSliding.current = true;\n        typeof handlers?.onScrubStart === 'function' && handlers.onScrubStart();\n        setActive(true);\n        bindEvents();\n      }\n    };\n\n    const stopScrubbing = () => {\n      if (isSliding.current && mounted.current) {\n        isSliding.current = false;\n        setActive(false);\n        unbindEvents();\n        setTimeout(() => {\n          typeof handlers?.onScrubEnd === 'function' && handlers.onScrubEnd();\n        }, 0);\n      }\n    };\n\n    const onMouseDown = (event: MouseEvent) => {\n      startScrubbing();\n      event.preventDefault();\n      onMouseMove(event);\n    };\n\n    const onMouseMove = (event: MouseEvent) => onScrub({ x: event.clientX, y: event.clientY });\n\n    const onTouchStart = (event: TouchEvent) => {\n      if (event.cancelable) {\n        event.preventDefault();\n      }\n\n      startScrubbing();\n      onTouchMove(event);\n    };\n\n    const onTouchMove = (event: TouchEvent) => {\n      if (event.cancelable) {\n        event.preventDefault();\n      }\n\n      onScrub({ x: event.changedTouches[0].clientX, y: event.changedTouches[0].clientY });\n    };\n\n    ref.current?.addEventListener('mousedown', onMouseDown);\n    ref.current?.addEventListener('touchstart', onTouchStart, { passive: false });\n\n    return () => {\n      if (ref.current) {\n        ref.current.removeEventListener('mousedown', onMouseDown);\n        ref.current.removeEventListener('touchstart', onTouchStart);\n      }\n    };\n  }, [dir, onChange]);\n\n  return { ref, active };\n}\n"],"names":["clamp","useRef","useState","useEffect"],"mappings":"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"}

package/cjs/use-network/use-network.js

@@ -5,57 +5,41 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useWindowEvent = require('../use-window-event/use-window-event.js');
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
 function getConnection() {
-  if (typeof navigator === "undefined") {
-    return {};
-  }
-  const _navigator = navigator;
-  const connection = _navigator.connection || _navigator.mozConnection || _navigator.webkitConnection;
-  if (!connection) {
-    return {};
-  }
-  return {
-    downlink: connection == null ? void 0 : connection.downlink,
-    downlinkMax: connection == null ? void 0 : connection.downlinkMax,
-    effectiveType: connection == null ? void 0 : connection.effectiveType,
-    rtt: connection == null ? void 0 : connection.rtt,
-    saveData: connection == null ? void 0 : connection.saveData,
-    type: connection == null ? void 0 : connection.type
-  };
-}
-function useNetwork() {
-  const [status, setStatus] = React.useState({
-    online: true
-  });
-  const handleConnectionChange = React.useCallback(() => setStatus((current) => __spreadValues(__spreadValues({}, current), getConnection())), []);
-  useWindowEvent.useWindowEvent("online", () => setStatus(__spreadValues({ online: true }, getConnection())));
-  useWindowEvent.useWindowEvent("offline", () => setStatus(__spreadValues({ online: false }, getConnection())));
-  React.useEffect(() => {
+    if (typeof navigator === 'undefined') {
+        return {};
+    }
     const _navigator = navigator;
-    if (_navigator.connection) {
-      setStatus(__spreadValues({ online: _navigator.onLine }, getConnection()));
-      _navigator.connection.addEventListener("change", handleConnectionChange);
-      return () => _navigator.connection.removeEventListener("change", handleConnectionChange);
+    const connection = _navigator.connection || _navigator.mozConnection || _navigator.webkitConnection;
+    if (!connection) {
+        return {};
     }
-    return void 0;
-  }, []);
-  return status;
+    return {
+        downlink: connection === null || connection === void 0 ? void 0 : connection.downlink,
+        downlinkMax: connection === null || connection === void 0 ? void 0 : connection.downlinkMax,
+        effectiveType: connection === null || connection === void 0 ? void 0 : connection.effectiveType,
+        rtt: connection === null || connection === void 0 ? void 0 : connection.rtt,
+        saveData: connection === null || connection === void 0 ? void 0 : connection.saveData,
+        type: connection === null || connection === void 0 ? void 0 : connection.type,
+    };
+}
+function useNetwork() {
+    const [status, setStatus] = React.useState({
+        online: true,
+    });
+    const handleConnectionChange = React.useCallback(() => setStatus((current) => (Object.assign(Object.assign({}, current), getConnection()))), []);
+    useWindowEvent.useWindowEvent('online', () => setStatus(Object.assign({ online: true }, getConnection())));
+    useWindowEvent.useWindowEvent('offline', () => setStatus(Object.assign({ online: false }, getConnection())));
+    React.useEffect(() => {
+        const _navigator = navigator;
+        if (_navigator.connection) {
+            setStatus(Object.assign({ online: _navigator.onLine }, getConnection()));
+            _navigator.connection.addEventListener('change', handleConnectionChange);
+            return () => _navigator.connection.removeEventListener('change', handleConnectionChange);
+        }
+        return undefined;
+    }, []);
+    return status;
 }
 
 exports.useNetwork = useNetwork;

package/cjs/use-network/use-network.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-network.js","sources":["../../src/use-network/use-network.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { useWindowEvent } from '../use-window-event/use-window-event';\n\ninterface NetworkStatus {\n  downlink?: number;\n  downlinkMax?: number;\n  effectiveType?: 'slow-2g' | '2g' | '3g' | '4g';\n  rtt?: number;\n  saveData?: boolean;\n  type?: 'bluetooth' | 'cellular' | 'ethernet' | 'wifi' | 'wimax' | 'none' | 'other' | 'unknown';\n}\n\nfunction getConnection(): NetworkStatus {\n  if (typeof navigator === 'undefined') {\n    return {};\n  }\n\n  const _navigator = navigator as any;\n  const connection: any =\n    _navigator.connection || _navigator.mozConnection || _navigator.webkitConnection;\n\n  if (!connection) {\n    return {};\n  }\n\n  return {\n    downlink: connection?.downlink,\n    downlinkMax: connection?.downlinkMax,\n    effectiveType: connection?.effectiveType,\n    rtt: connection?.rtt,\n    saveData: connection?.saveData,\n    type: connection?.type,\n  };\n}\n\nexport function useNetwork() {\n  const [status, setStatus] = useState<{ online: boolean } & NetworkStatus>({\n    online: true,\n  });\n  const handleConnectionChange = useCallback(\n    () => setStatus((current) => ({ ...current, ...getConnection() })),\n    []\n  );\n\n  useWindowEvent('online', () => setStatus({ online: true, ...getConnection() }));\n  useWindowEvent('offline', () => setStatus({ online: false, ...getConnection() }));\n\n  useEffect(() => {\n    const _navigator = navigator as any;\n\n    if (_navigator.connection) {\n      setStatus({ online: _navigator.onLine, ...getConnection() });\n      _navigator.connection.addEventListener('change', handleConnectionChange);\n      return () => _navigator.connection.removeEventListener('change', handleConnectionChange);\n    }\n\n    return undefined;\n  }, []);\n\n  return status;\n}\n"],"names":["useState","useCallback","useWindowEvent","useEffect"],"mappings":"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"}
+{"version":3,"file":"use-network.js","sources":["../../src/use-network/use-network.ts"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { useWindowEvent } from '../use-window-event/use-window-event';\n\ninterface NetworkStatus {\n  downlink?: number;\n  downlinkMax?: number;\n  effectiveType?: 'slow-2g' | '2g' | '3g' | '4g';\n  rtt?: number;\n  saveData?: boolean;\n  type?: 'bluetooth' | 'cellular' | 'ethernet' | 'wifi' | 'wimax' | 'none' | 'other' | 'unknown';\n}\n\nfunction getConnection(): NetworkStatus {\n  if (typeof navigator === 'undefined') {\n    return {};\n  }\n\n  const _navigator = navigator as any;\n  const connection: any =\n    _navigator.connection || _navigator.mozConnection || _navigator.webkitConnection;\n\n  if (!connection) {\n    return {};\n  }\n\n  return {\n    downlink: connection?.downlink,\n    downlinkMax: connection?.downlinkMax,\n    effectiveType: connection?.effectiveType,\n    rtt: connection?.rtt,\n    saveData: connection?.saveData,\n    type: connection?.type,\n  };\n}\n\nexport function useNetwork() {\n  const [status, setStatus] = useState<{ online: boolean } & NetworkStatus>({\n    online: true,\n  });\n  const handleConnectionChange = useCallback(\n    () => setStatus((current) => ({ ...current, ...getConnection() })),\n    []\n  );\n\n  useWindowEvent('online', () => setStatus({ online: true, ...getConnection() }));\n  useWindowEvent('offline', () => setStatus({ online: false, ...getConnection() }));\n\n  useEffect(() => {\n    const _navigator = navigator as any;\n\n    if (_navigator.connection) {\n      setStatus({ online: _navigator.onLine, ...getConnection() });\n      _navigator.connection.addEventListener('change', handleConnectionChange);\n      return () => _navigator.connection.removeEventListener('change', handleConnectionChange);\n    }\n\n    return undefined;\n  }, []);\n\n  return status;\n}\n"],"names":["useState","useCallback","useWindowEvent","useEffect"],"mappings":";;;;;;;AAYA,SAAS,aAAa;IACpB,IAAI,OAAO,SAAS,KAAK,WAAW,EAAE;QACpC,OAAO,EAAE,CAAC;KACX;IAED,MAAM,UAAU,GAAG,SAAgB,CAAC;IACpC,MAAM,UAAU,GACd,UAAU,CAAC,UAAU,IAAI,UAAU,CAAC,aAAa,IAAI,UAAU,CAAC,gBAAgB,CAAC;IAEnF,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,EAAE,CAAC;KACX;IAED,OAAO;QACL,QAAQ,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ;QAC9B,WAAW,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,WAAW;QACpC,aAAa,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,aAAa;QACxC,GAAG,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG;QACpB,QAAQ,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ;QAC9B,IAAI,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI;KACvB,CAAC;AACJ,CAAC;SAEe,UAAU;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAsC;QACxE,MAAM,EAAE,IAAI;KACb,CAAC,CAAC;IACH,MAAM,sBAAsB,GAAGC,iBAAW,CACxC,MAAM,SAAS,CAAC,CAAC,OAAO,sCAAW,OAAO,GAAK,aAAa,EAAE,EAAG,CAAC,EAClE,EAAE,CACH,CAAC;IAEFC,6BAAc,CAAC,QAAQ,EAAE,MAAM,SAAS,iBAAG,MAAM,EAAE,IAAI,IAAK,aAAa,EAAE,EAAG,CAAC,CAAC;IAChFA,6BAAc,CAAC,SAAS,EAAE,MAAM,SAAS,iBAAG,MAAM,EAAE,KAAK,IAAK,aAAa,EAAE,EAAG,CAAC,CAAC;IAElFC,eAAS,CAAC;QACR,MAAM,UAAU,GAAG,SAAgB,CAAC;QAEpC,IAAI,UAAU,CAAC,UAAU,EAAE;YACzB,SAAS,iBAAG,MAAM,EAAE,UAAU,CAAC,MAAM,IAAK,aAAa,EAAE,EAAG,CAAC;YAC7D,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC;YACzE,OAAO,MAAM,UAAU,CAAC,UAAU,CAAC,mBAAmB,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC;SAC1F;QAED,OAAO,SAAS,CAAC;KAClB,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,MAAM,CAAC;AAChB;;;;"}

package/cjs/use-os/use-os.js

@@ -6,38 +6,38 @@ var React = require('react');
 var useIsomorphicEffect = require('../use-isomorphic-effect/use-isomorphic-effect.js');
 
 function getOS() {
-  if (typeof window === "undefined") {
-    return "undetermined";
-  }
-  const { userAgent } = window.navigator;
-  const macosPlatforms = /(Macintosh)|(MacIntel)|(MacPPC)|(Mac68K)/i;
-  const windowsPlatforms = /(Win32)|(Win64)|(Windows)|(WinCE)/i;
-  const iosPlatforms = /(iPhone)|(iPad)|(iPod)/i;
-  if (macosPlatforms.test(userAgent)) {
-    return "macos";
-  }
-  if (iosPlatforms.test(userAgent)) {
-    return "ios";
-  }
-  if (windowsPlatforms.test(userAgent)) {
-    return "windows";
-  }
-  if (/Android/i.test(userAgent)) {
-    return "android";
-  }
-  if (/Linux/i.test(userAgent)) {
-    return "linux";
-  }
-  return "undetermined";
+    if (typeof window === 'undefined') {
+        return 'undetermined';
+    }
+    const { userAgent } = window.navigator;
+    const macosPlatforms = /(Macintosh)|(MacIntel)|(MacPPC)|(Mac68K)/i;
+    const windowsPlatforms = /(Win32)|(Win64)|(Windows)|(WinCE)/i;
+    const iosPlatforms = /(iPhone)|(iPad)|(iPod)/i;
+    if (macosPlatforms.test(userAgent)) {
+        return 'macos';
+    }
+    if (iosPlatforms.test(userAgent)) {
+        return 'ios';
+    }
+    if (windowsPlatforms.test(userAgent)) {
+        return 'windows';
+    }
+    if (/Android/i.test(userAgent)) {
+        return 'android';
+    }
+    if (/Linux/i.test(userAgent)) {
+        return 'linux';
+    }
+    return 'undetermined';
 }
 function useOs(options = { getValueInEffect: true }) {
-  const [value, setValue] = React.useState(options.getValueInEffect ? "undetermined" : getOS());
-  useIsomorphicEffect.useIsomorphicEffect(() => {
-    if (options.getValueInEffect) {
-      setValue(getOS);
-    }
-  }, []);
-  return value;
+    const [value, setValue] = React.useState(options.getValueInEffect ? 'undetermined' : getOS());
+    useIsomorphicEffect.useIsomorphicEffect(() => {
+        if (options.getValueInEffect) {
+            setValue(getOS);
+        }
+    }, []);
+    return value;
 }
 
 exports.useOs = useOs;

package/cjs/use-os/use-os.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-os.js","sources":["../../src/use-os/use-os.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\nexport type OS = 'undetermined' | 'macos' | 'ios' | 'windows' | 'android' | 'linux';\n\nfunction getOS(): OS {\n  if (typeof window === 'undefined') {\n    return 'undetermined';\n  }\n\n  const { userAgent } = window.navigator;\n  const macosPlatforms = /(Macintosh)|(MacIntel)|(MacPPC)|(Mac68K)/i;\n  const windowsPlatforms = /(Win32)|(Win64)|(Windows)|(WinCE)/i;\n  const iosPlatforms = /(iPhone)|(iPad)|(iPod)/i;\n\n  if (macosPlatforms.test(userAgent)) {\n    return 'macos';\n  }\n  if (iosPlatforms.test(userAgent)) {\n    return 'ios';\n  }\n  if (windowsPlatforms.test(userAgent)) {\n    return 'windows';\n  }\n  if (/Android/i.test(userAgent)) {\n    return 'android';\n  }\n  if (/Linux/i.test(userAgent)) {\n    return 'linux';\n  }\n\n  return 'undetermined';\n}\n\ninterface UseOsOptions {\n  getValueInEffect: boolean;\n}\n\nexport function useOs(options: UseOsOptions = { getValueInEffect: true }): OS {\n  const [value, setValue] = useState<OS>(options.getValueInEffect ? 'undetermined' : getOS());\n\n  useIsomorphicEffect(() => {\n    if (options.getValueInEffect) {\n      setValue(getOS);\n    }\n  }, []);\n\n  return value;\n}\n"],"names":["useState","useIsomorphicEffect"],"mappings":";;;;;;;AAEA,SAAS,KAAK,GAAG;AACjB,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACrC,IAAI,OAAO,cAAc,CAAC;AAC1B,GAAG;AACH,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC;AACzC,EAAE,MAAM,cAAc,GAAG,2CAA2C,CAAC;AACrE,EAAE,MAAM,gBAAgB,GAAG,oCAAoC,CAAC;AAChE,EAAE,MAAM,YAAY,GAAG,yBAAyB,CAAC;AACjD,EAAE,IAAI,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AACtC,IAAI,OAAO,OAAO,CAAC;AACnB,GAAG;AACH,EAAE,IAAI,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AACpC,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAI,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AACxC,IAAI,OAAO,SAAS,CAAC;AACrB,GAAG;AACH,EAAE,IAAI,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AAClC,IAAI,OAAO,SAAS,CAAC;AACrB,GAAG;AACH,EAAE,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;AAChC,IAAI,OAAO,OAAO,CAAC;AACnB,GAAG;AACH,EAAE,OAAO,cAAc,CAAC;AACxB,CAAC;AACM,SAAS,KAAK,CAAC,OAAO,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,EAAE;AAC5D,EAAE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAC,OAAO,CAAC,gBAAgB,GAAG,cAAc,GAAG,KAAK,EAAE,CAAC,CAAC;AAC1F,EAAEC,uCAAmB,CAAC,MAAM;AAC5B,IAAI,IAAI,OAAO,CAAC,gBAAgB,EAAE;AAClC,MAAM,QAAQ,CAAC,KAAK,CAAC,CAAC;AACtB,KAAK;AACL,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,OAAO,KAAK,CAAC;AACf;;;;"}
+{"version":3,"file":"use-os.js","sources":["../../src/use-os/use-os.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\nexport type OS = 'undetermined' | 'macos' | 'ios' | 'windows' | 'android' | 'linux';\n\nfunction getOS(): OS {\n  if (typeof window === 'undefined') {\n    return 'undetermined';\n  }\n\n  const { userAgent } = window.navigator;\n  const macosPlatforms = /(Macintosh)|(MacIntel)|(MacPPC)|(Mac68K)/i;\n  const windowsPlatforms = /(Win32)|(Win64)|(Windows)|(WinCE)/i;\n  const iosPlatforms = /(iPhone)|(iPad)|(iPod)/i;\n\n  if (macosPlatforms.test(userAgent)) {\n    return 'macos';\n  }\n  if (iosPlatforms.test(userAgent)) {\n    return 'ios';\n  }\n  if (windowsPlatforms.test(userAgent)) {\n    return 'windows';\n  }\n  if (/Android/i.test(userAgent)) {\n    return 'android';\n  }\n  if (/Linux/i.test(userAgent)) {\n    return 'linux';\n  }\n\n  return 'undetermined';\n}\n\ninterface UseOsOptions {\n  getValueInEffect: boolean;\n}\n\nexport function useOs(options: UseOsOptions = { getValueInEffect: true }): OS {\n  const [value, setValue] = useState<OS>(options.getValueInEffect ? 'undetermined' : getOS());\n\n  useIsomorphicEffect(() => {\n    if (options.getValueInEffect) {\n      setValue(getOS);\n    }\n  }, []);\n\n  return value;\n}\n"],"names":["useState","useIsomorphicEffect"],"mappings":";;;;;;;AAKA,SAAS,KAAK;IACZ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,OAAO,cAAc,CAAC;KACvB;IAED,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC;IACvC,MAAM,cAAc,GAAG,2CAA2C,CAAC;IACnE,MAAM,gBAAgB,GAAG,oCAAoC,CAAC;IAC9D,MAAM,YAAY,GAAG,yBAAyB,CAAC;IAE/C,IAAI,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;QAClC,OAAO,OAAO,CAAC;KAChB;IACD,IAAI,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;QAChC,OAAO,KAAK,CAAC;KACd;IACD,IAAI,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;QACpC,OAAO,SAAS,CAAC;KAClB;IACD,IAAI,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;QAC9B,OAAO,SAAS,CAAC;KAClB;IACD,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;QAC5B,OAAO,OAAO,CAAC;KAChB;IAED,OAAO,cAAc,CAAC;AACxB,CAAC;SAMe,KAAK,CAAC,UAAwB,EAAE,gBAAgB,EAAE,IAAI,EAAE;IACtE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAK,OAAO,CAAC,gBAAgB,GAAG,cAAc,GAAG,KAAK,EAAE,CAAC,CAAC;IAE5FC,uCAAmB,CAAC;QAClB,IAAI,OAAO,CAAC,gBAAgB,EAAE;YAC5B,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,KAAK,CAAC;AACf;;;;"}

package/cjs/use-page-leave/use-page-leave.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 function usePageLeave(onPageLeave) {
-  React.useEffect(() => {
-    document.documentElement.addEventListener("mouseleave", onPageLeave);
-    return () => document.documentElement.removeEventListener("mouseleave", onPageLeave);
-  }, []);
+    React.useEffect(() => {
+        document.documentElement.addEventListener('mouseleave', onPageLeave);
+        return () => document.documentElement.removeEventListener('mouseleave', onPageLeave);
+    }, []);
 }
 
 exports.usePageLeave = usePageLeave;

package/cjs/use-page-leave/use-page-leave.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-page-leave.js","sources":["../../src/use-page-leave/use-page-leave.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport function usePageLeave(onPageLeave: () => void) {\n  useEffect(() => {\n    document.documentElement.addEventListener('mouseleave', onPageLeave);\n    return () => document.documentElement.removeEventListener('mouseleave', onPageLeave);\n  }, []);\n}\n"],"names":["useEffect"],"mappings":";;;;;;AACO,SAAS,YAAY,CAAC,WAAW,EAAE;AAC1C,EAAEA,eAAS,CAAC,MAAM;AAClB,IAAI,QAAQ,CAAC,eAAe,CAAC,gBAAgB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;AACzE,IAAI,OAAO,MAAM,QAAQ,CAAC,eAAe,CAAC,mBAAmB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;AACzF,GAAG,EAAE,EAAE,CAAC,CAAC;AACT;;;;"}
+{"version":3,"file":"use-page-leave.js","sources":["../../src/use-page-leave/use-page-leave.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nexport function usePageLeave(onPageLeave: () => void) {\n  useEffect(() => {\n    document.documentElement.addEventListener('mouseleave', onPageLeave);\n    return () => document.documentElement.removeEventListener('mouseleave', onPageLeave);\n  }, []);\n}\n"],"names":["useEffect"],"mappings":";;;;;;SAEgB,YAAY,CAAC,WAAuB;IAClDA,eAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,gBAAgB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;QACrE,OAAO,MAAM,QAAQ,CAAC,eAAe,CAAC,mBAAmB,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;KACtF,EAAE,EAAE,CAAC,CAAC;AACT;;;;"}