@siberiacancode/reactuse 0.3.15 → 0.3.18

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

@@ -1 +1 @@
-{"version":3,"file":"usePrevious.mjs","sources":["../../../../src/hooks/usePrevious/usePrevious.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport interface UsePreviousOptions<Value> {\n  equality: (a: Value, b: Value) => boolean;\n}\n\n/**\n * @name usePrevious\n * @description - Hook that returns the previous value\n * @category Utilities\n * @usage low\n *\n * @template Value The type of the value\n * @param {Value} value The value to get the previous value\n * @param {(a: Value, b: Value) => boolean} [options.equality] The custom equality function to determine if the value has changed\n * @returns {Value | undefined} The previous value\n *\n * @example\n * const prevValue = usePrevious(value);\n */\nexport const usePrevious = <Value>(value: Value, options?: UsePreviousOptions<Value>) => {\n  const currentRef = useRef<Value>(value);\n  const previousRef = useRef<Value>(undefined);\n\n  const equality = options?.equality ?? Object.is;\n\n  if (!equality(value, currentRef.current)) {\n    previousRef.current = currentRef.current;\n    currentRef.current = value;\n  }\n\n  return previousRef.current;\n};\n"],"names":["usePrevious","value","options","currentRef","useRef","previousRef"],"mappings":";AAoBO,MAAMA,IAAc,CAAQC,GAAcC,MAAwC;AACvF,QAAMC,IAAaC,EAAcH,CAAK,GAChCI,IAAcD,EAAc,MAAS;AAI3C,UAFiBF,GAAS,YAAY,OAAO,IAE/BD,GAAOE,EAAW,OAAO,MACrCE,EAAY,UAAUF,EAAW,SACjCA,EAAW,UAAUF,IAGhBI,EAAY;AACrB;"}
+{"version":3,"file":"usePrevious.mjs","names":[],"sources":["../../../../src/hooks/usePrevious/usePrevious.ts"],"sourcesContent":["import { useRef } from 'react';\n\nexport interface UsePreviousOptions<Value> {\n  equality: (a: Value, b: Value) => boolean;\n}\n\n/**\n * @name usePrevious\n * @description - Hook that returns the previous value\n * @category Utilities\n * @usage low\n *\n * @template Value The type of the value\n * @param {Value} value The value to get the previous value\n * @param {(a: Value, b: Value) => boolean} [options.equality] The custom equality function to determine if the value has changed\n * @returns {Value | undefined} The previous value\n *\n * @example\n * const prevValue = usePrevious(value);\n */\nexport const usePrevious = <Value>(value: Value, options?: UsePreviousOptions<Value>) => {\n  const currentRef = useRef<Value>(value);\n  const previousRef = useRef<Value>(undefined);\n\n  const equality = options?.equality ?? Object.is;\n\n  if (!equality(value, currentRef.current)) {\n    previousRef.current = currentRef.current;\n    currentRef.current = value;\n  }\n\n  return previousRef.current;\n};\n"],"mappings":";;AAoBA,IAAa,KAAsB,GAAc,MAAwC;CACvF,IAAM,IAAa,EAAc,EAAM,EACjC,IAAc,EAAc,KAAA,EAAU;AAS5C,SAPiB,GAAS,YAAY,OAAO,IAE/B,GAAO,EAAW,QAAQ,KACtC,EAAY,UAAU,EAAW,SACjC,EAAW,UAAU,IAGhB,EAAY"}

package/dist/esm/hooks/useProgress/useProgress.mjs

@@ -1,25 +1,29 @@
-import { useState as s, useRef as E, useEffect as P } from "react";
-const h = (t, e, n) => Math.min(Math.max(t, e), n), S = (t, e) => t < 0.25 ? 0.12 + e * Math.random() : t < 0.5 ? 0.08 + e * Math.random() : t < 0.8 ? 0.03 + e * Math.random() : t < 0.95 ? 0.01 + e / 2 * Math.random() : t < 0.99 ? 5e-3 * Math.random() : 0, b = (t = 0, e = {}) => {
-  const n = Math.max(e.speed ?? 250, 16), u = h(e.rate ?? 0.02, 0, 0.3), i = e.maximum ?? 0.98, M = e.delay ?? 250, [o, r] = s(t), [f, a] = s(!!e.immediately), [d, c] = s(f), v = E(void 0), x = () => {
-    r(1), c(!1), setTimeout(() => a(!1), M);
-  }, l = (m = S(o, u)) => r((y) => h(y + m, t, i)), I = (m = t) => {
-    a(!0), c(!0), r(m);
-  }, A = () => {
-    a(!1), c(!1), r(0);
-  };
-  return P(() => {
-    if (d)
-      return v.current = setInterval(l, n), () => clearInterval(v.current);
-  }, [d, n, u]), {
-    value: o,
-    active: f,
-    start: I,
-    done: x,
-    inc: l,
-    remove: A
-  };
+import { useEffect as e, useRef as t, useState as n } from "react";
+//#region src/hooks/useProgress/useProgress.ts
+var r = (e, t, n) => Math.min(Math.max(e, t), n), i = (e, t) => e < .25 ? .12 + t * Math.random() : e < .5 ? .08 + t * Math.random() : e < .8 ? .03 + t * Math.random() : e < .95 ? .01 + t / 2 * Math.random() : e < .99 ? .005 * Math.random() : 0, a = (a = 0, o = {}) => {
+	let s = Math.max(o.speed ?? 250, 16), c = r(o.rate ?? .02, 0, .3), l = o.maximum ?? .98, u = o.delay ?? 250, [d, f] = n(a), [p, m] = n(!!o.immediately), [h, g] = n(p), _ = t(void 0), v = () => {
+		f(1), g(!1), setTimeout(() => m(!1), u);
+	}, y = (e = i(d, c)) => f((t) => r(t + e, a, l));
+	return e(() => {
+		if (h) return _.current = setInterval(y, s), () => clearInterval(_.current);
+	}, [
+		h,
+		s,
+		c
+	]), {
+		value: d,
+		active: p,
+		start: (e = a) => {
+			m(!0), g(!0), f(e);
+		},
+		done: v,
+		inc: y,
+		remove: () => {
+			m(!1), g(!1), f(0);
+		}
+	};
 };
-export {
-  b as useProgress
-};
-//# sourceMappingURL=useProgress.mjs.map
+//#endregion
+export { a as useProgress };
+
+//# sourceMappingURL=useProgress.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useProgress.mjs","sources":["../../../../src/hooks/useProgress/useProgress.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\nconst resolveAutoIncrement = (progress: number, trickleRate: number) => {\n  if (progress < 0.25) return 0.12 + trickleRate * Math.random();\n  if (progress < 0.5) return 0.08 + trickleRate * Math.random();\n  if (progress < 0.8) return 0.03 + trickleRate * Math.random();\n  if (progress < 0.95) return 0.01 + (trickleRate / 2) * Math.random();\n  if (progress < 0.99) return 0.005 * Math.random();\n  return 0;\n};\n\n/** The use progress options type */\nexport interface UseProgressOptions {\n  /** Delay before reset to null after done */\n  delay?: number;\n  /** Start progress immediately */\n  immediately?: boolean;\n  /** Maximum progress value */\n  maximum?: number;\n  /** Additional random amount for each auto increment */\n  rate?: number;\n  /** Auto-increment frequency in milliseconds */\n  speed?: number;\n}\n\n/** The use progress return type */\nexport interface UseProgressReturn {\n  /** Whether progress is currently active */\n  active: boolean;\n  /** Current progress value in range 0..1, null means hidden */\n  value: number;\n  /** Complete progress to 100% */\n  done: (force?: boolean) => number | null;\n  /** Increment progress with easing behavior */\n  inc: (amount?: number) => number | null;\n  /** Remove progress and stop timers */\n  remove: () => void;\n  /** Start progress and auto incrementing */\n  start: (from?: number | null) => number;\n}\n\n/**\n * @name useProgress\n * @description - Hook that creates a lightweight progress bar\n * @category Time\n * @usage medium\n *\n * @param {number} [initialProgress] Initial progress value in range 0..1\n * @param {boolean} [options.active] Controls progress externally (true -> start, false -> done)\n * @param {number} [options.maximum=0.95] Maximum value when progress starts\n * @param {number} [options.speed=250] Auto increment interval in milliseconds\n * @param {number} [options.rate=0.02] Additional random increment amount on each tick\n * @param {number} [options.delay=250] Delay before reset to null after done\n * @returns {UseProgressReturn} Current progress state and control methods\n *\n * @example\n * const { value, active, start, done, inc, set, remove } = useProgress(0.2);\n */\nexport const useProgress = (initialValue: number = 0, options: UseProgressOptions = {}) => {\n  const speed = Math.max(options.speed ?? 250, 16);\n  const rate = clamp(options.rate ?? 0.02, 0, 0.3);\n  const maximum = options.maximum ?? 0.98;\n  const delay = options.delay ?? 250;\n\n  const [value, setValue] = useState(initialValue);\n  const [active, setActive] = useState(!!options.immediately);\n  const [internalActive, setInternalActive] = useState(active);\n\n  const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);\n\n  const done = () => {\n    setValue(1);\n    setInternalActive(false);\n    setTimeout(() => setActive(false), delay);\n  };\n\n  const inc = (amount: number = resolveAutoIncrement(value, rate)) =>\n    setValue((currentValue) => clamp(currentValue + amount, initialValue, maximum));\n\n  const start = (from: number = initialValue) => {\n    setActive(true);\n    setInternalActive(true);\n    setValue(from);\n  };\n\n  const remove = () => {\n    setActive(false);\n    setInternalActive(false);\n    setValue(0);\n  };\n\n  useEffect(() => {\n    if (!internalActive) return;\n    intervalIdRef.current = setInterval(inc, speed);\n    return () => clearInterval(intervalIdRef.current);\n  }, [internalActive, speed, rate]);\n\n  return {\n    value,\n    active,\n    start,\n    done,\n    inc,\n    remove\n  };\n};\n"],"names":["clamp","value","min","max","resolveAutoIncrement","progress","trickleRate","useProgress","initialValue","options","speed","rate","maximum","delay","setValue","useState","active","setActive","internalActive","setInternalActive","intervalIdRef","useRef","done","inc","amount","currentValue","start","from","remove","useEffect"],"mappings":";AAEA,MAAMA,IAAQ,CAACC,GAAeC,GAAaC,MAAgB,KAAK,IAAI,KAAK,IAAIF,GAAOC,CAAG,GAAGC,CAAG,GAEvFC,IAAuB,CAACC,GAAkBC,MAC1CD,IAAW,OAAa,OAAOC,IAAc,KAAK,OAAA,IAClDD,IAAW,MAAY,OAAOC,IAAc,KAAK,OAAA,IACjDD,IAAW,MAAY,OAAOC,IAAc,KAAK,OAAA,IACjDD,IAAW,OAAa,OAAQC,IAAc,IAAK,KAAK,OAAA,IACxDD,IAAW,OAAa,OAAQ,KAAK,OAAA,IAClC,GAkDIE,IAAc,CAACC,IAAuB,GAAGC,IAA8B,CAAA,MAAO;AACzF,QAAMC,IAAQ,KAAK,IAAID,EAAQ,SAAS,KAAK,EAAE,GACzCE,IAAOX,EAAMS,EAAQ,QAAQ,MAAM,GAAG,GAAG,GACzCG,IAAUH,EAAQ,WAAW,MAC7BI,IAAQJ,EAAQ,SAAS,KAEzB,CAACR,GAAOa,CAAQ,IAAIC,EAASP,CAAY,GACzC,CAACQ,GAAQC,CAAS,IAAIF,EAAS,CAAC,CAACN,EAAQ,WAAW,GACpD,CAACS,GAAgBC,CAAiB,IAAIJ,EAASC,CAAM,GAErDI,IAAgBC,EAAuC,MAAS,GAEhEC,IAAO,MAAM;AACjB,IAAAR,EAAS,CAAC,GACVK,EAAkB,EAAK,GACvB,WAAW,MAAMF,EAAU,EAAK,GAAGJ,CAAK;AAAA,EAAA,GAGpCU,IAAM,CAACC,IAAiBpB,EAAqBH,GAAOU,CAAI,MAC5DG,EAAS,CAACW,MAAiBzB,EAAMyB,IAAeD,GAAQhB,GAAcI,CAAO,CAAC,GAE1Ec,IAAQ,CAACC,IAAenB,MAAiB;AAC7C,IAAAS,EAAU,EAAI,GACdE,EAAkB,EAAI,GACtBL,EAASa,CAAI;AAAA,EAAA,GAGTC,IAAS,MAAM;AACnB,IAAAX,EAAU,EAAK,GACfE,EAAkB,EAAK,GACvBL,EAAS,CAAC;AAAA,EAAA;AAGZ,SAAAe,EAAU,MAAM;AACd,QAAKX;AACL,aAAAE,EAAc,UAAU,YAAYG,GAAKb,CAAK,GACvC,MAAM,cAAcU,EAAc,OAAO;AAAA,EAAA,GAC/C,CAACF,GAAgBR,GAAOC,CAAI,CAAC,GAEzB;AAAA,IACL,OAAAV;AAAA,IACA,QAAAe;AAAA,IACA,OAAAU;AAAA,IACA,MAAAJ;AAAA,IACA,KAAAC;AAAA,IACA,QAAAK;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useProgress.mjs","names":[],"sources":["../../../../src/hooks/useProgress/useProgress.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nconst clamp = (value: number, min: number, max: number) => Math.min(Math.max(value, min), max);\n\nconst resolveAutoIncrement = (progress: number, trickleRate: number) => {\n  if (progress < 0.25) return 0.12 + trickleRate * Math.random();\n  if (progress < 0.5) return 0.08 + trickleRate * Math.random();\n  if (progress < 0.8) return 0.03 + trickleRate * Math.random();\n  if (progress < 0.95) return 0.01 + (trickleRate / 2) * Math.random();\n  if (progress < 0.99) return 0.005 * Math.random();\n  return 0;\n};\n\n/** The use progress options type */\nexport interface UseProgressOptions {\n  /** Delay before reset to null after done */\n  delay?: number;\n  /** Start progress immediately */\n  immediately?: boolean;\n  /** Maximum progress value */\n  maximum?: number;\n  /** Additional random amount for each auto increment */\n  rate?: number;\n  /** Auto-increment frequency in milliseconds */\n  speed?: number;\n}\n\n/** The use progress return type */\nexport interface UseProgressReturn {\n  /** Whether progress is currently active */\n  active: boolean;\n  /** Current progress value in range 0..1, null means hidden */\n  value: number;\n  /** Complete progress to 100% */\n  done: (force?: boolean) => number | null;\n  /** Increment progress with easing behavior */\n  inc: (amount?: number) => number | null;\n  /** Remove progress and stop timers */\n  remove: () => void;\n  /** Start progress and auto incrementing */\n  start: (from?: number | null) => number;\n}\n\n/**\n * @name useProgress\n * @description - Hook that creates a lightweight progress bar\n * @category Time\n * @usage medium\n *\n * @param {number} [initialProgress] Initial progress value in range 0..1\n * @param {boolean} [options.active] Controls progress externally (true -> start, false -> done)\n * @param {number} [options.maximum=0.95] Maximum value when progress starts\n * @param {number} [options.speed=250] Auto increment interval in milliseconds\n * @param {number} [options.rate=0.02] Additional random increment amount on each tick\n * @param {number} [options.delay=250] Delay before reset to null after done\n * @returns {UseProgressReturn} Current progress state and control methods\n *\n * @example\n * const { value, active, start, done, inc, set, remove } = useProgress(0.2);\n */\nexport const useProgress = (initialValue: number = 0, options: UseProgressOptions = {}) => {\n  const speed = Math.max(options.speed ?? 250, 16);\n  const rate = clamp(options.rate ?? 0.02, 0, 0.3);\n  const maximum = options.maximum ?? 0.98;\n  const delay = options.delay ?? 250;\n\n  const [value, setValue] = useState(initialValue);\n  const [active, setActive] = useState(!!options.immediately);\n  const [internalActive, setInternalActive] = useState(active);\n\n  const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);\n\n  const done = () => {\n    setValue(1);\n    setInternalActive(false);\n    setTimeout(() => setActive(false), delay);\n  };\n\n  const inc = (amount: number = resolveAutoIncrement(value, rate)) =>\n    setValue((currentValue) => clamp(currentValue + amount, initialValue, maximum));\n\n  const start = (from: number = initialValue) => {\n    setActive(true);\n    setInternalActive(true);\n    setValue(from);\n  };\n\n  const remove = () => {\n    setActive(false);\n    setInternalActive(false);\n    setValue(0);\n  };\n\n  useEffect(() => {\n    if (!internalActive) return;\n    intervalIdRef.current = setInterval(inc, speed);\n    return () => clearInterval(intervalIdRef.current);\n  }, [internalActive, speed, rate]);\n\n  return {\n    value,\n    active,\n    start,\n    done,\n    inc,\n    remove\n  };\n};\n"],"mappings":";;AAEA,IAAM,KAAS,GAAe,GAAa,MAAgB,KAAK,IAAI,KAAK,IAAI,GAAO,EAAI,EAAE,EAAI,EAExF,KAAwB,GAAkB,MAC1C,IAAW,MAAa,MAAO,IAAc,KAAK,QAAQ,GAC1D,IAAW,KAAY,MAAO,IAAc,KAAK,QAAQ,GACzD,IAAW,KAAY,MAAO,IAAc,KAAK,QAAQ,GACzD,IAAW,MAAa,MAAQ,IAAc,IAAK,KAAK,QAAQ,GAChE,IAAW,MAAa,OAAQ,KAAK,QAAQ,GAC1C,GAkDI,KAAe,IAAuB,GAAG,IAA8B,EAAE,KAAK;CACzF,IAAM,IAAQ,KAAK,IAAI,EAAQ,SAAS,KAAK,GAAG,EAC1C,IAAO,EAAM,EAAQ,QAAQ,KAAM,GAAG,GAAI,EAC1C,IAAU,EAAQ,WAAW,KAC7B,IAAQ,EAAQ,SAAS,KAEzB,CAAC,GAAO,KAAY,EAAS,EAAa,EAC1C,CAAC,GAAQ,KAAa,EAAS,CAAC,CAAC,EAAQ,YAAY,EACrD,CAAC,GAAgB,KAAqB,EAAS,EAAO,EAEtD,IAAgB,EAAuC,KAAA,EAAU,EAEjE,UAAa;AAGjB,EAFA,EAAS,EAAE,EACX,EAAkB,GAAM,EACxB,iBAAiB,EAAU,GAAM,EAAE,EAAM;IAGrC,KAAO,IAAiB,EAAqB,GAAO,EAAK,KAC7D,GAAU,MAAiB,EAAM,IAAe,GAAQ,GAAc,EAAQ,CAAC;AAoBjF,QANA,QAAgB;AACT,QAEL,QADA,EAAc,UAAU,YAAY,GAAK,EAAM,QAClC,cAAc,EAAc,QAAQ;IAChD;EAAC;EAAgB;EAAO;EAAK,CAAC,EAE1B;EACL;EACA;EACA,QArBa,IAAe,MAAiB;AAG7C,GAFA,EAAU,GAAK,EACf,EAAkB,GAAK,EACvB,EAAS,EAAK;;EAmBd;EACA;EACA,cAlBmB;AAGnB,GAFA,EAAU,GAAM,EAChB,EAAkB,GAAM,EACxB,EAAS,EAAE;;EAgBZ"}

package/dist/esm/hooks/useQuery/useQuery.mjs

@@ -1,53 +1,62 @@
-import { useRef as l, useState as c, useEffect as L } from "react";
-import { useDidUpdate as x } from "../useDidUpdate/useDidUpdate.mjs";
-import { useMount as M } from "../useMount/useMount.mjs";
-import { getRetry as b } from "../../utils/helpers/getRetry.mjs";
-const B = (E, e) => {
-  const a = e?.enabled ?? !0, n = l(e?.retry ? b(e.retry) : 0), o = l(!1), [C, u] = c(!1), [S, i] = c(!1), [k, v] = c(!1), [q, y] = c(!1), [w, I] = c(!!e?.placeholderData), [A, g] = c(void 0), [F, m] = c(e?.placeholderData), h = l(new AbortController()), D = l(void 0), d = e?.keys ?? [], R = () => {
-    h.current.abort(), h.current = new AbortController();
-  }, s = (t) => {
-    R(), u(!0), t === "init" && (o.current = !0, i(!0)), t === "refetch" && y(!0), E({ signal: h.current.signal, keys: d }).then((r) => {
-      const f = e?.select ? e?.select(r) : r;
-      e?.onSuccess?.(f), m(f), I(!0), g(void 0), v(!1), u(!1), t === "init" && i(!1), t === "refetch" && y(!1);
-    }).catch((r) => {
-      if (n.current > 0) {
-        n.current -= 1;
-        const f = typeof e?.retryDelay == "function" ? e?.retryDelay(n.current, r) : e?.retryDelay;
-        if (f) {
-          setTimeout(() => s(t), f);
-          return;
-        }
-        return s(t);
-      }
-      e?.onError?.(r), m(void 0), I(!1), g(r), v(!0), u(!1), t === "init" && i(!1), t === "refetch" && y(!1), n.current = e?.retry ? b(e.retry) : 0;
-    }).finally(() => {
-      if (e?.refetchInterval) {
-        const r = setInterval(() => {
-          clearInterval(r), s("refetch");
-        }, e?.refetchInterval);
-        D.current = r;
-      }
-    });
-  };
-  return M(() => {
-    a && s("init");
-  }), x(() => {
-    a && s(o.current ? "refetch" : "init");
-  }, [a, ...d]), L(() => () => {
-    clearInterval(D.current);
-  }, [a, e?.refetchInterval, e?.retry, ...d]), {
-    abort: R,
-    data: F,
-    error: A,
-    refetch: () => s("refetch"),
-    isFetching: C,
-    isLoading: S,
-    isError: k,
-    isSuccess: w,
-    isRefetching: q
-  };
+import { useDidUpdate as e } from "../useDidUpdate/useDidUpdate.mjs";
+import { getRetry as t } from "../../utils/helpers/getRetry.mjs";
+import { useMount as n } from "../useMount/useMount.mjs";
+import { useEffect as r, useRef as i, useState as a } from "react";
+//#region src/hooks/useQuery/useQuery.ts
+var o = (o, s) => {
+	let c = s?.enabled ?? !0, l = i(s?.retry ? t(s.retry) : 0), u = i(!1), [d, f] = a(!1), [p, m] = a(!1), [h, g] = a(!1), [_, v] = a(!1), [y, b] = a(!!s?.placeholderData), [x, S] = a(void 0), [C, w] = a(s?.placeholderData), T = i(new AbortController()), E = i(void 0), D = s?.keys ?? [], O = () => {
+		T.current.abort(), T.current = new AbortController();
+	}, k = (e) => {
+		O(), f(!0), e === "init" && (u.current = !0, m(!0)), e === "refetch" && v(!0), o({
+			signal: T.current.signal,
+			keys: D
+		}).then((t) => {
+			let n = s?.select ? s?.select(t) : t;
+			s?.onSuccess?.(n), w(n), b(!0), S(void 0), g(!1), f(!1), e === "init" && m(!1), e === "refetch" && v(!1);
+		}).catch((n) => {
+			if (l.current > 0) {
+				--l.current;
+				let t = typeof s?.retryDelay == "function" ? s?.retryDelay(l.current, n) : s?.retryDelay;
+				if (t) {
+					setTimeout(() => k(e), t);
+					return;
+				}
+				return k(e);
+			}
+			s?.onError?.(n), w(void 0), b(!1), S(n), g(!0), f(!1), e === "init" && m(!1), e === "refetch" && v(!1), l.current = s?.retry ? t(s.retry) : 0;
+		}).finally(() => {
+			if (s?.refetchInterval) {
+				let e = setInterval(() => {
+					clearInterval(e), k("refetch");
+				}, s?.refetchInterval);
+				E.current = e;
+			}
+		});
+	};
+	return n(() => {
+		c && k("init");
+	}), e(() => {
+		c && k(u.current ? "refetch" : "init");
+	}, [c, ...D]), r(() => () => {
+		clearInterval(E.current);
+	}, [
+		c,
+		s?.refetchInterval,
+		s?.retry,
+		...D
+	]), {
+		abort: O,
+		data: C,
+		error: x,
+		refetch: () => k("refetch"),
+		isFetching: d,
+		isLoading: p,
+		isError: h,
+		isSuccess: y,
+		isRefetching: _
+	};
 };
-export {
-  B as useQuery
-};
-//# sourceMappingURL=useQuery.mjs.map
+//#endregion
+export { o as useQuery };
+
+//# sourceMappingURL=useQuery.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useQuery.mjs","sources":["../../../../src/hooks/useQuery/useQuery.ts"],"sourcesContent":["import type { DependencyList } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\nimport { useMount } from '../useMount/useMount';\n\n/* The use query return type */\nexport interface UseQueryOptions<QueryData, Data> {\n  /* The enabled state of the query */\n  enabled?: boolean;\n  /* The depends for the hook */\n  keys?: DependencyList;\n  /* The placeholder data for the hook */\n  placeholderData?: (() => Data) | Data;\n  /* The refetch interval */\n  refetchInterval?: number;\n  /* The retry count of requests */\n  retry?: 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  /* The select function to be invoked */\n  select?: (data: QueryData) => Data;\n}\n\ninterface UseQueryCallbackParams {\n  /* The depends for the hook */\n  keys: DependencyList;\n  /* The abort signal */\n  signal: AbortSignal;\n}\n\n/* The use query return type */\nexport interface UseQueryReturn<Data> {\n  /* The abort function */\n  abort: AbortController['abort'];\n  /* The state of the query */\n  data?: Data;\n  /* The success state of the query */\n  error?: Error;\n  /* The error state of the query */\n  isError: boolean;\n  /* The fetching state of the query */\n  isFetching: boolean;\n  /* The loading state of the query */\n  isLoading: boolean;\n  /* The refetching state of the query */\n  isRefetching: boolean;\n  /* The success state of the query */\n  isSuccess: boolean;\n  /* The refetch function */\n  refetch: () => void;\n}\n\n/**\n * @name useQuery\n * @description - Hook that defines the logic when query data\n * @category Async\n * @usage high\n *\n * @template Data The type of the data\n * @param {() => Promise<Data>} callback The callback function to be invoked\n * @param {DependencyList} [options.keys] The dependencies for the hook\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 * @param {UseQueryOptionsSelect<Data>} [options.select] The select function to be invoked\n * @param {Data | (() => Data)} [options.initialData] The initial data for the hook\n * @param {Data | (() => Data)} [options.placeholderData] The placeholder data for the hook\n * @param {number} [options.refetchInterval] The refetch interval\n * @param {boolean | number} [options.retry] The retry count of requests\n * @returns {UseQueryReturn<Data>} An object with the state of the query\n *\n * @example\n * const { data, isFetching, isLoading, isError, isSuccess, error, refetch, isRefetching, abort, aborted } = useQuery(() => fetch('url'));\n */\nexport const useQuery = <QueryData, Data = QueryData>(\n  callback: (params: UseQueryCallbackParams) => Promise<QueryData>,\n  options?: UseQueryOptions<QueryData, Data>\n): UseQueryReturn<Data> => {\n  const enabled = options?.enabled ?? true;\n  const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);\n  const alreadyRequested = useRef(false);\n\n  const [isFetching, setIsFetching] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isError, setIsError] = useState(false);\n  const [isRefetching, setIsRefetching] = useState(false);\n  const [isSuccess, setIsSuccess] = useState(!!options?.placeholderData);\n\n  const [error, setError] = useState<Error | undefined>(undefined);\n  const [data, setData] = useState<Data | undefined>(options?.placeholderData);\n\n  const abortControllerRef = useRef<AbortController>(new AbortController());\n  const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);\n\n  const keys = options?.keys ?? [];\n\n  const abort = () => {\n    abortControllerRef.current.abort();\n    abortControllerRef.current = new AbortController();\n  };\n\n  const request = (action: 'init' | 'refetch') => {\n    abort();\n\n    setIsFetching(true);\n    if (action === 'init') {\n      alreadyRequested.current = true;\n      setIsLoading(true);\n    }\n    if (action === 'refetch') setIsRefetching(true);\n    callback({ signal: abortControllerRef.current.signal, keys })\n      .then((response) => {\n        const data = options?.select ? options?.select(response) : response;\n        options?.onSuccess?.(data as Data);\n        setData(data as Data);\n        setIsSuccess(true);\n        setError(undefined);\n        setIsError(false);\n        setIsFetching(false);\n        if (action === 'init') setIsLoading(false);\n        if (action === 'refetch') setIsRefetching(false);\n      })\n      .catch((error: Error) => {\n        if (retryCountRef.current > 0) {\n          retryCountRef.current -= 1;\n          const retryDelay =\n            typeof options?.retryDelay === 'function'\n              ? options?.retryDelay(retryCountRef.current, error)\n              : options?.retryDelay;\n\n          if (retryDelay) {\n            setTimeout(() => request(action), retryDelay);\n            return;\n          }\n\n          return request(action);\n        }\n        options?.onError?.(error);\n        setData(undefined);\n        setIsSuccess(false);\n        setError(error);\n        setIsError(true);\n        setIsFetching(false);\n        if (action === 'init') setIsLoading(false);\n        if (action === 'refetch') setIsRefetching(false);\n        retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n      })\n      .finally(() => {\n        if (options?.refetchInterval) {\n          const interval = setInterval(() => {\n            clearInterval(interval);\n            request('refetch');\n          }, options?.refetchInterval);\n          intervalIdRef.current = interval;\n        }\n      });\n  };\n\n  useMount(() => {\n    if (!enabled) return;\n    request('init');\n  });\n\n  useDidUpdate(() => {\n    if (!enabled) return;\n    request(alreadyRequested.current ? 'refetch' : 'init');\n  }, [enabled, ...keys]);\n\n  useEffect(() => {\n    return () => {\n      clearInterval(intervalIdRef.current);\n    };\n  }, [enabled, options?.refetchInterval, options?.retry, ...keys]);\n\n  const refetch = () => request('refetch');\n\n  return {\n    abort,\n    data,\n    error,\n    refetch,\n    isFetching,\n    isLoading,\n    isError,\n    isSuccess,\n    isRefetching\n  };\n};\n"],"names":["useQuery","callback","options","enabled","retryCountRef","useRef","getRetry","alreadyRequested","isFetching","setIsFetching","useState","isLoading","setIsLoading","isError","setIsError","isRefetching","setIsRefetching","isSuccess","setIsSuccess","error","setError","data","setData","abortControllerRef","intervalIdRef","keys","abort","request","action","response","retryDelay","interval","useMount","useDidUpdate","useEffect"],"mappings":";;;;AAiFO,MAAMA,IAAW,CACtBC,GACAC,MACyB;AACzB,QAAMC,IAAUD,GAAS,WAAW,IAC9BE,IAAgBC,EAAOH,GAAS,QAAQI,EAASJ,EAAQ,KAAK,IAAI,CAAC,GACnEK,IAAmBF,EAAO,EAAK,GAE/B,CAACG,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,CAACC,GAAWC,CAAY,IAAIF,EAAS,EAAK,GAC1C,CAACG,GAASC,CAAU,IAAIJ,EAAS,EAAK,GACtC,CAACK,GAAcC,CAAe,IAAIN,EAAS,EAAK,GAChD,CAACO,GAAWC,CAAY,IAAIR,EAAS,CAAC,CAACR,GAAS,eAAe,GAE/D,CAACiB,GAAOC,CAAQ,IAAIV,EAA4B,MAAS,GACzD,CAACW,GAAMC,CAAO,IAAIZ,EAA2BR,GAAS,eAAe,GAErEqB,IAAqBlB,EAAwB,IAAI,iBAAiB,GAClEmB,IAAgBnB,EAAuC,MAAS,GAEhEoB,IAAOvB,GAAS,QAAQ,CAAA,GAExBwB,IAAQ,MAAM;AAClB,IAAAH,EAAmB,QAAQ,MAAA,GAC3BA,EAAmB,UAAU,IAAI,gBAAA;AAAA,EAAgB,GAG7CI,IAAU,CAACC,MAA+B;AAC9C,IAAAF,EAAA,GAEAjB,EAAc,EAAI,GACdmB,MAAW,WACbrB,EAAiB,UAAU,IAC3BK,EAAa,EAAI,IAEfgB,MAAW,aAAWZ,EAAgB,EAAI,GAC9Cf,EAAS,EAAE,QAAQsB,EAAmB,QAAQ,QAAQ,MAAAE,GAAM,EACzD,KAAK,CAACI,MAAa;AAClB,YAAMR,IAAOnB,GAAS,SAASA,GAAS,OAAO2B,CAAQ,IAAIA;AAC3D,MAAA3B,GAAS,YAAYmB,CAAY,GACjCC,EAAQD,CAAY,GACpBH,EAAa,EAAI,GACjBE,EAAS,MAAS,GAClBN,EAAW,EAAK,GAChBL,EAAc,EAAK,GACfmB,MAAW,UAAQhB,EAAa,EAAK,GACrCgB,MAAW,aAAWZ,EAAgB,EAAK;AAAA,IAAA,CAChD,EACA,MAAM,CAACG,MAAiB;AACvB,UAAIf,EAAc,UAAU,GAAG;AAC7B,QAAAA,EAAc,WAAW;AACzB,cAAM0B,IACJ,OAAO5B,GAAS,cAAe,aAC3BA,GAAS,WAAWE,EAAc,SAASe,CAAK,IAChDjB,GAAS;AAEf,YAAI4B,GAAY;AACd,qBAAW,MAAMH,EAAQC,CAAM,GAAGE,CAAU;AAC5C;AAAA,QAAA;AAGF,eAAOH,EAAQC,CAAM;AAAA,MAAA;AAEvB,MAAA1B,GAAS,UAAUiB,CAAK,GACxBG,EAAQ,MAAS,GACjBJ,EAAa,EAAK,GAClBE,EAASD,CAAK,GACdL,EAAW,EAAI,GACfL,EAAc,EAAK,GACfmB,MAAW,UAAQhB,EAAa,EAAK,GACrCgB,MAAW,aAAWZ,EAAgB,EAAK,GAC/CZ,EAAc,UAAUF,GAAS,QAAQI,EAASJ,EAAQ,KAAK,IAAI;AAAA,IAAA,CACpE,EACA,QAAQ,MAAM;AACb,UAAIA,GAAS,iBAAiB;AAC5B,cAAM6B,IAAW,YAAY,MAAM;AACjC,wBAAcA,CAAQ,GACtBJ,EAAQ,SAAS;AAAA,QAAA,GAChBzB,GAAS,eAAe;AAC3B,QAAAsB,EAAc,UAAUO;AAAA,MAAA;AAAA,IAC1B,CACD;AAAA,EAAA;AAGL,SAAAC,EAAS,MAAM;AACb,IAAK7B,KACLwB,EAAQ,MAAM;AAAA,EAAA,CACf,GAEDM,EAAa,MAAM;AACjB,IAAK9B,KACLwB,EAAQpB,EAAiB,UAAU,YAAY,MAAM;AAAA,EAAA,GACpD,CAACJ,GAAS,GAAGsB,CAAI,CAAC,GAErBS,EAAU,MACD,MAAM;AACX,kBAAcV,EAAc,OAAO;AAAA,EAAA,GAEpC,CAACrB,GAASD,GAAS,iBAAiBA,GAAS,OAAO,GAAGuB,CAAI,CAAC,GAIxD;AAAA,IACL,OAAAC;AAAA,IACA,MAAAL;AAAA,IACA,OAAAF;AAAA,IACA,SANc,MAAMQ,EAAQ,SAAS;AAAA,IAOrC,YAAAnB;AAAA,IACA,WAAAG;AAAA,IACA,SAAAE;AAAA,IACA,WAAAI;AAAA,IACA,cAAAF;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useQuery.mjs","names":[],"sources":["../../../../src/hooks/useQuery/useQuery.ts"],"sourcesContent":["import type { DependencyList } from 'react';\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\nimport { useDidUpdate } from '../useDidUpdate/useDidUpdate';\nimport { useMount } from '../useMount/useMount';\n\n/* The use query return type */\nexport interface UseQueryOptions<QueryData, Data> {\n  /* The enabled state of the query */\n  enabled?: boolean;\n  /* The depends for the hook */\n  keys?: DependencyList;\n  /* The placeholder data for the hook */\n  placeholderData?: (() => Data) | Data;\n  /* The refetch interval */\n  refetchInterval?: number;\n  /* The retry count of requests */\n  retry?: 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  /* The select function to be invoked */\n  select?: (data: QueryData) => Data;\n}\n\ninterface UseQueryCallbackParams {\n  /* The depends for the hook */\n  keys: DependencyList;\n  /* The abort signal */\n  signal: AbortSignal;\n}\n\n/* The use query return type */\nexport interface UseQueryReturn<Data> {\n  /* The abort function */\n  abort: AbortController['abort'];\n  /* The state of the query */\n  data?: Data;\n  /* The success state of the query */\n  error?: Error;\n  /* The error state of the query */\n  isError: boolean;\n  /* The fetching state of the query */\n  isFetching: boolean;\n  /* The loading state of the query */\n  isLoading: boolean;\n  /* The refetching state of the query */\n  isRefetching: boolean;\n  /* The success state of the query */\n  isSuccess: boolean;\n  /* The refetch function */\n  refetch: () => void;\n}\n\n/**\n * @name useQuery\n * @description - Hook that defines the logic when query data\n * @category Async\n * @usage high\n *\n * @template Data The type of the data\n * @param {() => Promise<Data>} callback The callback function to be invoked\n * @param {DependencyList} [options.keys] The dependencies for the hook\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 * @param {UseQueryOptionsSelect<Data>} [options.select] The select function to be invoked\n * @param {Data | (() => Data)} [options.initialData] The initial data for the hook\n * @param {Data | (() => Data)} [options.placeholderData] The placeholder data for the hook\n * @param {number} [options.refetchInterval] The refetch interval\n * @param {boolean | number} [options.retry] The retry count of requests\n * @returns {UseQueryReturn<Data>} An object with the state of the query\n *\n * @example\n * const { data, isFetching, isLoading, isError, isSuccess, error, refetch, isRefetching, abort, aborted } = useQuery(() => fetch('url'));\n */\nexport const useQuery = <QueryData, Data = QueryData>(\n  callback: (params: UseQueryCallbackParams) => Promise<QueryData>,\n  options?: UseQueryOptions<QueryData, Data>\n): UseQueryReturn<Data> => {\n  const enabled = options?.enabled ?? true;\n  const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);\n  const alreadyRequested = useRef(false);\n\n  const [isFetching, setIsFetching] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isError, setIsError] = useState(false);\n  const [isRefetching, setIsRefetching] = useState(false);\n  const [isSuccess, setIsSuccess] = useState(!!options?.placeholderData);\n\n  const [error, setError] = useState<Error | undefined>(undefined);\n  const [data, setData] = useState<Data | undefined>(options?.placeholderData);\n\n  const abortControllerRef = useRef<AbortController>(new AbortController());\n  const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);\n\n  const keys = options?.keys ?? [];\n\n  const abort = () => {\n    abortControllerRef.current.abort();\n    abortControllerRef.current = new AbortController();\n  };\n\n  const request = (action: 'init' | 'refetch') => {\n    abort();\n\n    setIsFetching(true);\n    if (action === 'init') {\n      alreadyRequested.current = true;\n      setIsLoading(true);\n    }\n    if (action === 'refetch') setIsRefetching(true);\n    callback({ signal: abortControllerRef.current.signal, keys })\n      .then((response) => {\n        const data = options?.select ? options?.select(response) : response;\n        options?.onSuccess?.(data as Data);\n        setData(data as Data);\n        setIsSuccess(true);\n        setError(undefined);\n        setIsError(false);\n        setIsFetching(false);\n        if (action === 'init') setIsLoading(false);\n        if (action === 'refetch') setIsRefetching(false);\n      })\n      .catch((error: Error) => {\n        if (retryCountRef.current > 0) {\n          retryCountRef.current -= 1;\n          const retryDelay =\n            typeof options?.retryDelay === 'function'\n              ? options?.retryDelay(retryCountRef.current, error)\n              : options?.retryDelay;\n\n          if (retryDelay) {\n            setTimeout(() => request(action), retryDelay);\n            return;\n          }\n\n          return request(action);\n        }\n        options?.onError?.(error);\n        setData(undefined);\n        setIsSuccess(false);\n        setError(error);\n        setIsError(true);\n        setIsFetching(false);\n        if (action === 'init') setIsLoading(false);\n        if (action === 'refetch') setIsRefetching(false);\n        retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n      })\n      .finally(() => {\n        if (options?.refetchInterval) {\n          const interval = setInterval(() => {\n            clearInterval(interval);\n            request('refetch');\n          }, options?.refetchInterval);\n          intervalIdRef.current = interval;\n        }\n      });\n  };\n\n  useMount(() => {\n    if (!enabled) return;\n    request('init');\n  });\n\n  useDidUpdate(() => {\n    if (!enabled) return;\n    request(alreadyRequested.current ? 'refetch' : 'init');\n  }, [enabled, ...keys]);\n\n  useEffect(() => {\n    return () => {\n      clearInterval(intervalIdRef.current);\n    };\n  }, [enabled, options?.refetchInterval, options?.retry, ...keys]);\n\n  const refetch = () => request('refetch');\n\n  return {\n    abort,\n    data,\n    error,\n    refetch,\n    isFetching,\n    isLoading,\n    isError,\n    isSuccess,\n    isRefetching\n  };\n};\n"],"mappings":";;;;;AAiFA,IAAa,KACX,GACA,MACyB;CACzB,IAAM,IAAU,GAAS,WAAW,IAC9B,IAAgB,EAAO,GAAS,QAAQ,EAAS,EAAQ,MAAM,GAAG,EAAE,EACpE,IAAmB,EAAO,GAAM,EAEhC,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAc,KAAmB,EAAS,GAAM,EACjD,CAAC,GAAW,KAAgB,EAAS,CAAC,CAAC,GAAS,gBAAgB,EAEhE,CAAC,GAAO,KAAY,EAA4B,KAAA,EAAU,EAC1D,CAAC,GAAM,KAAW,EAA2B,GAAS,gBAAgB,EAEtE,IAAqB,EAAwB,IAAI,iBAAiB,CAAC,EACnE,IAAgB,EAAuC,KAAA,EAAU,EAEjE,IAAO,GAAS,QAAQ,EAAE,EAE1B,UAAc;AAElB,EADA,EAAmB,QAAQ,OAAO,EAClC,EAAmB,UAAU,IAAI,iBAAiB;IAG9C,KAAW,MAA+B;AAS9C,EARA,GAAO,EAEP,EAAc,GAAK,EACf,MAAW,WACb,EAAiB,UAAU,IAC3B,EAAa,GAAK,GAEhB,MAAW,aAAW,EAAgB,GAAK,EAC/C,EAAS;GAAE,QAAQ,EAAmB,QAAQ;GAAQ;GAAM,CAAC,CAC1D,MAAM,MAAa;GAClB,IAAM,IAAO,GAAS,SAAS,GAAS,OAAO,EAAS,GAAG;AAQ3D,GAPA,GAAS,YAAY,EAAa,EAClC,EAAQ,EAAa,EACrB,EAAa,GAAK,EAClB,EAAS,KAAA,EAAU,EACnB,EAAW,GAAM,EACjB,EAAc,GAAM,EAChB,MAAW,UAAQ,EAAa,GAAM,EACtC,MAAW,aAAW,EAAgB,GAAM;IAChD,CACD,OAAO,MAAiB;AACvB,OAAI,EAAc,UAAU,GAAG;AAC7B,QAAc;IACd,IAAM,IACJ,OAAO,GAAS,cAAe,aAC3B,GAAS,WAAW,EAAc,SAAS,EAAM,GACjD,GAAS;AAEf,QAAI,GAAY;AACd,sBAAiB,EAAQ,EAAO,EAAE,EAAW;AAC7C;;AAGF,WAAO,EAAQ,EAAO;;AAUxB,GARA,GAAS,UAAU,EAAM,EACzB,EAAQ,KAAA,EAAU,EAClB,EAAa,GAAM,EACnB,EAAS,EAAM,EACf,EAAW,GAAK,EAChB,EAAc,GAAM,EAChB,MAAW,UAAQ,EAAa,GAAM,EACtC,MAAW,aAAW,EAAgB,GAAM,EAChD,EAAc,UAAU,GAAS,QAAQ,EAAS,EAAQ,MAAM,GAAG;IACnE,CACD,cAAc;AACb,OAAI,GAAS,iBAAiB;IAC5B,IAAM,IAAW,kBAAkB;AAEjC,KADA,cAAc,EAAS,EACvB,EAAQ,UAAU;OACjB,GAAS,gBAAgB;AAC5B,MAAc,UAAU;;IAE1B;;AAqBN,QAlBA,QAAe;AACR,OACL,EAAQ,OAAO;GACf,EAEF,QAAmB;AACZ,OACL,EAAQ,EAAiB,UAAU,YAAY,OAAO;IACrD,CAAC,GAAS,GAAG,EAAK,CAAC,EAEtB,cACe;AACX,gBAAc,EAAc,QAAQ;IAErC;EAAC;EAAS,GAAS;EAAiB,GAAS;EAAO,GAAG;EAAK,CAAC,EAIzD;EACL;EACA;EACA;EACA,eANoB,EAAQ,UAAU;EAOtC;EACA;EACA;EACA;EACA;EACD"}

package/dist/esm/hooks/useQueue/useQueue.mjs

@@ -1,23 +1,24 @@
-import { useState as n } from "react";
-import { flushSync as c } from "react-dom";
-const i = (s = []) => {
-  const [e, r] = n(s);
-  return {
-    add: (t) => r((o) => [...o, t]),
-    remove: () => {
-      let t;
-      return c(() => {
-        r(([o, ...u]) => (t = o, u));
-      }), t;
-    },
-    clear: () => r([]),
-    first: e[0],
-    last: e[e.length - 1],
-    size: e.length,
-    queue: e
-  };
+import { useState as e } from "react";
+import { flushSync as t } from "react-dom";
+//#region src/hooks/useQueue/useQueue.ts
+var n = (n = []) => {
+	let [r, i] = e(n);
+	return {
+		add: (e) => i((t) => [...t, e]),
+		remove: () => {
+			let e;
+			return t(() => {
+				i(([t, ...n]) => (e = t, n));
+			}), e;
+		},
+		clear: () => i([]),
+		first: r[0],
+		last: r[r.length - 1],
+		size: r.length,
+		queue: r
+	};
 };
-export {
-  i as useQueue
-};
-//# sourceMappingURL=useQueue.mjs.map
+//#endregion
+export { n as useQueue };
+
+//# sourceMappingURL=useQueue.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useQueue.mjs","sources":["../../../../src/hooks/useQueue/useQueue.ts"],"sourcesContent":["import { useState } from 'react';\nimport { flushSync } from 'react-dom';\n\n/** The use queue return type */\nexport interface UseQueueReturn<Value> {\n  /** Get the first element of the queue */\n  first: Value;\n  /** Get the last element of the queue */\n  last: Value;\n  /** The current queue */\n  queue: Value[];\n  /** Get the size of the queue */\n  size: number;\n  /** Add an element to the queue */\n  add: (element: Value) => void;\n  /** Clear the queue */\n  clear: () => void;\n  /** Remove an element from the queue */\n  remove: () => Value;\n}\n\n/**\n * @name useQueue\n * @description - Hook that manages a queue\n * @category State\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value[]} [initialValue=[]] The initial value of the queue\n * @returns {UseQueueReturn} An object containing the current queue and functions to interact with the queue\n *\n * @example\n * const { queue, add, remove, clear, first, last, size } = useQueue([1, 2, 3]);\n */\nexport const useQueue = <Value>(initialValue: Value[] = []): UseQueueReturn<Value> => {\n  const [queue, setQueue] = useState(initialValue);\n\n  const add = (element: Value) => setQueue((queue) => [...queue, element]);\n  const clear = () => setQueue([]);\n  const remove = () => {\n    let removed;\n    flushSync(() => {\n      setQueue(([first, ...rest]) => {\n        removed = first;\n        return rest;\n      });\n    });\n\n    return removed as Value;\n  };\n\n  return {\n    add,\n    remove,\n    clear,\n    first: queue[0],\n    last: queue[queue.length - 1],\n    size: queue.length,\n    queue\n  };\n};\n"],"names":["useQueue","initialValue","queue","setQueue","useState","element","removed","flushSync","first","rest"],"mappings":";;AAkCO,MAAMA,IAAW,CAAQC,IAAwB,OAA8B;AACpF,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAASH,CAAY;AAgB/C,SAAO;AAAA,IACL,KAfU,CAACI,MAAmBF,EAAS,CAACD,MAAU,CAAC,GAAGA,GAAOG,CAAO,CAAC;AAAA,IAgBrE,QAda,MAAM;AACnB,UAAIC;AACJ,aAAAC,EAAU,MAAM;AACd,QAAAJ,EAAS,CAAC,CAACK,GAAU,GAAAC,CAAI,OACvBH,IAAUE,GACHC,EACR;AAAA,MAAA,CACF,GAEMH;AAAA,IAAA;AAAA,IAMP,OAhBY,MAAMH,EAAS,EAAE;AAAA,IAiB7B,OAAOD,EAAM,CAAC;AAAA,IACd,MAAMA,EAAMA,EAAM,SAAS,CAAC;AAAA,IAC5B,MAAMA,EAAM;AAAA,IACZ,OAAAA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useQueue.mjs","names":[],"sources":["../../../../src/hooks/useQueue/useQueue.ts"],"sourcesContent":["import { useState } from 'react';\nimport { flushSync } from 'react-dom';\n\n/** The use queue return type */\nexport interface UseQueueReturn<Value> {\n  /** Get the first element of the queue */\n  first: Value;\n  /** Get the last element of the queue */\n  last: Value;\n  /** The current queue */\n  queue: Value[];\n  /** Get the size of the queue */\n  size: number;\n  /** Add an element to the queue */\n  add: (element: Value) => void;\n  /** Clear the queue */\n  clear: () => void;\n  /** Remove an element from the queue */\n  remove: () => Value;\n}\n\n/**\n * @name useQueue\n * @description - Hook that manages a queue\n * @category State\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value[]} [initialValue=[]] The initial value of the queue\n * @returns {UseQueueReturn} An object containing the current queue and functions to interact with the queue\n *\n * @example\n * const { queue, add, remove, clear, first, last, size } = useQueue([1, 2, 3]);\n */\nexport const useQueue = <Value>(initialValue: Value[] = []): UseQueueReturn<Value> => {\n  const [queue, setQueue] = useState(initialValue);\n\n  const add = (element: Value) => setQueue((queue) => [...queue, element]);\n  const clear = () => setQueue([]);\n  const remove = () => {\n    let removed;\n    flushSync(() => {\n      setQueue(([first, ...rest]) => {\n        removed = first;\n        return rest;\n      });\n    });\n\n    return removed as Value;\n  };\n\n  return {\n    add,\n    remove,\n    clear,\n    first: queue[0],\n    last: queue[queue.length - 1],\n    size: queue.length,\n    queue\n  };\n};\n"],"mappings":";;;AAkCA,IAAa,KAAmB,IAAwB,EAAE,KAA4B;CACpF,IAAM,CAAC,GAAO,KAAY,EAAS,EAAa;AAgBhD,QAAO;EACL,MAfW,MAAmB,GAAU,MAAU,CAAC,GAAG,GAAO,EAAQ,CAAC;EAgBtE,cAdmB;GACnB,IAAI;AAQJ,UAPA,QAAgB;AACd,OAAU,CAAC,GAAO,GAAG,QACnB,IAAU,GACH,GACP;KACF,EAEK;;EAMP,aAhBkB,EAAS,EAAE,CAAC;EAiB9B,OAAO,EAAM;EACb,MAAM,EAAM,EAAM,SAAS;EAC3B,MAAM,EAAM;EACZ;EACD"}

package/dist/esm/hooks/useRaf/useRaf.mjs

@@ -1,30 +1,33 @@
-import { useRef as c, useState as w, useEffect as A } from "react";
-const R = (a, r) => {
-  const e = c(null), n = c(0), [i, o] = w(!1), s = r?.enabled ?? !0, f = c(a);
-  f.current = a;
-  const t = (u) => {
-    const m = u - n.current;
-    if (r?.delay && m < r?.delay) {
-      e.current = window.requestAnimationFrame(t);
-      return;
-    }
-    n.current = u, f.current({ delta: m, timestamp: u }), e.current = window.requestAnimationFrame(t);
-  }, l = () => {
-    i || (o(!0), n.current = 0, e.current = window.requestAnimationFrame(t));
-  };
-  function d() {
-    e.current && (o(!1), window.cancelAnimationFrame(e.current), e.current = null);
-  }
-  return A(() => {
-    if (s)
-      return l(), d;
-  }, [s, r?.delay]), {
-    active: i,
-    pause: d,
-    resume: l
-  };
+import { useEffect as e, useRef as t, useState as n } from "react";
+//#region src/hooks/useRaf/useRaf.ts
+var r = (r, i) => {
+	let a = t(null), o = t(0), [s, c] = n(!1), l = i?.enabled ?? !0, u = t(r);
+	u.current = r;
+	let d = (e) => {
+		let t = e - o.current;
+		if (i?.delay && t < i?.delay) {
+			a.current = window.requestAnimationFrame(d);
+			return;
+		}
+		o.current = e, u.current({
+			delta: t,
+			timestamp: e
+		}), a.current = window.requestAnimationFrame(d);
+	}, f = () => {
+		s || (c(!0), o.current = 0, a.current = window.requestAnimationFrame(d));
+	};
+	function p() {
+		a.current &&= (c(!1), window.cancelAnimationFrame(a.current), null);
+	}
+	return e(() => {
+		if (l) return f(), p;
+	}, [l, i?.delay]), {
+		active: s,
+		pause: p,
+		resume: f
+	};
 };
-export {
-  R as useRaf
-};
-//# sourceMappingURL=useRaf.mjs.map
+//#endregion
+export { r as useRaf };
+
+//# sourceMappingURL=useRaf.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useRaf.mjs","sources":["../../../../src/hooks/useRaf/useRaf.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/* The use raf params type */\nexport interface UseRafParams {\n  /** The delta between each frame in milliseconds */\n  delta: number;\n  /** The timestamp of the current frame in milliseconds */\n  timestamp: DOMHighResTimeStamp;\n}\n\n/* The use raf type */\nexport type UseRafCallback = (params: UseRafParams) => void;\n\n/* The use raf options type */\nexport interface UseRafOptions {\n  /** The delay between each frame in milliseconds */\n  delay?: number;\n  /** Whether the callback should be enabled */\n  enabled?: boolean;\n}\n\n/* The use raf return type */\nexport interface UseRafReturn {\n  /** Whether the callback is active */\n  active: boolean;\n  /** Function to pause the callback */\n  pause: () => void;\n  /** Function to resume the callback */\n  resume: () => void;\n}\n\n/**\n * @name useRaf\n * @description - Hook that defines the logic for raf callback\n * @category Browser\n * @usage low\n *\n * @browserapi requestAnimationFrame https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame\n *\n * @param {UseRafCallback} callback The callback to execute\n * @param {number} [options.delay] The delay between each frame in milliseconds\n * @param {boolean} [options.enabled=true] Whether the callback should be enabled\n * @returns {UseRafCallbackReturn} An object of raf callback functions\n *\n * @example\n * useRaf(() => console.log('callback'));\n */\nexport const useRaf = (callback: UseRafCallback, options?: UseRafOptions): UseRafReturn => {\n  const rafIdRef = useRef<number | null>(null);\n  const previousFrameTimestampRef = useRef(0);\n  const [active, setActive] = useState(false);\n  const enabled = options?.enabled ?? true;\n\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  const loop = (timestamp: DOMHighResTimeStamp) => {\n    const delta = timestamp - previousFrameTimestampRef.current;\n\n    if (options?.delay && delta < options?.delay) {\n      rafIdRef.current = window.requestAnimationFrame(loop);\n      return;\n    }\n\n    previousFrameTimestampRef.current = timestamp;\n    internalCallbackRef.current({ delta, timestamp });\n    rafIdRef.current = window.requestAnimationFrame(loop);\n  };\n\n  const resume = () => {\n    if (active) return;\n    setActive(true);\n    previousFrameTimestampRef.current = 0;\n    rafIdRef.current = window.requestAnimationFrame(loop);\n  };\n\n  function pause() {\n    if (!rafIdRef.current) return;\n\n    setActive(false);\n    window.cancelAnimationFrame(rafIdRef.current);\n    rafIdRef.current = null;\n  }\n\n  useEffect(() => {\n    if (!enabled) return;\n    resume();\n\n    return pause;\n  }, [enabled, options?.delay]);\n\n  return {\n    active,\n    pause,\n    resume\n  };\n};\n"],"names":["useRaf","callback","options","rafIdRef","useRef","previousFrameTimestampRef","active","setActive","useState","enabled","internalCallbackRef","loop","timestamp","delta","resume","pause","useEffect"],"mappings":";AA+CO,MAAMA,IAAS,CAACC,GAA0BC,MAA0C;AACzF,QAAMC,IAAWC,EAAsB,IAAI,GACrCC,IAA4BD,EAAO,CAAC,GACpC,CAACE,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAUP,GAAS,WAAW,IAE9BQ,IAAsBN,EAAOH,CAAQ;AAC3C,EAAAS,EAAoB,UAAUT;AAE9B,QAAMU,IAAO,CAACC,MAAmC;AAC/C,UAAMC,IAAQD,IAAYP,EAA0B;AAEpD,QAAIH,GAAS,SAASW,IAAQX,GAAS,OAAO;AAC5C,MAAAC,EAAS,UAAU,OAAO,sBAAsBQ,CAAI;AACpD;AAAA,IAAA;AAGF,IAAAN,EAA0B,UAAUO,GACpCF,EAAoB,QAAQ,EAAE,OAAAG,GAAO,WAAAD,EAAA,CAAW,GAChDT,EAAS,UAAU,OAAO,sBAAsBQ,CAAI;AAAA,EAAA,GAGhDG,IAAS,MAAM;AACnB,IAAIR,MACJC,EAAU,EAAI,GACdF,EAA0B,UAAU,GACpCF,EAAS,UAAU,OAAO,sBAAsBQ,CAAI;AAAA,EAAA;AAGtD,WAASI,IAAQ;AACf,IAAKZ,EAAS,YAEdI,EAAU,EAAK,GACf,OAAO,qBAAqBJ,EAAS,OAAO,GAC5CA,EAAS,UAAU;AAAA,EAAA;AAGrB,SAAAa,EAAU,MAAM;AACd,QAAKP;AACL,aAAAK,EAAA,GAEOC;AAAA,EAAA,GACN,CAACN,GAASP,GAAS,KAAK,CAAC,GAErB;AAAA,IACL,QAAAI;AAAA,IACA,OAAAS;AAAA,IACA,QAAAD;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useRaf.mjs","names":[],"sources":["../../../../src/hooks/useRaf/useRaf.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/* The use raf params type */\nexport interface UseRafParams {\n  /** The delta between each frame in milliseconds */\n  delta: number;\n  /** The timestamp of the current frame in milliseconds */\n  timestamp: DOMHighResTimeStamp;\n}\n\n/* The use raf type */\nexport type UseRafCallback = (params: UseRafParams) => void;\n\n/* The use raf options type */\nexport interface UseRafOptions {\n  /** The delay between each frame in milliseconds */\n  delay?: number;\n  /** Whether the callback should be enabled */\n  enabled?: boolean;\n}\n\n/* The use raf return type */\nexport interface UseRafReturn {\n  /** Whether the callback is active */\n  active: boolean;\n  /** Function to pause the callback */\n  pause: () => void;\n  /** Function to resume the callback */\n  resume: () => void;\n}\n\n/**\n * @name useRaf\n * @description - Hook that defines the logic for raf callback\n * @category Browser\n * @usage low\n *\n * @browserapi requestAnimationFrame https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame\n *\n * @param {UseRafCallback} callback The callback to execute\n * @param {number} [options.delay] The delay between each frame in milliseconds\n * @param {boolean} [options.enabled=true] Whether the callback should be enabled\n * @returns {UseRafCallbackReturn} An object of raf callback functions\n *\n * @example\n * useRaf(() => console.log('callback'));\n */\nexport const useRaf = (callback: UseRafCallback, options?: UseRafOptions): UseRafReturn => {\n  const rafIdRef = useRef<number | null>(null);\n  const previousFrameTimestampRef = useRef(0);\n  const [active, setActive] = useState(false);\n  const enabled = options?.enabled ?? true;\n\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  const loop = (timestamp: DOMHighResTimeStamp) => {\n    const delta = timestamp - previousFrameTimestampRef.current;\n\n    if (options?.delay && delta < options?.delay) {\n      rafIdRef.current = window.requestAnimationFrame(loop);\n      return;\n    }\n\n    previousFrameTimestampRef.current = timestamp;\n    internalCallbackRef.current({ delta, timestamp });\n    rafIdRef.current = window.requestAnimationFrame(loop);\n  };\n\n  const resume = () => {\n    if (active) return;\n    setActive(true);\n    previousFrameTimestampRef.current = 0;\n    rafIdRef.current = window.requestAnimationFrame(loop);\n  };\n\n  function pause() {\n    if (!rafIdRef.current) return;\n\n    setActive(false);\n    window.cancelAnimationFrame(rafIdRef.current);\n    rafIdRef.current = null;\n  }\n\n  useEffect(() => {\n    if (!enabled) return;\n    resume();\n\n    return pause;\n  }, [enabled, options?.delay]);\n\n  return {\n    active,\n    pause,\n    resume\n  };\n};\n"],"mappings":";;AA+CA,IAAa,KAAU,GAA0B,MAA0C;CACzF,IAAM,IAAW,EAAsB,KAAK,EACtC,IAA4B,EAAO,EAAE,EACrC,CAAC,GAAQ,KAAa,EAAS,GAAM,EACrC,IAAU,GAAS,WAAW,IAE9B,IAAsB,EAAO,EAAS;AAC5C,GAAoB,UAAU;CAE9B,IAAM,KAAQ,MAAmC;EAC/C,IAAM,IAAQ,IAAY,EAA0B;AAEpD,MAAI,GAAS,SAAS,IAAQ,GAAS,OAAO;AAC5C,KAAS,UAAU,OAAO,sBAAsB,EAAK;AACrD;;AAKF,EAFA,EAA0B,UAAU,GACpC,EAAoB,QAAQ;GAAE;GAAO;GAAW,CAAC,EACjD,EAAS,UAAU,OAAO,sBAAsB,EAAK;IAGjD,UAAe;AACf,QACJ,EAAU,GAAK,EACf,EAA0B,UAAU,GACpC,EAAS,UAAU,OAAO,sBAAsB,EAAK;;CAGvD,SAAS,IAAQ;AACV,EAIL,EAAS,aAFT,EAAU,GAAM,EAChB,OAAO,qBAAqB,EAAS,QAAQ,EAC1B;;AAUrB,QAPA,QAAgB;AACT,QAGL,QAFA,GAAQ,EAED;IACN,CAAC,GAAS,GAAS,MAAM,CAAC,EAEtB;EACL;EACA;EACA;EACD"}

package/dist/esm/hooks/useRafState/useRafState.mjs

@@ -1,12 +1,13 @@
-import { useRef as u, useState as c } from "react";
-import { useUnmount as m } from "../useUnmount/useUnmount.mjs";
-const f = (t) => {
-  const e = u(0), [n, r] = c(t), a = (o) => {
-    cancelAnimationFrame(e.current), e.current = requestAnimationFrame(() => r(o));
-  };
-  return m(() => cancelAnimationFrame(e.current)), [n, a];
+import { useUnmount as e } from "../useUnmount/useUnmount.mjs";
+import { useRef as t, useState as n } from "react";
+//#region src/hooks/useRafState/useRafState.ts
+var r = (r) => {
+	let i = t(0), [a, o] = n(r);
+	return e(() => cancelAnimationFrame(i.current)), [a, (e) => {
+		cancelAnimationFrame(i.current), i.current = requestAnimationFrame(() => o(e));
+	}];
 };
-export {
-  f as useRafState
-};
-//# sourceMappingURL=useRafState.mjs.map
+//#endregion
+export { r as useRafState };
+
+//# sourceMappingURL=useRafState.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useRafState.mjs","sources":["../../../../src/hooks/useRafState/useRafState.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { useUnmount } from '../useUnmount/useUnmount';\n\n/* The use raf value params type */\nexport type UseRafStateReturn<Value> = [Value, (value: Value) => void];\n\n/**\n * @name useRafState\n * @description - Hook that returns the value and a function to set the value\n * @category State\n * @usage low\n *\n * @browserapi requestAnimationFrame https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame\n *\n * @template Value The type of the value\n * @param {Value} initialValue The initial value\n * @returns {UseRafStateReturn<Value>} An array containing the value and a function to set the value\n *\n * @example\n * const [value, setValue] = useRafState(initialValue);\n */\nexport const useRafState = <Value>(initialValue: (() => Value) | Value) => {\n  const rafIdRef = useRef(0);\n  const [value, setValue] = useState(initialValue);\n\n  const set = (value: Value) => {\n    cancelAnimationFrame(rafIdRef.current);\n    rafIdRef.current = requestAnimationFrame(() => setValue(value));\n  };\n\n  useUnmount(() => cancelAnimationFrame(rafIdRef.current));\n\n  return [value, set] as const;\n};\n"],"names":["useRafState","initialValue","rafIdRef","useRef","value","setValue","useState","set","useUnmount"],"mappings":";;AAsBO,MAAMA,IAAc,CAAQC,MAAwC;AACzE,QAAMC,IAAWC,EAAO,CAAC,GACnB,CAACC,GAAOC,CAAQ,IAAIC,EAASL,CAAY,GAEzCM,IAAM,CAACH,MAAiB;AAC5B,yBAAqBF,EAAS,OAAO,GACrCA,EAAS,UAAU,sBAAsB,MAAMG,EAASD,CAAK,CAAC;AAAA,EAAA;AAGhE,SAAAI,EAAW,MAAM,qBAAqBN,EAAS,OAAO,CAAC,GAEhD,CAACE,GAAOG,CAAG;AACpB;"}
+{"version":3,"file":"useRafState.mjs","names":[],"sources":["../../../../src/hooks/useRafState/useRafState.ts"],"sourcesContent":["import { useRef, useState } from 'react';\n\nimport { useUnmount } from '../useUnmount/useUnmount';\n\n/* The use raf value params type */\nexport type UseRafStateReturn<Value> = [Value, (value: Value) => void];\n\n/**\n * @name useRafState\n * @description - Hook that returns the value and a function to set the value\n * @category State\n * @usage low\n *\n * @browserapi requestAnimationFrame https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame\n *\n * @template Value The type of the value\n * @param {Value} initialValue The initial value\n * @returns {UseRafStateReturn<Value>} An array containing the value and a function to set the value\n *\n * @example\n * const [value, setValue] = useRafState(initialValue);\n */\nexport const useRafState = <Value>(initialValue: (() => Value) | Value) => {\n  const rafIdRef = useRef(0);\n  const [value, setValue] = useState(initialValue);\n\n  const set = (value: Value) => {\n    cancelAnimationFrame(rafIdRef.current);\n    rafIdRef.current = requestAnimationFrame(() => setValue(value));\n  };\n\n  useUnmount(() => cancelAnimationFrame(rafIdRef.current));\n\n  return [value, set] as const;\n};\n"],"mappings":";;;AAsBA,IAAa,KAAsB,MAAwC;CACzE,IAAM,IAAW,EAAO,EAAE,EACpB,CAAC,GAAO,KAAY,EAAS,EAAa;AAShD,QAFA,QAAiB,qBAAqB,EAAS,QAAQ,CAAC,EAEjD,CAAC,IAPK,MAAiB;AAE5B,EADA,qBAAqB,EAAS,QAAQ,EACtC,EAAS,UAAU,4BAA4B,EAAS,EAAM,CAAC;GAK9C"}

package/dist/esm/hooks/useRefState/useRefState.mjs

@@ -1,25 +1,25 @@
-import { useState as o } from "react";
-const u = (n, f) => {
-  let e = n;
-  function t(r) {
-    e !== r && (e = r, f(e));
-  }
-  return Object.defineProperty(t, "current", {
-    get() {
-      return e;
-    },
-    set(r) {
-      e !== r && (e = r, f(e));
-    },
-    configurable: !0,
-    enumerable: !0
-  }), t;
-}, s = (n) => {
-  const [f, e] = o(n), [t] = o(() => u(n, e));
-  return t.state = f, t;
+import { useState as e } from "react";
+//#region src/hooks/useRefState/useRefState.ts
+var t = (e, t) => {
+	let n = e;
+	function r(e) {
+		n !== e && (n = e, t(n));
+	}
+	return Object.defineProperty(r, "current", {
+		get() {
+			return n;
+		},
+		set(e) {
+			n !== e && (n = e, t(n));
+		},
+		configurable: !0,
+		enumerable: !0
+	}), r;
+}, n = (n) => {
+	let [r, i] = e(n), [a] = e(() => t(n, i));
+	return a.state = r, a;
 };
-export {
-  u as createRefState,
-  s as useRefState
-};
-//# sourceMappingURL=useRefState.mjs.map
+//#endregion
+export { t as createRefState, n as useRefState };
+
+//# sourceMappingURL=useRefState.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useRefState.mjs","sources":["../../../../src/hooks/useRefState/useRefState.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport interface StateRef<Value> {\n  (node: Value): void;\n  current: Value;\n  state?: Value;\n}\n\nexport const createRefState = <Value>(\n  initialValue: Value | undefined,\n  setState: (value: Value) => void\n) => {\n  let temp = initialValue;\n  function ref(value: Value) {\n    if (temp === value) return;\n    temp = value;\n    setState(temp);\n  }\n\n  Object.defineProperty(ref, 'current', {\n    get() {\n      return temp;\n    },\n    set(value: Value) {\n      if (temp === value) return;\n      temp = value;\n      setState(temp);\n    },\n    configurable: true,\n    enumerable: true\n  });\n\n  return ref as StateRef<Value>;\n};\n\n/**\n * @name useRefState\n * @description - Hook that returns the state reference of the value\n * @category State\n * @usage low\n *\n * @template Value The type of the value\n * @param {Value} [initialValue] The initial value\n * @returns {StateRef<Value>} The current value\n *\n * @example\n * const internalRefState = useRefState();\n */\nexport const useRefState = <Value>(initialValue?: Value) => {\n  const [state, setState] = useState<Value | undefined>(initialValue);\n  const [ref] = useState(() => createRefState<Value>(initialValue, setState));\n  ref.state = state;\n  return ref;\n};\n"],"names":["createRefState","initialValue","setState","temp","ref","value","useRefState","state","useState"],"mappings":";AAQO,MAAMA,IAAiB,CAC5BC,GACAC,MACG;AACH,MAAIC,IAAOF;AACX,WAASG,EAAIC,GAAc;AACzB,IAAIF,MAASE,MACbF,IAAOE,GACPH,EAASC,CAAI;AAAA,EAAA;AAGf,gBAAO,eAAeC,GAAK,WAAW;AAAA,IACpC,MAAM;AACJ,aAAOD;AAAA,IAAA;AAAA,IAET,IAAIE,GAAc;AAChB,MAAIF,MAASE,MACbF,IAAOE,GACPH,EAASC,CAAI;AAAA,IAAA;AAAA,IAEf,cAAc;AAAA,IACd,YAAY;AAAA,EAAA,CACb,GAEMC;AACT,GAeaE,IAAc,CAAQL,MAAyB;AAC1D,QAAM,CAACM,GAAOL,CAAQ,IAAIM,EAA4BP,CAAY,GAC5D,CAACG,CAAG,IAAII,EAAS,MAAMR,EAAsBC,GAAcC,CAAQ,CAAC;AAC1E,SAAAE,EAAI,QAAQG,GACLH;AACT;"}
+{"version":3,"file":"useRefState.mjs","names":[],"sources":["../../../../src/hooks/useRefState/useRefState.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport interface StateRef<Value> {\n  (node: Value): void;\n  current: Value;\n  state?: Value;\n}\n\nexport const createRefState = <Value>(\n  initialValue: Value | undefined,\n  setState: (value: Value) => void\n) => {\n  let temp = initialValue;\n  function ref(value: Value) {\n    if (temp === value) return;\n    temp = value;\n    setState(temp);\n  }\n\n  Object.defineProperty(ref, 'current', {\n    get() {\n      return temp;\n    },\n    set(value: Value) {\n      if (temp === value) return;\n      temp = value;\n      setState(temp);\n    },\n    configurable: true,\n    enumerable: true\n  });\n\n  return ref as StateRef<Value>;\n};\n\n/**\n * @name useRefState\n * @description - Hook that returns the state reference of the value\n * @category State\n * @usage low\n *\n * @template Value The type of the value\n * @param {Value} [initialValue] The initial value\n * @returns {StateRef<Value>} The current value\n *\n * @example\n * const internalRefState = useRefState();\n */\nexport const useRefState = <Value>(initialValue?: Value) => {\n  const [state, setState] = useState<Value | undefined>(initialValue);\n  const [ref] = useState(() => createRefState<Value>(initialValue, setState));\n  ref.state = state;\n  return ref;\n};\n"],"mappings":";;AAQA,IAAa,KACX,GACA,MACG;CACH,IAAI,IAAO;CACX,SAAS,EAAI,GAAc;AACrB,QAAS,MACb,IAAO,GACP,EAAS,EAAK;;AAgBhB,QAbA,OAAO,eAAe,GAAK,WAAW;EACpC,MAAM;AACJ,UAAO;;EAET,IAAI,GAAc;AACZ,SAAS,MACb,IAAO,GACP,EAAS,EAAK;;EAEhB,cAAc;EACd,YAAY;EACb,CAAC,EAEK;GAgBI,KAAsB,MAAyB;CAC1D,IAAM,CAAC,GAAO,KAAY,EAA4B,EAAa,EAC7D,CAAC,KAAO,QAAe,EAAsB,GAAc,EAAS,CAAC;AAE3E,QADA,EAAI,QAAQ,GACL"}

package/dist/esm/hooks/useRenderCount/useRenderCount.mjs

@@ -1,11 +1,12 @@
-import { useRef as r, useEffect as t } from "react";
-const u = () => {
-  const e = r(0);
-  return t(() => {
-    e.current += 1;
-  }), e.current;
+import { useEffect as e, useRef as t } from "react";
+//#region src/hooks/useRenderCount/useRenderCount.ts
+var n = () => {
+	let n = t(0);
+	return e(() => {
+		n.current += 1;
+	}), n.current;
 };
-export {
-  u as useRenderCount
-};
-//# sourceMappingURL=useRenderCount.mjs.map
+//#endregion
+export { n as useRenderCount };
+
+//# sourceMappingURL=useRenderCount.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useRenderCount.mjs","sources":["../../../../src/hooks/useRenderCount/useRenderCount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * @name useRenderCount\n * @description - Hook returns count component render times\n * @category Debug\n * @usage low\n *\n * @returns {number} A number which determines how many times component renders\n *\n * @example\n * const renderCount = useRenderCount();\n */\nexport const useRenderCount = () => {\n  const renderCountRef = useRef(0);\n\n  useEffect(() => {\n    renderCountRef.current += 1;\n  });\n\n  return renderCountRef.current;\n};\n"],"names":["useRenderCount","renderCountRef","useRef","useEffect"],"mappings":";AAaO,MAAMA,IAAiB,MAAM;AAClC,QAAMC,IAAiBC,EAAO,CAAC;AAE/B,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAe,WAAW;AAAA,EAAA,CAC3B,GAEMA,EAAe;AACxB;"}
+{"version":3,"file":"useRenderCount.mjs","names":[],"sources":["../../../../src/hooks/useRenderCount/useRenderCount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * @name useRenderCount\n * @description - Hook returns count component render times\n * @category Debug\n * @usage low\n *\n * @returns {number} A number which determines how many times component renders\n *\n * @example\n * const renderCount = useRenderCount();\n */\nexport const useRenderCount = () => {\n  const renderCountRef = useRef(0);\n\n  useEffect(() => {\n    renderCountRef.current += 1;\n  });\n\n  return renderCountRef.current;\n};\n"],"mappings":";;AAaA,IAAa,UAAuB;CAClC,IAAM,IAAiB,EAAO,EAAE;AAMhC,QAJA,QAAgB;AACd,IAAe,WAAW;GAC1B,EAEK,EAAe"}

package/dist/esm/hooks/useRenderInfo/useRenderInfo.mjs

@@ -1,14 +1,15 @@
-import { useRef as o } from "react";
-const c = (r = "Unknown", t = !0) => {
-  const e = o({
-    component: r,
-    renders: 0,
-    timestamp: Date.now(),
-    sinceLast: 0
-  }), n = Date.now();
-  return e.current.renders += 1, e.current.sinceLast = e.current.timestamp ? n - e.current.timestamp : 0, e.current.timestamp = n, t && (console.group(`${r} info, render number: ${e.current.renders}`), console.log(`Timestamp: ${e.current.timestamp}`), console.log(`Since last render: ${e.current.sinceLast}`), console.log(`Renders: ${e.current.renders}`), console.dir(e.current), console.groupEnd()), e.current;
+import { useRef as e } from "react";
+//#region src/hooks/useRenderInfo/useRenderInfo.ts
+var t = (t = "Unknown", n = !0) => {
+	let r = e({
+		component: t,
+		renders: 0,
+		timestamp: Date.now(),
+		sinceLast: 0
+	}), i = Date.now();
+	return r.current.renders += 1, r.current.sinceLast = r.current.timestamp ? i - r.current.timestamp : 0, r.current.timestamp = i, n && (console.group(`${t} info, render number: ${r.current.renders}`), console.log(`Timestamp: ${r.current.timestamp}`), console.log(`Since last render: ${r.current.sinceLast}`), console.log(`Renders: ${r.current.renders}`), console.dir(r.current), console.groupEnd()), r.current;
 };
-export {
-  c as useRenderInfo
-};
-//# sourceMappingURL=useRenderInfo.mjs.map
+//#endregion
+export { t as useRenderInfo };
+
+//# sourceMappingURL=useRenderInfo.mjs.map