@reactuses/core 2.2.4 → 2.2.6

package/dist/index.cjs

@@ -8,6 +8,7 @@ var lodash = require('lodash');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var lodash__default = /*#__PURE__*/_interopDefaultLegacy(lodash);
 
 function usePrevious(state) {
   const ref = React.useRef();
@@ -45,7 +46,7 @@ const createUpdateEffect = (hook) => (effect, deps) => {
 
 var useUpdateEffect = createUpdateEffect(React.useEffect);
 
-var useUpdateLayoutEffect = createUpdateEffect(React.useLayoutEffect);
+var index$4 = createUpdateEffect(React.useLayoutEffect);
 
 var _a;
 const isFunction = (val) => typeof val === "function";
@@ -84,7 +85,7 @@ function useEvent(fn) {
 const isPrimitive$1 = (val) => val !== Object(val);
 function useCustomCompareEffect(effect, deps, depsEqual) {
   if (process.env.NODE_ENV !== "production") {
-    if (!(deps instanceof Array) || !deps.length) {
+    if (!Array.isArray(deps) || !deps.length) {
       console.warn(
         "`useCustomCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
       );
@@ -108,9 +109,10 @@ function useCustomCompareEffect(effect, deps, depsEqual) {
 }
 
 const isPrimitive = (val) => val !== Object(val);
+const { isEqual } = lodash__default["default"];
 function useDeepCompareEffect(effect, deps) {
   if (process.env.NODE_ENV !== "production") {
-    if (!(deps instanceof Array) || !deps.length) {
+    if (!Array.isArray(deps) || !deps.length) {
       console.warn(
         "`useDeepCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
       );
@@ -121,7 +123,7 @@ function useDeepCompareEffect(effect, deps) {
       );
     }
   }
-  useCustomCompareEffect(effect, deps, lodash.isEqual);
+  useCustomCompareEffect(effect, deps, isEqual);
 }
 
 const StorageSerializers = {
@@ -314,6 +316,7 @@ const getInitialState = (query, defaultState) => {
 function useMediaQuery(query, defaultState) {
   const [state, setState] = React.useState(getInitialState(query, defaultState));
   React.useEffect(() => {
+    var _a;
     let mounted = true;
     const mql = window.matchMedia(query);
     const onChange = () => {
@@ -325,15 +328,16 @@ function useMediaQuery(query, defaultState) {
     if ("addEventListener" in mql) {
       mql.addEventListener("change", onChange);
     } else {
-      mql.addListener(onChange);
+      (_a = mql.addListener) == null ? void 0 : _a.call(mql, onChange);
     }
     setState(mql.matches);
     return () => {
+      var _a2;
       mounted = false;
       if ("removeEventListener" in mql) {
         mql.removeEventListener("change", onChange);
       } else {
-        mql.removeListener(onChange);
+        (_a2 = mql.removeListener) == null ? void 0 : _a2.call(mql, onChange);
       }
     };
   }, [query]);
@@ -374,6 +378,7 @@ function useUnmount(fn) {
   );
 }
 
+const { throttle: throttle$1 } = lodash__default["default"];
 function useThrottleFn(fn, wait, options) {
   if (isDev) {
     if (!isFunction(fn)) {
@@ -384,13 +389,14 @@ function useThrottleFn(fn, wait, options) {
   }
   const fnRef = useLatest(fn);
   const throttled = React.useMemo(
-    () => lodash.throttle(
+    () => throttle$1(
       (...args) => {
         return fnRef.current(...args);
       },
       wait,
       options
     ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   useUnmount(() => {
@@ -418,6 +424,7 @@ function useThrottle(value, wait, options) {
   return throttled;
 }
 
+const { debounce } = lodash__default["default"];
 function useDebounceFn(fn, wait, options) {
   if (isDev) {
     if (!isFunction(fn)) {
@@ -428,13 +435,14 @@ function useDebounceFn(fn, wait, options) {
   }
   const fnRef = useLatest(fn);
   const debounced = React.useMemo(
-    () => lodash.debounce(
+    () => debounce(
       (...args) => {
         return fnRef.current(...args);
       },
       wait,
       options
     ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   useUnmount(() => {
@@ -594,17 +602,17 @@ function useCounter(initialValue = 0, max = null, min = null) {
   const initFunc = () => {
     let init = typeof initialValue === "function" ? initialValue() : initialValue;
     typeof init !== "number" && console.error(
-      "initialValue has to be a number, got " + typeof initialValue
+      `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);
+      console.error(`min has to be a number, got ${typeof min}`);
     }
     if (typeof max === "number") {
       init = Math.min(init, max);
     } else if (max !== null) {
-      console.error("max has to be a number, got " + typeof max);
+      console.error(`max has to be a number, got ${typeof max}`);
     }
     return init;
   };
@@ -663,6 +671,7 @@ function useRafFn(callback, initiallyActive = true) {
         }
       },
       () => rafActivity.current
+      // isActive
     ],
     [step]
   );
@@ -677,6 +686,7 @@ function useRafFn(callback, initiallyActive = true) {
 
 function useEventEmitter() {
   const listeners = React.useRef([]);
+  const _disposed = React.useRef(false);
   const _event = React.useRef((listener) => {
     listeners.current.push(listener);
     const disposable = {
@@ -693,7 +703,6 @@ function useEventEmitter() {
     };
     return disposable;
   });
-  const _disposed = React.useRef(false);
   const fire = (arg1, arg2) => {
     const queue = [];
     for (let i = 0; i < listeners.current.length; i++) {
@@ -960,6 +969,7 @@ const defaultEvents$1 = [
   "wheel"
 ];
 const oneMinute = 6e4;
+const { throttle } = lodash__default["default"];
 function useIdle(ms = oneMinute, initialState = false, events = defaultEvents$1) {
   const [state, setState] = React.useState(initialState);
   React.useEffect(() => {
@@ -972,7 +982,7 @@ function useIdle(ms = oneMinute, initialState = false, events = defaultEvents$1)
         setState(newState);
       }
     };
-    const onEvent = lodash.throttle(() => {
+    const onEvent = throttle(() => {
       if (localState) {
         set(false);
       }
@@ -1028,7 +1038,7 @@ function useMediaDevices() {
   return state;
 }
 const useMediaDevicesMock = () => ({ devices: [] });
-var useMediaDevices$1 = isNavigator && !!navigator.mediaDevices ? useMediaDevices : useMediaDevicesMock;
+var index$3 = isNavigator && !!navigator.mediaDevices ? useMediaDevices : useMediaDevicesMock;
 
 function useTextDirection(options = {}) {
   const { selector = "html", initialValue = "ltr" } = options;
@@ -1126,7 +1136,7 @@ function useFps(options) {
   return fps;
 }
 const useFpsMock = (options) => 0;
-var useFps$1 = typeof performance === "undefined" ? useFpsMock : useFps;
+var index$2 = typeof performance === "undefined" ? useFpsMock : useFps;
 
 const initCoord = {
   accuracy: 0,
@@ -1184,7 +1194,7 @@ var screenfull$1 = {exports: {}};
 
 /*!
 * screenfull
-* v5.2.0 - 2021-11-03
+* v5.0.0 - 2019-09-09
 * (c) Sindre Sorhus; MIT License
 */
 
@@ -1267,7 +1277,7 @@ var screenfull$1 = {exports: {}};
 		};
 
 		var screenfull = {
-			request: function (element, options) {
+			request: function (element) {
 				return new Promise(function (resolve, reject) {
 					var onFullScreenEntered = function () {
 						this.off('change', onFullScreenEntered);
@@ -1278,11 +1288,7 @@ var screenfull$1 = {exports: {}};
 
 					element = element || document.documentElement;
 
-					var returnPromise = element[fn.requestFullscreen](options);
-
-					if (returnPromise instanceof Promise) {
-						returnPromise.then(onFullScreenEntered).catch(reject);
-					}
+					Promise.resolve(element[fn.requestFullscreen]()).catch(reject);
 				}.bind(this));
 			},
 			exit: function () {
@@ -1299,15 +1305,11 @@ var screenfull$1 = {exports: {}};
 
 					this.on('change', onFullScreenExit);
 
-					var returnPromise = document[fn.exitFullscreen]();
-
-					if (returnPromise instanceof Promise) {
-						returnPromise.then(onFullScreenExit).catch(reject);
-					}
+					Promise.resolve(document[fn.exitFullscreen]()).catch(reject);
 				}.bind(this));
 			},
-			toggle: function (element, options) {
-				return this.isFullscreen ? this.exit() : this.request(element, options);
+			toggle: function (element) {
+				return this.isFullscreen ? this.exit() : this.request(element);
 			},
 			onchange: function (callback) {
 				this.on('change', callback);
@@ -1439,7 +1441,7 @@ function getConnectionState(previousState) {
   return {
     online,
     previous: previousOnline,
-    since: online !== previousOnline ? new Date() : previousState == null ? void 0 : previousState.since,
+    since: online !== previousOnline ? /* @__PURE__ */ new Date() : previousState == null ? void 0 : previousState.since,
     downlink: conn == null ? void 0 : conn.downlink,
     downlinkMax: conn == null ? void 0 : conn.downlinkMax,
     effectiveType: conn == null ? void 0 : conn.effectiveType,
@@ -1793,7 +1795,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async$2 = (__this, __arguments, generator) => {
+var __async$3 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -1827,7 +1829,7 @@ function useInfiniteScroll(target, onLoadMore, options = {}) {
   const di = state[3][direction];
   useUpdateEffect(() => {
     const opts = latestOptions.current;
-    const fn = () => __async$2(this, null, function* () {
+    const fn = () => __async$3(this, null, function* () {
       var _a2, _b2, _c, _d;
       const previous = {
         height: (_b2 = (_a2 = element.current) == null ? void 0 : _a2.scrollHeight) != null ? _b2 : 0,
@@ -2374,7 +2376,7 @@ function useWindowScroll() {
   return state;
 }
 
-var __async$1 = (__this, __arguments, generator) => {
+var __async$2 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -2403,7 +2405,7 @@ function useClipBorad() {
   }, []);
   useEventListener("copy", updateText);
   useEventListener("cut", updateText);
-  const copy = React.useCallback((txt) => __async$1(this, null, function* () {
+  const copy = React.useCallback((txt) => __async$2(this, null, function* () {
     setText(txt);
     yield window.navigator.clipboard.writeText(txt);
   }), []);
@@ -2451,9 +2453,6 @@ function useFocus(target, initialValue = false) {
   const [focus, innerSetFocus] = React.useState(initialValue);
   useEventListener("focus", () => innerSetFocus(true), target);
   useEventListener("blur", () => innerSetFocus(false), target);
-  useMount(() => {
-    setFocus(focus);
-  });
   const setFocus = (value) => {
     const element = getTargetElement(target);
     if (!element) {
@@ -2465,14 +2464,18 @@ function useFocus(target, initialValue = false) {
       element.focus();
     }
   };
+  useMount(() => {
+    setFocus(focus);
+  });
   return [focus, setFocus];
 }
 
-function useControlled({
-  controlled,
-  defaultValue: defaultProp,
-  state = "value"
-}) {
+function useControlled(props) {
+  const { controlled, defaultValue: defaultProp, state } = props != null ? props : {
+    controlled: void 0,
+    defaultValue: void 0,
+    state: "value"
+  };
   const { current: isControlled } = React.useRef(controlled !== void 0);
   const [valueState, setValue] = React.useState(defaultProp);
   const value = isControlled ? controlled : valueState;
@@ -2511,9 +2514,9 @@ const createOnceEffect = (hook) => (effect, deps) => {
   }, deps);
 };
 
-var useOnceEffect = createOnceEffect(React.useEffect);
+var index$1 = createOnceEffect(React.useEffect);
 
-var useOnceLayoutEffect = createOnceEffect(React.useLayoutEffect);
+var index = createOnceEffect(React.useLayoutEffect);
 
 function useReducedMotion(defaultState) {
   return useMediaQuery("(prefers-reduced-motion: reduce)", defaultState);
@@ -2748,7 +2751,7 @@ const useSticky = ({
   return [isSticky, setSticky];
 };
 
-var __async = (__this, __arguments, generator) => {
+var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -2771,7 +2774,7 @@ var __async = (__this, __arguments, generator) => {
 function useAsyncEffect(effect, cleanup = noop, deps) {
   const mounted = useMountedState();
   React.useEffect(() => {
-    const execute = () => __async(this, null, function* () {
+    const execute = () => __async$1(this, null, function* () {
       if (!mounted()) {
         return;
       }
@@ -2818,6 +2821,69 @@ const useCountDown = (time, format = getHMSTime, callback) => {
   return [hour, minute, secoud];
 };
 
+function useSupported(callback, sync = false) {
+  const [supported, setSupported] = React.useState(false);
+  const effect = sync ? useIsomorphicLayoutEffect : React.useEffect;
+  effect(() => {
+    setSupported(Boolean(callback()));
+  }, []);
+  return supported;
+}
+
+function useTextSelection() {
+  const [selection, setSelection] = React.useState(null);
+  const forceUpdate = useUpdate();
+  const handleSelectionChange = () => {
+    setSelection(document.getSelection());
+    forceUpdate();
+  };
+  useEventListener("selectionchange", handleSelectionChange, () => document);
+  React.useEffect(() => {
+    setSelection(document.getSelection());
+  }, []);
+  return selection;
+}
+
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+function useEyeDropper() {
+  const isSupported = useSupported(
+    () => typeof window !== "undefined" && "EyeDropper" in window,
+    true
+  );
+  const open = React.useCallback(
+    (..._0) => __async(this, [..._0], function* (options = {}) {
+      if (!isSupported) {
+        return {
+          sRGBHex: ""
+        };
+      }
+      const eyeDropper = new window.EyeDropper();
+      return eyeDropper.open(options);
+    }),
+    [isSupported]
+  );
+  return [isSupported, open];
+}
+
 exports.getHMSTime = getHMSTime;
 exports.useActiveElement = useActiveElement;
 exports.useAsyncEffect = useAsyncEffect;
@@ -2841,11 +2907,12 @@ exports.useElementVisibility = useElementVisibility;
 exports.useEvent = useEvent;
 exports.useEventEmitter = useEventEmitter;
 exports.useEventListener = useEventListener;
+exports.useEyeDropper = useEyeDropper;
 exports.useFavicon = useFavicon;
 exports.useFileDialog = useFileDialog;
 exports.useFirstMountState = useFirstMountState;
 exports.useFocus = useFocus;
-exports.useFps = useFps$1;
+exports.useFps = index$2;
 exports.useFullscreen = useFullscreen;
 exports.useGeolocation = useGeolocation;
 exports.useIdle = useIdle;
@@ -2857,7 +2924,7 @@ exports.useKeyModifier = useKeyModifier;
 exports.useLatest = useLatest;
 exports.useLocalStorage = useLocalStorage;
 exports.useLongPress = useLongPress;
-exports.useMediaDevices = useMediaDevices$1;
+exports.useMediaDevices = index$3;
 exports.useMediaQuery = useMediaQuery;
 exports.useMount = useMount;
 exports.useMountedState = useMountedState;
@@ -2866,8 +2933,8 @@ exports.useMousePressed = useMousePressed;
 exports.useMutationObserver = useMutationObserver;
 exports.useNetwork = useNetwork;
 exports.useObjectUrl = useObjectUrl;
-exports.useOnceEffect = useOnceEffect;
-exports.useOnceLayoutEffect = useOnceLayoutEffect;
+exports.useOnceEffect = index$1;
+exports.useOnceLayoutEffect = index;
 exports.useOnline = useOnline;
 exports.useOrientation = useOrientation;
 exports.usePageLeave = usePageLeave;
@@ -2886,7 +2953,9 @@ exports.useScrollIntoView = useScrollIntoView;
 exports.useScrollLock = useScrollLock;
 exports.useSessionStorage = useSessionStorage;
 exports.useSticky = useSticky;
+exports.useSupported = useSupported;
 exports.useTextDirection = useTextDirection;
+exports.useTextSelection = useTextSelection;
 exports.useThrottle = useThrottle;
 exports.useThrottleFn = useThrottleFn;
 exports.useTimeout = useTimeout;
@@ -2896,7 +2965,7 @@ exports.useToggle = useToggle;
 exports.useUnmount = useUnmount;
 exports.useUpdate = useUpdate;
 exports.useUpdateEffect = useUpdateEffect;
-exports.useUpdateLayoutEffect = useUpdateLayoutEffect;
+exports.useUpdateLayoutEffect = index$4;
 exports.useVirtualList = useVirtualList;
 exports.useWindowScroll = useWindowScroll;
 exports.useWindowSize = useWindowSize;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import react__default, { MutableRefObject, useEffect, useLayoutEffect, Dispatch, SetStateAction, DependencyList, EffectCallback, RefObject, CSSProperties } from 'react';
-import * as lodash from 'lodash';
+import lodash from 'lodash';
 
 declare function usePrevious<T>(state: T): T | undefined;
 
@@ -45,9 +45,9 @@ declare function useSessionStorage(key: string, defaults: boolean, options?: Use
 declare function useSessionStorage<T>(key: string, defaults: T, options?: UseStorageOptions<T>): readonly [T | null, Dispatch<SetStateAction<T | null>>];
 declare function useSessionStorage<T = unknown>(key: string, defaults: null, options?: UseStorageOptions<T>): readonly [T | null, Dispatch<SetStateAction<T | null>>];
 
-type Fn = (this: any, ...args: any[]) => any;
-type Stoppable = [boolean, Fn, Fn];
-type PointerType = "mouse" | "touch" | "pen";
+declare type Fn = (this: any, ...args: any[]) => any;
+declare type Stoppable = [boolean, Fn, Fn];
+declare type PointerType = "mouse" | "touch" | "pen";
 interface Position {
     x: number;
     y: number;
@@ -166,11 +166,11 @@ declare function useTimeout(ms?: number, options?: UseTimeoutFnOptions): Stoppab
 
 declare function useMountedState(): () => boolean;
 
-type TargetValue<T> = T | undefined | null;
-type TargetType = HTMLElement | Element | Window | Document | EventTarget;
-type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
+declare type TargetValue<T> = T | undefined | null;
+declare type TargetType = HTMLElement | Element | Window | Document | EventTarget;
+declare type BasicTarget<T extends TargetType = Element> = (() => TargetValue<T>) | TargetValue<T> | MutableRefObject<TargetValue<T>>;
 
-type Target = BasicTarget<HTMLElement | Element | Window | Document | EventTarget>;
+declare type Target = BasicTarget<HTMLElement | Element | Window | Document | EventTarget>;
 declare function useEventListener<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void, element?: Window, options?: boolean | AddEventListenerOptions): void;
 declare function useEventListener<K extends keyof DocumentEventMap>(eventName: K, handler: (event: DocumentEventMap[K]) => void, element: Document, options?: boolean | AddEventListenerOptions): void;
 declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = HTMLDivElement>(eventName: K, handler: (event: HTMLElementEventMap[K]) => void, element: T, options?: boolean | AddEventListenerOptions): void;
@@ -180,7 +180,7 @@ declare function useEventListener(eventName: string, handler: (...p: any) => voi
 
 declare function useCounter(initialValue?: number | (() => number), max?: number | null, min?: number | null): readonly [number, (newState: number | ((prev: number) => number) | (() => number)) => void, (delta?: number) => void, (delta?: number) => void, () => void];
 
-type RafLoopReturns = readonly [() => void, () => void, () => boolean];
+declare type RafLoopReturns = readonly [() => void, () => void, () => boolean];
 declare function useRafFn(callback: FrameRequestCallback, initiallyActive?: boolean): RafLoopReturns;
 
 interface IListener<T, U = void> {
@@ -218,7 +218,7 @@ declare function useFavicon(href: string, baseUrl?: string, rel?: string): void;
 
 declare function useMutationObserver(callback: MutationCallback, target: BasicTarget, options?: MutationObserverInit): () => void;
 
-type DepsEqualFnType<TDeps extends DependencyList> = (prevDeps: TDeps, nextDeps: TDeps) => boolean;
+declare type DepsEqualFnType<TDeps extends DependencyList> = (prevDeps: TDeps, nextDeps: TDeps) => boolean;
 declare function useCustomCompareEffect<TDeps extends DependencyList>(effect: EffectCallback, deps: TDeps, depsEqual: DepsEqualFnType<TDeps>): void;
 
 declare function useDeepCompareEffect(effect: EffectCallback, deps: DependencyList): void;
@@ -260,12 +260,12 @@ interface UseScriptTagOptions {
      */
     attrs?: Record<string, string>;
 }
-type Status = "idle" | "loading" | "ready" | "error";
+declare type Status = "idle" | "loading" | "ready" | "error";
 declare function useScriptTag(src: string, onLoaded?: (el: HTMLScriptElement) => void, options?: UseScriptTagOptions): readonly [HTMLScriptElement | null, Status, (waitForScriptLoad?: boolean) => Promise<HTMLScriptElement | boolean>, () => void];
 
-type IState = PermissionState | "";
-type DescriptorNamePolyfill = "accelerometer" | "accessibility-events" | "ambient-light-sensor" | "background-sync" | "camera" | "clipboard-read" | "clipboard-write" | "gyroscope" | "magnetometer" | "microphone" | "notifications" | "payment-handler" | "persistent-storage" | "push" | "speaker";
-type GeneralPermissionDescriptor = PermissionDescriptor | {
+declare type IState = PermissionState | "";
+declare type DescriptorNamePolyfill = "accelerometer" | "accessibility-events" | "ambient-light-sensor" | "background-sync" | "camera" | "clipboard-read" | "clipboard-write" | "gyroscope" | "magnetometer" | "microphone" | "notifications" | "payment-handler" | "persistent-storage" | "push" | "speaker";
+declare type GeneralPermissionDescriptor = PermissionDescriptor | {
     name: DescriptorNamePolyfill;
 };
 declare function usePermission(permissionDesc: GeneralPermissionDescriptor | GeneralPermissionDescriptor["name"]): IState;
@@ -296,7 +296,7 @@ declare function useMediaDevices(): {
 };
 declare const _default$3: typeof useMediaDevices;
 
-type UseTextDirectionValue = "ltr" | "rtl" | "auto";
+declare type UseTextDirectionValue = "ltr" | "rtl" | "auto";
 interface UseTextDirectionOptions {
     /**
      * CSS Selector for the target element applying to
@@ -352,7 +352,7 @@ declare function useFullscreen(target: BasicTarget, options?: UseFullScreenOptio
     readonly enterFullscreen: () => void;
     readonly exitFullscreen: () => void;
     readonly toggleFullscreen: () => void;
-    readonly isEnabled: true;
+    readonly isEnabled: boolean;
 }];
 
 interface INetworkInformation extends EventTarget {
@@ -539,7 +539,7 @@ interface UseInfiniteScrollOptions extends UseScrollOptions {
 }
 declare function useInfiniteScroll(target: BasicTarget<HTMLElement | SVGElement>, onLoadMore: (state: ReturnType<typeof useScroll>) => void | Promise<void>, options?: UseInfiniteScrollOptions): void;
 
-type KeyModifier = "Alt" | "AltGraph" | "CapsLock" | "Control" | "Fn" | "FnLock" | "Meta" | "NumLock" | "ScrollLock" | "Shift" | "Symbol" | "SymbolLock";
+declare type KeyModifier = "Alt" | "AltGraph" | "CapsLock" | "Control" | "Fn" | "FnLock" | "Meta" | "NumLock" | "ScrollLock" | "Shift" | "Symbol" | "SymbolLock";
 interface UseModifierOptions {
     /**
      * Event names that will prompt update to modifier states
@@ -556,8 +556,8 @@ interface UseModifierOptions {
 }
 declare function useKeyModifier(modifier: KeyModifier, options?: UseModifierOptions): boolean;
 
-type IHookStateInitialSetter<S> = () => S;
-type IHookStateInitAction<S> = S | IHookStateInitialSetter<S>;
+declare type IHookStateInitialSetter<S> = () => S;
+declare type IHookStateInitAction<S> = S | IHookStateInitialSetter<S>;
 
 interface MousePressedOptions {
     /**
@@ -579,7 +579,7 @@ interface MousePressedOptions {
      */
     initialValue?: IHookStateInitAction<boolean>;
 }
-type MouseSourceType = "mouse" | "touch" | null;
+declare type MouseSourceType = "mouse" | "touch" | null;
 declare function useMousePressed(target?: BasicTarget, options?: MousePressedOptions): readonly [boolean, MouseSourceType];
 
 declare function useScrollLock(target: BasicTarget<HTMLElement>, initialState?: boolean): readonly [boolean, (flag: boolean) => void];
@@ -626,10 +626,10 @@ interface UseVirtualListReturn<T> {
 }
 declare function useVirtualList<T = any>(list: T[] | undefined, options: UseVirtualListOptions): UseVirtualListReturn<T>;
 
-type ColorScheme = "dark" | "light" | "no-preference";
+declare type ColorScheme = "dark" | "light" | "no-preference";
 declare function usePreferredColorScheme(defaultState?: ColorScheme): ColorScheme;
 
-type Contrast = "more" | "less" | "custom" | "no-preference";
+declare type Contrast = "more" | "less" | "custom" | "no-preference";
 declare function usePreferredContrast(defaultState?: Contrast): Contrast;
 
 declare function useActiveElement<T extends Element>(): T | null;
@@ -751,7 +751,7 @@ declare function useClipBorad(): readonly [
     (txt: string) => Promise<void>
 ];
 
-type EventType = MouseEvent | TouchEvent;
+declare type EventType = MouseEvent | TouchEvent;
 declare function useClickOutSide(target: BasicTarget, handler: (evt: EventType) => void): void;
 
 declare function useCycleList<T>(list: T[], i?: number): readonly [T, (i?: number) => void, (i?: number) => void];
@@ -763,7 +763,7 @@ interface IProps<T> {
     defaultValue?: T;
     state?: T;
 }
-declare function useControlled<T = string>({ controlled, defaultValue, state, }: IProps<T>): readonly [T, (newValue: T) => void];
+declare function useControlled<T = string>(props?: IProps<T>): readonly [T, (newValue: T) => void];
 
 declare const _default$1: typeof useEffect | typeof react.useLayoutEffect;
 
@@ -816,4 +816,17 @@ declare function useAsyncEffect<T extends void>(effect: () => Promise<T> | T, cl
 declare const getHMSTime: (timeDiff: number) => [string, string, string];
 declare const useCountDown: (time: number, format?: (number: any) => [string, string, string], callback?: () => void) => readonly [string, string, string];
 
-export { ColorScheme, Contrast, CursorState, GeneralPermissionDescriptor, IDisposable, IEvent, IEventOnce, IListener, INetworkInformation, IState, IUseNetworkState, KeyModifier, MousePressedOptions, MouseSourceType, OrientationState, RafLoopReturns, ScrollIntoViewAnimation, ScrollIntoViewParams, State, Status, Target, UseDarkOptions, UseDraggableOptions, UseElementBoundingOptions, UseEventEmitterReturn, UseFileDialogOptions, UseFpsOptions, UseFullScreenOptions, UseInfiniteScrollOptions, UseLongPressOptions, UseModifierOptions, UseScriptTagOptions, UseScrollOptions, UseStickyParams, UseTextDirectionOptions, UseTextDirectionValue, UseTimeoutFnOptions, UseVirtualListItem, UseVirtualListOptions, UseVirtualListReturn, WindowSize, getHMSTime, useActiveElement, useAsyncEffect, useClickOutSide as useClickOutside, useClipBorad as useClipboard, useControlled, useCountDown, useCounter, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useFavicon, useFileDialog, useFirstMountState, useFocus, _default$2 as useFps, useFullscreen, useGeolocation, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, _default$3 as useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, _default$1 as useOnceEffect, _default as useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSticky, useTextDirection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, _default$5 as useUpdateEffect, _default$4 as useUpdateLayoutEffect, useVirtualList, useWindowScroll, useWindowSize, useWindowsFocus };
+declare function useSupported(callback: () => unknown, sync?: boolean): boolean;
+
+declare function useTextSelection(): Selection | null;
+
+interface EyeDropperOpenOptions {
+    signal?: AbortSignal;
+}
+interface EyeDropperOpenReturnType {
+    sRGBHex: string;
+}
+declare function useEyeDropper(): readonly [boolean, (options?: EyeDropperOpenOptions) => Promise<EyeDropperOpenReturnType>];
+declare type UseEyeDropperReturn = ReturnType<typeof useEyeDropper>;
+
+export { ColorScheme, Contrast, CursorState, EyeDropperOpenReturnType, GeneralPermissionDescriptor, IDisposable, IEvent, IEventOnce, IListener, INetworkInformation, IState, IUseNetworkState, KeyModifier, MousePressedOptions, MouseSourceType, OrientationState, RafLoopReturns, ScrollIntoViewAnimation, ScrollIntoViewParams, State, Status, Target, UseDarkOptions, UseDraggableOptions, UseElementBoundingOptions, UseEventEmitterReturn, UseEyeDropperReturn, UseFileDialogOptions, UseFpsOptions, UseFullScreenOptions, UseInfiniteScrollOptions, UseLongPressOptions, UseModifierOptions, UseScriptTagOptions, UseScrollOptions, UseStickyParams, UseTextDirectionOptions, UseTextDirectionValue, UseTimeoutFnOptions, UseVirtualListItem, UseVirtualListOptions, UseVirtualListReturn, WindowSize, getHMSTime, useActiveElement, useAsyncEffect, useClickOutSide as useClickOutside, useClipBorad as useClipboard, useControlled, useCountDown, useCounter, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, _default$2 as useFps, useFullscreen, useGeolocation, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, _default$3 as useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, _default$1 as useOnceEffect, _default as useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, _default$5 as useUpdateEffect, _default$4 as useUpdateLayoutEffect, useVirtualList, useWindowScroll, useWindowSize, useWindowsFocus };

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import React, { useRef, useEffect, useLayoutEffect, useCallback, useMemo, useState, useReducer } from 'react';
-import { isEqual, throttle, debounce } from 'lodash';
+import lodash from 'lodash';
 
 function usePrevious(state) {
   const ref = useRef();
@@ -37,7 +37,7 @@ const createUpdateEffect = (hook) => (effect, deps) => {
 
 var useUpdateEffect = createUpdateEffect(useEffect);
 
-var useUpdateLayoutEffect = createUpdateEffect(useLayoutEffect);
+var index$4 = createUpdateEffect(useLayoutEffect);
 
 var _a;
 const isFunction = (val) => typeof val === "function";
@@ -76,7 +76,7 @@ function useEvent(fn) {
 const isPrimitive$1 = (val) => val !== Object(val);
 function useCustomCompareEffect(effect, deps, depsEqual) {
   if (process.env.NODE_ENV !== "production") {
-    if (!(deps instanceof Array) || !deps.length) {
+    if (!Array.isArray(deps) || !deps.length) {
       console.warn(
         "`useCustomCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
       );
@@ -100,9 +100,10 @@ function useCustomCompareEffect(effect, deps, depsEqual) {
 }
 
 const isPrimitive = (val) => val !== Object(val);
+const { isEqual } = lodash;
 function useDeepCompareEffect(effect, deps) {
   if (process.env.NODE_ENV !== "production") {
-    if (!(deps instanceof Array) || !deps.length) {
+    if (!Array.isArray(deps) || !deps.length) {
       console.warn(
         "`useDeepCompareEffect` should not be used with no dependencies. Use React.useEffect instead."
       );
@@ -306,6 +307,7 @@ const getInitialState = (query, defaultState) => {
 function useMediaQuery(query, defaultState) {
   const [state, setState] = useState(getInitialState(query, defaultState));
   useEffect(() => {
+    var _a;
     let mounted = true;
     const mql = window.matchMedia(query);
     const onChange = () => {
@@ -317,15 +319,16 @@ function useMediaQuery(query, defaultState) {
     if ("addEventListener" in mql) {
       mql.addEventListener("change", onChange);
     } else {
-      mql.addListener(onChange);
+      (_a = mql.addListener) == null ? void 0 : _a.call(mql, onChange);
     }
     setState(mql.matches);
     return () => {
+      var _a2;
       mounted = false;
       if ("removeEventListener" in mql) {
         mql.removeEventListener("change", onChange);
       } else {
-        mql.removeListener(onChange);
+        (_a2 = mql.removeListener) == null ? void 0 : _a2.call(mql, onChange);
       }
     };
   }, [query]);
@@ -366,6 +369,7 @@ function useUnmount(fn) {
   );
 }
 
+const { throttle: throttle$1 } = lodash;
 function useThrottleFn(fn, wait, options) {
   if (isDev) {
     if (!isFunction(fn)) {
@@ -376,13 +380,14 @@ function useThrottleFn(fn, wait, options) {
   }
   const fnRef = useLatest(fn);
   const throttled = useMemo(
-    () => throttle(
+    () => throttle$1(
       (...args) => {
         return fnRef.current(...args);
       },
       wait,
       options
     ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   useUnmount(() => {
@@ -410,6 +415,7 @@ function useThrottle(value, wait, options) {
   return throttled;
 }
 
+const { debounce } = lodash;
 function useDebounceFn(fn, wait, options) {
   if (isDev) {
     if (!isFunction(fn)) {
@@ -427,6 +433,7 @@ function useDebounceFn(fn, wait, options) {
       wait,
       options
     ),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   useUnmount(() => {
@@ -586,17 +593,17 @@ function useCounter(initialValue = 0, max = null, min = null) {
   const initFunc = () => {
     let init = typeof initialValue === "function" ? initialValue() : initialValue;
     typeof init !== "number" && console.error(
-      "initialValue has to be a number, got " + typeof initialValue
+      `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);
+      console.error(`min has to be a number, got ${typeof min}`);
     }
     if (typeof max === "number") {
       init = Math.min(init, max);
     } else if (max !== null) {
-      console.error("max has to be a number, got " + typeof max);
+      console.error(`max has to be a number, got ${typeof max}`);
     }
     return init;
   };
@@ -655,6 +662,7 @@ function useRafFn(callback, initiallyActive = true) {
         }
       },
       () => rafActivity.current
+      // isActive
     ],
     [step]
   );
@@ -669,6 +677,7 @@ function useRafFn(callback, initiallyActive = true) {
 
 function useEventEmitter() {
   const listeners = useRef([]);
+  const _disposed = useRef(false);
   const _event = useRef((listener) => {
     listeners.current.push(listener);
     const disposable = {
@@ -685,7 +694,6 @@ function useEventEmitter() {
     };
     return disposable;
   });
-  const _disposed = useRef(false);
   const fire = (arg1, arg2) => {
     const queue = [];
     for (let i = 0; i < listeners.current.length; i++) {
@@ -952,6 +960,7 @@ const defaultEvents$1 = [
   "wheel"
 ];
 const oneMinute = 6e4;
+const { throttle } = lodash;
 function useIdle(ms = oneMinute, initialState = false, events = defaultEvents$1) {
   const [state, setState] = useState(initialState);
   useEffect(() => {
@@ -1020,7 +1029,7 @@ function useMediaDevices() {
   return state;
 }
 const useMediaDevicesMock = () => ({ devices: [] });
-var useMediaDevices$1 = isNavigator && !!navigator.mediaDevices ? useMediaDevices : useMediaDevicesMock;
+var index$3 = isNavigator && !!navigator.mediaDevices ? useMediaDevices : useMediaDevicesMock;
 
 function useTextDirection(options = {}) {
   const { selector = "html", initialValue = "ltr" } = options;
@@ -1118,7 +1127,7 @@ function useFps(options) {
   return fps;
 }
 const useFpsMock = (options) => 0;
-var useFps$1 = typeof performance === "undefined" ? useFpsMock : useFps;
+var index$2 = typeof performance === "undefined" ? useFpsMock : useFps;
 
 const initCoord = {
   accuracy: 0,
@@ -1176,7 +1185,7 @@ var screenfull$1 = {exports: {}};
 
 /*!
 * screenfull
-* v5.2.0 - 2021-11-03
+* v5.0.0 - 2019-09-09
 * (c) Sindre Sorhus; MIT License
 */
 
@@ -1259,7 +1268,7 @@ var screenfull$1 = {exports: {}};
 		};
 
 		var screenfull = {
-			request: function (element, options) {
+			request: function (element) {
 				return new Promise(function (resolve, reject) {
 					var onFullScreenEntered = function () {
 						this.off('change', onFullScreenEntered);
@@ -1270,11 +1279,7 @@ var screenfull$1 = {exports: {}};
 
 					element = element || document.documentElement;
 
-					var returnPromise = element[fn.requestFullscreen](options);
-
-					if (returnPromise instanceof Promise) {
-						returnPromise.then(onFullScreenEntered).catch(reject);
-					}
+					Promise.resolve(element[fn.requestFullscreen]()).catch(reject);
 				}.bind(this));
 			},
 			exit: function () {
@@ -1291,15 +1296,11 @@ var screenfull$1 = {exports: {}};
 
 					this.on('change', onFullScreenExit);
 
-					var returnPromise = document[fn.exitFullscreen]();
-
-					if (returnPromise instanceof Promise) {
-						returnPromise.then(onFullScreenExit).catch(reject);
-					}
+					Promise.resolve(document[fn.exitFullscreen]()).catch(reject);
 				}.bind(this));
 			},
-			toggle: function (element, options) {
-				return this.isFullscreen ? this.exit() : this.request(element, options);
+			toggle: function (element) {
+				return this.isFullscreen ? this.exit() : this.request(element);
 			},
 			onchange: function (callback) {
 				this.on('change', callback);
@@ -1431,7 +1432,7 @@ function getConnectionState(previousState) {
   return {
     online,
     previous: previousOnline,
-    since: online !== previousOnline ? new Date() : previousState == null ? void 0 : previousState.since,
+    since: online !== previousOnline ? /* @__PURE__ */ new Date() : previousState == null ? void 0 : previousState.since,
     downlink: conn == null ? void 0 : conn.downlink,
     downlinkMax: conn == null ? void 0 : conn.downlinkMax,
     effectiveType: conn == null ? void 0 : conn.effectiveType,
@@ -1785,7 +1786,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async$2 = (__this, __arguments, generator) => {
+var __async$3 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -1819,7 +1820,7 @@ function useInfiniteScroll(target, onLoadMore, options = {}) {
   const di = state[3][direction];
   useUpdateEffect(() => {
     const opts = latestOptions.current;
-    const fn = () => __async$2(this, null, function* () {
+    const fn = () => __async$3(this, null, function* () {
       var _a2, _b2, _c, _d;
       const previous = {
         height: (_b2 = (_a2 = element.current) == null ? void 0 : _a2.scrollHeight) != null ? _b2 : 0,
@@ -2366,7 +2367,7 @@ function useWindowScroll() {
   return state;
 }
 
-var __async$1 = (__this, __arguments, generator) => {
+var __async$2 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -2395,7 +2396,7 @@ function useClipBorad() {
   }, []);
   useEventListener("copy", updateText);
   useEventListener("cut", updateText);
-  const copy = useCallback((txt) => __async$1(this, null, function* () {
+  const copy = useCallback((txt) => __async$2(this, null, function* () {
     setText(txt);
     yield window.navigator.clipboard.writeText(txt);
   }), []);
@@ -2443,9 +2444,6 @@ function useFocus(target, initialValue = false) {
   const [focus, innerSetFocus] = useState(initialValue);
   useEventListener("focus", () => innerSetFocus(true), target);
   useEventListener("blur", () => innerSetFocus(false), target);
-  useMount(() => {
-    setFocus(focus);
-  });
   const setFocus = (value) => {
     const element = getTargetElement(target);
     if (!element) {
@@ -2457,14 +2455,18 @@ function useFocus(target, initialValue = false) {
       element.focus();
     }
   };
+  useMount(() => {
+    setFocus(focus);
+  });
   return [focus, setFocus];
 }
 
-function useControlled({
-  controlled,
-  defaultValue: defaultProp,
-  state = "value"
-}) {
+function useControlled(props) {
+  const { controlled, defaultValue: defaultProp, state } = props != null ? props : {
+    controlled: void 0,
+    defaultValue: void 0,
+    state: "value"
+  };
   const { current: isControlled } = useRef(controlled !== void 0);
   const [valueState, setValue] = useState(defaultProp);
   const value = isControlled ? controlled : valueState;
@@ -2503,9 +2505,9 @@ const createOnceEffect = (hook) => (effect, deps) => {
   }, deps);
 };
 
-var useOnceEffect = createOnceEffect(useEffect);
+var index$1 = createOnceEffect(useEffect);
 
-var useOnceLayoutEffect = createOnceEffect(useLayoutEffect);
+var index = createOnceEffect(useLayoutEffect);
 
 function useReducedMotion(defaultState) {
   return useMediaQuery("(prefers-reduced-motion: reduce)", defaultState);
@@ -2740,7 +2742,7 @@ const useSticky = ({
   return [isSticky, setSticky];
 };
 
-var __async = (__this, __arguments, generator) => {
+var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -2763,7 +2765,7 @@ var __async = (__this, __arguments, generator) => {
 function useAsyncEffect(effect, cleanup = noop, deps) {
   const mounted = useMountedState();
   useEffect(() => {
-    const execute = () => __async(this, null, function* () {
+    const execute = () => __async$1(this, null, function* () {
       if (!mounted()) {
         return;
       }
@@ -2810,4 +2812,67 @@ const useCountDown = (time, format = getHMSTime, callback) => {
   return [hour, minute, secoud];
 };
 
-export { getHMSTime, useActiveElement, useAsyncEffect, useClickOutSide as useClickOutside, useClipBorad as useClipboard, useControlled, useCountDown, useCounter, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useFavicon, useFileDialog, useFirstMountState, useFocus, useFps$1 as useFps, useFullscreen, useGeolocation, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, useMediaDevices$1 as useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, useOnceEffect, useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSticky, useTextDirection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, useUpdateEffect, useUpdateLayoutEffect, useVirtualList, useWindowScroll, useWindowSize, useWindowsFocus };
+function useSupported(callback, sync = false) {
+  const [supported, setSupported] = useState(false);
+  const effect = sync ? useIsomorphicLayoutEffect : useEffect;
+  effect(() => {
+    setSupported(Boolean(callback()));
+  }, []);
+  return supported;
+}
+
+function useTextSelection() {
+  const [selection, setSelection] = useState(null);
+  const forceUpdate = useUpdate();
+  const handleSelectionChange = () => {
+    setSelection(document.getSelection());
+    forceUpdate();
+  };
+  useEventListener("selectionchange", handleSelectionChange, () => document);
+  useEffect(() => {
+    setSelection(document.getSelection());
+  }, []);
+  return selection;
+}
+
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+function useEyeDropper() {
+  const isSupported = useSupported(
+    () => typeof window !== "undefined" && "EyeDropper" in window,
+    true
+  );
+  const open = useCallback(
+    (..._0) => __async(this, [..._0], function* (options = {}) {
+      if (!isSupported) {
+        return {
+          sRGBHex: ""
+        };
+      }
+      const eyeDropper = new window.EyeDropper();
+      return eyeDropper.open(options);
+    }),
+    [isSupported]
+  );
+  return [isSupported, open];
+}
+
+export { getHMSTime, useActiveElement, useAsyncEffect, useClickOutSide as useClickOutside, useClipBorad as useClipboard, useControlled, useCountDown, useCounter, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, index$2 as useFps, useFullscreen, useGeolocation, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, index$3 as useMediaDevices, useMediaQuery, useMount, useMountedState, useMouse, useMousePressed, useMutationObserver, useNetwork, useObjectUrl, index$1 as useOnceEffect, index as useOnceLayoutEffect, useOnline, useOrientation, usePageLeave, usePermission, usePreferredColorScheme, usePreferredContrast, usePreferredDark, usePrevious, useRafFn, useRafState, useReducedMotion, useResizeObserver, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, useUpdateEffect, index$4 as useUpdateLayoutEffect, useVirtualList, useWindowScroll, useWindowSize, useWindowsFocus };

package/package.json

@@ -1,16 +1,6 @@
 {
   "name": "@reactuses/core",
-  "version": "2.2.4",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist",
-    "package.json",
-    "LICENSE",
-    "README.md"
-  ],
-  "sideEffects": false,
+  "version": "2.2.6",
   "license": "Unlicense",
   "homepage": "https://www.reactuse.com/",
   "repository": {
@@ -21,6 +11,32 @@
   "bugs": {
     "url": "https://github.com/childrentime/reactuse/issues"
   },
+  "keywords": [
+    "react",
+    "react-use",
+    "react hooks",
+    "hook",
+    "hooks",
+    "component"
+  ],
+  "sideEffects": false,
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "require": "./dist/index.cjs",
+      "import": "./dist/index.mjs"
+    }
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "package.json",
+    "LICENSE",
+    "README.md"
+  ],
   "scripts": {
     "lint": "eslint \"{hooks,tests}/**/*.{ts,tsx}\"",
     "build": "esno scripts/build.ts",
@@ -32,8 +48,10 @@
     "test": "jest",
     "test:coverage": "jest --coverage"
   },
+  "peerDependencies": {
+    "react": "^16.8.0  || ^17.0.0 || ^18.0.0"
+  },
   "dependencies": {
-    "@testing-library/react": "^13.4.0",
     "lodash": "^4.17.21",
     "screenfull": "^5.0.0"
   },
@@ -53,16 +71,11 @@
     "@types/lodash": "^4.14.184",
     "@types/node": "^18.11.9",
     "@types/react": "^18.0.25",
-    "@typescript-eslint/eslint-plugin": "^5.36.1",
-    "@typescript-eslint/parser": "^5.36.1",
     "babel-jest": "^29.0.2",
     "consola": "^2.15.3",
     "cross-env": "^7.0.3",
+    "esbuild": "^0.17.15",
     "esbuild-register": "^3.4.1",
-    "eslint": "^8.23.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-react": "^7.31.5",
-    "eslint-plugin-react-hooks": "^4.6.0",
     "esno": "^0.16.3",
     "fast-glob": "^3.2.12",
     "fs-extra": "^10.1.0",
@@ -74,17 +87,7 @@
     "rollup-plugin-dts": "^4.2.2",
     "rollup-plugin-esbuild": "^4.10.1",
     "ts-node": "^10.9.1",
-    "typescript": "^4.8.2"
-  },
-  "peerDependencies": {
-    "react": "^16.8.0  || ^17.0.0 || ^18.0.0"
-  },
-  "keywords": [
-    "react",
-    "react-use",
-    "react hooks",
-    "hook",
-    "hooks",
-    "component"
-  ]
+    "typescript": "^4.8.2",
+    "@testing-library/react": "^13.4.0"
+  }
 }