@reactuses/core 4.0.7 → 4.0.9

package/README.md

@@ -32,7 +32,7 @@ Collection of essential React Hooks Utilities.
 ```tsx harmony
 import { useToggle } from "@reactuses/core";
 
-const Demo = () => {
+function Demo() {
   const [on, toggle] = useToggle(true);
 
   return (
@@ -43,7 +43,7 @@ const Demo = () => {
       <button onClick={() => toggle(false)}>set OFF</button>
     </div>
   );
-};
+}
 ```
 
 Refer to [documentations](https://reactuse.com/) for more details.
@@ -56,6 +56,12 @@ Refer to [documentations](https://reactuse.com/) for more details.
 
 <hr/>
 
+## Feedback
+
+You can submit an [issue](https://github.com/childrentime/reactuse/issues) or provide feedback on [Discord](https://discord.gg/WzDtCCFF).
+
+<hr/>
+
 ## Contribute
 
 See the [**Contributing Guide**](CONTRIBUTING.md)

package/dist/index.cjs

@@ -3306,6 +3306,7 @@ function useScriptTag(src, onLoaded = noop, options = defaultOptions$1) {
 function usePermission(permissionDesc) {
   const [state, setState] = React.useState("");
   React.useEffect(() => {
+    var _a;
     const desc = typeof permissionDesc === "string" ? { name: permissionDesc } : permissionDesc;
     let mounted = true;
     let permissionStatus = null;
@@ -3314,11 +3315,11 @@ function usePermission(permissionDesc) {
         return;
       }
       setState(() => {
-        var _a;
-        return (_a = permissionStatus == null ? void 0 : permissionStatus.state) != null ? _a : "";
+        var _a2;
+        return (_a2 = permissionStatus == null ? void 0 : permissionStatus.state) != null ? _a2 : "";
       });
     };
-    navigator.permissions.query(desc).then((status) => {
+    (_a = navigator.permissions) == null ? void 0 : _a.query(desc).then((status) => {
       permissionStatus = status;
       on(permissionStatus, "change", onChange);
       onChange();
@@ -3444,7 +3445,7 @@ function useSupported(callback, sync = false) {
   return supported;
 }
 
-var __async$4 = (__this, __arguments, generator) => {
+var __async$5 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -3489,7 +3490,7 @@ function useMediaDevices(options = {}) {
       });
     }).catch(noop);
   }, []);
-  const ensurePermissions = React.useCallback(() => __async$4(this, null, function* () {
+  const ensurePermissions = React.useCallback(() => __async$5(this, null, function* () {
     if (!isSupported) {
       return false;
     }
@@ -4295,7 +4296,7 @@ var __spreadValues$1 = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async$3 = (__this, __arguments, generator) => {
+var __async$4 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -4327,7 +4328,7 @@ function useInfiniteScroll(target, onLoadMore, options = defaultOptions$1) {
   const element = useLatestElement(target);
   const di = state[3][direction];
   useUpdateEffect(() => {
-    const fn = () => __async$3(this, null, function* () {
+    const fn = () => __async$4(this, null, function* () {
       var _a2, _b2;
       const previous = {
         height: (_a2 = element == null ? void 0 : element.scrollHeight) != null ? _a2 : 0,
@@ -4861,7 +4862,7 @@ function useWindowScroll() {
   return state;
 }
 
-var __async$2 = (__this, __arguments, generator) => {
+var __async$3 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -4890,7 +4891,7 @@ function useClipBorad() {
   }, []);
   useEventListener("copy", updateText);
   useEventListener("cut", updateText);
-  const copy = React.useCallback((txt) => __async$2(this, null, function* () {
+  const copy = React.useCallback((txt) => __async$3(this, null, function* () {
     setText(txt);
     yield window.navigator.clipboard.writeText(txt);
   }), []);
@@ -5229,7 +5230,7 @@ const useSticky = (targetElement, { axis = "y", nav = 0 }, scrollElement) => {
   return [isSticky, setSticky];
 };
 
-var __async$1 = (__this, __arguments, generator) => {
+var __async$2 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -5252,7 +5253,7 @@ var __async$1 = (__this, __arguments, generator) => {
 function useAsyncEffect(effect, cleanup = noop, deps) {
   const mounted = useMountedState();
   React.useEffect(() => {
-    const execute = () => __async$1(this, null, function* () {
+    const execute = () => __async$2(this, null, function* () {
       if (!mounted()) {
         return;
       }
@@ -5313,7 +5314,7 @@ function useTextSelection() {
   return selection;
 }
 
-var __async = (__this, __arguments, generator) => {
+var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -5339,7 +5340,7 @@ function useEyeDropper() {
     true
   );
   const open = React.useCallback(
-    (..._0) => __async(this, [..._0], function* (options = {}) {
+    (..._0) => __async$1(this, [..._0], function* (options = {}) {
       if (!isSupported) {
         return {
           sRGBHex: ""
@@ -5740,6 +5741,71 @@ function getValue(position) {
   return getComputedStyle(document.documentElement).getPropertyValue(position);
 }
 
+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 useWebNotification(requestPermissions = false) {
+  const isSupported = useSupported(() => !!window && "Notification" in window);
+  const permissionGranted = React.useRef(false);
+  const notificationRef = React.useRef(null);
+  const show = (title, options = defaultOptions$1) => {
+    if (!isSupported && !permissionGranted.current) {
+      return;
+    }
+    notificationRef.current = new Notification(title || "", options);
+    return notificationRef.current;
+  };
+  const close = React.useCallback(() => {
+    if (notificationRef.current) {
+      notificationRef.current.close();
+    }
+    notificationRef.current = null;
+  }, []);
+  React.useEffect(() => {
+    permissionGranted.current = isSupported && "permission" in Notification && Notification.permission === "granted";
+  }, [isSupported]);
+  const ensurePermissions = React.useCallback(() => __async(this, null, function* () {
+    if (!isSupported)
+      return;
+    if (!permissionGranted.current && Notification.permission !== "denied") {
+      const result = yield Notification.requestPermission();
+      if (result === "granted")
+        permissionGranted.current = true;
+    }
+    return permissionGranted.current;
+  }), [isSupported]);
+  React.useEffect(() => {
+    if (requestPermissions) {
+      ensurePermissions();
+    }
+  }, [requestPermissions, ensurePermissions]);
+  useUnmount(close);
+  return {
+    isSupported,
+    show,
+    close,
+    ensurePermissions,
+    permissionGranted
+  };
+}
+
 exports.getHMSTime = getHMSTime;
 exports.useActiveElement = useActiveElement;
 exports.useAsyncEffect = useAsyncEffect;
@@ -5830,6 +5896,7 @@ exports.useUpdate = useUpdate;
 exports.useUpdateEffect = useUpdateEffect;
 exports.useUpdateLayoutEffect = index$3;
 exports.useVirtualList = useVirtualList;
+exports.useWebNotification = useWebNotification;
 exports.useWindowScroll = useWindowScroll;
 exports.useWindowSize = useWindowSize;
 exports.useWindowsFocus = useWindowsFocus;

package/dist/index.d.ts

@@ -865,4 +865,12 @@ interface UseCssVarOptions {
 }
 declare function useCssVar<T extends HTMLElement = HTMLElement>(prop: string, target: BasicTarget<T>, defaultValue?: string, options?: UseCssVarOptions): readonly [string, (v: string) => void];
 
-export { ColorScheme, Contrast, CursorState, EyeDropperOpenReturnType, GeneralPermissionDescriptor, IDisposable, IEvent, IEventOnce, IListener, INetworkInformation, IState, IUseNetworkState, KeyModifier, MousePressedOptions, MouseSourceType, OrientationState, RafLoopReturns, ScrollIntoViewAnimation, ScrollIntoViewParams, Status, Target, UseCookieState, UseCssVarOptions, UseDarkOptions, UseDraggableOptions, UseElementBoundingOptions, UseEventEmitterReturn, UseEyeDropperReturn, UseFileDialogOptions, UseFpsOptions, UseFullScreenOptions, UseInfiniteScrollOptions, UseLongPressOptions, UseMeasureRect, UseMediaDeviceOptions, UseModifierOptions, UseScriptTagOptions, UseScrollOptions, UseStickyParams, UseTextDirectionOptions, UseTextDirectionValue, UseTimeoutFnOptions, UseVirtualListItem, UseVirtualListOptions, UseVirtualListReturn, UseWindowScrollState, WindowSize, getHMSTime, useActiveElement, useAsyncEffect, useClickOutside, useClipBorad as useClipboard, useControlled, useCookie, useCountDown, useCounter, useCssVar, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDoubleClick, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, _default$2 as useFps, useFullscreen, useGeolocation, useHover, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, useMeasure, 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, useScreenSafeArea, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSetState, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, _default$4 as useUpdateEffect, _default$3 as useUpdateLayoutEffect, useVirtualList, useWindowScroll, useWindowSize, useWindowsFocus };
+declare function useWebNotification(requestPermissions?: boolean): {
+    readonly isSupported: boolean;
+    readonly show: (title: string, options?: NotificationOptions) => Notification | undefined;
+    readonly close: () => void;
+    readonly ensurePermissions: () => Promise<boolean | undefined>;
+    readonly permissionGranted: react.MutableRefObject<boolean>;
+};
+
+export { ColorScheme, Contrast, CursorState, EyeDropperOpenReturnType, GeneralPermissionDescriptor, IDisposable, IEvent, IEventOnce, IListener, INetworkInformation, IState, IUseNetworkState, KeyModifier, MousePressedOptions, MouseSourceType, OrientationState, RafLoopReturns, ScrollIntoViewAnimation, ScrollIntoViewParams, Status, Target, UseCookieState, UseCssVarOptions, UseDarkOptions, UseDraggableOptions, UseElementBoundingOptions, UseEventEmitterReturn, UseEyeDropperReturn, UseFileDialogOptions, UseFpsOptions, UseFullScreenOptions, UseInfiniteScrollOptions, UseLongPressOptions, UseMeasureRect, UseMediaDeviceOptions, UseModifierOptions, UseScriptTagOptions, UseScrollOptions, UseStickyParams, UseTextDirectionOptions, UseTextDirectionValue, UseTimeoutFnOptions, UseVirtualListItem, UseVirtualListOptions, UseVirtualListReturn, UseWindowScrollState, WindowSize, getHMSTime, useActiveElement, useAsyncEffect, useClickOutside, useClipBorad as useClipboard, useControlled, useCookie, useCountDown, useCounter, useCssVar, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDoubleClick, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, _default$2 as useFps, useFullscreen, useGeolocation, useHover, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, useMeasure, 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, useScreenSafeArea, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSetState, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, _default$4 as useUpdateEffect, _default$3 as useUpdateLayoutEffect, useVirtualList, useWebNotification, useWindowScroll, useWindowSize, useWindowsFocus };

package/dist/index.mjs

@@ -3298,6 +3298,7 @@ function useScriptTag(src, onLoaded = noop, options = defaultOptions$1) {
 function usePermission(permissionDesc) {
   const [state, setState] = useState("");
   useEffect(() => {
+    var _a;
     const desc = typeof permissionDesc === "string" ? { name: permissionDesc } : permissionDesc;
     let mounted = true;
     let permissionStatus = null;
@@ -3306,11 +3307,11 @@ function usePermission(permissionDesc) {
         return;
       }
       setState(() => {
-        var _a;
-        return (_a = permissionStatus == null ? void 0 : permissionStatus.state) != null ? _a : "";
+        var _a2;
+        return (_a2 = permissionStatus == null ? void 0 : permissionStatus.state) != null ? _a2 : "";
       });
     };
-    navigator.permissions.query(desc).then((status) => {
+    (_a = navigator.permissions) == null ? void 0 : _a.query(desc).then((status) => {
       permissionStatus = status;
       on(permissionStatus, "change", onChange);
       onChange();
@@ -3436,7 +3437,7 @@ function useSupported(callback, sync = false) {
   return supported;
 }
 
-var __async$4 = (__this, __arguments, generator) => {
+var __async$5 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -3481,7 +3482,7 @@ function useMediaDevices(options = {}) {
       });
     }).catch(noop);
   }, []);
-  const ensurePermissions = useCallback(() => __async$4(this, null, function* () {
+  const ensurePermissions = useCallback(() => __async$5(this, null, function* () {
     if (!isSupported) {
       return false;
     }
@@ -4287,7 +4288,7 @@ var __spreadValues$1 = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async$3 = (__this, __arguments, generator) => {
+var __async$4 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -4319,7 +4320,7 @@ function useInfiniteScroll(target, onLoadMore, options = defaultOptions$1) {
   const element = useLatestElement(target);
   const di = state[3][direction];
   useUpdateEffect(() => {
-    const fn = () => __async$3(this, null, function* () {
+    const fn = () => __async$4(this, null, function* () {
       var _a2, _b2;
       const previous = {
         height: (_a2 = element == null ? void 0 : element.scrollHeight) != null ? _a2 : 0,
@@ -4853,7 +4854,7 @@ function useWindowScroll() {
   return state;
 }
 
-var __async$2 = (__this, __arguments, generator) => {
+var __async$3 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -4882,7 +4883,7 @@ function useClipBorad() {
   }, []);
   useEventListener("copy", updateText);
   useEventListener("cut", updateText);
-  const copy = useCallback((txt) => __async$2(this, null, function* () {
+  const copy = useCallback((txt) => __async$3(this, null, function* () {
     setText(txt);
     yield window.navigator.clipboard.writeText(txt);
   }), []);
@@ -5221,7 +5222,7 @@ const useSticky = (targetElement, { axis = "y", nav = 0 }, scrollElement) => {
   return [isSticky, setSticky];
 };
 
-var __async$1 = (__this, __arguments, generator) => {
+var __async$2 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -5244,7 +5245,7 @@ var __async$1 = (__this, __arguments, generator) => {
 function useAsyncEffect(effect, cleanup = noop, deps) {
   const mounted = useMountedState();
   useEffect(() => {
-    const execute = () => __async$1(this, null, function* () {
+    const execute = () => __async$2(this, null, function* () {
       if (!mounted()) {
         return;
       }
@@ -5305,7 +5306,7 @@ function useTextSelection() {
   return selection;
 }
 
-var __async = (__this, __arguments, generator) => {
+var __async$1 = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
       try {
@@ -5331,7 +5332,7 @@ function useEyeDropper() {
     true
   );
   const open = useCallback(
-    (..._0) => __async(this, [..._0], function* (options = {}) {
+    (..._0) => __async$1(this, [..._0], function* (options = {}) {
       if (!isSupported) {
         return {
           sRGBHex: ""
@@ -5732,4 +5733,69 @@ function getValue(position) {
   return getComputedStyle(document.documentElement).getPropertyValue(position);
 }
 
-export { getHMSTime, useActiveElement, useAsyncEffect, useClickOutside, useClipBorad as useClipboard, useControlled, useCookie, useCountDown, useCounter, useCssVar, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDoubleClick, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, index$2 as useFps, useFullscreen, useGeolocation, useHover, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, useMeasure, 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, useScreenSafeArea, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSetState, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, useUpdateEffect, index$3 as useUpdateLayoutEffect, useVirtualList, useWindowScroll, useWindowSize, useWindowsFocus };
+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 useWebNotification(requestPermissions = false) {
+  const isSupported = useSupported(() => !!window && "Notification" in window);
+  const permissionGranted = useRef(false);
+  const notificationRef = useRef(null);
+  const show = (title, options = defaultOptions$1) => {
+    if (!isSupported && !permissionGranted.current) {
+      return;
+    }
+    notificationRef.current = new Notification(title || "", options);
+    return notificationRef.current;
+  };
+  const close = useCallback(() => {
+    if (notificationRef.current) {
+      notificationRef.current.close();
+    }
+    notificationRef.current = null;
+  }, []);
+  useEffect(() => {
+    permissionGranted.current = isSupported && "permission" in Notification && Notification.permission === "granted";
+  }, [isSupported]);
+  const ensurePermissions = useCallback(() => __async(this, null, function* () {
+    if (!isSupported)
+      return;
+    if (!permissionGranted.current && Notification.permission !== "denied") {
+      const result = yield Notification.requestPermission();
+      if (result === "granted")
+        permissionGranted.current = true;
+    }
+    return permissionGranted.current;
+  }), [isSupported]);
+  useEffect(() => {
+    if (requestPermissions) {
+      ensurePermissions();
+    }
+  }, [requestPermissions, ensurePermissions]);
+  useUnmount(close);
+  return {
+    isSupported,
+    show,
+    close,
+    ensurePermissions,
+    permissionGranted
+  };
+}
+
+export { getHMSTime, useActiveElement, useAsyncEffect, useClickOutside, useClipBorad as useClipboard, useControlled, useCookie, useCountDown, useCounter, useCssVar, useCustomCompareEffect, useCycleList, useDarkMode, useDebounce, useDebounceFn, useDeepCompareEffect, useDocumentVisibility, useDoubleClick, useDraggable, useDropZone, useElementBounding, useElementSize, useElementVisibility, useEvent, useEventEmitter, useEventListener, useEyeDropper, useFavicon, useFileDialog, useFirstMountState, useFocus, index$2 as useFps, useFullscreen, useGeolocation, useHover, useIdle, useInfiniteScroll, useIntersectionObserver, useInterval, useIsomorphicLayoutEffect, useKeyModifier, useLatest, useLocalStorage, useLongPress, useMeasure, 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, useScreenSafeArea, useScriptTag, useScroll, useScrollIntoView, useScrollLock, useSessionStorage, useSetState, useSticky, useSupported, useTextDirection, useTextSelection, useThrottle, useThrottleFn, useTimeout, useTimeoutFn, useTitle, useToggle, useUnmount, useUpdate, useUpdateEffect, index$3 as useUpdateLayoutEffect, useVirtualList, useWebNotification, useWindowScroll, useWindowSize, useWindowsFocus };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reactuses/core",
-  "version": "4.0.7",
+  "version": "4.0.9",
   "license": "Unlicense",
   "homepage": "https://www.reactuse.com/",
   "repository": {
@@ -24,8 +24,8 @@
     "./package.json": "./package.json",
     ".": {
       "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.mjs"
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
     }
   },
   "main": "./dist/index.cjs",
@@ -64,6 +64,9 @@
     "@rollup/plugin-replace": "^4.0.0",
     "@testing-library/react": "^13.4.0",
     "@types/jest": "^27.5.2",
+    "@types/js-cookie": "^3.0.3",
+    "@types/lodash": "^4.14.184",
+    "@types/lodash-es": "^4.17.7",
     "babel-jest": "^29.0.2",
     "consola": "^2.15.3",
     "esbuild": "^0.17.15",