@reactuses/core 4.0.9 → 4.0.11

package/dist/index.cjs

@@ -2,30 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var require$$0 = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
 
 function usePrevious(state) {
-  const ref = React.useRef();
-  React.useEffect(() => {
+  const ref = require$$0.useRef();
+  require$$0.useEffect(() => {
     ref.current = state;
   });
   return ref.current;
 }
 
 function useLatest(value) {
-  const ref = React.useRef(value);
-  React.useEffect(() => {
+  const ref = require$$0.useRef(value);
+  require$$0.useEffect(() => {
     ref.current = value;
   }, [value]);
   return ref;
 }
 
 function useFirstMountState() {
-  const isFirst = React.useRef(true);
+  const isFirst = require$$0.useRef(true);
   if (isFirst.current) {
     isFirst.current = false;
     return true;
@@ -42,9 +42,9 @@ const createUpdateEffect = (hook) => (effect, deps) => {
   }, deps);
 };
 
-var useUpdateEffect = createUpdateEffect(React.useEffect);
+var useUpdateEffect = createUpdateEffect(require$$0.useEffect);
 
-var index$3 = createUpdateEffect(React.useLayoutEffect);
+var index$3 = createUpdateEffect(require$$0.useLayoutEffect);
 
 var _a;
 const isFunction$1 = (val) => typeof val === "function";
@@ -55,13 +55,13 @@ const isNavigator = typeof navigator !== "undefined";
 const noop = () => {
 };
 const isIOS = isBrowser && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-!React__default["default"].useId;
+!require$$0__default["default"].useId;
 
 function guessSerializerType(rawInit) {
   return rawInit == null || rawInit === void 0 ? "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 useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;
+const useIsomorphicLayoutEffect = isBrowser ? require$$0.useLayoutEffect : require$$0.useEffect;
 
 function useEvent(fn) {
   if (isDev) {
@@ -71,11 +71,11 @@ function useEvent(fn) {
       );
     }
   }
-  const handlerRef = React.useRef(fn);
+  const handlerRef = require$$0.useRef(fn);
   useIsomorphicLayoutEffect(() => {
     handlerRef.current = fn;
   }, [fn]);
-  return React.useCallback((...args) => {
+  return require$$0.useCallback((...args) => {
     const fn2 = handlerRef.current;
     return fn2(...args);
   }, []);
@@ -150,14 +150,14 @@ function useStorage(key, defaultValue, getStorage = () => isBrowser ? sessionSto
     onError(err);
   }
   const type = guessSerializerType(defaultValue);
-  const serializer = React.useMemo(() => {
+  const serializer = require$$0.useMemo(() => {
     var _a;
     return (_a = options.serializer) != null ? _a : StorageSerializers[type];
   }, [options.serializer, type]);
-  const [state, setState] = React.useState(
+  const [state, setState] = require$$0.useState(
     getInitialState$4(key, defaultValue, storage, serializer, onError)
   );
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     const data = csrData ? isFunction$1(csrData) ? csrData() : csrData : defaultValue;
     const getStoredValue = () => {
       try {
@@ -212,13 +212,13 @@ function useSessionStorage(key, defaultValue, options = defaultOptions$1) {
 
 const toggleReducer = (state, nextValue) => typeof nextValue === "boolean" ? nextValue : !state;
 function useToggle(initialValue) {
-  return React.useReducer(toggleReducer, initialValue);
+  return require$$0.useReducer(toggleReducer, initialValue);
 }
 
 function useInterval(callback, delay, options = defaultOptions$1) {
   const immediate = options.immediate;
   const savedCallback = useLatest(callback);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (immediate) {
       savedCallback.current();
     }
@@ -251,7 +251,7 @@ function useDarkMode(options) {
       csrData: value
     }
   );
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     const element = window == null ? void 0 : window.document.querySelector(selector);
     if (!element) {
       return;
@@ -294,8 +294,8 @@ const getInitialState$3 = (query, defaultState) => {
   return false;
 };
 function useMediaQuery(query, defaultState) {
-  const [state, setState] = React.useState(getInitialState$3(query, defaultState));
-  React.useEffect(() => {
+  const [state, setState] = require$$0.useState(getInitialState$3(query, defaultState));
+  require$$0.useEffect(() => {
     var _a;
     let mounted = true;
     const mql = window.matchMedia(query);
@@ -336,7 +336,7 @@ function useMount(fn) {
       );
     }
   }
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     fn == null ? void 0 : fn();
   }, []);
 }
@@ -350,7 +350,7 @@ function useUnmount(fn) {
     }
   }
   const fnRef = useLatest(fn);
-  React.useEffect(
+  require$$0.useEffect(
     () => () => {
       fnRef.current();
     },
@@ -2773,7 +2773,7 @@ function useThrottleFn(fn, wait, options) {
     }
   }
   const fnRef = useLatest(fn);
-  const throttled = React.useMemo(
+  const throttled = require$$0.useMemo(
     () => throttle(
       (...args) => {
         return fnRef.current(...args);
@@ -2794,7 +2794,7 @@ function useThrottleFn(fn, wait, options) {
 }
 
 function useThrottle(value, wait, options) {
-  const [throttled, setThrottled] = React.useState(value);
+  const [throttled, setThrottled] = require$$0.useState(value);
   const { run } = useThrottleFn(
     () => {
       setThrottled(value);
@@ -2802,7 +2802,7 @@ function useThrottle(value, wait, options) {
     wait,
     options
   );
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     run();
   }, [run, value]);
   return throttled;
@@ -2817,7 +2817,7 @@ function useDebounceFn(fn, wait, options) {
     }
   }
   const fnRef = useLatest(fn);
-  const debounced = React.useMemo(
+  const debounced = require$$0.useMemo(
     () => debounce(
       (...args) => {
         return fnRef.current(...args);
@@ -2838,7 +2838,7 @@ function useDebounceFn(fn, wait, options) {
 }
 
 function useDebounce(value, wait, options) {
-  const [debounced, setDebounced] = React.useState(value);
+  const [debounced, setDebounced] = require$$0.useState(value);
   const { run } = useDebounceFn(
     () => {
       setDebounced(value);
@@ -2846,16 +2846,16 @@ function useDebounce(value, wait, options) {
     wait,
     options
   );
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     run();
   }, [run, value]);
   return debounced;
 }
 
 function useRafState(initialState) {
-  const frame = React.useRef(0);
-  const [state, setState] = React.useState(initialState);
-  const setRafState = React.useCallback((value) => {
+  const frame = require$$0.useRef(0);
+  const [state, setState] = require$$0.useState(initialState);
+  const setRafState = require$$0.useCallback((value) => {
     cancelAnimationFrame(frame.current);
     frame.current = requestAnimationFrame(() => {
       setState(value);
@@ -2869,15 +2869,15 @@ function useRafState(initialState) {
 
 const updateReducer = (num) => (num + 1) % 1e6;
 function useUpdate() {
-  const [, update] = React.useReducer(updateReducer, 0);
+  const [, update] = require$$0.useReducer(updateReducer, 0);
   return update;
 }
 
 function useTimeoutFn(cb, interval, options = defaultOptions$1) {
   const { immediate = true } = options;
-  const [pending, setPending] = React.useState(false);
+  const [pending, setPending] = require$$0.useState(false);
   const savedCallback = useLatest(cb);
-  const timer = React.useRef();
+  const timer = require$$0.useRef();
   const stop = useEvent(() => {
     setPending(false);
     if (timer.current) {
@@ -2894,7 +2894,7 @@ function useTimeoutFn(cb, interval, options = defaultOptions$1) {
     }, interval);
     setPending(true);
   });
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (immediate) {
       start();
     }
@@ -2909,9 +2909,9 @@ function useTimeout(ms = 0, options = {}) {
 }
 
 function useMountedState() {
-  const mountedRef = React.useRef(false);
-  const get = React.useCallback(() => mountedRef.current, []);
-  React.useEffect(() => {
+  const mountedRef = require$$0.useRef(false);
+  const get = require$$0.useCallback(() => mountedRef.current, []);
+  require$$0.useEffect(() => {
     mountedRef.current = true;
     return () => {
       mountedRef.current = false;
@@ -2954,10 +2954,10 @@ function getTargetElement(target, defaultElement) {
   return targetElement;
 }
 function useLatestElement(target, defaultElement) {
-  const [latestElement, setLatestElement] = React.useState(
+  const [latestElement, setLatestElement] = require$$0.useState(
     getTargetElement(target, defaultElement)
   );
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     setLatestElement(getTargetElement(target, defaultElement));
   }, [target, defaultElement]);
   return latestElement;
@@ -2966,7 +2966,7 @@ function useLatestElement(target, defaultElement) {
 function useEventListener(eventName, handler, element, options = defaultOptions$1) {
   const savedHandler = useLatest(handler);
   const targetElement = useLatestElement(element, defaultWindow);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (!(targetElement && targetElement.addEventListener)) {
       return;
     }
@@ -2999,7 +2999,7 @@ function useCounter(initialValue = 0, max = null, min = null) {
     }
     return init;
   };
-  const [value, setValue] = React.useState(initFunc);
+  const [value, setValue] = require$$0.useState(initFunc);
   const set = useEvent(
     (newState) => {
       setValue((v) => {
@@ -3027,10 +3027,10 @@ function useCounter(initialValue = 0, max = null, min = null) {
 }
 
 function useRafFn(callback, initiallyActive = true) {
-  const raf = React.useRef(null);
-  const rafActivity = React.useRef(false);
+  const raf = require$$0.useRef(null);
+  const rafActivity = require$$0.useRef(false);
   const rafCallback = useLatest(callback);
-  const step = React.useCallback(
+  const step = require$$0.useCallback(
     (time) => {
       if (rafActivity.current) {
         rafCallback.current(time);
@@ -3039,7 +3039,7 @@ function useRafFn(callback, initiallyActive = true) {
     },
     [rafCallback]
   );
-  const result = React.useMemo(
+  const result = require$$0.useMemo(
     () => [
       () => {
         if (rafActivity.current) {
@@ -3058,7 +3058,7 @@ function useRafFn(callback, initiallyActive = true) {
     ],
     [step]
   );
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (initiallyActive) {
       result[1]();
     }
@@ -3068,9 +3068,9 @@ function useRafFn(callback, initiallyActive = true) {
 }
 
 function useEventEmitter() {
-  const listeners = React.useRef([]);
-  const _disposed = React.useRef(false);
-  const _event = React.useRef((listener) => {
+  const listeners = require$$0.useRef([]);
+  const _disposed = require$$0.useRef(false);
+  const _event = require$$0.useRef((listener) => {
     listeners.current.push(listener);
     const disposable = {
       dispose: () => {
@@ -3105,7 +3105,7 @@ function useEventEmitter() {
 }
 
 function useFavicon(href, baseUrl = "", rel = "icon") {
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     const url = `${baseUrl}${href}`;
     const element = document.head.querySelectorAll(
       `link[rel*="${rel}"]`
@@ -3122,14 +3122,14 @@ function useFavicon(href, baseUrl = "", rel = "icon") {
 
 function useMutationObserver(callback, target, options = defaultOptions$1) {
   const callbackRef = useLatest(callback);
-  const observerRef = React.useRef();
+  const observerRef = require$$0.useRef();
   const element = useLatestElement(target);
-  const stop = React.useCallback(() => {
+  const stop = require$$0.useCallback(() => {
     if (observerRef.current) {
       observerRef.current.disconnect();
     }
   }, []);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (!element) {
       return;
     }
@@ -3159,11 +3159,11 @@ function useCustomCompareEffect(effect, deps, depsEqual) {
       );
     }
   }
-  const ref = React.useRef(void 0);
+  const ref = require$$0.useRef(void 0);
   if (!ref.current || !depsEqual(deps, ref.current)) {
     ref.current = deps;
   }
-  React.useEffect(effect, ref.current);
+  require$$0.useEffect(effect, ref.current);
 }
 
 const isPrimitive = (val) => val !== Object(val);
@@ -3184,7 +3184,7 @@ function useDeepCompareEffect(effect, deps) {
 }
 
 function useTitle(title) {
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     document.title = title;
   }, [title]);
 }
@@ -3201,9 +3201,9 @@ function useScriptTag(src, onLoaded = noop, options = defaultOptions$1) {
     defer,
     attrs = {}
   } = options;
-  const scriptTag = React.useRef(null);
-  const _promise = React.useRef(null);
-  const [status, setStatus] = React.useState(src ? "loading" : "idle");
+  const scriptTag = require$$0.useRef(null);
+  const _promise = require$$0.useRef(null);
+  const [status, setStatus] = require$$0.useState(src ? "loading" : "idle");
   const loadScript = (waitForScriptLoad) => new Promise((resolve, reject) => {
     const resolveWithElement = (el2) => {
       scriptTag.current = el2;
@@ -3304,8 +3304,8 @@ function useScriptTag(src, onLoaded = noop, options = defaultOptions$1) {
 }
 
 function usePermission(permissionDesc) {
-  const [state, setState] = React.useState("");
-  React.useEffect(() => {
+  const [state, setState] = require$$0.useState("");
+  require$$0.useEffect(() => {
     var _a;
     const desc = typeof permissionDesc === "string" ? { name: permissionDesc } : permissionDesc;
     let mounted = true;
@@ -3345,9 +3345,9 @@ const preventDefault$1 = (ev) => {
   }
 };
 function useLongPress(callback, { isPreventDefault = true, delay = 300 } = defaultOptions$1) {
-  const timeout = React.useRef();
-  const target = React.useRef();
-  const start = React.useCallback(
+  const timeout = require$$0.useRef();
+  const target = require$$0.useRef();
+  const start = require$$0.useCallback(
     (event) => {
       if (isPreventDefault && event.target) {
         on(event.target, "touchend", preventDefault$1, { passive: false });
@@ -3357,7 +3357,7 @@ function useLongPress(callback, { isPreventDefault = true, delay = 300 } = defau
     },
     [callback, delay, isPreventDefault]
   );
-  const clear = React.useCallback(() => {
+  const clear = require$$0.useCallback(() => {
     timeout.current && clearTimeout(timeout.current);
     if (isPreventDefault && target.current) {
       off(target.current, "touchend", preventDefault$1);
@@ -3373,8 +3373,8 @@ function useLongPress(callback, { isPreventDefault = true, delay = 300 } = defau
 }
 
 function useObjectUrl(object) {
-  const [url, setUrl] = React.useState();
-  React.useEffect(() => {
+  const [url, setUrl] = require$$0.useState();
+  require$$0.useEffect(() => {
     if (object) {
       setUrl(URL.createObjectURL(object));
     }
@@ -3397,8 +3397,8 @@ const defaultEvents$1 = [
 ];
 const oneMinute = 6e4;
 function useIdle(ms = oneMinute, initialState = false, events = defaultEvents$1) {
-  const [state, setState] = React.useState(initialState);
-  React.useEffect(() => {
+  const [state, setState] = require$$0.useState(initialState);
+  require$$0.useEffect(() => {
     let mounted = true;
     let timeout;
     let localState = state;
@@ -3437,8 +3437,8 @@ function useIdle(ms = oneMinute, initialState = false, events = defaultEvents$1)
 }
 
 function useSupported(callback, sync = false) {
-  const [supported, setSupported] = React.useState(false);
-  const effect = sync ? useIsomorphicLayoutEffect : React.useEffect;
+  const [supported, setSupported] = require$$0.useState(false);
+  const effect = sync ? useIsomorphicLayoutEffect : require$$0.useEffect;
   effect(() => {
     setSupported(Boolean(callback()));
   }, []);
@@ -3468,13 +3468,13 @@ var __async$5 = (__this, __arguments, generator) => {
 const defaultConstints = { audio: true, video: true };
 function useMediaDevices(options = {}) {
   const { requestPermissions, constraints = defaultConstints } = options;
-  const [state, setState] = React.useState({ devices: [] });
+  const [state, setState] = require$$0.useState({ devices: [] });
   const isSupported = useSupported(
     () => navigator && navigator.mediaDevices && navigator.mediaDevices.enumerateDevices
   );
-  const permissionGranted = React.useRef(false);
-  const stream = React.useRef(null);
-  const onChange = React.useCallback(() => {
+  const permissionGranted = require$$0.useRef(false);
+  const stream = require$$0.useRef(null);
+  const onChange = require$$0.useCallback(() => {
     navigator.mediaDevices.enumerateDevices().then((devices) => {
       if (stream.current) {
         stream.current.getTracks().forEach((t) => t.stop());
@@ -3490,7 +3490,7 @@ function useMediaDevices(options = {}) {
       });
     }).catch(noop);
   }, []);
-  const ensurePermissions = React.useCallback(() => __async$5(this, null, function* () {
+  const ensurePermissions = require$$0.useCallback(() => __async$5(this, null, function* () {
     if (!isSupported) {
       return false;
     }
@@ -3514,7 +3514,7 @@ function useMediaDevices(options = {}) {
     }
     return permissionGranted.current;
   }), [onChange, isSupported, constraints]);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (!isSupported) {
       return;
     }
@@ -3540,7 +3540,7 @@ function useTextDirection(options = defaultOptions$1) {
       return initialValue;
     }
   };
-  const [value, setValue] = React.useState(getValue());
+  const [value, setValue] = require$$0.useState(getValue());
   const set = (value2) => {
     var _a, _b;
     if (!isBrowser) {
@@ -3609,10 +3609,10 @@ function useMouse(target) {
 
 function useFps(options = defaultOptions$1) {
   var _a;
-  const [fps, setFps] = React.useState(0);
+  const [fps, setFps] = require$$0.useState(0);
   const every = (_a = options.every) != null ? _a : 10;
-  const last = React.useRef(performance.now());
-  const ticks = React.useRef(0);
+  const last = require$$0.useRef(performance.now());
+  const ticks = require$$0.useRef(0);
   useRafFn(() => {
     ticks.current += 1;
     if (ticks.current >= every) {
@@ -3643,20 +3643,20 @@ function useGeolocation(options = defaultOptions$1) {
     maximumAge = 3e4,
     timeout = 27e3
   } = options;
-  const [coordinates, setCoordinates] = React.useState(initCoord);
-  const [locatedAt, setLocatedAt] = React.useState(null);
-  const [error, setError] = React.useState(null);
-  const updatePosition = React.useCallback((position) => {
+  const [coordinates, setCoordinates] = require$$0.useState(initCoord);
+  const [locatedAt, setLocatedAt] = require$$0.useState(null);
+  const [error, setError] = require$$0.useState(null);
+  const updatePosition = require$$0.useCallback((position) => {
     setCoordinates(position.coords);
     setLocatedAt(position.timestamp);
     setError(null);
   }, []);
-  const updateError = React.useCallback((err) => {
+  const updateError = require$$0.useCallback((err) => {
     setCoordinates(initCoord);
     setLocatedAt(null);
     setError(err);
   }, []);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     navigator.geolocation.getCurrentPosition(updatePosition, updateError);
     const watchId = navigator.geolocation.watchPosition(
       updatePosition,
@@ -3865,7 +3865,7 @@ var screenfull = screenfull$1.exports;
 
 function useFullscreen(target, options = defaultOptions$1) {
   const { onExit, onEnter } = options;
-  const [state, setState] = React.useState(false);
+  const [state, setState] = require$$0.useState(false);
   const onChange = () => {
     if (screenfull.isEnabled) {
       const { isFullscreen } = screenfull;
@@ -3938,8 +3938,8 @@ function getConnectionState(previousState) {
   };
 }
 function useNetwork() {
-  const [state, setState] = React.useState(getConnectionState);
-  React.useEffect(() => {
+  const [state, setState] = require$$0.useState(getConnectionState);
+  require$$0.useEffect(() => {
     const handleStateChange = () => {
       setState(getConnectionState);
     };
@@ -3969,8 +3969,8 @@ const defaultState$1 = {
   type: "landscape-primary"
 };
 function useOrientation(initialState = defaultState$1) {
-  const [state, setState] = React.useState(initialState);
-  React.useEffect(() => {
+  const [state, setState] = require$$0.useState(initialState);
+  require$$0.useEffect(() => {
     const screen = window.screen;
     let mounted = true;
     const onChange = () => {
@@ -4017,14 +4017,14 @@ function useOrientation(initialState = defaultState$1) {
 
 function useIntersectionObserver(target, callback, options = defaultOptions$1) {
   const savedCallback = useLatest(callback);
-  const observerRef = React.useRef();
+  const observerRef = require$$0.useRef();
   const element = useLatestElement(target);
-  const stop = React.useCallback(() => {
+  const stop = require$$0.useCallback(() => {
     if (observerRef.current) {
       observerRef.current.disconnect();
     }
   }, []);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (!element) {
       return;
     }
@@ -4039,7 +4039,7 @@ function useIntersectionObserver(target, callback, options = defaultOptions$1) {
 }
 
 function usePageLeave() {
-  const [isLeft, setIsLeft] = React.useState(false);
+  const [isLeft, setIsLeft] = require$$0.useState(false);
   const handler = (event) => {
     if (!window)
       return;
@@ -4068,7 +4068,7 @@ const getInitialState$2 = (defaultValue) => {
   return "visible";
 };
 function useDocumentVisibility(defaultValue) {
-  const [visible, setVisible] = React.useState(
+  const [visible, setVisible] = require$$0.useState(
     getInitialState$2(defaultValue)
   );
   useEventListener(
@@ -4078,7 +4078,7 @@ function useDocumentVisibility(defaultValue) {
     },
     () => document
   );
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     setVisible(document.visibilityState);
   }, []);
   return visible;
@@ -4086,14 +4086,14 @@ function useDocumentVisibility(defaultValue) {
 
 function useResizeObserver(target, callback, options = defaultOptions$1) {
   const savedCallback = useLatest(callback);
-  const observerRef = React.useRef();
+  const observerRef = require$$0.useRef();
   const element = useLatestElement(target);
-  const stop = React.useCallback(() => {
+  const stop = require$$0.useCallback(() => {
     if (observerRef.current) {
       observerRef.current.disconnect();
     }
   }, []);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (!element) {
       return;
     }
@@ -4105,8 +4105,8 @@ function useResizeObserver(target, callback, options = defaultOptions$1) {
 }
 
 function useDropZone(target, onDrop) {
-  const [over, setOver] = React.useState(false);
-  const counter = React.useRef(0);
+  const [over, setOver] = require$$0.useState(false);
+  const counter = require$$0.useRef(0);
   useEventListener(
     "dragenter",
     (event) => {
@@ -4170,9 +4170,9 @@ const DEFAULT_OPTIONS = {
   accept: "*"
 };
 function useFileDialog(options = defaultOptions$1) {
-  const [files, setFiles] = React.useState(null);
-  const inputRef = React.useRef();
-  const initFn = React.useCallback(() => {
+  const [files, setFiles] = require$$0.useState(null);
+  const inputRef = require$$0.useRef();
+  const initFn = require$$0.useCallback(() => {
     if (typeof document === "undefined") {
       return void 0;
     }
@@ -4223,16 +4223,16 @@ function useScroll(target, options = defaultOptions$1) {
     },
     eventListenerOptions = defaultListerOptions
   } = options;
-  const [x, setX] = React.useState(0);
-  const [y, setY] = React.useState(0);
-  const [isScrolling, setIsScrolling] = React.useState(false);
-  const [arrivedState, setArrivedState] = React.useState({
+  const [x, setX] = require$$0.useState(0);
+  const [y, setY] = require$$0.useState(0);
+  const [isScrolling, setIsScrolling] = require$$0.useState(false);
+  const [arrivedState, setArrivedState] = require$$0.useState({
     left: true,
     right: false,
     top: true,
     bottom: false
   });
-  const [directions, setDirections] = React.useState({
+  const [directions, setDirections] = require$$0.useState({
     left: false,
     right: false,
     top: false,
@@ -4354,7 +4354,7 @@ const defaultEvents = [
 ];
 function useKeyModifier(modifier, options = defaultOptions$1) {
   const { events = defaultEvents, initial = false } = options;
-  const [state, setState] = React.useState(initial);
+  const [state, setState] = require$$0.useState(initial);
   useMount(() => {
     events.forEach((listenEvent) => {
       on(document, listenEvent, (evt) => {
@@ -4379,24 +4379,24 @@ function useKeyModifier(modifier, options = defaultOptions$1) {
 const listenerOptions$2 = { passive: true };
 function useMousePressed(target, options = defaultOptions$1) {
   const { touch = true, drag = true, initialValue = false } = options;
-  const [pressed, setPressed] = React.useState(initialValue);
-  const [sourceType, setSourceType] = React.useState(null);
+  const [pressed, setPressed] = require$$0.useState(initialValue);
+  const [sourceType, setSourceType] = require$$0.useState(null);
   const element = useLatestElement(target);
-  const onPressed = React.useCallback(
+  const onPressed = require$$0.useCallback(
     (srcType) => () => {
       setPressed(true);
       setSourceType(srcType);
     },
     []
   );
-  const onReleased = React.useCallback(() => {
+  const onReleased = require$$0.useCallback(() => {
     setPressed(false);
     setSourceType(null);
   }, []);
   useEventListener("mousedown", onPressed("mouse"), target, listenerOptions$2);
   useEventListener("mouseleave", onReleased, () => window, listenerOptions$2);
   useEventListener("mouseup", onReleased, () => window, listenerOptions$2);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (drag) {
       element == null ? void 0 : element.addEventListener(
         "dragstart",
@@ -4442,10 +4442,10 @@ function preventDefault(rawEvent) {
   return false;
 }
 function useScrollLock(target, initialState = false) {
-  const [locked, setLocked] = React.useState(initialState);
-  const initialOverflowRef = React.useRef("scroll");
+  const [locked, setLocked] = require$$0.useState(initialState);
+  const initialOverflowRef = require$$0.useRef("scroll");
   const element = useLatestElement(target);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (element) {
       initialOverflowRef.current = element.style.overflow;
       if (locked) {
@@ -4486,8 +4486,8 @@ function useScrollLock(target, initialState = false) {
 
 function useElementSize(target, options = defaultOptions$1) {
   const { box = "content-box" } = options;
-  const [width, setWidth] = React.useState(0);
-  const [height, setHeight] = React.useState(0);
+  const [width, setWidth] = require$$0.useState(0);
+  const [height, setHeight] = require$$0.useState(0);
   useResizeObserver(
     target,
     ([entry]) => {
@@ -4506,11 +4506,11 @@ function useElementSize(target, options = defaultOptions$1) {
 }
 
 function useVirtualList(list = [], options) {
-  const containerRef = React.useRef(null);
+  const containerRef = require$$0.useRef(null);
   const [width, height] = useElementSize(containerRef);
-  const [currentList, setCurrentList] = React.useState([]);
+  const [currentList, setCurrentList] = require$$0.useState([]);
   const { itemHeight, overscan = 5, containerHeight = 300 } = options;
-  const state = React.useRef({ start: 0, end: 10 });
+  const state = require$$0.useRef({ start: 0, end: 10 });
   const getViewCapacity = (containerHeight2) => {
     if (typeof itemHeight === "number") {
       return Math.ceil(containerHeight2 / itemHeight);
@@ -4563,16 +4563,16 @@ function useVirtualList(list = [], options) {
       );
     }
   });
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     calculateRange();
   }, [width, height, list]);
-  const totalHeight = React.useMemo(() => {
+  const totalHeight = require$$0.useMemo(() => {
     if (typeof itemHeight === "number") {
       return list.length * itemHeight;
     }
     return list.reduce((sum, _, index) => sum + itemHeight(index), 0);
   }, [itemHeight, list]);
-  const getDistanceTop = React.useCallback(
+  const getDistanceTop = require$$0.useCallback(
     (index) => {
       if (typeof itemHeight === "number") {
         const height3 = index * itemHeight;
@@ -4584,7 +4584,7 @@ function useVirtualList(list = [], options) {
     [itemHeight, list]
   );
   const offsetTop = getDistanceTop(state.current.start);
-  const wrapperProps = React.useMemo(() => {
+  const wrapperProps = require$$0.useMemo(() => {
     return {
       style: {
         width: "100%",
@@ -4599,7 +4599,7 @@ function useVirtualList(list = [], options) {
       calculateRange();
     }
   };
-  const containerStyle = React.useMemo(() => {
+  const containerStyle = require$$0.useMemo(() => {
     return { overflowY: "auto", height: containerHeight };
   }, [containerHeight]);
   return {
@@ -4636,8 +4636,8 @@ function usePreferredContrast(defaultState) {
 }
 
 function useActiveElement() {
-  const [active, setActive] = React.useState(null);
-  const listener = React.useCallback(() => {
+  const [active, setActive] = require$$0.useState(null);
+  const listener = require$$0.useCallback(() => {
     setActive(window == null ? void 0 : window.document.activeElement);
   }, []);
   useEventListener("blur", listener, () => window, true);
@@ -4649,14 +4649,14 @@ function useDraggable(target, options = {}) {
   var _a, _b;
   const draggingElement = options.draggingElement;
   const draggingHandle = (_a = options.handle) != null ? _a : target;
-  const [position, setPositon] = React.useState(
+  const [position, setPositon] = require$$0.useState(
     (_b = options.initialValue) != null ? _b : { x: 0, y: 0 }
   );
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     var _a2;
     setPositon((_a2 = options.initialValue) != null ? _a2 : { x: 0, y: 0 });
   }, [options.initialValue]);
-  const [pressedDelta, setPressedDelta] = React.useState();
+  const [pressedDelta, setPressedDelta] = require$$0.useState();
   const filterEvent = (e) => {
     if (options.pointerTypes) {
       return options.pointerTypes.includes(e.pointerType);
@@ -4731,14 +4731,14 @@ function useElementBounding(target, options = defaultOptions$1) {
     windowScroll = true,
     immediate = true
   } = options;
-  const [height, setHeight] = React.useState(0);
-  const [bottom, setBottom] = React.useState(0);
-  const [left, setLeft] = React.useState(0);
-  const [right, setRight] = React.useState(0);
-  const [top, setTop] = React.useState(0);
-  const [width, setWidth] = React.useState(0);
-  const [x, setX] = React.useState(0);
-  const [y, setY] = React.useState(0);
+  const [height, setHeight] = require$$0.useState(0);
+  const [bottom, setBottom] = require$$0.useState(0);
+  const [left, setLeft] = require$$0.useState(0);
+  const [right, setRight] = require$$0.useState(0);
+  const [top, setTop] = require$$0.useState(0);
+  const [width, setWidth] = require$$0.useState(0);
+  const [x, setX] = require$$0.useState(0);
+  const [y, setY] = require$$0.useState(0);
   const update = useEvent(() => {
     const element = getTargetElement(target);
     if (!element) {
@@ -4765,12 +4765,12 @@ function useElementBounding(target, options = defaultOptions$1) {
     setY(rect.y);
   });
   useResizeObserver(target, update);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (immediate) {
       update();
     }
   }, [immediate, update]);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (windowScroll) {
       window.addEventListener("scroll", update, { passive: true });
     }
@@ -4800,8 +4800,8 @@ function useElementBounding(target, options = defaultOptions$1) {
 }
 
 function useElementVisibility(target, options = defaultOptions$1) {
-  const [visible, setVisible] = React.useState(false);
-  const callback = React.useCallback((entries) => {
+  const [visible, setVisible] = require$$0.useState(false);
+  const callback = require$$0.useCallback((entries) => {
     const rect = entries[0].boundingClientRect;
     setVisible(
       rect.top <= (window.innerHeight || document.documentElement.clientHeight) && rect.left <= (window.innerWidth || document.documentElement.clientWidth) && rect.bottom >= 0 && rect.right >= 0
@@ -4812,8 +4812,8 @@ function useElementVisibility(target, options = defaultOptions$1) {
 }
 
 function useWindowsFocus(defauleValue = false) {
-  const [focused, setFocused] = React.useState(defauleValue);
-  React.useEffect(() => {
+  const [focused, setFocused] = require$$0.useState(defauleValue);
+  require$$0.useEffect(() => {
     setFocused(window.document.hasFocus());
   }, []);
   useEventListener("blur", () => {
@@ -4825,22 +4825,333 @@ function useWindowsFocus(defauleValue = false) {
   return focused;
 }
 
+var shim = {exports: {}};
+
+var useSyncExternalStoreShim_production_min = {};
+
+/**
+ * @license React
+ * use-sync-external-store-shim.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredUseSyncExternalStoreShim_production_min;
+
+function requireUseSyncExternalStoreShim_production_min () {
+	if (hasRequiredUseSyncExternalStoreShim_production_min) return useSyncExternalStoreShim_production_min;
+	hasRequiredUseSyncExternalStoreShim_production_min = 1;
+var e=require$$0__default["default"];function h(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var k="function"===typeof Object.is?Object.is:h,l=e.useState,m=e.useEffect,n=e.useLayoutEffect,p=e.useDebugValue;function q(a,b){var d=b(),f=l({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];n(function(){c.value=d;c.getSnapshot=b;r(c)&&g({inst:c});},[a,d,b]);m(function(){r(c)&&g({inst:c});return a(function(){r(c)&&g({inst:c});})},[a]);p(d);return d}
+	function r(a){var b=a.getSnapshot;a=a.value;try{var d=b();return !k(a,d)}catch(f){return !0}}function t(a,b){return b()}var u="undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement?t:q;useSyncExternalStoreShim_production_min.useSyncExternalStore=void 0!==e.useSyncExternalStore?e.useSyncExternalStore:u;
+	return useSyncExternalStoreShim_production_min;
+}
+
+var useSyncExternalStoreShim_development = {};
+
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredUseSyncExternalStoreShim_development;
+
+function requireUseSyncExternalStoreShim_development () {
+	if (hasRequiredUseSyncExternalStoreShim_development) return useSyncExternalStoreShim_development;
+	hasRequiredUseSyncExternalStoreShim_development = 1;
+
+	if (process.env.NODE_ENV !== "production") {
+	  (function() {
+
+	/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
+	if (
+	  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
+	  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart ===
+	    'function'
+	) {
+	  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+	}
+	          var React = require$$0__default["default"];
+
+	var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+	function error(format) {
+	  {
+	    {
+	      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+	        args[_key2 - 1] = arguments[_key2];
+	      }
+
+	      printWarning('error', format, args);
+	    }
+	  }
+	}
+
+	function printWarning(level, format, args) {
+	  // When changing this logic, you might want to also
+	  // update consoleWithStackDev.www.js as well.
+	  {
+	    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+	    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+	    if (stack !== '') {
+	      format += '%s';
+	      args = args.concat([stack]);
+	    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+	    var argsWithFormat = args.map(function (item) {
+	      return String(item);
+	    }); // Careful: RN currently depends on this prefix
+
+	    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+	    // breaks IE9: https://github.com/facebook/react/issues/13610
+	    // eslint-disable-next-line react-internal/no-production-logging
+
+	    Function.prototype.apply.call(console[level], console, argsWithFormat);
+	  }
+	}
+
+	/**
+	 * inlined Object.is polyfill to avoid requiring consumers ship their own
+	 * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+	 */
+	function is(x, y) {
+	  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
+	  ;
+	}
+
+	var objectIs = typeof Object.is === 'function' ? Object.is : is;
+
+	// dispatch for CommonJS interop named imports.
+
+	var useState = React.useState,
+	    useEffect = React.useEffect,
+	    useLayoutEffect = React.useLayoutEffect,
+	    useDebugValue = React.useDebugValue;
+	var didWarnOld18Alpha = false;
+	var didWarnUncachedGetSnapshot = false; // Disclaimer: This shim breaks many of the rules of React, and only works
+	// because of a very particular set of implementation details and assumptions
+	// -- change any one of them and it will break. The most important assumption
+	// is that updates are always synchronous, because concurrent rendering is
+	// only available in versions of React that also have a built-in
+	// useSyncExternalStore API. And we only use this shim when the built-in API
+	// does not exist.
+	//
+	// Do not assume that the clever hacks used by this hook also work in general.
+	// The point of this shim is to replace the need for hacks by other libraries.
+
+	function useSyncExternalStore(subscribe, getSnapshot, // Note: The shim does not use getServerSnapshot, because pre-18 versions of
+	// React do not expose a way to check if we're hydrating. So users of the shim
+	// will need to track that themselves and return the correct value
+	// from `getSnapshot`.
+	getServerSnapshot) {
+	  {
+	    if (!didWarnOld18Alpha) {
+	      if (React.startTransition !== undefined) {
+	        didWarnOld18Alpha = true;
+
+	        error('You are using an outdated, pre-release alpha of React 18 that ' + 'does not support useSyncExternalStore. The ' + 'use-sync-external-store shim will not work correctly. Upgrade ' + 'to a newer pre-release.');
+	      }
+	    }
+	  } // Read the current snapshot from the store on every render. Again, this
+	  // breaks the rules of React, and only works here because of specific
+	  // implementation details, most importantly that updates are
+	  // always synchronous.
+
+
+	  var value = getSnapshot();
+
+	  {
+	    if (!didWarnUncachedGetSnapshot) {
+	      var cachedValue = getSnapshot();
+
+	      if (!objectIs(value, cachedValue)) {
+	        error('The result of getSnapshot should be cached to avoid an infinite loop');
+
+	        didWarnUncachedGetSnapshot = true;
+	      }
+	    }
+	  } // Because updates are synchronous, we don't queue them. Instead we force a
+	  // re-render whenever the subscribed state changes by updating an some
+	  // arbitrary useState hook. Then, during render, we call getSnapshot to read
+	  // the current value.
+	  //
+	  // Because we don't actually use the state returned by the useState hook, we
+	  // can save a bit of memory by storing other stuff in that slot.
+	  //
+	  // To implement the early bailout, we need to track some things on a mutable
+	  // object. Usually, we would put that in a useRef hook, but we can stash it in
+	  // our useState hook instead.
+	  //
+	  // To force a re-render, we call forceUpdate({inst}). That works because the
+	  // new object always fails an equality check.
+
+
+	  var _useState = useState({
+	    inst: {
+	      value: value,
+	      getSnapshot: getSnapshot
+	    }
+	  }),
+	      inst = _useState[0].inst,
+	      forceUpdate = _useState[1]; // Track the latest getSnapshot function with a ref. This needs to be updated
+	  // in the layout phase so we can access it during the tearing check that
+	  // happens on subscribe.
+
+
+	  useLayoutEffect(function () {
+	    inst.value = value;
+	    inst.getSnapshot = getSnapshot; // Whenever getSnapshot or subscribe changes, we need to check in the
+	    // commit phase if there was an interleaved mutation. In concurrent mode
+	    // this can happen all the time, but even in synchronous mode, an earlier
+	    // effect may have mutated the store.
+
+	    if (checkIfSnapshotChanged(inst)) {
+	      // Force a re-render.
+	      forceUpdate({
+	        inst: inst
+	      });
+	    }
+	  }, [subscribe, value, getSnapshot]);
+	  useEffect(function () {
+	    // Check for changes right before subscribing. Subsequent changes will be
+	    // detected in the subscription handler.
+	    if (checkIfSnapshotChanged(inst)) {
+	      // Force a re-render.
+	      forceUpdate({
+	        inst: inst
+	      });
+	    }
+
+	    var handleStoreChange = function () {
+	      // TODO: Because there is no cross-renderer API for batching updates, it's
+	      // up to the consumer of this library to wrap their subscription event
+	      // with unstable_batchedUpdates. Should we try to detect when this isn't
+	      // the case and print a warning in development?
+	      // The store changed. Check if the snapshot changed since the last time we
+	      // read from the store.
+	      if (checkIfSnapshotChanged(inst)) {
+	        // Force a re-render.
+	        forceUpdate({
+	          inst: inst
+	        });
+	      }
+	    }; // Subscribe to the store and return a clean-up function.
+
+
+	    return subscribe(handleStoreChange);
+	  }, [subscribe]);
+	  useDebugValue(value);
+	  return value;
+	}
+
+	function checkIfSnapshotChanged(inst) {
+	  var latestGetSnapshot = inst.getSnapshot;
+	  var prevValue = inst.value;
+
+	  try {
+	    var nextValue = latestGetSnapshot();
+	    return !objectIs(prevValue, nextValue);
+	  } catch (error) {
+	    return true;
+	  }
+	}
+
+	function useSyncExternalStore$1(subscribe, getSnapshot, getServerSnapshot) {
+	  // Note: The shim does not use getServerSnapshot, because pre-18 versions of
+	  // React do not expose a way to check if we're hydrating. So users of the shim
+	  // will need to track that themselves and return the correct value
+	  // from `getSnapshot`.
+	  return getSnapshot();
+	}
+
+	var canUseDOM = !!(typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined');
+
+	var isServerEnvironment = !canUseDOM;
+
+	var shim = isServerEnvironment ? useSyncExternalStore$1 : useSyncExternalStore;
+	var useSyncExternalStore$2 = React.useSyncExternalStore !== undefined ? React.useSyncExternalStore : shim;
+
+	useSyncExternalStoreShim_development.useSyncExternalStore = useSyncExternalStore$2;
+	          /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
+	if (
+	  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
+	  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===
+	    'function'
+	) {
+	  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+	}
+	        
+	  })();
+	}
+	return useSyncExternalStoreShim_development;
+}
+
+(function (module) {
+
+	if (process.env.NODE_ENV === 'production') {
+	  module.exports = requireUseSyncExternalStoreShim_production_min();
+	} else {
+	  module.exports = requireUseSyncExternalStoreShim_development();
+	}
+} (shim));
+
+const subscribe$1 = (callback) => {
+  window.addEventListener("resize", callback);
+  return () => {
+    window.removeEventListener("resize", callback);
+  };
+};
 function useWindowSize() {
-  const [windowSize, setWindowSize] = React.useState({
+  const stateDependencies = require$$0.useRef({}).current;
+  const previous = require$$0.useRef({
     width: 0,
     height: 0
   });
-  const handleSize = () => {
-    setWindowSize({
-      width: window.innerWidth,
-      height: window.innerHeight
-    });
+  const isEqual = (prev, current) => {
+    for (const _ in stateDependencies) {
+      const t = _;
+      if (current[t] !== prev[t]) {
+        return false;
+      }
+    }
+    return true;
+  };
+  const cached = shim.exports.useSyncExternalStore(
+    subscribe$1,
+    () => {
+      const data = {
+        width: window.innerWidth,
+        height: window.innerHeight
+      };
+      if (!isEqual(previous.current, data)) {
+        previous.current = data;
+        return data;
+      }
+      return previous.current;
+    },
+    () => {
+      return previous.current;
+    }
+  );
+  return {
+    get width() {
+      stateDependencies.width = true;
+      return cached.width;
+    },
+    get height() {
+      stateDependencies.height = true;
+      return cached.height;
+    }
   };
-  useEventListener("resize", handleSize);
-  useIsomorphicLayoutEffect(() => {
-    handleSize();
-  }, []);
-  return windowSize;
 }
 
 const listenerOptions$1 = {
@@ -4883,15 +5194,15 @@ var __async$3 = (__this, __arguments, generator) => {
   });
 };
 function useClipBorad() {
-  const [text, setText] = React.useState("");
-  const updateText = React.useCallback(() => {
+  const [text, setText] = require$$0.useState("");
+  const updateText = require$$0.useCallback(() => {
     window.navigator.clipboard.readText().then((value) => {
       setText(value);
     });
   }, []);
   useEventListener("copy", updateText);
   useEventListener("cut", updateText);
-  const copy = React.useCallback((txt) => __async$3(this, null, function* () {
+  const copy = require$$0.useCallback((txt) => __async$3(this, null, function* () {
     setText(txt);
     yield window.navigator.clipboard.writeText(txt);
   }), []);
@@ -4919,7 +5230,7 @@ function useClickOutside(target, handler) {
 }
 
 function useCycleList(list, i = 0) {
-  const [index, setIndex] = React.useState(i);
+  const [index, setIndex] = require$$0.useState(i);
   const set = (i2) => {
     const length = list.length;
     const nextIndex = ((index + i2) % length + length) % length;
@@ -4935,7 +5246,7 @@ function useCycleList(list, i = 0) {
 }
 
 function useFocus(target, initialValue = false) {
-  const [focus, innerSetFocus] = React.useState(initialValue);
+  const [focus, innerSetFocus] = require$$0.useState(initialValue);
   useEventListener("focus", () => innerSetFocus(true), target);
   useEventListener("blur", () => innerSetFocus(false), target);
   const setFocus = (value) => {
@@ -4961,10 +5272,10 @@ function useControlled(props) {
     defaultValue: void 0,
     state: "value"
   };
-  const { current: isControlled } = React.useRef(controlled !== void 0);
-  const [valueState, setValue] = React.useState(defaultProp);
+  const { current: isControlled } = require$$0.useRef(controlled !== void 0);
+  const [valueState, setValue] = require$$0.useState(defaultProp);
   const value = isControlled ? controlled : valueState;
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (isControlled !== (controlled !== void 0)) {
       console.error(
         [
@@ -4977,7 +5288,7 @@ function useControlled(props) {
       );
     }
   }, [state, controlled]);
-  const setValueIfUncontrolled = React.useCallback((newValue) => {
+  const setValueIfUncontrolled = require$$0.useCallback((newValue) => {
     if (!isControlled) {
       setValue(newValue);
     }
@@ -4999,9 +5310,9 @@ const createOnceEffect = (hook) => (effect, deps) => {
   }, deps);
 };
 
-var index$1 = createOnceEffect(React.useEffect);
+var index$1 = createOnceEffect(require$$0.useEffect);
 
-var index = createOnceEffect(React.useLayoutEffect);
+var index = createOnceEffect(require$$0.useLayoutEffect);
 
 function useReducedMotion(defaultState) {
   return useMediaQuery("(prefers-reduced-motion: reduce)", defaultState);
@@ -5136,9 +5447,9 @@ function useScrollIntoView(targetElement, {
   cancelable = true,
   isList = false
 } = defaultOptions$1, scrollElement) {
-  const frameID = React.useRef(0);
-  const startTime = React.useRef(0);
-  const shouldStop = React.useRef(false);
+  const frameID = require$$0.useRef(0);
+  const startTime = require$$0.useRef(0);
+  const shouldStop = require$$0.useRef(false);
   const reducedMotion = useReducedMotion(false);
   const cancel = () => {
     if (frameID.current) {
@@ -5195,7 +5506,7 @@ function useScrollIntoView(targetElement, {
   };
   useEventListener("wheel", handleStop, null, listenerOptions);
   useEventListener("touchmove", handleStop, null, listenerOptions);
-  React.useEffect(() => cancel, []);
+  require$$0.useEffect(() => cancel, []);
   return {
     scrollIntoView,
     cancel
@@ -5203,7 +5514,7 @@ function useScrollIntoView(targetElement, {
 }
 
 const useSticky = (targetElement, { axis = "y", nav = 0 }, scrollElement) => {
-  const [isSticky, setSticky] = React.useState(false);
+  const [isSticky, setSticky] = require$$0.useState(false);
   const element = useLatestElement(targetElement);
   const { run: scrollHandler } = useThrottleFn(() => {
     if (!element) {
@@ -5216,7 +5527,7 @@ const useSticky = (targetElement, { axis = "y", nav = 0 }, scrollElement) => {
       setSticky((rect == null ? void 0 : rect.left) <= nav);
     }
   }, 50);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     const scrollParent = getTargetElement(scrollElement) || getScrollParent(axis, element);
     if (!element || !scrollParent) {
       return;
@@ -5252,7 +5563,7 @@ var __async$2 = (__this, __arguments, generator) => {
 };
 function useAsyncEffect(effect, cleanup = noop, deps) {
   const mounted = useMountedState();
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     const execute = () => __async$2(this, null, function* () {
       if (!mounted()) {
         return;
@@ -5282,8 +5593,8 @@ const getHMSTime = (timeDiff) => {
   return [padZero(hour), padZero(minute), padZero(second)];
 };
 const useCountDown = (time, format = getHMSTime, callback) => {
-  const [remainTime, setRemainTime] = React.useState(time);
-  const [delay, setDelay] = React.useState(1e3);
+  const [remainTime, setRemainTime] = require$$0.useState(time);
+  const [delay, setDelay] = require$$0.useState(1e3);
   useInterval(() => {
     if (remainTime <= 0) {
       setDelay(null);
@@ -5291,7 +5602,7 @@ const useCountDown = (time, format = getHMSTime, callback) => {
     }
     setRemainTime(remainTime - 1);
   }, delay);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (time > 0 && remainTime <= 0) {
       callback && callback();
     }
@@ -5301,14 +5612,14 @@ const useCountDown = (time, format = getHMSTime, callback) => {
 };
 
 function useTextSelection() {
-  const [selection, setSelection] = React.useState(null);
+  const [selection, setSelection] = require$$0.useState(null);
   const forceUpdate = useUpdate();
   const handleSelectionChange = () => {
     setSelection(document.getSelection());
     forceUpdate();
   };
   useEventListener("selectionchange", handleSelectionChange, () => document);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     setSelection(document.getSelection());
   }, []);
   return selection;
@@ -5339,7 +5650,7 @@ function useEyeDropper() {
     () => typeof window !== "undefined" && "EyeDropper" in window,
     true
   );
-  const open = React.useCallback(
+  const open = require$$0.useCallback(
     (..._0) => __async$1(this, [..._0], function* (options = {}) {
       if (!isSupported) {
         return {
@@ -5501,10 +5812,10 @@ const getInitialState$1 = (key, defaultValue) => {
   return "";
 };
 function useCookie(key, options = defaultOptions$1, defaultValue) {
-  const [cookieValue, setCookieValue] = React.useState(
+  const [cookieValue, setCookieValue] = require$$0.useState(
     getInitialState$1(key, defaultValue)
   );
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     const getStoredValue = () => {
       const raw = api.get(key);
       if (raw !== void 0 && raw !== null) {
@@ -5520,7 +5831,7 @@ function useCookie(key, options = defaultOptions$1, defaultValue) {
     };
     setCookieValue(getStoredValue());
   }, [defaultValue, key, options]);
-  const updateCookie = React.useCallback(
+  const updateCookie = require$$0.useCallback(
     (newValue) => {
       const value = isFunction$1(newValue) ? newValue(cookieValue) : newValue;
       if (value === void 0) {
@@ -5532,7 +5843,7 @@ function useCookie(key, options = defaultOptions$1, defaultValue) {
     },
     [key, cookieValue, options]
   );
-  const refreshCookie = React.useCallback(() => {
+  const refreshCookie = require$$0.useCallback(() => {
     const cookieValue2 = api.get(key);
     if (isString(cookieValue2)) {
       setCookieValue(cookieValue2);
@@ -5550,7 +5861,7 @@ function useDoubleClick({
   }
 }) {
   const element = useLatestElement(target);
-  const handle = React.useCallback(
+  const handle = require$$0.useCallback(
     (onSingleClick2, onDoubleClick2) => {
       let count = 0;
       return (e) => {
@@ -5594,8 +5905,8 @@ var __spreadValues = (a, b) => {
   return a;
 };
 function useSetState(initialState) {
-  const [state, _setState] = React.useState(initialState);
-  const setState = React.useCallback(
+  const [state, _setState] = require$$0.useState(initialState);
+  const setState = require$$0.useCallback(
     (statePartial) => _setState((current) => __spreadValues(__spreadValues({}, current), typeof statePartial === "function" ? statePartial(current) : statePartial)),
     []
   );
@@ -5613,7 +5924,7 @@ const defaultState = {
   right: 0
 };
 function useMeasure(target, options = defaultOptions$1) {
-  const [rect, setRect] = React.useState(defaultState);
+  const [rect, setRect] = require$$0.useState(defaultState);
   const stop = useResizeObserver(
     target,
     (entries) => {
@@ -5628,9 +5939,9 @@ function useMeasure(target, options = defaultOptions$1) {
 }
 
 function useHover(target) {
-  const [hovered, setHovered] = React.useState(false);
-  const onMouseEnter = React.useCallback(() => setHovered(true), []);
-  const onMouseLeave = React.useCallback(() => setHovered(false), []);
+  const [hovered, setHovered] = require$$0.useState(false);
+  const onMouseEnter = require$$0.useCallback(() => setHovered(true), []);
+  const onMouseLeave = require$$0.useCallback(() => setHovered(false), []);
   useEventListener("mouseenter", onMouseEnter, target);
   useEventListener("mouseleave", onMouseLeave, target);
   return hovered;
@@ -5655,12 +5966,12 @@ const getInitialState = (defaultValue) => {
 };
 function useCssVar(prop, target, defaultValue, options = defaultOptions) {
   const { observe } = options;
-  const [variable, setVariable] = React.useState(
+  const [variable, setVariable] = require$$0.useState(
     getInitialState(defaultValue)
   );
   const element = useLatestElement(target);
-  const observerRef = React.useRef();
-  const set = React.useCallback(
+  const observerRef = require$$0.useRef();
+  const set = require$$0.useCallback(
     (v) => {
       if (element == null ? void 0 : element.style) {
         element == null ? void 0 : element.style.setProperty(prop, v);
@@ -5669,14 +5980,14 @@ function useCssVar(prop, target, defaultValue, options = defaultOptions) {
     },
     [element, prop]
   );
-  const updateCssVar = React.useCallback(() => {
+  const updateCssVar = require$$0.useCallback(() => {
     var _a;
     if (element) {
       const value = (_a = window.getComputedStyle(element).getPropertyValue(prop)) == null ? void 0 : _a.trim();
       setVariable(value);
     }
   }, [element, prop]);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     var _a;
     if (!element) {
       return;
@@ -5709,10 +6020,10 @@ const bottomVarName = "--reactuse-safe-area-bottom";
 const leftVarName = "--reactuse-safe-area-left";
 const defaultElement = () => document.documentElement;
 function useScreenSafeArea() {
-  const top = React.useRef("");
-  const right = React.useRef("");
-  const bottom = React.useRef("");
-  const left = React.useRef("");
+  const top = require$$0.useRef("");
+  const right = require$$0.useRef("");
+  const bottom = require$$0.useRef("");
+  const left = require$$0.useRef("");
   const forceUpdate = useUpdate();
   useCssVar(topVarName, defaultElement, "env(safe-area-inset-top, 0px)");
   useCssVar(rightVarName, defaultElement, "env(safe-area-inset-right, 0px)");
@@ -5725,7 +6036,7 @@ function useScreenSafeArea() {
     left.current = getValue(leftVarName);
     forceUpdate();
   });
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     update();
   }, [update]);
   useEventListener("resize", update);
@@ -5763,8 +6074,8 @@ var __async = (__this, __arguments, generator) => {
 };
 function useWebNotification(requestPermissions = false) {
   const isSupported = useSupported(() => !!window && "Notification" in window);
-  const permissionGranted = React.useRef(false);
-  const notificationRef = React.useRef(null);
+  const permissionGranted = require$$0.useRef(false);
+  const notificationRef = require$$0.useRef(null);
   const show = (title, options = defaultOptions$1) => {
     if (!isSupported && !permissionGranted.current) {
       return;
@@ -5772,16 +6083,16 @@ function useWebNotification(requestPermissions = false) {
     notificationRef.current = new Notification(title || "", options);
     return notificationRef.current;
   };
-  const close = React.useCallback(() => {
+  const close = require$$0.useCallback(() => {
     if (notificationRef.current) {
       notificationRef.current.close();
     }
     notificationRef.current = null;
   }, []);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     permissionGranted.current = isSupported && "permission" in Notification && Notification.permission === "granted";
   }, [isSupported]);
-  const ensurePermissions = React.useCallback(() => __async(this, null, function* () {
+  const ensurePermissions = require$$0.useCallback(() => __async(this, null, function* () {
     if (!isSupported)
       return;
     if (!permissionGranted.current && Notification.permission !== "denied") {
@@ -5791,7 +6102,7 @@ function useWebNotification(requestPermissions = false) {
     }
     return permissionGranted.current;
   }), [isSupported]);
-  React.useEffect(() => {
+  require$$0.useEffect(() => {
     if (requestPermissions) {
       ensurePermissions();
     }
@@ -5806,6 +6117,22 @@ function useWebNotification(requestPermissions = false) {
   };
 }
 
+function subscribe(callback) {
+  window.addEventListener("popstate", callback);
+  window.addEventListener("hashchange", callback);
+  return () => {
+    window.removeEventListener("popstate", callback);
+    window.removeEventListener("hashchange", callback);
+  };
+}
+function useLocationSelector(selector, fallback) {
+  return shim.exports.useSyncExternalStore(
+    subscribe,
+    () => selector(location),
+    () => fallback
+  );
+}
+
 exports.getHMSTime = getHMSTime;
 exports.useActiveElement = useActiveElement;
 exports.useAsyncEffect = useAsyncEffect;
@@ -5849,6 +6176,7 @@ exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 exports.useKeyModifier = useKeyModifier;
 exports.useLatest = useLatest;
 exports.useLocalStorage = useLocalStorage;
+exports.useLocationSelector = useLocationSelector;
 exports.useLongPress = useLongPress;
 exports.useMeasure = useMeasure;
 exports.useMediaDevices = useMediaDevices;