npm - @reactuses/core - Versions diffs - 5.0.16 → 5.0.18 - Mend

@reactuses/core 5.0.16 → 5.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/README.md +8 -8
package/dist/{index-client-DSNqfa2q.cjs → index-client-DJgtg2U_.cjs} +4 -3
package/dist/{index-client-KksAIxbB.js → index-client-Qon46B4S.js} +4 -3
package/dist/index.cjs +379 -340
package/dist/index.d.cts +141 -98
package/dist/index.d.mts +141 -98
package/dist/index.d.ts +141 -98
package/dist/index.mjs +379 -342
package/package.json +4 -4

package/dist/index.cjs CHANGED Viewed

@@ -5,10 +5,11 @@ var lodashEs = require('lodash-es');
 var Cookies = require('js-cookie');
 var screenfull = require('screenfull');
 var index_js = require('use-sync-external-store/shim/index.js');
-var indexClient = require('./index-client-DSNqfa2q.cjs');
+var indexClient = require('./index-client-DJgtg2U_.cjs');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+var React__default = /*#__PURE__*/_interopDefault(React);
 var Cookies__default = /*#__PURE__*/_interopDefault(Cookies);
 var screenfull__default = /*#__PURE__*/_interopDefault(screenfull);
@@ -19,13 +20,17 @@ const useLatest = (value)=>{
 };
 var _window_navigator, _window;
-const isFunction = (val)=>typeof val === "function";
-const isString = (val)=>typeof val === "string";
-const isDev = process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test";
-const isBrowser = typeof window !== "undefined";
-const isNavigator = typeof navigator !== "undefined";
-const noop = ()=>{};
-const isIOS = isBrowser && ((_window = window) == null ? void 0 : (_window_navigator = _window.navigator) == null ? void 0 : _window_navigator.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function isFunction(val) {
+    return typeof val === 'function';
+}
+function isString(val) {
+    return typeof val === 'string';
+}
+const isDev = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test';
+const isBrowser = typeof window !== 'undefined';
+const isNavigator = typeof navigator !== 'undefined';
+function noop() {}
+const isIOS = isBrowser && ((_window = window) == null ? void 0 : (_window_navigator = _window.navigator) == null ? void 0 : _window_navigator.userAgent) && /iP(?:ad|hone|od)/.test(window.navigator.userAgent);
 function on(obj, ...args) {
     if (obj && obj.addEventListener) {
@@ -40,9 +45,9 @@ function off(obj, ...args) {
 const defaultWindow =  isBrowser ? window : undefined;
 const defaultOptions$1 = {};
-const defaultOnError = (e)=>{
+function defaultOnError(e) {
     console.error(e);
-};
+}
 function getTargetElement(target, defaultElement) {
     if (!isBrowser) {
@@ -54,7 +59,7 @@ function getTargetElement(target, defaultElement) {
     let targetElement;
     if (isFunction(target)) {
         targetElement = target();
-    } else if ("current" in target) {
+    } else if ('current' in target) {
         targetElement = target.current;
     } else {
         targetElement = target;
@@ -63,12 +68,12 @@ function getTargetElement(target, defaultElement) {
 }
 const useCustomCompareEffect = (effect, deps, depsEqual)=>{
-    if (process.env.NODE_ENV !== "production") {
+    if (process.env.NODE_ENV !== 'production') {
         if (!Array.isArray(deps) || !deps.length) {
-            console.warn("`useCustomCompareEffect` should not be used with no dependencies. Use React.useEffect instead.");
+            console.warn('`useCustomCompareEffect` should not be used with no dependencies. Use React.useEffect instead.');
         }
-        if (typeof depsEqual !== "function") {
-            console.warn("`useCustomCompareEffect` should be used with depsEqual callback for comparing deps list");
+        if (typeof depsEqual !== 'function') {
+            console.warn('`useCustomCompareEffect` should be used with depsEqual callback for comparing deps list');
         }
     }
     const ref = React.useRef(undefined);
@@ -80,9 +85,9 @@ const useCustomCompareEffect = (effect, deps, depsEqual)=>{
 };
 const useDeepCompareEffect = (effect, deps)=>{
-    if (process.env.NODE_ENV !== "production") {
+    if (process.env.NODE_ENV !== 'production') {
         if (!Array.isArray(deps) || !deps.length) {
-            console.warn("`useDeepCompareEffect` should not be used with no dependencies. Use React.useEffect instead.");
+            console.warn('`useDeepCompareEffect` should not be used with no dependencies. Use React.useEffect instead.');
         }
     }
     useCustomCompareEffect(effect, deps, lodashEs.isEqual);
@@ -116,12 +121,12 @@ const useActiveElement = ()=>{
         var _window;
         setActive((_window = window) == null ? void 0 : _window.document.activeElement);
     }, []);
-    useEventListener("blur", listener, ()=>window, true);
-    useEventListener("focus", listener, ()=>window, true);
+    useEventListener('blur', listener, ()=>window, true);
+    useEventListener('focus', listener, ()=>window, true);
     return active;
 };
-const useMountedState = ()=>{
+function useMountedState() {
     const mountedRef = React.useRef(false);
     const get = React.useCallback(()=>mountedRef.current, []);
     React.useEffect(()=>{
@@ -131,7 +136,7 @@ const useMountedState = ()=>{
         };
     }, []);
     return get;
-};
+}
 function asyncGeneratorStep$6(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -198,11 +203,11 @@ const useClickOutside = (target, handler, enabled = true)=>{
         }
         savedHandler.current(event);
     };
-    useEventListener("mousedown", listener, defaultWindow, listerOptions);
-    useEventListener("touchstart", listener, defaultWindow, listerOptions);
+    useEventListener('mousedown', listener, defaultWindow, listerOptions);
+    useEventListener('touchstart', listener, defaultWindow, listerOptions);
 };
-const getInitialState$4 = (key, defaultValue)=>{
+function getInitialState$4(key, defaultValue) {
     // Prevent a React hydration mismatch when a default value is provided.
     if (defaultValue !== undefined) {
         return defaultValue;
@@ -210,11 +215,11 @@ const getInitialState$4 = (key, defaultValue)=>{
     if (isBrowser) {
         return Cookies__default.default.get(key);
     }
-    if (process.env.NODE_ENV !== "production") {
-        console.warn("`useCookie` When server side rendering, defaultValue should be defined to prevent a hydration mismatches.");
+    if (process.env.NODE_ENV !== 'production') {
+        console.warn('`useCookie` When server side rendering, defaultValue should be defined to prevent a hydration mismatches.');
     }
-    return "";
-};
+    return '';
+}
 const useCookie = (key, options = defaultOptions$1, defaultValue)=>{
     const [cookieValue, setCookieValue] = React.useState(getInitialState$4(key, defaultValue));
     React.useEffect(()=>{
@@ -331,22 +336,22 @@ const useInterval = (callback, delay, options = defaultOptions$1)=>{
     };
 };
-const padZero = (time)=>{
+function padZero(time) {
     return `${time}`.length < 2 ? `0${time}` : `${time}`;
-};
-const getHMSTime = (timeDiff)=>{
+}
+function getHMSTime(timeDiff) {
     if (timeDiff <= 0) {
         return [
-            "00",
-            "00",
-            "00"
+            '00',
+            '00',
+            '00'
         ];
     }
     if (timeDiff > 100 * 3600) {
         return [
-            "99",
-            "59",
-            "59"
+            '99',
+            '59',
+            '59'
         ];
     }
     const hour = Math.floor(timeDiff / 3600);
@@ -357,7 +362,7 @@ const getHMSTime = (timeDiff)=>{
         padZero(minute),
         padZero(second)
     ];
-};
+}
 const useCountDown = (time, format = getHMSTime, callback)=>{
     const [remainTime, setRemainTime] = React.useState(time);
     const [delay, setDelay] = React.useState(1000);
@@ -388,14 +393,14 @@ const useCountDown = (time, format = getHMSTime, callback)=>{
 const useCounter = (initialValue = 0, max = null, min = null)=>{
     // avoid exec init code every render
     const initFunc = ()=>{
-        let init = typeof initialValue === "function" ? initialValue() : initialValue;
-        typeof init !== "number" && console.error(`initialValue has to be a number, got ${typeof initialValue}`);
-        if (typeof min === "number") {
+        let init = typeof initialValue === 'function' ? initialValue() : initialValue;
+        typeof init !== 'number' && console.error(`initialValue has to be a number, got ${typeof initialValue}`);
+        if (typeof min === 'number') {
             init = Math.max(init, min);
         } else if (min !== null) {
             console.error(`min has to be a number, got ${typeof min}`);
         }
-        if (typeof max === "number") {
+        if (typeof max === 'number') {
             init = Math.min(init, max);
         } else if (max !== null) {
             console.error(`max has to be a number, got ${typeof max}`);
@@ -405,11 +410,11 @@ const useCounter = (initialValue = 0, max = null, min = null)=>{
     const [value, setValue] = React.useState(initFunc);
     const set = useEvent((newState)=>{
         setValue((v)=>{
-            let nextValue = typeof newState === "function" ? newState(v) : newState;
-            if (typeof min === "number") {
+            let nextValue = typeof newState === 'function' ? newState(v) : newState;
+            if (typeof min === 'number') {
                 nextValue = Math.max(nextValue, min);
             }
-            if (typeof max === "number") {
+            if (typeof max === 'number') {
                 nextValue = Math.min(nextValue, max);
             }
             return nextValue;
@@ -437,19 +442,19 @@ const defaultOptions = {
     observe: false
 };
-const getInitialState$3 = (defaultValue)=>{
+function getInitialState$3(defaultValue) {
     // Prevent a React hydration mismatch when a default value is provided.
     if (defaultValue !== undefined) {
         return defaultValue;
     }
     if (isBrowser) {
-        return "";
+        return '';
     }
-    if (process.env.NODE_ENV !== "production") {
-        console.warn("`useCssVar` When server side rendering, defaultValue should be defined to prevent a hydration mismatches.");
+    if (process.env.NODE_ENV !== 'production') {
+        console.warn('`useCssVar` When server side rendering, defaultValue should be defined to prevent a hydration mismatches.');
     }
-    return "";
-};
+    return '';
+}
 const useCssVar = (prop, target, defaultValue, options = defaultOptions)=>{
     const { observe } = options;
     const [variable, setVariable] = React.useState(getInitialState$3(defaultValue));
@@ -493,8 +498,8 @@ const useCssVar = (prop, target, defaultValue, options = defaultOptions)=>{
         observerRef.current = new MutationObserver(updateCssVar);
         observerRef.current.observe(element, {
             attributeFilter: [
-                "style",
-                "class"
+                'style',
+                'class'
             ]
         });
         return ()=>{
@@ -537,12 +542,12 @@ const useCycleList = (list, i = 0)=>{
 };
 function guessSerializerType(rawInit) {
-    return rawInit == null || rawInit === undefined ? "any" : rawInit instanceof Set ? "set" : rawInit instanceof Map ? "map" : rawInit instanceof Date ? "date" : typeof rawInit === "boolean" ? "boolean" : typeof rawInit === "string" ? "string" : typeof rawInit === "object" ? "object" : Array.isArray(rawInit) ? "object" : !Number.isNaN(rawInit) ? "number" : "any";
+    return rawInit == null || rawInit === undefined ? 'any' : rawInit instanceof Set ? 'set' : rawInit instanceof Map ? 'map' : rawInit instanceof Date ? 'date' : typeof rawInit === 'boolean' ? 'boolean' : typeof rawInit === 'string' ? 'string' : typeof rawInit === 'object' ? 'object' : Array.isArray(rawInit) ? 'object' : !Number.isNaN(rawInit) ? 'number' : 'any';
 }
 const StorageSerializers = {
     boolean: {
-        read: (v)=>v === "true",
+        read: (v)=>v === 'true',
         write: (v)=>String(v)
     },
     object: {
@@ -574,7 +579,7 @@ const StorageSerializers = {
         write: (v)=>v.toISOString()
     }
 };
-const getInitialState$2 = (key, defaultValue, storage, serializer, onError)=>{
+function getInitialState$2(key, defaultValue, storage, serializer, onError) {
     // Prevent a React hydration mismatch when a default value is provided.
     if (defaultValue !== undefined) {
         return defaultValue;
@@ -591,11 +596,11 @@ const getInitialState$2 = (key, defaultValue, storage, serializer, onError)=>{
         }
     }
     // A default value has not been provided, and you are rendering on the server, warn of a possible hydration mismatch when defaulting to false.
-    if (process.env.NODE_ENV !== "production") {
-        console.warn("`createStorage` When server side rendering, defaultValue should be defined to prevent a hydration mismatches.");
+    if (process.env.NODE_ENV !== 'production') {
+        console.warn('`createStorage` When server side rendering, defaultValue should be defined to prevent a hydration mismatches.');
     }
     return null;
-};
+}
 function useStorage(key, defaultValue, getStorage = ()=>isBrowser ? sessionStorage : undefined, options = defaultOptions$1) {
     let storage;
     const { onError = defaultOnError, effectStorageValue } = options;
@@ -652,9 +657,9 @@ function useStorage(key, defaultValue, getStorage = ()=>isBrowser ? sessionStora
 }
 const useDarkMode = (options)=>{
-    const { selector = "html", attribute = "class", classNameDark = "", classNameLight = "", storageKey = "reactuses-color-scheme", storage = ()=>isBrowser ? localStorage : undefined, defaultValue = false } = options;
+    const { selector = 'html', attribute = 'class', classNameDark = '', classNameLight = '', storageKey = 'reactuses-color-scheme', storage = ()=>isBrowser ? localStorage : undefined, defaultValue = false } = options;
     const value = ()=>{
-        return window.matchMedia("(prefers-color-scheme: dark)").matches;
+        return window.matchMedia('(prefers-color-scheme: dark)').matches;
     };
     const [dark, setDark] = useStorage(storageKey, defaultValue, storage, {
         effectStorageValue: value
@@ -665,7 +670,7 @@ const useDarkMode = (options)=>{
         if (!element) {
             return;
         }
-        if (attribute === "class") {
+        if (attribute === 'class') {
             dark && classNameDark && element.classList.add(classNameDark);
             !dark && classNameLight && element.classList.add(classNameLight);
         } else {
@@ -676,7 +681,7 @@ const useDarkMode = (options)=>{
             if (!element) {
                 return;
             }
-            if (attribute === "class") {
+            if (attribute === 'class') {
                 dark && classNameDark && element.classList.remove(classNameDark);
                 !dark && classNameLight && element.classList.remove(classNameLight);
             } else {
@@ -698,7 +703,7 @@ const useDarkMode = (options)=>{
     ];
 };
-const useUnmount = (fn)=>{
+function useUnmount(fn) {
     if (isDev) {
         if (!isFunction(fn)) {
             console.error(`useUnmount expected parameter is a function, got ${typeof fn}`);
@@ -710,7 +715,7 @@ const useUnmount = (fn)=>{
         }, [
         fnRef
     ]);
-};
+}
 const useDebounceFn = (fn, wait, options)=>{
     if (isDev) {
@@ -750,7 +755,7 @@ const useDebounce = (value, wait, options)=>{
     return debounced;
 };
-const getInitialState$1 = (defaultValue)=>{
+function getInitialState$1(defaultValue) {
     // Prevent a React hydration mismatch when a default value is provided.
     if (defaultValue !== undefined) {
         return defaultValue;
@@ -758,28 +763,28 @@ const getInitialState$1 = (defaultValue)=>{
     if (isBrowser) {
         return document.visibilityState;
     }
-    if (process.env.NODE_ENV !== "production") {
-        console.warn("`useDocumentVisibility` When server side rendering, defaultValue should be defined to prevent a hydration mismatches.");
+    if (process.env.NODE_ENV !== 'production') {
+        console.warn('`useDocumentVisibility` When server side rendering, defaultValue should be defined to prevent a hydration mismatches.');
     }
-    return "visible";
-};
-const useDocumentVisibility = (defaultValue)=>{
+    return 'visible';
+}
+function useDocumentVisibility(defaultValue) {
     const [visible, setVisible] = React.useState(getInitialState$1(defaultValue));
-    useEventListener("visibilitychange", ()=>{
+    useEventListener('visibilitychange', ()=>{
         setVisible(document.visibilityState);
     }, ()=>document);
     React.useEffect(()=>{
         setVisible(document.visibilityState);
     }, []);
     return visible;
-};
+}
 const useDoubleClick = ({ target, latency = 300, onSingleClick = ()=>{}, onDoubleClick = ()=>{} })=>{
     const handle = React.useCallback((onSingleClick, onDoubleClick)=>{
         let count = 0;
         return (e)=>{
             // prevent ios double click slide
-            if (e.type === "touchend") {
+            if (e.type === 'touchend') {
                 e.stopPropagation();
                 e.preventDefault();
             }
@@ -798,24 +803,24 @@ const useDoubleClick = ({ target, latency = 300, onSingleClick = ()=>{}, onDoubl
     ]);
     const handleClick = handle(onSingleClick, onDoubleClick);
     const handleTouchEnd = handle(onSingleClick, onDoubleClick);
-    useEventListener("click", handleClick, target);
-    useEventListener("touchend", handleTouchEnd, target, {
+    useEventListener('click', handleClick, target);
+    useEventListener('touchend', handleTouchEnd, target, {
         passive: false
     });
 };
-const isScrollX = (node)=>{
+function isScrollX(node) {
     if (!node) {
         return false;
     }
-    return getComputedStyle(node).overflowX === "auto" || getComputedStyle(node).overflowX === "scroll";
-};
-const isScrollY = (node)=>{
+    return getComputedStyle(node).overflowX === 'auto' || getComputedStyle(node).overflowX === 'scroll';
+}
+function isScrollY(node) {
     if (!node) {
         return false;
     }
-    return getComputedStyle(node).overflowY === "auto" || getComputedStyle(node).overflowY === "scroll";
-};
+    return getComputedStyle(node).overflowY === 'auto' || getComputedStyle(node).overflowY === 'scroll';
+}
 const useDraggable = (target, options = {})=>{
     const { draggingElement, containerElement } = options;
     var _options_handle;
@@ -908,9 +913,9 @@ const useDraggable = (target, options = {})=>{
         options.onEnd == null ? void 0 : options.onEnd.call(options, position, e);
         handleEvent(e);
     };
-    useEventListener("pointerdown", start, draggingHandle, true);
-    useEventListener("pointermove", move, draggingElement, true);
-    useEventListener("pointerup", end, draggingElement, true);
+    useEventListener('pointerdown', start, draggingHandle, true);
+    useEventListener('pointermove', move, draggingElement, true);
+    useEventListener('pointerup', end, draggingElement, true);
     return [
         position.x,
         position.y,
@@ -922,22 +927,22 @@ const useDraggable = (target, options = {})=>{
 const useDropZone = (target, onDrop)=>{
     const [over, setOver] = React.useState(false);
     const counter = React.useRef(0);
-    useEventListener("dragenter", (event)=>{
+    useEventListener('dragenter', (event)=>{
         event.preventDefault();
         counter.current += 1;
         setOver(true);
     }, target);
-    useEventListener("dragover", (event)=>{
+    useEventListener('dragover', (event)=>{
         event.preventDefault();
     }, target);
-    useEventListener("dragleave", (event)=>{
+    useEventListener('dragleave', (event)=>{
         event.preventDefault();
         counter.current -= 1;
         if (counter.current === 0) {
             setOver(false);
         }
     }, target);
-    useEventListener("drop", (event)=>{
+    useEventListener('drop', (event)=>{
         var _event_dataTransfer;
         event.preventDefault();
         counter.current = 0;
@@ -1020,21 +1025,21 @@ const useElementBounding = (target, options = defaultOptions$1)=>{
     ]);
     React.useEffect(()=>{
         if (windowScroll) {
-            window.addEventListener("scroll", update, {
+            window.addEventListener('scroll', update, {
                 passive: true
             });
         }
         if (windowResize) {
-            window.addEventListener("resize", update, {
+            window.addEventListener('resize', update, {
                 passive: true
             });
         }
         return ()=>{
             if (windowScroll) {
-                window.removeEventListener("scroll", update);
+                window.removeEventListener('scroll', update);
             }
             if (windowResize) {
-                window.removeEventListener("resize", update);
+                window.removeEventListener('resize', update);
             }
         };
     }, [
@@ -1056,11 +1061,11 @@ const useElementBounding = (target, options = defaultOptions$1)=>{
 };
 const useElementSize = (target, options = defaultOptions$1)=>{
-    const { box = "content-box" } = options;
+    const { box = 'content-box' } = options;
     const [width, setWidth] = React.useState(0);
     const [height, setHeight] = React.useState(0);
     useResizeObserver(target, ([entry])=>{
-        const boxSize = box === "border-box" ? entry.borderBoxSize : box === "content-box" ? entry.contentBoxSize : entry.devicePixelContentBoxSize;
+        const boxSize = box === 'border-box' ? entry.borderBoxSize : box === 'content-box' ? entry.contentBoxSize : entry.devicePixelContentBoxSize;
         if (boxSize) {
             setWidth(boxSize.reduce((acc, { inlineSize })=>acc + inlineSize, 0));
             setHeight(boxSize.reduce((acc, { blockSize })=>acc + blockSize, 0));
@@ -1111,7 +1116,7 @@ const useElementVisibility = (target, options = defaultOptions$1)=>{
     ];
 };
-const useEventEmitter = ()=>{
+function useEventEmitter() {
     const listeners = React.useRef([]);
     const _disposed = React.useRef(false);
     const _event = React.useRef((listener)=>{
@@ -1150,16 +1155,16 @@ const useEventEmitter = ()=>{
         fire,
         dispose
     ];
-};
+}
-const useSupported = (callback, sync = false)=>{
+function useSupported(callback, sync = false) {
     const [supported, setSupported] = React.useState(false);
     const effect = sync ? useIsomorphicLayoutEffect : React.useEffect;
     effect(()=>{
         setSupported(Boolean(callback()));
     }, []);
     return supported;
-};
+}
 function asyncGeneratorStep$5(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -1191,11 +1196,11 @@ function _async_to_generator$5(fn) {
     };
 }
 const useEyeDropper = ()=>{
-    const isSupported = useSupported(()=>typeof window !== "undefined" && "EyeDropper" in window, true);
+    const isSupported = useSupported(()=>typeof window !== 'undefined' && 'EyeDropper' in window, true);
     const open = React.useCallback(/*#__PURE__*/ _async_to_generator$5(function*(options = {}) {
         if (!isSupported) {
             return {
-                sRGBHex: ""
+                sRGBHex: ''
             };
         }
         const eyeDropper = new window.EyeDropper();
@@ -1209,23 +1214,23 @@ const useEyeDropper = ()=>{
     ];
 };
-const useFavicon = (href, baseUrl = "", rel = "icon")=>{
+function useFavicon(href, baseUrl = '', rel = 'icon') {
     React.useEffect(()=>{
         const url = `${baseUrl}${href}`;
         const element = document.head.querySelectorAll(`link[rel*="${rel}"]`);
         element.forEach((el)=>el.href = url);
         if (element.length === 0) {
-            const link = document.createElement("link");
+            const link = document.createElement('link');
             link.rel = rel;
             link.href = url;
-            document.getElementsByTagName("head")[0].appendChild(link);
+            document.getElementsByTagName('head')[0].appendChild(link);
         }
     }, [
         baseUrl,
         href,
         rel
     ]);
-};
+}
 function asyncGeneratorStep$4(gen, resolve, reject, _next, _throw, key, arg) {
     try {
@@ -1272,7 +1277,7 @@ function _extends$2() {
 }
 const DEFAULT_OPTIONS = {
     multiple: true,
-    accept: "*"
+    accept: '*'
 };
 const useFileDialog = (options = defaultOptions$1)=>{
     const [files, setFiles] = React.useState(null);
@@ -1280,11 +1285,11 @@ const useFileDialog = (options = defaultOptions$1)=>{
     const fileOpenPromiseRef = React.useRef(null);
     const resolveFileOpenPromiseRef = React.useRef();
     const initFn = React.useCallback(()=>{
-        if (typeof document === "undefined") {
+        if (typeof document === 'undefined') {
             return undefined;
         }
-        const input = document.createElement("input");
-        input.type = "file";
+        const input = document.createElement('input');
+        input.type = 'file';
         input.onchange = (event)=>{
             const result = event.target;
             setFiles(result.files);
@@ -1311,7 +1316,7 @@ const useFileDialog = (options = defaultOptions$1)=>{
         setFiles(null);
         resolveFileOpenPromiseRef.current == null ? void 0 : resolveFileOpenPromiseRef.current.call(resolveFileOpenPromiseRef, null);
         if (inputRef.current) {
-            inputRef.current.value = "";
+            inputRef.current.value = '';
         }
     };
     return [
@@ -1344,8 +1349,8 @@ const useMount = (fn)=>{
 const useFocus = (target, initialValue = false)=>{
     const [focus, innerSetFocus] = React.useState(initialValue);
-    useEventListener("focus", ()=>innerSetFocus(true), target);
-    useEventListener("blur", ()=>innerSetFocus(false), target);
+    useEventListener('focus', ()=>innerSetFocus(true), target);
+    useEventListener('blur', ()=>innerSetFocus(false), target);
     const setFocus = (value)=>{
         const element = getTargetElement(target);
         if (!element) {
@@ -1409,7 +1414,7 @@ const useRafFn = (callback, initiallyActive = true)=>{
     return result;
 };
-const useFps = (options = defaultOptions$1)=>{
+function useFps(options = defaultOptions$1) {
     const [fps, setFps] = React.useState(0);
     var _options_every;
     const every = (_options_every = options.every) != null ? _options_every : 10;
@@ -1426,7 +1431,7 @@ const useFps = (options = defaultOptions$1)=>{
         }
     });
     return fps;
-};
+}
 const useFullscreen = (target, options = defaultOptions$1)=>{
     const { onExit, onEnter } = options;
@@ -1437,7 +1442,7 @@ const useFullscreen = (target, options = defaultOptions$1)=>{
             if (isFullscreen) {
                 onEnter == null ? void 0 : onEnter();
             } else {
-                screenfull__default.default.off("change", onChange);
+                screenfull__default.default.off('change', onChange);
                 onExit == null ? void 0 : onExit();
             }
             setState(isFullscreen);
@@ -1451,7 +1456,7 @@ const useFullscreen = (target, options = defaultOptions$1)=>{
         if (screenfull__default.default.isEnabled) {
             try {
                 screenfull__default.default.request(el);
-                screenfull__default.default.on("change", onChange);
+                screenfull__default.default.on('change', onChange);
             } catch (error) {
                 console.error(error);
             }
@@ -1471,7 +1476,7 @@ const useFullscreen = (target, options = defaultOptions$1)=>{
     };
     useUnmount(()=>{
         if (screenfull__default.default.isEnabled) {
-            screenfull__default.default.off("change", onChange);
+            screenfull__default.default.off('change', onChange);
         }
     });
     return [
@@ -1496,6 +1501,7 @@ const initCoord = {
 };
 const useGeolocation = (options = defaultOptions$1)=>{
     const { enableHighAccuracy = true, maximumAge = 30000, timeout = 27000 } = options;
+    const isSupported = useSupported(()=>navigator && 'geolocation' in navigator);
     const [coordinates, setCoordinates] = React.useState(initCoord);
     const [locatedAt, setLocatedAt] = React.useState(null);
     const [error, setError] = React.useState(null);
@@ -1510,6 +1516,9 @@ const useGeolocation = (options = defaultOptions$1)=>{
         setError(err);
     }, []);
     React.useEffect(()=>{
+        if (!isSupported) {
+            return;
+        }
         navigator.geolocation.getCurrentPosition(updatePosition, updateError);
         const watchId = navigator.geolocation.watchPosition(updatePosition, updateError, {
             enableHighAccuracy,
@@ -1523,6 +1532,7 @@ const useGeolocation = (options = defaultOptions$1)=>{
         };
     }, [
         enableHighAccuracy,
+        isSupported,
         maximumAge,
         timeout,
         updateError,
@@ -1531,7 +1541,8 @@ const useGeolocation = (options = defaultOptions$1)=>{
     return {
         coordinates,
         locatedAt,
-        error
+        error,
+        isSupported
     };
 };
@@ -1539,18 +1550,18 @@ const useHover = (target)=>{
     const [hovered, setHovered] = React.useState(false);
     const onMouseEnter = React.useCallback(()=>setHovered(true), []);
     const onMouseLeave = React.useCallback(()=>setHovered(false), []);
-    useEventListener("mouseenter", onMouseEnter, target);
-    useEventListener("mouseleave", onMouseLeave, target);
+    useEventListener('mouseenter', onMouseEnter, target);
+    useEventListener('mouseleave', onMouseLeave, target);
     return hovered;
 };
 const defaultEvents$1 = [
-    "mousemove",
-    "mousedown",
-    "resize",
-    "keydown",
-    "touchstart",
-    "wheel"
+    'mousemove',
+    'mousedown',
+    'resize',
+    'keydown',
+    'touchstart',
+    'wheel'
 ];
 const oneMinute = 60e3;
 const useIdle = (ms = oneMinute, initialState = false, events = defaultEvents$1)=>{
@@ -1580,14 +1591,14 @@ const useIdle = (ms = oneMinute, initialState = false, events = defaultEvents$1)
         for(let i = 0; i < events.length; i++){
             on(window, events[i], onEvent);
         }
-        on(document, "visibilitychange", onVisibility);
+        on(document, 'visibilitychange', onVisibility);
         timeout = setTimeout(()=>set(true), ms);
         return ()=>{
             mounted = false;
             for(let i = 0; i < events.length; i++){
                 off(window, events[i], onEvent);
             }
-            off(document, "visibilitychange", onVisibility);
+            off(document, 'visibilitychange', onVisibility);
         };
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
@@ -1597,7 +1608,7 @@ const useIdle = (ms = oneMinute, initialState = false, events = defaultEvents$1)
     return state;
 };
-const useThrottleFn = (fn, wait, options)=>{
+function useThrottleFn(fn, wait, options) {
     if (isDev) {
         if (!isFunction(fn)) {
             console.error(`useThrottleFn expected parameter is a function, got ${typeof fn}`);
@@ -1619,7 +1630,7 @@ const useThrottleFn = (fn, wait, options)=>{
         cancel: throttled.cancel,
         flush: throttled.flush
     };
-};
+}
 /**
  * We have to check if the scroll amount is close enough to some threshold in order to
@@ -1688,7 +1699,7 @@ const useScroll = (target, options = defaultOptions$1)=>{
         onScroll(e);
     });
     const { run: throttleOnScroll } = useThrottleFn(onScrollHandler, throttle);
-    useEventListener("scroll", throttle ? throttleOnScroll : onScrollHandler, target, eventListenerOptions);
+    useEventListener('scroll', throttle ? throttleOnScroll : onScrollHandler, target, eventListenerOptions);
     return [
         x,
         y,
@@ -1755,7 +1766,7 @@ function _extends$1() {
 const useInfiniteScroll = (target, onLoadMore, options = defaultOptions$1)=>{
     const savedLoadMore = useLatest(onLoadMore);
     var _options_direction;
-    const direction = (_options_direction = options.direction) != null ? _options_direction : "bottom";
+    const direction = (_options_direction = options.direction) != null ? _options_direction : 'bottom';
     var _options_distance;
     const state = useScroll(target, _extends$1({}, options, {
         offset: _extends$1({
@@ -1788,10 +1799,10 @@ const useInfiniteScroll = (target, onLoadMore, options = defaultOptions$1)=>{
 };
 const defaultEvents = [
-    "mousedown",
-    "mouseup",
-    "keydown",
-    "keyup"
+    'mousedown',
+    'mouseup',
+    'keydown',
+    'keyup'
 ];
 const useKeyModifier = (modifier, options = defaultOptions$1)=>{
     const { events = defaultEvents, initial = false } = options;
@@ -1799,7 +1810,7 @@ const useKeyModifier = (modifier, options = defaultOptions$1)=>{
     useMount(()=>{
         events.forEach((listenEvent)=>{
             on(document, listenEvent, (evt)=>{
-                if (typeof evt.getModifierState === "function") {
+                if (typeof evt.getModifierState === 'function') {
                     setState(evt.getModifierState(modifier));
                 }
             });
@@ -1807,7 +1818,7 @@ const useKeyModifier = (modifier, options = defaultOptions$1)=>{
         return ()=>{
             events.forEach((listenerEvent)=>{
                 off(document, listenerEvent, (evt)=>{
-                    if (typeof evt.getModifierState === "function") {
+                    if (typeof evt.getModifierState === 'function') {
                         setState(evt.getModifierState(modifier));
                     }
                 });
@@ -1822,11 +1833,11 @@ function useLocalStorage(key, defaultValue, options = defaultOptions$1) {
 }
 function subscribe$1(callback) {
-    window.addEventListener("popstate", callback);
-    window.addEventListener("hashchange", callback);
+    window.addEventListener('popstate', callback);
+    window.addEventListener('hashchange', callback);
     return ()=>{
-        window.removeEventListener("popstate", callback);
-        window.removeEventListener("hashchange", callback);
+        window.removeEventListener('popstate', callback);
+        window.removeEventListener('hashchange', callback);
     };
 }
 const useLocationSelector = (selector, /**
@@ -1836,24 +1847,24 @@ const useLocationSelector = (selector, /**
     return index_js.useSyncExternalStore(subscribe$1, ()=>selector(location), ()=>fallback);
 };
-const isTouchEvent = (ev)=>{
-    return "touches" in ev;
-};
-const preventDefault$1 = (ev)=>{
+function isTouchEvent(ev) {
+    return 'touches' in ev;
+}
+function preventDefault$1(ev) {
     if (!isTouchEvent(ev)) {
         return;
     }
     if (ev.touches.length < 2 && ev.preventDefault) {
         ev.preventDefault();
     }
-};
+}
 const useLongPress = (callback, { isPreventDefault = true, delay = 300 } = defaultOptions$1)=>{
     const timeout = React.useRef();
     const target = React.useRef();
     const start = React.useCallback((event)=>{
         // prevent ghost click on mobile devices
         if (isPreventDefault && event.target) {
-            on(event.target, "touchend", preventDefault$1, {
+            on(event.target, 'touchend', preventDefault$1, {
                 passive: false
             });
             target.current = event.target;
@@ -1868,7 +1879,7 @@ const useLongPress = (callback, { isPreventDefault = true, delay = 300 } = defau
         // clearTimeout and removeEventListener
         timeout.current && clearTimeout(timeout.current);
         if (isPreventDefault && target.current) {
-            off(target.current, "touchend", preventDefault$1);
+            off(target.current, 'touchend', preventDefault$1);
         }
     }, [
         isPreventDefault
@@ -1982,12 +1993,12 @@ const useMediaDevices = (options = {})=>{
         let state;
         try {
             state = (yield navigator.permissions.query({
-                name: "camera"
+                name: 'camera'
             })).state;
         } catch (error) {
-            state = "prompt";
+            state = 'prompt';
         }
-        if (state !== "granted") {
+        if (state !== 'granted') {
             stream.current = yield navigator.mediaDevices.getUserMedia(constraints);
             onChange();
             permissionGranted.current = true;
@@ -2007,10 +2018,10 @@ const useMediaDevices = (options = {})=>{
         if (requestPermissions) {
             ensurePermissions();
         }
-        on(navigator.mediaDevices, "devicechange", onChange);
+        on(navigator.mediaDevices, 'devicechange', onChange);
         onChange();
         return ()=>{
-            off(navigator.mediaDevices, "devicechange", onChange);
+            off(navigator.mediaDevices, 'devicechange', onChange);
         };
     }, [
         onChange,
@@ -2024,7 +2035,7 @@ const useMediaDevices = (options = {})=>{
     ];
 };
-const getInitialState = (query, defaultState)=>{
+function getInitialState(query, defaultState) {
     // Prevent a React hydration mismatch when a default value is provided by not defaulting to window.matchMedia(query).matches.
     if (defaultState !== undefined) {
         return defaultState;
@@ -2033,11 +2044,11 @@ const getInitialState = (query, defaultState)=>{
         return window.matchMedia(query).matches;
     }
     // A default value has not been provided, and you are rendering on the server, warn of a possible hydration mismatch when defaulting to false.
-    if (process.env.NODE_ENV !== "production") {
-        console.warn("`useMediaQuery` When server side rendering, defaultState should be defined to prevent a hydration mismatches.");
+    if (process.env.NODE_ENV !== 'production') {
+        console.warn('`useMediaQuery` When server side rendering, defaultState should be defined to prevent a hydration mismatches.');
     }
     return false;
-};
+}
 const useMediaQuery = (query, defaultState)=>{
     const [state, setState] = React.useState(getInitialState(query, defaultState));
     React.useEffect(()=>{
@@ -2049,16 +2060,16 @@ const useMediaQuery = (query, defaultState)=>{
             }
             setState(!!mql.matches);
         };
-        if ("addEventListener" in mql) {
-            mql.addEventListener("change", onChange);
+        if ('addEventListener' in mql) {
+            mql.addEventListener('change', onChange);
         } else {
             mql.addListener == null ? void 0 : mql.addListener.call(mql, onChange);
         }
         setState(mql.matches);
         return ()=>{
             mounted = false;
-            if ("removeEventListener" in mql) {
-                mql.removeEventListener("change", onChange);
+            if ('removeEventListener' in mql) {
+                mql.removeEventListener('change', onChange);
             } else {
                 mql.removeListener == null ? void 0 : mql.removeListener.call(mql, onChange);
             }
@@ -2069,7 +2080,7 @@ const useMediaQuery = (query, defaultState)=>{
     return state;
 };
-const useRafState = (initialState)=>{
+function useRafState(initialState) {
     const frame = React.useRef(0);
     const [state, setState] = React.useState(initialState);
     const setRafState = React.useCallback((value)=>{
@@ -2085,7 +2096,7 @@ const useRafState = (initialState)=>{
         state,
         setRafState
     ];
-};
+}
 const initState = {
     screenX: Number.NaN,
@@ -2103,7 +2114,7 @@ const initState = {
 };
 const useMouse = (target)=>{
     const [state, setState] = useRafState(initState);
-    useEventListener("mousemove", (event)=>{
+    useEventListener('mousemove', (event)=>{
         const { screenX, screenY, clientX, clientY, pageX, pageY } = event;
         const newState = {
             screenX,
@@ -2150,30 +2161,30 @@ const useMousePressed = (target, options = defaultOptions$1)=>{
         setPressed(false);
         setSourceType(null);
     }, []);
-    useEventListener("mousedown", onPressed("mouse"), target, listenerOptions$2);
-    useEventListener("mouseleave", onReleased, ()=>window, listenerOptions$2);
-    useEventListener("mouseup", onReleased, ()=>window, listenerOptions$2);
+    useEventListener('mousedown', onPressed('mouse'), target, listenerOptions$2);
+    useEventListener('mouseleave', onReleased, ()=>window, listenerOptions$2);
+    useEventListener('mouseup', onReleased, ()=>window, listenerOptions$2);
     React.useEffect(()=>{
         if (drag) {
-            element == null ? void 0 : element.addEventListener("dragstart", onPressed("mouse"), listenerOptions$2);
-            element == null ? void 0 : element.addEventListener("drop", onReleased, listenerOptions$2);
-            element == null ? void 0 : element.addEventListener("dragend", onReleased, listenerOptions$2);
+            element == null ? void 0 : element.addEventListener('dragstart', onPressed('mouse'), listenerOptions$2);
+            element == null ? void 0 : element.addEventListener('drop', onReleased, listenerOptions$2);
+            element == null ? void 0 : element.addEventListener('dragend', onReleased, listenerOptions$2);
         }
         if (touch) {
-            element == null ? void 0 : element.addEventListener("touchstart", onPressed("touch"), listenerOptions$2);
-            element == null ? void 0 : element.addEventListener("touchend", onReleased, listenerOptions$2);
-            element == null ? void 0 : element.addEventListener("touchcancel", onReleased, listenerOptions$2);
+            element == null ? void 0 : element.addEventListener('touchstart', onPressed('touch'), listenerOptions$2);
+            element == null ? void 0 : element.addEventListener('touchend', onReleased, listenerOptions$2);
+            element == null ? void 0 : element.addEventListener('touchcancel', onReleased, listenerOptions$2);
         }
         return ()=>{
             if (drag) {
-                element == null ? void 0 : element.removeEventListener("dragstart", onPressed("mouse"));
-                element == null ? void 0 : element.removeEventListener("drop", onReleased);
-                element == null ? void 0 : element.removeEventListener("dragend", onReleased);
+                element == null ? void 0 : element.removeEventListener('dragstart', onPressed('mouse'));
+                element == null ? void 0 : element.removeEventListener('drop', onReleased);
+                element == null ? void 0 : element.removeEventListener('dragend', onReleased);
             }
             if (touch) {
-                element == null ? void 0 : element.removeEventListener("touchstart", onPressed("touch"));
-                element == null ? void 0 : element.removeEventListener("touchend", onReleased);
-                element == null ? void 0 : element.removeEventListener("touchcancel", onReleased);
+                element == null ? void 0 : element.removeEventListener('touchstart', onPressed('touch'));
+                element == null ? void 0 : element.removeEventListener('touchend', onReleased);
+                element == null ? void 0 : element.removeEventListener('touchcancel', onReleased);
             }
         };
     }, [
@@ -2234,22 +2245,22 @@ const useNetwork = ()=>{
         const handleStateChange = ()=>{
             setState(getConnectionState);
         };
-        on(window, "online", handleStateChange, {
+        on(window, 'online', handleStateChange, {
             passive: true
         });
-        on(window, "offline", handleStateChange, {
+        on(window, 'offline', handleStateChange, {
             passive: true
         });
         if (conn) {
-            on(conn, "change", handleStateChange, {
+            on(conn, 'change', handleStateChange, {
                 passive: true
             });
         }
         return ()=>{
-            off(window, "online", handleStateChange);
-            off(window, "offline", handleStateChange);
+            off(window, 'online', handleStateChange);
+            off(window, 'offline', handleStateChange);
             if (conn) {
-                off(conn, "change", handleStateChange);
+                off(conn, 'change', handleStateChange);
             }
         };
     }, []);
@@ -2299,7 +2310,7 @@ const useOnline = ()=>{
 const defaultState = {
     angle: 0,
-    type: "landscape-primary"
+    type: 'landscape-primary'
 };
 const useOrientation = (initialState = defaultState)=>{
     const [state, setState] = React.useState(initialState);
@@ -2317,25 +2328,25 @@ const useOrientation = (initialState = defaultState)=>{
                     });
                 } else if (window.orientation !== undefined) {
                     setState({
-                        angle: typeof window.orientation === "number" ? window.orientation : 0,
+                        angle: typeof window.orientation === 'number' ? window.orientation : 0,
                         type: void 0
                     });
                 }
             }
         };
-        on(window, "orientationchange", onChange);
+        on(window, 'orientationchange', onChange);
         onChange();
         return ()=>{
             mounted = false;
-            off(window, "orientationchange", onChange);
+            off(window, 'orientationchange', onChange);
         };
     }, []);
     const lockOrientation = (type)=>{
         if (isBrowser) {
             return;
         }
-        if (!(window && "screen" in window && "orientation" in window.screen)) {
-            return Promise.reject(new Error("Not supported"));
+        if (!(window && 'screen' in window && 'orientation' in window.screen)) {
+            return Promise.reject(new Error('Not supported'));
         }
         return window.screen.orientation.lock(type);
     };
@@ -2343,7 +2354,7 @@ const useOrientation = (initialState = defaultState)=>{
         if (isBrowser) {
             return;
         }
-        if (!(window && "screen" in window && "orientation" in window.screen)) {
+        if (!(window && 'screen' in window && 'orientation' in window.screen)) {
             return;
         }
         return window.screen.orientation.unlock();
@@ -2355,7 +2366,7 @@ const useOrientation = (initialState = defaultState)=>{
     ];
 };
-const usePageLeave = ()=>{
+function usePageLeave() {
     const [isLeft, setIsLeft] = React.useState(false);
     const handler = (event)=>{
         if (!window) return;
@@ -2364,23 +2375,23 @@ const usePageLeave = ()=>{
         const from = event.relatedTarget || event.toElement;
         setIsLeft(!from);
     };
-    useEventListener("mouseout", handler, ()=>window, {
+    useEventListener('mouseout', handler, ()=>window, {
         passive: true
     });
-    useEventListener("mouseleave", handler, ()=>document, {
+    useEventListener('mouseleave', handler, ()=>document, {
         passive: true
     });
-    useEventListener("mouseenter", handler, ()=>document, {
+    useEventListener('mouseenter', handler, ()=>document, {
         passive: true
     });
     return isLeft;
-};
+}
 const usePermission = (permissionDesc)=>{
-    const [state, setState] = React.useState("");
+    const [state, setState] = React.useState('');
     React.useEffect(()=>{
         var _navigator_permissions;
-        const desc = typeof permissionDesc === "string" ? {
+        const desc = typeof permissionDesc === 'string' ? {
             name: permissionDesc
         } : permissionDesc;
         let mounted = true;
@@ -2391,16 +2402,16 @@ const usePermission = (permissionDesc)=>{
             }
             setState(()=>{
                 var _permissionStatus_state;
-                return (_permissionStatus_state = permissionStatus == null ? void 0 : permissionStatus.state) != null ? _permissionStatus_state : "";
+                return (_permissionStatus_state = permissionStatus == null ? void 0 : permissionStatus.state) != null ? _permissionStatus_state : '';
             });
         };
         (_navigator_permissions = navigator.permissions) == null ? void 0 : _navigator_permissions.query(desc).then((status)=>{
             permissionStatus = status;
-            on(permissionStatus, "change", onChange);
+            on(permissionStatus, 'change', onChange);
             onChange();
         }).catch(noop);
         return ()=>{
-            permissionStatus && off(permissionStatus, "change", onChange);
+            permissionStatus && off(permissionStatus, 'change', onChange);
             mounted = false;
             permissionStatus = null;
         };
@@ -2410,56 +2421,56 @@ const usePermission = (permissionDesc)=>{
     return state;
 };
-const usePreferredColorScheme = (defaultState = "no-preference")=>{
-    const isLight = useMediaQuery("(prefers-color-scheme: light)", false);
-    const isDark = useMediaQuery("(prefers-color-scheme: dark)", false);
-    return isDark ? "dark" : isLight ? "light" : defaultState;
+const usePreferredColorScheme = (defaultState = 'no-preference')=>{
+    const isLight = useMediaQuery('(prefers-color-scheme: light)', false);
+    const isDark = useMediaQuery('(prefers-color-scheme: dark)', false);
+    return isDark ? 'dark' : isLight ? 'light' : defaultState;
 };
-const usePreferredContrast = (defaultState = "no-preference")=>{
-    const isMore = useMediaQuery("(prefexrs-contrast: more)", false);
-    const isLess = useMediaQuery("(prefers-contrast: less)", false);
-    const isCustom = useMediaQuery("(prefers-contrast: custom)", false);
-    return isMore ? "more" : isLess ? "less" : isCustom ? "custom" : defaultState;
+const usePreferredContrast = (defaultState = 'no-preference')=>{
+    const isMore = useMediaQuery('(prefexrs-contrast: more)', false);
+    const isLess = useMediaQuery('(prefers-contrast: less)', false);
+    const isCustom = useMediaQuery('(prefers-contrast: custom)', false);
+    return isMore ? 'more' : isLess ? 'less' : isCustom ? 'custom' : defaultState;
 };
-const usePreferredDark = (defaultState)=>{
-    return useMediaQuery("(prefers-color-scheme: dark)", defaultState);
-};
+function usePreferredDark(defaultState) {
+    return useMediaQuery('(prefers-color-scheme: dark)', defaultState);
+}
-const usePrevious = (state)=>{
+function usePrevious(state) {
     const ref = React.useRef();
     React.useEffect(()=>{
         ref.current = state;
     });
     return ref.current;
-};
+}
-const useReducedMotion = (defaultState)=>{
-    return useMediaQuery("(prefers-reduced-motion: reduce)", defaultState);
-};
+function useReducedMotion(defaultState) {
+    return useMediaQuery('(prefers-reduced-motion: reduce)', defaultState);
+}
 const updateReducer = (num)=>(num + 1) % 1000000;
-const useUpdate = ()=>{
+function useUpdate() {
     const [, update] = React.useReducer(updateReducer, 0);
     return update;
-};
+}
-const topVarName = "--reactuse-safe-area-top";
-const rightVarName = "--reactuse-safe-area-right";
-const bottomVarName = "--reactuse-safe-area-bottom";
-const leftVarName = "--reactuse-safe-area-left";
+const topVarName = '--reactuse-safe-area-top';
+const rightVarName = '--reactuse-safe-area-right';
+const bottomVarName = '--reactuse-safe-area-bottom';
+const leftVarName = '--reactuse-safe-area-left';
 const defaultElement = ()=>document.documentElement;
-const useScreenSafeArea = ()=>{
-    const top = React.useRef("");
-    const right = React.useRef("");
-    const bottom = React.useRef("");
-    const left = React.useRef("");
+function useScreenSafeArea() {
+    const top = React.useRef('');
+    const right = React.useRef('');
+    const bottom = React.useRef('');
+    const left = React.useRef('');
     const forceUpdate = useUpdate();
-    useCssVar(topVarName, defaultElement, "env(safe-area-inset-top, 0px)");
-    useCssVar(rightVarName, defaultElement, "env(safe-area-inset-right, 0px)");
-    useCssVar(bottomVarName, defaultElement, "env(safe-area-inset-bottom, 0px)");
-    useCssVar(leftVarName, defaultElement, "env(safe-area-inset-left, 0px)");
+    useCssVar(topVarName, defaultElement, 'env(safe-area-inset-top, 0px)');
+    useCssVar(rightVarName, defaultElement, 'env(safe-area-inset-right, 0px)');
+    useCssVar(bottomVarName, defaultElement, 'env(safe-area-inset-bottom, 0px)');
+    useCssVar(leftVarName, defaultElement, 'env(safe-area-inset-left, 0px)');
     const { run: update } = useDebounceFn(()=>{
         top.current = getValue(topVarName);
         right.current = getValue(rightVarName);
@@ -2472,7 +2483,7 @@ const useScreenSafeArea = ()=>{
     }, [
         update
     ]);
-    useEventListener("resize", update);
+    useEventListener('resize', update);
     return [
         top.current,
         right.current,
@@ -2480,16 +2491,16 @@ const useScreenSafeArea = ()=>{
         left.current,
         update
     ];
-};
+}
 function getValue(position) {
     return getComputedStyle(document.documentElement).getPropertyValue(position);
 }
 const useScriptTag = (src, onLoaded = noop, options = defaultOptions$1)=>{
-    const { immediate = true, manual = false, type = "text/javascript", async = true, crossOrigin, referrerPolicy, noModule, defer, attrs = {} } = options;
+    const { immediate = true, manual = false, type = 'text/javascript', async = true, crossOrigin, referrerPolicy, noModule, defer, attrs = {} } = options;
     const scriptTag = React.useRef(null);
     const _promise = React.useRef(null);
-    const [status, setStatus] = React.useState(src ? "loading" : "idle");
+    const [status, setStatus] = React.useState(src ? 'loading' : 'idle');
     /**
    * Load the script specified via `src`.
    *
@@ -2508,7 +2519,7 @@ const useScriptTag = (src, onLoaded = noop, options = defaultOptions$1)=>{
                 return;
             }
             if (!src) {
-                setStatus("idle");
+                setStatus('idle');
                 resolve(false);
                 return;
             }
@@ -2517,7 +2528,7 @@ const useScriptTag = (src, onLoaded = noop, options = defaultOptions$1)=>{
             let el = document.querySelector(`script[src="${src}"]`);
             // Script tag not found, preparing the element for appending
             if (!el) {
-                el = document.createElement("script");
+                el = document.createElement('script');
                 el.type = type;
                 el.async = async;
                 el.src = src;
@@ -2537,22 +2548,22 @@ const useScriptTag = (src, onLoaded = noop, options = defaultOptions$1)=>{
                 Object.entries(attrs).forEach(([name, value])=>el == null ? void 0 : el.setAttribute(name, value));
                 // Enables shouldAppend
                 shouldAppend = true;
-            } else if (el.hasAttribute("data-loaded")) {
-                setStatus(el.getAttribute("data-status"));
+            } else if (el.hasAttribute('data-loaded')) {
+                setStatus(el.getAttribute('data-status'));
                 resolveWithElement(el);
             }
             // Event listeners
-            el.addEventListener("error", (event)=>{
-                setStatus(event.type === "load" ? "ready" : "error");
+            el.addEventListener('error', (event)=>{
+                setStatus(event.type === 'load' ? 'ready' : 'error');
                 return reject(event);
             });
-            el.addEventListener("abort", (event)=>{
-                setStatus(event.type === "load" ? "ready" : "error");
+            el.addEventListener('abort', (event)=>{
+                setStatus(event.type === 'load' ? 'ready' : 'error');
                 return reject(event);
             });
-            el.addEventListener("load", (event)=>{
-                setStatus(event.type === "load" ? "ready" : "error");
-                el.setAttribute("data-loaded", "true");
+            el.addEventListener('load', (event)=>{
+                setStatus(event.type === 'load' ? 'ready' : 'error');
+                el.setAttribute('data-loaded', 'true');
                 onLoaded(el);
                 resolveWithElement(el);
             });
@@ -2609,11 +2620,11 @@ const useScriptTag = (src, onLoaded = noop, options = defaultOptions$1)=>{
     ];
 };
-const setScrollParam = ({ axis, parent, distance })=>{
-    if (!parent && typeof document === "undefined") {
+function setScrollParam({ axis, parent, distance }) {
+    if (!parent && typeof document === 'undefined') {
         return;
     }
-    const method = axis === "y" ? "scrollTop" : "scrollLeft";
+    const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';
     if (parent) {
         parent[method] = distance;
     } else {
@@ -2621,16 +2632,16 @@ const setScrollParam = ({ axis, parent, distance })=>{
         body[method] = distance;
         documentElement[method] = distance;
     }
-};
-const isScrollElement = (axis, node)=>{
+}
+function isScrollElement(axis, node) {
     if (!node) {
         return false;
     }
-    const AXIS = axis === "x" ? "X" : "Y";
-    return getComputedStyle(node)[`overflow${AXIS}`] === "auto" || getComputedStyle(node)[`overflow${AXIS}`] === "scroll";
-};
+    const AXIS = axis === 'x' ? 'X' : 'Y';
+    return getComputedStyle(node)[`overflow${AXIS}`] === 'auto' || getComputedStyle(node)[`overflow${AXIS}`] === 'scroll';
+}
 const cache = new Map();
-const getScrollParent = (axis, node)=>{
+function getScrollParent(axis, node) {
     if (!node || !node.parentElement) {
         return null;
     }
@@ -2645,24 +2656,26 @@ const getScrollParent = (axis, node)=>{
         cache.set(node, parent);
     }
     return parent;
-};
-const getScrollStart = ({ axis, parent })=>{
-    if (!parent && typeof document === "undefined") {
+}
+function getScrollStart({ axis, parent }) {
+    if (!parent && typeof document === 'undefined') {
         return 0;
     }
-    const method = axis === "y" ? "scrollTop" : "scrollLeft";
+    const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';
     if (parent) {
         return parent[method];
     }
     const { body, documentElement } = document;
     // while one of it has a value the second is equal 0
     return body[method] + documentElement[method];
-};
+}
-const easeInOutQuad = (t)=>t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+function easeInOutQuad(t) {
+    return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+}
-const getRelativePosition = ({ axis, target, parent, alignment, offset, isList })=>{
-    if (!target || !parent && typeof document === "undefined") {
+function getRelativePosition({ axis, target, parent, alignment, offset, isList }) {
+    if (!target || !parent && typeof document === 'undefined') {
         return 0;
     }
     const isCustomParent = !!parent;
@@ -2670,55 +2683,55 @@ const getRelativePosition = ({ axis, target, parent, alignment, offset, isList }
     const parentPosition = parentElement.getBoundingClientRect();
     const targetPosition = target.getBoundingClientRect();
     const getDiff = (property)=>targetPosition[property] - parentPosition[property];
-    if (axis === "y") {
-        const diff = getDiff("top");
+    if (axis === 'y') {
+        const diff = getDiff('top');
         if (diff === 0) {
             return 0;
         }
-        if (alignment === "start") {
+        if (alignment === 'start') {
             const distance = diff - offset;
             const shouldScroll = distance <= targetPosition.height * (isList ? 0 : 1) || !isList;
             return shouldScroll ? distance : 0;
         }
         const parentHeight = isCustomParent ? parentPosition.height : window.innerHeight;
-        if (alignment === "end") {
+        if (alignment === 'end') {
             const distance = diff + offset - parentHeight + targetPosition.height;
             const shouldScroll = distance >= -targetPosition.height * (isList ? 0 : 1) || !isList;
             return shouldScroll ? distance : 0;
         }
-        if (alignment === "center") {
+        if (alignment === 'center') {
             return diff - parentHeight / 2 + targetPosition.height / 2;
         }
         return 0;
     }
-    if (axis === "x") {
-        const diff = getDiff("left");
+    if (axis === 'x') {
+        const diff = getDiff('left');
         if (diff === 0) {
             return 0;
         }
-        if (alignment === "start") {
+        if (alignment === 'start') {
             const distance = diff - offset;
             const shouldScroll = distance <= targetPosition.width || !isList;
             return shouldScroll ? distance : 0;
         }
         const parentWidth = isCustomParent ? parentPosition.width : window.innerWidth;
-        if (alignment === "end") {
+        if (alignment === 'end') {
             const distance = diff + offset - parentWidth + targetPosition.width;
             const shouldScroll = distance >= -targetPosition.width || !isList;
             return shouldScroll ? distance : 0;
         }
-        if (alignment === "center") {
+        if (alignment === 'center') {
             return diff - parentWidth / 2 + targetPosition.width / 2;
         }
         return 0;
     }
     return 0;
-};
+}
 const listenerOptions$1 = {
     passive: true
 };
-const useScrollIntoView = (targetElement, { duration = 1250, axis = "y", onScrollFinish, easing = easeInOutQuad, offset = 0, cancelable = true, isList = false } = defaultOptions$1, scrollElement)=>{
+const useScrollIntoView = (targetElement, { duration = 1250, axis = 'y', onScrollFinish, easing = easeInOutQuad, offset = 0, cancelable = true, isList = false } = defaultOptions$1, scrollElement)=>{
     const frameID = React.useRef(0);
     const startTime = React.useRef(0);
     const shouldStop = React.useRef(false);
@@ -2729,7 +2742,7 @@ const useScrollIntoView = (targetElement, { duration = 1250, axis = "y", onScrol
         }
     };
     const element = getTargetElement(targetElement);
-    const scrollIntoView = ({ alignment = "start" } = {})=>{
+    const scrollIntoView = ({ alignment = 'start' } = {})=>{
         const parent = getTargetElement(scrollElement) || getScrollParent(axis, element);
         shouldStop.current = false;
         if (frameID.current) {
@@ -2765,7 +2778,7 @@ const useScrollIntoView = (targetElement, { duration = 1250, axis = "y", onScrol
             if (!shouldStop.current && t < 1) {
                 frameID.current = requestAnimationFrame(animateScroll);
             } else {
-                typeof onScrollFinish === "function" && onScrollFinish();
+                typeof onScrollFinish === 'function' && onScrollFinish();
                 startTime.current = 0;
                 frameID.current = 0;
                 cancel();
@@ -2778,8 +2791,8 @@ const useScrollIntoView = (targetElement, { duration = 1250, axis = "y", onScrol
             shouldStop.current = true;
         }
     };
-    useEventListener("wheel", handleStop, null, listenerOptions$1);
-    useEventListener("touchmove", handleStop, null, listenerOptions$1);
+    useEventListener('wheel', handleStop, null, listenerOptions$1);
+    useEventListener('touchmove', handleStop, null, listenerOptions$1);
     React.useEffect(()=>cancel, []);
     return {
         scrollIntoView,
@@ -2800,13 +2813,13 @@ function preventDefault(rawEvent) {
 }
 const useScrollLock = (target, initialState = false)=>{
     const [locked, setLocked] = React.useState(initialState);
-    const initialOverflowRef = React.useRef("scroll");
+    const initialOverflowRef = React.useRef('scroll');
     React.useEffect(()=>{
         const element = getTargetElement(target);
         if (element) {
             initialOverflowRef.current = element.style.overflow;
             if (locked) {
-                element.style.overflow = "hidden";
+                element.style.overflow = 'hidden';
             }
         }
     }, [
@@ -2819,7 +2832,7 @@ const useScrollLock = (target, initialState = false)=>{
             return;
         }
         if (isIOS) {
-            element.addEventListener("touchmove", preventDefault, {
+            element.addEventListener('touchmove', preventDefault, {
                 passive: false
             });
         }
@@ -2831,7 +2844,7 @@ const useScrollLock = (target, initialState = false)=>{
             return;
         }
         if (isIOS) {
-            element.removeEventListener("touchmove", preventDefault);
+            element.removeEventListener('touchmove', preventDefault);
         }
         element.style.overflow = initialOverflowRef.current;
         setLocked(false);
@@ -2869,14 +2882,14 @@ function _extends() {
 }
 const useSetState = (initialState)=>{
     const [state, _setState] = React.useState(initialState);
-    const setState = React.useCallback((statePartial)=>_setState((current)=>_extends({}, current, typeof statePartial === "function" ? statePartial(current) : statePartial)), []);
+    const setState = React.useCallback((statePartial)=>_setState((current)=>_extends({}, current, typeof statePartial === 'function' ? statePartial(current) : statePartial)), []);
     return [
         state,
         setState
     ];
 };
-const useSticky = (targetElement, { axis = "y", nav = 0 }, scrollElement)=>{
+function useSticky(targetElement, { axis = 'y', nav = 0 }, scrollElement) {
     const [isSticky, setSticky] = React.useState(false);
     const { run: scrollHandler } = useThrottleFn(()=>{
         const element = getTargetElement(targetElement);
@@ -2884,7 +2897,7 @@ const useSticky = (targetElement, { axis = "y", nav = 0 }, scrollElement)=>{
             return;
         }
         const rect = element.getBoundingClientRect();
-        if (axis === "y") {
+        if (axis === 'y') {
             setSticky((rect == null ? void 0 : rect.top) <= nav);
         } else {
             setSticky((rect == null ? void 0 : rect.left) <= nav);
@@ -2896,10 +2909,10 @@ const useSticky = (targetElement, { axis = "y", nav = 0 }, scrollElement)=>{
         if (!element || !scrollParent) {
             return;
         }
-        scrollParent.addEventListener("scroll", scrollHandler);
+        scrollParent.addEventListener('scroll', scrollHandler);
         scrollHandler();
         return ()=>{
-            scrollParent.removeEventListener("scroll", scrollHandler);
+            scrollParent.removeEventListener('scroll', scrollHandler);
         };
     }, [
         axis,
@@ -2911,10 +2924,10 @@ const useSticky = (targetElement, { axis = "y", nav = 0 }, scrollElement)=>{
         isSticky,
         setSticky
     ];
-};
+}
 const useTextDirection = (options = defaultOptions$1)=>{
-    const { selector = "html", initialValue = "ltr" } = options;
+    const { selector = 'html', initialValue = 'ltr' } = options;
     const getValue = ()=>{
         if (initialValue !== undefined) {
             return initialValue;
@@ -2922,11 +2935,11 @@ const useTextDirection = (options = defaultOptions$1)=>{
         if (isBrowser) {
             var _document_querySelector, _document;
             var _document_querySelector_getAttribute;
-            return (_document_querySelector_getAttribute = (_document = document) == null ? void 0 : (_document_querySelector = _document.querySelector(selector)) == null ? void 0 : _document_querySelector.getAttribute("dir")) != null ? _document_querySelector_getAttribute : initialValue;
+            return (_document_querySelector_getAttribute = (_document = document) == null ? void 0 : (_document_querySelector = _document.querySelector(selector)) == null ? void 0 : _document_querySelector.getAttribute('dir')) != null ? _document_querySelector_getAttribute : initialValue;
         }
         // A default value has not been provided, and you are rendering on the server, warn of a possible hydration mismatch when defaulting to false.
-        if (process.env.NODE_ENV !== "production") {
-            console.warn("`useTextDirection` When server side rendering, defaultState should be defined to prevent a hydration mismatches.");
+        if (process.env.NODE_ENV !== 'production') {
+            console.warn('`useTextDirection` When server side rendering, defaultState should be defined to prevent a hydration mismatches.');
         }
         return initialValue;
     };
@@ -2934,7 +2947,7 @@ const useTextDirection = (options = defaultOptions$1)=>{
     React.useEffect(()=>{
         var _document_querySelector, _document;
         var _document_querySelector_getAttribute;
-        setValue((_document_querySelector_getAttribute = (_document = document) == null ? void 0 : (_document_querySelector = _document.querySelector(selector)) == null ? void 0 : _document_querySelector.getAttribute("dir")) != null ? _document_querySelector_getAttribute : initialValue);
+        setValue((_document_querySelector_getAttribute = (_document = document) == null ? void 0 : (_document_querySelector = _document.querySelector(selector)) == null ? void 0 : _document_querySelector.getAttribute('dir')) != null ? _document_querySelector_getAttribute : initialValue);
     }, [
         initialValue,
         selector
@@ -2945,10 +2958,10 @@ const useTextDirection = (options = defaultOptions$1)=>{
         }
         if (value !== null) {
             var _document_querySelector;
-            (_document_querySelector = document.querySelector(selector)) == null ? void 0 : _document_querySelector.setAttribute("dir", value);
+            (_document_querySelector = document.querySelector(selector)) == null ? void 0 : _document_querySelector.setAttribute('dir', value);
         } else {
             var _document_querySelector1;
-            (_document_querySelector1 = document.querySelector(selector)) == null ? void 0 : _document_querySelector1.removeAttribute("dir");
+            (_document_querySelector1 = document.querySelector(selector)) == null ? void 0 : _document_querySelector1.removeAttribute('dir');
         }
         setValue(value);
     };
@@ -2966,7 +2979,7 @@ const useTextSelection = ()=>{
         // this is because `document.getSelection` will always return the same object
         forceUpdate();
     };
-    useEventListener("selectionchange", handleSelectionChange, ()=>document);
+    useEventListener('selectionchange', handleSelectionChange, ()=>document);
     React.useEffect(()=>{
         setSelection(document.getSelection());
     }, []);
@@ -3046,7 +3059,9 @@ const useTitle = (title)=>{
     ]);
 };
-const toggleReducer = (state, nextValue)=>typeof nextValue === "boolean" ? nextValue : !state;
+function toggleReducer(state, nextValue) {
+    return typeof nextValue === 'boolean' ? nextValue : !state;
+}
 const useToggle = (initialValue)=>{
     return React.useReducer(toggleReducer, initialValue);
 };
@@ -3083,7 +3098,7 @@ function _async_to_generator$1(fn) {
     };
 }
 const useWebNotification = (requestPermissions = false)=>{
-    const isSupported = useSupported(()=>!!window && "Notification" in window);
+    const isSupported = useSupported(()=>!!window && 'Notification' in window);
     const permissionGranted = React.useRef(false);
     const notificationRef = React.useRef(null);
     const show = (title, options = defaultOptions$1)=>{
@@ -3092,7 +3107,7 @@ const useWebNotification = (requestPermissions = false)=>{
         if (!isSupported && !permissionGranted.current) {
             return;
         }
-        notificationRef.current = new Notification(title || "", options);
+        notificationRef.current = new Notification(title || '', options);
         return notificationRef.current;
     };
     const close = React.useCallback(()=>{
@@ -3102,15 +3117,15 @@ const useWebNotification = (requestPermissions = false)=>{
         notificationRef.current = null;
     }, []);
     React.useEffect(()=>{
-        permissionGranted.current = isSupported && "permission" in Notification && Notification.permission === "granted";
+        permissionGranted.current = isSupported && 'permission' in Notification && Notification.permission === 'granted';
     }, [
         isSupported
     ]);
     const ensurePermissions = React.useCallback(/*#__PURE__*/ _async_to_generator$1(function*() {
         if (!isSupported) return;
-        if (!permissionGranted.current && Notification.permission !== "denied") {
+        if (!permissionGranted.current && Notification.permission !== 'denied') {
             const result = yield Notification.requestPermission();
-            if (result === "granted") permissionGranted.current = true;
+            if (result === 'granted') permissionGranted.current = true;
         }
         return permissionGranted.current;
     }), [
@@ -3134,25 +3149,25 @@ const useWebNotification = (requestPermissions = false)=>{
     };
 };
-const useWindowsFocus = (defauleValue = false)=>{
+function useWindowsFocus(defauleValue = false) {
     const [focused, setFocused] = React.useState(defauleValue);
     React.useEffect(()=>{
         setFocused(window.document.hasFocus());
     }, []);
-    useEventListener("blur", ()=>{
+    useEventListener('blur', ()=>{
         setFocused(false);
     });
-    useEventListener("focus", ()=>{
+    useEventListener('focus', ()=>{
         setFocused(true);
     });
     return focused;
-};
+}
 const listenerOptions = {
     capture: false,
     passive: true
 };
-const useWindowScroll = ()=>{
+function useWindowScroll() {
     const [state, setState] = useRafState(()=>({
             x: 0,
             y: 0
@@ -3163,20 +3178,20 @@ const useWindowScroll = ()=>{
             y: window.scrollY
         });
     };
-    useEventListener("scroll", handleScroll, defaultWindow, listenerOptions);
+    useEventListener('scroll', handleScroll, defaultWindow, listenerOptions);
     // Set scroll at the first client-side load
     useIsomorphicLayoutEffect(()=>{
         handleScroll();
     }, []);
     return state;
-};
+}
-const subscribe = (callback)=>{
-    window.addEventListener("resize", callback);
+function subscribe(callback) {
+    window.addEventListener('resize', callback);
     return ()=>{
-        window.removeEventListener("resize", callback);
+        window.removeEventListener('resize', callback);
     };
-};
+}
 const useWindowSize = ()=>{
     const stateDependencies = React.useRef({}).current;
     const previous = React.useRef({
@@ -3247,14 +3262,14 @@ function _async_to_generator(fn) {
     };
 }
 const useClipboard = ()=>{
-    const [text, setText] = React.useState("");
+    const [text, setText] = React.useState('');
     const updateText = React.useCallback(()=>{
         window.navigator.clipboard.readText().then((value)=>{
             setText(value);
         });
     }, []);
-    useEventListener("copy", updateText);
-    useEventListener("cut", updateText);
+    useEventListener('copy', updateText);
+    useEventListener('cut', updateText);
     const copy = React.useCallback(/*#__PURE__*/ _async_to_generator(function*(txt) {
         setText(txt);
         yield window.navigator.clipboard.writeText(txt);
@@ -3265,24 +3280,24 @@ const useClipboard = ()=>{
     ];
 };
-const getPlatform = (userAgent)=>{
+function getPlatform(userAgent) {
     if (/iPad|iPhone|iPod|ios/i.test(userAgent)) {
-        return "ios";
+        return 'ios';
     } else if (/android/i.test(userAgent)) {
-        return "android";
+        return 'android';
     } else {
-        return "unknown";
+        return 'unknown';
     }
-};
+}
 const usePlatform = ({ userAgent } = {
-    userAgent: ""
+    userAgent: ''
 })=>{
-    const [ua, setUa] = React.useState(userAgent || "");
+    const [ua, setUa] = React.useState(userAgent || '');
     const [platform, setPlatform] = React.useState(()=>{
         if (userAgent) {
             return getPlatform(userAgent);
         }
-        return "unknown";
+        return 'unknown';
     });
     React.useEffect(()=>{
         setPlatform(getPlatform(navigator.userAgent));
@@ -3311,18 +3326,18 @@ const usePlatform = ({ userAgent } = {
     };
 };
-const useMobileLandscape = ()=>{
+function useMobileLandscape() {
     const [isMobileLandscape, setIsMobileLandscape] = React.useState(false);
     const [orientation] = useOrientation();
     React.useEffect(()=>{
         const userAgent = window.navigator.userAgent;
         const isMobile = /Mobi|Android｜iphone/i.test(userAgent);
-        setIsMobileLandscape(isMobile && orientation.type === "landscape-primary");
+        setIsMobileLandscape(isMobile && orientation.type === 'landscape-primary');
     }, [
         orientation.type
     ]);
     return isMobileLandscape;
-};
+}
 const useControlled = (value, defaultValue, onChange)=>{
     const [stateValue, setStateValue] = React.useState(value !== undefined ? value : defaultValue);
@@ -3343,7 +3358,7 @@ const useControlled = (value, defaultValue, onChange)=>{
     ];
 };
-const useDisclosure = (props = {})=>{
+function useDisclosure(props = {}) {
     const { defaultOpen, isOpen: isOpenProp, onClose: onCloseProp, onOpen: onOpenProp, onChange = ()=>{} } = props;
     const onOpenPropRef = useLatest(onOpenProp);
     const onClosePropRef = useLatest(onCloseProp);
@@ -3384,12 +3399,12 @@ const useDisclosure = (props = {})=>{
         onOpenChange,
         isControlled
     };
-};
+}
 const useEventSource = (url, events = [], options = defaultOptions$1)=>{
     const [data, setData] = React.useState(null);
     const [error, setError] = React.useState(null);
-    const [status, setStatus] = React.useState("DISCONNECTED");
+    const [status, setStatus] = React.useState('DISCONNECTED');
     const [event, setEvent] = React.useState(null);
     const [lastEventId, setLastEventId] = React.useState(null);
     const retries = React.useRef(0);
@@ -3411,7 +3426,7 @@ const useEventSource = (url, events = [], options = defaultOptions$1)=>{
     });
     const close = React.useCallback(()=>{
         var _eventSourceRef_current;
-        setStatus("DISCONNECTED");
+        setStatus('DISCONNECTED');
         clean();
         (_eventSourceRef_current = eventSourceRef.current) == null ? void 0 : _eventSourceRef_current.close();
         eventSourceRef.current = null;
@@ -3430,21 +3445,21 @@ const useEventSource = (url, events = [], options = defaultOptions$1)=>{
         }
         const es = eventSourceRef.current;
         es.onopen = ()=>{
-            setStatus("CONNECTED");
+            setStatus('CONNECTED');
             setError(null);
         };
         es.onmessage = (ev)=>{
             setData(ev.data);
             setLastEventId(ev.lastEventId);
-            setStatus("CONNECTED");
+            setStatus('CONNECTED');
         };
         es.onerror = (err)=>{
             setError(err);
-            setStatus("DISCONNECTED");
+            setStatus('DISCONNECTED');
             if (options.autoReconnect && !explicitlyClosed.current) {
                 const { retries: maxRetries = -1, delay = 1000, onFailed } = options.autoReconnect;
                 retries.current += 1;
-                if (typeof maxRetries === "number" && (maxRetries < 0 || retries.current < maxRetries) || typeof maxRetries === "function" && maxRetries()) {
+                if (typeof maxRetries === 'number' && (maxRetries < 0 || retries.current < maxRetries) || typeof maxRetries === 'function' && maxRetries()) {
                     setTimeout(open, delay);
                 } else {
                     onFailed == null ? void 0 : onFailed();
@@ -3487,10 +3502,34 @@ const useEventSource = (url, events = [], options = defaultOptions$1)=>{
     };
 };
+/**
+ * @description copy from swr
+ */ const use = React__default.default.use || ((thenable)=>{
+    switch(thenable.status){
+        case 'pending':
+            throw thenable;
+        case 'fulfilled':
+            return thenable.value;
+        case 'rejected':
+            throw thenable.reason;
+        default:
+            thenable.status = 'pending';
+            thenable.then((v)=>{
+                thenable.status = 'fulfilled';
+                thenable.value = v;
+            }, (e)=>{
+                thenable.status = 'rejected';
+                thenable.reason = e;
+            });
+            throw thenable;
+    }
+});
 exports.assignRef = indexClient.assignRef;
 exports.mergeRefs = indexClient.mergeRefs;
 exports.useMergedRefs = indexClient.useMergedRefs;
 exports.defaultOptions = defaultOptions;
+exports.use = use;
 exports.useActiveElement = useActiveElement;
 exports.useAsyncEffect = useAsyncEffect;
 exports.useClickOutside = useClickOutside;