@siberiacancode/reactuse 0.0.84 → 0.0.87

package/dist/cjs/hooks/useHotkeys/useHotkeys.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHotkeys.js","sources":["../../../../src/hooks/useHotkeys/useHotkeys.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { UseEventListenerTarget } from '../useEventListener/useEventListener';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/** The use hotkeys params type */\nexport interface UseHotkeysOptions {\n  /** Alias map for hotkeys */\n  aliasMap?: Record<string, string>;\n  /** Enable or disable the event listeners */\n  enabled?: boolean;\n  /** Whether to prevent the default behavior of the event */\n  preventDefault?: boolean;\n  /** The target to attach the event listeners to */\n  target?: UseEventListenerTarget;\n}\n\nexport const isHotkeyMatch = (hotkey: string, keys: UseHotkeysKey[]) =>\n  hotkey\n    .toLowerCase()\n    .split(/[+_-]/g)\n    .map((key) => key.trim())\n    .every((key) =>\n      keys.find(\n        (updatedKey) =>\n          key === updatedKey.code.toLocaleLowerCase() ||\n          key === updatedKey.key.toLocaleLowerCase() ||\n          key === updatedKey.alias.toLocaleLowerCase()\n      )\n    );\n\nexport type UseHotkeysHotkeys = string | string[];\nexport interface UseHotkeysKey {\n  alias: string;\n  code: string;\n  key: string;\n}\n\n/**\n * @name useHotkeys\n * @description - Hook that listens for hotkeys\n * @category Sensors\n *\n * @param {UseHotkeysHotkeys} hotkeys The key or keys to listen for\n * @param {(event: KeyboardEvent) => void} callback The callback function to be called when the hotkey is pressed\n * @param {UseEventListenerTarget} [options.target=window] The target to attach the event listeners to\n * @param {boolean} [options.enabled=true] The enable or disable the event listeners\n * @param {boolean} [options.preventDefault=true] Whether to prevent the default behavior of the event\n * @param {Record<string, string>} [options.aliasMap] Alias map for hotkeys\n * @returns {useKeysPressedReturns} Array of strings with keys that were press\n *\n * @example\n * useHotkeys('control+a', () => console.log('hotkey pressed'));\n *\n * @example\n * useHotkeys('ControlLeft+KeyA', () => console.log('hotkey pressed'));\n */\nexport const useHotkeys = (\n  hotkeys: UseHotkeysHotkeys,\n  callback: (event: KeyboardEvent) => void,\n  options?: UseHotkeysOptions\n) => {\n  const enabled = options?.enabled ?? true;\n  const preventDefault = options?.preventDefault ?? true;\n  const [, setKeys] = useState<UseHotkeysKey[]>([]);\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (preventDefault) event.preventDefault();\n\n    if (!enabled) return;\n\n    setKeys((prevKeys) => {\n      if (prevKeys.some(({ code }) => code === event.code)) return prevKeys;\n      const alias = options?.aliasMap?.[event.key] ?? options?.aliasMap?.[event.key] ?? event.code;\n      const updatedKeys = [...prevKeys, { key: event.key, code: event.code, alias }];\n\n      if (Array.isArray(hotkeys)) {\n        hotkeys.forEach((hotkey) => {\n          const isMatch = isHotkeyMatch(hotkey, updatedKeys);\n          if (isMatch) callback(event);\n        });\n      } else {\n        const isMatch = isHotkeyMatch(hotkeys, updatedKeys);\n        if (isMatch) callback(event);\n      }\n\n      return updatedKeys;\n    });\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    if (!enabled) return;\n    setKeys((prevKeys) => prevKeys.filter(({ code }) => code !== event.code));\n  };\n\n  useDidUpdate(() => {\n    setKeys([]);\n  }, [enabled]);\n\n  useEventListener(options?.target ?? window, 'keydown', onKeyDown);\n  useEventListener(options?.target ?? window, 'keyup', onKeyUp);\n};\n"],"names":["isHotkeyMatch","hotkey","keys","toLowerCase","split","map","key","trim","every","find","updatedKey","code","toLocaleLowerCase","alias","hotkeys","callback","options","_options$enabled","_options$preventDefau","_options$target","_options$target2","enabled","preventDefault","_useState","useState","setKeys","_slicedToArray","useDidUpdate","useEventListener","target","window","event","prevKeys","_ref2","_options$aliasMap$eve","_options$aliasMap","_options$aliasMap2","some","_ref","aliasMap","updatedKeys","concat","_toConsumableArray","Array","isArray","forEach","filter","_ref3"],"mappings":";+XAmBO,IAAMA,EAAgB,SAACC,EAAgBC,GAAqB,OACjED,EACGE,cACAC,MAAM,UACNC,KAAI,SAACC,GAAG,OAAKA,EAAIC,MAAM,IACvBC,OAAM,SAACF,GAAG,OACTJ,EAAKO,MACH,SAACC,GAAU,OACTJ,IAAQI,EAAWC,KAAKC,qBACxBN,IAAQI,EAAWJ,IAAIM,qBACvBN,IAAQI,EAAWG,MAAMD,mBAAmB,GAC/C,GACF,6CA4BqB,SACxBE,EACAC,EACAC,GACG,IAAAC,EAAAC,EAAAC,EAAAC,EACGC,EAA0BJ,QAAnBA,EAAGD,aAAO,EAAPA,EAASK,eAAOJ,IAAAA,GAAAA,EAC1BK,EAAwCJ,QAA1BA,EAAGF,aAAO,EAAPA,EAASM,sBAAcJ,IAAAA,GAAAA,EAC9CK,EAAoBC,EAAQA,SAAkB,IAArCC,EAAwCC,EAAAA,eAAAH,EAAA,GAAjC,GA+BhBI,EAAAA,cAAa,WACXF,EAAQ,GACV,GAAG,CAACJ,IAEJO,EAAgBA,yBAAAT,EAACH,aAAO,EAAPA,EAASa,cAAM,IAAAV,EAAAA,EAAIW,OAAQ,WAjC1B,SAACC,GACbT,GAAgBS,EAAMT,iBAErBD,GAELI,GAAQ,SAACO,GAAa,IAAAC,EAAAC,EAAAC,EAAAC,EACpB,GAAIJ,EAASK,MAAK,SAAAC,GAAO,OAAAA,EAAJ3B,OAAoBoB,EAAMpB,IAAK,IAAE,OAAOqB,EAC7D,IAAMnB,EAAwE,QAAnEoB,EAAiC,QAAjCC,EAAGlB,SAAiBmB,QAAVA,EAAPnB,EAASuB,gBAATJ,IAAiBA,OAAjBA,EAAAA,EAAoBJ,EAAMzB,YAAI,IAAA4B,EAAAA,EAAIlB,SAAiB,QAAVoB,EAAPpB,EAASuB,gBAAQ,IAAAH,OAAA,EAAjBA,EAAoBL,EAAMzB,YAAI,IAAA2B,EAAAA,EAAIF,EAAMpB,KAClF6B,EAAWC,GAAAA,OAAAC,EAAAA,mBAAOV,GAAU,CAAA,CAAE1B,IAAKyB,EAAMzB,IAAKK,KAAMoB,EAAMpB,KAAME,MAAAA,KAElE8B,MAAMC,QAAQ9B,GAChBA,EAAQ+B,SAAQ,SAAC5C,GACCD,EAAcC,EAAQuC,IACzBzB,EAASgB,EACxB,IAEgB/B,EAAcc,EAAS0B,IAC1BzB,EAASgB,GAGxB,OAAOS,CACT,GACD,IAYDZ,EAAgBA,yBAAAR,EAACJ,aAAO,EAAPA,EAASa,cAAM,IAAAT,EAAAA,EAAIU,OAAQ,SAV5B,SAACC,GACVV,GACLI,GAAQ,SAACO,GAAQ,OAAKA,EAASc,QAAO,SAAAC,GAAO,OAAAA,EAAJpC,OAAoBoB,EAAMpB,UACpE,GAQH"}
+{"version":3,"file":"useHotkeys.js","sources":["../../../../src/hooks/useHotkeys/useHotkeys.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { UseEventListenerTarget } from '../useEventListener/useEventListener';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/** The use hotkeys params type */\nexport interface UseHotkeysOptions {\n  /** Alias map for hotkeys */\n  aliasMap?: Record<string, string>;\n  /** Enable or disable the event listeners */\n  enabled?: boolean;\n  /** Whether to prevent the default behavior of the event */\n  preventDefault?: boolean;\n  /** The target to attach the event listeners to */\n  target?: UseEventListenerTarget;\n}\n\nexport const isHotkeyMatch = (hotkey: string, keys: UseHotkeysKey[]) =>\n  hotkey\n    .toLowerCase()\n    .split(/[+_-]/g)\n    .map((key) => key.trim())\n    .every((key) =>\n      keys.find(\n        (updatedKey) =>\n          key === updatedKey.code.toLocaleLowerCase() ||\n          key === updatedKey.key.toLocaleLowerCase() ||\n          key === updatedKey.alias.toLocaleLowerCase()\n      )\n    );\n\nexport type UseHotkeysHotkeys = string | string[];\nexport interface UseHotkeysKey {\n  alias: string;\n  code: string;\n  key: string;\n}\n\n/**\n * @name useHotkeys\n * @description - Hook that listens for hotkeys\n * @category Sensors\n *\n * @param {UseHotkeysHotkeys} hotkeys The key or keys to listen for\n * @param {(event: KeyboardEvent) => void} callback The callback function to be called when the hotkey is pressed\n * @param {UseEventListenerTarget} [options.target=window] The target to attach the event listeners to\n * @param {boolean} [options.enabled=true] The enable or disable the event listeners\n * @param {boolean} [options.preventDefault=true] Whether to prevent the default behavior of the event\n * @param {Record<string, string>} [options.aliasMap] Alias map for hotkeys\n * @returns {useKeysPressedReturns} Array of strings with keys that were press\n *\n * @example\n * useHotkeys('control+a', () => console.log('hotkey pressed'));\n *\n * @example\n * useHotkeys('ControlLeft+KeyA', () => console.log('hotkey pressed'));\n */\nexport const useHotkeys = (\n  hotkeys: UseHotkeysHotkeys,\n  callback: (event: KeyboardEvent) => void,\n  options?: UseHotkeysOptions\n) => {\n  const enabled = options?.enabled ?? true;\n  const preventDefault = options?.preventDefault ?? true;\n  const [, setKeys] = useState<UseHotkeysKey[]>([]);\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (preventDefault) event.preventDefault();\n\n    if (!enabled) return;\n\n    setKeys((prevKeys) => {\n      if (prevKeys.some(({ code }) => code === event.code)) return prevKeys;\n      const alias = options?.aliasMap?.[event.key] ?? options?.aliasMap?.[event.key] ?? event.code;\n      const updatedKeys = [...prevKeys, { key: event.key, code: event.code, alias }];\n\n      if (Array.isArray(hotkeys)) {\n        hotkeys.forEach((hotkey) => {\n          const isMatch = isHotkeyMatch(hotkey, updatedKeys);\n          if (isMatch) callback(event);\n        });\n      } else {\n        const isMatch = isHotkeyMatch(hotkeys, updatedKeys);\n        if (isMatch) callback(event);\n      }\n\n      return updatedKeys;\n    });\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    if (!enabled) return;\n    setKeys((prevKeys) => prevKeys.filter(({ code }) => code !== event.code));\n  };\n\n  useDidUpdate(() => {\n    setKeys([]);\n  }, [enabled]);\n\n  useEventListener(options?.target ?? window, 'keydown', onKeyDown);\n  useEventListener(options?.target ?? window, 'keyup', onKeyUp);\n};\n"],"names":["isHotkeyMatch","hotkey","keys","toLowerCase","split","map","key","trim","every","find","updatedKey","code","toLocaleLowerCase","alias","hotkeys","callback","options","_options$enabled","_options$preventDefau","_options$target","_options$target2","enabled","preventDefault","_useState","useState","setKeys","_slicedToArray","useDidUpdate","useEventListener","target","window","event","prevKeys","_ref2","_options$aliasMap$eve","_options$aliasMap","_options$aliasMap2","some","_ref","aliasMap","updatedKeys","concat","_toConsumableArray","Array","isArray","forEach","filter","_ref3"],"mappings":";idAmBO,IAAMA,EAAgB,SAACC,EAAgBC,GAAqB,OACjED,EACGE,cACAC,MAAM,UACNC,KAAI,SAACC,GAAG,OAAKA,EAAIC,MAAM,IACvBC,OAAM,SAACF,GAAG,OACTJ,EAAKO,MACH,SAACC,GAAU,OACTJ,IAAQI,EAAWC,KAAKC,qBACxBN,IAAQI,EAAWJ,IAAIM,qBACvBN,IAAQI,EAAWG,MAAMD,mBAAmB,GAC/C,GACF,6CA4BqB,SACxBE,EACAC,EACAC,GACG,IAAAC,EAAAC,EAAAC,EAAAC,EACGC,EAA0BJ,QAAnBA,EAAGD,aAAO,EAAPA,EAASK,eAAOJ,IAAAA,GAAAA,EAC1BK,EAAwCJ,QAA1BA,EAAGF,aAAO,EAAPA,EAASM,sBAAcJ,IAAAA,GAAAA,EAC9CK,EAAoBC,EAAQA,SAAkB,IAArCC,EAAwCC,EAAAA,eAAAH,EAAA,GAAjC,GA+BhBI,EAAAA,cAAa,WACXF,EAAQ,GACV,GAAG,CAACJ,IAEJO,EAAgBA,yBAAAT,EAACH,aAAO,EAAPA,EAASa,cAAM,IAAAV,EAAAA,EAAIW,OAAQ,WAjC1B,SAACC,GACbT,GAAgBS,EAAMT,iBAErBD,GAELI,GAAQ,SAACO,GAAa,IAAAC,EAAAC,EAAAC,EAAAC,EACpB,GAAIJ,EAASK,MAAK,SAAAC,GAAO,OAAAA,EAAJ3B,OAAoBoB,EAAMpB,IAAK,IAAE,OAAOqB,EAC7D,IAAMnB,EAAwE,QAAnEoB,EAAiC,QAAjCC,EAAGlB,SAAiBmB,QAAVA,EAAPnB,EAASuB,gBAATJ,IAAiBA,OAAjBA,EAAAA,EAAoBJ,EAAMzB,YAAI,IAAA4B,EAAAA,EAAIlB,SAAiB,QAAVoB,EAAPpB,EAASuB,gBAAQ,IAAAH,OAAA,EAAjBA,EAAoBL,EAAMzB,YAAI,IAAA2B,EAAAA,EAAIF,EAAMpB,KAClF6B,EAAWC,GAAAA,OAAAC,EAAAA,mBAAOV,GAAU,CAAA,CAAE1B,IAAKyB,EAAMzB,IAAKK,KAAMoB,EAAMpB,KAAME,MAAAA,KAElE8B,MAAMC,QAAQ9B,GAChBA,EAAQ+B,SAAQ,SAAC5C,GACCD,EAAcC,EAAQuC,IACzBzB,EAASgB,EACxB,IAEgB/B,EAAcc,EAAS0B,IAC1BzB,EAASgB,GAGxB,OAAOS,CACT,GACD,IAYDZ,EAAgBA,yBAAAR,EAACJ,aAAO,EAAPA,EAASa,cAAM,IAAAT,EAAAA,EAAIU,OAAQ,SAV5B,SAACC,GACVV,GACLI,GAAQ,SAACO,GAAQ,OAAKA,EAASc,QAAO,SAAAC,GAAO,OAAAA,EAAJpC,OAAoBoB,EAAMpB,UACpE,GAQH"}

package/dist/cjs/hooks/useHover/useHover.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),t=require("react"),r=require("../../utils/helpers/getElement.js"),n=require("../../utils/helpers/isTarget.js");exports.useHover=function(){var o=n.isTarget(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,i=o?"object"===e._typeof(arguments.length<=1?void 0:arguments[1])?arguments.length<=1?void 0:arguments[1]:{onEntry:arguments.length<=1?void 0:arguments[1]}:"object"===e._typeof(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:{onEntry:arguments.length<=0?void 0:arguments[0]},l=t.useState(!1),u=e._slicedToArray(l,2),v=u[0],s=u[1],a=t.useState(),d=e._slicedToArray(a,2),c=d[0],g=d[1],f=t.useRef(i);return f.current=i,t.useEffect((function(){if(o||c){var e=o?r.getElement(o):c;if(e){var t=function(e){var t,r;null===(t=f.current)||void 0===t||null===(r=t.onEntry)||void 0===r||r.call(t,e),s(!0)},n=function(e){var t,r;null===(t=f.current)||void 0===t||null===(r=t.onLeave)||void 0===r||r.call(t,e),s(!1)};return e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",n),function(){e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",n)}}}}),[o,c]),o?v:[g,v]};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),r=require("react"),t=require("../../utils/helpers/getElement.js");require("../../utils/helpers/isClient.js");var n=require("../../utils/helpers/isTarget.js"),u=require("../useRefState/useRefState.js");require("../useRerender/useRerender.js");exports.useHover=function(){var i=n.isTarget(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,l=i?"object"===e._typeof(arguments.length<=1?void 0:arguments[1])?arguments.length<=1?void 0:arguments[1]:{onEntry:arguments.length<=1?void 0:arguments[1]}:"object"===e._typeof(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:{onEntry:arguments.length<=0?void 0:arguments[0]},s=r.useState(!1),o=e._slicedToArray(s,2),v=o[0],a=o[1],d=u.useRefState(),c=r.useRef(l);return c.current=l,r.useEffect((function(){if(i||d.current){var e=i?t.getElement(i):d.current;if(e){var r=function(e){var r,t;null===(r=c.current)||void 0===r||null===(t=r.onEntry)||void 0===t||t.call(r,e),a(!0)},n=function(e){var r,t;null===(r=c.current)||void 0===r||null===(t=r.onLeave)||void 0===t||t.call(r,e),a(!1)};return e.addEventListener("mouseenter",r),e.addEventListener("mouseleave",n),function(){e.removeEventListener("mouseenter",r),e.removeEventListener("mouseleave",n)}}}}),[i,d.current]),i?v:[d,v]};
 //# sourceMappingURL=useHover.js.map

package/dist/cjs/hooks/useHover/useHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHover.js","sources":["../../../../src/hooks/useHover/useHover.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\n//* The use hover target type */\nexport type UseHoverTarget = string | Element | RefObject<Element | null | undefined>;\n\n//* The use hover options type */\nexport interface UseHoverOptions {\n  //* The on entry callback */\n  onEntry?: (event: Event) => void;\n  //* The on leave callback */\n  onLeave?: (event: Event) => void;\n}\n\nexport interface UseHover {\n  <Target extends UseHoverTarget>(target: Target, callback?: (event: Event) => void): boolean;\n\n  <Target extends UseHoverTarget>(target: Target, options?: UseHoverOptions): boolean;\n\n  <Target extends UseHoverTarget>(\n    callback?: (event: Event) => void,\n    target?: never\n  ): [(node: Target) => void, boolean];\n\n  <Target extends UseHoverTarget>(\n    options?: UseHoverOptions,\n    target?: never\n  ): [(node: Target) => void, boolean];\n}\n\n/**\n * @name useHover\n * @description - Hook that defines the logic when hovering an element\n * @category Sensors\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to be hovered\n * @param {(event: Event) => void} [callback] The callback function to be invoked on mouse enter\n * @returns {boolean} The state of the hover\n *\n * @example\n * const hovering = useHover(ref, () => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to be hovered\n * @param {(event: Event) => void} [options.onEntry] The callback function to be invoked on mouse enter\n * @param {(event: Event) => void} [options.onLeave] The callback function to be invoked on mouse leave\n * @returns {boolean} The state of the hover\n *\n * @example\n * const hovering = useHover(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {(event: Event) => void} [callback] The callback function to be invoked on mouse enter\n * @returns {UseHoverReturn<Target>} The state of the hover\n *\n * @example\n * const [ref, hovering] = useHover(() => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {(event: Event) => void} [options.onEntry] The callback function to be invoked on mouse enter\n * @param {(event: Event) => void} [options.onLeave] The callback function to be invoked on mouse leave\n * @returns {UseHoverReturn<Target>} The state of the hover\n *\n * @example\n * const [ref, hovering] = useHover(options);\n */\nexport const useHover = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as UseHoverTarget | undefined;\n\n  const options = (\n    target\n      ? typeof params[1] === 'object'\n        ? params[1]\n        : { onEntry: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onEntry: params[0] }\n  ) as UseHoverOptions | undefined;\n\n  const [hovering, setHovering] = useState(false);\n  const [internalRef, setInternalRef] = useState<Element>();\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!target && !internalRef) return;\n    const element = (target ? getElement(target) : internalRef) as Element;\n\n    if (!element) return;\n\n    const onMouseEnter = (event: Event) => {\n      internalOptionsRef.current?.onEntry?.(event);\n      setHovering(true);\n    };\n\n    const onMouseLeave = (event: Event) => {\n      internalOptionsRef.current?.onLeave?.(event);\n      setHovering(false);\n    };\n\n    element.addEventListener('mouseenter', onMouseEnter);\n    element.addEventListener('mouseleave', onMouseLeave);\n\n    return () => {\n      element.removeEventListener('mouseenter', onMouseEnter);\n      element.removeEventListener('mouseleave', onMouseLeave);\n    };\n  }, [target, internalRef]);\n\n  if (target) return hovering;\n  return [setInternalRef, hovering] as const;\n}) as UseHover;\n"],"names":["target","isTarget","arguments","length","undefined","options","_typeof","onEntry","_useState","useState","_useState2","_slicedToArray","hovering","setHovering","_useState3","_useState4","internalRef","setInternalRef","internalOptionsRef","useRef","current","useEffect","element","getElement","onMouseEnter","event","_internalOptionsRef$c","_internalOptionsRef$c2","call","onMouseLeave","_internalOptionsRef$c3","_internalOptionsRef$c4","onLeave","addEventListener","removeEventListener"],"mappings":";0MA0EyB,WACvB,IAAMA,EAAUC,EAAAA,SAAQC,UAAAC,QAAAC,OAAAA,EAAAF,cAAWA,UAAAC,eAAAC,EAAAF,UAAA,QAAeE,EAE5CC,EACJL,EACyB,WAArBM,EAAAA,QAAAJ,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,IAA6BA,UAAAC,QAAAC,OAAAA,EAAAF,UAE3B,GAAA,CAAEK,QAAOL,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,IACU,WAArBI,EAAAA,QAAAJ,UAAAC,QAAA,OAAAC,EAAAF,cAA6BA,UAAAC,eAAAC,EAAAF,UAE3B,GAAA,CAAEK,QAAOL,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,IAGjBM,EAAgCC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAAxCI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GAC5BI,EAAsCL,EAAAA,WAAmBM,EAAAJ,EAAAA,eAAAG,EAAA,GAAlDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAC5BG,EAAqBC,EAAMA,OAACd,GA4BlC,OA3BAa,EAAmBE,QAAUf,EAE7BgB,EAAAA,WAAU,WACR,GAAKrB,GAAWgB,EAAhB,CACA,IAAMM,EAAWtB,EAASuB,aAAWvB,GAAUgB,EAE/C,GAAKM,EAAL,CAEA,IAAME,EAAe,SAACC,GAAiB,IAAAC,EAAAC,EACXD,QAA1BA,EAAAR,EAAmBE,eAAOO,IAAAD,GAAS,QAATC,EAA1BD,EAA4BnB,eAAO,IAAAoB,GAAnCA,EAAAC,KAAAF,EAAsCD,GACtCZ,GAAY,EACb,EAEKgB,EAAe,SAACJ,GAAiB,IAAAK,EAAAC,EACXD,QAA1BA,EAAAZ,EAAmBE,eAAOW,IAAAD,GAAS,QAATC,EAA1BD,EAA4BE,eAAO,IAAAD,GAAnCA,EAAAH,KAAAE,EAAsCL,GACtCZ,GAAY,EACb,EAKD,OAHAS,EAAQW,iBAAiB,aAAcT,GACvCF,EAAQW,iBAAiB,aAAcJ,GAEhC,WACLP,EAAQY,oBAAoB,aAAcV,GAC1CF,EAAQY,oBAAoB,aAAcL,EAC3C,CAlBa,CAHe,CAsB/B,GAAG,CAAC7B,EAAQgB,IAERhB,EAAeY,EACZ,CAACK,EAAgBL,EAC1B"}
+{"version":3,"file":"useHover.js","sources":["../../../../src/hooks/useHover/useHover.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use hover target type */\nexport type UseHoverTarget = string | Element | RefObject<Element | null | undefined>;\n\n/** The use hover options type */\nexport interface UseHoverOptions {\n  /** The on entry callback */\n  onEntry?: (event: Event) => void;\n  /** The on leave callback */\n  onLeave?: (event: Event) => void;\n}\n\nexport interface UseHover {\n  <Target extends UseHoverTarget>(target: Target, callback?: (event: Event) => void): boolean;\n\n  <Target extends UseHoverTarget>(target: Target, options?: UseHoverOptions): boolean;\n\n  <Target extends UseHoverTarget>(\n    callback?: (event: Event) => void,\n    target?: never\n  ): [StateRef<Target>, boolean];\n\n  <Target extends UseHoverTarget>(\n    options?: UseHoverOptions,\n    target?: never\n  ): [StateRef<Target>, boolean];\n}\n\n/**\n * @name useHover\n * @description - Hook that defines the logic when hovering an element\n * @category Sensors\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to be hovered\n * @param {(event: Event) => void} [callback] The callback function to be invoked on mouse enter\n * @returns {boolean} The state of the hover\n *\n * @example\n * const hovering = useHover(ref, () => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to be hovered\n * @param {(event: Event) => void} [options.onEntry] The callback function to be invoked on mouse enter\n * @param {(event: Event) => void} [options.onLeave] The callback function to be invoked on mouse leave\n * @returns {boolean} The state of the hover\n *\n * @example\n * const hovering = useHover(ref, options);\n *\n * @overload\n * @template Target The target element\n * @param {(event: Event) => void} [callback] The callback function to be invoked on mouse enter\n * @returns {UseHoverReturn<Target>} The state of the hover\n *\n * @example\n * const [ref, hovering] = useHover(() => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {(event: Event) => void} [options.onEntry] The callback function to be invoked on mouse enter\n * @param {(event: Event) => void} [options.onLeave] The callback function to be invoked on mouse leave\n * @returns {UseHoverReturn<Target>} The state of the hover\n *\n * @example\n * const [ref, hovering] = useHover(options);\n */\nexport const useHover = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as UseHoverTarget | undefined;\n\n  const options = (\n    target\n      ? typeof params[1] === 'object'\n        ? params[1]\n        : { onEntry: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onEntry: params[0] }\n  ) as UseHoverOptions | undefined;\n\n  const [hovering, setHovering] = useState(false);\n  const internalRef = useRefState<Element>();\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!target && !internalRef.current) return;\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n\n    if (!element) return;\n\n    const onMouseEnter = (event: Event) => {\n      internalOptionsRef.current?.onEntry?.(event);\n      setHovering(true);\n    };\n\n    const onMouseLeave = (event: Event) => {\n      internalOptionsRef.current?.onLeave?.(event);\n      setHovering(false);\n    };\n\n    element.addEventListener('mouseenter', onMouseEnter);\n    element.addEventListener('mouseleave', onMouseLeave);\n\n    return () => {\n      element.removeEventListener('mouseenter', onMouseEnter);\n      element.removeEventListener('mouseleave', onMouseLeave);\n    };\n  }, [target, internalRef.current]);\n\n  if (target) return hovering;\n  return [internalRef, hovering] as const;\n}) as UseHover;\n"],"names":["target","isTarget","arguments","length","undefined","options","_typeof","onEntry","_useState","useState","_useState2","_slicedToArray","hovering","setHovering","internalRef","useRefState","internalOptionsRef","useRef","current","useEffect","element","getElement","onMouseEnter","event","_internalOptionsRef$c","_internalOptionsRef$c2","call","onMouseLeave","_internalOptionsRef$c3","_internalOptionsRef$c4","onLeave","addEventListener","removeEventListener"],"mappings":";6UA8EyB,WACvB,IAAMA,EAAUC,EAAAA,SAAQC,UAAAC,QAAAC,OAAAA,EAAAF,cAAWA,UAAAC,eAAAC,EAAAF,UAAA,QAAeE,EAE5CC,EACJL,EACyB,WAArBM,EAAAA,QAAAJ,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,IAA6BA,UAAAC,QAAAC,OAAAA,EAAAF,UAE3B,GAAA,CAAEK,QAAOL,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,IACU,WAArBI,EAAAA,QAAAJ,UAAAC,QAAA,OAAAC,EAAAF,cAA6BA,UAAAC,eAAAC,EAAAF,UAE3B,GAAA,CAAEK,QAAOL,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,IAGjBM,EAAgCC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAAxCI,EAAQF,EAAA,GAAEG,EAAWH,EAAA,GACtBI,EAAcC,EAAAA,cACdC,EAAqBC,EAAMA,OAACZ,GA4BlC,OA3BAW,EAAmBE,QAAUb,EAE7Bc,EAAAA,WAAU,WACR,GAAKnB,GAAWc,EAAYI,QAA5B,CACA,IAAME,EAAWpB,EAASqB,EAAAA,WAAWrB,GAAUc,EAAYI,QAE3D,GAAKE,EAAL,CAEA,IAAME,EAAe,SAACC,GAAiB,IAAAC,EAAAC,EACXD,QAA1BA,EAAAR,EAAmBE,eAAOO,IAAAD,GAAS,QAATC,EAA1BD,EAA4BjB,eAAO,IAAAkB,GAAnCA,EAAAC,KAAAF,EAAsCD,GACtCV,GAAY,EACb,EAEKc,EAAe,SAACJ,GAAiB,IAAAK,EAAAC,EACXD,QAA1BA,EAAAZ,EAAmBE,eAAOW,IAAAD,GAAS,QAATC,EAA1BD,EAA4BE,eAAO,IAAAD,GAAnCA,EAAAH,KAAAE,EAAsCL,GACtCV,GAAY,EACb,EAKD,OAHAO,EAAQW,iBAAiB,aAAcT,GACvCF,EAAQW,iBAAiB,aAAcJ,GAEhC,WACLP,EAAQY,oBAAoB,aAAcV,GAC1CF,EAAQY,oBAAoB,aAAcL,EAC3C,CAlBa,CAHuB,CAsBtC,GAAE,CAAC3B,EAAQc,EAAYI,UAEpBlB,EAAeY,EACZ,CAACE,EAAaF,EACvB"}

package/dist/cjs/hooks/useIdle/useIdle.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),t=require("react"),n=require("../../utils/helpers/throttle.js"),i=["mousemove","mousedown","keydown","touchstart","wheel","resize"];exports.useIdle=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:6e4,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},u=o.initialValue,s=void 0!==u&&u,a=o.events,c=void 0===a?i:a,d=t.useState(s),l=e._slicedToArray(d,2),v=l[0],f=l[1],h=t.useState(Date.now()),m=e._slicedToArray(h,2),w=m[0],E=m[1];return t.useEffect((function(){var e,t=function(){return f(!0)},i=n.throttle((function(){f(!1),E(Date.now()),clearTimeout(e),e=setTimeout(t,r)}),500),o=function(){document.hidden||i()};return e=setTimeout(t,r),c.forEach((function(e){return window.addEventListener(e,i)})),document.addEventListener("visibilitychange",o),function(){c.forEach((function(e){return window.addEventListener(e,i)})),document.removeEventListener("visibilitychange",o),clearTimeout(e)}}),[r,c]),{idle:v,lastActive:w}};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),t=require("react");require("../../utils/helpers/isClient.js");var i=require("../../utils/helpers/throttle.js"),n=["mousemove","mousedown","keydown","touchstart","wheel","resize"];exports.useIdle=function(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:6e4,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},u=o.initialValue,s=void 0!==u&&u,l=o.events,a=void 0===l?n:l,c=t.useState(s),d=e._slicedToArray(c,2),v=d[0],h=d[1],f=t.useState(Date.now()),m=e._slicedToArray(f,2),w=m[0],E=m[1];return t.useEffect((function(){var e,t=function(){return h(!0)},n=i.throttle((function(){h(!1),E(Date.now()),clearTimeout(e),e=setTimeout(t,r)}),500),o=function(){document.hidden||n()};return e=setTimeout(t,r),a.forEach((function(e){return window.addEventListener(e,n)})),document.addEventListener("visibilitychange",o),function(){a.forEach((function(e){return window.addEventListener(e,n)})),document.removeEventListener("visibilitychange",o),clearTimeout(e)}}),[r,a]),{idle:v,lastActive:w}};
 //# sourceMappingURL=useIdle.js.map

package/dist/cjs/hooks/useIdle/useIdle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIdle.js","sources":["../../../../src/hooks/useIdle/useIdle.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\n//* The use idle options type */\nexport interface UseIdleOptions {\n  //* The idle events */\n  events?: Array<keyof DocumentEventMap>;\n  //* The idle state */\n  initialValue?: boolean;\n}\n\nconst IDLE_EVENTS = [\n  'mousemove',\n  'mousedown',\n  'keydown',\n  'touchstart',\n  'wheel',\n  'resize'\n] satisfies Array<keyof DocumentEventMap>;\nconst ONE_MINUTE = 60e3;\n\n//* The use idle return type */\nexport interface UseIdleReturn {\n  //* The idle state */\n  idle: boolean;\n  //* The last active time */\n  lastActive: number;\n}\n\n/**\n * @name useIdle\n * @description - Hook that defines the logic when the user is idle\n * @category Sensors\n *\n * @param {number} [milliseconds=ONE_MINUTE] The idle time in milliseconds\n * @param {boolean} [options.initialState=false] The options for the hook\n * @param {Array<keyof WindowEventMap>} [options.events=IDLE_EVENTS]\n * @returns {UseIdleReturn} An object containing the idle state and the last active time\n *\n * @example\n * const { idle, lastActive } = useIdle();\n */\nexport const useIdle = (\n  milliseconds = ONE_MINUTE,\n  { initialValue = false, events = IDLE_EVENTS }: UseIdleOptions = {}\n): UseIdleReturn => {\n  const [idle, setIdle] = useState(initialValue);\n  const [lastActive, setLastActive] = useState(Date.now());\n\n  useEffect(() => {\n    let timeoutId: ReturnType<typeof setTimeout>;\n    const onTimeout = () => setIdle(true);\n\n    const onEvent = throttle(() => {\n      setIdle(false);\n      setLastActive(Date.now());\n      clearTimeout(timeoutId);\n      timeoutId = setTimeout(onTimeout, milliseconds);\n    }, 500);\n\n    const onVisibilitychange = () => {\n      if (!document.hidden) onEvent();\n    };\n\n    timeoutId = setTimeout(onTimeout, milliseconds);\n\n    events.forEach((event) => window.addEventListener(event, onEvent));\n    document.addEventListener('visibilitychange', onVisibilitychange);\n\n    return () => {\n      events.forEach((event) => window.addEventListener(event, onEvent));\n      document.removeEventListener('visibilitychange', onVisibilitychange);\n      clearTimeout(timeoutId);\n    };\n  }, [milliseconds, events]);\n\n  return { idle, lastActive };\n};\n"],"names":["IDLE_EVENTS","milliseconds","arguments","length","undefined","_ref","_ref$initialValue","initialValue","_ref$events","events","_useState","useState","_useState2","_slicedToArray","idle","setIdle","_useState3","Date","now","_useState4","lastActive","setLastActive","useEffect","timeoutId","onTimeout","onEvent","throttle","clearTimeout","setTimeout","onVisibilitychange","document","hidden","forEach","event","window","addEventListener","removeEventListener"],"mappings":";0IAYMA,EAAc,CAClB,YACA,YACA,UACA,aACA,QACA,0BAyBqB,WAGH,IAFlBC,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAxBK,IAwBQG,EAAAH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GACwC,CAAE,EAAAI,EAAAD,EAAjEE,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAH,EAAEI,OAAAA,OAAST,IAAHQ,EAAGR,EAAWQ,EAE5CE,EAAwBC,EAAQA,SAACJ,GAAaK,EAAAC,EAAAA,eAAAH,EAAA,GAAvCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GACpBI,EAAoCL,EAAAA,SAASM,KAAKC,OAAMC,EAAAN,EAAAA,eAAAG,EAAA,GAAjDI,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GA6BhC,OA3BAG,EAAAA,WAAU,WACR,IAAIC,EACEC,EAAY,WAAH,OAAST,GAAQ,EAAK,EAE/BU,EAAUC,EAAAA,UAAS,WACvBX,GAAQ,GACRM,EAAcJ,KAAKC,OACnBS,aAAaJ,GACbA,EAAYK,WAAWJ,EAAWvB,EACnC,GAAE,KAEG4B,EAAqB,WACpBC,SAASC,QAAQN,GACvB,EAOD,OALAF,EAAYK,WAAWJ,EAAWvB,GAElCQ,EAAOuB,SAAQ,SAACC,GAAK,OAAKC,OAAOC,iBAAiBF,EAAOR,MACzDK,SAASK,iBAAiB,mBAAoBN,GAEvC,WACLpB,EAAOuB,SAAQ,SAACC,GAAK,OAAKC,OAAOC,iBAAiBF,EAAOR,MACzDK,SAASM,oBAAoB,mBAAoBP,GACjDF,aAAaJ,EACd,CACH,GAAG,CAACtB,EAAcQ,IAEX,CAAEK,KAAAA,EAAMM,WAAAA,EACjB"}
+{"version":3,"file":"useIdle.js","sources":["../../../../src/hooks/useIdle/useIdle.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { throttle } from '@/utils/helpers';\n\n/** The use idle options type */\nexport interface UseIdleOptions {\n  /** The idle events */\n  events?: Array<keyof DocumentEventMap>;\n  /** The idle state */\n  initialValue?: boolean;\n}\n\nconst IDLE_EVENTS = [\n  'mousemove',\n  'mousedown',\n  'keydown',\n  'touchstart',\n  'wheel',\n  'resize'\n] satisfies Array<keyof DocumentEventMap>;\nconst ONE_MINUTE = 60e3;\n\n/** The use idle return type */\nexport interface UseIdleReturn {\n  /** The idle state */\n  idle: boolean;\n  /** The last active time */\n  lastActive: number;\n}\n\n/**\n * @name useIdle\n * @description - Hook that defines the logic when the user is idle\n * @category Sensors\n *\n * @param {number} [milliseconds=ONE_MINUTE] The idle time in milliseconds\n * @param {boolean} [options.initialState=false] The options for the hook\n * @param {Array<keyof WindowEventMap>} [options.events=IDLE_EVENTS]\n * @returns {UseIdleReturn} An object containing the idle state and the last active time\n *\n * @example\n * const { idle, lastActive } = useIdle();\n */\nexport const useIdle = (\n  milliseconds = ONE_MINUTE,\n  { initialValue = false, events = IDLE_EVENTS }: UseIdleOptions = {}\n): UseIdleReturn => {\n  const [idle, setIdle] = useState(initialValue);\n  const [lastActive, setLastActive] = useState(Date.now());\n\n  useEffect(() => {\n    let timeoutId: ReturnType<typeof setTimeout>;\n    const onTimeout = () => setIdle(true);\n\n    const onEvent = throttle(() => {\n      setIdle(false);\n      setLastActive(Date.now());\n      clearTimeout(timeoutId);\n      timeoutId = setTimeout(onTimeout, milliseconds);\n    }, 500);\n\n    const onVisibilitychange = () => {\n      if (!document.hidden) onEvent();\n    };\n\n    timeoutId = setTimeout(onTimeout, milliseconds);\n\n    events.forEach((event) => window.addEventListener(event, onEvent));\n    document.addEventListener('visibilitychange', onVisibilitychange);\n\n    return () => {\n      events.forEach((event) => window.addEventListener(event, onEvent));\n      document.removeEventListener('visibilitychange', onVisibilitychange);\n      clearTimeout(timeoutId);\n    };\n  }, [milliseconds, events]);\n\n  return { idle, lastActive };\n};\n"],"names":["IDLE_EVENTS","milliseconds","arguments","length","undefined","_ref","_ref$initialValue","initialValue","_ref$events","events","_useState","useState","_useState2","_slicedToArray","idle","setIdle","_useState3","Date","now","_useState4","lastActive","setLastActive","useEffect","timeoutId","onTimeout","onEvent","throttle","clearTimeout","setTimeout","onVisibilitychange","document","hidden","forEach","event","window","addEventListener","removeEventListener"],"mappings":";yLAYMA,EAAc,CAClB,YACA,YACA,UACA,aACA,QACA,0BAyBqB,WAGH,IAFlBC,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAxBK,IAwBQG,EAAAH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GACwC,CAAE,EAAAI,EAAAD,EAAjEE,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAH,EAAEI,OAAAA,OAAST,IAAHQ,EAAGR,EAAWQ,EAE5CE,EAAwBC,EAAQA,SAACJ,GAAaK,EAAAC,EAAAA,eAAAH,EAAA,GAAvCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GACpBI,EAAoCL,EAAAA,SAASM,KAAKC,OAAMC,EAAAN,EAAAA,eAAAG,EAAA,GAAjDI,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GA6BhC,OA3BAG,EAAAA,WAAU,WACR,IAAIC,EACEC,EAAY,WAAH,OAAST,GAAQ,EAAK,EAE/BU,EAAUC,EAAAA,UAAS,WACvBX,GAAQ,GACRM,EAAcJ,KAAKC,OACnBS,aAAaJ,GACbA,EAAYK,WAAWJ,EAAWvB,EACnC,GAAE,KAEG4B,EAAqB,WACpBC,SAASC,QAAQN,GACvB,EAOD,OALAF,EAAYK,WAAWJ,EAAWvB,GAElCQ,EAAOuB,SAAQ,SAACC,GAAK,OAAKC,OAAOC,iBAAiBF,EAAOR,MACzDK,SAASK,iBAAiB,mBAAoBN,GAEvC,WACLpB,EAAOuB,SAAQ,SAACC,GAAK,OAAKC,OAAOC,iBAAiBF,EAAOR,MACzDK,SAASM,oBAAoB,mBAAoBP,GACjDF,aAAaJ,EACd,CACH,GAAG,CAACtB,EAAcQ,IAEX,CAAEK,KAAAA,EAAMM,WAAAA,EACjB"}

package/dist/cjs/hooks/useImage/useImage.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),r=require("../useQuery/useQuery.js");require("react"),require("../useDidUpdate/useDidUpdate.js"),require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../../utils/helpers/isClient.js"),require("../useMount/useMount.js"),require("../../utils/helpers/getRetry.js");var s=function(){var r=e._asyncToGenerator(e._regeneratorRuntime().mark((function r(s){var u,t=arguments;return e._regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return u=t.length>1&&void 0!==t[1]?t[1]:{},e.abrupt("return",new Promise((function(e,r){var t=new Image,n=u.srcset,i=u.sizes,o=u.class,a=u.loading,c=u.crossorigin,l=u.referrerPolicy;t.src=s,n&&(t.srcset=n),i&&(t.sizes=i),o&&(t.className=o),a&&(t.loading=a),c&&(t.crossOrigin=c),l&&(t.referrerPolicy=l),t.onload=function(){return e(t)},t.onerror=r})));case 2:case"end":return e.stop()}}),r)})));return function(e){return r.apply(this,arguments)}}();exports.useImage=function(u,t){var n,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return r.useQuery((function(){return s(u,t)}),e._objectSpread2({keys:[u].concat(e._toConsumableArray(null!==(n=i.keys)&&void 0!==n?n:[]))},i))};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),r=require("../useQuery/useQuery.js");require("react"),require("../../utils/helpers/getRetry.js"),require("../../utils/helpers/isClient.js"),require("../useDidUpdate/useDidUpdate.js"),require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../useMount/useMount.js");var s=function(){var r=e._asyncToGenerator(e._regeneratorRuntime().mark((function r(s){var u,t=arguments;return e._regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return u=t.length>1&&void 0!==t[1]?t[1]:{},e.abrupt("return",new Promise((function(e,r){var t=new Image,n=u.srcset,i=u.sizes,o=u.class,a=u.loading,c=u.crossorigin,l=u.referrerPolicy;t.src=s,n&&(t.srcset=n),i&&(t.sizes=i),o&&(t.className=o),a&&(t.loading=a),c&&(t.crossOrigin=c),l&&(t.referrerPolicy=l),t.onload=function(){return e(t)},t.onerror=r})));case 2:case"end":return e.stop()}}),r)})));return function(e){return r.apply(this,arguments)}}();exports.useImage=function(u,t){var n,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return r.useQuery((function(){return s(u,t)}),e._objectSpread2({keys:[u].concat(e._toConsumableArray(null!==(n=i.keys)&&void 0!==n?n:[]))},i))};
 //# sourceMappingURL=useImage.js.map

package/dist/cjs/hooks/useInfiniteScroll/useInfiniteScroll.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),r=require("react"),t=require("../useEvent/useEvent.js"),n=require("../../utils/helpers/getElement.js");exports.useInfiniteScroll=function(){for(var i,o,u=arguments.length,s=new Array(u),c=0;c<u;c++)s[c]=arguments[c];var l=s[1]instanceof Function?s[0]:void 0,a=s[1]instanceof Function?s[1]:s[0],f=s[1]instanceof Function?s[2]:s[1],v=null!==(i=null==f?void 0:f.direction)&&void 0!==i?i:"bottom",d=null!==(o=null==f?void 0:f.distance)&&void 0!==o?o:10,p=r.useState(!1),g=e._slicedToArray(p,2),h=g[0],m=g[1],E=r.useState(),b=e._slicedToArray(E,2),_=b[0],x=b[1],y=r.useRef(a);y.current=a;var q=t.useEvent(function(){var r=e._asyncToGenerator(e._regeneratorRuntime().mark((function r(t){var n,i,o,u,s,c,l;return e._regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!h){e.next=2;break}return e.abrupt("return");case 2:if(n=t.target,i=n.clientHeight,o=n.scrollHeight,u=n.scrollTop,s=n.clientWidth,c=n.scrollWidth,l=n.scrollLeft,!({bottom:o-(u+i),top:u,right:c-(l+s),left:l}[v]<=d)){e.next=11;break}return m(!0),e.next=10,y.current(t);case 10:m(!1);case 11:case"end":return e.stop()}}),r)})));return function(e){return r.apply(this,arguments)}}());return r.useEffect((function(){if(l||_){var e=l?n.getElement(l):_;if(e)return e.addEventListener("scroll",q),function(){e.removeEventListener("scroll",q)}}}),[_,l,v,d]),l?h:{ref:x,isLoading:h}};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),r=require("react"),t=require("../../utils/helpers/getElement.js");require("../../utils/helpers/isClient.js");var n=require("../../utils/helpers/isTarget.js"),i=require("../useEvent/useEvent.js"),u=require("../useRefState/useRefState.js");require("../useRerender/useRerender.js");exports.useInfiniteScroll=function(){var s,l,o=n.isTarget(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,a=o?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],c=o?arguments.length<=2?void 0:arguments[2]:arguments.length<=1?void 0:arguments[1],v=null!==(s=null==c?void 0:c.direction)&&void 0!==s?s:"bottom",d=null!==(l=null==c?void 0:c.distance)&&void 0!==l?l:10,f=r.useState(!1),g=e._slicedToArray(f,2),h=g[0],p=g[1],m=u.useRefState(),q=r.useRef(a);q.current=a;var E=i.useEvent(function(){var r=e._asyncToGenerator(e._regeneratorRuntime().mark((function r(t){var n,i,u,s,l,o,a;return e._regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!h){e.next=2;break}return e.abrupt("return");case 2:if(n=t.target,i=n.clientHeight,u=n.scrollHeight,s=n.scrollTop,l=n.clientWidth,o=n.scrollWidth,a=n.scrollLeft,!({bottom:u-(s+i),top:s,right:o-(a+l),left:a}[v]<=d)){e.next=11;break}return p(!0),e.next=10,q.current(t);case 10:p(!1);case 11:case"end":return e.stop()}}),r)})));return function(e){return r.apply(this,arguments)}}());return r.useEffect((function(){if(o||m.current){var e=o?t.getElement(o):m.current;if(e)return e.addEventListener("scroll",E),function(){e.removeEventListener("scroll",E)}}}),[o,m.current,v,d]),o?h:{ref:m,loading:h}};
 //# sourceMappingURL=useInfiniteScroll.js.map

package/dist/cjs/hooks/useInfiniteScroll/useInfiniteScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInfiniteScroll.js","sources":["../../../../src/hooks/useInfiniteScroll/useInfiniteScroll.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement } from '@/utils/helpers';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The use infinite scroll target element type */\nexport type UseInfiniteScrollTarget = (() => Element) | Element | RefObject<Element | null>;\n\n/** The use infinite scroll options type */\nexport interface UseInfiniteScrollOptions {\n  /** The direction to trigger the callback */\n  direction?: 'bottom' | 'left' | 'right' | 'top';\n  /** The distance in pixels to trigger the callback */\n  distance?: number;\n}\n\nexport interface UseInfiniteScroll {\n  <Target extends UseInfiniteScrollTarget>(\n    callback: (event: Event) => void,\n    options?: UseInfiniteScrollOptions,\n    target?: never\n  ): {\n    ref: (node: Target) => void;\n    isLoading: boolean;\n  };\n\n  <Target extends UseInfiniteScrollTarget>(\n    target: Target,\n    callback: (event: Event) => void,\n    options?: UseInfiniteScrollOptions\n  ): boolean;\n}\n\n/**\n * @name useInfiniteScroll\n * @description - Hook that defines the logic for infinite scroll\n * @category Sensors\n *\n * @overload\n * @template Target The target element\n * @param {(event: Event) => void} callback The callback to execute when a click outside the target is detected\n * @param {number} [options.distance=10] The distance in pixels to trigger the callback\n * @param {string} [options.direction='bottom'] The direction to trigger the callback\n * @returns {{ ref: (node: Target) => void; isLoading: boolean }} An object containing the ref and isLoading\n *\n * @example\n * const { ref, isLoading } = useInfiniteScroll(() => console.log('infinite scroll'));\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to detect infinite scroll for\n * @param {(event: Event) => void} callback The callback to execute when a click outside the target is detected\n * @param {number} [options.distance=10] The distance in pixels to trigger the callback\n * @param {string} [options.direction='bottom'] The direction to trigger the callback\n * @returns {boolean} A loading indicator of the infinite scroll\n *\n * @example\n * const isLoading = useInfiniteScroll(ref, () => console.log('infinite scroll'));\n */\nexport const useInfiniteScroll = ((...params) => {\n  const target = params[1] instanceof Function ? (params[0] as UseInfiniteScrollTarget) : undefined;\n  const callback = params[1] instanceof Function ? params[1] : (params[0] as () => void);\n  const options = (\n    params[1] instanceof Function ? params[2] : params[1]\n  ) as UseInfiniteScrollOptions;\n\n  const direction = options?.direction ?? 'bottom';\n  const distance = options?.distance ?? 10;\n\n  const [isLoading, setIsLoading] = useState(false);\n  const [internalRef, setInternalRef] = useState<Element>();\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  const onLoadMore = useEvent(async (event: Event) => {\n    if (isLoading) return;\n    const { clientHeight, scrollHeight, scrollTop, clientWidth, scrollWidth, scrollLeft } =\n      event.target as Element;\n    const scrollBottom = scrollHeight - (scrollTop + clientHeight);\n    const scrollRight = scrollWidth - (scrollLeft + clientWidth);\n\n    const distances = {\n      bottom: scrollBottom,\n      top: scrollTop,\n      right: scrollRight,\n      left: scrollLeft\n    };\n\n    if (distances[direction] <= distance) {\n      setIsLoading(true);\n      await internalCallbackRef.current(event);\n      setIsLoading(false);\n    }\n  });\n\n  useEffect(() => {\n    if (!target && !internalRef) return;\n    const element = (target ? getElement(target) : internalRef) as Element;\n    if (!element) return;\n\n    element.addEventListener('scroll', onLoadMore);\n\n    return () => {\n      element.removeEventListener('scroll', onLoadMore);\n    };\n  }, [internalRef, target, direction, distance]);\n\n  if (target) return isLoading;\n  return {\n    ref: setInternalRef,\n    isLoading\n  };\n}) as UseInfiniteScroll;\n"],"names":["_options$direction","_options$distance","_len","arguments","length","params","Array","_key","target","Function","undefined","callback","options","direction","distance","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useState3","_useState4","internalRef","setInternalRef","internalCallbackRef","useRef","current","onLoadMore","useEvent","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","event","_ref2","clientHeight","scrollHeight","scrollTop","clientWidth","scrollWidth","scrollLeft","wrap","_context","prev","next","abrupt","bottom","top","right","left","stop","_x","apply","this","useEffect","element","getElement","addEventListener","removeEventListener","ref"],"mappings":";2MA8DkC,WAAe,IAAA,IAAAA,EAAAC,EAAAC,EAAAC,UAAAC,OAAXC,EAAMC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAANF,EAAME,GAAAJ,UAAAI,GAC1C,IAAMC,EAASH,EAAO,aAAcI,SAAYJ,EAAO,QAAiCK,EAClFC,EAAWN,EAAO,aAAcI,SAAWJ,EAAO,GAAMA,EAAO,GAC/DO,EACJP,EAAO,aAAcI,SAAWJ,EAAO,GAAKA,EAAO,GAG/CQ,EAA8Bb,QAArBA,EAAGY,aAAO,EAAPA,EAASC,iBAASb,IAAAA,EAAAA,EAAI,SAClCc,EAA4Bb,QAApBA,EAAGW,aAAO,EAAPA,EAASE,gBAAQb,IAAAA,EAAAA,EAAI,GAEtCc,EAAkCC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAsCL,EAAAA,WAAmBM,EAAAJ,EAAAA,eAAAG,EAAA,GAAlDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAC5BG,EAAsBC,EAAMA,OAACf,GACnCc,EAAoBE,QAAUhB,EAE9B,IAAMiB,EAAaC,EAAAA,SAAQ,WAAA,IAAAC,EAAAC,EAAAA,kBAAAC,EAAAA,sBAAAC,MAAC,SAAAC,EAAOC,GAAY,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAV,EAAAA,sBAAAW,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,IACzC3B,EAAS,CAAAyB,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAG,OAAA,UAAA,KAAA,EAWZ,GAXYX,EAEXD,EAAM3B,OADA6B,EAAYD,EAAZC,aAAcC,EAAYF,EAAZE,aAAcC,EAASH,EAATG,UAAWC,EAAWJ,EAAXI,YAAaC,EAAWL,EAAXK,YAAaC,EAAUN,EAAVM,aAKvD,CAChBM,OAJmBV,GAAgBC,EAAYF,GAK/CY,IAAKV,EACLW,MALkBT,GAAeC,EAAaF,GAM9CW,KAAMT,GAGM7B,IAAcC,GAAQ,CAAA8B,EAAAE,KAAA,GAAA,KAAA,CACf,OAAnB1B,GAAa,GAAMwB,EAAAE,KAAA,GACbrB,EAAoBE,QAAQQ,GAAM,KAAA,GACxCf,GAAa,GAAO,KAAA,GAAA,IAAA,MAAA,OAAAwB,EAAAQ,OAAA,GAAAlB,OAEvB,OAAA,SAAAmB,GAAA,OAAAvB,EAAAwB,MAAAC,KAAApD,UAAA,EAnB0B,IAiC3B,OAZAqD,EAAAA,WAAU,WACR,GAAKhD,GAAWe,EAAhB,CACA,IAAMkC,EAAWjD,EAASkD,aAAWlD,GAAUe,EAC/C,GAAKkC,EAIL,OAFAA,EAAQE,iBAAiB,SAAU/B,GAE5B,WACL6B,EAAQG,oBAAoB,SAAUhC,EACvC,CAR4B,CAS9B,GAAE,CAACL,EAAaf,EAAQK,EAAWC,IAEhCN,EAAeW,EACZ,CACL0C,IAAKrC,EACLL,UAAAA,EAEJ"}
+{"version":3,"file":"useInfiniteScroll.js","sources":["../../../../src/hooks/useInfiniteScroll/useInfiniteScroll.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useEvent } from '../useEvent/useEvent';\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use infinite scroll target element type */\nexport type UseInfiniteScrollTarget = string | Element | RefObject<Element | null>;\n\n/** The use infinite scroll options type */\nexport interface UseInfiniteScrollOptions {\n  /** The direction to trigger the callback */\n  direction?: 'bottom' | 'left' | 'right' | 'top';\n  /** The distance in pixels to trigger the callback */\n  distance?: number;\n}\n\nexport interface UseInfiniteScroll {\n  <Target extends UseInfiniteScrollTarget>(\n    callback: (event: Event) => void,\n    options?: UseInfiniteScrollOptions,\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n    loading: boolean;\n  };\n\n  <Target extends UseInfiniteScrollTarget>(\n    target: Target,\n    callback: (event: Event) => void,\n    options?: UseInfiniteScrollOptions\n  ): boolean;\n}\n\n/**\n * @name useInfiniteScroll\n * @description - Hook that defines the logic for infinite scroll\n * @category Sensors\n *\n * @overload\n * @template Target The target element\n * @param {(event: Event) => void} callback The callback to execute when a click outside the target is detected\n * @param {number} [options.distance=10] The distance in pixels to trigger the callback\n * @param {string} [options.direction='bottom'] The direction to trigger the callback\n * @returns {{ ref: StateRef<Target>, loading: boolean }} An object containing the ref and loading\n *\n * @example\n * const { ref, loading } = useInfiniteScroll(() => console.log('infinite scroll'));\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to detect infinite scroll for\n * @param {(event: Event) => void} callback The callback to execute when a click outside the target is detected\n * @param {number} [options.distance=10] The distance in pixels to trigger the callback\n * @param {string} [options.direction='bottom'] The direction to trigger the callback\n * @returns {boolean} A loading indicator of the infinite scroll\n *\n * @example\n * const loading = useInfiniteScroll(ref, () => console.log('infinite scroll'));\n */\nexport const useInfiniteScroll = ((...params) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as\n    | UseInfiniteScrollTarget\n    | undefined;\n  const callback = (target ? params[1] : params[0]) as (event: Event) => void;\n  const options = (target ? params[2] : params[1]) as UseInfiniteScrollOptions;\n\n  const direction = options?.direction ?? 'bottom';\n  const distance = options?.distance ?? 10;\n\n  const [loading, setIsLoading] = useState(false);\n\n  const internalRef = useRefState<Element>();\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  const onLoadMore = useEvent(async (event: Event) => {\n    if (loading) return;\n    const { clientHeight, scrollHeight, scrollTop, clientWidth, scrollWidth, scrollLeft } =\n      event.target as Element;\n    const scrollBottom = scrollHeight - (scrollTop + clientHeight);\n    const scrollRight = scrollWidth - (scrollLeft + clientWidth);\n\n    const distances = {\n      bottom: scrollBottom,\n      top: scrollTop,\n      right: scrollRight,\n      left: scrollLeft\n    };\n\n    if (distances[direction] <= distance) {\n      setIsLoading(true);\n      await internalCallbackRef.current(event);\n      setIsLoading(false);\n    }\n  });\n\n  useEffect(() => {\n    if (!target && !internalRef.current) return;\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    element.addEventListener('scroll', onLoadMore);\n\n    return () => {\n      element.removeEventListener('scroll', onLoadMore);\n    };\n  }, [target, internalRef.current, direction, distance]);\n\n  if (target) return loading;\n  return {\n    ref: internalRef,\n    loading\n  };\n}) as UseInfiniteScroll;\n"],"names":["_options$direction","_options$distance","target","isTarget","arguments","length","undefined","callback","options","direction","distance","_useState","useState","_useState2","_slicedToArray","loading","setIsLoading","internalRef","useRefState","internalCallbackRef","useRef","current","onLoadMore","useEvent","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","event","_ref2","clientHeight","scrollHeight","scrollTop","clientWidth","scrollWidth","scrollLeft","wrap","_context","prev","next","abrupt","bottom","top","right","left","stop","_x","apply","this","useEffect","element","getElement","addEventListener","removeEventListener","ref"],"mappings":";2XAiEkC,WAAe,IAAAA,EAAAC,EACzCC,EAAUC,EAAAA,SAAQC,UAAAC,QAAAC,OAAAA,EAAAF,cAAWA,UAAAC,eAAAC,EAAAF,UAAA,QAAeE,EAG5CC,EAAYL,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAmD,GACrEI,EAAWN,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAqD,GAEtEK,EAA8BT,QAArBA,EAAGQ,aAAO,EAAPA,EAASC,iBAAST,IAAAA,EAAAA,EAAI,SAClCU,EAA4BT,QAApBA,EAAGO,aAAO,EAAPA,EAASE,gBAAQT,IAAAA,EAAAA,EAAI,GAEtCU,EAAgCC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAAxCI,EAAOF,EAAA,GAAEG,EAAYH,EAAA,GAEtBI,EAAcC,EAAAA,cACdC,EAAsBC,EAAMA,OAACb,GACnCY,EAAoBE,QAAUd,EAE9B,IAAMe,EAAaC,EAAAA,SAAQ,WAAA,IAAAC,EAAAC,EAAAA,kBAAAC,EAAAA,sBAAAC,MAAC,SAAAC,EAAOC,GAAY,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAV,EAAAA,sBAAAW,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,IACzCzB,EAAO,CAAAuB,EAAAE,KAAA,EAAA,KAAA,CAAA,OAAAF,EAAAG,OAAA,UAAA,KAAA,EAWV,GAXUX,EAETD,EAAM3B,OADA6B,EAAYD,EAAZC,aAAcC,EAAYF,EAAZE,aAAcC,EAASH,EAATG,UAAWC,EAAWJ,EAAXI,YAAaC,EAAWL,EAAXK,YAAaC,EAAUN,EAAVM,aAKvD,CAChBM,OAJmBV,GAAgBC,EAAYF,GAK/CY,IAAKV,EACLW,MALkBT,GAAeC,EAAaF,GAM9CW,KAAMT,GAGM3B,IAAcC,GAAQ,CAAA4B,EAAAE,KAAA,GAAA,KAAA,CACf,OAAnBxB,GAAa,GAAMsB,EAAAE,KAAA,GACbrB,EAAoBE,QAAQQ,GAAM,KAAA,GACxCb,GAAa,GAAO,KAAA,GAAA,IAAA,MAAA,OAAAsB,EAAAQ,OAAA,GAAAlB,OAEvB,OAAA,SAAAmB,GAAA,OAAAvB,EAAAwB,MAAAC,KAAA7C,UAAA,EAnB0B,IAiC3B,OAZA8C,EAAAA,WAAU,WACR,GAAKhD,GAAWe,EAAYI,QAA5B,CACA,IAAM8B,EAAWjD,EAASkD,EAAAA,WAAWlD,GAAUe,EAAYI,QAC3D,GAAK8B,EAIL,OAFAA,EAAQE,iBAAiB,SAAU/B,GAE5B,WACL6B,EAAQG,oBAAoB,SAAUhC,EACvC,CARoC,CASvC,GAAG,CAACpB,EAAQe,EAAYI,QAASZ,EAAWC,IAExCR,EAAea,EACZ,CACLwC,IAAKtC,EACLF,QAAAA,EAEJ"}

package/dist/cjs/hooks/useIntersectionObserver/useIntersectionObserver.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),n=require("react"),r=require("../../utils/helpers/getElement.js");exports.useIntersectionObserver=function(){var t,l="object"!==e._typeof(arguments.length<=0?void 0:arguments[0])||"current"in(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,o=l?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],i=null===(t=null==o?void 0:o.enabled)||void 0===t||t,u=n.useState(),s=e._slicedToArray(u,2),c=s[0],d=s[1],v=n.useState(),a=e._slicedToArray(v,2),g=a[0],f=a[1],h=n.useRef();return h.current=null==o?void 0:o.onChange,n.useEffect((function(){if(i||l||g){var n=l?r.getElement(l):g;if(n){var t=new IntersectionObserver((function(n){var r,t=e._slicedToArray(n,1)[0];d(t),null===(r=h.current)||void 0===r||r.call(h,t)}),e._objectSpread2(e._objectSpread2({},o),{},{root:null!=o&&o.root?r.getElement(null==o?void 0:o.root):document}));return t.observe(n),function(){t.disconnect()}}}}),[l,g,null==o?void 0:o.rootMargin,null==o?void 0:o.threshold,null==o?void 0:o.root,i]),l?{entry:c,inView:!(null==c||!c.isIntersecting)}:{ref:f,entry:c,inView:!(null==c||!c.isIntersecting)}};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),r=require("react"),t=require("../../utils/helpers/getElement.js");require("../../utils/helpers/isClient.js");var n=require("../../utils/helpers/isTarget.js"),i=require("../useRefState/useRefState.js");require("../useRerender/useRerender.js");exports.useIntersectionObserver=function(){var l,u=n.isTarget(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:void 0,s=u?arguments.length<=1?void 0:arguments[1]:arguments.length<=0?void 0:arguments[0],o=null===(l=null==s?void 0:s.enabled)||void 0===l||l,c=r.useState(),d=e._slicedToArray(c,2),a=d[0],v=d[1],g=i.useRefState(),f=r.useRef();return f.current=null==s?void 0:s.onChange,r.useEffect((function(){if(o||u||g.current){var r=u?t.getElement(u):g.current;if(r){var n=new IntersectionObserver((function(r){var t,n=e._slicedToArray(r,1)[0];v(n),null===(t=f.current)||void 0===t||t.call(f,n)}),e._objectSpread2(e._objectSpread2({},s),{},{root:null!=s&&s.root?t.getElement(null==s?void 0:s.root):document}));return n.observe(r),function(){n.disconnect()}}}}),[u,g.current,null==s?void 0:s.rootMargin,null==s?void 0:s.threshold,null==s?void 0:s.root,o]),u?{entry:a,inView:!(null==a||!a.isIntersecting)}:{ref:g,entry:a,inView:!(null==a||!a.isIntersecting)}};
 //# sourceMappingURL=useIntersectionObserver.js.map

package/dist/cjs/hooks/useIntersectionObserver/useIntersectionObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersectionObserver.js","sources":["../../../../src/hooks/useIntersectionObserver/useIntersectionObserver.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement } from '@/utils/helpers';\n\n/** The intersection observer target element type */\nexport type UseIntersectionObserverTarget =\n  | (() => Element)\n  | Element\n  | RefObject<Element | null | undefined>;\n\n/** The intersection observer options type */\nexport interface UseIntersectionObserverOptions extends Omit<IntersectionObserverInit, 'root'> {\n  enabled?: boolean;\n  root?: IntersectionObserverInit['root'] | RefObject<Element | null | undefined>;\n  onChange?: (entry: IntersectionObserverEntry) => void;\n}\n\n/** The intersection observer return type */\nexport interface UseIntersectionObserverReturn {\n  entry?: IntersectionObserverEntry;\n  inView: boolean;\n}\n\nexport interface UseIntersectionObserver {\n  <Target extends UseIntersectionObserverTarget>(\n    options?: UseIntersectionObserverOptions,\n    target?: never\n  ): UseIntersectionObserverReturn & { ref: (node: Target) => void };\n\n  <Target extends UseIntersectionObserverTarget>(\n    target: Target,\n    options?: UseIntersectionObserverOptions\n  ): UseIntersectionObserverReturn;\n}\n\n/**\n * @name useIntersectionObserver\n * @description - Hook that gives you intersection observer state\n * @category Browser\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to detect intersection\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {IntersectionObserverInit['root'] | RefObject<Element | null | undefined>} [options.root] The root element to observe\n * @returns {UseIntersectionObserverReturn} An object containing the state and the supported status\n *\n * @example\n * const { ref, entry, inView } = useIntersectionObserver();\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {IntersectionObserverInit['root'] | RefObject<Element | null | undefined>} [options.root] The root element to observe\n * @returns {UseIntersectionObserverReturn & { ref: (node: Target) => void }} A React ref to attach to the target element\n *\n * @example\n * const { entry, inView } = useIntersectionObserver(ref);\n */\nexport const useIntersectionObserver = ((...params: any[]) => {\n  const target = (\n    typeof params[0] === 'object' && !('current' in params[0]) ? undefined : params[0]\n  ) as UseIntersectionObserverTarget | undefined;\n  const options = (target ? params[1] : params[0]) as UseIntersectionObserverOptions | undefined;\n  const enabled = options?.enabled ?? true;\n\n  const [entry, setEntry] = useState<IntersectionObserverEntry>();\n\n  const [internalRef, setInternalRef] = useState<Element>();\n  const internalOnChangeRef = useRef<UseIntersectionObserverOptions['onChange']>();\n  internalOnChangeRef.current = options?.onChange;\n\n  useEffect(() => {\n    if (!enabled && !target && !internalRef) return;\n    const element = target ? getElement(target) : internalRef;\n    if (!element) return;\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        setEntry(entry);\n        internalOnChangeRef.current?.(entry);\n      },\n      {\n        ...options,\n        root: options?.root ? (getElement(options?.root) as Document | Element) : document\n      }\n    );\n\n    observer.observe(element as Element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target, internalRef, options?.rootMargin, options?.threshold, options?.root, enabled]);\n\n  if (target) return { entry, inView: !!entry?.isIntersecting };\n  return {\n    ref: setInternalRef,\n    entry,\n    inView: !!entry?.isIntersecting\n  };\n}) as UseIntersectionObserver;\n"],"names":["_options$enabled","target","_typeof","arguments","length","undefined","options","enabled","_useState","useState","_useState2","_slicedToArray","entry","setEntry","_useState3","_useState4","internalRef","setInternalRef","internalOnChangeRef","useRef","current","onChange","useEffect","element","getElement","observer","IntersectionObserver","_ref","_internalOnChangeRef$","call","_objectSpread","_objectSpread2","root","document","observe","disconnect","rootMargin","threshold","inView","isIntersecting","ref"],"mappings":";4KA+DwC,WAAsB,IAAAA,EACtDC,EACiB,WAArBC,EAAAA,QAAAC,UAAAC,QAAA,OAAAC,EAAAF,UAAqB,KAAc,YAASA,UAAAC,eAAAC,EAAAF,UAAA,IAA0BA,UAAAC,QAAA,OAAAC,EAAAF,UAC1B,QADiBE,EAEzDC,EAAWL,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAuE,GACxFI,EAA0BP,QAAnBA,EAAGM,aAAO,EAAPA,EAASC,eAAOP,IAAAA,GAAAA,EAEhCQ,EAA0BC,EAAAA,WAAqCC,EAAAC,EAAAA,eAAAH,EAAA,GAAxDI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAEtBI,EAAsCL,EAAAA,WAAmBM,EAAAJ,EAAAA,eAAAG,EAAA,GAAlDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAC5BG,EAAsBC,EAAAA,SA0B5B,OAzBAD,EAAoBE,QAAUd,aAAO,EAAPA,EAASe,SAEvCC,EAAAA,WAAU,WACR,GAAKf,GAAYN,GAAWe,EAA5B,CACA,IAAMO,EAAUtB,EAASuB,aAAWvB,GAAUe,EAC9C,GAAKO,EAAL,CAEA,IAAME,EAAW,IAAIC,sBACnB,SAAAC,GAAa,IAAAC,EAAXhB,EAAWD,EAAAA,eAAAgB,EAAA,GAAN,GACLd,EAASD,GACkBgB,QAA3BA,EAAAV,EAAoBE,eAApBQ,IAA2BA,GAA3BA,EAAAC,KAAAX,EAA8BN,EAC/B,GAAAkB,EAAAC,eAAAD,EAAAC,kBAEIzB,GAAO,CAAA,EAAA,CACV0B,KAAM1B,SAAAA,EAAS0B,KAAQR,EAAAA,WAAWlB,aAAO,EAAPA,EAAS0B,MAA+BC,YAM9E,OAFAR,EAASS,QAAQX,GAEV,WACLE,EAASU,YACV,CAjBa,CAF2B,CAoB1C,GAAE,CAAClC,EAAQe,EAAaV,aAAAA,EAAAA,EAAS8B,WAAY9B,aAAO,EAAPA,EAAS+B,UAAW/B,aAAAA,EAAAA,EAAS0B,KAAMzB,IAE7EN,EAAe,CAAEW,MAAAA,EAAO0B,SAAU1B,UAAAA,EAAO2B,iBACtC,CACLC,IAAKvB,EACLL,MAAAA,EACA0B,SAAU1B,UAAAA,EAAO2B,gBAErB"}
+{"version":3,"file":"useIntersectionObserver.js","sources":["../../../../src/hooks/useIntersectionObserver/useIntersectionObserver.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The intersection observer target element type */\nexport type UseIntersectionObserverTarget =\n  | string\n  | Element\n  | RefObject<Element | null | undefined>;\n\n/** The intersection observer options type */\nexport interface UseIntersectionObserverOptions extends Omit<IntersectionObserverInit, 'root'> {\n  enabled?: boolean;\n  root?: string | IntersectionObserverInit['root'] | RefObject<Element | null | undefined>;\n  onChange?: (entry: IntersectionObserverEntry) => void;\n}\n\n/** The intersection observer return type */\nexport interface UseIntersectionObserverReturn {\n  entry?: IntersectionObserverEntry;\n  inView: boolean;\n}\n\nexport interface UseIntersectionObserver {\n  <Target extends UseIntersectionObserverTarget>(\n    options?: UseIntersectionObserverOptions,\n    target?: never\n  ): UseIntersectionObserverReturn & { ref: StateRef<Target> };\n\n  <Target extends UseIntersectionObserverTarget>(\n    target: Target,\n    options?: UseIntersectionObserverOptions\n  ): UseIntersectionObserverReturn;\n}\n\n/**\n * @name useIntersectionObserver\n * @description - Hook that gives you intersection observer state\n * @category Browser\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to detect intersection\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {IntersectionObserverInit['root'] | RefObject<Element | null | undefined>} [options.root] The root element to observe\n * @returns {UseIntersectionObserverReturn} An object containing the state and the supported status\n *\n * @example\n * const { ref, entry, inView } = useIntersectionObserver();\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The IntersectionObserver options\n * @param {((entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {IntersectionObserverInit['root'] | RefObject<Element | null | undefined>} [options.root] The root element to observe\n * @returns {UseIntersectionObserverReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { entry, inView } = useIntersectionObserver(ref);\n */\nexport const useIntersectionObserver = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as\n    | UseIntersectionObserverTarget\n    | undefined;\n  const options = (target ? params[1] : params[0]) as UseIntersectionObserverOptions | undefined;\n  const enabled = options?.enabled ?? true;\n\n  const [entry, setEntry] = useState<IntersectionObserverEntry>();\n\n  const internalRef = useRefState<Element>();\n  const internalOnChangeRef = useRef<UseIntersectionObserverOptions['onChange']>();\n  internalOnChangeRef.current = options?.onChange;\n\n  useEffect(() => {\n    if (!enabled && !target && !internalRef.current) return;\n    const element = target ? getElement(target) : internalRef.current;\n    if (!element) return;\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        setEntry(entry);\n        internalOnChangeRef.current?.(entry);\n      },\n      {\n        ...options,\n        root: options?.root ? (getElement(options?.root) as Document | Element) : document\n      }\n    );\n\n    observer.observe(element as Element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    target,\n    internalRef.current,\n    options?.rootMargin,\n    options?.threshold,\n    options?.root,\n    enabled\n  ]);\n\n  if (target) return { entry, inView: !!entry?.isIntersecting };\n  return {\n    ref: internalRef,\n    entry,\n    inView: !!entry?.isIntersecting\n  };\n}) as UseIntersectionObserver;\n"],"names":["_options$enabled","target","isTarget","arguments","length","undefined","options","enabled","_useState","useState","_useState2","_slicedToArray","entry","setEntry","internalRef","useRefState","internalOnChangeRef","useRef","current","onChange","useEffect","element","getElement","observer","IntersectionObserver","_ref","_internalOnChangeRef$","call","_objectSpread","_objectSpread2","root","document","observe","disconnect","rootMargin","threshold","inView","isIntersecting","ref"],"mappings":";4VAmEwC,WAAsB,IAAAA,EACtDC,EAAUC,EAAAA,SAAQC,UAAAC,QAAAC,OAAAA,EAAAF,cAAWA,UAAAC,eAAAC,EAAAF,UAAA,QAAeE,EAG5CC,EAAWL,EAAME,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAuE,GACxFI,EAA0BP,QAAnBA,EAAGM,aAAO,EAAPA,EAASC,eAAOP,IAAAA,GAAAA,EAEhCQ,EAA0BC,EAAAA,WAAqCC,EAAAC,EAAAA,eAAAH,EAAA,GAAxDI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAEhBI,EAAcC,EAAAA,cACdC,EAAsBC,EAAAA,SAgC5B,OA/BAD,EAAoBE,QAAUZ,aAAO,EAAPA,EAASa,SAEvCC,EAAAA,WAAU,WACR,GAAKb,GAAYN,GAAWa,EAAYI,QAAxC,CACA,IAAMG,EAAUpB,EAASqB,EAAAA,WAAWrB,GAAUa,EAAYI,QAC1D,GAAKG,EAAL,CACA,IAAME,EAAW,IAAIC,sBACnB,SAAAC,GAAa,IAAAC,EAAXd,EAAWD,EAAAA,eAAAc,EAAA,GAAN,GACLZ,EAASD,GACkBc,QAA3BA,EAAAV,EAAoBE,eAApBQ,IAA2BA,GAA3BA,EAAAC,KAAAX,EAA8BJ,EAC/B,GAAAgB,EAAAC,eAAAD,EAAAC,kBAEIvB,GAAO,CAAA,EAAA,CACVwB,KAAMxB,SAAAA,EAASwB,KAAQR,EAAAA,WAAWhB,aAAO,EAAPA,EAASwB,MAA+BC,YAM9E,OAFAR,EAASS,QAAQX,GAEV,WACLE,EAASU,YACV,CAhBa,CAFmC,CAmBlD,GAAE,CACDhC,EACAa,EAAYI,QACZZ,aAAO,EAAPA,EAAS4B,WACT5B,aAAAA,EAAAA,EAAS6B,UACT7B,aAAO,EAAPA,EAASwB,KACTvB,IAGEN,EAAe,CAAEW,MAAAA,EAAOwB,SAAUxB,UAAAA,EAAOyB,iBACtC,CACLC,IAAKxB,EACLF,MAAAA,EACAwB,SAAUxB,UAAAA,EAAOyB,gBAErB"}

package/dist/cjs/hooks/useInterval/useInterval.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),r=require("react"),n=require("../useEvent/useEvent.js");exports.useInterval=function(){for(var t,u,l=arguments.length,a=new Array(l),c=0;c<l;c++)a[c]=arguments[c];var s=a[0],i=null!==(t="number"==typeof a[1]?a[1]:a[1].interval)&&void 0!==t?t:1e3,v="object"===e._typeof(a[1])?a[1]:a[2],o=null===(u=null==v?void 0:v.enabled)||void 0===u||u,f=r.useState(null==o||o),p=e._slicedToArray(f,2),I=p[0],d=p[1],b=r.useRef(),y=n.useEvent(s);r.useEffect((function(){if(o)return b.current=setInterval(y,i),function(){clearInterval(b.current)}}),[o,i]);return{active:I,pause:function(){d(!1),clearInterval(b.current)},resume:function(){i<=0||(d(!0),clearInterval(b.current),b.current=setInterval(y,i))}}};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),r=require("react"),n=require("../useEvent/useEvent.js");exports.useInterval=function(){for(var t,u,l=arguments.length,a=new Array(l),c=0;c<l;c++)a[c]=arguments[c];var s=a[0],i=null!==(t="number"==typeof a[1]?a[1]:a[1].interval)&&void 0!==t?t:1e3,v="object"===e._typeof(a[1])?a[1]:a[2],o=null===(u=null==v?void 0:v.enabled)||void 0===u||u,f=r.useState(null==o||o),p=e._slicedToArray(f,2),I=p[0],d=p[1],b=r.useRef(),y=n.useEvent(s);r.useEffect((function(){if(o)return b.current=setInterval(y,i),function(){clearInterval(b.current)}}),[o,i]);return{active:I,pause:function(){d(!1),clearInterval(b.current)},resume:function(){i<=0||(d(!0),clearInterval(b.current),b.current=setInterval(y,i))}}};
 //# sourceMappingURL=useInterval.js.map

package/dist/cjs/hooks/useIsFirstRender/useIsFirstRender.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
+/* @license @siberiacancode/reactuse v0.0.87 */
 "use strict";var r=require("react");exports.useIsFirstRender=function(){var e=r.useRef(!0);return!0===e.current?(e.current=!1,!0):e.current};
 //# sourceMappingURL=useIsFirstRender.js.map

package/dist/cjs/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
+/* @license @siberiacancode/reactuse v0.0.87 */
 "use strict";var e=require("react"),s=require("../../utils/helpers/isClient.js").isClient?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=s;
 //# sourceMappingURL=useIsomorphicLayoutEffect.js.map

package/dist/cjs/hooks/useKeyPress/useKeyPress.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),r=require("react"),s=require("../useEventListener/useEventListener.js");require("../useEvent/useEvent.js"),require("../../utils/helpers/getElement.js");exports.useKeyPress=function(n,u){var t,i,l=r.useState(!1),o=e._slicedToArray(l,2),a=o[0],v=o[1];return s.useEventListener(null!==(t=null==u?void 0:u.target)&&void 0!==t?t:window,"keydown",(function(e){(Array.isArray(n)?n.includes(e.key):e.key===n)&&v(!0)})),s.useEventListener(null!==(i=null==u?void 0:u.target)&&void 0!==i?i:window,"keyup",(function(e){(Array.isArray(n)?n.includes(e.key):e.key===n)&&v(!1)})),a};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),r=require("react"),s=require("../useEventListener/useEventListener.js");require("../../utils/helpers/getElement.js"),require("../../utils/helpers/isClient.js"),require("../useEvent/useEvent.js"),require("../useRefState/useRefState.js"),require("../useRerender/useRerender.js");exports.useKeyPress=function(u,t){var i,n,l=r.useState(!1),a=e._slicedToArray(l,2),o=a[0],d=a[1];return s.useEventListener(null!==(i=null==t?void 0:t.target)&&void 0!==i?i:window,"keydown",(function(e){(Array.isArray(u)?u.includes(e.key):e.key===u)&&d(!0)})),s.useEventListener(null!==(n=null==t?void 0:t.target)&&void 0!==n?n:window,"keyup",(function(e){(Array.isArray(u)?u.includes(e.key):e.key===u)&&d(!1)})),o};
 //# sourceMappingURL=useKeyPress.js.map

package/dist/cjs/hooks/useKeyPress/useKeyPress.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyPress.js","sources":["../../../../src/hooks/useKeyPress/useKeyPress.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { UseEventListenerTarget } from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/** The key or keys to listen for */\nexport type UseKeyPressKey = string | string[];\n\n/** The use key press options type */\nexport interface UseKeyPressOptions {\n  /** The target to attach the event listeners to */\n  target?: UseEventListenerTarget;\n}\n\n/**\n * @name useKeyPress\n * @description - Hook that listens for key press events\n * @category Sensors\n *\n * @param {UseKeyPressKey} key The key or keys to listen for\n * @param {UseEventListenerTarget} [options.target=window] The target to attach the event listeners to\n * @returns {useKeyPressReturns} Return boolean type (`true` if the specified keys are currently pressed)\n *\n * @example\n * const isKeyPressed = useKeyPress('a');\n */\nexport const useKeyPress = (key: UseKeyPressKey, options?: UseKeyPressOptions) => {\n  const [pressed, setPressed] = useState(false);\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (Array.isArray(key) ? key.includes(event.key) : event.key === key) setPressed(true);\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    if (Array.isArray(key) ? key.includes(event.key) : event.key === key) setPressed(false);\n  };\n\n  useEventListener(options?.target ?? window, 'keydown', onKeyDown);\n  useEventListener(options?.target ?? window, 'keyup', onKeyUp);\n\n  return pressed;\n};\n"],"names":["key","options","_options$target","_options$target2","_useState","useState","_useState2","_slicedToArray","pressed","setPressed","useEventListener","target","window","event","Array","isArray","includes"],"mappings":";sPA2B2B,SAACA,EAAqBC,GAAiC,IAAAC,EAAAC,EAChFC,EAA8BC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAAtCI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAa1B,OAHAI,EAAgBA,yBAAAR,EAACD,aAAO,EAAPA,EAASU,cAAM,IAAAT,EAAAA,EAAIU,OAAQ,WAR1B,SAACC,IACbC,MAAMC,QAAQf,GAAOA,EAAIgB,SAASH,EAAMb,KAAOa,EAAMb,MAAQA,IAAKS,GAAW,EAClF,IAODC,EAAgBA,yBAAAP,EAACF,aAAO,EAAPA,EAASU,cAAM,IAAAR,EAAAA,EAAIS,OAAQ,SAL5B,SAACC,IACXC,MAAMC,QAAQf,GAAOA,EAAIgB,SAASH,EAAMb,KAAOa,EAAMb,MAAQA,IAAKS,GAAW,EAClF,IAKMD,CACT"}
+{"version":3,"file":"useKeyPress.js","sources":["../../../../src/hooks/useKeyPress/useKeyPress.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { UseEventListenerTarget } from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/** The key or keys to listen for */\nexport type UseKeyPressKey = string | string[];\n\n/** The use key press options type */\nexport interface UseKeyPressOptions {\n  /** The target to attach the event listeners to */\n  target?: UseEventListenerTarget;\n}\n\n/**\n * @name useKeyPress\n * @description - Hook that listens for key press events\n * @category Sensors\n *\n * @param {UseKeyPressKey} key The key or keys to listen for\n * @param {UseEventListenerTarget} [options.target=window] The target to attach the event listeners to\n * @returns {useKeyPressReturns} Return boolean type (`true` if the specified keys are currently pressed)\n *\n * @example\n * const isKeyPressed = useKeyPress('a');\n */\nexport const useKeyPress = (key: UseKeyPressKey, options?: UseKeyPressOptions) => {\n  const [pressed, setPressed] = useState(false);\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (Array.isArray(key) ? key.includes(event.key) : event.key === key) setPressed(true);\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    if (Array.isArray(key) ? key.includes(event.key) : event.key === key) setPressed(false);\n  };\n\n  useEventListener(options?.target ?? window, 'keydown', onKeyDown);\n  useEventListener(options?.target ?? window, 'keyup', onKeyUp);\n\n  return pressed;\n};\n"],"names":["key","options","_options$target","_options$target2","_useState","useState","_useState2","_slicedToArray","pressed","setPressed","useEventListener","target","window","event","Array","isArray","includes"],"mappings":";mXA2B2B,SAACA,EAAqBC,GAAiC,IAAAC,EAAAC,EAChFC,EAA8BC,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,eAAAH,EAAA,GAAtCI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAa1B,OAHAI,EAAgBA,yBAAAR,EAACD,aAAO,EAAPA,EAASU,cAAM,IAAAT,EAAAA,EAAIU,OAAQ,WAR1B,SAACC,IACbC,MAAMC,QAAQf,GAAOA,EAAIgB,SAASH,EAAMb,KAAOa,EAAMb,MAAQA,IAAKS,GAAW,EAClF,IAODC,EAAgBA,yBAAAP,EAACF,aAAO,EAAPA,EAASU,cAAM,IAAAR,EAAAA,EAAIS,OAAQ,SAL5B,SAACC,IACXC,MAAMC,QAAQf,GAAOA,EAAIgB,SAASH,EAAMb,KAAOa,EAAMb,MAAQA,IAAKS,GAAW,EAClF,IAKMD,CACT"}

package/dist/cjs/hooks/useKeyPressEvent/useKeyPressEvent.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../useEventListener/useEventListener.js");require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),require("react"),require("../useEvent/useEvent.js"),require("../../utils/helpers/getElement.js");exports.useKeyPressEvent=function(){var n=Array.isArray(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:[arguments.length<=0?void 0:arguments[0]],t=(arguments.length<=1?void 0:arguments[1])instanceof Function?null:arguments.length<=1?void 0:arguments[1],i=t?arguments.length<=2?void 0:arguments[2]:arguments.length<=1?void 0:arguments[1],r=t?arguments.length<=3?void 0:arguments[3]:arguments.length<=2?void 0:arguments[2];e.useEventListener(null!=t?t:window,"keydown",(function(e){n.includes(e.key)&&i(e)}),r)};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../useEventListener/useEventListener.js");require("react"),require("../../utils/helpers/getElement.js"),require("../../utils/helpers/isClient.js"),require("../useEvent/useEvent.js"),require("../useRefState/useRefState.js"),require("../useRerender/useRerender.js");exports.useKeyPressEvent=function(){var n=Array.isArray(arguments.length<=0?void 0:arguments[0])?arguments.length<=0?void 0:arguments[0]:[arguments.length<=0?void 0:arguments[0]],t=(arguments.length<=1?void 0:arguments[1])instanceof Function?null:arguments.length<=1?void 0:arguments[1],r=t?arguments.length<=2?void 0:arguments[2]:arguments.length<=1?void 0:arguments[1],s=t?arguments.length<=3?void 0:arguments[3]:arguments.length<=2?void 0:arguments[2];e.useEventListener(null!=t?t:window,"keydown",(function(e){n.includes(e.key)&&r(e)}),s)};
 //# sourceMappingURL=useKeyPressEvent.js.map

package/dist/cjs/hooks/useKeyPressEvent/useKeyPressEvent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyPressEvent.js","sources":["../../../../src/hooks/useKeyPressEvent/useKeyPressEvent.ts"],"sourcesContent":["import type {\n  UseEventListenerOptions,\n  UseEventListenerTarget\n} from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\nexport type UseKeyPressEventKey = string | string[];\n\nexport interface UseKeyPressEvent {\n  (\n    key: UseKeyPressEventKey,\n    target: Window,\n    listener: (this: Window, event: WindowEventMap['keydown']) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  (\n    key: UseKeyPressEventKey,\n    target: Document,\n    listener: (this: Document, event: DocumentEventMap['keydown']) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Target extends UseEventListenerTarget>(\n    key: UseKeyPressEventKey,\n    target: Target,\n    listener: (this: Target, event: HTMLElementEventMap['keydown']) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Target extends Element>(\n    key: UseKeyPressEventKey,\n    listener: (this: Target, event: HTMLElementEventMap['keydown']) => void,\n    options?: UseEventListenerOptions,\n    target?: never\n  ): void;\n}\n\n/**\n * @name useKeyPressEvent\n * @description - Hook that listens for key press events on specified targets\n * @category Sensors\n *\n * @overload\n * @param {UseKeyPressEventKey} key The key or array of keys to listen for.\n * @param {Window} target The window object to attach the event listener to.\n * @param {(event: KeyboardEvent) => void} listener The callback function to be executed when the specified key or keys are pressed.\n * @param {UseEventListenerOptions} [options] The options for the event listener.\n * @returns {void}\n *\n * @example\n * useKeyPressEvent('Enter', window, () => console.log('Enter key pressed'));\n *\n * @overload\n * @param {UseKeyPressEventKey} key The key or array of keys to listen for.\n * @param {Document} target The document object to attach the event listener to.\n * @param {(event: KeyboardEvent) => void} listener The callback function to be executed when the specified key or keys are pressed.\n * @param {UseEventListenerOptions} [options] The options for the event listener.\n * @returns {void}\n *\n * @example\n * useKeyPressEvent('Enter', document, () => console.log('Enter key pressed'));\n *\n * @overload\n * @template Target The target element type.\n * @param {UseKeyPressEventKey} key The key or array of keys to listen for.\n * @param {Target} target The target element to attach the event listener to.\n * @param {(event: KeyboardEvent) => void} listener The callback function to be executed when the specified key or keys are pressed.\n * @param {UseEventListenerOptions} [options] The options for the event listener.\n * @returns {void}\n *\n * @example\n * useKeyPressEvent('Enter', ref, () => console.log('Enter key pressed'));\n *\n * @overload\n * @template Target extends Element\n * @param {UseKeyPressEventKey} key The key or array of keys to listen for.\n * @param {(event: KeyboardEvent) => void} listener The callback function to be executed when the specified key or keys are pressed.\n * @param {UseEventListenerOptions} [options] The options for the event listener.\n * @returns {void}\n *\n * @example\n * useKeyPressEvent('Enter', (event) => console.log('Enter key pressed'));\n */\nexport const useKeyPressEvent = ((...params: any[]) => {\n  const keys = (Array.isArray(params[0]) ? params[0] : [params[0]]) as UseKeyPressEventKey;\n  const target = (params[1] instanceof Function ? null : params[1]) as\n    | UseEventListenerTarget\n    | undefined;\n  const callback = (target ? params[2] : params[1]) as (...arg: any[]) => void;\n  const options: UseEventListenerOptions | undefined = target ? params[3] : params[2];\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (keys.includes(event.key)) callback(event);\n  };\n\n  useEventListener(target ?? window, 'keydown', onKeyDown, options);\n}) as UseKeyPressEvent;\n"],"names":["keys","Array","isArray","arguments","length","undefined","target","Function","callback","options","useEventListener","window","event","includes","key"],"mappings":";uPAqFiC,WAC/B,IAAMA,EAAQC,MAAMC,QAAOC,UAAAC,QAAAC,OAAAA,EAAAF,cAAWA,UAAAC,QAAA,OAAAC,EAAAF,UAAe,GAAA,CAAAA,UAAAC,QAAA,OAAAC,EAAAF,UAAmC,IAClFG,GAAUH,UAAAC,QAAA,OAAAC,EAAAF,UAAA,cAAqBI,SAAW,KAAIJ,UAAAC,QAAAC,OAAAA,EAAAF,UAEvC,GACPK,EAAYF,EAAMH,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAoD,GACtEM,EAA+CH,EAAMH,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAwB,GAMnFO,EAAAA,iBAAiBJ,QAAAA,EAAUK,OAAQ,WAJjB,SAACC,GACbZ,EAAKa,SAASD,EAAME,MAAMN,EAASI,EACxC,GAEwDH,EAC3D"}
+{"version":3,"file":"useKeyPressEvent.js","sources":["../../../../src/hooks/useKeyPressEvent/useKeyPressEvent.ts"],"sourcesContent":["import type {\n  UseEventListenerOptions,\n  UseEventListenerTarget\n} from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\nexport type UseKeyPressEventKey = string | string[];\n\nexport interface UseKeyPressEvent {\n  (\n    key: UseKeyPressEventKey,\n    target: Window,\n    listener: (this: Window, event: WindowEventMap['keydown']) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  (\n    key: UseKeyPressEventKey,\n    target: Document,\n    listener: (this: Document, event: DocumentEventMap['keydown']) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Target extends UseEventListenerTarget>(\n    key: UseKeyPressEventKey,\n    target: Target,\n    listener: (this: Target, event: HTMLElementEventMap['keydown']) => void,\n    options?: UseEventListenerOptions\n  ): void;\n\n  <Target extends Element>(\n    key: UseKeyPressEventKey,\n    listener: (this: Target, event: HTMLElementEventMap['keydown']) => void,\n    options?: UseEventListenerOptions,\n    target?: never\n  ): void;\n}\n\n/**\n * @name useKeyPressEvent\n * @description - Hook that listens for key press events on specified targets\n * @category Sensors\n *\n * @overload\n * @param {UseKeyPressEventKey} key The key or array of keys to listen for.\n * @param {Window} target The window object to attach the event listener to.\n * @param {(event: KeyboardEvent) => void} listener The callback function to be executed when the specified key or keys are pressed.\n * @param {UseEventListenerOptions} [options] The options for the event listener.\n * @returns {void}\n *\n * @example\n * useKeyPressEvent('Enter', window, () => console.log('Enter key pressed'));\n *\n * @overload\n * @param {UseKeyPressEventKey} key The key or array of keys to listen for.\n * @param {Document} target The document object to attach the event listener to.\n * @param {(event: KeyboardEvent) => void} listener The callback function to be executed when the specified key or keys are pressed.\n * @param {UseEventListenerOptions} [options] The options for the event listener.\n * @returns {void}\n *\n * @example\n * useKeyPressEvent('Enter', document, () => console.log('Enter key pressed'));\n *\n * @overload\n * @template Target The target element type.\n * @param {UseKeyPressEventKey} key The key or array of keys to listen for.\n * @param {Target} target The target element to attach the event listener to.\n * @param {(event: KeyboardEvent) => void} listener The callback function to be executed when the specified key or keys are pressed.\n * @param {UseEventListenerOptions} [options] The options for the event listener.\n * @returns {void}\n *\n * @example\n * useKeyPressEvent('Enter', ref, () => console.log('Enter key pressed'));\n *\n * @overload\n * @template Target extends Element\n * @param {UseKeyPressEventKey} key The key or array of keys to listen for.\n * @param {(event: KeyboardEvent) => void} listener The callback function to be executed when the specified key or keys are pressed.\n * @param {UseEventListenerOptions} [options] The options for the event listener.\n * @returns {void}\n *\n * @example\n * useKeyPressEvent('Enter', (event) => console.log('Enter key pressed'));\n */\nexport const useKeyPressEvent = ((...params: any[]) => {\n  const keys = (Array.isArray(params[0]) ? params[0] : [params[0]]) as UseKeyPressEventKey;\n  const target = (params[1] instanceof Function ? null : params[1]) as\n    | UseEventListenerTarget\n    | undefined;\n  const callback = (target ? params[2] : params[1]) as (...arg: any[]) => void;\n  const options: UseEventListenerOptions | undefined = target ? params[3] : params[2];\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (keys.includes(event.key)) callback(event);\n  };\n\n  useEventListener(target ?? window, 'keydown', onKeyDown, options);\n}) as UseKeyPressEvent;\n"],"names":["keys","Array","isArray","arguments","length","undefined","target","Function","callback","options","useEventListener","window","event","includes","key"],"mappings":";6TAqFiC,WAC/B,IAAMA,EAAQC,MAAMC,QAAOC,UAAAC,QAAAC,OAAAA,EAAAF,cAAWA,UAAAC,QAAA,OAAAC,EAAAF,UAAe,GAAA,CAAAA,UAAAC,QAAA,OAAAC,EAAAF,UAAmC,IAClFG,GAAUH,UAAAC,QAAA,OAAAC,EAAAF,UAAA,cAAqBI,SAAW,KAAIJ,UAAAC,QAAAC,OAAAA,EAAAF,UAEvC,GACPK,EAAYF,EAAMH,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAoD,GACtEM,EAA+CH,EAAMH,UAAAC,QAAAC,OAAAA,EAAAF,UAAA,GAAAA,UAAAC,eAAAC,EAAAF,UAAwB,GAMnFO,EAAAA,iBAAiBJ,QAAAA,EAAUK,OAAQ,WAJjB,SAACC,GACbZ,EAAKa,SAASD,EAAME,MAAMN,EAASI,EACxC,GAEwDH,EAC3D"}

package/dist/cjs/hooks/useKeyboard/useKeyboard.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../useEventListener/useEventListener.js");require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),require("react"),require("../useEvent/useEvent.js"),require("../../utils/helpers/getElement.js");exports.useKeyboard=function(n){var r,u;e.useEventListener(null!==(r=null==n?void 0:n.target)&&void 0!==r?r:window,"keydown",(function(e){var r;return null==n||null===(r=n.onKeyDown)||void 0===r?void 0:r.call(n,e)})),e.useEventListener(null!==(u=null==n?void 0:n.target)&&void 0!==u?u:window,"keyup",(function(e){var r;return null==n||null===(r=n.onKeyUp)||void 0===r?void 0:r.call(n,e)}))};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../useEventListener/useEventListener.js");require("react"),require("../../utils/helpers/getElement.js"),require("../../utils/helpers/isClient.js"),require("../useEvent/useEvent.js"),require("../useRefState/useRefState.js"),require("../useRerender/useRerender.js");exports.useKeyboard=function(r){var n,u;e.useEventListener(null!==(n=null==r?void 0:r.target)&&void 0!==n?n:window,"keydown",(function(e){var n;return null==r||null===(n=r.onKeyDown)||void 0===n?void 0:n.call(r,e)})),e.useEventListener(null!==(u=null==r?void 0:r.target)&&void 0!==u?u:window,"keyup",(function(e){var n;return null==r||null===(n=r.onKeyUp)||void 0===n?void 0:n.call(r,e)}))};
 //# sourceMappingURL=useKeyboard.js.map

package/dist/cjs/hooks/useKeyboard/useKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboard.js","sources":["../../../../src/hooks/useKeyboard/useKeyboard.ts"],"sourcesContent":["import type { UseEventListenerTarget } from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/** The use key press options type */\nexport interface UseKeyboardParams {\n  /** The target to attach the event listeners to */\n  target?: UseEventListenerTarget;\n  /** The callback function to be invoked on key down */\n  onKeyDown?: (event: KeyboardEvent) => void;\n  /** The callback function to be invoked on key up */\n  onKeyUp?: (event: KeyboardEvent) => void;\n}\n\n/**\n * @name useKeyboard\n * @description - Hook that help to listen for keyboard events\n * @category Sensors\n *\n * @param {UseEventListenerTarget} [target=window] The target to attach the event listeners to\n * @param {(event: KeyboardEvent) => void} [onKeyDown] The callback function to be invoked on key down\n * @param {(event: KeyboardEvent) => void} [onKeyUp] The callback function to be invoked on key up\n *\n * @example\n * useKeyboard({ onKeyDown: () => console.log('key down'), onKeyUp: () => console.log('key up') })\n */\nexport const useKeyboard = (params?: UseKeyboardParams) => {\n  const onKeyDown = (event: KeyboardEvent) => params?.onKeyDown?.(event);\n  const onKeyUp = (event: KeyboardEvent) => params?.onKeyUp?.(event);\n\n  useEventListener(params?.target ?? window, 'keydown', onKeyDown);\n  useEventListener(params?.target ?? window, 'keyup', onKeyUp);\n};\n"],"names":["params","_params$target","_params$target2","useEventListener","target","window","event","_params$onKeyDown","onKeyDown","call","_params$onKeyUp","onKeyUp"],"mappings":";kPA0B2B,SAACA,GAA+B,IAAAC,EAAAC,EAIzDC,EAAgBA,yBAAAF,EAACD,aAAM,EAANA,EAAQI,cAAM,IAAAH,EAAAA,EAAII,OAAQ,WAHzB,SAACC,GAAoB,IAAAC,EAAA,OAAKP,iBAAMO,EAANP,EAAQQ,iBAAS,IAAAD,OAAA,EAAjBA,EAAAE,KAAAT,EAAoBM,EAAM,IAItEH,EAAgBA,yBAAAD,EAACF,aAAM,EAANA,EAAQI,cAAM,IAAAF,EAAAA,EAAIG,OAAQ,SAH3B,SAACC,GAAoB,IAAAI,EAAA,OAAKV,iBAAMU,EAANV,EAAQW,eAAO,IAAAD,OAAA,EAAfA,EAAAD,KAAAT,EAAkBM,EAAM,GAIpE"}
+{"version":3,"file":"useKeyboard.js","sources":["../../../../src/hooks/useKeyboard/useKeyboard.ts"],"sourcesContent":["import type { UseEventListenerTarget } from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/** The use key press options type */\nexport interface UseKeyboardParams {\n  /** The target to attach the event listeners to */\n  target?: UseEventListenerTarget;\n  /** The callback function to be invoked on key down */\n  onKeyDown?: (event: KeyboardEvent) => void;\n  /** The callback function to be invoked on key up */\n  onKeyUp?: (event: KeyboardEvent) => void;\n}\n\n/**\n * @name useKeyboard\n * @description - Hook that help to listen for keyboard events\n * @category Sensors\n *\n * @param {UseEventListenerTarget} [target=window] The target to attach the event listeners to\n * @param {(event: KeyboardEvent) => void} [onKeyDown] The callback function to be invoked on key down\n * @param {(event: KeyboardEvent) => void} [onKeyUp] The callback function to be invoked on key up\n *\n * @example\n * useKeyboard({ onKeyDown: () => console.log('key down'), onKeyUp: () => console.log('key up') })\n */\nexport const useKeyboard = (params?: UseKeyboardParams) => {\n  const onKeyDown = (event: KeyboardEvent) => params?.onKeyDown?.(event);\n  const onKeyUp = (event: KeyboardEvent) => params?.onKeyUp?.(event);\n\n  useEventListener(params?.target ?? window, 'keydown', onKeyDown);\n  useEventListener(params?.target ?? window, 'keyup', onKeyUp);\n};\n"],"names":["params","_params$target","_params$target2","useEventListener","target","window","event","_params$onKeyDown","onKeyDown","call","_params$onKeyUp","onKeyUp"],"mappings":";wTA0B2B,SAACA,GAA+B,IAAAC,EAAAC,EAIzDC,EAAgBA,yBAAAF,EAACD,aAAM,EAANA,EAAQI,cAAM,IAAAH,EAAAA,EAAII,OAAQ,WAHzB,SAACC,GAAoB,IAAAC,EAAA,OAAKP,iBAAMO,EAANP,EAAQQ,iBAAS,IAAAD,OAAA,EAAjBA,EAAAE,KAAAT,EAAoBM,EAAM,IAItEH,EAAgBA,yBAAAD,EAACF,aAAM,EAANA,EAAQI,cAAM,IAAAF,EAAAA,EAAIG,OAAQ,SAH3B,SAACC,GAAoB,IAAAI,EAAA,OAAKV,iBAAMU,EAANV,EAAQW,eAAO,IAAAD,OAAA,EAAfA,EAAAD,KAAAT,EAAkBM,EAAM,GAIpE"}

package/dist/cjs/hooks/useKeysPressed/useKeysPressed.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),r=require("react"),u=require("../useDidUpdate/useDidUpdate.js"),t=require("../useEventListener/useEventListener.js");require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../../utils/helpers/isClient.js"),require("../useEvent/useEvent.js"),require("../../utils/helpers/getElement.js");exports.useKeysPressed=function(n){var i,s,o,l=null===(i=null==n?void 0:n.enabled)||void 0===i||i,d=r.useState([]),c=e._slicedToArray(d,2),a=c[0],v=c[1];return u.useDidUpdate((function(){v([])}),[l]),t.useEventListener(null!==(s=null==n?void 0:n.target)&&void 0!==s?s:window,"keydown",(function(r){l&&v((function(u){return u.some((function(e){return e.code===r.code}))?u:[].concat(e._toConsumableArray(u),[{key:r.key,code:r.code}])}))})),t.useEventListener(null!==(o=null==n?void 0:n.target)&&void 0!==o?o:window,"keyup",(function(e){l&&v((function(r){return r.filter((function(r){return r.code!==e.code}))}))})),a};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),r=require("react"),u=require("../useDidUpdate/useDidUpdate.js"),t=require("../useEventListener/useEventListener.js");require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../../utils/helpers/isClient.js"),require("../../utils/helpers/getElement.js"),require("../useEvent/useEvent.js"),require("../useRefState/useRefState.js"),require("../useRerender/useRerender.js");exports.useKeysPressed=function(n){var s,i,o,l=null===(s=null==n?void 0:n.enabled)||void 0===s||s,d=r.useState([]),c=e._slicedToArray(d,2),a=c[0],f=c[1];return u.useDidUpdate((function(){f([])}),[l]),t.useEventListener(null!==(i=null==n?void 0:n.target)&&void 0!==i?i:window,"keydown",(function(r){l&&f((function(u){return u.some((function(e){return e.code===r.code}))?u:[].concat(e._toConsumableArray(u),[{key:r.key,code:r.code}])}))})),t.useEventListener(null!==(o=null==n?void 0:n.target)&&void 0!==o?o:window,"keyup",(function(e){l&&f((function(r){return r.filter((function(r){return r.code!==e.code}))}))})),a};
 //# sourceMappingURL=useKeysPressed.js.map

package/dist/cjs/hooks/useKeysPressed/useKeysPressed.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeysPressed.js","sources":["../../../../src/hooks/useKeysPressed/useKeysPressed.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { UseEventListenerTarget } from '../useEventListener/useEventListener';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/** The use keys pressed params type */\nexport interface UseKeysPressedParams {\n  /** Enable or disable the event listeners */\n  enabled?: boolean;\n  /** The target to attach the event listeners to */\n  target?: UseEventListenerTarget;\n}\n\n/**\n * @name useKeysPressed\n * @description - Hook for get keys that were pressed\n * @category Sensors\n *\n * @param {UseEventListenerTarget} [params.target=window] The target to attach the event listeners to\n * @param {boolean} [params.enabled=bollean] Enable or disable the event listeners\n * @returns {useKeysPressedReturns} Array of strings with keys that were press\n *\n * @example\n * const pressedKeys = useKeysPressed();\n */\nexport const useKeysPressed = (params?: UseKeysPressedParams) => {\n  const enabled = params?.enabled ?? true;\n  const [keys, setKeys] = useState<{ key: string; code: string }[]>([]);\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (!enabled) return;\n    setKeys((prevKeys) => {\n      if (prevKeys.some(({ code }) => code === event.code)) return prevKeys;\n      return [...prevKeys, { key: event.key, code: event.code }];\n    });\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    if (!enabled) return;\n    setKeys((prevKeys) => prevKeys.filter(({ code }) => code !== event.code));\n  };\n\n  useDidUpdate(() => {\n    setKeys([]);\n  }, [enabled]);\n\n  useEventListener(params?.target ?? window, 'keydown', onKeyDown);\n  useEventListener(params?.target ?? window, 'keyup', onKeyUp);\n\n  return keys;\n};\n"],"names":["params","_params$enabled","_params$target","_params$target2","enabled","_useState","useState","_useState2","_slicedToArray","keys","setKeys","useDidUpdate","useEventListener","target","window","event","prevKeys","some","_ref","code","concat","_toConsumableArray","key","filter","_ref2"],"mappings":";sZA2B8B,SAACA,GAAkC,IAAAC,EAAAC,EAAAC,EACzDC,EAAyBH,QAAlBA,EAAGD,aAAM,EAANA,EAAQI,eAAOH,IAAAA,GAAAA,EAC/BI,EAAwBC,EAAQA,SAAkC,IAAGC,EAAAC,EAAAA,eAAAH,EAAA,GAA9DI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAsBpB,OAPAI,EAAAA,cAAa,WACXD,EAAQ,GACV,GAAG,CAACN,IAEJQ,EAAgBA,yBAAAV,EAACF,aAAM,EAANA,EAAQa,cAAM,IAAAX,EAAAA,EAAIY,OAAQ,WAjBzB,SAACC,GACZX,GACLM,GAAQ,SAACM,GACP,OAAIA,EAASC,MAAK,SAAAC,GAAO,OAAAA,EAAJC,OAAoBJ,EAAMI,IAAK,IAASH,EAC7D,GAAAI,OAAAC,qBAAWL,GAAU,CAAA,CAAEM,IAAKP,EAAMO,IAAKH,KAAMJ,EAAMI,OACrD,GACD,IAYDP,EAAgBA,yBAAAT,EAACH,aAAM,EAANA,EAAQa,cAAM,IAAAV,EAAAA,EAAIW,OAAQ,SAV3B,SAACC,GACVX,GACLM,GAAQ,SAACM,GAAQ,OAAKA,EAASO,QAAO,SAAAC,GAAO,OAAAA,EAAJL,OAAoBJ,EAAMI,UACpE,IASMV,CACT"}
+{"version":3,"file":"useKeysPressed.js","sources":["../../../../src/hooks/useKeysPressed/useKeysPressed.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport type { UseEventListenerTarget } from '../useEventListener/useEventListener';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/** The use keys pressed params type */\nexport interface UseKeysPressedParams {\n  /** Enable or disable the event listeners */\n  enabled?: boolean;\n  /** The target to attach the event listeners to */\n  target?: UseEventListenerTarget;\n}\n\n/**\n * @name useKeysPressed\n * @description - Hook for get keys that were pressed\n * @category Sensors\n *\n * @param {UseEventListenerTarget} [params.target=window] The target to attach the event listeners to\n * @param {boolean} [params.enabled=bollean] Enable or disable the event listeners\n * @returns {useKeysPressedReturns} Array of strings with keys that were press\n *\n * @example\n * const pressedKeys = useKeysPressed();\n */\nexport const useKeysPressed = (params?: UseKeysPressedParams) => {\n  const enabled = params?.enabled ?? true;\n  const [keys, setKeys] = useState<{ key: string; code: string }[]>([]);\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    if (!enabled) return;\n    setKeys((prevKeys) => {\n      if (prevKeys.some(({ code }) => code === event.code)) return prevKeys;\n      return [...prevKeys, { key: event.key, code: event.code }];\n    });\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    if (!enabled) return;\n    setKeys((prevKeys) => prevKeys.filter(({ code }) => code !== event.code));\n  };\n\n  useDidUpdate(() => {\n    setKeys([]);\n  }, [enabled]);\n\n  useEventListener(params?.target ?? window, 'keydown', onKeyDown);\n  useEventListener(params?.target ?? window, 'keyup', onKeyUp);\n\n  return keys;\n};\n"],"names":["params","_params$enabled","_params$target","_params$target2","enabled","_useState","useState","_useState2","_slicedToArray","keys","setKeys","useDidUpdate","useEventListener","target","window","event","prevKeys","some","_ref","code","concat","_toConsumableArray","key","filter","_ref2"],"mappings":";weA2B8B,SAACA,GAAkC,IAAAC,EAAAC,EAAAC,EACzDC,EAAyBH,QAAlBA,EAAGD,aAAM,EAANA,EAAQI,eAAOH,IAAAA,GAAAA,EAC/BI,EAAwBC,EAAQA,SAAkC,IAAGC,EAAAC,EAAAA,eAAAH,EAAA,GAA9DI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAsBpB,OAPAI,EAAAA,cAAa,WACXD,EAAQ,GACV,GAAG,CAACN,IAEJQ,EAAgBA,yBAAAV,EAACF,aAAM,EAANA,EAAQa,cAAM,IAAAX,EAAAA,EAAIY,OAAQ,WAjBzB,SAACC,GACZX,GACLM,GAAQ,SAACM,GACP,OAAIA,EAASC,MAAK,SAAAC,GAAO,OAAAA,EAAJC,OAAoBJ,EAAMI,IAAK,IAASH,EAC7D,GAAAI,OAAAC,qBAAWL,GAAU,CAAA,CAAEM,IAAKP,EAAMO,IAAKH,KAAMJ,EAAMI,OACrD,GACD,IAYDP,EAAgBA,yBAAAT,EAACH,aAAM,EAANA,EAAQa,cAAM,IAAAV,EAAAA,EAAIW,OAAQ,SAV3B,SAACC,GACVX,GACLM,GAAQ,SAACM,GAAQ,OAAKA,EAASO,QAAO,SAAAC,GAAO,OAAAA,EAAJL,OAAoBJ,EAAMI,UACpE,IASMV,CACT"}

package/dist/cjs/hooks/useLastChanged/useLastChanged.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),r=require("react"),u=require("../useDidUpdate/useDidUpdate.js");require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../../utils/helpers/isClient.js");exports.useLastChanged=function(i,s){var t,l=r.useState(null!==(t=null==s?void 0:s.initialValue)&&void 0!==t?t:null),a=e._slicedToArray(l,2),n=a[0],o=a[1];return u.useDidUpdate((function(){return o(Date.now())}),[i]),n};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),r=require("react"),u=require("../useDidUpdate/useDidUpdate.js");require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../../utils/helpers/isClient.js");exports.useLastChanged=function(i,s){var t,l=r.useState(null!==(t=null==s?void 0:s.initialValue)&&void 0!==t?t:null),a=e._slicedToArray(l,2),n=a[0],o=a[1];return u.useDidUpdate((function(){return o(Date.now())}),[i]),n};
 //# sourceMappingURL=useLastChanged.js.map

package/dist/cjs/hooks/useLatest/useLatest.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
+/* @license @siberiacancode/reactuse v0.0.87 */
 "use strict";var r=require("react");exports.useLatest=function(e){var t=r.useRef(e);return t.current=e,t.current};
 //# sourceMappingURL=useLatest.js.map

package/dist/cjs/hooks/useList/useList.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var r=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),n=require("react");exports.useList=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=n.useState(t),u=r._slicedToArray(e,2),o=u[0],c=u[1];return{value:o,set:c,push:function(n){return c((function(t){return[].concat(r._toConsumableArray(t),[n])}))},removeAt:function(n){return c((function(t){return[].concat(r._toConsumableArray(t.slice(0,n)),r._toConsumableArray(t.slice(n+1)))}))},insertAt:function(n,t){return c((function(e){return[].concat(r._toConsumableArray(e.slice(0,n)),[t],r._toConsumableArray(e.slice(n)))}))},updateAt:function(r,n){return c((function(t){return t.map((function(t,e){return e===r?n:t}))}))},clear:function(){return c([])},reset:function(){return c(t)}}};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var r=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),n=require("react");exports.useList=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=n.useState(t),u=r._slicedToArray(e,2),o=u[0],c=u[1];return{value:o,set:c,push:function(n){return c((function(t){return[].concat(r._toConsumableArray(t),[n])}))},removeAt:function(n){return c((function(t){return[].concat(r._toConsumableArray(t.slice(0,n)),r._toConsumableArray(t.slice(n+1)))}))},insertAt:function(n,t){return c((function(e){return[].concat(r._toConsumableArray(e.slice(0,n)),[t],r._toConsumableArray(e.slice(n)))}))},updateAt:function(r,n){return c((function(t){return t.map((function(t,e){return e===r?n:t}))}))},clear:function(){return c([])},reset:function(){return c(t)}}};
 //# sourceMappingURL=useList.js.map

package/dist/cjs/hooks/useLocalStorage/useLocalStorage.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),r=require("../useStorage/useStorage.js");require("react"),require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../../utils/helpers/isClient.js");exports.useLocalStorage=function(s,t,u){return r.useStorage(s,e._objectSpread2({initialValue:t,storage:window.localStorage},u))};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),r=require("../useStorage/useStorage.js");require("react"),require("../../utils/helpers/isClient.js"),require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js");exports.useLocalStorage=function(s,t,u){return r.useStorage(s,e._objectSpread2({initialValue:t,storage:window.localStorage},u))};
 //# sourceMappingURL=useLocalStorage.js.map

package/dist/cjs/hooks/useLogger/useLogger.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),o=require("react"),r=require("../useDidUpdate/useDidUpdate.js");require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../../utils/helpers/isClient.js");exports.useLogger=function(t,u){o.useEffect((function(){var o;return(o=console).log.apply(o,["".concat(t," mounted")].concat(e._toConsumableArray(u))),function(){return console.log("".concat(t," unmounted"))}}),[]),r.useDidUpdate((function(){var o;(o=console).log.apply(o,["".concat(t," updated")].concat(e._toConsumableArray(u)))}),u)};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),o=require("react"),r=require("../useDidUpdate/useDidUpdate.js");require("../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js"),require("../../utils/helpers/isClient.js");exports.useLogger=function(t,u){o.useEffect((function(){var o;return(o=console).log.apply(o,["".concat(t," mounted")].concat(e._toConsumableArray(u))),function(){return console.log("".concat(t," unmounted"))}}),[]),r.useDidUpdate((function(){var o;(o=console).log.apply(o,["".concat(t," updated")].concat(e._toConsumableArray(u)))}),u)};
 //# sourceMappingURL=useLogger.js.map

package/dist/cjs/hooks/useLongPress/useLongPress.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),n=require("react");exports.useLongPress=function(r,u){var l=n.useState(!1),o=e._slicedToArray(l,2),t=o[0],c=o[1],i=n.useRef(),s=n.useRef(!1),a=function(e){var n,l;null==u||null===(n=u.onStart)||void 0===n||n.call(u,e),s.current=!0,i.current=setTimeout((function(){r(e),c(!0)}),null!==(l=null==u?void 0:u.threshold)&&void 0!==l?l:400)},v=function(e){var n;if(t)null==u||null===(n=u.onFinish)||void 0===n||n.call(u,e);else if(s.current){var r;null==u||null===(r=u.onCancel)||void 0===r||r.call(u,e)}c(!1),s.current=!1,i.current&&clearTimeout(i.current)};return[{onMouseDown:a,onTouchStart:a,onMouseUp:v,onTouchEnd:v},t]};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),n=require("react");exports.useLongPress=function(r,u){var l=n.useState(!1),o=e._slicedToArray(l,2),t=o[0],c=o[1],i=n.useRef(),s=n.useRef(!1),a=function(e){var n,l;null==u||null===(n=u.onStart)||void 0===n||n.call(u,e),s.current=!0,i.current=setTimeout((function(){r(e),c(!0)}),null!==(l=null==u?void 0:u.threshold)&&void 0!==l?l:400)},v=function(e){var n;if(t)null==u||null===(n=u.onFinish)||void 0===n||n.call(u,e);else if(s.current){var r;null==u||null===(r=u.onCancel)||void 0===r||r.call(u,e)}c(!1),s.current=!1,i.current&&clearTimeout(i.current)};return[{onMouseDown:a,onTouchStart:a,onMouseUp:v,onTouchEnd:v},t]};
 //# sourceMappingURL=useLongPress.js.map

package/dist/cjs/hooks/useMap/useMap.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),r=require("react");exports.useMap=function(n){var t=r.useState(new Map(n)),u=e._slicedToArray(t,2),a=u[0],i=u[1];return{value:a,size:a.size,set:function(e,r){return i((function(n){return new Map(n).set(e,r)}))},has:function(e){return a.has(e)},remove:function(e){return i((function(r){if(!r.has(e))return r;var n=new Map(r);return n.delete(e),n}))},clear:function(){return i(new Map)},reset:function(){return i(new Map(n))}}};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),r=require("react");exports.useMap=function(n){var t=r.useState(new Map(n)),u=e._slicedToArray(t,2),a=u[0],i=u[1];return{value:a,size:a.size,set:function(e,r){return i((function(n){return new Map(n).set(e,r)}))},has:function(e){return a.has(e)},remove:function(e){return i((function(r){if(!r.has(e))return r;var n=new Map(r);return n.delete(e),n}))},clear:function(){return i(new Map)},reset:function(){return i(new Map(n))}}};
 //# sourceMappingURL=useMap.js.map

package/dist/cjs/hooks/useMeasure/useMeasure.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),t=require("react"),r=require("../useResizeObserver/useResizeObserver.js");require("../../utils/helpers/getElement.js");exports.useMeasure=function(i){var s=t.useRef(),u=t.useState({x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0}),o=e._slicedToArray(u,2),l=o[0],h=o[1];return r.useResizeObserver(null!=i?i:s,{onChange:function(t){var r=e._slicedToArray(t,1)[0];if(r){var i=r.contentRect,s=i.x,u=i.y,o=i.width,l=i.height,a=i.top,n=i.left,c=i.bottom,g=i.right;h({x:s,y:u,width:o,height:l,top:a,left:n,bottom:c,right:g})}}}),i?l:e._objectSpread2({ref:s},l)};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),r=require("react"),t=require("../useRefState/useRefState.js"),s=require("../useResizeObserver/useResizeObserver.js");require("../useRerender/useRerender.js"),require("../../utils/helpers/getElement.js"),require("../../utils/helpers/isClient.js");exports.useMeasure=function(i){var u=t.useRefState(),l=r.useState({x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0}),o=e._slicedToArray(l,2),n=o[0],a=o[1];return s.useResizeObserver(null!=i?i:u.current,{onChange:function(r){var t=e._slicedToArray(r,1)[0];if(t){var s=t.contentRect,i=s.x,u=s.y,l=s.width,o=s.height,n=s.top,h=s.left,c=s.bottom,f=s.right;a({x:i,y:u,width:l,height:o,top:n,left:h,bottom:c,right:f})}}}),i?n:e._objectSpread2({ref:u},n)};
 //# sourceMappingURL=useMeasure.js.map

package/dist/cjs/hooks/useMeasure/useMeasure.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMeasure.js","sources":["../../../../src/hooks/useMeasure/useMeasure.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useRef, useState } from 'react';\n\nimport { useResizeObserver } from '../useResizeObserver/useResizeObserver';\n\n/** The use measure target element type */\nexport type UseMeasureTarget = (() => Element) | Element | RefObject<Element | null | undefined>;\n\n/** The use measure return type */\nexport type UseMeasureReturn = Pick<\n  DOMRectReadOnly,\n  'bottom' | 'height' | 'left' | 'right' | 'top' | 'width' | 'x' | 'y'\n>;\n\nexport interface UseMeasureScreen {\n  <Target extends UseMeasureTarget>(target: Target): UseMeasureReturn;\n\n  <Target extends UseMeasureTarget>(target?: never): UseMeasureReturn & { ref: RefObject<Target> };\n}\n\n/**\n * @name useMeasure\n * @description - Hook to measure the size and position of an element\n * @category Browser\n *\n * @overload\n * @template Target The element to measure\n * @param {Target} [target] The element to measure\n * @returns {UseMeasureReturn} The element's size and position\n *\n * @example\n * const { x, y, width, height, top, left, bottom, right } = useMeasure(ref);\n *\n * @overload\n * @template Target The element to measure\n * @returns {UseMeasureReturn & { ref: RefObject<Target> }} The element's size and position\n *\n * @example\n * const { ref, x, y, width, height, top, left, bottom, right } = useMeasure();\n */\nexport const useMeasure = (<Target extends UseMeasureTarget>(target?: Target) => {\n  const internalRef = useRef<Element>();\n  const [rect, setRect] = useState({\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0,\n    top: 0,\n    left: 0,\n    bottom: 0,\n    right: 0\n  });\n\n  useResizeObserver(target ?? internalRef, {\n    onChange: ([entry]) => {\n      if (!entry) return;\n\n      const { x, y, width, height, top, left, bottom, right } = entry.contentRect;\n      setRect({ x, y, width, height, top, left, bottom, right });\n    }\n  });\n\n  if (target) return rect;\n  return { ref: internalRef, ...rect };\n}) as UseMeasureScreen;\n"],"names":["target","internalRef","useRef","_useState","useState","x","y","width","height","top","left","bottom","right","_useState2","_slicedToArray","rect","setRect","useResizeObserver","onChange","_ref","entry","_entry$contentRect","contentRect","_objectSpread","ref"],"mappings":";oNAyC2B,SAAkCA,GAC3D,IAAMC,EAAcC,EAAAA,SACpBC,EAAwBC,EAAAA,SAAS,CAC/BC,EAAG,EACHC,EAAG,EACHC,MAAO,EACPC,OAAQ,EACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,EACRC,MAAO,IACPC,EAAAC,EAAAA,eAAAX,EAAA,GATKY,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAoBpB,OATAI,EAAiBA,kBAACjB,QAAAA,EAAUC,EAAa,CACvCiB,SAAU,SAAFC,GAAe,IAAXC,EAAWN,EAAAA,eAAAK,EAAA,GAAN,GACf,GAAKC,EAAL,CAEA,IAAAC,EAA0DD,EAAME,YAAxDjB,EAACgB,EAADhB,EAAGC,EAACe,EAADf,EAAGC,EAAKc,EAALd,MAAOC,EAAMa,EAANb,OAAQC,EAAGY,EAAHZ,IAAKC,EAAIW,EAAJX,KAAMC,EAAMU,EAANV,OAAQC,EAAKS,EAALT,MAChDI,EAAQ,CAAEX,EAAAA,EAAGC,EAAAA,EAAGC,MAAAA,EAAOC,OAAAA,EAAQC,IAAAA,EAAKC,KAAAA,EAAMC,OAAAA,EAAQC,MAAAA,GAHtC,CAId,IAGEZ,EAAee,EACnBQ,iBAAA,CAASC,IAAKvB,GAAgBc,EAChC"}
+{"version":3,"file":"useMeasure.js","sources":["../../../../src/hooks/useMeasure/useMeasure.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useState } from 'react';\n\nimport { useRefState } from '../useRefState/useRefState';\nimport { useResizeObserver } from '../useResizeObserver/useResizeObserver';\n\n/** The use measure target element type */\nexport type UseMeasureTarget = (() => Element) | Element | RefObject<Element | null | undefined>;\n\n/** The use measure return type */\nexport type UseMeasureReturn = Pick<\n  DOMRectReadOnly,\n  'bottom' | 'height' | 'left' | 'right' | 'top' | 'width' | 'x' | 'y'\n>;\n\nexport interface UseMeasureScreen {\n  <Target extends UseMeasureTarget>(target: Target): UseMeasureReturn;\n\n  <Target extends UseMeasureTarget>(target?: never): UseMeasureReturn & { ref: RefObject<Target> };\n}\n\n/**\n * @name useMeasure\n * @description - Hook to measure the size and position of an element\n * @category Browser\n *\n * @overload\n * @template Target The element to measure\n * @param {Target} [target] The element to measure\n * @returns {UseMeasureReturn} The element's size and position\n *\n * @example\n * const { x, y, width, height, top, left, bottom, right } = useMeasure(ref);\n *\n * @overload\n * @template Target The element to measure\n * @returns {UseMeasureReturn & { ref: RefObject<Target> }} The element's size and position\n *\n * @example\n * const { ref, x, y, width, height, top, left, bottom, right } = useMeasure();\n */\nexport const useMeasure = (<Target extends UseMeasureTarget>(target?: Target) => {\n  const internalRef = useRefState<Element>();\n  const [rect, setRect] = useState({\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0,\n    top: 0,\n    left: 0,\n    bottom: 0,\n    right: 0\n  });\n\n  useResizeObserver((target ?? internalRef.current) as Element, {\n    onChange: ([entry]) => {\n      if (!entry) return;\n\n      const { x, y, width, height, top, left, bottom, right } = entry.contentRect;\n      setRect({ x, y, width, height, top, left, bottom, right });\n    }\n  });\n\n  if (target) return rect;\n  return { ref: internalRef, ...rect };\n}) as UseMeasureScreen;\n"],"names":["target","internalRef","useRefState","_useState","useState","x","y","width","height","top","left","bottom","right","_useState2","_slicedToArray","rect","setRect","useResizeObserver","current","onChange","_ref","entry","_entry$contentRect","contentRect","_objectSpread","ref"],"mappings":";mVA0C2B,SAAkCA,GAC3D,IAAMC,EAAcC,EAAAA,cACpBC,EAAwBC,EAAAA,SAAS,CAC/BC,EAAG,EACHC,EAAG,EACHC,MAAO,EACPC,OAAQ,EACRC,IAAK,EACLC,KAAM,EACNC,OAAQ,EACRC,MAAO,IACPC,EAAAC,EAAAA,eAAAX,EAAA,GATKY,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAoBpB,OATAI,oBAAmBjB,QAAAA,EAAUC,EAAYiB,QAAqB,CAC5DC,SAAU,SAAFC,GAAe,IAAXC,EAAWP,EAAAA,eAAAM,EAAA,GAAN,GACf,GAAKC,EAAL,CAEA,IAAAC,EAA0DD,EAAME,YAAxDlB,EAACiB,EAADjB,EAAGC,EAACgB,EAADhB,EAAGC,EAAKe,EAALf,MAAOC,EAAMc,EAANd,OAAQC,EAAGa,EAAHb,IAAKC,EAAIY,EAAJZ,KAAMC,EAAMW,EAANX,OAAQC,EAAKU,EAALV,MAChDI,EAAQ,CAAEX,EAAAA,EAAGC,EAAAA,EAAGC,MAAAA,EAAOC,OAAAA,EAAQC,IAAAA,EAAKC,KAAAA,EAAMC,OAAAA,EAAQC,MAAAA,GAHtC,CAId,IAGEZ,EAAee,EACnBS,iBAAA,CAASC,IAAKxB,GAAgBc,EAChC"}

package/dist/cjs/hooks/useMediaQuery/useMediaQuery.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
+/* @license @siberiacancode/reactuse v0.0.87 */
 "use strict";var e=require("react"),n=function(){return!1};exports.useMediaQuery=function(r){var t=e.useCallback((function(e){var n=window.matchMedia(r);return n.addEventListener("change",e),function(){n.removeEventListener("change",e)}}),[r]);return e.useSyncExternalStore(t,(function(){return window.matchMedia(r).matches}),n)};
 //# sourceMappingURL=useMediaQuery.js.map

package/dist/cjs/hooks/useMemory/useMemory.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),r=require("react"),u=require("../useInterval/useInterval.js");require("../useEvent/useEvent.js");exports.useMemory=function(){var t=performance&&"memory"in performance,a=r.useState({jsHeapSizeLimit:0,totalJSHeapSize:0,usedJSHeapSize:0}),s=e._slicedToArray(a,2),n=s[0],i=s[1];return u.useInterval((function(){return i(performance.memory)}),1e3,{enabled:t}),{supported:t,value:n}};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),r=require("react"),u=require("../useInterval/useInterval.js");require("../useEvent/useEvent.js");exports.useMemory=function(){var t=performance&&"memory"in performance,a=r.useState({jsHeapSizeLimit:0,totalJSHeapSize:0,usedJSHeapSize:0}),s=e._slicedToArray(a,2),n=s[0],i=s[1];return u.useInterval((function(){return i(performance.memory)}),1e3,{enabled:t}),{supported:t,value:n}};
 //# sourceMappingURL=useMemory.js.map

package/dist/cjs/hooks/useMount/useMount.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
+/* @license @siberiacancode/reactuse v0.0.87 */
 "use strict";var e=require("react");exports.useMount=function(r){return e.useEffect(r,[])};
 //# sourceMappingURL=useMount.js.map

package/dist/cjs/hooks/useMouse/useMouse.js

@@ -1,3 +1,3 @@
-/* @license @siberiacancode/reactuse v0.0.84 */
-"use strict";var e=require("../../_rollupPluginBabelHelpers-DMeXxW1G.js"),t=require("react"),n=require("../../utils/helpers/getElement.js");exports.useMouse=function(r){var o=t.useState({x:0,y:0,element:void 0,elementX:0,elementY:0,elementPositionX:0,elementPositionY:0}),i=e._slicedToArray(o,2),l=i[0],s=i[1],u=t.useState(),a=e._slicedToArray(u,2),m=a[0],c=a[1];return t.useEffect((function(){if(r||m){var t=function(t){var o=r?n.getElement(r):m;if(o){var i={x:t.pageX,y:t.pageY},l=o.getBoundingClientRect(),u=l.left,a=l.top,c=u+window.scrollX,d=a+window.scrollY,p=t.pageX-c,f=t.pageY-d;i.element=o,i.elementX=p,i.elementY=f,i.elementPositionX=c,i.elementPositionY=d,s((function(t){return e._objectSpread2(e._objectSpread2({},t),i)}))}};return document.addEventListener("mousemove",t),function(){document.removeEventListener("mousemove",t)}}}),[m,r]),r?l:e._objectSpread2({ref:c},l)};
+/* @license @siberiacancode/reactuse v0.0.87 */
+"use strict";var e=require("../../_rollupPluginBabelHelpers-BzvxghPP.js"),t=require("react"),r=require("../../utils/helpers/getElement.js");require("../../utils/helpers/isClient.js");var n=require("../useRefState/useRefState.js");require("../useRerender/useRerender.js");exports.useMouse=function(u){var i=t.useState({x:0,y:0,element:void 0,elementX:0,elementY:0,elementPositionX:0,elementPositionY:0}),o=e._slicedToArray(i,2),s=o[0],l=o[1],a=n.useRefState();return t.useEffect((function(){if(u||a.current){var t=function(t){var n=u?r.getElement(u):a.current;if(n){var i={x:t.pageX,y:t.pageY},o=n.getBoundingClientRect(),s=o.left,c=o.top,m=s+window.scrollX,d=c+window.scrollY,f=t.pageX-m,p=t.pageY-d;i.element=n,i.elementX=f,i.elementY=p,i.elementPositionX=m,i.elementPositionY=d,l((function(t){return e._objectSpread2(e._objectSpread2({},t),i)}))}};return document.addEventListener("mousemove",t),function(){document.removeEventListener("mousemove",t)}}}),[a.current,u]),u?s:e._objectSpread2({ref:a},s)};
 //# sourceMappingURL=useMouse.js.map

package/dist/cjs/hooks/useMouse/useMouse.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMouse.js","sources":["../../../../src/hooks/useMouse/useMouse.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useEffect, useState } from 'react';\n\nimport { getElement } from '@/utils/helpers';\n\n/** The use mouse target element type */\nexport type UseMouseTarget =\n  | (() => Element)\n  | string\n  | Element\n  | RefObject<Element | null | undefined>;\n\n/** The use mouse return type */\nexport interface UseMouseReturn {\n  /** The current element */\n  element?: Element;\n  /** The current element position x */\n  elementPositionX: number;\n  /** The current element position y */\n  elementPositionY: number;\n  /** The current element x position */\n  elementX: number;\n  /** The current element y position */\n  elementY: number;\n  /** The current mouse x position */\n  x: number;\n  /** The current mouse y position */\n  y: number;\n}\n\nexport interface UseMouse {\n  <Target extends UseMouseTarget>(target: Target): UseMouseReturn;\n\n  <Target extends UseMouseTarget>(target?: never): UseMouseReturn & { ref: (node: Target) => void };\n}\n\n/**\n * @name useMouse\n * @description - Hook that manages a mouse position\n * @category Sensors\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to manage the mouse position for\n * @returns {UseMouseReturn} An object with the current mouse position\n *\n * @example\n * const { x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse(ref);\n *\n * @overload\n * @template Target The target element\n * @returns {UseMouseReturn & { ref: (node: Target) => void }} An object with the current mouse position and a ref\n *\n * @example\n * const { ref, x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse();\n */\nexport const useMouse = ((target) => {\n  const [value, setValue] = useState<UseMouseReturn>({\n    x: 0,\n    y: 0,\n    element: undefined,\n    elementX: 0,\n    elementY: 0,\n    elementPositionX: 0,\n    elementPositionY: 0\n  });\n\n  const [internalRef, setInternalRef] = useState<Element>();\n\n  useEffect(() => {\n    if (!target && !internalRef) return;\n    const onMouseMove = (event: MouseEvent) => {\n      const element = (target ? getElement(target) : internalRef) as Element;\n      if (!element) return;\n\n      const updatedValue = {\n        x: event.pageX,\n        y: event.pageY\n      } as typeof value;\n\n      const { left, top } = element.getBoundingClientRect();\n      const elementPositionX = left + window.scrollX;\n      const elementPositionY = top + window.scrollY;\n      const elementX = event.pageX - elementPositionX;\n      const elementY = event.pageY - elementPositionY;\n\n      updatedValue.element = element;\n      updatedValue.elementX = elementX;\n      updatedValue.elementY = elementY;\n      updatedValue.elementPositionX = elementPositionX;\n      updatedValue.elementPositionY = elementPositionY;\n\n      setValue((prevValue) => ({\n        ...prevValue,\n        ...updatedValue\n      }));\n    };\n\n    document.addEventListener('mousemove', onMouseMove);\n    return () => {\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [internalRef, target]);\n\n  if (target) return value;\n  return {\n    ref: setInternalRef,\n    ...value\n  };\n}) as UseMouse;\n"],"names":["target","_useState","useState","x","y","element","undefined","elementX","elementY","elementPositionX","elementPositionY","_useState2","_slicedToArray","value","setValue","_useState3","_useState4","internalRef","setInternalRef","useEffect","onMouseMove","event","getElement","updatedValue","pageX","pageY","_element$getBoundingC","getBoundingClientRect","left","top","window","scrollX","scrollY","prevValue","_objectSpread","_objectSpread2","document","addEventListener","removeEventListener","ref"],"mappings":";6JAyDyB,SAACA,GACxB,IAAAC,EAA0BC,EAAAA,SAAyB,CACjDC,EAAG,EACHC,EAAG,EACHC,aAASC,EACTC,SAAU,EACVC,SAAU,EACVC,iBAAkB,EAClBC,iBAAkB,IAClBC,EAAAC,EAAAA,eAAAX,EAAA,GARKY,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAUtBI,EAAsCb,EAAAA,WAAmBc,EAAAJ,EAAAA,eAAAG,EAAA,GAAlDE,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GAqClC,OAnCAG,EAAAA,WAAU,WACR,GAAKnB,GAAWiB,EAAhB,CACA,IAAMG,EAAc,SAACC,GACnB,IAAMhB,EAAWL,EAASsB,aAAWtB,GAAUiB,EAC/C,GAAKZ,EAAL,CAEA,IAAMkB,EAAe,CACnBpB,EAAGkB,EAAMG,MACTpB,EAAGiB,EAAMI,OAGXC,EAAsBrB,EAAQsB,wBAAtBC,EAAIF,EAAJE,KAAMC,EAAGH,EAAHG,IACRpB,EAAmBmB,EAAOE,OAAOC,QACjCrB,EAAmBmB,EAAMC,OAAOE,QAChCzB,EAAWc,EAAMG,MAAQf,EACzBD,EAAWa,EAAMI,MAAQf,EAE/Ba,EAAalB,QAAUA,EACvBkB,EAAahB,SAAWA,EACxBgB,EAAaf,SAAWA,EACxBe,EAAad,iBAAmBA,EAChCc,EAAab,iBAAmBA,EAEhCI,GAAS,SAACmB,GAAS,OAAAC,EAAAC,eAAAD,EAAAC,eACdF,CAAAA,EAAAA,GACAV,EAAY,GArBH,CAuBf,EAGD,OADAa,SAASC,iBAAiB,YAAajB,GAChC,WACLgB,SAASE,oBAAoB,YAAalB,EAC3C,CA/B4B,CAgC/B,GAAG,CAACH,EAAajB,IAEbA,EAAea,EACnBqB,iBAAA,CACEK,IAAKrB,GACFL,EAEP"}
+{"version":3,"file":"useMouse.js","sources":["../../../../src/hooks/useMouse/useMouse.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nimport { useEffect, useState } from 'react';\n\nimport { getElement } from '@/utils/helpers';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use mouse target element type */\nexport type UseMouseTarget =\n  | (() => Element)\n  | string\n  | Element\n  | RefObject<Element | null | undefined>;\n\n/** The use mouse return type */\nexport interface UseMouseReturn {\n  /** The current element */\n  element?: Element;\n  /** The current element position x */\n  elementPositionX: number;\n  /** The current element position y */\n  elementPositionY: number;\n  /** The current element x position */\n  elementX: number;\n  /** The current element y position */\n  elementY: number;\n  /** The current mouse x position */\n  x: number;\n  /** The current mouse y position */\n  y: number;\n}\n\nexport interface UseMouse {\n  <Target extends UseMouseTarget>(target: Target): UseMouseReturn;\n\n  <Target extends UseMouseTarget>(target?: never): UseMouseReturn & { ref: (node: Target) => void };\n}\n\n/**\n * @name useMouse\n * @description - Hook that manages a mouse position\n * @category Sensors\n *\n * @overload\n * @template Target The target element\n * @param {Target} target The target element to manage the mouse position for\n * @returns {UseMouseReturn} An object with the current mouse position\n *\n * @example\n * const { x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse(ref);\n *\n * @overload\n * @template Target The target element\n * @returns {UseMouseReturn & { ref: (node: Target) => void }} An object with the current mouse position and a ref\n *\n * @example\n * const { ref, x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse();\n */\nexport const useMouse = ((target) => {\n  const [value, setValue] = useState<UseMouseReturn>({\n    x: 0,\n    y: 0,\n    element: undefined,\n    elementX: 0,\n    elementY: 0,\n    elementPositionX: 0,\n    elementPositionY: 0\n  });\n\n  const internalRef = useRefState<Element>();\n\n  useEffect(() => {\n    if (!target && !internalRef.current) return;\n    const onMouseMove = (event: MouseEvent) => {\n      const element = (target ? getElement(target) : internalRef.current) as Element;\n      if (!element) return;\n\n      const updatedValue = {\n        x: event.pageX,\n        y: event.pageY\n      } as typeof value;\n\n      const { left, top } = element.getBoundingClientRect();\n      const elementPositionX = left + window.scrollX;\n      const elementPositionY = top + window.scrollY;\n      const elementX = event.pageX - elementPositionX;\n      const elementY = event.pageY - elementPositionY;\n\n      updatedValue.element = element;\n      updatedValue.elementX = elementX;\n      updatedValue.elementY = elementY;\n      updatedValue.elementPositionX = elementPositionX;\n      updatedValue.elementPositionY = elementPositionY;\n\n      setValue((prevValue) => ({\n        ...prevValue,\n        ...updatedValue\n      }));\n    };\n\n    document.addEventListener('mousemove', onMouseMove);\n    return () => {\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [internalRef.current, target]);\n\n  if (target) return value;\n  return {\n    ref: internalRef,\n    ...value\n  };\n}) as UseMouse;\n"],"names":["target","_useState","useState","x","y","element","undefined","elementX","elementY","elementPositionX","elementPositionY","_useState2","_slicedToArray","value","setValue","internalRef","useRefState","useEffect","current","onMouseMove","event","getElement","updatedValue","pageX","pageY","_element$getBoundingC","getBoundingClientRect","left","top","window","scrollX","scrollY","prevValue","_objectSpread","_objectSpread2","document","addEventListener","removeEventListener","ref"],"mappings":";gSA2DyB,SAACA,GACxB,IAAAC,EAA0BC,EAAAA,SAAyB,CACjDC,EAAG,EACHC,EAAG,EACHC,aAASC,EACTC,SAAU,EACVC,SAAU,EACVC,iBAAkB,EAClBC,iBAAkB,IAClBC,EAAAC,EAAAA,eAAAX,EAAA,GARKY,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GAUhBI,EAAcC,EAAAA,cAqCpB,OAnCAC,EAAAA,WAAU,WACR,GAAKjB,GAAWe,EAAYG,QAA5B,CACA,IAAMC,EAAc,SAACC,GACnB,IAAMf,EAAWL,EAASqB,EAAAA,WAAWrB,GAAUe,EAAYG,QAC3D,GAAKb,EAAL,CAEA,IAAMiB,EAAe,CACnBnB,EAAGiB,EAAMG,MACTnB,EAAGgB,EAAMI,OAGXC,EAAsBpB,EAAQqB,wBAAtBC,EAAIF,EAAJE,KAAMC,EAAGH,EAAHG,IACRnB,EAAmBkB,EAAOE,OAAOC,QACjCpB,EAAmBkB,EAAMC,OAAOE,QAChCxB,EAAWa,EAAMG,MAAQd,EACzBD,EAAWY,EAAMI,MAAQd,EAE/BY,EAAajB,QAAUA,EACvBiB,EAAaf,SAAWA,EACxBe,EAAad,SAAWA,EACxBc,EAAab,iBAAmBA,EAChCa,EAAaZ,iBAAmBA,EAEhCI,GAAS,SAACkB,GAAS,OAAAC,EAAAC,eAAAD,EAAAC,eACdF,CAAAA,EAAAA,GACAV,EAAY,GArBH,CAuBf,EAGD,OADAa,SAASC,iBAAiB,YAAajB,GAChC,WACLgB,SAASE,oBAAoB,YAAalB,EAC3C,CA/BoC,CAgCtC,GAAE,CAACJ,EAAYG,QAASlB,IAErBA,EAAea,EACnBoB,iBAAA,CACEK,IAAKvB,GACFF,EAEP"}