@reactuses/core 5.0.16 → 5.0.17

package/dist/index.cjs

@@ -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 [
@@ -1539,18 +1544,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 +1585,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 +1602,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 +1624,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 +1693,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 +1760,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 +1793,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 +1804,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 +1812,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 +1827,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 +1841,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 +1873,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 +1987,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 +2012,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 +2029,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 +2038,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 +2054,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 +2074,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 +2090,7 @@ const useRafState = (initialState)=>{
         state,
         setRafState
     ];
-};
+}
 
 const initState = {
     screenX: Number.NaN,
@@ -2103,7 +2108,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 +2155,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 +2239,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 +2304,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 +2322,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 +2348,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 +2360,7 @@ const useOrientation = (initialState = defaultState)=>{
     ];
 };
 
-const usePageLeave = ()=>{
+function usePageLeave() {
     const [isLeft, setIsLeft] = React.useState(false);
     const handler = (event)=>{
         if (!window) return;
@@ -2364,23 +2369,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 +2396,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 +2415,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 +2477,7 @@ const useScreenSafeArea = ()=>{
     }, [
         update
     ]);
-    useEventListener("resize", update);
+    useEventListener('resize', update);
     return [
         top.current,
         right.current,
@@ -2480,16 +2485,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 +2513,7 @@ const useScriptTag = (src, onLoaded = noop, options = defaultOptions$1)=>{
                 return;
             }
             if (!src) {
-                setStatus("idle");
+                setStatus('idle');
                 resolve(false);
                 return;
             }
@@ -2517,7 +2522,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 +2542,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 +2614,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 +2626,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 +2650,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 +2677,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 +2736,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 +2772,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 +2785,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 +2807,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 +2826,7 @@ const useScrollLock = (target, initialState = false)=>{
             return;
         }
         if (isIOS) {
-            element.addEventListener("touchmove", preventDefault, {
+            element.addEventListener('touchmove', preventDefault, {
                 passive: false
             });
         }
@@ -2831,7 +2838,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 +2876,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 +2891,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 +2903,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 +2918,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 +2929,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 +2941,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 +2952,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 +2973,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 +3053,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 +3092,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 +3101,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 +3111,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 +3143,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 +3172,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 +3256,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 +3274,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 +3320,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 +3352,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 +3393,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 +3420,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 +3439,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 +3496,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;