@siberiacancode/reactuse 0.0.112 → 0.0.113

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLongPress.mjs","sources":["../../../../src/hooks/useLongPress/useLongPress.ts"],"sourcesContent":["import type { MouseEventHandler, RefObject, TouchEventHandler } from 'react';\n\nimport { useRef, useState } from 'react';\n\n// * The use long press target type */\nexport type UseLongPressTarget = (() => Element) | Element | RefObject<Element | null | undefined>;\n\nexport type LongPressReactEvents<Target extends Element = Element> =\n  | MouseEventHandler<Target>\n  | TouchEventHandler<Target>;\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: LongPressReactEvents) => void;\n  // * The callback function to be invoked on long press end\n  onFinish?: (event: LongPressReactEvents) => void;\n  // * The callback function to be invoked on long press start\n  onStart?: (event: LongPressReactEvents) => void;\n}\n\n// * The use long press bind type */\nexport interface UseLongPressBind {\n  /** The callback function to be invoked on mouse down */\n  onMouseDown: MouseEventHandler<Element>;\n  /** The callback function to be invoked on mouse up */\n  onMouseUp: MouseEventHandler<Element>;\n  /** The callback function to be invoked on touch end */\n  onTouchEnd: TouchEventHandler<Element>;\n  /** The callback function to be invoked on touch start */\n  onTouchStart: TouchEventHandler<Element>;\n}\n\n// * The use long press return type */\nexport type UseLongPressReturn = [UseLongPressBind, boolean];\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 * @template Target The target element\n * @param {Target} target The target element to be long pressed\n * @param {(event: Event) => void} callback The callback function to be invoked on long press\n * @param {number} [options.threshold=400] The threshold time in milliseconds\n * @param {(event: Event) => void} [options.onStart] The callback function to be invoked on long press start\n * @param {(event: Event) => void} [options.onFinish] The callback function to be invoked on long press finish\n * @param {(event: Event) => void} [options.onCancel] The callback function to be invoked on long press cancel\n * @returns {UseLongPressReturn<Target>} The ref of the target element\n *\n * @example\n * const [bind, longPressing] = useLongPress(() => console.log('callback'));\n */\nexport const useLongPress = (\n  callback: (event: LongPressReactEvents) => void,\n  options?: UseLongPressOptions\n): UseLongPressReturn => {\n  const [isLongPressActive, setIsLongPressActive] = useState(false);\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>();\n  const isPressed = useRef(false);\n\n  const start = (event: LongPressReactEvents) => {\n    options?.onStart?.(event);\n\n    isPressed.current = true;\n    timeoutIdRef.current = setTimeout(() => {\n      callback(event);\n      setIsLongPressActive(true);\n    }, options?.threshold ?? DEFAULT_THRESHOLD_TIME);\n  };\n\n  const cancel = (event: LongPressReactEvents) => {\n    if (isLongPressActive) {\n      options?.onFinish?.(event);\n    } else if (isPressed.current) {\n      options?.onCancel?.(event);\n    }\n\n    setIsLongPressActive(false);\n    isPressed.current = false;\n\n    if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n  };\n\n  const bind = {\n    onMouseDown: start,\n    onTouchStart: start,\n    onMouseUp: cancel,\n    onTouchEnd: cancel\n  } as unknown as UseLongPressBind;\n\n  return [bind, isLongPressActive];\n};\n"],"names":["DEFAULT_THRESHOLD_TIME","useLongPress","callback","options","isLongPressActive","setIsLongPressActive","useState","timeoutIdRef","useRef","isPressed","start","event","_a","cancel","_b"],"mappings":";AAsCA,MAAMA,IAAyB,KAmBlBC,IAAe,CAC1BC,GACAC,MACuB;AACvB,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAC1DC,IAAeC,EAAsC,GACrDC,IAAYD,EAAO,EAAK,GAExBE,IAAQ,CAACC,MAAgC;;AAC7C,KAAAC,IAAAT,KAAA,gBAAAA,EAAS,YAAT,QAAAS,EAAA,KAAAT,GAAmBQ,IAEnBF,EAAU,UAAU,IACPF,EAAA,UAAU,WAAW,MAAM;AACtC,MAAAL,EAASS,CAAK,GACdN,EAAqB,EAAI;AAAA,IAAA,IACxBF,KAAA,gBAAAA,EAAS,cAAaH,CAAsB;AAAA,EACjD,GAEMa,IAAS,CAACF,MAAgC;;AAC9C,IAAIP,KACFQ,IAAAT,KAAA,gBAAAA,EAAS,aAAT,QAAAS,EAAA,KAAAT,GAAoBQ,KACXF,EAAU,aACnBK,IAAAX,KAAA,gBAAAA,EAAS,aAAT,QAAAW,EAAA,KAAAX,GAAoBQ,KAGtBN,EAAqB,EAAK,GAC1BI,EAAU,UAAU,IAEhBF,EAAa,WAAsB,aAAAA,EAAa,OAAO;AAAA,EAC7D;AASO,SAAA,CAPM;AAAA,IACX,aAAaG;AAAA,IACb,cAAcA;AAAA,IACd,WAAWG;AAAA,IACX,YAAYA;AAAA,EACd,GAEcT,CAAiB;AACjC;"}

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

@@ -0,0 +1,21 @@
+import { useState as u } from "react";
+const m = (o) => {
+  const [a, s] = u(new Map(o)), r = (e, t) => s((n) => new Map(n).set(e, t)), c = (e) => s((t) => {
+    if (!t.has(e)) return t;
+    const n = new Map(t);
+    return n.delete(e), n;
+  }), p = () => s(/* @__PURE__ */ new Map()), w = () => s(new Map(o)), M = (e) => a.has(e);
+  return {
+    value: a,
+    size: a.size,
+    set: r,
+    has: M,
+    remove: c,
+    clear: p,
+    reset: w
+  };
+};
+export {
+  m as useMap
+};
+//# sourceMappingURL=useMap.mjs.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,34 @@
+import { useState as R, useEffect as d } from "react";
+import { useRefState as v } from "../useRefState/useRefState.mjs";
+import { isTarget as w } from "../../utils/helpers/isTarget.mjs";
+import { getElement as x } from "../../utils/helpers/getElement.mjs";
+const S = (...r) => {
+  const t = w(r[0]) ? r[0] : void 0, e = v(), [o, c] = R({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    bottom: 0,
+    right: 0
+  });
+  return d(() => {
+    if (!t && !e.state) return;
+    const n = t ? x(t) : e.current;
+    if (!n) return;
+    const s = new ResizeObserver((f) => {
+      const i = f[0];
+      if (!i) return;
+      const { x: u, y: m, width: h, height: g, top: a, left: p, bottom: b, right: l } = i.contentRect;
+      c({ x: u, y: m, width: h, height: g, top: a, left: p, bottom: b, right: l });
+    });
+    return s.observe(n), () => {
+      s.disconnect();
+    };
+  }, [t, e.state]), t ? o : { ref: e, ...o };
+};
+export {
+  S as useMeasure
+};
+//# sourceMappingURL=useMeasure.mjs.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,17 @@
+import { useCallback as a, useSyncExternalStore as o } from "react";
+const r = () => !1, h = (e) => {
+  const s = a(
+    (t) => {
+      const n = window.matchMedia(e);
+      return n.addEventListener("change", t), () => {
+        n.removeEventListener("change", t);
+      };
+    },
+    [e]
+  );
+  return o(s, () => window.matchMedia(e).matches, r);
+};
+export {
+  h as useMediaQuery
+};
+//# sourceMappingURL=useMediaQuery.mjs.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,14 @@
+import { useState as t } from "react";
+import { useInterval as m } from "../useInterval/useInterval.mjs";
+const i = () => {
+  const e = performance && "memory" in performance, [r, o] = t({
+    jsHeapSizeLimit: 0,
+    totalJSHeapSize: 0,
+    usedJSHeapSize: 0
+  });
+  return m(() => o(performance.memory), 1e3, { immediately: e }), { supported: e, value: r };
+};
+export {
+  i as useMemory
+};
+//# sourceMappingURL=useMemory.mjs.map

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

@@ -0,0 +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;\n  const [value, setValue] = useState<Performance['memory']>({\n    jsHeapSizeLimit: 0,\n    totalJSHeapSize: 0,\n    usedJSHeapSize: 0\n  });\n\n  useInterval(() => setValue(performance.memory), 1000, { immediately: supported });\n\n  return { supported, value };\n};\n"],"names":["useMemory","supported","value","setValue","useState","useInterval"],"mappings":";;AAkCO,MAAMA,IAAY,MAAuB;AACxC,QAAAC,IAAY,eAAe,YAAY,aACvC,CAACC,GAAOC,CAAQ,IAAIC,EAAgC;AAAA,IACxD,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,EAAA,CACjB;AAEW,SAAAC,EAAA,MAAMF,EAAS,YAAY,MAAM,GAAG,KAAM,EAAE,aAAaF,GAAW,GAEzE,EAAE,WAAAA,GAAW,OAAAC,EAAM;AAC5B;"}

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

@@ -0,0 +1,6 @@
+import { useEffect as t } from "react";
+const f = (o) => t(o, []);
+export {
+  f as useMount
+};
+//# sourceMappingURL=useMount.mjs.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,40 @@
+import { useState as X, useEffect as Y } from "react";
+import { useRefState as v } from "../useRefState/useRefState.mjs";
+import { isTarget as P } from "../../utils/helpers/isTarget.mjs";
+import { getElement as w } from "../../utils/helpers/getElement.mjs";
+const y = (...m) => {
+  const t = P(m[0]) ? m[0] : void 0, [i, c] = X({
+    x: 0,
+    y: 0,
+    element: void 0,
+    elementX: 0,
+    elementY: 0,
+    elementPositionX: 0,
+    elementPositionY: 0
+  }), o = v();
+  return Y(() => {
+    if (!t && !o.state) return;
+    const r = (n) => {
+      const s = t ? w(t) : o.current;
+      if (!s) return;
+      const e = {
+        x: n.pageX,
+        y: n.pageY
+      }, { left: a, top: f } = s.getBoundingClientRect(), l = a + window.scrollX, u = f + window.scrollY, d = n.pageX - l, p = n.pageY - u;
+      e.element = s, e.elementX = d, e.elementY = p, e.elementPositionX = l, e.elementPositionY = u, c((g) => ({
+        ...g,
+        ...e
+      }));
+    };
+    return document.addEventListener("mousemove", r), () => {
+      document.removeEventListener("mousemove", r);
+    };
+  }, [o.state, t]), t ? i : {
+    ref: o,
+    ...i
+  };
+};
+export {
+  y as useMouse
+};
+//# sourceMappingURL=useMouse.mjs.map

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

@@ -0,0 +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 element */\n  element?: Element;\n  /** The current element position x */\n  elementPositionX: number;\n  /** The current element position y */\n  elementPositionY: number;\n  /** The current element x position */\n  elementX: number;\n  /** The current element y position */\n  elementY: number;\n  /** The current mouse x position */\n  x: number;\n  /** The current mouse y position */\n  y: number;\n}\n\nexport interface UseMouse {\n  (target: HookTarget): UseMouseReturn;\n\n  <Target extends Element>(target?: never): UseMouseReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useMouse\n * @description - Hook that manages a mouse position\n * @category Sensors\n *\n * @overload\n * @param {HookTarget} target The target element to manage the mouse position for\n * @returns {UseMouseReturn} An object with the current mouse position\n *\n * @example\n * const { x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse(ref);\n *\n * @overload\n * @template Target The target element\n * @returns {UseMouseReturn & { ref: StateRef<Target> }} An object with the current mouse position and a ref\n *\n * @example\n * const { ref, x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse();\n */\nexport const useMouse = ((...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    element: undefined,\n    elementX: 0,\n    elementY: 0,\n    elementPositionX: 0,\n    elementPositionY: 0\n  });\n\n  const internalRef = useRefState<Element>();\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n    const onMouseMove = (event: MouseEvent) => {\n      const element = (target ? getElement(target) : internalRef.current) as Element;\n      if (!element) return;\n\n      const updatedValue = {\n        x: event.pageX,\n        y: event.pageY\n      } as typeof value;\n\n      const { left, top } = element.getBoundingClientRect();\n      const elementPositionX = left + window.scrollX;\n      const elementPositionY = top + window.scrollY;\n      const elementX = event.pageX - elementPositionX;\n      const elementY = event.pageY - elementPositionY;\n\n      updatedValue.element = element;\n      updatedValue.elementX = elementX;\n      updatedValue.elementY = elementY;\n      updatedValue.elementPositionX = elementPositionX;\n      updatedValue.elementPositionY = elementPositionY;\n\n      setValue((prevValue) => ({\n        ...prevValue,\n        ...updatedValue\n      }));\n    };\n\n    document.addEventListener('mousemove', onMouseMove);\n    return () => {\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [internalRef.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"],"mappings":";;;;AAqDa,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,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,EAAA,CACnB,GAEKC,IAAcC,EAAqB;AAqCzC,SAnCAC,EAAU,MAAM;AACd,QAAI,CAACP,KAAU,CAACK,EAAY,MAAO;AAC7B,UAAAG,IAAc,CAACC,MAAsB;AACzC,YAAMC,IAAWV,IAASW,EAAWX,CAAM,IAAIK,EAAY;AAC3D,UAAI,CAACK,EAAS;AAEd,YAAME,IAAe;AAAA,QACnB,GAAGH,EAAM;AAAA,QACT,GAAGA,EAAM;AAAA,MACX,GAEM,EAAE,MAAAI,GAAM,KAAAC,MAAQJ,EAAQ,sBAAsB,GAC9CK,IAAmBF,IAAO,OAAO,SACjCG,IAAmBF,IAAM,OAAO,SAChCG,IAAWR,EAAM,QAAQM,GACzBG,IAAWT,EAAM,QAAQO;AAE/B,MAAAJ,EAAa,UAAUF,GACvBE,EAAa,WAAWK,GACxBL,EAAa,WAAWM,GACxBN,EAAa,mBAAmBG,GAChCH,EAAa,mBAAmBI,GAEhCb,EAAS,CAACgB,OAAe;AAAA,QACvB,GAAGA;AAAA,QACH,GAAGP;AAAA,MAAA,EACH;AAAA,IACJ;AAES,oBAAA,iBAAiB,aAAaJ,CAAW,GAC3C,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAW;AAAA,IACvD;AAAA,EACC,GAAA,CAACH,EAAY,OAAOL,CAAM,CAAC,GAE1BA,IAAeE,IACZ;AAAA,IACL,KAAKG;AAAA,IACL,GAAGH;AAAA,EACL;AACF;"}

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

@@ -0,0 +1,64 @@
+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) {
+          setTimeout(
+            () => E(l, { ...c, attempt: r + 1 }),
+            I
+          );
+          return;
+        }
+        return E(l, { ...c, attempt: r + 1 });
+      }
+      if (D && D > r) {
+        if (I) {
+          setTimeout(
+            () => E(l, { ...c, attempt: r + 1 }),
+            I
+          );
+          return;
+        }
+        return E(l, { ...c, attempt: r + 1 });
+      }
+      (x = c == null ? void 0 : c.onError) == null || x.call(c, f), T(null), A(!1), g(!1), L(f), h(!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)
+      };
+      E(l, r);
+    },
+    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)
+      };
+      return E(l, r);
+    },
+    isLoading: a,
+    isError: j,
+    isSuccess: k
+  };
+};
+export {
+  F as useMutation
+};
+//# sourceMappingURL=useMutation.mjs.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,28 @@
+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);
+  u.current = s;
+  const i = b(n);
+  i.current = n, v(() => {
+    if (!m && !e && !o.state) return;
+    const l = e ? g(e) : o.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,
+    stop: f,
+    observer: r
+  };
+};
+export {
+  S as useMutationObserver
+};
+//# sourceMappingURL=useMutationObserver.mjs.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,49 @@
+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(() => {
+    if (typeof navigator > "u")
+      return {
+        online: !1,
+        type: void 0,
+        effectiveType: void 0,
+        saveData: !1,
+        downlink: 0,
+        downlinkMax: 0,
+        rtt: 0
+      };
+    const a = navigator.onLine, e = r();
+    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
+    };
+  });
+  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
+      });
+    };
+    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);
+    };
+  }), i;
+};
+export {
+  r as getConnection,
+  l as useNetwork
+};
+//# sourceMappingURL=useNetwork.mjs.map

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

@@ -0,0 +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;"}

package/dist/esm/hooks/useOffsetPagination/useOffsetPagination.mjs

@@ -0,0 +1,48 @@
+import { useState as i, useRef as o, useEffect as p } from "react";
+const v = ({
+  total: E = Number.POSITIVE_INFINITY,
+  pageSize: t = 10,
+  initialPage: F = 1,
+  onPageChange: r = () => {
+  },
+  onPageCountChange: f = () => {
+  },
+  onPageSizeChange: I = () => {
+  }
+} = {}) => {
+  const [c, e] = i(F), M = o(r), m = o(f), R = o(I);
+  M.current = r, m.current = f, R.current = I;
+  const u = Math.max(1, Math.ceil(E / t)), x = c === 1, N = c === u, O = () => {
+    if (N) return r({ page: u, pageSize: t });
+    e((s) => {
+      const n = s + 1;
+      return r({ page: n, pageSize: t }), n;
+    });
+  }, T = () => {
+    if (x) return r({ page: 1, pageSize: t });
+    e((s) => {
+      const n = s - 1;
+      return r({ page: n, pageSize: t }), n;
+    });
+  }, b = (s) => {
+    e(s), r({ page: s, pageSize: t });
+  };
+  return p(() => {
+    m.current({ page: c, pageSize: t });
+  }, [u]), p(() => {
+    R.current({ page: c, pageSize: t });
+  }, [t]), {
+    page: c,
+    set: b,
+    currentPageSize: t,
+    isFirstPage: x,
+    isLastPage: N,
+    pageCount: u,
+    next: O,
+    prev: T
+  };
+};
+export {
+  v as useOffsetPagination
+};
+//# sourceMappingURL=useOffsetPagination.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOffsetPagination.mjs","sources":["../../../../src/hooks/useOffsetPagination/useOffsetPagination.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use offset pagination return type */\nexport interface UseOffsetPaginationOptions {\n  /** The initial page number */\n  initialPage?: number;\n  /** The number of items per page */\n  pageSize?: number;\n  /** The total number of items */\n  total?: number;\n  /** The callback function to be invoked when page changes */\n  onPageChange?: ({ page, pageSize }: { page: number; pageSize: number }) => void;\n  /** The callback function to be invoked when page count changes */\n  onPageCountChange?: ({ page, pageSize }: { page: number; pageSize: number }) => void;\n  /** The callback function to be invoked when page size changes */\n  onPageSizeChange?: ({ page, pageSize }: { page: number; pageSize: number }) => void;\n}\n\n/** The use offset pagination return type */\nexport interface UseOffsetPaginationReturn {\n  /** The number of items per page */\n  currentPageSize: number;\n  /** Whether the current page is the first page */\n  isFirstPage: boolean;\n  /** Whether the current page is the last page */\n  isLastPage: boolean;\n  /** The current page number */\n  page: number;\n  /** The total number of pages */\n  pageCount: number;\n  /** The callback function to go to the next page */\n  next: () => void;\n  /** The callback function to go to the previous page */\n  prev: () => void;\n  /** The callback function to set the current page */\n  set: (page: number) => void;\n}\n\n/**\n * @name useOffsetPagination\n * @description - Hook that defines the logic when pagination\n * @category Utilities\n *\n * @param {UseOffsetPaginationOptions} options - The options for the hook\n * @param {number} [options.total] - The total number of items\n * @param {number} [options.pageSize] - The number of items per page\n * @param {number} [options.initialPage] - The current page\n * @param {({ page, pageSize }: { page: number; pageSize: number }) => void} [options.onPageChange] - The callback function to be invoked when page changes\n * @param {({ page, pageSize }: { page: number; pageSize: number }) => void} [options.onPageCountChange] - The callback function to be invoked when page count changes\n * @param {({ page, pageSize }: { page: number; pageSize: number }) => void} [options.onPageSizeChange] - The callback function to be invoked when page size changes\n * @returns {UseOffsetPaginationReturn} - The state of the hook\n *\n * @example\n * const { currentPage, currentPageSize, pageCount, isFirstPage, isLastPage, prev, next } = useOffsetPagination({\n *  total: 100,\n *  pageSize: 10,\n *  page: 1,\n *  onPageChange: (page) => {},\n *  onPageCountChange: (pageCount) => {},\n *  onPageSizeChange: (pageSize) => {}\n * });\n */\nexport const useOffsetPagination = ({\n  total = Number.POSITIVE_INFINITY,\n  pageSize = 10,\n  initialPage = 1,\n  onPageChange = () => {},\n  onPageCountChange = () => {},\n  onPageSizeChange = () => {}\n}: UseOffsetPaginationOptions = {}): UseOffsetPaginationReturn => {\n  const [page, setPage] = useState(initialPage);\n\n  const onPageChangeRef = useRef(onPageChange);\n  const onPageCountChangeRef = useRef(onPageCountChange);\n  const onPageSizeChangeRef = useRef(onPageSizeChange);\n\n  onPageChangeRef.current = onPageChange;\n  onPageCountChangeRef.current = onPageCountChange;\n  onPageSizeChangeRef.current = onPageSizeChange;\n\n  const pageCount = Math.max(1, Math.ceil(total / pageSize));\n\n  const isFirstPage = page === 1;\n  const isLastPage = page === pageCount;\n\n  const next = () => {\n    if (isLastPage) return onPageChange({ page: pageCount, pageSize });\n\n    setPage((prevPage) => {\n      const page = prevPage + 1;\n      onPageChange({ page, pageSize });\n      return page;\n    });\n  };\n\n  const prev = () => {\n    if (isFirstPage) return onPageChange({ page: 1, pageSize });\n\n    setPage((prevPage) => {\n      const page = prevPage - 1;\n      onPageChange({ page, pageSize });\n      return page;\n    });\n  };\n\n  const set = (page: number) => {\n    setPage(page);\n    onPageChange({ page, pageSize });\n  };\n\n  useEffect(() => {\n    onPageCountChangeRef.current({ page, pageSize });\n  }, [pageCount]);\n\n  useEffect(() => {\n    onPageSizeChangeRef.current({ page, pageSize });\n  }, [pageSize]);\n\n  return {\n    page,\n    set,\n    currentPageSize: pageSize,\n    isFirstPage,\n    isLastPage,\n    pageCount,\n    next,\n    prev\n  };\n};\n"],"names":["useOffsetPagination","total","pageSize","initialPage","onPageChange","onPageCountChange","onPageSizeChange","page","setPage","useState","onPageChangeRef","useRef","onPageCountChangeRef","onPageSizeChangeRef","pageCount","isFirstPage","isLastPage","next","prevPage","prev","set","useEffect"],"mappings":";AA8DO,MAAMA,IAAsB,CAAC;AAAA,EAClC,OAAAC,IAAQ,OAAO;AAAA,EACf,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAc;AAAA,EACd,cAAAC,IAAe,MAAM;AAAA,EAAC;AAAA,EACtB,mBAAAC,IAAoB,MAAM;AAAA,EAAC;AAAA,EAC3B,kBAAAC,IAAmB,MAAM;AAAA,EAAA;AAC3B,IAAgC,OAAkC;AAChE,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAASN,CAAW,GAEtCO,IAAkBC,EAAOP,CAAY,GACrCQ,IAAuBD,EAAON,CAAiB,GAC/CQ,IAAsBF,EAAOL,CAAgB;AAEnD,EAAAI,EAAgB,UAAUN,GAC1BQ,EAAqB,UAAUP,GAC/BQ,EAAoB,UAAUP;AAExB,QAAAQ,IAAY,KAAK,IAAI,GAAG,KAAK,KAAKb,IAAQC,CAAQ,CAAC,GAEnDa,IAAcR,MAAS,GACvBS,IAAaT,MAASO,GAEtBG,IAAO,MAAM;AACjB,QAAID,EAAmB,QAAAZ,EAAa,EAAE,MAAMU,GAAW,UAAAZ,GAAU;AAEjE,IAAAM,EAAQ,CAACU,MAAa;AACpB,YAAMX,IAAOW,IAAW;AACxB,aAAAd,EAAa,EAAE,MAAAG,GAAM,UAAAL,EAAA,CAAU,GACxBK;AAAAA,IAAA,CACR;AAAA,EACH,GAEMY,IAAO,MAAM;AACjB,QAAIJ,EAAoB,QAAAX,EAAa,EAAE,MAAM,GAAG,UAAAF,GAAU;AAE1D,IAAAM,EAAQ,CAACU,MAAa;AACpB,YAAMX,IAAOW,IAAW;AACxB,aAAAd,EAAa,EAAE,MAAAG,GAAM,UAAAL,EAAA,CAAU,GACxBK;AAAAA,IAAA,CACR;AAAA,EACH,GAEMa,IAAM,CAACb,MAAiB;AAC5B,IAAAC,EAAQD,CAAI,GACZH,EAAa,EAAE,MAAAG,GAAM,UAAAL,EAAA,CAAU;AAAA,EACjC;AAEA,SAAAmB,EAAU,MAAM;AACd,IAAAT,EAAqB,QAAQ,EAAE,MAAAL,GAAM,UAAAL,EAAA,CAAU;AAAA,EAAA,GAC9C,CAACY,CAAS,CAAC,GAEdO,EAAU,MAAM;AACd,IAAAR,EAAoB,QAAQ,EAAE,MAAAN,GAAM,UAAAL,EAAA,CAAU;AAAA,EAAA,GAC7C,CAACA,CAAQ,CAAC,GAEN;AAAA,IACL,MAAAK;AAAA,IACA,KAAAa;AAAA,IACA,iBAAiBlB;AAAA,IACjB,aAAAa;AAAA,IACA,YAAAC;AAAA,IACA,WAAAF;AAAA,IACA,MAAAG;AAAA,IACA,MAAAE;AAAA,EACF;AACF;"}

package/dist/esm/hooks/useOnce/useOnce.mjs

@@ -0,0 +1,14 @@
+import { useRef as n, useEffect as c } from "react";
+function s(u) {
+  const e = n(), r = n(!1), t = n(!1);
+  r.current && (t.current = !0), c(() => {
+    if (!r.current)
+      return r.current = !0, e.current = u(), () => {
+        t.current && typeof e.current == "function" && e.current();
+      };
+  }, []);
+}
+export {
+  s as useOnce
+};
+//# sourceMappingURL=useOnce.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnce.mjs","sources":["../../../../src/hooks/useOnce/useOnce.ts"],"sourcesContent":["import type { EffectCallback } from 'react';\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * @name useEffectOnce\n * @description - Hook that runs an effect only once. Please do not use it in production code!\n * @category Humor\n *\n * @warning - This hook will run effect only once even in strict mode. Please do not use it in production code!\n *\n * @param {EffectCallback} effect The effect to run\n *\n * @example\n * useOnce(() => console.log('effect once'));\n */\nexport function useOnce(effect: EffectCallback) {\n  const cleanupRef = useRef<ReturnType<EffectCallback>>();\n  const hasRunRef = useRef(false);\n  const hasRenderedAfterRun = useRef(false);\n\n  if (hasRunRef.current) {\n    hasRenderedAfterRun.current = true;\n  }\n\n  useEffect(() => {\n    if (hasRunRef.current) return;\n\n    hasRunRef.current = true;\n    cleanupRef.current = effect();\n\n    return () => {\n      if (!hasRenderedAfterRun.current) return;\n\n      if (typeof cleanupRef.current === 'function') {\n        cleanupRef.current();\n      }\n    };\n  }, []);\n}\n"],"names":["useOnce","effect","cleanupRef","useRef","hasRunRef","hasRenderedAfterRun","useEffect"],"mappings":";AAgBO,SAASA,EAAQC,GAAwB;AAC9C,QAAMC,IAAaC,EAAmC,GAChDC,IAAYD,EAAO,EAAK,GACxBE,IAAsBF,EAAO,EAAK;AAExC,EAAIC,EAAU,YACZC,EAAoB,UAAU,KAGhCC,EAAU,MAAM;AACd,QAAI,CAAAF,EAAU;AAEd,aAAAA,EAAU,UAAU,IACpBF,EAAW,UAAUD,EAAO,GAErB,MAAM;AACP,QAACI,EAAoB,WAErB,OAAOH,EAAW,WAAY,cAChCA,EAAW,QAAQ;AAAA,MAEvB;AAAA,EACF,GAAG,EAAE;AACP;"}

package/dist/esm/hooks/useOnline/useOnline.mjs

@@ -0,0 +1,8 @@
+import { useSyncExternalStore as n } from "react";
+const o = () => navigator.onLine, t = () => !1, i = (e) => (window.addEventListener("online", e), window.addEventListener("offline", e), () => {
+  window.removeEventListener("online", e), window.removeEventListener("offline", e);
+}), s = () => n(i, o, t);
+export {
+  s as useOnline
+};
+//# sourceMappingURL=useOnline.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnline.mjs","sources":["../../../../src/hooks/useOnline/useOnline.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst getSnapshot = () => navigator.onLine;\nconst getServerSnapshot = () => false;\nconst subscribe = (callback: () => void) => {\n  window.addEventListener('online', callback);\n  window.addEventListener('offline', callback);\n  return () => {\n    window.removeEventListener('online', callback);\n    window.removeEventListener('offline', callback);\n  };\n};\n\n/**\n * @name useOnline\n * @description - Hook that manages if the user is online\n * @category Sensors\n *\n * @browserapi navigator.onLine https://developer.mozilla.org/en-US/docs/Web/API/Navigator/onLine\n *\n * @returns {boolean} A boolean indicating if the user is online\n *\n * @example\n * const online = useOnline();\n */\nexport const useOnline = () => useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"names":["getSnapshot","getServerSnapshot","subscribe","callback","useOnline","useSyncExternalStore"],"mappings":";AAEA,MAAMA,IAAc,MAAM,UAAU,QAC9BC,IAAoB,MAAM,IAC1BC,IAAY,CAACC,OACV,OAAA,iBAAiB,UAAUA,CAAQ,GACnC,OAAA,iBAAiB,WAAWA,CAAQ,GACpC,MAAM;AACJ,SAAA,oBAAoB,UAAUA,CAAQ,GACtC,OAAA,oBAAoB,WAAWA,CAAQ;AAChD,IAeWC,IAAY,MAAMC,EAAqBH,GAAWF,GAAaC,CAAiB;"}

package/dist/esm/hooks/useOperatingSystem/useOperatingSystem.mjs

@@ -0,0 +1,14 @@
+import { useState as e } from "react";
+const n = () => {
+  if (typeof window > "u") return "undetermined";
+  const { userAgent: t } = window.navigator;
+  return /Macintosh|MacIntel|MacPPC|Mac68K/i.test(t) ? "macos" : /iPhone|iPad|iPod/i.test(t) ? "ios" : /Win32|Win64|Windows|WinCE/i.test(t) ? "windows" : /Android/i.test(t) ? "android" : /Linux/i.test(t) ? "linux" : "undetermined";
+}, r = () => {
+  const [t] = e(n());
+  return t;
+};
+export {
+  n as getOperatingSystem,
+  r as useOperatingSystem
+};
+//# sourceMappingURL=useOperatingSystem.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOperatingSystem.mjs","sources":["../../../../src/hooks/useOperatingSystem/useOperatingSystem.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The operating system type */\nexport type OperatingSystem = 'android' | 'ios' | 'linux' | 'macos' | 'undetermined' | 'windows';\n\nexport const getOperatingSystem = (): OperatingSystem => {\n  if (typeof window === 'undefined') return 'undetermined';\n\n  const { userAgent } = window.navigator;\n\n  if (/Macintosh|MacIntel|MacPPC|Mac68K/i.test(userAgent)) return 'macos';\n  if (/iPhone|iPad|iPod/i.test(userAgent)) return 'ios';\n  if (/Win32|Win64|Windows|WinCE/i.test(userAgent)) return 'windows';\n  if (/Android/i.test(userAgent)) return 'android';\n  if (/Linux/i.test(userAgent)) return 'linux';\n\n  return 'undetermined';\n};\n\n/**\n * @name useOperatingSystem\n * @description - Hook that returns the operating system of the current browser\n * @category Browser\n *\n * @returns {OperatingSystem} The operating system\n *\n * @example\n * const operatingSystem = useOperatingSystem();\n */\nexport const useOperatingSystem = () => {\n  const [osOperatingSystem] = useState<OperatingSystem>(getOperatingSystem());\n  return osOperatingSystem;\n};\n"],"names":["getOperatingSystem","userAgent","useOperatingSystem","osOperatingSystem","useState"],"mappings":";AAKO,MAAMA,IAAqB,MAAuB;AACnD,MAAA,OAAO,SAAW,IAAoB,QAAA;AAEpC,QAAA,EAAE,WAAAC,MAAc,OAAO;AAE7B,SAAI,oCAAoC,KAAKA,CAAS,IAAU,UAC5D,oBAAoB,KAAKA,CAAS,IAAU,QAC5C,6BAA6B,KAAKA,CAAS,IAAU,YACrD,WAAW,KAAKA,CAAS,IAAU,YACnC,SAAS,KAAKA,CAAS,IAAU,UAE9B;AACT,GAYaC,IAAqB,MAAM;AACtC,QAAM,CAACC,CAAiB,IAAIC,EAA0BJ,GAAoB;AACnE,SAAAG;AACT;"}

package/dist/esm/hooks/useOptimistic/useOptimistic.mjs

@@ -0,0 +1,14 @@
+import { useState as i, useRef as p } from "react";
+import { useDidUpdate as m } from "../useDidUpdate/useDidUpdate.mjs";
+const R = (t, e) => {
+  const [u, r] = i(t), s = p(e);
+  s.current = e;
+  const [n, o] = i(!1);
+  return m(() => {
+    n && (r(t), o(!1));
+  }, [n]), [u, (a, c) => (r((f) => s.current(f, a)), c.finally(() => o(!0)))];
+};
+export {
+  R as useOptimistic
+};
+//# sourceMappingURL=useOptimistic.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOptimistic.mjs","sources":["../../../../src/hooks/useOptimistic/useOptimistic.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\n\nexport type UseOptimisticReturn<State> = [\n  State,\n  (optimisticValue: State, promise: Promise<any>) => void\n];\n\n/**\n * @name useOptimistic\n * @description - Hook that allows get optimistic value before its update\n * @category Utilities\n *\n * @template State The type of the state\n * @param {State} state The value to be returned initially and whenever no action is pending\n * @param {(currentState: State, optimisticValue: State) => State} update A pure function that takes the current state and the optimistic value passed to updateOptimistic and returns the resulting optimistic state\n * @returns {UseOptimisticReturn<State>} The resulting optimistic state, and the function to update it\n *\n * @example\n * const [optimisticValue, updateOptimistic] = useOptimistic<number>(count, (currentState, optimisticValue) => currentState + optimisticValue);\n */\nexport const useOptimistic = <State, OptimisticState = State>(\n  externalState: State,\n  update: (currentState: State, optimisticState: OptimisticState) => State\n) => {\n  const [state, setState] = useState<State>(externalState);\n  const internalUpdateRef = useRef(update);\n  internalUpdateRef.current = update;\n\n  const [promised, setPromised] = useState(false);\n\n  useDidUpdate(() => {\n    if (!promised) return;\n    setState(externalState);\n    setPromised(false);\n  }, [promised]);\n\n  const updateState = (optimisticValue: OptimisticState, promise: Promise<any>) => {\n    setState((currentState) => internalUpdateRef.current(currentState, optimisticValue));\n    return promise.finally(() => setPromised(true));\n  };\n\n  return [state, updateState] as const;\n};\n"],"names":["useOptimistic","externalState","update","state","setState","useState","internalUpdateRef","useRef","promised","setPromised","useDidUpdate","optimisticValue","promise","currentState"],"mappings":";;AAsBa,MAAAA,IAAgB,CAC3BC,GACAC,MACG;AACH,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAgBJ,CAAa,GACjDK,IAAoBC,EAAOL,CAAM;AACvC,EAAAI,EAAkB,UAAUJ;AAE5B,QAAM,CAACM,GAAUC,CAAW,IAAIJ,EAAS,EAAK;AAE9C,SAAAK,EAAa,MAAM;AACjB,IAAKF,MACLJ,EAASH,CAAa,GACtBQ,EAAY,EAAK;AAAA,EAAA,GAChB,CAACD,CAAQ,CAAC,GAON,CAACL,GALY,CAACQ,GAAkCC,OACrDR,EAAS,CAACS,MAAiBP,EAAkB,QAAQO,GAAcF,CAAe,CAAC,GAC5EC,EAAQ,QAAQ,MAAMH,EAAY,EAAI,CAAC,EAGtB;AAC5B;"}

package/dist/esm/hooks/useOrientation/useOrientation.mjs

@@ -0,0 +1,14 @@
+import { useState as o, useEffect as r } from "react";
+const a = () => {
+  const [n, t] = o({ angle: 0, type: "landscape-primary" });
+  return r(() => {
+    const e = () => t(window.screen.orientation);
+    return window.screen.orientation.addEventListener("change", e), () => {
+      window.screen.orientation.removeEventListener("change", e);
+    };
+  }, []), n;
+};
+export {
+  a as useOrientation
+};
+//# sourceMappingURL=useOrientation.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOrientation.mjs","sources":["../../../../src/hooks/useOrientation/useOrientation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use orientation return type */\nexport interface UseOrientationReturn {\n  /** The current screen orientation angle */\n  angle: number;\n  /** The screen orientation type */\n  type: OrientationType;\n}\n\n/**\n * @name useOrientation\n * @description - Hook that returns the current screen orientation\n * @category Browser\n *\n * @browserapi window.screen.orientation https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation\n *\n * @returns {UseOrientationReturn} An object containing the current screen orientation\n *\n * @example\n * const { angle, type } = useOrientation();\n */\nexport const useOrientation = (): UseOrientationReturn => {\n  const [orientation, setOrientation] = useState<{\n    angle: number;\n    type: OrientationType;\n  }>({ angle: 0, type: 'landscape-primary' });\n\n  useEffect(() => {\n    const onChange = () => setOrientation(window.screen.orientation);\n    window.screen.orientation.addEventListener('change', onChange);\n    return () => {\n      window.screen.orientation.removeEventListener('change', onChange);\n    };\n  }, []);\n\n  return orientation;\n};\n"],"names":["useOrientation","orientation","setOrientation","useState","useEffect","onChange"],"mappings":";AAsBO,MAAMA,IAAiB,MAA4B;AAClD,QAAA,CAACC,GAAaC,CAAc,IAAIC,EAGnC,EAAE,OAAO,GAAG,MAAM,qBAAqB;AAE1C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAW,MAAMH,EAAe,OAAO,OAAO,WAAW;AAC/D,kBAAO,OAAO,YAAY,iBAAiB,UAAUG,CAAQ,GACtD,MAAM;AACX,aAAO,OAAO,YAAY,oBAAoB,UAAUA,CAAQ;AAAA,IAClE;AAAA,EACF,GAAG,EAAE,GAEEJ;AACT;"}

package/dist/esm/hooks/useOtpCredential/useOtpCredential.mjs

@@ -0,0 +1,25 @@
+import { useState as u, useRef as f } from "react";
+const p = (...t) => {
+  var i, a;
+  const n = typeof t[0] == "function" ? t[0] : (i = t[0]) == null ? void 0 : i.onSuccess, o = typeof t[0] == "function" ? (a = t[0]) == null ? void 0 : a.onError : void 0, c = typeof navigator < "u" && "OTPCredential" in window, [l, s] = u(!1), r = f(new AbortController());
+  return { supported: c, abort: () => {
+    r.current.abort(), r.current = new AbortController(), r.current.signal.onabort = () => s(!0);
+  }, aborted: l, get: async () => {
+    if (c) {
+      r.current = new AbortController();
+      try {
+        const e = await navigator.credentials.get({
+          otp: { transport: ["sms"] },
+          signal: r.current.signal
+        });
+        return n == null || n(e), s(!1), e;
+      } catch (e) {
+        o == null || o(e);
+      }
+    }
+  } };
+};
+export {
+  p as useOtpCredential
+};
+//# sourceMappingURL=useOtpCredential.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOtpCredential.mjs","sources":["../../../../src/hooks/useOtpCredential/useOtpCredential.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\ndeclare global {\n  interface OTPOptions {\n    readonly transport: string[];\n  }\n\n  interface CredentialRequestOptions {\n    readonly otp: OTPOptions;\n  }\n\n  interface Credential {\n    readonly code: string;\n  }\n}\n\n/* The use otp credential callback type */\nexport type UseOtpCredentialCallback = (otp: Credential | null) => void;\n\n/* The use otp credential options type */\nexport interface UseOtpCredentialParams {\n  /* The callback function to be invoked on error */\n  onError: (error: any) => void;\n  /* The callback function to be invoked on success */\n  onSuccess: (credential: Credential | null) => void;\n}\n\n/* The use otp credential return type */\nexport interface UseOtpCredentialReturn {\n  /* The abort function */\n  abort: AbortController['abort'];\n  /*  The aborted state of the query */\n  aborted: boolean;\n  /* The supported state of the otp credential */\n  supported: boolean;\n  /* The get otp credential function */\n  get: () => Promise<Credential | null>;\n}\n\nexport interface UseOtpCredential {\n  (callback?: UseOtpCredentialCallback): UseOtpCredentialReturn;\n\n  (params?: UseOtpCredentialParams): UseOtpCredentialReturn;\n}\n\n/**\n * @name useOtpCredential\n * @description - Hook that creates an otp credential\n * @category Browser\n *\n * @browserapi navigator.credentials https://developer.mozilla.org/en-US/docs/Web/API/Navigator/credentials\n *\n * @overload\n * @param {UseOtpCredentialCallback} callback The callback function to be invoked\n * @returns {UseOtpCredentialReturn}\n *\n * @example\n * useOtpCredential((credential) => console.log(credential));\n *\n * @overload\n * @param {UseOtpCredentialCallback} params.onSuccess The callback function to be invoked on success\n * @param {UseOtpCredentialCallback} params.onError The callback function to be invoked on error\n * @returns {UseOtpCredentialReturn}\n *\n * @example\n * useOtpCredential({ onSuccess: (credential) => console.log(credential), onError: (error) => console.log(error) });\n */\nexport const useOtpCredential = ((...params: any[]) => {\n  const onSuccess =\n    typeof params[0] === 'function'\n      ? (params[0] as UseOtpCredentialCallback | undefined)\n      : (params[0] as UseOtpCredentialParams | undefined)?.onSuccess;\n\n  const onError =\n    typeof params[0] === 'function'\n      ? (params[0] as UseOtpCredentialParams | undefined)?.onError\n      : undefined;\n\n  const supported = typeof navigator !== 'undefined' && 'OTPCredential' in window;\n  const [aborted, setAborted] = useState(false);\n\n  const abortControllerRef = useRef<AbortController>(new AbortController());\n\n  const get = async () => {\n    if (!supported) return;\n\n    abortControllerRef.current = new AbortController();\n    try {\n      const credential = await navigator.credentials.get({\n        otp: { transport: ['sms'] },\n        signal: abortControllerRef.current.signal\n      });\n      onSuccess?.(credential);\n      setAborted(false);\n      return credential;\n    } catch (error) {\n      onError?.(error);\n    }\n  };\n\n  const abort = () => {\n    abortControllerRef.current.abort();\n    abortControllerRef.current = new AbortController();\n    abortControllerRef.current.signal.onabort = () => setAborted(true);\n  };\n\n  return { supported, abort, aborted, get };\n}) as UseOtpCredential;\n"],"names":["useOtpCredential","params","onSuccess","_a","onError","_b","supported","aborted","setAborted","useState","abortControllerRef","useRef","credential","error"],"mappings":";AAmEa,MAAAA,IAAoB,IAAIC,MAAkB;;AAC/C,QAAAC,IACJ,OAAOD,EAAO,CAAC,KAAM,aAChBA,EAAO,CAAC,KACRE,IAAAF,EAAO,CAAC,MAAR,gBAAAE,EAAkD,WAEnDC,IACJ,OAAOH,EAAO,CAAC,KAAM,cAChBI,IAAAJ,EAAO,CAAC,MAAR,gBAAAI,EAAkD,UACnD,QAEAC,IAAY,OAAO,YAAc,OAAe,mBAAmB,QACnE,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GAEtCC,IAAqBC,EAAwB,IAAI,iBAAiB;AAyBxE,SAAO,EAAE,WAAAL,GAAW,OANN,MAAM;AAClB,IAAAI,EAAmB,QAAQ,MAAM,GACdA,EAAA,UAAU,IAAI,gBAAgB,GACjDA,EAAmB,QAAQ,OAAO,UAAU,MAAMF,EAAW,EAAI;AAAA,EACnE,GAE2B,SAAAD,GAAS,KAvBxB,YAAY;AACtB,QAAKD,GAEc;AAAA,MAAAI,EAAA,UAAU,IAAI,gBAAgB;AAC7C,UAAA;AACF,cAAME,IAAa,MAAM,UAAU,YAAY,IAAI;AAAA,UACjD,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE;AAAA,UAC1B,QAAQF,EAAmB,QAAQ;AAAA,QAAA,CACpC;AACD,eAAAR,KAAA,QAAAA,EAAYU,IACZJ,EAAW,EAAK,GACTI;AAAA,eACAC,GAAO;AACd,QAAAT,KAAA,QAAAA,EAAUS;AAAA,MAAK;AAAA;AAAA,EAEnB,EAQwC;AAC1C;"}