@siberiacancode/reactuse 0.3.14 → 0.3.17

package/dist/esm/hooks/useTextareaAutosize/useTextareaAutosize.mjs

@@ -1,53 +1,54 @@
-import { useState as y, useRef as v, useEffect as R } from "react";
-import { useRefState as E } from "../useRefState/useRefState.mjs";
-import { isTarget as f } from "../../utils/helpers/isTarget.mjs";
-const p = ((...t) => {
-  const n = f(t[0]) ? t[0] : void 0, o = n ? typeof t[1] == "object" ? t[1] : { initialValue: t[1] } : typeof t[0] == "object" ? t[0] : { initialValue: t[0] }, [g, m] = y(o?.initialValue ?? ""), s = E(), u = v(null), h = v(0), a = () => {
-    const e = u.current;
-    if (!e) return;
-    const i = e.style.minHeight, l = e.style.maxHeight;
-    e.style.height = "auto", e.style.minHeight = "auto", e.style.maxHeight = "none";
-    const r = e.scrollHeight;
-    e.style.height = `${r}px`, e.style.minHeight = i, e.style.maxHeight = l, r !== h.current && o?.onResize?.(), h.current = r;
-  }, c = (e) => {
-    m(e);
-    const i = u.current;
-    i && (i.value = e, requestAnimationFrame(() => {
-      a();
-    }));
-  };
-  R(() => {
-    if (!n && !s.state) return;
-    const e = n ? f.getElement(n) : s.current;
-    if (!e) return;
-    u.current = e, o?.initialValue && (e.value = o.initialValue), a();
-    const i = (r) => {
-      const H = r.target.value;
-      c(H), requestAnimationFrame(() => {
-        a();
-      });
-    }, l = () => {
-      requestAnimationFrame(() => {
-        a();
-      });
-    };
-    return e.addEventListener("input", i), e.addEventListener("resize", l), () => {
-      e.removeEventListener("input", i), e.removeEventListener("resize", l);
-    };
-  }, [n && f.getRawElement(n), s.state]);
-  const x = () => m("");
-  return n ? {
-    value: g,
-    set: c,
-    clear: x
-  } : {
-    ref: s,
-    value: g,
-    set: c,
-    clear: x
-  };
+import { isTarget as e } from "../../utils/helpers/isTarget.mjs";
+import { useRefState as t } from "../useRefState/useRefState.mjs";
+import { useEffect as n, useRef as r, useState as i } from "react";
+//#region src/hooks/useTextareaAutosize/useTextareaAutosize.ts
+var a = ((...a) => {
+	let o = e(a[0]) ? a[0] : void 0, s = o ? typeof a[1] == "object" ? a[1] : { initialValue: a[1] } : typeof a[0] == "object" ? a[0] : { initialValue: a[0] }, [c, l] = i(s?.initialValue ?? ""), u = t(), d = r(null), f = r(0), p = () => {
+		let e = d.current;
+		if (!e) return;
+		let t = e.style.minHeight, n = e.style.maxHeight;
+		e.style.height = "auto", e.style.minHeight = "auto", e.style.maxHeight = "none";
+		let r = e.scrollHeight;
+		e.style.height = `${r}px`, e.style.minHeight = t, e.style.maxHeight = n, r !== f.current && s?.onResize?.(), f.current = r;
+	}, m = (e) => {
+		l(e);
+		let t = d.current;
+		t && (t.value = e, requestAnimationFrame(() => {
+			p();
+		}));
+	};
+	n(() => {
+		if (!o && !u.state) return;
+		let t = o ? e.getElement(o) : u.current;
+		if (!t) return;
+		d.current = t, s?.initialValue && (t.value = s.initialValue), p();
+		let n = (e) => {
+			let t = e.target.value;
+			m(t), requestAnimationFrame(() => {
+				p();
+			});
+		}, r = () => {
+			requestAnimationFrame(() => {
+				p();
+			});
+		};
+		return t.addEventListener("input", n), t.addEventListener("resize", r), () => {
+			t.removeEventListener("input", n), t.removeEventListener("resize", r);
+		};
+	}, [o && e.getRawElement(o), u.state]);
+	let h = () => l("");
+	return o ? {
+		value: c,
+		set: m,
+		clear: h
+	} : {
+		ref: u,
+		value: c,
+		set: m,
+		clear: h
+	};
 });
-export {
-  p as useTextareaAutosize
-};
-//# sourceMappingURL=useTextareaAutosize.mjs.map
+//#endregion
+export { a as useTextareaAutosize };
+
+//# sourceMappingURL=useTextareaAutosize.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTextareaAutosize.mjs","sources":["../../../../src/hooks/useTextareaAutosize/useTextareaAutosize.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\nimport type { HookTarget } from '@/utils/helpers';\r\n\r\nimport { isTarget } from '@/utils/helpers';\r\n\r\nimport type { StateRef } from '../useRefState/useRefState';\r\n\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\n/** The use textarea autosize options */\r\nexport interface UseTextareaAutosizeOptions {\r\n  /** The initial value for the textarea */\r\n  initialValue?: string;\r\n  /** Callback function called when the textarea size changes */\r\n  onResize?: () => void;\r\n}\r\n\r\n/** The use textarea autosize return type */\r\nexport interface UseTextareaAutosizeReturn {\r\n  /** The current value of the textarea */\r\n  value: string;\r\n  /** Function to clear the textarea value */\r\n  clear: () => void;\r\n  /** Function to set the textarea value */\r\n  set: (value: string) => void;\r\n}\r\n\r\nexport interface UseTextareaAutosize {\r\n  (target: HookTarget, options?: UseTextareaAutosizeOptions): UseTextareaAutosizeReturn;\r\n\r\n  (target: HookTarget, initialValue: string): UseTextareaAutosizeReturn;\r\n\r\n  <Target extends HTMLTextAreaElement = HTMLTextAreaElement>(\r\n    initialValue: string,\r\n    target?: never\r\n  ): UseTextareaAutosizeReturn & {\r\n    ref: StateRef<Target>;\r\n  };\r\n\r\n  <Target extends HTMLTextAreaElement = HTMLTextAreaElement>(\r\n    options?: UseTextareaAutosizeOptions,\r\n    target?: never\r\n  ): UseTextareaAutosizeReturn & {\r\n    ref: StateRef<Target>;\r\n  };\r\n}\r\n\r\n/**\r\n * @name useTextareaAutosize\r\n * @description - Hook that automatically adjusts textarea height based on content\r\n * @category Elements\r\n * @usage medium\r\n *\r\n * @overload\r\n * @param {HookTarget} target The target textarea element\r\n * @param {string} [options.initialValue] The initial value for the textarea\r\n * @param {Function} [options.onResize] Callback function called when the textarea size changes\r\n * @returns {UseTextareaAutosizeReturn} An object containing value, setValue and clear\r\n *\r\n * @example\r\n * const { value, setValue, clear } = useTextareaAutosize(ref);\r\n *\r\n * @overload\r\n * @param {HookTarget} target The target textarea element\r\n * @param {string} initialValue The initial value for the textarea\r\n * @returns {UseTextareaAutosizeReturn} An object containing value, setValue and clear\r\n *\r\n * @example\r\n * const { value, setValue, clear } = useTextareaAutosize(ref, 'initial');\r\n *\r\n * @overload\r\n * @template Target The textarea element type\r\n * @param {string} initialValue The initial value for the textarea\r\n * @returns {UseTextareaAutosizeReturn & { ref: StateRef<Target> }} An object containing ref, value, setValue and clear\r\n *\r\n * @example\r\n * const { ref, value, setValue, clear } = useTextareaAutosize('initial');\r\n *\r\n * @overload\r\n * @template Target The textarea element type\r\n * @param {string} [options.initialValue] The initial value for the textarea\r\n * @param {Function} [options.onResize] Callback function called when the textarea size changes\r\n * @returns {UseTextareaAutosizeReturn & { ref: StateRef<Target> }} An object containing ref, value, setValue and clear\r\n *\r\n * @example\r\n * const { ref, value, setValue, clear } = useTextareaAutosize();\r\n */\r\nexport const useTextareaAutosize = ((...params: any[]) => {\r\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n\r\n  const options = (\r\n    target\r\n      ? typeof params[1] === 'object'\r\n        ? params[1]\r\n        : { initialValue: params[1] }\r\n      : typeof params[0] === 'object'\r\n        ? params[0]\r\n        : { initialValue: params[0] }\r\n  ) as UseTextareaAutosizeOptions | undefined;\r\n\r\n  const [value, setValue] = useState(options?.initialValue ?? '');\r\n  const internalRef = useRefState<HTMLTextAreaElement>();\r\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\r\n  const scrollHeightRef = useRef(0);\r\n\r\n  const onTextareaResize = () => {\r\n    const textarea = textareaRef.current;\r\n    if (!textarea) return;\r\n\r\n    const originalMinHeight = textarea.style.minHeight;\r\n    const originalMaxHeight = textarea.style.maxHeight;\r\n\r\n    textarea.style.height = 'auto';\r\n    textarea.style.minHeight = 'auto';\r\n    textarea.style.maxHeight = 'none';\r\n\r\n    const scrollHeight = textarea.scrollHeight;\r\n\r\n    textarea.style.height = `${scrollHeight}px`;\r\n    textarea.style.minHeight = originalMinHeight;\r\n    textarea.style.maxHeight = originalMaxHeight;\r\n\r\n    if (scrollHeight !== scrollHeightRef.current) options?.onResize?.();\r\n    scrollHeightRef.current = scrollHeight;\r\n  };\r\n\r\n  const setTextareaValue = (newValue: string) => {\r\n    setValue(newValue);\r\n    const textarea = textareaRef.current;\r\n    if (!textarea) return;\r\n    textarea.value = newValue;\r\n    requestAnimationFrame(() => {\r\n      onTextareaResize();\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!target && !internalRef.state) return;\r\n\r\n    const element = (\r\n      target ? isTarget.getElement(target) : internalRef.current\r\n    ) as HTMLTextAreaElement;\r\n    if (!element) return;\r\n\r\n    textareaRef.current = element;\r\n    if (options?.initialValue) element.value = options.initialValue;\r\n\r\n    onTextareaResize();\r\n\r\n    const onInput = (event: InputEvent) => {\r\n      const newValue = (event.target as HTMLTextAreaElement).value;\r\n      setTextareaValue(newValue);\r\n\r\n      requestAnimationFrame(() => {\r\n        onTextareaResize();\r\n      });\r\n    };\r\n\r\n    const onResize = () => {\r\n      requestAnimationFrame(() => {\r\n        onTextareaResize();\r\n      });\r\n    };\r\n\r\n    element.addEventListener('input', onInput as EventListener);\r\n    element.addEventListener('resize', onResize as EventListener);\r\n\r\n    return () => {\r\n      element.removeEventListener('input', onInput as EventListener);\r\n      element.removeEventListener('resize', onResize as EventListener);\r\n    };\r\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\r\n\r\n  const clear = () => setValue('');\r\n\r\n  if (target)\r\n    return {\r\n      value,\r\n      set: setTextareaValue,\r\n      clear\r\n    };\r\n  return {\r\n    ref: internalRef,\r\n    value,\r\n    set: setTextareaValue,\r\n    clear\r\n  };\r\n}) as UseTextareaAutosize;\r\n"],"names":["useTextareaAutosize","params","target","isTarget","options","value","setValue","useState","internalRef","useRefState","textareaRef","useRef","scrollHeightRef","onTextareaResize","textarea","originalMinHeight","originalMaxHeight","scrollHeight","setTextareaValue","newValue","useEffect","element","onInput","event","onResize","clear"],"mappings":";;;AAwFO,MAAMA,KAAuB,IAAIC,MAAkB;AACxD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE5CG,IACJF,IACI,OAAOD,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,cAAcA,EAAO,CAAC,EAAA,IAC1B,OAAOA,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,cAAcA,EAAO,CAAC,EAAA,GAG1B,CAACI,GAAOC,CAAQ,IAAIC,EAASH,GAAS,gBAAgB,EAAE,GACxDI,IAAcC,EAAA,GACdC,IAAcC,EAAmC,IAAI,GACrDC,IAAkBD,EAAO,CAAC,GAE1BE,IAAmB,MAAM;AAC7B,UAAMC,IAAWJ,EAAY;AAC7B,QAAI,CAACI,EAAU;AAEf,UAAMC,IAAoBD,EAAS,MAAM,WACnCE,IAAoBF,EAAS,MAAM;AAEzC,IAAAA,EAAS,MAAM,SAAS,QACxBA,EAAS,MAAM,YAAY,QAC3BA,EAAS,MAAM,YAAY;AAE3B,UAAMG,IAAeH,EAAS;AAE9B,IAAAA,EAAS,MAAM,SAAS,GAAGG,CAAY,MACvCH,EAAS,MAAM,YAAYC,GAC3BD,EAAS,MAAM,YAAYE,GAEvBC,MAAiBL,EAAgB,WAASR,GAAS,WAAA,GACvDQ,EAAgB,UAAUK;AAAA,EAAA,GAGtBC,IAAmB,CAACC,MAAqB;AAC7C,IAAAb,EAASa,CAAQ;AACjB,UAAML,IAAWJ,EAAY;AAC7B,IAAKI,MACLA,EAAS,QAAQK,GACjB,sBAAsB,MAAM;AAC1B,MAAAN,EAAA;AAAA,IAAiB,CAClB;AAAA,EAAA;AAGH,EAAAO,EAAU,MAAM;AACd,QAAI,CAAClB,KAAU,CAACM,EAAY,MAAO;AAEnC,UAAMa,IACJnB,IAASC,EAAS,WAAWD,CAAM,IAAIM,EAAY;AAErD,QAAI,CAACa,EAAS;AAEd,IAAAX,EAAY,UAAUW,GAClBjB,GAAS,iBAAciB,EAAQ,QAAQjB,EAAQ,eAEnDS,EAAA;AAEA,UAAMS,IAAU,CAACC,MAAsB;AACrC,YAAMJ,IAAYI,EAAM,OAA+B;AACvD,MAAAL,EAAiBC,CAAQ,GAEzB,sBAAsB,MAAM;AAC1B,QAAAN,EAAA;AAAA,MAAiB,CAClB;AAAA,IAAA,GAGGW,IAAW,MAAM;AACrB,4BAAsB,MAAM;AAC1B,QAAAX,EAAA;AAAA,MAAiB,CAClB;AAAA,IAAA;AAGH,WAAAQ,EAAQ,iBAAiB,SAASC,CAAwB,GAC1DD,EAAQ,iBAAiB,UAAUG,CAAyB,GAErD,MAAM;AACX,MAAAH,EAAQ,oBAAoB,SAASC,CAAwB,GAC7DD,EAAQ,oBAAoB,UAAUG,CAAyB;AAAA,IAAA;AAAA,EACjE,GACC,CAACtB,KAAUC,EAAS,cAAcD,CAAM,GAAGM,EAAY,KAAK,CAAC;AAEhE,QAAMiB,IAAQ,MAAMnB,EAAS,EAAE;AAE/B,SAAIJ,IACK;AAAA,IACL,OAAAG;AAAA,IACA,KAAKa;AAAA,IACL,OAAAO;AAAA,EAAA,IAEG;AAAA,IACL,KAAKjB;AAAA,IACL,OAAAH;AAAA,IACA,KAAKa;AAAA,IACL,OAAAO;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useTextareaAutosize.mjs","names":[],"sources":["../../../../src/hooks/useTextareaAutosize/useTextareaAutosize.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\nimport type { HookTarget } from '@/utils/helpers';\r\n\r\nimport { isTarget } from '@/utils/helpers';\r\n\r\nimport type { StateRef } from '../useRefState/useRefState';\r\n\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\n/** The use textarea autosize options */\r\nexport interface UseTextareaAutosizeOptions {\r\n  /** The initial value for the textarea */\r\n  initialValue?: string;\r\n  /** Callback function called when the textarea size changes */\r\n  onResize?: () => void;\r\n}\r\n\r\n/** The use textarea autosize return type */\r\nexport interface UseTextareaAutosizeReturn {\r\n  /** The current value of the textarea */\r\n  value: string;\r\n  /** Function to clear the textarea value */\r\n  clear: () => void;\r\n  /** Function to set the textarea value */\r\n  set: (value: string) => void;\r\n}\r\n\r\nexport interface UseTextareaAutosize {\r\n  (target: HookTarget, options?: UseTextareaAutosizeOptions): UseTextareaAutosizeReturn;\r\n\r\n  (target: HookTarget, initialValue: string): UseTextareaAutosizeReturn;\r\n\r\n  <Target extends HTMLTextAreaElement = HTMLTextAreaElement>(\r\n    initialValue: string,\r\n    target?: never\r\n  ): UseTextareaAutosizeReturn & {\r\n    ref: StateRef<Target>;\r\n  };\r\n\r\n  <Target extends HTMLTextAreaElement = HTMLTextAreaElement>(\r\n    options?: UseTextareaAutosizeOptions,\r\n    target?: never\r\n  ): UseTextareaAutosizeReturn & {\r\n    ref: StateRef<Target>;\r\n  };\r\n}\r\n\r\n/**\r\n * @name useTextareaAutosize\r\n * @description - Hook that automatically adjusts textarea height based on content\r\n * @category Elements\r\n * @usage medium\r\n *\r\n * @overload\r\n * @param {HookTarget} target The target textarea element\r\n * @param {string} [options.initialValue] The initial value for the textarea\r\n * @param {Function} [options.onResize] Callback function called when the textarea size changes\r\n * @returns {UseTextareaAutosizeReturn} An object containing value, setValue and clear\r\n *\r\n * @example\r\n * const { value, setValue, clear } = useTextareaAutosize(ref);\r\n *\r\n * @overload\r\n * @param {HookTarget} target The target textarea element\r\n * @param {string} initialValue The initial value for the textarea\r\n * @returns {UseTextareaAutosizeReturn} An object containing value, setValue and clear\r\n *\r\n * @example\r\n * const { value, setValue, clear } = useTextareaAutosize(ref, 'initial');\r\n *\r\n * @overload\r\n * @template Target The textarea element type\r\n * @param {string} initialValue The initial value for the textarea\r\n * @returns {UseTextareaAutosizeReturn & { ref: StateRef<Target> }} An object containing ref, value, setValue and clear\r\n *\r\n * @example\r\n * const { ref, value, setValue, clear } = useTextareaAutosize('initial');\r\n *\r\n * @overload\r\n * @template Target The textarea element type\r\n * @param {string} [options.initialValue] The initial value for the textarea\r\n * @param {Function} [options.onResize] Callback function called when the textarea size changes\r\n * @returns {UseTextareaAutosizeReturn & { ref: StateRef<Target> }} An object containing ref, value, setValue and clear\r\n *\r\n * @example\r\n * const { ref, value, setValue, clear } = useTextareaAutosize();\r\n */\r\nexport const useTextareaAutosize = ((...params: any[]) => {\r\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n\r\n  const options = (\r\n    target\r\n      ? typeof params[1] === 'object'\r\n        ? params[1]\r\n        : { initialValue: params[1] }\r\n      : typeof params[0] === 'object'\r\n        ? params[0]\r\n        : { initialValue: params[0] }\r\n  ) as UseTextareaAutosizeOptions | undefined;\r\n\r\n  const [value, setValue] = useState(options?.initialValue ?? '');\r\n  const internalRef = useRefState<HTMLTextAreaElement>();\r\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\r\n  const scrollHeightRef = useRef(0);\r\n\r\n  const onTextareaResize = () => {\r\n    const textarea = textareaRef.current;\r\n    if (!textarea) return;\r\n\r\n    const originalMinHeight = textarea.style.minHeight;\r\n    const originalMaxHeight = textarea.style.maxHeight;\r\n\r\n    textarea.style.height = 'auto';\r\n    textarea.style.minHeight = 'auto';\r\n    textarea.style.maxHeight = 'none';\r\n\r\n    const scrollHeight = textarea.scrollHeight;\r\n\r\n    textarea.style.height = `${scrollHeight}px`;\r\n    textarea.style.minHeight = originalMinHeight;\r\n    textarea.style.maxHeight = originalMaxHeight;\r\n\r\n    if (scrollHeight !== scrollHeightRef.current) options?.onResize?.();\r\n    scrollHeightRef.current = scrollHeight;\r\n  };\r\n\r\n  const setTextareaValue = (newValue: string) => {\r\n    setValue(newValue);\r\n    const textarea = textareaRef.current;\r\n    if (!textarea) return;\r\n    textarea.value = newValue;\r\n    requestAnimationFrame(() => {\r\n      onTextareaResize();\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!target && !internalRef.state) return;\r\n\r\n    const element = (\r\n      target ? isTarget.getElement(target) : internalRef.current\r\n    ) as HTMLTextAreaElement;\r\n    if (!element) return;\r\n\r\n    textareaRef.current = element;\r\n    if (options?.initialValue) element.value = options.initialValue;\r\n\r\n    onTextareaResize();\r\n\r\n    const onInput = (event: InputEvent) => {\r\n      const newValue = (event.target as HTMLTextAreaElement).value;\r\n      setTextareaValue(newValue);\r\n\r\n      requestAnimationFrame(() => {\r\n        onTextareaResize();\r\n      });\r\n    };\r\n\r\n    const onResize = () => {\r\n      requestAnimationFrame(() => {\r\n        onTextareaResize();\r\n      });\r\n    };\r\n\r\n    element.addEventListener('input', onInput as EventListener);\r\n    element.addEventListener('resize', onResize as EventListener);\r\n\r\n    return () => {\r\n      element.removeEventListener('input', onInput as EventListener);\r\n      element.removeEventListener('resize', onResize as EventListener);\r\n    };\r\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\r\n\r\n  const clear = () => setValue('');\r\n\r\n  if (target)\r\n    return {\r\n      value,\r\n      set: setTextareaValue,\r\n      clear\r\n    };\r\n  return {\r\n    ref: internalRef,\r\n    value,\r\n    set: setTextareaValue,\r\n    clear\r\n  };\r\n}) as UseTextareaAutosize;\r\n"],"mappings":";;;;AAwFA,IAAa,MAAwB,GAAG,MAAkB;CACxD,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAE5C,IACJ,IACI,OAAO,EAAO,MAAO,WACnB,EAAO,KACP,EAAE,cAAc,EAAO,IAAI,GAC7B,OAAO,EAAO,MAAO,WACnB,EAAO,KACP,EAAE,cAAc,EAAO,IAAI,EAG7B,CAAC,GAAO,KAAY,EAAS,GAAS,gBAAgB,GAAG,EACzD,IAAc,GAAkC,EAChD,IAAc,EAAmC,KAAK,EACtD,IAAkB,EAAO,EAAE,EAE3B,UAAyB;EAC7B,IAAM,IAAW,EAAY;AAC7B,MAAI,CAAC,EAAU;EAEf,IAAM,IAAoB,EAAS,MAAM,WACnC,IAAoB,EAAS,MAAM;AAIzC,EAFA,EAAS,MAAM,SAAS,QACxB,EAAS,MAAM,YAAY,QAC3B,EAAS,MAAM,YAAY;EAE3B,IAAM,IAAe,EAAS;AAO9B,EALA,EAAS,MAAM,SAAS,GAAG,EAAa,KACxC,EAAS,MAAM,YAAY,GAC3B,EAAS,MAAM,YAAY,GAEvB,MAAiB,EAAgB,WAAS,GAAS,YAAY,EACnE,EAAgB,UAAU;IAGtB,KAAoB,MAAqB;AAC7C,IAAS,EAAS;EAClB,IAAM,IAAW,EAAY;AACxB,QACL,EAAS,QAAQ,GACjB,4BAA4B;AAC1B,MAAkB;IAClB;;AAGJ,SAAgB;AACd,MAAI,CAAC,KAAU,CAAC,EAAY,MAAO;EAEnC,IAAM,IACJ,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY;AAErD,MAAI,CAAC,EAAS;AAKd,EAHA,EAAY,UAAU,GAClB,GAAS,iBAAc,EAAQ,QAAQ,EAAQ,eAEnD,GAAkB;EAElB,IAAM,KAAW,MAAsB;GACrC,IAAM,IAAY,EAAM,OAA+B;AAGvD,GAFA,EAAiB,EAAS,EAE1B,4BAA4B;AAC1B,OAAkB;KAClB;KAGE,UAAiB;AACrB,+BAA4B;AAC1B,OAAkB;KAClB;;AAMJ,SAHA,EAAQ,iBAAiB,SAAS,EAAyB,EAC3D,EAAQ,iBAAiB,UAAU,EAA0B,QAEhD;AAEX,GADA,EAAQ,oBAAoB,SAAS,EAAyB,EAC9D,EAAQ,oBAAoB,UAAU,EAA0B;;IAEjE,CAAC,KAAU,EAAS,cAAc,EAAO,EAAE,EAAY,MAAM,CAAC;CAEjE,IAAM,UAAc,EAAS,GAAG;AAQhC,QANI,IACK;EACL;EACA,KAAK;EACL;EACD,GACI;EACL,KAAK;EACL;EACA,KAAK;EACL;EACD"}

package/dist/esm/hooks/useThrottleCallback/useThrottleCallback.mjs

@@ -1,18 +1,19 @@
-import { useRef as t, useMemo as m } from "react";
-const h = (o, u) => {
-  const c = t(o), r = t(null), e = t(!1), l = t(u), n = t(null);
-  return c.current = o, l.current = u, m(() => {
-    const s = () => {
-      e.current = !1, n.current && (c.current.apply(void 0, n.current), n.current = null, setTimeout(s, l.current));
-    }, f = () => {
-      r.current && (clearTimeout(r.current), r.current = null, e.current = !1);
-    }, i = function(...a) {
-      n.current = a, !e.current && (c.current.apply(this, a), e.current = !0, r.current = setTimeout(s, l.current));
-    };
-    return i.cancel = f, f(), i;
-  }, [u]);
+import { useMemo as e, useRef as t } from "react";
+//#region src/hooks/useThrottleCallback/useThrottleCallback.ts
+var n = (n, r) => {
+	let i = t(n), a = t(null), o = t(!1), s = t(r), c = t(null);
+	return i.current = n, s.current = r, e(() => {
+		let e = () => {
+			o.current = !1, c.current && (i.current.apply(void 0, c.current), c.current = null, setTimeout(e, s.current));
+		}, t = () => {
+			a.current && (clearTimeout(a.current), a.current = null, o.current = !1);
+		}, n = function(...t) {
+			c.current = t, !o.current && (i.current.apply(this, t), o.current = !0, a.current = setTimeout(e, s.current));
+		};
+		return n.cancel = t, t(), n;
+	}, [r]);
 };
-export {
-  h as useThrottleCallback
-};
-//# sourceMappingURL=useThrottleCallback.mjs.map
+//#endregion
+export { n as useThrottleCallback };
+
+//# sourceMappingURL=useThrottleCallback.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useThrottleCallback.mjs","sources":["../../../../src/hooks/useThrottleCallback/useThrottleCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type ThrottledCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n  cancel: () => void;\n};\n\n/**\n * @name useThrottleCallback\n * @description - Hook that creates a throttled callback\n * @category Utilities\n * @usage medium\n *\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @param {number} delay The delay in milliseconds\n * @returns {(...args: Params) => Return} The callback with throttle\n *\n * @example\n * const throttled = useThrottleCallback(() => console.log('callback'), 500);\n */\nexport const useThrottleCallback = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return,\n  delay: number\n): ThrottledCallback<Params> => {\n  const internalCallbackRef = useRef(callback);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isCalledRef = useRef(false);\n  const delayRef = useRef(delay);\n  const lastArgsRef = useRef<Params | null>(null);\n\n  internalCallbackRef.current = callback;\n  delayRef.current = delay;\n\n  const throttled = useMemo(() => {\n    const timer = () => {\n      isCalledRef.current = false;\n\n      if (!lastArgsRef.current) return;\n      internalCallbackRef.current.apply(this, lastArgsRef.current);\n      lastArgsRef.current = null;\n      setTimeout(timer, delayRef.current);\n    };\n\n    const cancel = () => {\n      if (!timeoutRef.current) return;\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      isCalledRef.current = false;\n    };\n\n    const throttledCallback = function (this: any, ...args: Params) {\n      lastArgsRef.current = args;\n      if (isCalledRef.current) return;\n\n      internalCallbackRef.current.apply(this, args);\n      isCalledRef.current = true;\n      timeoutRef.current = setTimeout(timer, delayRef.current);\n    };\n\n    throttledCallback.cancel = cancel;\n\n    cancel();\n    return throttledCallback;\n  }, [delay]);\n\n  return throttled;\n};\n"],"names":["useThrottleCallback","callback","delay","internalCallbackRef","useRef","timeoutRef","isCalledRef","delayRef","lastArgsRef","useMemo","timer","cancel","throttledCallback","args"],"mappings":";AAqBO,MAAMA,IAAsB,CACjCC,GACAC,MAC8B;AAC9B,QAAMC,IAAsBC,EAAOH,CAAQ,GACrCI,IAAaD,EAA6C,IAAI,GAC9DE,IAAcF,EAAO,EAAK,GAC1BG,IAAWH,EAAOF,CAAK,GACvBM,IAAcJ,EAAsB,IAAI;AAE9C,SAAAD,EAAoB,UAAUF,GAC9BM,EAAS,UAAUL,GAEDO,EAAQ,MAAM;AAC9B,UAAMC,IAAQ,MAAM;AAGlB,MAFAJ,EAAY,UAAU,IAEjBE,EAAY,YACjBL,EAAoB,QAAQ,MAAM,QAAMK,EAAY,OAAO,GAC3DA,EAAY,UAAU,MACtB,WAAWE,GAAOH,EAAS,OAAO;AAAA,IAAA,GAG9BI,IAAS,MAAM;AACnB,MAAKN,EAAW,YAChB,aAAaA,EAAW,OAAO,GAC/BA,EAAW,UAAU,MACrBC,EAAY,UAAU;AAAA,IAAA,GAGlBM,IAAoB,YAAwBC,GAAc;AAE9D,MADAL,EAAY,UAAUK,GAClB,CAAAP,EAAY,YAEhBH,EAAoB,QAAQ,MAAM,MAAMU,CAAI,GAC5CP,EAAY,UAAU,IACtBD,EAAW,UAAU,WAAWK,GAAOH,EAAS,OAAO;AAAA,IAAA;AAGzD,WAAAK,EAAkB,SAASD,GAE3BA,EAAA,GACOC;AAAA,EAAA,GACN,CAACV,CAAK,CAAC;AAGZ;"}
+{"version":3,"file":"useThrottleCallback.mjs","names":[],"sources":["../../../../src/hooks/useThrottleCallback/useThrottleCallback.ts"],"sourcesContent":["import { useMemo, useRef } from 'react';\n\nexport type ThrottledCallback<Params extends unknown[]> = ((...args: Params) => void) & {\n  cancel: () => void;\n};\n\n/**\n * @name useThrottleCallback\n * @description - Hook that creates a throttled callback\n * @category Utilities\n * @usage medium\n *\n * @template Params The type of the params\n * @template Return The type of the return\n * @param {(...args: Params) => Return} callback The callback function\n * @param {number} delay The delay in milliseconds\n * @returns {(...args: Params) => Return} The callback with throttle\n *\n * @example\n * const throttled = useThrottleCallback(() => console.log('callback'), 500);\n */\nexport const useThrottleCallback = <Params extends unknown[], Return>(\n  callback: (...args: Params) => Return,\n  delay: number\n): ThrottledCallback<Params> => {\n  const internalCallbackRef = useRef(callback);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isCalledRef = useRef(false);\n  const delayRef = useRef(delay);\n  const lastArgsRef = useRef<Params | null>(null);\n\n  internalCallbackRef.current = callback;\n  delayRef.current = delay;\n\n  const throttled = useMemo(() => {\n    const timer = () => {\n      isCalledRef.current = false;\n\n      if (!lastArgsRef.current) return;\n      internalCallbackRef.current.apply(this, lastArgsRef.current);\n      lastArgsRef.current = null;\n      setTimeout(timer, delayRef.current);\n    };\n\n    const cancel = () => {\n      if (!timeoutRef.current) return;\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      isCalledRef.current = false;\n    };\n\n    const throttledCallback = function (this: any, ...args: Params) {\n      lastArgsRef.current = args;\n      if (isCalledRef.current) return;\n\n      internalCallbackRef.current.apply(this, args);\n      isCalledRef.current = true;\n      timeoutRef.current = setTimeout(timer, delayRef.current);\n    };\n\n    throttledCallback.cancel = cancel;\n\n    cancel();\n    return throttledCallback;\n  }, [delay]);\n\n  return throttled;\n};\n"],"mappings":";;AAqBA,IAAa,KACX,GACA,MAC8B;CAC9B,IAAM,IAAsB,EAAO,EAAS,EACtC,IAAa,EAA6C,KAAK,EAC/D,IAAc,EAAO,GAAM,EAC3B,IAAW,EAAO,EAAM,EACxB,IAAc,EAAsB,KAAK;AAqC/C,QAnCA,EAAoB,UAAU,GAC9B,EAAS,UAAU,GAED,QAAc;EAC9B,IAAM,UAAc;AAClB,KAAY,UAAU,IAEjB,EAAY,YACjB,EAAoB,QAAQ,MAAA,KAAA,GAAY,EAAY,QAAQ,EAC5D,EAAY,UAAU,MACtB,WAAW,GAAO,EAAS,QAAQ;KAG/B,UAAe;AACd,KAAW,YAChB,aAAa,EAAW,QAAQ,EAChC,EAAW,UAAU,MACrB,EAAY,UAAU;KAGlB,IAAoB,SAAqB,GAAG,GAAc;AAC9D,KAAY,UAAU,GAClB,GAAY,YAEhB,EAAoB,QAAQ,MAAM,MAAM,EAAK,EAC7C,EAAY,UAAU,IACtB,EAAW,UAAU,WAAW,GAAO,EAAS,QAAQ;;AAM1D,SAHA,EAAkB,SAAS,GAE3B,GAAQ,EACD;IACN,CAAC,EAAM,CAAC"}

package/dist/esm/hooks/useThrottleEffect/useThrottleEffect.mjs

@@ -1,22 +1,22 @@
-import { useRef as e, useEffect as l } from "react";
-const R = (f, o, i) => {
-  const s = e(!0), r = e(void 0), t = e(null), u = e(!1), n = e(f), c = e(o);
-  n.current = f, c.current = o, l(() => {
-    if (s.current) {
-      s.current = !1;
-      return;
-    }
-    if (!u.current)
-      return r.current = n.current(), u.current = !0, setTimeout(() => {
-        u.current = !1, t.current = setTimeout(() => {
-          r.current = n.current();
-        }, c.current);
-      }, c.current), () => {
-        t.current && clearTimeout(t.current), t.current = null, typeof r.current == "function" && r.current();
-      };
-  }, i);
+import { useEffect as e, useRef as t } from "react";
+//#region src/hooks/useThrottleEffect/useThrottleEffect.ts
+var n = (n, r, i) => {
+	let a = t(!0), o = t(void 0), s = t(null), c = t(!1), l = t(n), u = t(r);
+	l.current = n, u.current = r, e(() => {
+		if (a.current) {
+			a.current = !1;
+			return;
+		}
+		if (!c.current) return o.current = l.current(), c.current = !0, setTimeout(() => {
+			c.current = !1, s.current = setTimeout(() => {
+				o.current = l.current();
+			}, u.current);
+		}, u.current), () => {
+			s.current && clearTimeout(s.current), s.current = null, typeof o.current == "function" && o.current();
+		};
+	}, i);
 };
-export {
-  R as useThrottleEffect
-};
-//# sourceMappingURL=useThrottleEffect.mjs.map
+//#endregion
+export { n as useThrottleEffect };
+
+//# sourceMappingURL=useThrottleEffect.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useThrottleEffect.mjs","sources":["../../../../src/hooks/useThrottleEffect/useThrottleEffect.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * @name useThrottleEffect\n * @description – Hook that runs an effect at most once per delay period when dependencies change\n * @category Utilities\n * @usage medium\n *\n * @param {EffectCallback} effect The effect callback to run\n * @param {number} delay The delay in milliseconds\n * @param {DependencyList} deps The dependencies list for the effect\n *\n * @example\n * useThrottleEffect(() => console.log('effect'), 500, [value]);\n */\nexport const useThrottleEffect = (effect: EffectCallback, delay: number, deps?: DependencyList) => {\n  const mountedRef = useRef(true);\n  const cleanupRef = useRef<ReturnType<EffectCallback>>(undefined);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isCalledRef = useRef(false);\n\n  const effectRef = useRef(effect);\n  const delayRef = useRef(delay);\n\n  effectRef.current = effect;\n  delayRef.current = delay;\n\n  useEffect(() => {\n    if (mountedRef.current) {\n      mountedRef.current = false;\n      return;\n    }\n\n    if (isCalledRef.current) return;\n\n    cleanupRef.current = effectRef.current();\n    isCalledRef.current = true;\n\n    setTimeout(() => {\n      isCalledRef.current = false;\n\n      timeoutRef.current = setTimeout(() => {\n        cleanupRef.current = effectRef.current();\n      }, delayRef.current);\n    }, delayRef.current);\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      if (typeof cleanupRef.current === 'function') cleanupRef.current();\n    };\n  }, deps);\n};\n"],"names":["useThrottleEffect","effect","delay","deps","mountedRef","useRef","cleanupRef","timeoutRef","isCalledRef","effectRef","delayRef","useEffect"],"mappings":";AAiBO,MAAMA,IAAoB,CAACC,GAAwBC,GAAeC,MAA0B;AACjG,QAAMC,IAAaC,EAAO,EAAI,GACxBC,IAAaD,EAAmC,MAAS,GACzDE,IAAaF,EAA6C,IAAI,GAC9DG,IAAcH,EAAO,EAAK,GAE1BI,IAAYJ,EAAOJ,CAAM,GACzBS,IAAWL,EAAOH,CAAK;AAE7B,EAAAO,EAAU,UAAUR,GACpBS,EAAS,UAAUR,GAEnBS,EAAU,MAAM;AACd,QAAIP,EAAW,SAAS;AACtB,MAAAA,EAAW,UAAU;AACrB;AAAA,IAAA;AAGF,QAAI,CAAAI,EAAY;AAEhB,aAAAF,EAAW,UAAUG,EAAU,QAAA,GAC/BD,EAAY,UAAU,IAEtB,WAAW,MAAM;AACf,QAAAA,EAAY,UAAU,IAEtBD,EAAW,UAAU,WAAW,MAAM;AACpC,UAAAD,EAAW,UAAUG,EAAU,QAAA;AAAA,QAAQ,GACtCC,EAAS,OAAO;AAAA,MAAA,GAClBA,EAAS,OAAO,GAEZ,MAAM;AACX,QAAIH,EAAW,WAAS,aAAaA,EAAW,OAAO,GACvDA,EAAW,UAAU,MACjB,OAAOD,EAAW,WAAY,gBAAuB,QAAA;AAAA,MAAQ;AAAA,EACnE,GACCH,CAAI;AACT;"}
+{"version":3,"file":"useThrottleEffect.mjs","names":[],"sources":["../../../../src/hooks/useThrottleEffect/useThrottleEffect.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useEffect, useRef } from 'react';\n\n/**\n * @name useThrottleEffect\n * @description – Hook that runs an effect at most once per delay period when dependencies change\n * @category Utilities\n * @usage medium\n *\n * @param {EffectCallback} effect The effect callback to run\n * @param {number} delay The delay in milliseconds\n * @param {DependencyList} deps The dependencies list for the effect\n *\n * @example\n * useThrottleEffect(() => console.log('effect'), 500, [value]);\n */\nexport const useThrottleEffect = (effect: EffectCallback, delay: number, deps?: DependencyList) => {\n  const mountedRef = useRef(true);\n  const cleanupRef = useRef<ReturnType<EffectCallback>>(undefined);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const isCalledRef = useRef(false);\n\n  const effectRef = useRef(effect);\n  const delayRef = useRef(delay);\n\n  effectRef.current = effect;\n  delayRef.current = delay;\n\n  useEffect(() => {\n    if (mountedRef.current) {\n      mountedRef.current = false;\n      return;\n    }\n\n    if (isCalledRef.current) return;\n\n    cleanupRef.current = effectRef.current();\n    isCalledRef.current = true;\n\n    setTimeout(() => {\n      isCalledRef.current = false;\n\n      timeoutRef.current = setTimeout(() => {\n        cleanupRef.current = effectRef.current();\n      }, delayRef.current);\n    }, delayRef.current);\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n      if (typeof cleanupRef.current === 'function') cleanupRef.current();\n    };\n  }, deps);\n};\n"],"mappings":";;AAiBA,IAAa,KAAqB,GAAwB,GAAe,MAA0B;CACjG,IAAM,IAAa,EAAO,GAAK,EACzB,IAAa,EAAmC,KAAA,EAAU,EAC1D,IAAa,EAA6C,KAAK,EAC/D,IAAc,EAAO,GAAM,EAE3B,IAAY,EAAO,EAAO,EAC1B,IAAW,EAAO,EAAM;AAK9B,CAHA,EAAU,UAAU,GACpB,EAAS,UAAU,GAEnB,QAAgB;AACd,MAAI,EAAW,SAAS;AACtB,KAAW,UAAU;AACrB;;AAGE,SAAY,QAahB,QAXA,EAAW,UAAU,EAAU,SAAS,EACxC,EAAY,UAAU,IAEtB,iBAAiB;AAGf,GAFA,EAAY,UAAU,IAEtB,EAAW,UAAU,iBAAiB;AACpC,MAAW,UAAU,EAAU,SAAS;MACvC,EAAS,QAAQ;KACnB,EAAS,QAAQ,QAEP;AAGX,GAFI,EAAW,WAAS,aAAa,EAAW,QAAQ,EACxD,EAAW,UAAU,MACjB,OAAO,EAAW,WAAY,cAAY,EAAW,SAAS;;IAEnE,EAAK"}

package/dist/esm/hooks/useThrottleState/useThrottleState.mjs

@@ -1,10 +1,11 @@
-import { useState as a } from "react";
-import { useThrottleCallback as s } from "../useThrottleCallback/useThrottleCallback.mjs";
-const c = (t, e) => {
-  const [o, r] = a(t), l = s(r, e);
-  return [o, l];
+import { useThrottleCallback as e } from "../useThrottleCallback/useThrottleCallback.mjs";
+import { useState as t } from "react";
+//#region src/hooks/useThrottleState/useThrottleState.ts
+var n = (n, r) => {
+	let [i, a] = t(n);
+	return [i, e(a, r)];
 };
-export {
-  c as useThrottleState
-};
-//# sourceMappingURL=useThrottleState.mjs.map
+//#endregion
+export { n as useThrottleState };
+
+//# sourceMappingURL=useThrottleState.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useThrottleState.mjs","sources":["../../../../src/hooks/useThrottleState/useThrottleState.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useThrottleCallback } from '../useThrottleCallback/useThrottleCallback';\n\n/**\n * @name useThrottleState\n * @description - Hook that creates a throttled state\n * @category Utilities\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value} value The value to be throttled\n * @param {number} delay The delay in milliseconds\n * @returns {[Value, (value: Value) => void]} The throttled state\n *\n * @example\n * const [throttledValue, setThrottledValue] = useThrottleState(value, 500);\n */\nexport const useThrottleState = <Value>(initialValue: Value, delay: number) => {\n  const [throttledValue, setThrottledValue] = useState(initialValue);\n  const throttledSetState = useThrottleCallback(setThrottledValue, delay);\n\n  return [throttledValue, throttledSetState] as const;\n};\n"],"names":["useThrottleState","initialValue","delay","throttledValue","setThrottledValue","useState","throttledSetState","useThrottleCallback"],"mappings":";;AAkBO,MAAMA,IAAmB,CAAQC,GAAqBC,MAAkB;AAC7E,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAASJ,CAAY,GAC3DK,IAAoBC,EAAoBH,GAAmBF,CAAK;AAEtE,SAAO,CAACC,GAAgBG,CAAiB;AAC3C;"}
+{"version":3,"file":"useThrottleState.mjs","names":[],"sources":["../../../../src/hooks/useThrottleState/useThrottleState.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { useThrottleCallback } from '../useThrottleCallback/useThrottleCallback';\n\n/**\n * @name useThrottleState\n * @description - Hook that creates a throttled state\n * @category Utilities\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value} value The value to be throttled\n * @param {number} delay The delay in milliseconds\n * @returns {[Value, (value: Value) => void]} The throttled state\n *\n * @example\n * const [throttledValue, setThrottledValue] = useThrottleState(value, 500);\n */\nexport const useThrottleState = <Value>(initialValue: Value, delay: number) => {\n  const [throttledValue, setThrottledValue] = useState(initialValue);\n  const throttledSetState = useThrottleCallback(setThrottledValue, delay);\n\n  return [throttledValue, throttledSetState] as const;\n};\n"],"mappings":";;;AAkBA,IAAa,KAA2B,GAAqB,MAAkB;CAC7E,IAAM,CAAC,GAAgB,KAAqB,EAAS,EAAa;AAGlE,QAAO,CAAC,GAFkB,EAAoB,GAAmB,EAAM,CAE7B"}

package/dist/esm/hooks/useThrottleValue/useThrottleValue.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"useThrottleValue.mjs","sources":["../../../../src/hooks/useThrottleValue/useThrottleValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useThrottleCallback } from '../useThrottleCallback/useThrottleCallback';\n\n/**\n * @name useThrottleValue\n * @description - Hook that creates a throttled value\n * @category Utilities\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value} value The value to be throttled\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The throttled value\n *\n * @example\n * const throttledValue = useThrottleValue(value, 500);\n */\nexport const useThrottleValue = <Value>(value: Value, delay: number) => {\n  const previousValueRef = useRef(value);\n  const [throttledValue, setThrottledValue] = useState(value);\n\n  const throttledSetState = useThrottleCallback(setThrottledValue, delay);\n\n  useEffect(() => {\n    if (previousValueRef.current === value) return;\n    throttledSetState(value);\n    previousValueRef.current = value;\n  }, [value]);\n\n  return throttledValue;\n};\n"],"names":["useThrottleValue","value","delay","previousValueRef","useRef","throttledValue","setThrottledValue","useState","throttledSetState","useThrottleCallback","useEffect"],"mappings":";;AAkBO,MAAMA,IAAmB,CAAQC,GAAcC,MAAkB;AACtE,QAAMC,IAAmBC,EAAOH,CAAK,GAC/B,CAACI,GAAgBC,CAAiB,IAAIC,EAASN,CAAK,GAEpDO,IAAoBC,EAAoBH,GAAmBJ,CAAK;AAEtE,SAAAQ,EAAU,MAAM;AACd,IAAIP,EAAiB,YAAYF,MACjCO,EAAkBP,CAAK,GACvBE,EAAiB,UAAUF;AAAA,EAAA,GAC1B,CAACA,CAAK,CAAC,GAEHI;AACT;"}
+{"version":3,"file":"useThrottleValue.mjs","names":[],"sources":["../../../../src/hooks/useThrottleValue/useThrottleValue.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useThrottleCallback } from '../useThrottleCallback/useThrottleCallback';\n\n/**\n * @name useThrottleValue\n * @description - Hook that creates a throttled value\n * @category Utilities\n * @usage medium\n *\n * @template Value The type of the value\n * @param {Value} value The value to be throttled\n * @param {number} delay The delay in milliseconds\n * @returns {Value} The throttled value\n *\n * @example\n * const throttledValue = useThrottleValue(value, 500);\n */\nexport const useThrottleValue = <Value>(value: Value, delay: number) => {\n  const previousValueRef = useRef(value);\n  const [throttledValue, setThrottledValue] = useState(value);\n\n  const throttledSetState = useThrottleCallback(setThrottledValue, delay);\n\n  useEffect(() => {\n    if (previousValueRef.current === value) return;\n    throttledSetState(value);\n    previousValueRef.current = value;\n  }, [value]);\n\n  return throttledValue;\n};\n"],"mappings":";;;AAkBA,IAAa,KAA2B,GAAc,MAAkB;CACtE,IAAM,IAAmB,EAAO,EAAM,EAChC,CAAC,GAAgB,KAAqB,EAAS,EAAM,EAErD,IAAoB,EAAoB,GAAmB,EAAM;AAQvE,QANA,QAAgB;AACV,IAAiB,YAAY,MACjC,EAAkB,EAAM,EACxB,EAAiB,UAAU;IAC1B,CAAC,EAAM,CAAC,EAEJ"}

package/dist/esm/hooks/useTime/useTime.mjs

@@ -1,15 +1,16 @@
-import { useState as o, useEffect as s } from "react";
 import { getDate as e } from "../../utils/helpers/getDate.mjs";
-const a = () => {
-  const [t, r] = o(e());
-  return s(() => {
-    const m = setInterval(() => r(e()), 1e3);
-    return () => {
-      clearInterval(m);
-    };
-  }, []), t;
+import { useEffect as t, useState as n } from "react";
+//#region src/hooks/useTime/useTime.ts
+var r = () => {
+	let [r, i] = n(e());
+	return t(() => {
+		let t = setInterval(() => i(e()), 1e3);
+		return () => {
+			clearInterval(t);
+		};
+	}, []), r;
 };
-export {
-  a as useTime
-};
-//# sourceMappingURL=useTime.mjs.map
+//#endregion
+export { r as useTime };
+
+//# sourceMappingURL=useTime.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTime.mjs","sources":["../../../../src/hooks/useTime/useTime.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { getDate } from '@/utils/helpers';\n\nexport interface UseTimeReturn {\n  /** The current day of the month (1-31) */\n  day: number;\n  /** The current hour in 24-hour format (0-23) */\n  hours: number;\n  /** The current hour in 12-hour format with meridiem type (AM/PM) */\n  meridiemHours: { value: number; type: string };\n  /** The current minute (0-59) */\n  minutes: number;\n  /** The current month (1-12) */\n  month: number;\n  /** The current second (0-59) */\n  seconds: number;\n  /** The current Unix timestamp in milliseconds */\n  timestamp: number;\n  /** The current year */\n  year: number;\n}\n\n/**\n * @name useTime\n * @description - Hook that gives you current time in different values\n * @category Time\n * @usage medium\n *\n * @returns {UseTimeReturn} An object containing the current time\n *\n * @example\n * const { seconds, minutes, hours, meridiemHours, day, month, year, timestamp } = useTime();\n */\nexport const useTime = (): UseTimeReturn => {\n  const [time, setTime] = useState(getDate());\n\n  useEffect(() => {\n    const timerId = setInterval(() => setTime(getDate()), 1000);\n\n    return () => {\n      clearInterval(timerId);\n    };\n  }, []);\n\n  return time;\n};\n"],"names":["useTime","time","setTime","useState","getDate","useEffect","timerId"],"mappings":";;AAkCO,MAAMA,IAAU,MAAqB;AAC1C,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAASC,GAAS;AAE1C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAU,YAAY,MAAMJ,EAAQE,EAAA,CAAS,GAAG,GAAI;AAE1D,WAAO,MAAM;AACX,oBAAcE,CAAO;AAAA,IAAA;AAAA,EACvB,GACC,EAAE,GAEEL;AACT;"}
+{"version":3,"file":"useTime.mjs","names":[],"sources":["../../../../src/hooks/useTime/useTime.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { getDate } from '@/utils/helpers';\n\nexport interface UseTimeReturn {\n  /** The current day of the month (1-31) */\n  day: number;\n  /** The current hour in 24-hour format (0-23) */\n  hours: number;\n  /** The current hour in 12-hour format with meridiem type (AM/PM) */\n  meridiemHours: { value: number; type: string };\n  /** The current minute (0-59) */\n  minutes: number;\n  /** The current month (1-12) */\n  month: number;\n  /** The current second (0-59) */\n  seconds: number;\n  /** The current Unix timestamp in milliseconds */\n  timestamp: number;\n  /** The current year */\n  year: number;\n}\n\n/**\n * @name useTime\n * @description - Hook that gives you current time in different values\n * @category Time\n * @usage medium\n *\n * @returns {UseTimeReturn} An object containing the current time\n *\n * @example\n * const { seconds, minutes, hours, meridiemHours, day, month, year, timestamp } = useTime();\n */\nexport const useTime = (): UseTimeReturn => {\n  const [time, setTime] = useState(getDate());\n\n  useEffect(() => {\n    const timerId = setInterval(() => setTime(getDate()), 1000);\n\n    return () => {\n      clearInterval(timerId);\n    };\n  }, []);\n\n  return time;\n};\n"],"mappings":";;;AAkCA,IAAa,UAA+B;CAC1C,IAAM,CAAC,GAAM,KAAW,EAAS,GAAS,CAAC;AAU3C,QARA,QAAgB;EACd,IAAM,IAAU,kBAAkB,EAAQ,GAAS,CAAC,EAAE,IAAK;AAE3D,eAAa;AACX,iBAAc,EAAQ;;IAEvB,EAAE,CAAC,EAEC"}

package/dist/esm/hooks/useTimeout/useTimeout.mjs

@@ -1,16 +1,20 @@
-import { useState as n, useRef as s, useEffect as a } from "react";
-import { useEvent as i } from "../useEvent/useEvent.mjs";
-function T(u, t) {
-  const [o, r] = n(!1), e = s(void 0), c = i(u);
-  return a(() => (e.current = setTimeout(() => {
-    c(), r(!0);
-  }, t), () => {
-    clearTimeout(e.current);
-  }), [t]), { ready: o, clear: () => {
-    clearTimeout(e.current), r(!0);
-  } };
+import { useEvent as e } from "../useEvent/useEvent.mjs";
+import { useEffect as t, useRef as n, useState as r } from "react";
+//#region src/hooks/useTimeout/useTimeout.ts
+function i(i, a) {
+	let [o, s] = r(!1), c = n(void 0), l = e(i);
+	return t(() => (c.current = setTimeout(() => {
+		l(), s(!0);
+	}, a), () => {
+		clearTimeout(c.current);
+	}), [a]), {
+		ready: o,
+		clear: () => {
+			clearTimeout(c.current), s(!0);
+		}
+	};
 }
-export {
-  T as useTimeout
-};
-//# sourceMappingURL=useTimeout.mjs.map
+//#endregion
+export { i as useTimeout };
+
+//# sourceMappingURL=useTimeout.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTimeout.mjs","sources":["../../../../src/hooks/useTimeout/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The use timeout return type */\ninterface UseTimeoutReturn {\n  /**  Timeout is ready state value */\n  ready: boolean;\n  /** Function to clear timeout */\n  clear: () => void;\n}\n\n/**\n * @name useTimeout\n * @description - Hook that executes a callback function after a specified delay\n * @category Time\n * @usage medium\n *\n * @param {() => void} callback The function to be executed after the timeout\n * @param {number} delay The delay in milliseconds before the timeout executes the callback function\n * @returns {UseTimeoutReturn} An object with a `ready` boolean state value and a `clear` function to clear timeout\n *\n * @example\n * const { clear, ready } = useTimeout(() => {}, 5000);\n */\nexport function useTimeout(callback: () => void, delay: number): UseTimeoutReturn {\n  const [ready, setReady] = useState(false);\n\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const internalCallback = useEvent(callback);\n\n  useEffect(() => {\n    timeoutIdRef.current = setTimeout(() => {\n      internalCallback();\n      setReady(true);\n    }, delay);\n\n    return () => {\n      clearTimeout(timeoutIdRef.current);\n    };\n  }, [delay]);\n\n  const clear = () => {\n    clearTimeout(timeoutIdRef.current);\n    setReady(true);\n  };\n\n  return { ready, clear };\n}\n"],"names":["useTimeout","callback","delay","ready","setReady","useState","timeoutIdRef","useRef","internalCallback","useEvent","useEffect"],"mappings":";;AAyBO,SAASA,EAAWC,GAAsBC,GAAiC;AAChF,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAK,GAElCC,IAAeC,EAAsC,MAAS,GAC9DC,IAAmBC,EAASR,CAAQ;AAE1C,SAAAS,EAAU,OACRJ,EAAa,UAAU,WAAW,MAAM;AACtC,IAAAE,EAAA,GACAJ,EAAS,EAAI;AAAA,EAAA,GACZF,CAAK,GAED,MAAM;AACX,iBAAaI,EAAa,OAAO;AAAA,EAAA,IAElC,CAACJ,CAAK,CAAC,GAOH,EAAE,OAAAC,GAAO,OALF,MAAM;AAClB,iBAAaG,EAAa,OAAO,GACjCF,EAAS,EAAI;AAAA,EAAA,EAGC;AAClB;"}
+{"version":3,"file":"useTimeout.mjs","names":[],"sources":["../../../../src/hooks/useTimeout/useTimeout.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The use timeout return type */\ninterface UseTimeoutReturn {\n  /**  Timeout is ready state value */\n  ready: boolean;\n  /** Function to clear timeout */\n  clear: () => void;\n}\n\n/**\n * @name useTimeout\n * @description - Hook that executes a callback function after a specified delay\n * @category Time\n * @usage medium\n *\n * @param {() => void} callback The function to be executed after the timeout\n * @param {number} delay The delay in milliseconds before the timeout executes the callback function\n * @returns {UseTimeoutReturn} An object with a `ready` boolean state value and a `clear` function to clear timeout\n *\n * @example\n * const { clear, ready } = useTimeout(() => {}, 5000);\n */\nexport function useTimeout(callback: () => void, delay: number): UseTimeoutReturn {\n  const [ready, setReady] = useState(false);\n\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const internalCallback = useEvent(callback);\n\n  useEffect(() => {\n    timeoutIdRef.current = setTimeout(() => {\n      internalCallback();\n      setReady(true);\n    }, delay);\n\n    return () => {\n      clearTimeout(timeoutIdRef.current);\n    };\n  }, [delay]);\n\n  const clear = () => {\n    clearTimeout(timeoutIdRef.current);\n    setReady(true);\n  };\n\n  return { ready, clear };\n}\n"],"mappings":";;;AAyBA,SAAgB,EAAW,GAAsB,GAAiC;CAChF,IAAM,CAAC,GAAO,KAAY,EAAS,GAAM,EAEnC,IAAe,EAAsC,KAAA,EAAU,EAC/D,IAAmB,EAAS,EAAS;AAkB3C,QAhBA,SACE,EAAa,UAAU,iBAAiB;AAEtC,EADA,GAAkB,EAClB,EAAS,GAAK;IACb,EAAM,QAEI;AACX,eAAa,EAAa,QAAQ;KAEnC,CAAC,EAAM,CAAC,EAOJ;EAAE;EAAO,aALI;AAElB,GADA,aAAa,EAAa,QAAQ,EAClC,EAAS,GAAK;;EAGO"}

package/dist/esm/hooks/useTimer/useTimer.mjs

@@ -1,67 +1,62 @@
-import { useState as l, useRef as m, useEffect as g } from "react";
-import { useDidUpdate as y } from "../useDidUpdate/useDidUpdate.mjs";
-const E = (s) => {
-  const t = Math.ceil(s), u = Math.floor(t / (3600 * 24)), c = Math.floor(t % (3600 * 24) / 3600), e = Math.floor(t % 3600 / 60);
-  return {
-    seconds: Math.floor(t % 60),
-    minutes: e,
-    hours: c,
-    days: u
-  };
-}, j = ((...s) => {
-  const t = Math.max(s[0] ?? 0, 0), u = typeof s[1] == "object" ? s[1] : { onExpire: s[1] }, [c, e] = l(t > 0 && (u?.immediately ?? !0)), [i, n] = l(t), d = m(void 0), f = m(u);
-  f.current = u ?? {}, y(() => {
-    if (t <= 0) {
-      e(!1), n(0);
-      return;
-    }
-    e(!0), n(t);
-  }, [t]), g(() => {
-    if (!c) return;
-    f.current?.onStart?.();
-    const o = () => {
-      n((r) => {
-        f.current?.onTick?.(r);
-        const a = r - 1;
-        return a === 0 && (e(!1), f.current?.onExpire?.()), a;
-      });
-    };
-    return d.current = setInterval(o, 1e3), () => {
-      clearInterval(d.current);
-    };
-  }, [c]);
-  const p = () => e(!1), h = () => {
-    i <= 0 || e(!0);
-  }, v = () => {
-    i <= 0 || e(!c);
-  }, M = (o, r = !0) => {
-    n(o), r && e(!0);
-  }, S = () => {
-    t <= 0 || (e(!0), n(t));
-  }, x = () => {
-    e(!1), n(0);
-  }, I = (o) => n((r) => r + o), T = (o) => {
-    n((r) => {
-      const a = r - o;
-      return a <= 0 ? (e(!1), 0) : a;
-    });
-  };
-  return {
-    ...E(i),
-    count: i,
-    pause: p,
-    active: c,
-    resume: h,
-    toggle: v,
-    start: S,
-    restart: M,
-    clear: x,
-    increase: I,
-    decrease: T
-  };
+import { useDidUpdate as e } from "../useDidUpdate/useDidUpdate.mjs";
+import { useEffect as t, useRef as n, useState as r } from "react";
+//#region src/hooks/useTimer/useTimer.ts
+var i = (e) => {
+	let t = Math.ceil(e), n = Math.floor(t / (3600 * 24)), r = Math.floor(t % (3600 * 24) / 3600), i = Math.floor(t % 3600 / 60);
+	return {
+		seconds: Math.floor(t % 60),
+		minutes: i,
+		hours: r,
+		days: n
+	};
+}, a = ((...a) => {
+	let o = Math.max(a[0] ?? 0, 0), s = typeof a[1] == "object" ? a[1] : { onExpire: a[1] }, [c, l] = r(o > 0 && (s?.immediately ?? !0)), [u, d] = r(o), f = n(void 0), p = n(s);
+	p.current = s ?? {}, e(() => {
+		if (o <= 0) {
+			l(!1), d(0);
+			return;
+		}
+		l(!0), d(o);
+	}, [o]), t(() => c ? (p.current?.onStart?.(), f.current = setInterval(() => {
+		d((e) => {
+			p.current?.onTick?.(e);
+			let t = e - 1;
+			return t === 0 && (l(!1), p.current?.onExpire?.()), t;
+		});
+	}, 1e3), () => {
+		clearInterval(f.current);
+	}) : void 0, [c]);
+	let m = () => l(!1), h = () => {
+		u <= 0 || l(!0);
+	}, g = () => {
+		u <= 0 || l(!c);
+	}, _ = (e, t = !0) => {
+		d(e), t && l(!0);
+	}, v = () => {
+		o <= 0 || (l(!0), d(o));
+	}, y = () => {
+		l(!1), d(0);
+	}, b = (e) => d((t) => t + e), x = (e) => {
+		d((t) => {
+			let n = t - e;
+			return n <= 0 ? (l(!1), 0) : n;
+		});
+	};
+	return {
+		...i(u),
+		count: u,
+		pause: m,
+		active: c,
+		resume: h,
+		toggle: g,
+		start: v,
+		restart: _,
+		clear: y,
+		increase: b,
+		decrease: x
+	};
 });
-export {
-  E as getTimeFromSeconds,
-  j as useTimer
-};
-//# sourceMappingURL=useTimer.mjs.map
+//#endregion
+export { i as getTimeFromSeconds, a as useTimer };
+
+//# sourceMappingURL=useTimer.mjs.map