@siberiacancode/reactuse 0.2.11 → 0.2.13

package/dist/esm/hooks/useLogger/useLogger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLogger.mjs","sources":["../../../../src/hooks/useLogger/useLogger.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\n\n/**\n * @name useLogger\n * @description - Hook for debugging lifecycle\n * @category Lifecycle\n *\n * @param {string} name The name or identifier for the logger\n * @param {unknown[]} params Additional arguments to be logged\n *\n * @example\n * useLogger('Component', [1, 2, 3]);\n */\nexport const useLogger = (name: string, params: unknown[]) => {\n  useEffect(() => {\n    console.log(`${name} mounted`, ...params);\n    return () => console.log(`${name} unmounted`);\n  }, []);\n\n  useDidUpdate(() => {\n    console.log(`${name} updated`, ...params);\n  }, params);\n};\n"],"names":["useLogger","name","params","useEffect","useDidUpdate"],"mappings":";;AAea,MAAAA,IAAY,CAACC,GAAcC,MAAsB;AAC5D,EAAAC,EAAU,OACR,QAAQ,IAAI,GAAGF,CAAI,YAAY,GAAGC,CAAM,GACjC,MAAM,QAAQ,IAAI,GAAGD,CAAI,YAAY,IAC3C,EAAE,GAELG,EAAa,MAAM;AACjB,YAAQ,IAAI,GAAGH,CAAI,YAAY,GAAGC,CAAM;AAAA,KACvCA,CAAM;AACX;"}
+{"version":3,"file":"useLogger.mjs","sources":["../../../../src/hooks/useLogger/useLogger.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\n\n/**\n * @name useLogger\n * @description - Hook for debugging lifecycle\n * @category Lifecycle\n *\n * @param {string} name The name or identifier for the logger\n * @param {unknown[]} params Additional arguments to be logged\n *\n * @example\n * useLogger('Component', [1, 2, 3]);\n */\nexport const useLogger = (name: string, params: unknown[]) => {\n  useEffect(() => {\n    console.log(`${name} mounted`, ...params);\n    return () => console.log(`${name} unmounted`);\n  }, []);\n\n  useDidUpdate(() => {\n    console.log(`${name} updated`, ...params);\n  }, params);\n};\n"],"names":["useLogger","name","params","useEffect","useDidUpdate"],"mappings":";;AAeO,MAAMA,IAAY,CAACC,GAAcC,MAAsB;AAC5D,EAAAC,EAAU,OACR,QAAQ,IAAI,GAAGF,CAAI,YAAY,GAAGC,CAAM,GACjC,MAAM,QAAQ,IAAI,GAAGD,CAAI,YAAY,IAC3C,EAAE,GAELG,EAAa,MAAM;AACjB,YAAQ,IAAI,GAAGH,CAAI,YAAY,GAAGC,CAAM;AAAA,EAAA,GACvCA,CAAM;AACX;"}

package/dist/esm/hooks/useLongPress/useLongPress.mjs

@@ -1,35 +1,31 @@
-import { useState as T, useRef as l, useEffect as S } from "react";
-import { useRefState as g } from "../useRefState/useRefState.mjs";
-import { isTarget as C } from "../../utils/helpers/isTarget.mjs";
-import { getElement as P } from "../../utils/helpers/getElement.mjs";
-const b = 400, I = (...o) => {
-  const n = C(o[0]) ? o[0] : void 0, E = n ? o[1] : o[0], L = n ? o[2] : o[1], [w, h] = T(!1), u = l(void 0), v = l(!1), f = g(), R = l(E);
-  R.current = E;
-  const c = l(L);
-  return c.current = L, S(() => {
-    if (!n && !f.state) return;
-    const e = n ? P(n) : f.current;
+import { useState as w, useRef as d, useEffect as h } from "react";
+import { useRefState as R } from "../useRefState/useRefState.mjs";
+import { isTarget as p } from "../../utils/helpers/isTarget.mjs";
+import { getElement as T } from "../../utils/helpers/getElement.mjs";
+const S = 400, k = (...r) => {
+  const n = p(r[0]) ? r[0] : void 0, a = n ? r[1] : r[0], m = n ? r[2] : r[1], [l, v] = w(!1), o = d(void 0), f = d(!1), c = R(), E = d(a);
+  E.current = a;
+  const s = d(m);
+  return s.current = m, h(() => {
+    if (!n && !c.state) return;
+    const e = n ? T(n) : c.current;
     if (!e) return;
-    const a = (i) => {
-      var s, r, d;
-      (r = (s = c.current) == null ? void 0 : s.onStart) == null || r.call(s, i), v.current = !0, u.current = setTimeout(() => {
-        R.current(i), h(!0);
-      }, ((d = c.current) == null ? void 0 : d.threshold) ?? b);
-    }, t = (i) => {
-      h((s) => {
-        var r, d, m, p;
-        return s ? (d = (r = c.current) == null ? void 0 : r.onFinish) == null || d.call(r, i) : v.current && ((p = (m = c.current) == null ? void 0 : m.onCancel) == null || p.call(m, i)), !1;
-      }), v.current = !1, u.current && clearTimeout(u.current);
+    const i = (u) => {
+      s.current?.onStart?.(u), f.current = !0, o.current = setTimeout(() => {
+        E.current(u), v(!0);
+      }, s.current?.threshold ?? S);
+    }, t = (u) => {
+      v((L) => (L ? s.current?.onFinish?.(u) : f.current && s.current?.onCancel?.(u), !1)), f.current = !1, o.current && clearTimeout(o.current);
     };
-    return e.addEventListener("mousedown", a), e.addEventListener("touchstart", a), e.addEventListener("mouseup", t), e.addEventListener("touchend", t), window.addEventListener("mouseup", t), window.addEventListener("touchend", t), () => {
-      e.removeEventListener("mousedown", a), e.removeEventListener("touchstart", a), e.removeEventListener("mouseup", t), e.removeEventListener("touchend", t), window.removeEventListener("mouseup", t), window.removeEventListener("touchend", t), u.current && clearTimeout(u.current);
+    return e.addEventListener("mousedown", i), e.addEventListener("touchstart", i), e.addEventListener("mouseup", t), e.addEventListener("touchend", t), window.addEventListener("mouseup", t), window.addEventListener("touchend", t), () => {
+      e.removeEventListener("mousedown", i), e.removeEventListener("touchstart", i), e.removeEventListener("mouseup", t), e.removeEventListener("touchend", t), window.removeEventListener("mouseup", t), window.removeEventListener("touchend", t), o.current && clearTimeout(o.current);
     };
-  }, [n, f.state]), n ? w : {
-    ref: f,
-    pressed: w
+  }, [n, c.state]), n ? l : {
+    ref: c,
+    pressed: l
   };
 };
 export {
-  I as useLongPress
+  k as useLongPress
 };
 //# sourceMappingURL=useLongPress.mjs.map

package/dist/esm/hooks/useLongPress/useLongPress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLongPress.mjs","sources":["../../../../src/hooks/useLongPress/useLongPress.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type LongPressEvents = MouseEvent | TouchEvent;\n\n// * The use long press options type */\nexport interface UseLongPressOptions {\n  // * The threshold time in milliseconds\n  threshold?: number;\n  // * The callback function to be invoked on long press cancel\n  onCancel?: (event: LongPressEvents) => void;\n  // * The callback function to be invoked on long press end\n  onFinish?: (event: LongPressEvents) => void;\n  // * The callback function to be invoked on long press start\n  onStart?: (event: LongPressEvents) => void;\n}\n\nexport interface UseLongPress {\n  (\n    target: HookTarget,\n    callback: (event: LongPressEvents) => void,\n    options?: UseLongPressOptions\n  ): boolean;\n\n  <Target extends Element>(\n    callback: (event: LongPressEvents) => void,\n    options?: UseLongPressOptions,\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n    pressed: boolean;\n  };\n}\n\nconst DEFAULT_THRESHOLD_TIME = 400;\n\n/**\n * @name useLongPress\n * @description - Hook that defines the logic when long pressing an element\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} target The target element to be long pressed\n * @param {(event: LongPressEvents) => void} callback The callback function to be invoked on long press\n * @param {UseLongPressOptions} [options] The options for the long press\n * @returns {boolean} The long pressing state\n *\n * @example\n * const pressed = useLongPress(ref, () => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {(event: LongPressEvents) => void} callback The callback function to be invoked on long press\n * @param {UseLongPressOptions} [options] The options for the long press\n * @returns {boolean} The long pressing state\n *\n * @example\n * const { ref, pressed } = useLongPress(() => console.log('callback'));\n */\nexport const useLongPress = ((...params: any[]): any => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as (event: LongPressEvents) => void;\n  const options = (target ? params[2] : params[1]) as UseLongPressOptions | undefined;\n\n  const [pressed, setPressed] = useState(false);\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const isPressedRef = useRef(false);\n  const internalRef = useRefState<Element>();\n\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const onStart = (event: LongPressEvents) => {\n      internalOptionsRef.current?.onStart?.(event);\n\n      isPressedRef.current = true;\n      timeoutIdRef.current = setTimeout(() => {\n        internalCallbackRef.current(event);\n        setPressed(true);\n      }, internalOptionsRef.current?.threshold ?? DEFAULT_THRESHOLD_TIME);\n    };\n\n    const onCancel = (event: LongPressEvents) => {\n      setPressed((prevPressed) => {\n        if (prevPressed) {\n          internalOptionsRef.current?.onFinish?.(event);\n        } else if (isPressedRef.current) {\n          internalOptionsRef.current?.onCancel?.(event);\n        }\n\n        return false;\n      });\n\n      isPressedRef.current = false;\n      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n    };\n\n    element.addEventListener('mousedown', onStart as EventListener);\n    element.addEventListener('touchstart', onStart as EventListener);\n    element.addEventListener('mouseup', onCancel as EventListener);\n    element.addEventListener('touchend', onCancel as EventListener);\n    window.addEventListener('mouseup', onCancel as EventListener);\n    window.addEventListener('touchend', onCancel as EventListener);\n\n    return () => {\n      element.removeEventListener('mousedown', onStart as EventListener);\n      element.removeEventListener('touchstart', onStart as EventListener);\n      element.removeEventListener('mouseup', onCancel as EventListener);\n      element.removeEventListener('touchend', onCancel as EventListener);\n      window.removeEventListener('mouseup', onCancel as EventListener);\n      window.removeEventListener('touchend', onCancel as EventListener);\n\n      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n    };\n  }, [target, internalRef.state]);\n\n  if (target) return pressed;\n  return {\n    ref: internalRef,\n    pressed\n  };\n}) as UseLongPress;\n"],"names":["DEFAULT_THRESHOLD_TIME","useLongPress","params","target","isTarget","callback","options","pressed","setPressed","useState","timeoutIdRef","useRef","isPressedRef","internalRef","useRefState","internalCallbackRef","internalOptionsRef","useEffect","element","getElement","onStart","event","_b","_a","_c","onCancel","prevPressed","_d"],"mappings":";;;;AAyCA,MAAMA,IAAyB,KAyBlBC,IAAgB,IAAIC,MAAuB;AAChD,QAAAC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAYF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACzCI,IAAWH,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAExC,CAACK,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAAeC,EAAsC,MAAS,GAC9DC,IAAeD,EAAO,EAAK,GAC3BE,IAAcC,EAAqB,GAEnCC,IAAsBJ,EAAON,CAAQ;AAC3C,EAAAU,EAAoB,UAAUV;AACxB,QAAAW,IAAqBL,EAAOL,CAAO;AAqDzC,SApDAU,EAAmB,UAAUV,GAE7BW,EAAU,MAAM;AACd,QAAI,CAACd,KAAU,CAACU,EAAY,MAAO;AAEnC,UAAMK,IAAUf,IAASgB,EAAWhB,CAAM,IAAIU,EAAY;AAC1D,QAAI,CAACK,EAAS;AAER,UAAAE,IAAU,CAACC,MAA2B;;AACvB,OAAAC,KAAAC,IAAAP,EAAA,YAAA,gBAAAO,EAAS,YAAT,QAAAD,EAAA,KAAAC,GAAmBF,IAEtCT,EAAa,UAAU,IACVF,EAAA,UAAU,WAAW,MAAM;AACtC,QAAAK,EAAoB,QAAQM,CAAK,GACjCb,EAAW,EAAI;AAAA,MACd,KAAAgB,IAAAR,EAAmB,YAAnB,gBAAAQ,EAA4B,cAAaxB,CAAsB;AAAA,IACpE,GAEMyB,IAAW,CAACJ,MAA2B;AAC3C,MAAAb,EAAW,CAACkB,MAAgB;;AAC1B,eAAIA,KACiBJ,KAAAC,IAAAP,EAAA,YAAA,gBAAAO,EAAS,aAAT,QAAAD,EAAA,KAAAC,GAAoBF,KAC9BT,EAAa,aACHe,KAAAH,IAAAR,EAAA,YAAA,gBAAAQ,EAAS,aAAT,QAAAG,EAAA,KAAAH,GAAoBH,KAGlC;AAAA,MAAA,CACR,GAEDT,EAAa,UAAU,IACnBF,EAAa,WAAsB,aAAAA,EAAa,OAAO;AAAA,IAC7D;AAEQ,WAAAQ,EAAA,iBAAiB,aAAaE,CAAwB,GACtDF,EAAA,iBAAiB,cAAcE,CAAwB,GACvDF,EAAA,iBAAiB,WAAWO,CAAyB,GACrDP,EAAA,iBAAiB,YAAYO,CAAyB,GACvD,OAAA,iBAAiB,WAAWA,CAAyB,GACrD,OAAA,iBAAiB,YAAYA,CAAyB,GAEtD,MAAM;AACH,MAAAP,EAAA,oBAAoB,aAAaE,CAAwB,GACzDF,EAAA,oBAAoB,cAAcE,CAAwB,GAC1DF,EAAA,oBAAoB,WAAWO,CAAyB,GACxDP,EAAA,oBAAoB,YAAYO,CAAyB,GAC1D,OAAA,oBAAoB,WAAWA,CAAyB,GACxD,OAAA,oBAAoB,YAAYA,CAAyB,GAE5Df,EAAa,WAAsB,aAAAA,EAAa,OAAO;AAAA,IAC7D;AAAA,EACC,GAAA,CAACP,GAAQU,EAAY,KAAK,CAAC,GAE1BV,IAAeI,IACZ;AAAA,IACL,KAAKM;AAAA,IACL,SAAAN;AAAA,EACF;AACF;"}
+{"version":3,"file":"useLongPress.mjs","sources":["../../../../src/hooks/useLongPress/useLongPress.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\nexport type LongPressEvents = MouseEvent | TouchEvent;\n\n// * The use long press options type */\nexport interface UseLongPressOptions {\n  // * The threshold time in milliseconds\n  threshold?: number;\n  // * The callback function to be invoked on long press cancel\n  onCancel?: (event: LongPressEvents) => void;\n  // * The callback function to be invoked on long press end\n  onFinish?: (event: LongPressEvents) => void;\n  // * The callback function to be invoked on long press start\n  onStart?: (event: LongPressEvents) => void;\n}\n\nexport interface UseLongPress {\n  (\n    target: HookTarget,\n    callback: (event: LongPressEvents) => void,\n    options?: UseLongPressOptions\n  ): boolean;\n\n  <Target extends Element>(\n    callback: (event: LongPressEvents) => void,\n    options?: UseLongPressOptions,\n    target?: never\n  ): {\n    ref: StateRef<Target>;\n    pressed: boolean;\n  };\n}\n\nconst DEFAULT_THRESHOLD_TIME = 400;\n\n/**\n * @name useLongPress\n * @description - Hook that defines the logic when long pressing an element\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} target The target element to be long pressed\n * @param {(event: LongPressEvents) => void} callback The callback function to be invoked on long press\n * @param {UseLongPressOptions} [options] The options for the long press\n * @returns {boolean} The long pressing state\n *\n * @example\n * const pressed = useLongPress(ref, () => console.log('callback'));\n *\n * @overload\n * @template Target The target element\n * @param {(event: LongPressEvents) => void} callback The callback function to be invoked on long press\n * @param {UseLongPressOptions} [options] The options for the long press\n * @returns {boolean} The long pressing state\n *\n * @example\n * const { ref, pressed } = useLongPress(() => console.log('callback'));\n */\nexport const useLongPress = ((...params: any[]): any => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as (event: LongPressEvents) => void;\n  const options = (target ? params[2] : params[1]) as UseLongPressOptions | undefined;\n\n  const [pressed, setPressed] = useState(false);\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const isPressedRef = useRef(false);\n  const internalRef = useRefState<Element>();\n\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const onStart = (event: LongPressEvents) => {\n      internalOptionsRef.current?.onStart?.(event);\n\n      isPressedRef.current = true;\n      timeoutIdRef.current = setTimeout(() => {\n        internalCallbackRef.current(event);\n        setPressed(true);\n      }, internalOptionsRef.current?.threshold ?? DEFAULT_THRESHOLD_TIME);\n    };\n\n    const onCancel = (event: LongPressEvents) => {\n      setPressed((prevPressed) => {\n        if (prevPressed) {\n          internalOptionsRef.current?.onFinish?.(event);\n        } else if (isPressedRef.current) {\n          internalOptionsRef.current?.onCancel?.(event);\n        }\n\n        return false;\n      });\n\n      isPressedRef.current = false;\n      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n    };\n\n    element.addEventListener('mousedown', onStart as EventListener);\n    element.addEventListener('touchstart', onStart as EventListener);\n    element.addEventListener('mouseup', onCancel as EventListener);\n    element.addEventListener('touchend', onCancel as EventListener);\n    window.addEventListener('mouseup', onCancel as EventListener);\n    window.addEventListener('touchend', onCancel as EventListener);\n\n    return () => {\n      element.removeEventListener('mousedown', onStart as EventListener);\n      element.removeEventListener('touchstart', onStart as EventListener);\n      element.removeEventListener('mouseup', onCancel as EventListener);\n      element.removeEventListener('touchend', onCancel as EventListener);\n      window.removeEventListener('mouseup', onCancel as EventListener);\n      window.removeEventListener('touchend', onCancel as EventListener);\n\n      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n    };\n  }, [target, internalRef.state]);\n\n  if (target) return pressed;\n  return {\n    ref: internalRef,\n    pressed\n  };\n}) as UseLongPress;\n"],"names":["DEFAULT_THRESHOLD_TIME","useLongPress","params","target","isTarget","callback","options","pressed","setPressed","useState","timeoutIdRef","useRef","isPressedRef","internalRef","useRefState","internalCallbackRef","internalOptionsRef","useEffect","element","getElement","onStart","event","onCancel","prevPressed"],"mappings":";;;;AAyCA,MAAMA,IAAyB,KAyBlBC,IAAgB,IAAIC,MAAuB;AACtD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAYF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACzCI,IAAWH,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAExC,CAACK,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAAeC,EAAsC,MAAS,GAC9DC,IAAeD,EAAO,EAAK,GAC3BE,IAAcC,EAAA,GAEdC,IAAsBJ,EAAON,CAAQ;AAC3C,EAAAU,EAAoB,UAAUV;AAC9B,QAAMW,IAAqBL,EAAOL,CAAO;AAqDzC,SApDAU,EAAmB,UAAUV,GAE7BW,EAAU,MAAM;AACd,QAAI,CAACd,KAAU,CAACU,EAAY,MAAO;AAEnC,UAAMK,IAAUf,IAASgB,EAAWhB,CAAM,IAAIU,EAAY;AAC1D,QAAI,CAACK,EAAS;AAEd,UAAME,IAAU,CAACC,MAA2B;AAC1C,MAAAL,EAAmB,SAAS,UAAUK,CAAK,GAE3CT,EAAa,UAAU,IACvBF,EAAa,UAAU,WAAW,MAAM;AACtC,QAAAK,EAAoB,QAAQM,CAAK,GACjCb,EAAW,EAAI;AAAA,MAAA,GACdQ,EAAmB,SAAS,aAAahB,CAAsB;AAAA,IAAA,GAG9DsB,IAAW,CAACD,MAA2B;AAC3C,MAAAb,EAAW,CAACe,OACNA,IACFP,EAAmB,SAAS,WAAWK,CAAK,IACnCT,EAAa,WACtBI,EAAmB,SAAS,WAAWK,CAAK,GAGvC,GACR,GAEDT,EAAa,UAAU,IACnBF,EAAa,WAAS,aAAaA,EAAa,OAAO;AAAA,IAAA;AAG7D,WAAAQ,EAAQ,iBAAiB,aAAaE,CAAwB,GAC9DF,EAAQ,iBAAiB,cAAcE,CAAwB,GAC/DF,EAAQ,iBAAiB,WAAWI,CAAyB,GAC7DJ,EAAQ,iBAAiB,YAAYI,CAAyB,GAC9D,OAAO,iBAAiB,WAAWA,CAAyB,GAC5D,OAAO,iBAAiB,YAAYA,CAAyB,GAEtD,MAAM;AACX,MAAAJ,EAAQ,oBAAoB,aAAaE,CAAwB,GACjEF,EAAQ,oBAAoB,cAAcE,CAAwB,GAClEF,EAAQ,oBAAoB,WAAWI,CAAyB,GAChEJ,EAAQ,oBAAoB,YAAYI,CAAyB,GACjE,OAAO,oBAAoB,WAAWA,CAAyB,GAC/D,OAAO,oBAAoB,YAAYA,CAAyB,GAE5DZ,EAAa,WAAS,aAAaA,EAAa,OAAO;AAAA,IAAA;AAAA,EAC7D,GACC,CAACP,GAAQU,EAAY,KAAK,CAAC,GAE1BV,IAAeI,IACZ;AAAA,IACL,KAAKM;AAAA,IACL,SAAAN;AAAA,EAAA;AAEJ;"}

package/dist/esm/hooks/useMap/useMap.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMap.mjs","sources":["../../../../src/hooks/useMap/useMap.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use map return type */\nexport interface UseMapReturn<Key, Value> {\n  /** The size of the map */\n  size: number;\n  /** The current map */\n  value: Map<Key, Value>;\n  /** Function to clear the map */\n  clear: () => void;\n  /** Function to check if a value exists in the map */\n  has: (key: Key) => boolean;\n  /** Function to remove a value from the map */\n  remove: (key: Key) => void;\n  /** Function to toggle a value in the map */\n  reset: () => void;\n  /** Function to add a value to the map */\n  set: (key: Key, value: Value) => void;\n}\n\n/**\n * @name useMap\n * @description - Hook that manages a map structure\n * @category Utilities\n *\n * @template Value The type of the value\n * @param {Value[]} [values] The initial array of the map\n * @returns {UseMapReturn<Key, Value>} An object containing the current map and functions to interact with the map\n *\n * @example\n * const { value, set, remove, clear, reset, size, has } = useMap([1, 'one'], [2, 'two']);\n */\nexport const useMap = <Key, Value>(values?: [Key, Value][]): UseMapReturn<Key, Value> => {\n  const [map, setMap] = useState(new Map(values));\n\n  const set = (key: Key, value: Value) => setMap((prevMap) => new Map(prevMap).set(key, value));\n  const remove = (key: Key) =>\n    setMap((prevMap) => {\n      if (!prevMap.has(key)) return prevMap;\n      const newMap = new Map(prevMap);\n      newMap.delete(key);\n      return newMap;\n    });\n  const clear = () => setMap(new Map());\n  const reset = () => setMap(new Map(values));\n  const has = (key: Key) => map.has(key);\n\n  return {\n    value: map,\n    size: map.size,\n    set,\n    has,\n    remove,\n    clear,\n    reset\n  };\n};\n"],"names":["useMap","values","map","setMap","useState","set","key","value","prevMap","remove","newMap","clear","reset","has"],"mappings":";AAgCa,MAAAA,IAAS,CAAaC,MAAsD;AACjF,QAAA,CAACC,GAAKC,CAAM,IAAIC,EAAS,IAAI,IAAIH,CAAM,CAAC,GAExCI,IAAM,CAACC,GAAUC,MAAiBJ,EAAO,CAACK,MAAY,IAAI,IAAIA,CAAO,EAAE,IAAIF,GAAKC,CAAK,CAAC,GACtFE,IAAS,CAACH,MACdH,EAAO,CAACK,MAAY;AAClB,QAAI,CAACA,EAAQ,IAAIF,CAAG,EAAU,QAAAE;AACxB,UAAAE,IAAS,IAAI,IAAIF,CAAO;AAC9B,WAAAE,EAAO,OAAOJ,CAAG,GACVI;AAAA,EAAA,CACR,GACGC,IAAQ,MAAMR,EAAO,oBAAI,KAAK,GAC9BS,IAAQ,MAAMT,EAAO,IAAI,IAAIF,CAAM,CAAC,GACpCY,IAAM,CAACP,MAAaJ,EAAI,IAAII,CAAG;AAE9B,SAAA;AAAA,IACL,OAAOJ;AAAA,IACP,MAAMA,EAAI;AAAA,IACV,KAAAG;AAAA,IACA,KAAAQ;AAAA,IACA,QAAAJ;AAAA,IACA,OAAAE;AAAA,IACA,OAAAC;AAAA,EACF;AACF;"}
+{"version":3,"file":"useMap.mjs","sources":["../../../../src/hooks/useMap/useMap.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use map return type */\nexport interface UseMapReturn<Key, Value> {\n  /** The size of the map */\n  size: number;\n  /** The current map */\n  value: Map<Key, Value>;\n  /** Function to clear the map */\n  clear: () => void;\n  /** Function to check if a value exists in the map */\n  has: (key: Key) => boolean;\n  /** Function to remove a value from the map */\n  remove: (key: Key) => void;\n  /** Function to toggle a value in the map */\n  reset: () => void;\n  /** Function to add a value to the map */\n  set: (key: Key, value: Value) => void;\n}\n\n/**\n * @name useMap\n * @description - Hook that manages a map structure\n * @category Utilities\n *\n * @template Value The type of the value\n * @param {Value[]} [values] The initial array of the map\n * @returns {UseMapReturn<Key, Value>} An object containing the current map and functions to interact with the map\n *\n * @example\n * const { value, set, remove, clear, reset, size, has } = useMap([1, 'one'], [2, 'two']);\n */\nexport const useMap = <Key, Value>(values?: [Key, Value][]): UseMapReturn<Key, Value> => {\n  const [map, setMap] = useState(new Map(values));\n\n  const set = (key: Key, value: Value) => setMap((prevMap) => new Map(prevMap).set(key, value));\n  const remove = (key: Key) =>\n    setMap((prevMap) => {\n      if (!prevMap.has(key)) return prevMap;\n      const newMap = new Map(prevMap);\n      newMap.delete(key);\n      return newMap;\n    });\n  const clear = () => setMap(new Map());\n  const reset = () => setMap(new Map(values));\n  const has = (key: Key) => map.has(key);\n\n  return {\n    value: map,\n    size: map.size,\n    set,\n    has,\n    remove,\n    clear,\n    reset\n  };\n};\n"],"names":["useMap","values","map","setMap","useState","set","key","value","prevMap","remove","newMap","clear","reset","has"],"mappings":";AAgCO,MAAMA,IAAS,CAAaC,MAAsD;AACvF,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAS,IAAI,IAAIH,CAAM,CAAC,GAExCI,IAAM,CAACC,GAAUC,MAAiBJ,EAAO,CAACK,MAAY,IAAI,IAAIA,CAAO,EAAE,IAAIF,GAAKC,CAAK,CAAC,GACtFE,IAAS,CAACH,MACdH,EAAO,CAACK,MAAY;AAClB,QAAI,CAACA,EAAQ,IAAIF,CAAG,EAAG,QAAOE;AAC9B,UAAME,IAAS,IAAI,IAAIF,CAAO;AAC9B,WAAAE,EAAO,OAAOJ,CAAG,GACVI;AAAA,EAAA,CACR,GACGC,IAAQ,MAAMR,EAAO,oBAAI,KAAK,GAC9BS,IAAQ,MAAMT,EAAO,IAAI,IAAIF,CAAM,CAAC,GACpCY,IAAM,CAACP,MAAaJ,EAAI,IAAII,CAAG;AAErC,SAAO;AAAA,IACL,OAAOJ;AAAA,IACP,MAAMA,EAAI;AAAA,IACV,KAAAG;AAAA,IACA,KAAAQ;AAAA,IACA,QAAAJ;AAAA,IACA,OAAAE;AAAA,IACA,OAAAC;AAAA,EAAA;AAEJ;"}

package/dist/esm/hooks/useMeasure/useMeasure.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMeasure.mjs","sources":["../../../../src/hooks/useMeasure/useMeasure.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\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 UseMeasure {\n  (target: HookTarget): UseMeasureReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): UseMeasureReturn & {\n    ref: StateRef<Target>;\n  };\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 * @param {HookTarget} 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: StateRef<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 = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\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  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[0];\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    resizeObserver.observe(element);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [target, internalRef.state]);\n\n  if (target) return rect;\n  return { ref: internalRef, ...rect };\n}) as UseMeasure;\n"],"names":["useMeasure","params","target","isTarget","internalRef","useRefState","rect","setRect","useState","useEffect","element","getElement","resizeObserver","entries","entry","x","y","width","height","top","left","bottom","right"],"mappings":";;;;AA6Ca,MAAAA,IAAc,IAAIC,MAAkB;AACzC,QAAAC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE5CG,IAAcC,EAAqB,GACnC,CAACC,GAAMC,CAAO,IAAIC,EAAS;AAAA,IAC/B,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA,CACR;AAuBD,SArBAC,EAAU,MAAM;AACd,QAAI,CAACP,KAAU,CAACE,EAAY,MAAO;AAEnC,UAAMM,IAAWR,IAASS,EAAWT,CAAM,IAAIE,EAAY;AAC3D,QAAI,CAACM,EAAS;AAEd,UAAME,IAAiB,IAAI,eAAe,CAACC,MAAY;AAC/C,YAAAC,IAAQD,EAAQ,CAAC;AACvB,UAAI,CAACC,EAAO;AAEN,YAAA,EAAE,GAAAC,GAAG,GAAAC,GAAG,OAAAC,GAAO,QAAAC,GAAQ,KAAAC,GAAK,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,EAAM,IAAIR,EAAM;AACxD,MAAAP,EAAA,EAAE,GAAAQ,GAAG,GAAAC,GAAG,OAAAC,GAAO,QAAAC,GAAQ,KAAAC,GAAK,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,GAAO;AAAA,IAAA,CAC1D;AAED,WAAAV,EAAe,QAAQF,CAAO,GAEvB,MAAM;AACX,MAAAE,EAAe,WAAW;AAAA,IAC5B;AAAA,EACC,GAAA,CAACV,GAAQE,EAAY,KAAK,CAAC,GAE1BF,IAAeI,IACZ,EAAE,KAAKF,GAAa,GAAGE,EAAK;AACrC;"}
+{"version":3,"file":"useMeasure.mjs","sources":["../../../../src/hooks/useMeasure/useMeasure.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\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 UseMeasure {\n  (target: HookTarget): UseMeasureReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): UseMeasureReturn & {\n    ref: StateRef<Target>;\n  };\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 * @param {HookTarget} 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: StateRef<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 = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\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  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[0];\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    resizeObserver.observe(element);\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [target, internalRef.state]);\n\n  if (target) return rect;\n  return { ref: internalRef, ...rect };\n}) as UseMeasure;\n"],"names":["useMeasure","params","target","isTarget","internalRef","useRefState","rect","setRect","useState","useEffect","element","getElement","resizeObserver","entries","entry","x","y","width","height","top","left","bottom","right"],"mappings":";;;;AA6CO,MAAMA,IAAc,IAAIC,MAAkB;AAC/C,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE5CG,IAAcC,EAAA,GACd,CAACC,GAAMC,CAAO,IAAIC,EAAS;AAAA,IAC/B,GAAG;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA,CACR;AAuBD,SArBAC,EAAU,MAAM;AACd,QAAI,CAACP,KAAU,CAACE,EAAY,MAAO;AAEnC,UAAMM,IAAWR,IAASS,EAAWT,CAAM,IAAIE,EAAY;AAC3D,QAAI,CAACM,EAAS;AAEd,UAAME,IAAiB,IAAI,eAAe,CAACC,MAAY;AACrD,YAAMC,IAAQD,EAAQ,CAAC;AACvB,UAAI,CAACC,EAAO;AAEZ,YAAM,EAAE,GAAAC,GAAG,GAAAC,GAAG,OAAAC,GAAO,QAAAC,GAAQ,KAAAC,GAAK,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,EAAA,IAAUR,EAAM;AAChE,MAAAP,EAAQ,EAAE,GAAAQ,GAAG,GAAAC,GAAG,OAAAC,GAAO,QAAAC,GAAQ,KAAAC,GAAK,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,GAAO;AAAA,IAAA,CAC1D;AAED,WAAAV,EAAe,QAAQF,CAAO,GAEvB,MAAM;AACX,MAAAE,EAAe,WAAA;AAAA,IAAW;AAAA,EAC5B,GACC,CAACV,GAAQE,EAAY,KAAK,CAAC,GAE1BF,IAAeI,IACZ,EAAE,KAAKF,GAAa,GAAGE,EAAA;AAChC;"}

package/dist/esm/hooks/useMediaQuery/useMediaQuery.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.mjs","sources":["../../../../src/hooks/useMediaQuery/useMediaQuery.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from 'react';\n\nconst getServerSnapshot = () => false;\n\n/**\n * @name useMediaQuery\n * @description - Hook that manages a media query\n * @category Browser\n *\n * @browserapi window.matchMedia https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia\n *\n * @param {string} query The media query string\n * @returns {boolean} A boolean indicating if the media query matches\n *\n * @example\n * const matches = useMediaQuery('(max-width: 768px)');\n */\nexport const useMediaQuery = (query: string) => {\n  const subscribe = useCallback(\n    (callback: () => void) => {\n      const matchMedia = window.matchMedia(query);\n\n      matchMedia.addEventListener('change', callback);\n      return () => {\n        matchMedia.removeEventListener('change', callback);\n      };\n    },\n    [query]\n  );\n\n  const getSnapshot = () => window.matchMedia(query).matches;\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n};\n"],"names":["getServerSnapshot","useMediaQuery","query","subscribe","useCallback","callback","matchMedia","useSyncExternalStore"],"mappings":";AAEA,MAAMA,IAAoB,MAAM,IAenBC,IAAgB,CAACC,MAAkB;AAC9C,QAAMC,IAAYC;AAAA,IAChB,CAACC,MAAyB;AAClB,YAAAC,IAAa,OAAO,WAAWJ,CAAK;AAE/B,aAAAI,EAAA,iBAAiB,UAAUD,CAAQ,GACvC,MAAM;AACA,QAAAC,EAAA,oBAAoB,UAAUD,CAAQ;AAAA,MACnD;AAAA,IACF;AAAA,IACA,CAACH,CAAK;AAAA,EACR;AAIO,SAAAK,EAAqBJ,GAFR,MAAM,OAAO,WAAWD,CAAK,EAAE,SAECF,CAAiB;AACvE;"}
+{"version":3,"file":"useMediaQuery.mjs","sources":["../../../../src/hooks/useMediaQuery/useMediaQuery.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from 'react';\n\nconst getServerSnapshot = () => false;\n\n/**\n * @name useMediaQuery\n * @description - Hook that manages a media query\n * @category Browser\n *\n * @browserapi window.matchMedia https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia\n *\n * @param {string} query The media query string\n * @returns {boolean} A boolean indicating if the media query matches\n *\n * @example\n * const matches = useMediaQuery('(max-width: 768px)');\n */\nexport const useMediaQuery = (query: string) => {\n  const subscribe = useCallback(\n    (callback: () => void) => {\n      const matchMedia = window.matchMedia(query);\n\n      matchMedia.addEventListener('change', callback);\n      return () => {\n        matchMedia.removeEventListener('change', callback);\n      };\n    },\n    [query]\n  );\n\n  const getSnapshot = () => window.matchMedia(query).matches;\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n};\n"],"names":["getServerSnapshot","useMediaQuery","query","subscribe","useCallback","callback","matchMedia","useSyncExternalStore"],"mappings":";AAEA,MAAMA,IAAoB,MAAM,IAenBC,IAAgB,CAACC,MAAkB;AAC9C,QAAMC,IAAYC;AAAA,IAChB,CAACC,MAAyB;AACxB,YAAMC,IAAa,OAAO,WAAWJ,CAAK;AAE1C,aAAAI,EAAW,iBAAiB,UAAUD,CAAQ,GACvC,MAAM;AACX,QAAAC,EAAW,oBAAoB,UAAUD,CAAQ;AAAA,MAAA;AAAA,IACnD;AAAA,IAEF,CAACH,CAAK;AAAA,EAAA;AAKR,SAAOK,EAAqBJ,GAFR,MAAM,OAAO,WAAWD,CAAK,EAAE,SAECF,CAAiB;AACvE;"}

package/dist/esm/hooks/useMemory/useMemory.mjs

@@ -2,7 +2,7 @@ import { useState as o } from "react";
 import { useInterval as t } from "../useInterval/useInterval.mjs";
 const n = () => {
   const e = performance && "memory" in performance && !!performance.memory, [r, m] = o(
-    (performance == null ? void 0 : performance.memory) ?? {
+    performance?.memory ?? {
       jsHeapSizeLimit: 0,
       totalJSHeapSize: 0,
       usedJSHeapSize: 0

package/dist/esm/hooks/useMemory/useMemory.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMemory.mjs","sources":["../../../../src/hooks/useMemory/useMemory.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useInterval } from '../useInterval/useInterval';\n\ndeclare global {\n  interface Performance {\n    memory: {\n      readonly jsHeapSizeLimit: number;\n      readonly totalJSHeapSize: number;\n      readonly usedJSHeapSize: number;\n    };\n  }\n}\n\n/** The use memory return type */\nexport interface UseMemoryReturn {\n  /** The memory supported status */\n  supported: boolean;\n  /** The current memory usage */\n  value: Performance['memory'];\n}\n\n/**\n * @name useMemory\n * @description - Hook that gives you current memory usage\n * @category Browser\n *\n * @browserapi performance.memory https://developer.mozilla.org/en-US/docs/Web/API/Performance/memory\n *\n * @returns {UseMemoryReturn} An object containing the current memory usage\n *\n * @example\n * const { supported, value } = useMemory();\n */\nexport const useMemory = (): UseMemoryReturn => {\n  const supported = performance && 'memory' in performance && !!performance.memory;\n  const [value, setValue] = useState<Performance['memory']>(\n    performance?.memory ?? {\n      jsHeapSizeLimit: 0,\n      totalJSHeapSize: 0,\n      usedJSHeapSize: 0\n    }\n  );\n\n  useInterval(() => setValue(performance.memory), 1000, {\n    immediately: supported\n  });\n\n  return { supported, value };\n};\n"],"names":["useMemory","supported","value","setValue","useState","useInterval"],"mappings":";;AAkCO,MAAMA,IAAY,MAAuB;AAC9C,QAAMC,IAAY,eAAe,YAAY,eAAe,CAAC,CAAC,YAAY,QACpE,CAACC,GAAOC,CAAQ,IAAIC;AAAA,KACxB,2CAAa,WAAU;AAAA,MACrB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,gBAAgB;AAAA,IAAA;AAAA,EAEpB;AAEA,SAAAC,EAAY,MAAMF,EAAS,YAAY,MAAM,GAAG,KAAM;AAAA,IACpD,aAAaF;AAAA,EAAA,CACd,GAEM,EAAE,WAAAA,GAAW,OAAAC,EAAM;AAC5B;"}
+{"version":3,"file":"useMemory.mjs","sources":["../../../../src/hooks/useMemory/useMemory.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useInterval } from '../useInterval/useInterval';\n\ndeclare global {\n  interface Performance {\n    memory: {\n      readonly jsHeapSizeLimit: number;\n      readonly totalJSHeapSize: number;\n      readonly usedJSHeapSize: number;\n    };\n  }\n}\n\n/** The use memory return type */\nexport interface UseMemoryReturn {\n  /** The memory supported status */\n  supported: boolean;\n  /** The current memory usage */\n  value: Performance['memory'];\n}\n\n/**\n * @name useMemory\n * @description - Hook that gives you current memory usage\n * @category Browser\n *\n * @browserapi performance.memory https://developer.mozilla.org/en-US/docs/Web/API/Performance/memory\n *\n * @returns {UseMemoryReturn} An object containing the current memory usage\n *\n * @example\n * const { supported, value } = useMemory();\n */\nexport const useMemory = (): UseMemoryReturn => {\n  const supported = performance && 'memory' in performance && !!performance.memory;\n  const [value, setValue] = useState<Performance['memory']>(\n    performance?.memory ?? {\n      jsHeapSizeLimit: 0,\n      totalJSHeapSize: 0,\n      usedJSHeapSize: 0\n    }\n  );\n\n  useInterval(() => setValue(performance.memory), 1000, {\n    immediately: supported\n  });\n\n  return { supported, value };\n};\n"],"names":["useMemory","supported","value","setValue","useState","useInterval"],"mappings":";;AAkCO,MAAMA,IAAY,MAAuB;AAC9C,QAAMC,IAAY,eAAe,YAAY,eAAe,CAAC,CAAC,YAAY,QACpE,CAACC,GAAOC,CAAQ,IAAIC;AAAA,IACxB,aAAa,UAAU;AAAA,MACrB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAGF,SAAAC,EAAY,MAAMF,EAAS,YAAY,MAAM,GAAG,KAAM;AAAA,IACpD,aAAaF;AAAA,EAAA,CACd,GAEM,EAAE,WAAAA,GAAW,OAAAC,EAAA;AACtB;"}

package/dist/esm/hooks/useMount/useMount.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMount.mjs","sources":["../../../../src/hooks/useMount/useMount.ts"],"sourcesContent":["import type { EffectCallback } from 'react';\n\nimport { useEffect } from 'react';\n\n/**\n * @name useMount\n * @description - Hook that executes a callback when the component mounts\n * @category Lifecycle\n *\n * @param {EffectCallback} effect The callback to execute\n *\n * @example\n * useMount(() => console.log('This effect runs on the initial render'));\n */\nexport const useMount = (effect: EffectCallback) => useEffect(effect, []);\n"],"names":["useMount","effect","useEffect"],"mappings":";AAcO,MAAMA,IAAW,CAACC,MAA2BC,EAAUD,GAAQ,CAAE,CAAA;"}
+{"version":3,"file":"useMount.mjs","sources":["../../../../src/hooks/useMount/useMount.ts"],"sourcesContent":["import type { EffectCallback } from 'react';\n\nimport { useEffect } from 'react';\n\n/**\n * @name useMount\n * @description - Hook that executes a callback when the component mounts\n * @category Lifecycle\n *\n * @param {EffectCallback} effect The callback to execute\n *\n * @example\n * useMount(() => console.log('This effect runs on the initial render'));\n */\nexport const useMount = (effect: EffectCallback) => useEffect(effect, []);\n"],"names":["useMount","effect","useEffect"],"mappings":";AAcO,MAAMA,IAAW,CAACC,MAA2BC,EAAUD,GAAQ,CAAA,CAAE;"}

package/dist/esm/hooks/useMouse/useMouse.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMouse.mjs","sources":["../../../../src/hooks/useMouse/useMouse.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use mouse return type */\nexport interface UseMouseReturn {\n  /** The current mouse client x position */\n  clientX: number;\n  /** The current mouse client y position */\n  clientY: number;\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: HookTarget): UseMouseReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): UseMouseReturn & {\n    ref: StateRef<Target>;\n  };\n\n  (target?: Window): UseMouseReturn;\n}\n\n/**\n * @name useMouse\n * @description - Hook that manages a mouse position\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} [target=window] 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, clientX, clientY, elementX, elementY, elementPositionX, elementPositionY } = useMouse(ref);\n *\n * @overload\n * @template Target The target element\n * @returns {UseMouseReturn & { ref: StateRef<Target> }} An object with the current mouse position and a ref\n *\n * @example\n * const { ref, x, y, clientX, clientY, elementX, elementY, elementPositionX, elementPositionY } = useMouse();\n */\nexport const useMouse = ((...params: any[]) => {\n  const target = isTarget(params[0]) ? params[0] : undefined;\n\n  const [value, setValue] = useState<UseMouseReturn>({\n    x: 0,\n    y: 0,\n    elementX: 0,\n    elementY: 0,\n    elementPositionX: 0,\n    elementPositionY: 0,\n    clientX: 0,\n    clientY: 0\n  });\n\n  const internalRef = useRefState<Element>();\n\n  useEffect(() => {\n    const onMouseMove = (event: MouseEvent) => {\n      const element = (target ? getElement(target) : internalRef.current) as Element | undefined;\n\n      const updatedValue = {\n        x: event.pageX,\n        y: event.pageY,\n        clientX: event.clientX,\n        clientY: event.clientY\n      } as typeof value;\n\n      if (element) {\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.elementX = elementX;\n        updatedValue.elementY = elementY;\n        updatedValue.elementPositionX = elementPositionX;\n        updatedValue.elementPositionY = elementPositionY;\n\n        setValue((prevValue) => ({\n          ...prevValue,\n          ...updatedValue\n        }));\n      } else {\n        updatedValue.elementX = event.pageX;\n        updatedValue.elementY = event.pageY;\n        updatedValue.elementPositionX = 0;\n        updatedValue.elementPositionY = 0;\n\n        setValue((prevValue) => ({\n          ...prevValue,\n          ...updatedValue\n        }));\n      }\n    };\n\n    const onScroll = () => {\n      setValue((prevValue) => ({\n        ...prevValue,\n        x: prevValue.x + window.scrollX - prevValue.elementPositionX,\n        y: prevValue.y + window.scrollY - prevValue.elementPositionY,\n        elementPositionX: window.scrollX,\n        elementPositionY: window.scrollY\n      }));\n    };\n\n    document.addEventListener('scroll', onScroll, { passive: true });\n    document.addEventListener('mousemove', onMouseMove);\n    return () => {\n      document.removeEventListener('scroll', onScroll);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [internalRef.state, target]);\n\n  if (target) return value;\n  return {\n    ref: internalRef,\n    ...value\n  };\n}) as UseMouse;\n"],"names":["useMouse","params","target","isTarget","value","setValue","useState","internalRef","useRefState","useEffect","onMouseMove","event","element","getElement","updatedValue","left","top","elementPositionX","elementPositionY","elementX","elementY","prevValue","onScroll"],"mappings":";;;;AA6Da,MAAAA,IAAY,IAAIC,MAAkB;AACvC,QAAAC,IAASC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE3C,CAACG,GAAOC,CAAQ,IAAIC,EAAyB;AAAA,IACjD,GAAG;AAAA,IACH,GAAG;AAAA,IACH,UAAU;AAAA,IACV,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,SAAS;AAAA,IACT,SAAS;AAAA,EAAA,CACV,GAEKC,IAAcC,EAAqB;AA4DzC,SA1DAC,EAAU,MAAM;AACR,UAAAC,IAAc,CAACC,MAAsB;AACzC,YAAMC,IAAWV,IAASW,EAAWX,CAAM,IAAIK,EAAY,SAErDO,IAAe;AAAA,QACnB,GAAGH,EAAM;AAAA,QACT,GAAGA,EAAM;AAAA,QACT,SAASA,EAAM;AAAA,QACf,SAASA,EAAM;AAAA,MACjB;AAEA,UAAIC,GAAS;AACX,cAAM,EAAE,MAAAG,GAAM,KAAAC,MAAQJ,EAAQ,sBAAsB,GAC9CK,IAAmBF,IAAO,OAAO,SACjCG,IAAmBF,IAAM,OAAO,SAChCG,IAAWR,EAAM,QAAQM,GACzBG,IAAWT,EAAM,QAAQO;AAE/B,QAAAJ,EAAa,WAAWK,GACxBL,EAAa,WAAWM,GACxBN,EAAa,mBAAmBG,GAChCH,EAAa,mBAAmBI,GAEhCb,EAAS,CAACgB,OAAe;AAAA,UACvB,GAAGA;AAAA,UACH,GAAGP;AAAA,QAAA,EACH;AAAA,MAAA;AAEF,QAAAA,EAAa,WAAWH,EAAM,OAC9BG,EAAa,WAAWH,EAAM,OAC9BG,EAAa,mBAAmB,GAChCA,EAAa,mBAAmB,GAEhCT,EAAS,CAACgB,OAAe;AAAA,UACvB,GAAGA;AAAA,UACH,GAAGP;AAAA,QAAA,EACH;AAAA,IAEN,GAEMQ,IAAW,MAAM;AACrB,MAAAjB,EAAS,CAACgB,OAAe;AAAA,QACvB,GAAGA;AAAA,QACH,GAAGA,EAAU,IAAI,OAAO,UAAUA,EAAU;AAAA,QAC5C,GAAGA,EAAU,IAAI,OAAO,UAAUA,EAAU;AAAA,QAC5C,kBAAkB,OAAO;AAAA,QACzB,kBAAkB,OAAO;AAAA,MAAA,EACzB;AAAA,IACJ;AAEA,oBAAS,iBAAiB,UAAUC,GAAU,EAAE,SAAS,IAAM,GACtD,SAAA,iBAAiB,aAAaZ,CAAW,GAC3C,MAAM;AACF,eAAA,oBAAoB,UAAUY,CAAQ,GACtC,SAAA,oBAAoB,aAAaZ,CAAW;AAAA,IACvD;AAAA,EACC,GAAA,CAACH,EAAY,OAAOL,CAAM,CAAC,GAE1BA,IAAeE,IACZ;AAAA,IACL,KAAKG;AAAA,IACL,GAAGH;AAAA,EACL;AACF;"}
+{"version":3,"file":"useMouse.mjs","sources":["../../../../src/hooks/useMouse/useMouse.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use mouse return type */\nexport interface UseMouseReturn {\n  /** The current mouse client x position */\n  clientX: number;\n  /** The current mouse client y position */\n  clientY: number;\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: HookTarget): UseMouseReturn;\n\n  <Target extends Element>(\n    target?: never\n  ): UseMouseReturn & {\n    ref: StateRef<Target>;\n  };\n\n  (target?: Window): UseMouseReturn;\n}\n\n/**\n * @name useMouse\n * @description - Hook that manages a mouse position\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} [target=window] 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, clientX, clientY, elementX, elementY, elementPositionX, elementPositionY } = useMouse(ref);\n *\n * @overload\n * @template Target The target element\n * @returns {UseMouseReturn & { ref: StateRef<Target> }} An object with the current mouse position and a ref\n *\n * @example\n * const { ref, x, y, clientX, clientY, elementX, elementY, elementPositionX, elementPositionY } = useMouse();\n */\nexport const useMouse = ((...params: any[]) => {\n  const target = isTarget(params[0]) ? params[0] : undefined;\n\n  const [value, setValue] = useState<UseMouseReturn>({\n    x: 0,\n    y: 0,\n    elementX: 0,\n    elementY: 0,\n    elementPositionX: 0,\n    elementPositionY: 0,\n    clientX: 0,\n    clientY: 0\n  });\n\n  const internalRef = useRefState<Element>();\n\n  useEffect(() => {\n    const onMouseMove = (event: MouseEvent) => {\n      const element = (target ? getElement(target) : internalRef.current) as Element | undefined;\n\n      const updatedValue = {\n        x: event.pageX,\n        y: event.pageY,\n        clientX: event.clientX,\n        clientY: event.clientY\n      } as typeof value;\n\n      if (element) {\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.elementX = elementX;\n        updatedValue.elementY = elementY;\n        updatedValue.elementPositionX = elementPositionX;\n        updatedValue.elementPositionY = elementPositionY;\n\n        setValue((prevValue) => ({\n          ...prevValue,\n          ...updatedValue\n        }));\n      } else {\n        updatedValue.elementX = event.pageX;\n        updatedValue.elementY = event.pageY;\n        updatedValue.elementPositionX = 0;\n        updatedValue.elementPositionY = 0;\n\n        setValue((prevValue) => ({\n          ...prevValue,\n          ...updatedValue\n        }));\n      }\n    };\n\n    const onScroll = () => {\n      setValue((prevValue) => ({\n        ...prevValue,\n        x: prevValue.x + window.scrollX - prevValue.elementPositionX,\n        y: prevValue.y + window.scrollY - prevValue.elementPositionY,\n        elementPositionX: window.scrollX,\n        elementPositionY: window.scrollY\n      }));\n    };\n\n    document.addEventListener('scroll', onScroll, { passive: true });\n    document.addEventListener('mousemove', onMouseMove);\n    return () => {\n      document.removeEventListener('scroll', onScroll);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [internalRef.state, target]);\n\n  if (target) return value;\n  return {\n    ref: internalRef,\n    ...value\n  };\n}) as UseMouse;\n"],"names":["useMouse","params","target","isTarget","value","setValue","useState","internalRef","useRefState","useEffect","onMouseMove","event","element","getElement","updatedValue","left","top","elementPositionX","elementPositionY","elementX","elementY","prevValue","onScroll"],"mappings":";;;;AA6DO,MAAMA,IAAY,IAAIC,MAAkB;AAC7C,QAAMC,IAASC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE3C,CAACG,GAAOC,CAAQ,IAAIC,EAAyB;AAAA,IACjD,GAAG;AAAA,IACH,GAAG;AAAA,IACH,UAAU;AAAA,IACV,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,SAAS;AAAA,IACT,SAAS;AAAA,EAAA,CACV,GAEKC,IAAcC,EAAA;AA4DpB,SA1DAC,EAAU,MAAM;AACd,UAAMC,IAAc,CAACC,MAAsB;AACzC,YAAMC,IAAWV,IAASW,EAAWX,CAAM,IAAIK,EAAY,SAErDO,IAAe;AAAA,QACnB,GAAGH,EAAM;AAAA,QACT,GAAGA,EAAM;AAAA,QACT,SAASA,EAAM;AAAA,QACf,SAASA,EAAM;AAAA,MAAA;AAGjB,UAAIC,GAAS;AACX,cAAM,EAAE,MAAAG,GAAM,KAAAC,MAAQJ,EAAQ,sBAAA,GACxBK,IAAmBF,IAAO,OAAO,SACjCG,IAAmBF,IAAM,OAAO,SAChCG,IAAWR,EAAM,QAAQM,GACzBG,IAAWT,EAAM,QAAQO;AAE/B,QAAAJ,EAAa,WAAWK,GACxBL,EAAa,WAAWM,GACxBN,EAAa,mBAAmBG,GAChCH,EAAa,mBAAmBI,GAEhCb,EAAS,CAACgB,OAAe;AAAA,UACvB,GAAGA;AAAA,UACH,GAAGP;AAAA,QAAA,EACH;AAAA,MAAA;AAEF,QAAAA,EAAa,WAAWH,EAAM,OAC9BG,EAAa,WAAWH,EAAM,OAC9BG,EAAa,mBAAmB,GAChCA,EAAa,mBAAmB,GAEhCT,EAAS,CAACgB,OAAe;AAAA,UACvB,GAAGA;AAAA,UACH,GAAGP;AAAA,QAAA,EACH;AAAA,IACJ,GAGIQ,IAAW,MAAM;AACrB,MAAAjB,EAAS,CAACgB,OAAe;AAAA,QACvB,GAAGA;AAAA,QACH,GAAGA,EAAU,IAAI,OAAO,UAAUA,EAAU;AAAA,QAC5C,GAAGA,EAAU,IAAI,OAAO,UAAUA,EAAU;AAAA,QAC5C,kBAAkB,OAAO;AAAA,QACzB,kBAAkB,OAAO;AAAA,MAAA,EACzB;AAAA,IAAA;AAGJ,oBAAS,iBAAiB,UAAUC,GAAU,EAAE,SAAS,IAAM,GAC/D,SAAS,iBAAiB,aAAaZ,CAAW,GAC3C,MAAM;AACX,eAAS,oBAAoB,UAAUY,CAAQ,GAC/C,SAAS,oBAAoB,aAAaZ,CAAW;AAAA,IAAA;AAAA,EACvD,GACC,CAACH,EAAY,OAAOL,CAAM,CAAC,GAE1BA,IAAeE,IACZ;AAAA,IACL,KAAKG;AAAA,IACL,GAAGH;AAAA,EAAA;AAEP;"}

package/dist/esm/hooks/useMutation/useMutation.mjs

@@ -1,64 +1,60 @@
-import { useState as S } from "react";
-const F = (M, y) => {
-  const [a, g] = S(!1), [j, h] = S(!1), [k, A] = S(!1), [v, L] = S(null), [w, T] = S(null), E = (l, c) => {
-    g(!0);
-    const r = (c == null ? void 0 : c.attempt) ?? 0;
-    return M(l).then((f) => {
-      var D;
-      return (D = c == null ? void 0 : c.onSuccess) == null || D.call(c, f), T(f), A(!0), g(!1), L(null), h(!1), f;
-    }).catch((f) => {
-      var x;
-      const D = typeof (c == null ? void 0 : c.retry) == "function" ? c == null ? void 0 : c.retry(r, f) : c == null ? void 0 : c.retry, I = typeof (c == null ? void 0 : c.retryDelay) == "function" ? c == null ? void 0 : c.retryDelay(r, f) : c == null ? void 0 : c.retryDelay;
-      if (typeof D == "boolean" && D) {
-        if (I) {
+import { useState as n } from "react";
+const M = (S, c) => {
+  const [m, u] = n(!1), [I, f] = n(!1), [g, o] = n(!1), [h, D] = n(null), [A, E] = n(null), y = (t, r) => {
+    u(!0);
+    const e = r?.attempt ?? 0;
+    return S(t).then((a) => (r?.onSuccess?.(a), E(a), o(!0), u(!1), D(null), f(!1), a)).catch((a) => {
+      const l = typeof r?.retry == "function" ? r?.retry(e, a) : r?.retry, s = typeof r?.retryDelay == "function" ? r?.retryDelay(e, a) : r?.retryDelay;
+      if (typeof l == "boolean" && l) {
+        if (s) {
           setTimeout(
-            () => E(l, { ...c, attempt: r + 1 }),
-            I
+            () => y(t, { ...r, attempt: e + 1 }),
+            s
           );
           return;
         }
-        return E(l, { ...c, attempt: r + 1 });
+        return y(t, { ...r, attempt: e + 1 });
       }
-      if (D && D > r) {
-        if (I) {
+      if (l && l > e) {
+        if (s) {
           setTimeout(
-            () => E(l, { ...c, attempt: r + 1 }),
-            I
+            () => y(t, { ...r, attempt: e + 1 }),
+            s
           );
           return;
         }
-        return E(l, { ...c, attempt: r + 1 });
+        return y(t, { ...r, attempt: e + 1 });
       }
-      (x = c == null ? void 0 : c.onError) == null || x.call(c, f), T(null), A(!1), g(!1), L(f), h(!0);
+      r?.onError?.(a), E(null), o(!1), u(!1), D(a), f(!0);
     });
   };
   return {
-    data: w,
-    error: v,
-    mutate: (l, c) => {
-      const r = {
-        retry: (c == null ? void 0 : c.retry) ?? (y == null ? void 0 : y.retry),
-        retryDelay: (c == null ? void 0 : c.retryDelay) ?? (y == null ? void 0 : y.retryDelay),
-        onSuccess: (c == null ? void 0 : c.onSuccess) ?? (y == null ? void 0 : y.onSuccess),
-        onError: (c == null ? void 0 : c.onError) ?? (y == null ? void 0 : y.onError)
+    data: A,
+    error: h,
+    mutate: (t, r) => {
+      const e = {
+        retry: r?.retry ?? c?.retry,
+        retryDelay: r?.retryDelay ?? c?.retryDelay,
+        onSuccess: r?.onSuccess ?? c?.onSuccess,
+        onError: r?.onError ?? c?.onError
       };
-      E(l, r);
+      y(t, e);
     },
-    mutateAsync: async (l, c) => {
-      const r = {
-        retry: (c == null ? void 0 : c.retry) ?? (y == null ? void 0 : y.retry),
-        retryDelay: (c == null ? void 0 : c.retryDelay) ?? (y == null ? void 0 : y.retryDelay),
-        onSuccess: (c == null ? void 0 : c.onSuccess) ?? (y == null ? void 0 : y.onSuccess),
-        onError: (c == null ? void 0 : c.onError) ?? (y == null ? void 0 : y.onError)
+    mutateAsync: async (t, r) => {
+      const e = {
+        retry: r?.retry ?? c?.retry,
+        retryDelay: r?.retryDelay ?? c?.retryDelay,
+        onSuccess: r?.onSuccess ?? c?.onSuccess,
+        onError: r?.onError ?? c?.onError
       };
-      return E(l, r);
+      return y(t, e);
     },
-    isLoading: a,
-    isError: j,
-    isSuccess: k
+    isLoading: m,
+    isError: I,
+    isSuccess: g
   };
 };
 export {
-  F as useMutation
+  M as useMutation
 };
 //# sourceMappingURL=useMutation.mjs.map

package/dist/esm/hooks/useMutation/useMutation.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMutation.mjs","sources":["../../../../src/hooks/useMutation/useMutation.ts"],"sourcesContent":["import { useState } from 'react';\n\n/* The type of the options */\ninterface UseMutationOptions<Data> {\n  /* The retry count of requests */\n  retry?: ((failureCount: number, error: Error) => boolean) | boolean | number;\n  /* The retry delay of requests */\n  retryDelay?: ((retry: number, error: Error) => number) | number;\n  /* The callback function to be invoked on error */\n  onError?: (error: Error) => void;\n  /* The callback function to be invoked on success */\n  onSuccess?: (data: Data) => void;\n}\n\n/* The use mutation return type */\ninterface UseMutationReturn<Body, Data> {\n  /* The data of the mutation */\n  data: Data | null;\n  /* The error of the mutation */\n  error: Error | null;\n  /* The error state of the mutation */\n  isError: boolean;\n  /* The loading state of the mutation */\n  isLoading: boolean;\n  /* The success state of the mutation */\n  isSuccess: boolean;\n  /* The mutate function */\n  mutate: (body?: Body, options?: UseMutationOptions<Data>) => void;\n  /* The mutate async function */\n  mutateAsync: (body?: Body, options?: UseMutationOptions<Data>) => Promise<Data>;\n}\n\nexport interface RequestOptions<Data> extends UseMutationOptions<Data> {\n  /* The attempt count */\n  attempt?: number;\n}\n\n/**\n * @name useMutation\n * @description - Hook that defines the logic when mutate data\n * @category Utilities\n *\n * @template Body The type of the body\n * @template Data The type of the data\n * @param {(body: Body) => Promise<Data>} callback The callback function to be invoked\n * @param {boolean | number} [options.retry] The retry count of requests\n * @param {(data: Data) => void} [options.onSuccess] The callback function to be invoked on success\n * @param {(error: Error) => void} [options.onError] The callback function to be invoked on error\n * @returns {UseMutationReturn<Data>} An object with the state of the mutation\n *\n * @example\n * const { mutate, mutateAsync, isLoading, isError, isSuccess, error, data } = useMutation((name) => Promise.resolve(name));\n */\nexport const useMutation = <Body, Data>(\n  callback: (body: Body) => Promise<Data>,\n  options?: UseMutationOptions<Data>\n) => {\n  const [isLoading, setIsLoading] = useState(false);\n  const [isError, setIsError] = useState(false);\n  const [isSuccess, setIsSuccess] = useState(false);\n\n  const [error, setError] = useState<Error | null>(null);\n  const [data, setData] = useState<Data | null>(null);\n\n  const request = (\n    body: Body,\n    requestOptions?: RequestOptions<Data>\n  ): Promise<Data | undefined> => {\n    setIsLoading(true);\n    const attempt = requestOptions?.attempt ?? 0;\n\n    return callback(body)\n      .then((response) => {\n        requestOptions?.onSuccess?.(response);\n\n        setData(response);\n        setIsSuccess(true);\n        setIsLoading(false);\n        setError(null);\n        setIsError(false);\n        return response;\n      })\n      .catch((error: Error) => {\n        const retry =\n          typeof requestOptions?.retry === 'function'\n            ? requestOptions?.retry(attempt, error)\n            : requestOptions?.retry;\n\n        const retryDelay =\n          typeof requestOptions?.retryDelay === 'function'\n            ? requestOptions?.retryDelay(attempt, error)\n            : requestOptions?.retryDelay;\n\n        if (typeof retry === 'boolean' && retry) {\n          if (retryDelay) {\n            setTimeout(\n              () => request(body, { ...requestOptions, attempt: attempt + 1 }),\n              retryDelay\n            );\n            return;\n          }\n          return request(body, { ...requestOptions, attempt: attempt + 1 });\n        }\n\n        if (retry && retry > attempt) {\n          if (retryDelay) {\n            setTimeout(\n              () => request(body, { ...requestOptions, attempt: attempt + 1 }),\n              retryDelay\n            );\n            return;\n          }\n          return request(body, { ...requestOptions, attempt: attempt + 1 });\n        }\n\n        requestOptions?.onError?.(error);\n        setData(null);\n        setIsSuccess(false);\n        setIsLoading(false);\n        setError(error);\n        setIsError(true);\n      });\n  };\n  const mutate = (body: Body, mutateOptions?: UseMutationOptions<Data>) => {\n    const requestOptions = {\n      retry: mutateOptions?.retry ?? options?.retry,\n      retryDelay: mutateOptions?.retryDelay ?? options?.retryDelay,\n      onSuccess: mutateOptions?.onSuccess ?? options?.onSuccess,\n      onError: mutateOptions?.onError ?? options?.onError\n    };\n\n    request(body, requestOptions);\n  };\n\n  const mutateAsync = async (body: Body, mutateOptions?: UseMutationOptions<Data>) => {\n    const requestOptions = {\n      retry: mutateOptions?.retry ?? options?.retry,\n      retryDelay: mutateOptions?.retryDelay ?? options?.retryDelay,\n      onSuccess: mutateOptions?.onSuccess ?? options?.onSuccess,\n      onError: mutateOptions?.onError ?? options?.onError\n    };\n\n    return request(body, requestOptions) as Promise<Data>;\n  };\n\n  return {\n    data,\n    error,\n    mutate,\n    mutateAsync,\n    isLoading,\n    isError,\n    isSuccess\n  } as UseMutationReturn<Body, Data>;\n};\n"],"names":["useMutation","callback","options","isLoading","setIsLoading","useState","isError","setIsError","isSuccess","setIsSuccess","error","setError","data","setData","request","body","requestOptions","attempt","response","_a","retry","retryDelay","mutateOptions"],"mappings":";AAqDa,MAAAA,IAAc,CACzBC,GACAC,MACG;AACH,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAE1C,CAACK,GAAOC,CAAQ,IAAIN,EAAuB,IAAI,GAC/C,CAACO,GAAMC,CAAO,IAAIR,EAAsB,IAAI,GAE5CS,IAAU,CACdC,GACAC,MAC8B;AAC9B,IAAAZ,EAAa,EAAI;AACX,UAAAa,KAAUD,KAAA,gBAAAA,EAAgB,YAAW;AAE3C,WAAOf,EAASc,CAAI,EACjB,KAAK,CAACG,MAAa;;AAClB,cAAAC,IAAAH,KAAA,gBAAAA,EAAgB,cAAhB,QAAAG,EAAA,KAAAH,GAA4BE,IAE5BL,EAAQK,CAAQ,GAChBT,EAAa,EAAI,GACjBL,EAAa,EAAK,GAClBO,EAAS,IAAI,GACbJ,EAAW,EAAK,GACTW;AAAA,IAAA,CACR,EACA,MAAM,CAACR,MAAiB;;AACjB,YAAAU,IACJ,QAAOJ,KAAA,gBAAAA,EAAgB,UAAU,aAC7BA,KAAA,gBAAAA,EAAgB,MAAMC,GAASP,KAC/BM,KAAA,gBAAAA,EAAgB,OAEhBK,IACJ,QAAOL,KAAA,gBAAAA,EAAgB,eAAe,aAClCA,KAAA,gBAAAA,EAAgB,WAAWC,GAASP,KACpCM,KAAA,gBAAAA,EAAgB;AAElB,UAAA,OAAOI,KAAU,aAAaA,GAAO;AACvC,YAAIC,GAAY;AACd;AAAA,YACE,MAAMP,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,YAC/DI;AAAA,UACF;AACA;AAAA,QAAA;AAEK,eAAAP,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,MAAA;AAG9D,UAAAG,KAASA,IAAQH,GAAS;AAC5B,YAAII,GAAY;AACd;AAAA,YACE,MAAMP,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,YAC/DI;AAAA,UACF;AACA;AAAA,QAAA;AAEK,eAAAP,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,MAAA;AAGlE,OAAAE,IAAAH,KAAA,gBAAAA,EAAgB,YAAhB,QAAAG,EAAA,KAAAH,GAA0BN,IAC1BG,EAAQ,IAAI,GACZJ,EAAa,EAAK,GAClBL,EAAa,EAAK,GAClBO,EAASD,CAAK,GACdH,EAAW,EAAI;AAAA,IAAA,CAChB;AAAA,EACL;AAuBO,SAAA;AAAA,IACL,MAAAK;AAAA,IACA,OAAAF;AAAA,IACA,QAzBa,CAACK,GAAYO,MAA6C;AACvE,YAAMN,IAAiB;AAAA,QACrB,QAAOM,KAAA,gBAAAA,EAAe,WAASpB,KAAA,gBAAAA,EAAS;AAAA,QACxC,aAAYoB,KAAA,gBAAAA,EAAe,gBAAcpB,KAAA,gBAAAA,EAAS;AAAA,QAClD,YAAWoB,KAAA,gBAAAA,EAAe,eAAapB,KAAA,gBAAAA,EAAS;AAAA,QAChD,UAASoB,KAAA,gBAAAA,EAAe,aAAWpB,KAAA,gBAAAA,EAAS;AAAA,MAC9C;AAEA,MAAAY,EAAQC,GAAMC,CAAc;AAAA,IAC9B;AAAA,IAiBE,aAfkB,OAAOD,GAAYO,MAA6C;AAClF,YAAMN,IAAiB;AAAA,QACrB,QAAOM,KAAA,gBAAAA,EAAe,WAASpB,KAAA,gBAAAA,EAAS;AAAA,QACxC,aAAYoB,KAAA,gBAAAA,EAAe,gBAAcpB,KAAA,gBAAAA,EAAS;AAAA,QAClD,YAAWoB,KAAA,gBAAAA,EAAe,eAAapB,KAAA,gBAAAA,EAAS;AAAA,QAChD,UAASoB,KAAA,gBAAAA,EAAe,aAAWpB,KAAA,gBAAAA,EAAS;AAAA,MAC9C;AAEO,aAAAY,EAAQC,GAAMC,CAAc;AAAA,IACrC;AAAA,IAOE,WAAAb;AAAA,IACA,SAAAG;AAAA,IACA,WAAAE;AAAA,EACF;AACF;"}
+{"version":3,"file":"useMutation.mjs","sources":["../../../../src/hooks/useMutation/useMutation.ts"],"sourcesContent":["import { useState } from 'react';\n\n/* The type of the options */\ninterface UseMutationOptions<Data> {\n  /* The retry count of requests */\n  retry?: ((failureCount: number, error: Error) => boolean) | boolean | number;\n  /* The retry delay of requests */\n  retryDelay?: ((retry: number, error: Error) => number) | number;\n  /* The callback function to be invoked on error */\n  onError?: (error: Error) => void;\n  /* The callback function to be invoked on success */\n  onSuccess?: (data: Data) => void;\n}\n\n/* The use mutation return type */\ninterface UseMutationReturn<Body, Data> {\n  /* The data of the mutation */\n  data: Data | null;\n  /* The error of the mutation */\n  error: Error | null;\n  /* The error state of the mutation */\n  isError: boolean;\n  /* The loading state of the mutation */\n  isLoading: boolean;\n  /* The success state of the mutation */\n  isSuccess: boolean;\n  /* The mutate function */\n  mutate: (body?: Body, options?: UseMutationOptions<Data>) => void;\n  /* The mutate async function */\n  mutateAsync: (body?: Body, options?: UseMutationOptions<Data>) => Promise<Data>;\n}\n\nexport interface RequestOptions<Data> extends UseMutationOptions<Data> {\n  /* The attempt count */\n  attempt?: number;\n}\n\n/**\n * @name useMutation\n * @description - Hook that defines the logic when mutate data\n * @category Utilities\n *\n * @template Body The type of the body\n * @template Data The type of the data\n * @param {(body: Body) => Promise<Data>} callback The callback function to be invoked\n * @param {boolean | number} [options.retry] The retry count of requests\n * @param {(data: Data) => void} [options.onSuccess] The callback function to be invoked on success\n * @param {(error: Error) => void} [options.onError] The callback function to be invoked on error\n * @returns {UseMutationReturn<Data>} An object with the state of the mutation\n *\n * @example\n * const { mutate, mutateAsync, isLoading, isError, isSuccess, error, data } = useMutation((name) => Promise.resolve(name));\n */\nexport const useMutation = <Body, Data>(\n  callback: (body: Body) => Promise<Data>,\n  options?: UseMutationOptions<Data>\n) => {\n  const [isLoading, setIsLoading] = useState(false);\n  const [isError, setIsError] = useState(false);\n  const [isSuccess, setIsSuccess] = useState(false);\n\n  const [error, setError] = useState<Error | null>(null);\n  const [data, setData] = useState<Data | null>(null);\n\n  const request = (\n    body: Body,\n    requestOptions?: RequestOptions<Data>\n  ): Promise<Data | undefined> => {\n    setIsLoading(true);\n    const attempt = requestOptions?.attempt ?? 0;\n\n    return callback(body)\n      .then((response) => {\n        requestOptions?.onSuccess?.(response);\n\n        setData(response);\n        setIsSuccess(true);\n        setIsLoading(false);\n        setError(null);\n        setIsError(false);\n        return response;\n      })\n      .catch((error: Error) => {\n        const retry =\n          typeof requestOptions?.retry === 'function'\n            ? requestOptions?.retry(attempt, error)\n            : requestOptions?.retry;\n\n        const retryDelay =\n          typeof requestOptions?.retryDelay === 'function'\n            ? requestOptions?.retryDelay(attempt, error)\n            : requestOptions?.retryDelay;\n\n        if (typeof retry === 'boolean' && retry) {\n          if (retryDelay) {\n            setTimeout(\n              () => request(body, { ...requestOptions, attempt: attempt + 1 }),\n              retryDelay\n            );\n            return;\n          }\n          return request(body, { ...requestOptions, attempt: attempt + 1 });\n        }\n\n        if (retry && retry > attempt) {\n          if (retryDelay) {\n            setTimeout(\n              () => request(body, { ...requestOptions, attempt: attempt + 1 }),\n              retryDelay\n            );\n            return;\n          }\n          return request(body, { ...requestOptions, attempt: attempt + 1 });\n        }\n\n        requestOptions?.onError?.(error);\n        setData(null);\n        setIsSuccess(false);\n        setIsLoading(false);\n        setError(error);\n        setIsError(true);\n      });\n  };\n  const mutate = (body: Body, mutateOptions?: UseMutationOptions<Data>) => {\n    const requestOptions = {\n      retry: mutateOptions?.retry ?? options?.retry,\n      retryDelay: mutateOptions?.retryDelay ?? options?.retryDelay,\n      onSuccess: mutateOptions?.onSuccess ?? options?.onSuccess,\n      onError: mutateOptions?.onError ?? options?.onError\n    };\n\n    request(body, requestOptions);\n  };\n\n  const mutateAsync = async (body: Body, mutateOptions?: UseMutationOptions<Data>) => {\n    const requestOptions = {\n      retry: mutateOptions?.retry ?? options?.retry,\n      retryDelay: mutateOptions?.retryDelay ?? options?.retryDelay,\n      onSuccess: mutateOptions?.onSuccess ?? options?.onSuccess,\n      onError: mutateOptions?.onError ?? options?.onError\n    };\n\n    return request(body, requestOptions) as Promise<Data>;\n  };\n\n  return {\n    data,\n    error,\n    mutate,\n    mutateAsync,\n    isLoading,\n    isError,\n    isSuccess\n  } as UseMutationReturn<Body, Data>;\n};\n"],"names":["useMutation","callback","options","isLoading","setIsLoading","useState","isError","setIsError","isSuccess","setIsSuccess","error","setError","data","setData","request","body","requestOptions","attempt","response","retry","retryDelay","mutateOptions"],"mappings":";AAqDO,MAAMA,IAAc,CACzBC,GACAC,MACG;AACH,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GACtC,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAE1C,CAACK,GAAOC,CAAQ,IAAIN,EAAuB,IAAI,GAC/C,CAACO,GAAMC,CAAO,IAAIR,EAAsB,IAAI,GAE5CS,IAAU,CACdC,GACAC,MAC8B;AAC9B,IAAAZ,EAAa,EAAI;AACjB,UAAMa,IAAUD,GAAgB,WAAW;AAE3C,WAAOf,EAASc,CAAI,EACjB,KAAK,CAACG,OACLF,GAAgB,YAAYE,CAAQ,GAEpCL,EAAQK,CAAQ,GAChBT,EAAa,EAAI,GACjBL,EAAa,EAAK,GAClBO,EAAS,IAAI,GACbJ,EAAW,EAAK,GACTW,EACR,EACA,MAAM,CAACR,MAAiB;AACvB,YAAMS,IACJ,OAAOH,GAAgB,SAAU,aAC7BA,GAAgB,MAAMC,GAASP,CAAK,IACpCM,GAAgB,OAEhBI,IACJ,OAAOJ,GAAgB,cAAe,aAClCA,GAAgB,WAAWC,GAASP,CAAK,IACzCM,GAAgB;AAEtB,UAAI,OAAOG,KAAU,aAAaA,GAAO;AACvC,YAAIC,GAAY;AACd;AAAA,YACE,MAAMN,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,YAC/DG;AAAA,UAAA;AAEF;AAAA,QAAA;AAEF,eAAON,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,MAAA;AAGlE,UAAIE,KAASA,IAAQF,GAAS;AAC5B,YAAIG,GAAY;AACd;AAAA,YACE,MAAMN,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,YAC/DG;AAAA,UAAA;AAEF;AAAA,QAAA;AAEF,eAAON,EAAQC,GAAM,EAAE,GAAGC,GAAgB,SAASC,IAAU,GAAG;AAAA,MAAA;AAGlE,MAAAD,GAAgB,UAAUN,CAAK,GAC/BG,EAAQ,IAAI,GACZJ,EAAa,EAAK,GAClBL,EAAa,EAAK,GAClBO,EAASD,CAAK,GACdH,EAAW,EAAI;AAAA,IAAA,CAChB;AAAA,EAAA;AAwBL,SAAO;AAAA,IACL,MAAAK;AAAA,IACA,OAAAF;AAAA,IACA,QAzBa,CAACK,GAAYM,MAA6C;AACvE,YAAML,IAAiB;AAAA,QACrB,OAAOK,GAAe,SAASnB,GAAS;AAAA,QACxC,YAAYmB,GAAe,cAAcnB,GAAS;AAAA,QAClD,WAAWmB,GAAe,aAAanB,GAAS;AAAA,QAChD,SAASmB,GAAe,WAAWnB,GAAS;AAAA,MAAA;AAG9C,MAAAY,EAAQC,GAAMC,CAAc;AAAA,IAAA;AAAA,IAkB5B,aAfkB,OAAOD,GAAYM,MAA6C;AAClF,YAAML,IAAiB;AAAA,QACrB,OAAOK,GAAe,SAASnB,GAAS;AAAA,QACxC,YAAYmB,GAAe,cAAcnB,GAAS;AAAA,QAClD,WAAWmB,GAAe,aAAanB,GAAS;AAAA,QAChD,SAASmB,GAAe,WAAWnB,GAAS;AAAA,MAAA;AAG9C,aAAOY,EAAQC,GAAMC,CAAc;AAAA,IAAA;AAAA,IAQnC,WAAAb;AAAA,IACA,SAAAG;AAAA,IACA,WAAAE;AAAA,EAAA;AAEJ;"}

package/dist/esm/hooks/useMutationObserver/useMutationObserver.mjs

@@ -2,27 +2,27 @@ import { useState as a, useRef as b, useEffect as v } from "react";
 import { useRefState as R } from "../useRefState/useRefState.mjs";
 import { isTarget as O } from "../../utils/helpers/isTarget.mjs";
 import { getElement as g } from "../../utils/helpers/getElement.mjs";
-const S = (...t) => {
-  const e = O(t[0]) ? t[0] : void 0, s = e ? t[1] : t[0], n = e ? t[2] : t[1], [r, d] = a(), m = (n == null ? void 0 : n.enabled) ?? !0, o = R(window.document.documentElement), u = b(s);
+const M = (...t) => {
+  const e = O(t[0]) ? t[0] : void 0, s = e ? t[1] : t[0], r = e ? t[2] : t[1], [o, d] = a(), m = r?.enabled ?? !0, n = R(window.document.documentElement), u = b(s);
   u.current = s;
-  const i = b(n);
-  i.current = n, v(() => {
-    if (!m && !e && !o.state) return;
-    const l = e ? g(e) : o.current;
+  const i = b(r);
+  i.current = r, v(() => {
+    if (!m || !e && !n.state) return;
+    const l = e ? g(e) : n.current;
     if (!l) return;
     const c = new MutationObserver(u.current);
     return d(c), c.observe(l, i.current), () => {
       c.disconnect();
     };
-  }, [e, o.state]);
-  const f = () => r == null ? void 0 : r.disconnect();
-  return e ? { stop: f, observer: r } : {
-    ref: o,
+  }, [e, n.state]);
+  const f = () => o?.disconnect();
+  return e ? { stop: f, observer: o } : {
+    ref: n,
     stop: f,
-    observer: r
+    observer: o
   };
 };
 export {
-  S as useMutationObserver
+  M as useMutationObserver
 };
 //# sourceMappingURL=useMutationObserver.mjs.map

package/dist/esm/hooks/useMutationObserver/useMutationObserver.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMutationObserver.mjs","sources":["../../../../src/hooks/useMutationObserver/useMutationObserver.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The mutation observer target element type */\nexport type UseMutationObserverTarget = HookTarget;\n\n/** The mutation observer return type */\nexport interface UseMutationObserverReturn {\n  /** The mutation observer instance */\n  observer: MutationObserver;\n  /** The mutation observer entries */\n  stop: () => void;\n}\n\n/** The mutation observer options type */\nexport interface UseMutationObserverOptions extends MutationObserverInit {\n  /** The enabled state of the mutation observer */\n  enabled?: boolean;\n}\n\nexport interface UseMutationObserver {\n  (\n    target: HookTarget,\n    callback: MutationCallback,\n    options?: UseMutationObserverOptions\n  ): UseMutationObserverReturn;\n\n  <Target extends Element>(\n    callback: MutationCallback,\n    options?: UseMutationObserverOptions,\n    target?: never\n  ): UseMutationObserverReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useMutationObserver\n * @description - Hook that gives you mutation observer state\n * @category Browser\n *\n * @overload\n * @template Target The target element\n * @param {MutationCallback} callback The callback to execute when mutation is detected\n * @param {boolean} [options.enabled=true] The enabled state of the mutation observer\n * @param {boolean} [options.attributes] Set to true if mutations to target's attributes are to be observed\n * @param {boolean} [options.characterData] Set to true if mutations to target's data are to be observed\n * @param {boolean} [options.childList] Set to true if mutations to target's children are to be observed\n * @param {boolean} [options.subtree]  Set to true if mutations to not just target, but also target's descendants are to be observed\n * @param {boolean} [options.characterDataOldValue] Set to true if characterData is set to true or omitted and target's data before the mutation needs to be recorded\n * @param {boolean} [options.attributeOldValue]  Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @param {string[]} [options.attributeFilter] Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @returns {UseMutationObserverReturn & { ref: StateRef<Target> }} An object containing the mutation observer state\n *\n * @example\n * const { ref, observer, stop } = useMutationObserver(() => console.log('callback'))\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @param {MutationCallback} callback The callback to execute when mutation is detected\n * @param {boolean} [options.enabled=true] The enabled state of the mutation observer\n * @param {boolean} [options.attributes] Set to true if mutations to target's attributes are to be observed\n * @param {boolean} [options.characterData] Set to true if mutations to target's data are to be observed\n * @param {boolean} [options.childList] Set to true if mutations to target's children are to be observed\n * @param {boolean} [options.subtree]  Set to true if mutations to not just target, but also target's descendants are to be observed\n * @param {boolean} [options.characterDataOldValue] Set to true if characterData is set to true or omitted and target's data before the mutation needs to be recorded\n * @param {boolean} [options.attributeOldValue]  Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @param {string[]} [options.attributeFilter] Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @returns {UseMutationObserverReturn} An object containing the mutation observer state\n *\n * @example\n * const { observer, stop } = useMutationObserver(ref, () => console.log('callback'))\n */\nexport const useMutationObserver = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as MutationCallback;\n  const options = (target ? params[2] : params[1]) as UseMutationObserverOptions | undefined;\n\n  const [observer, setObserver] = useState<MutationObserver>();\n  const enabled = options?.enabled ?? true;\n\n  const internalRef = useRefState<Element>(window.document.documentElement);\n  const internalCallbackRef = useRef<MutationCallback>(callback);\n  internalCallbackRef.current = callback;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!enabled && !target && !internalRef.state) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const observer = new MutationObserver(internalCallbackRef.current);\n    setObserver(observer);\n    observer.observe(element, internalOptionsRef.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target, internalRef.state]);\n\n  const stop = () => observer?.disconnect();\n\n  if (target) return { stop, observer };\n  return {\n    ref: internalRef,\n    stop,\n    observer\n  };\n}) as UseMutationObserver;\n"],"names":["useMutationObserver","params","target","isTarget","callback","options","observer","setObserver","useState","enabled","internalRef","useRefState","internalCallbackRef","useRef","internalOptionsRef","useEffect","element","getElement","stop"],"mappings":";;;;AA8Ea,MAAAA,IAAuB,IAAIC,MAAkB;AAClD,QAAAC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAYF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACzCI,IAAWH,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAExC,CAACK,GAAUC,CAAW,IAAIC,EAA2B,GACrDC,KAAUJ,KAAA,gBAAAA,EAAS,YAAW,IAE9BK,IAAcC,EAAqB,OAAO,SAAS,eAAe,GAClEC,IAAsBC,EAAyBT,CAAQ;AAC7D,EAAAQ,EAAoB,UAAUR;AACxB,QAAAU,IAAqBD,EAAOR,CAAO;AACzC,EAAAS,EAAmB,UAAUT,GAE7BU,EAAU,MAAM;AACd,QAAI,CAACN,KAAW,CAACP,KAAU,CAACQ,EAAY,MAAO;AAE/C,UAAMM,IAAWd,IAASe,EAAWf,CAAM,IAAIQ,EAAY;AAC3D,QAAI,CAACM,EAAS;AAEd,UAAMV,IAAW,IAAI,iBAAiBM,EAAoB,OAAO;AACjE,WAAAL,EAAYD,CAAQ,GACpBA,EAAS,QAAQU,GAASF,EAAmB,OAAO,GAE7C,MAAM;AACXR,MAAAA,EAAS,WAAW;AAAA,IACtB;AAAA,EACC,GAAA,CAACJ,GAAQQ,EAAY,KAAK,CAAC;AAExB,QAAAQ,IAAO,MAAMZ,KAAA,gBAAAA,EAAU;AAE7B,SAAIJ,IAAe,EAAE,MAAAgB,GAAM,UAAAZ,EAAS,IAC7B;AAAA,IACL,KAAKI;AAAA,IACL,MAAAQ;AAAA,IACA,UAAAZ;AAAA,EACF;AACF;"}
+{"version":3,"file":"useMutationObserver.mjs","sources":["../../../../src/hooks/useMutationObserver/useMutationObserver.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The mutation observer target element type */\nexport type UseMutationObserverTarget = HookTarget;\n\n/** The mutation observer return type */\nexport interface UseMutationObserverReturn {\n  /** The mutation observer instance */\n  observer: MutationObserver;\n  /** The mutation observer entries */\n  stop: () => void;\n}\n\n/** The mutation observer options type */\nexport interface UseMutationObserverOptions extends MutationObserverInit {\n  /** The enabled state of the mutation observer */\n  enabled?: boolean;\n}\n\nexport interface UseMutationObserver {\n  (\n    target: HookTarget,\n    callback: MutationCallback,\n    options?: UseMutationObserverOptions\n  ): UseMutationObserverReturn;\n\n  <Target extends Element>(\n    callback: MutationCallback,\n    options?: UseMutationObserverOptions,\n    target?: never\n  ): UseMutationObserverReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useMutationObserver\n * @description - Hook that gives you mutation observer state\n * @category Browser\n *\n * @overload\n * @template Target The target element\n * @param {MutationCallback} callback The callback to execute when mutation is detected\n * @param {boolean} [options.enabled=true] The enabled state of the mutation observer\n * @param {boolean} [options.attributes] Set to true if mutations to target's attributes are to be observed\n * @param {boolean} [options.characterData] Set to true if mutations to target's data are to be observed\n * @param {boolean} [options.childList] Set to true if mutations to target's children are to be observed\n * @param {boolean} [options.subtree]  Set to true if mutations to not just target, but also target's descendants are to be observed\n * @param {boolean} [options.characterDataOldValue] Set to true if characterData is set to true or omitted and target's data before the mutation needs to be recorded\n * @param {boolean} [options.attributeOldValue]  Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @param {string[]} [options.attributeFilter] Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @returns {UseMutationObserverReturn & { ref: StateRef<Target> }} An object containing the mutation observer state\n *\n * @example\n * const { ref, observer, stop } = useMutationObserver(() => console.log('callback'))\n *\n * @overload\n * @param {HookTarget} target The target element to observe\n * @param {MutationCallback} callback The callback to execute when mutation is detected\n * @param {boolean} [options.enabled=true] The enabled state of the mutation observer\n * @param {boolean} [options.attributes] Set to true if mutations to target's attributes are to be observed\n * @param {boolean} [options.characterData] Set to true if mutations to target's data are to be observed\n * @param {boolean} [options.childList] Set to true if mutations to target's children are to be observed\n * @param {boolean} [options.subtree]  Set to true if mutations to not just target, but also target's descendants are to be observed\n * @param {boolean} [options.characterDataOldValue] Set to true if characterData is set to true or omitted and target's data before the mutation needs to be recorded\n * @param {boolean} [options.attributeOldValue]  Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @param {string[]} [options.attributeFilter] Set to a list of attribute local names (without namespace) if not all attribute mutations need to be observed and attributes is true or omitted\n * @returns {UseMutationObserverReturn} An object containing the mutation observer state\n *\n * @example\n * const { observer, stop } = useMutationObserver(ref, () => console.log('callback'))\n */\nexport const useMutationObserver = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as MutationCallback;\n  const options = (target ? params[2] : params[1]) as UseMutationObserverOptions | undefined;\n\n  const [observer, setObserver] = useState<MutationObserver>();\n  const enabled = options?.enabled ?? true;\n\n  const internalRef = useRefState<Element>(window.document.documentElement);\n  const internalCallbackRef = useRef<MutationCallback>(callback);\n  internalCallbackRef.current = callback;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!enabled || (!target && !internalRef.state)) return;\n\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    if (!element) return;\n\n    const observer = new MutationObserver(internalCallbackRef.current);\n    setObserver(observer);\n    observer.observe(element, internalOptionsRef.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [target, internalRef.state]);\n\n  const stop = () => observer?.disconnect();\n\n  if (target) return { stop, observer };\n  return {\n    ref: internalRef,\n    stop,\n    observer\n  };\n}) as UseMutationObserver;\n"],"names":["useMutationObserver","params","target","isTarget","callback","options","observer","setObserver","useState","enabled","internalRef","useRefState","internalCallbackRef","useRef","internalOptionsRef","useEffect","element","getElement","stop"],"mappings":";;;;AA8EO,MAAMA,IAAuB,IAAIC,MAAkB;AACxD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAYF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACzCI,IAAWH,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAExC,CAACK,GAAUC,CAAW,IAAIC,EAAA,GAC1BC,IAAUJ,GAAS,WAAW,IAE9BK,IAAcC,EAAqB,OAAO,SAAS,eAAe,GAClEC,IAAsBC,EAAyBT,CAAQ;AAC7D,EAAAQ,EAAoB,UAAUR;AAC9B,QAAMU,IAAqBD,EAAOR,CAAO;AACzC,EAAAS,EAAmB,UAAUT,GAE7BU,EAAU,MAAM;AACd,QAAI,CAACN,KAAY,CAACP,KAAU,CAACQ,EAAY,MAAQ;AAEjD,UAAMM,IAAWd,IAASe,EAAWf,CAAM,IAAIQ,EAAY;AAC3D,QAAI,CAACM,EAAS;AAEd,UAAMV,IAAW,IAAI,iBAAiBM,EAAoB,OAAO;AACjE,WAAAL,EAAYD,CAAQ,GACpBA,EAAS,QAAQU,GAASF,EAAmB,OAAO,GAE7C,MAAM;AACXR,MAAAA,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC,CAACJ,GAAQQ,EAAY,KAAK,CAAC;AAE9B,QAAMQ,IAAO,MAAMZ,GAAU,WAAA;AAE7B,SAAIJ,IAAe,EAAE,MAAAgB,GAAM,UAAAZ,EAAA,IACpB;AAAA,IACL,KAAKI;AAAA,IACL,MAAAQ;AAAA,IACA,UAAAZ;AAAA,EAAA;AAEJ;"}

package/dist/esm/hooks/useNetwork/useNetwork.mjs

@@ -1,6 +1,6 @@
-import { useState as d, useEffect as f } from "react";
-const r = () => (navigator == null ? void 0 : navigator.connection) || (navigator == null ? void 0 : navigator.mozConnection) || (navigator == null ? void 0 : navigator.webkitConnection), l = () => {
-  const [i, s] = d(() => {
+import { useState as s, useEffect as v } from "react";
+const o = () => navigator?.connection || navigator?.mozConnection || navigator?.webkitConnection, d = () => {
+  const [i, a] = s(() => {
     if (typeof navigator > "u")
       return {
         online: !1,
@@ -11,39 +11,39 @@ const r = () => (navigator == null ? void 0 : navigator.connection) || (navigato
         downlinkMax: 0,
         rtt: 0
       };
-    const a = navigator.onLine, e = r();
+    const n = navigator.onLine, e = o();
     return {
-      online: a,
-      downlink: e == null ? void 0 : e.downlink,
-      downlinkMax: e == null ? void 0 : e.downlinkMax,
-      effectiveType: e == null ? void 0 : e.effectiveType,
-      rtt: e == null ? void 0 : e.rtt,
-      saveData: e == null ? void 0 : e.saveData,
-      type: e == null ? void 0 : e.type
+      online: n,
+      downlink: e?.downlink,
+      downlinkMax: e?.downlinkMax,
+      effectiveType: e?.effectiveType,
+      rtt: e?.rtt,
+      saveData: e?.saveData,
+      type: e?.type
     };
   });
-  return f(() => {
-    const a = () => {
-      const v = navigator.onLine, t = r();
-      s({
-        online: v,
-        downlink: t == null ? void 0 : t.downlink,
-        downlinkMax: t == null ? void 0 : t.downlinkMax,
-        effectiveType: t == null ? void 0 : t.effectiveType,
-        rtt: t == null ? void 0 : t.rtt,
-        saveData: t == null ? void 0 : t.saveData,
-        type: t == null ? void 0 : t.type
+  return v(() => {
+    const n = () => {
+      const r = navigator.onLine, t = o();
+      a({
+        online: r,
+        downlink: t?.downlink,
+        downlinkMax: t?.downlinkMax,
+        effectiveType: t?.effectiveType,
+        rtt: t?.rtt,
+        saveData: t?.saveData,
+        type: t?.type
       });
     };
-    window.addEventListener("online", a, { passive: !0 }), window.addEventListener("offline", a, { passive: !0 });
-    const e = r();
-    return e && e.addEventListener("change", a, { passive: !0 }), () => {
-      window.removeEventListener("online", a), window.removeEventListener("offline", a), e && e.removeEventListener("change", a);
+    window.addEventListener("online", n, { passive: !0 }), window.addEventListener("offline", n, { passive: !0 });
+    const e = o();
+    return e && e.addEventListener("change", n, { passive: !0 }), () => {
+      window.removeEventListener("online", n), window.removeEventListener("offline", n), e && e.removeEventListener("change", n);
     };
   }), i;
 };
 export {
-  r as getConnection,
-  l as useNetwork
+  o as getConnection,
+  d as useNetwork
 };
 //# sourceMappingURL=useNetwork.mjs.map

package/dist/esm/hooks/useNetwork/useNetwork.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useNetwork.mjs","sources":["../../../../src/hooks/useNetwork/useNetwork.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport interface Connection extends EventTarget {\n  readonly downlink: number;\n  readonly downlinkMax: number;\n  readonly effectiveType: '2g' | '3g' | '4g' | 'slow-2g';\n  readonly rtt: number;\n  readonly saveData: boolean;\n  onChange: (event: Event) => void;\n  readonly type:\n    | 'bluetooth'\n    | 'cellular'\n    | 'ethernet'\n    | 'mixed'\n    | 'none'\n    | 'other'\n    | 'unknown'\n    | 'wifi'\n    | 'wimax';\n}\n\ndeclare global {\n  interface Navigator {\n    readonly connection: Connection;\n    readonly mozConnection: Connection;\n    readonly webkitConnection: Connection;\n  }\n}\n\n/** The type of network connection */\nexport type ConnectionType = Connection['type'];\n/** The effective type of connection */\nexport type ConnectionEffectiveType = Connection['effectiveType'];\n\n/** The use network return type */\nexport interface UseNetworkReturn {\n  /** The estimated downlink speed in megabits per seconds */\n  downlink?: Connection['downlink'];\n  /** The maximum downlink speed, if available */\n  downlinkMax?: Connection['downlinkMax'];\n  /** The effective type of connection (e.g., '2g', '3g', '4g') */\n  effectiveType?: Connection['effectiveType'];\n  /** Indicates if the device is currently online */\n  online: boolean;\n  /** The estimated round-trip time in milliseconds */\n  rtt?: Connection['rtt'];\n  /** Indicates if the user has enabled data saving mode */\n  saveData?: Connection['saveData'];\n  /** The type of network connection (e.g., 'wifi', 'cellular') */\n  type?: Connection['type'];\n}\n\nexport const getConnection = () =>\n  navigator?.connection || navigator?.mozConnection || navigator?.webkitConnection;\n\n/**\n * @name useNetwork\n * @description - Hook to track network status\n * @category Sensors\n *\n * @browserapi navigator.connection https://developer.mozilla.org/en-US/docs/Web/API/Navigator/connection\n *\n * @returns {UseNetworkReturn} An object containing the network status\n *\n * @example\n * const { online, downlink, downlinkMax, effectiveType, rtt, saveData, type } = useNetwork();\n */\nexport const useNetwork = (): UseNetworkReturn => {\n  const [value, setValue] = useState(() => {\n    if (typeof navigator === 'undefined') {\n      return {\n        online: false,\n        type: undefined,\n        effectiveType: undefined,\n        saveData: false,\n        downlink: 0,\n        downlinkMax: 0,\n        rtt: 0\n      };\n    }\n    const online = navigator.onLine;\n    const connection = getConnection();\n\n    return {\n      online,\n      downlink: connection?.downlink,\n      downlinkMax: connection?.downlinkMax,\n      effectiveType: connection?.effectiveType,\n      rtt: connection?.rtt,\n      saveData: connection?.saveData,\n      type: connection?.type\n    };\n  });\n\n  useEffect(() => {\n    const callback = () => {\n      const online = navigator.onLine;\n      const connection = getConnection();\n\n      setValue({\n        online,\n        downlink: connection?.downlink,\n        downlinkMax: connection?.downlinkMax,\n        effectiveType: connection?.effectiveType,\n        rtt: connection?.rtt,\n        saveData: connection?.saveData,\n        type: connection?.type\n      });\n    };\n    window.addEventListener('online', callback, { passive: true });\n    window.addEventListener('offline', callback, { passive: true });\n\n    const connection = getConnection();\n\n    if (connection) {\n      connection.addEventListener('change', callback, { passive: true });\n    }\n\n    return () => {\n      window.removeEventListener('online', callback);\n      window.removeEventListener('offline', callback);\n\n      if (connection) {\n        connection.removeEventListener('change', callback);\n      }\n    };\n  });\n\n  return value;\n};\n"],"names":["getConnection","useNetwork","value","setValue","useState","online","connection","useEffect","callback"],"mappings":";AAoDO,MAAMA,IAAgB,OAC3B,uCAAW,gBAAc,uCAAW,mBAAiB,uCAAW,mBAcrDC,IAAa,MAAwB;AAChD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,MAAM;AACnC,QAAA,OAAO,YAAc;AAChB,aAAA;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,eAAe;AAAA,QACf,UAAU;AAAA,QACV,UAAU;AAAA,QACV,aAAa;AAAA,QACb,KAAK;AAAA,MACP;AAEF,UAAMC,IAAS,UAAU,QACnBC,IAAaN,EAAc;AAE1B,WAAA;AAAA,MACL,QAAAK;AAAA,MACA,UAAUC,KAAA,gBAAAA,EAAY;AAAA,MACtB,aAAaA,KAAA,gBAAAA,EAAY;AAAA,MACzB,eAAeA,KAAA,gBAAAA,EAAY;AAAA,MAC3B,KAAKA,KAAA,gBAAAA,EAAY;AAAA,MACjB,UAAUA,KAAA,gBAAAA,EAAY;AAAA,MACtB,MAAMA,KAAA,gBAAAA,EAAY;AAAA,IACpB;AAAA,EAAA,CACD;AAED,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAW,MAAM;AACrB,YAAMH,IAAS,UAAU,QACnBC,IAAaN,EAAc;AAExB,MAAAG,EAAA;AAAA,QACP,QAAAE;AAAA,QACA,UAAUC,KAAAA,gBAAAA,EAAY;AAAA,QACtB,aAAaA,KAAAA,gBAAAA,EAAY;AAAA,QACzB,eAAeA,KAAAA,gBAAAA,EAAY;AAAA,QAC3B,KAAKA,KAAAA,gBAAAA,EAAY;AAAA,QACjB,UAAUA,KAAAA,gBAAAA,EAAY;AAAA,QACtB,MAAMA,KAAAA,gBAAAA,EAAY;AAAA,MAAA,CACnB;AAAA,IACH;AACA,WAAO,iBAAiB,UAAUE,GAAU,EAAE,SAAS,IAAM,GAC7D,OAAO,iBAAiB,WAAWA,GAAU,EAAE,SAAS,IAAM;AAE9D,UAAMF,IAAaN,EAAc;AAEjC,WAAIM,KACFA,EAAW,iBAAiB,UAAUE,GAAU,EAAE,SAAS,IAAM,GAG5D,MAAM;AACJ,aAAA,oBAAoB,UAAUA,CAAQ,GACtC,OAAA,oBAAoB,WAAWA,CAAQ,GAE1CF,KACSA,EAAA,oBAAoB,UAAUE,CAAQ;AAAA,IAErD;AAAA,EAAA,CACD,GAEMN;AACT;"}
+{"version":3,"file":"useNetwork.mjs","sources":["../../../../src/hooks/useNetwork/useNetwork.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport interface Connection extends EventTarget {\n  readonly downlink: number;\n  readonly downlinkMax: number;\n  readonly effectiveType: '2g' | '3g' | '4g' | 'slow-2g';\n  readonly rtt: number;\n  readonly saveData: boolean;\n  onChange: (event: Event) => void;\n  readonly type:\n    | 'bluetooth'\n    | 'cellular'\n    | 'ethernet'\n    | 'mixed'\n    | 'none'\n    | 'other'\n    | 'unknown'\n    | 'wifi'\n    | 'wimax';\n}\n\ndeclare global {\n  interface Navigator {\n    readonly connection: Connection;\n    readonly mozConnection: Connection;\n    readonly webkitConnection: Connection;\n  }\n}\n\n/** The type of network connection */\nexport type ConnectionType = Connection['type'];\n/** The effective type of connection */\nexport type ConnectionEffectiveType = Connection['effectiveType'];\n\n/** The use network return type */\nexport interface UseNetworkReturn {\n  /** The estimated downlink speed in megabits per seconds */\n  downlink?: Connection['downlink'];\n  /** The maximum downlink speed, if available */\n  downlinkMax?: Connection['downlinkMax'];\n  /** The effective type of connection (e.g., '2g', '3g', '4g') */\n  effectiveType?: Connection['effectiveType'];\n  /** Indicates if the device is currently online */\n  online: boolean;\n  /** The estimated round-trip time in milliseconds */\n  rtt?: Connection['rtt'];\n  /** Indicates if the user has enabled data saving mode */\n  saveData?: Connection['saveData'];\n  /** The type of network connection (e.g., 'wifi', 'cellular') */\n  type?: Connection['type'];\n}\n\nexport const getConnection = () =>\n  navigator?.connection || navigator?.mozConnection || navigator?.webkitConnection;\n\n/**\n * @name useNetwork\n * @description - Hook to track network status\n * @category Sensors\n *\n * @browserapi navigator.connection https://developer.mozilla.org/en-US/docs/Web/API/Navigator/connection\n *\n * @returns {UseNetworkReturn} An object containing the network status\n *\n * @example\n * const { online, downlink, downlinkMax, effectiveType, rtt, saveData, type } = useNetwork();\n */\nexport const useNetwork = (): UseNetworkReturn => {\n  const [value, setValue] = useState(() => {\n    if (typeof navigator === 'undefined') {\n      return {\n        online: false,\n        type: undefined,\n        effectiveType: undefined,\n        saveData: false,\n        downlink: 0,\n        downlinkMax: 0,\n        rtt: 0\n      };\n    }\n    const online = navigator.onLine;\n    const connection = getConnection();\n\n    return {\n      online,\n      downlink: connection?.downlink,\n      downlinkMax: connection?.downlinkMax,\n      effectiveType: connection?.effectiveType,\n      rtt: connection?.rtt,\n      saveData: connection?.saveData,\n      type: connection?.type\n    };\n  });\n\n  useEffect(() => {\n    const callback = () => {\n      const online = navigator.onLine;\n      const connection = getConnection();\n\n      setValue({\n        online,\n        downlink: connection?.downlink,\n        downlinkMax: connection?.downlinkMax,\n        effectiveType: connection?.effectiveType,\n        rtt: connection?.rtt,\n        saveData: connection?.saveData,\n        type: connection?.type\n      });\n    };\n    window.addEventListener('online', callback, { passive: true });\n    window.addEventListener('offline', callback, { passive: true });\n\n    const connection = getConnection();\n\n    if (connection) {\n      connection.addEventListener('change', callback, { passive: true });\n    }\n\n    return () => {\n      window.removeEventListener('online', callback);\n      window.removeEventListener('offline', callback);\n\n      if (connection) {\n        connection.removeEventListener('change', callback);\n      }\n    };\n  });\n\n  return value;\n};\n"],"names":["getConnection","useNetwork","value","setValue","useState","online","connection","useEffect","callback"],"mappings":";AAoDO,MAAMA,IAAgB,MAC3B,WAAW,cAAc,WAAW,iBAAiB,WAAW,kBAcrDC,IAAa,MAAwB;AAChD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,MAAM;AACvC,QAAI,OAAO,YAAc;AACvB,aAAO;AAAA,QACL,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,eAAe;AAAA,QACf,UAAU;AAAA,QACV,UAAU;AAAA,QACV,aAAa;AAAA,QACb,KAAK;AAAA,MAAA;AAGT,UAAMC,IAAS,UAAU,QACnBC,IAAaN,EAAA;AAEnB,WAAO;AAAA,MACL,QAAAK;AAAA,MACA,UAAUC,GAAY;AAAA,MACtB,aAAaA,GAAY;AAAA,MACzB,eAAeA,GAAY;AAAA,MAC3B,KAAKA,GAAY;AAAA,MACjB,UAAUA,GAAY;AAAA,MACtB,MAAMA,GAAY;AAAA,IAAA;AAAA,EACpB,CACD;AAED,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAW,MAAM;AACrB,YAAMH,IAAS,UAAU,QACnBC,IAAaN,EAAA;AAEnB,MAAAG,EAAS;AAAA,QACP,QAAAE;AAAA,QACA,UAAUC,GAAY;AAAA,QACtB,aAAaA,GAAY;AAAA,QACzB,eAAeA,GAAY;AAAA,QAC3B,KAAKA,GAAY;AAAA,QACjB,UAAUA,GAAY;AAAA,QACtB,MAAMA,GAAY;AAAA,MAAA,CACnB;AAAA,IAAA;AAEH,WAAO,iBAAiB,UAAUE,GAAU,EAAE,SAAS,IAAM,GAC7D,OAAO,iBAAiB,WAAWA,GAAU,EAAE,SAAS,IAAM;AAE9D,UAAMF,IAAaN,EAAA;AAEnB,WAAIM,KACFA,EAAW,iBAAiB,UAAUE,GAAU,EAAE,SAAS,IAAM,GAG5D,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAQ,GAC7C,OAAO,oBAAoB,WAAWA,CAAQ,GAE1CF,KACFA,EAAW,oBAAoB,UAAUE,CAAQ;AAAA,IACnD;AAAA,EACF,CACD,GAEMN;AACT;"}