@siberiacancode/reactuse 0.3.4 → 0.3.6

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

@@ -1,58 +1,53 @@
-import { useState as H, useRef as y, useEffect as x } from "react";
+import { useState as y, useRef as v, useEffect as R } from "react";
 import { useRefState as V } from "../useRefState/useRefState.mjs";
 import { isTarget as f } from "../../utils/helpers/isTarget.mjs";
-const d = ((...i) => {
-  const t = f(i[0]) ? i[0] : void 0, r = t ? i[1] : typeof i[0] == "string" ? { initialValue: i[0] } : i[0], [a, c] = H(r?.initialValue ?? ""), o = V(), u = y(null), s = () => {
-    const e = u.current;
+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, h] = y(o?.initialValue ?? ""), s = V(), l = v(null), m = v(0), a = () => {
+    const e = l.current;
     if (!e) return;
-    const n = e.style.minHeight, l = e.style.maxHeight;
+    const i = e.style.minHeight, u = e.style.maxHeight;
     e.style.height = "auto", e.style.minHeight = "auto", e.style.maxHeight = "none";
-    const g = e.scrollHeight;
-    e.style.height = `${g}px`, e.style.minHeight = n, e.style.maxHeight = l, r?.onResize?.();
+    const r = e.scrollHeight;
+    e.style.height = `${r}px`, e.style.minHeight = i, e.style.maxHeight = u, r !== m.current && o?.onResize?.(), m.current = r;
+  }, c = (e) => {
+    h(e);
+    const i = l.current;
+    i && (i.value = e, requestAnimationFrame(() => {
+      a();
+    }));
   };
-  x(() => {
-    if (!t && !o.state) return;
-    const e = t ? f.getElement(t) : o.current;
+  R(() => {
+    if (!n && !s.state) return;
+    const e = n ? f.getElement(n) : s.current;
     if (!e) return;
-    u.current = e, r?.initialValue && (e.value = r.initialValue), s();
-    const n = (g) => {
-      const v = g.target.value;
-      c(v), requestAnimationFrame(() => {
-        s();
+    l.current = e, o?.initialValue && (e.value = o.initialValue), a();
+    const i = (r) => {
+      const H = r.target.value;
+      c(H), requestAnimationFrame(() => {
+        a();
       });
-    }, l = () => {
+    }, u = () => {
       requestAnimationFrame(() => {
-        s();
+        a();
       });
     };
-    return e.addEventListener("input", n), e.addEventListener("resize", l), () => {
-      e.removeEventListener("input", n), e.removeEventListener("resize", l);
+    return e.addEventListener("input", i), e.addEventListener("resize", u), () => {
+      e.removeEventListener("input", i), e.removeEventListener("resize", u);
     };
-  }, [t, o.state, f.getRefState(t), r?.initialValue]), x(() => {
-    const e = u.current;
-    e && (e.value = a, requestAnimationFrame(() => {
-      s();
-    }));
-  }, [a]);
-  const m = (e) => {
-    c(e);
-    const n = u.current;
-    n && (n.value = e, requestAnimationFrame(() => {
-      s();
-    }));
-  }, h = () => c("");
-  return t ? {
-    value: a,
-    setValue: m,
-    clear: h
+  }, [n, s.state, f.getRefState(n)]);
+  const x = () => h("");
+  return n ? {
+    value: g,
+    set: c,
+    clear: x
   } : {
-    ref: o,
-    value: a,
-    setValue: m,
-    clear: h
+    ref: s,
+    value: g,
+    set: c,
+    clear: x
   };
 });
 export {
-  d as useTextareaAutosize
+  p 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';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use textarea autosize options */\nexport interface UseTextareaAutosizeOptions {\n  /** The initial value for the textarea */\n  initialValue?: string;\n  /** Callback function called when the textarea size changes */\n  onResize?: () => void;\n}\n\n/** The use textarea autosize return type */\nexport interface UseTextareaAutosizeReturn {\n  /** The current value of the textarea */\n  value: string;\n  /** Function to clear the textarea value */\n  clear: () => void;\n  /** Function to set the textarea value */\n  setValue: (value: string) => void;\n}\n\nexport interface UseTextareaAutosize {\n  (target: HookTarget, options?: UseTextareaAutosizeOptions): UseTextareaAutosizeReturn;\n\n  <Target extends HTMLTextAreaElement = HTMLTextAreaElement>(\n    initialValue: string,\n    target?: never\n  ): UseTextareaAutosizeReturn & {\n    ref: StateRef<Target>;\n  };\n\n  <Target extends HTMLTextAreaElement = HTMLTextAreaElement>(\n    options?: UseTextareaAutosizeOptions,\n    target?: never\n  ): UseTextareaAutosizeReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useTextareaAutosize\n * @description - Hook that automatically adjusts textarea height based on content\n * @category Elements\n * @usage medium\n *\n * @overload\n * @param {HookTarget} target The target textarea element\n * @param {string} [options.initialValue] The initial value for the textarea\n * @param {Function} [options.onResize] Callback function called when the textarea size changes\n * @returns {UseTextareaAutosizeReturn} An object containing value, setValue and clear\n *\n * @example\n * const { value, setValue, clear } = useTextareaAutosize(ref);\n *\n * @overload\n * @template Target The textarea element type\n * @param {string} initialValue The initial value for the textarea\n * @returns {UseTextareaAutosizeReturn & { ref: StateRef<Target> }} An object containing ref, value, setValue and clear\n *\n * @example\n * const { ref, value, setValue, clear } = useTextareaAutosize('initial');\n *\n * @overload\n * @template Target The textarea element type\n * @param {string} [options.initialValue] The initial value for the textarea\n * @param {Function} [options.onResize] Callback function called when the textarea size changes\n * @returns {UseTextareaAutosizeReturn & { ref: StateRef<Target> }} An object containing ref, value, setValue and clear\n *\n * @example\n * const { ref, value, setValue, clear } = useTextareaAutosize();\n */\nexport const useTextareaAutosize = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n  const options = (\n    target ? params[1] : typeof params[0] === 'string' ? { initialValue: params[0] } : params[0]\n  ) as UseTextareaAutosizeOptions | undefined;\n\n  const [value, setValue] = useState(options?.initialValue ?? '');\n  const internalRef = useRefState<HTMLTextAreaElement>();\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n\n  const onTextareaResize = () => {\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n\n    const originalMinHeight = textarea.style.minHeight;\n    const originalMaxHeight = textarea.style.maxHeight;\n\n    textarea.style.height = 'auto';\n    textarea.style.minHeight = 'auto';\n    textarea.style.maxHeight = 'none';\n\n    const scrollHeight = textarea.scrollHeight;\n\n    textarea.style.height = `${scrollHeight}px`;\n    textarea.style.minHeight = originalMinHeight;\n    textarea.style.maxHeight = originalMaxHeight;\n\n    options?.onResize?.();\n  };\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (\n      target ? isTarget.getElement(target) : internalRef.current\n    ) as HTMLTextAreaElement;\n    if (!element) return;\n\n    textareaRef.current = element;\n    if (options?.initialValue) element.value = options.initialValue;\n\n    onTextareaResize();\n\n    const onInput = (event: InputEvent) => {\n      const newValue = (event.target as HTMLTextAreaElement).value;\n      setValue(newValue);\n\n      requestAnimationFrame(() => {\n        onTextareaResize();\n      });\n    };\n\n    const onResize = () => {\n      requestAnimationFrame(() => {\n        onTextareaResize();\n      });\n    };\n\n    element.addEventListener('input', onInput as EventListener);\n    element.addEventListener('resize', onResize as EventListener);\n\n    return () => {\n      element.removeEventListener('input', onInput as EventListener);\n      element.removeEventListener('resize', onResize as EventListener);\n    };\n  }, [target, internalRef.state, isTarget.getRefState(target), options?.initialValue]);\n\n  useEffect(() => {\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    textarea.value = value;\n    requestAnimationFrame(() => {\n      onTextareaResize();\n    });\n  }, [value]);\n\n  const setTextareaValue = (newValue: string) => {\n    setValue(newValue);\n    const textarea = textareaRef.current;\n    if (textarea) {\n      textarea.value = newValue;\n      requestAnimationFrame(() => {\n        onTextareaResize();\n      });\n    }\n  };\n\n  const clear = () => setValue('');\n\n  if (target)\n    return {\n      value,\n      setValue: setTextareaValue,\n      clear\n    };\n  return {\n    ref: internalRef,\n    value,\n    setValue: setTextareaValue,\n    clear\n  };\n}) as UseTextareaAutosize;\n"],"names":["useTextareaAutosize","params","target","isTarget","options","value","setValue","useState","internalRef","useRefState","textareaRef","useRef","onTextareaResize","textarea","originalMinHeight","originalMaxHeight","scrollHeight","useEffect","element","onInput","event","newValue","onResize","setTextareaValue","clear"],"mappings":";;;AA8EO,MAAMA,KAAuB,IAAIC,MAAkB;AACxD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE5CG,IACJF,IAASD,EAAO,CAAC,IAAI,OAAOA,EAAO,CAAC,KAAM,WAAW,EAAE,cAAcA,EAAO,CAAC,EAAA,IAAMA,EAAO,CAAC,GAGvF,CAACI,GAAOC,CAAQ,IAAIC,EAASH,GAAS,gBAAgB,EAAE,GACxDI,IAAcC,EAAA,GACdC,IAAcC,EAAmC,IAAI,GAErDC,IAAmB,MAAM;AAC7B,UAAMC,IAAWH,EAAY;AAC7B,QAAI,CAACG,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,GAE3BX,GAAS,WAAA;AAAA,EAAW;AAGtB,EAAAa,EAAU,MAAM;AACd,QAAI,CAACf,KAAU,CAACM,EAAY,MAAO;AAEnC,UAAMU,IACJhB,IAASC,EAAS,WAAWD,CAAM,IAAIM,EAAY;AAErD,QAAI,CAACU,EAAS;AAEd,IAAAR,EAAY,UAAUQ,GAClBd,GAAS,iBAAcc,EAAQ,QAAQd,EAAQ,eAEnDQ,EAAA;AAEA,UAAMO,IAAU,CAACC,MAAsB;AACrC,YAAMC,IAAYD,EAAM,OAA+B;AACvD,MAAAd,EAASe,CAAQ,GAEjB,sBAAsB,MAAM;AAC1B,QAAAT,EAAA;AAAA,MAAiB,CAClB;AAAA,IAAA,GAGGU,IAAW,MAAM;AACrB,4BAAsB,MAAM;AAC1B,QAAAV,EAAA;AAAA,MAAiB,CAClB;AAAA,IAAA;AAGH,WAAAM,EAAQ,iBAAiB,SAASC,CAAwB,GAC1DD,EAAQ,iBAAiB,UAAUI,CAAyB,GAErD,MAAM;AACX,MAAAJ,EAAQ,oBAAoB,SAASC,CAAwB,GAC7DD,EAAQ,oBAAoB,UAAUI,CAAyB;AAAA,IAAA;AAAA,EACjE,GACC,CAACpB,GAAQM,EAAY,OAAOL,EAAS,YAAYD,CAAM,GAAGE,GAAS,YAAY,CAAC,GAEnFa,EAAU,MAAM;AACd,UAAMJ,IAAWH,EAAY;AAC7B,IAAKG,MACLA,EAAS,QAAQR,GACjB,sBAAsB,MAAM;AAC1B,MAAAO,EAAA;AAAA,IAAiB,CAClB;AAAA,EAAA,GACA,CAACP,CAAK,CAAC;AAEV,QAAMkB,IAAmB,CAACF,MAAqB;AAC7C,IAAAf,EAASe,CAAQ;AACjB,UAAMR,IAAWH,EAAY;AAC7B,IAAIG,MACFA,EAAS,QAAQQ,GACjB,sBAAsB,MAAM;AAC1B,MAAAT,EAAA;AAAA,IAAiB,CAClB;AAAA,EACH,GAGIY,IAAQ,MAAMlB,EAAS,EAAE;AAE/B,SAAIJ,IACK;AAAA,IACL,OAAAG;AAAA,IACA,UAAUkB;AAAA,IACV,OAAAC;AAAA,EAAA,IAEG;AAAA,IACL,KAAKhB;AAAA,IACL,OAAAH;AAAA,IACA,UAAUkB;AAAA,IACV,OAAAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useTextareaAutosize.mjs","sources":["../../../../src/hooks/useTextareaAutosize/useTextareaAutosize.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use textarea autosize options */\nexport interface UseTextareaAutosizeOptions {\n  /** The initial value for the textarea */\n  initialValue?: string;\n  /** Callback function called when the textarea size changes */\n  onResize?: () => void;\n}\n\n/** The use textarea autosize return type */\nexport interface UseTextareaAutosizeReturn {\n  /** The current value of the textarea */\n  value: string;\n  /** Function to clear the textarea value */\n  clear: () => void;\n  /** Function to set the textarea value */\n  set: (value: string) => void;\n}\n\nexport interface UseTextareaAutosize {\n  (target: HookTarget, options?: UseTextareaAutosizeOptions): UseTextareaAutosizeReturn;\n\n  (target: HookTarget, initialValue: string): UseTextareaAutosizeReturn;\n\n  <Target extends HTMLTextAreaElement = HTMLTextAreaElement>(\n    initialValue: string,\n    target?: never\n  ): UseTextareaAutosizeReturn & {\n    ref: StateRef<Target>;\n  };\n\n  <Target extends HTMLTextAreaElement = HTMLTextAreaElement>(\n    options?: UseTextareaAutosizeOptions,\n    target?: never\n  ): UseTextareaAutosizeReturn & {\n    ref: StateRef<Target>;\n  };\n}\n\n/**\n * @name useTextareaAutosize\n * @description - Hook that automatically adjusts textarea height based on content\n * @category Elements\n * @usage medium\n *\n * @overload\n * @param {HookTarget} target The target textarea element\n * @param {string} [options.initialValue] The initial value for the textarea\n * @param {Function} [options.onResize] Callback function called when the textarea size changes\n * @returns {UseTextareaAutosizeReturn} An object containing value, setValue and clear\n *\n * @example\n * const { value, setValue, clear } = useTextareaAutosize(ref);\n *\n * @overload\n * @param {HookTarget} target The target textarea element\n * @param {string} initialValue The initial value for the textarea\n * @returns {UseTextareaAutosizeReturn} An object containing value, setValue and clear\n *\n * @example\n * const { value, setValue, clear } = useTextareaAutosize(ref, 'initial');\n *\n * @overload\n * @template Target The textarea element type\n * @param {string} initialValue The initial value for the textarea\n * @returns {UseTextareaAutosizeReturn & { ref: StateRef<Target> }} An object containing ref, value, setValue and clear\n *\n * @example\n * const { ref, value, setValue, clear } = useTextareaAutosize('initial');\n *\n * @overload\n * @template Target The textarea element type\n * @param {string} [options.initialValue] The initial value for the textarea\n * @param {Function} [options.onResize] Callback function called when the textarea size changes\n * @returns {UseTextareaAutosizeReturn & { ref: StateRef<Target> }} An object containing ref, value, setValue and clear\n *\n * @example\n * const { ref, value, setValue, clear } = useTextareaAutosize();\n */\nexport const useTextareaAutosize = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n\n  const options = (\n    target\n      ? typeof params[1] === 'object'\n        ? params[1]\n        : { initialValue: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { initialValue: params[0] }\n  ) as UseTextareaAutosizeOptions | undefined;\n\n  const [value, setValue] = useState(options?.initialValue ?? '');\n  const internalRef = useRefState<HTMLTextAreaElement>();\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  const scrollHeightRef = useRef(0);\n\n  const onTextareaResize = () => {\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n\n    const originalMinHeight = textarea.style.minHeight;\n    const originalMaxHeight = textarea.style.maxHeight;\n\n    textarea.style.height = 'auto';\n    textarea.style.minHeight = 'auto';\n    textarea.style.maxHeight = 'none';\n\n    const scrollHeight = textarea.scrollHeight;\n\n    textarea.style.height = `${scrollHeight}px`;\n    textarea.style.minHeight = originalMinHeight;\n    textarea.style.maxHeight = originalMaxHeight;\n\n    if (scrollHeight !== scrollHeightRef.current) options?.onResize?.();\n    scrollHeightRef.current = scrollHeight;\n  };\n\n  const setTextareaValue = (newValue: string) => {\n    setValue(newValue);\n    const textarea = textareaRef.current;\n    if (!textarea) return;\n    textarea.value = newValue;\n    requestAnimationFrame(() => {\n      onTextareaResize();\n    });\n  };\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = (\n      target ? isTarget.getElement(target) : internalRef.current\n    ) as HTMLTextAreaElement;\n    if (!element) return;\n\n    textareaRef.current = element;\n    if (options?.initialValue) element.value = options.initialValue;\n\n    onTextareaResize();\n\n    const onInput = (event: InputEvent) => {\n      const newValue = (event.target as HTMLTextAreaElement).value;\n      setTextareaValue(newValue);\n\n      requestAnimationFrame(() => {\n        onTextareaResize();\n      });\n    };\n\n    const onResize = () => {\n      requestAnimationFrame(() => {\n        onTextareaResize();\n      });\n    };\n\n    element.addEventListener('input', onInput as EventListener);\n    element.addEventListener('resize', onResize as EventListener);\n\n    return () => {\n      element.removeEventListener('input', onInput as EventListener);\n      element.removeEventListener('resize', onResize as EventListener);\n    };\n  }, [target, internalRef.state, isTarget.getRefState(target)]);\n\n  const clear = () => setValue('');\n\n  if (target)\n    return {\n      value,\n      set: setTextareaValue,\n      clear\n    };\n  return {\n    ref: internalRef,\n    value,\n    set: setTextareaValue,\n    clear\n  };\n}) as UseTextareaAutosize;\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,GAAQM,EAAY,OAAOL,EAAS,YAAYD,CAAM,CAAC,CAAC;AAE5D,QAAMuB,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;"}

package/dist/esm/hooks/useWindowFocus/useWindowFocus.mjs

@@ -6,7 +6,7 @@ const c = () => {
     return window.addEventListener("focus", o), window.addEventListener("blur", n), () => {
       window.removeEventListener("focus", o), window.removeEventListener("blur", n);
     };
-  }), t;
+  }, []), t;
 };
 export {
   c as useWindowFocus

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

@@ -1 +1 @@
-{"version":3,"file":"useWindowFocus.mjs","sources":["../../../../src/hooks/useWindowFocus/useWindowFocus.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * @name useWindowFocus\n * @description - Hook that provides the current focus state of the window\n * @category Elements\n * @usage low\n *\n * @returns {boolean} The current focus state of the window\n *\n * @example\n * const focused = useWindowFocus();\n *\n * @see {@link https://siberiacancode.github.io/reactuse/functions/hooks/useWindowFocus.html}\n */\nexport const useWindowFocus = () => {\n  const [focused, setFocused] = useState(false);\n\n  useEffect(() => {\n    const onFocus = () => setFocused(true);\n    const onBlur = () => setFocused(false);\n\n    window.addEventListener('focus', onFocus);\n    window.addEventListener('blur', onBlur);\n\n    return () => {\n      window.removeEventListener('focus', onFocus);\n      window.removeEventListener('blur', onBlur);\n    };\n  });\n\n  return focused;\n};\n"],"names":["useWindowFocus","focused","setFocused","useState","useEffect","onFocus","onBlur"],"mappings":";AAeO,MAAMA,IAAiB,MAAM;AAClC,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAU,MAAMH,EAAW,EAAI,GAC/BI,IAAS,MAAMJ,EAAW,EAAK;AAErC,kBAAO,iBAAiB,SAASG,CAAO,GACxC,OAAO,iBAAiB,QAAQC,CAAM,GAE/B,MAAM;AACX,aAAO,oBAAoB,SAASD,CAAO,GAC3C,OAAO,oBAAoB,QAAQC,CAAM;AAAA,IAAA;AAAA,EAC3C,CACD,GAEML;AACT;"}
+{"version":3,"file":"useWindowFocus.mjs","sources":["../../../../src/hooks/useWindowFocus/useWindowFocus.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * @name useWindowFocus\n * @description - Hook that provides the current focus state of the window\n * @category Elements\n * @usage low\n *\n * @returns {boolean} The current focus state of the window\n *\n * @example\n * const focused = useWindowFocus();\n *\n * @see {@link https://siberiacancode.github.io/reactuse/functions/hooks/useWindowFocus.html}\n */\nexport const useWindowFocus = () => {\n  const [focused, setFocused] = useState(false);\n\n  useEffect(() => {\n    const onFocus = () => setFocused(true);\n    const onBlur = () => setFocused(false);\n\n    window.addEventListener('focus', onFocus);\n    window.addEventListener('blur', onBlur);\n\n    return () => {\n      window.removeEventListener('focus', onFocus);\n      window.removeEventListener('blur', onBlur);\n    };\n  }, []);\n\n  return focused;\n};\n"],"names":["useWindowFocus","focused","setFocused","useState","useEffect","onFocus","onBlur"],"mappings":";AAeO,MAAMA,IAAiB,MAAM;AAClC,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAU,MAAMH,EAAW,EAAI,GAC/BI,IAAS,MAAMJ,EAAW,EAAK;AAErC,kBAAO,iBAAiB,SAASG,CAAO,GACxC,OAAO,iBAAiB,QAAQC,CAAM,GAE/B,MAAM;AACX,aAAO,oBAAoB,SAASD,CAAO,GAC3C,OAAO,oBAAoB,QAAQC,CAAM;AAAA,IAAA;AAAA,EAC3C,GACC,EAAE,GAEEL;AACT;"}

package/dist/esm/index.mjs

@@ -13,7 +13,7 @@ import { useBluetooth as I } from "./hooks/useBluetooth/useBluetooth.mjs";
 import { useBroadcastChannel as O } from "./hooks/useBroadcastChannel/useBroadcastChannel.mjs";
 import { useClipboard as h } from "./hooks/useClipboard/useClipboard.mjs";
 import { useCopy as _ } from "./hooks/useCopy/useCopy.mjs";
-import { useCssVar as b } from "./hooks/useCssVar/useCssVar.mjs";
+import { useCssVar as D } from "./hooks/useCssVar/useCssVar.mjs";
 import { useDisplayMedia as M } from "./hooks/useDisplayMedia/useDisplayMedia.mjs";
 import { useDocumentTitle as B } from "./hooks/useDocumentTitle/useDocumentTitle.mjs";
 import { useEventSource as F } from "./hooks/useEventSource/useEventSource.mjs";
@@ -38,7 +38,7 @@ import { getSpeechRecognition as Ae, useSpeechRecognition as Ie } from "./hooks/
 import { useSpeechSynthesis as Oe } from "./hooks/useSpeechSynthesis/useSpeechSynthesis.mjs";
 import { useVibrate as he } from "./hooks/useVibrate/useVibrate.mjs";
 import { useVirtualKeyboard as _e } from "./hooks/useVirtualKeyboard/useVirtualKeyboard.mjs";
-import { useWakeLock as be } from "./hooks/useWakeLock/useWakeLock.mjs";
+import { useWakeLock as De } from "./hooks/useWakeLock/useWakeLock.mjs";
 import { useWebSocket as Me } from "./hooks/useWebSocket/useWebSocket.mjs";
 import { useLogger as Be } from "./hooks/useLogger/useLogger.mjs";
 import { useRenderCount as Fe } from "./hooks/useRenderCount/useRenderCount.mjs";
@@ -62,7 +62,7 @@ import { useSticky as Io } from "./hooks/useSticky/useSticky.mjs";
 import { useTextareaAutosize as Oo } from "./hooks/useTextareaAutosize/useTextareaAutosize.mjs";
 import { useTextDirection as ho } from "./hooks/useTextDirection/useTextDirection.mjs";
 import { useFul as _o } from "./hooks/useFul/useFul.mjs";
-import { useLess as bo } from "./hooks/useLess/useLess.mjs";
+import { useLess as Do } from "./hooks/useLess/useLess.mjs";
 import { useOnce as Mo } from "./hooks/useOnce/useOnce.mjs";
 import { useAsyncEffect as Bo } from "./hooks/useAsyncEffect/useAsyncEffect.mjs";
 import { useDidUpdate as Fo } from "./hooks/useDidUpdate/useDidUpdate.mjs";
@@ -83,7 +83,7 @@ import { isHotkeyMatch as Pr, useHotkeys as Ar } from "./hooks/useHotkeys/useHot
 import { useIdle as yr } from "./hooks/useIdle/useIdle.mjs";
 import { useInfiniteScroll as kr } from "./hooks/useInfiniteScroll/useInfiniteScroll.mjs";
 import { useIntersectionObserver as vr } from "./hooks/useIntersectionObserver/useIntersectionObserver.mjs";
-import { useKeyboard as Dr } from "./hooks/useKeyboard/useKeyboard.mjs";
+import { useKeyboard as br } from "./hooks/useKeyboard/useKeyboard.mjs";
 import { useKeyPress as Lr } from "./hooks/useKeyPress/useKeyPress.mjs";
 import { useKeyPressEvent as Nr } from "./hooks/useKeyPressEvent/useKeyPressEvent.mjs";
 import { useKeysPressed as Kr } from "./hooks/useKeysPressed/useKeysPressed.mjs";
@@ -108,7 +108,7 @@ import { scrollTo as dt, useWindowScroll as Ct } from "./hooks/useWindowScroll/u
 import { useWindowSize as At } from "./hooks/useWindowSize/useWindowSize.mjs";
 import { useBoolean as yt } from "./hooks/useBoolean/useBoolean.mjs";
 import { useControllableState as kt } from "./hooks/useControllableState/useControllableState.mjs";
-import { COOKIE_EVENT as vt, dispatchCookieEvent as _t, getCookie as Dt, getCookies as bt, removeCookie as Lt, removeCookieItem as Mt, setCookie as Nt, setCookieItem as Bt, useCookie as Kt } from "./hooks/useCookie/useCookie.mjs";
+import { COOKIE_EVENT as vt, dispatchCookieEvent as _t, getCookie as bt, getCookies as Dt, removeCookie as Lt, removeCookieItem as Mt, setCookie as Nt, setCookieItem as Bt, useCookie as Kt } from "./hooks/useCookie/useCookie.mjs";
 import { clearCookies as Ut, useCookies as Vt } from "./hooks/useCookies/useCookies.mjs";
 import { useCounter as wt } from "./hooks/useCounter/useCounter.mjs";
 import { useDefault as zt } from "./hooks/useDefault/useDefault.mjs";
@@ -128,7 +128,7 @@ import { useSet as ds } from "./hooks/useSet/useSet.mjs";
 import { stateHistoryReducer as Ps, useStateHistory as As } from "./hooks/useStateHistory/useStateHistory.mjs";
 import { useStep as ys } from "./hooks/useStep/useStep.mjs";
 import { STORAGE_EVENT as ks, dispatchStorageEvent as hs, useStorage as vs } from "./hooks/useStorage/useStorage.mjs";
-import { useToggle as Ds } from "./hooks/useToggle/useToggle.mjs";
+import { useToggle as bs } from "./hooks/useToggle/useToggle.mjs";
 import { URL_SEARCH_PARAMS_EVENT as Ls, createQueryString as Ms, dispatchUrlSearchParamsEvent as Ns, getUrlSearchParams as Bs, useUrlSearchParam as Ks } from "./hooks/useUrlSearchParam/useUrlSearchParam.mjs";
 import { useUrlSearchParams as Us } from "./hooks/useUrlSearchParams/useUrlSearchParams.mjs";
 import { useWizard as Hs } from "./hooks/useWizard/useWizard.mjs";
@@ -144,23 +144,24 @@ import { usePreferredContrast as pu } from "./hooks/usePreferredContrast/usePref
 import { usePreferredDark as xu } from "./hooks/usePreferredDark/usePreferredDark.mjs";
 import { usePreferredLanguages as iu } from "./hooks/usePreferredLanguages/usePreferredLanguages.mjs";
 import { usePreferredReducedMotion as cu } from "./hooks/usePreferredReducedMotion/usePreferredReducedMotion.mjs";
-import { useConst as Su } from "./hooks/useConst/useConst.mjs";
-import { useDebounceCallback as Tu } from "./hooks/useDebounceCallback/useDebounceCallback.mjs";
-import { useDebounceState as Ru } from "./hooks/useDebounceState/useDebounceState.mjs";
-import { useDebounceValue as Cu } from "./hooks/useDebounceValue/useDebounceValue.mjs";
-import { useEvent as Au } from "./hooks/useEvent/useEvent.mjs";
-import { useLastChanged as yu } from "./hooks/useLastChanged/useLastChanged.mjs";
-import { useLatest as ku } from "./hooks/useLatest/useLatest.mjs";
-import { usePrevious as vu } from "./hooks/usePrevious/usePrevious.mjs";
-import { useThrottleCallback as Du } from "./hooks/useThrottleCallback/useThrottleCallback.mjs";
-import { useThrottleState as Lu } from "./hooks/useThrottleState/useThrottleState.mjs";
-import { useThrottleValue as Nu } from "./hooks/useThrottleValue/useThrottleValue.mjs";
-import { copy as Ku, legacyCopyToClipboard as Fu } from "./utils/helpers/copy.mjs";
-import { debounce as Vu } from "./utils/helpers/debounce.mjs";
-import { getDate as wu } from "./utils/helpers/getDate.mjs";
-import { getRetry as zu } from "./utils/helpers/getRetry.mjs";
-import { getRefState as Qu, isTarget as Xu, target as qu, targetSymbol as Zu } from "./utils/helpers/isTarget.mjs";
-import { throttle as Ju } from "./utils/helpers/throttle.mjs";
+import { useBatchedCallback as Su } from "./hooks/useBatchedCallback/useBatchedCallback.mjs";
+import { useConst as Tu } from "./hooks/useConst/useConst.mjs";
+import { useDebounceCallback as Ru } from "./hooks/useDebounceCallback/useDebounceCallback.mjs";
+import { useDebounceState as Cu } from "./hooks/useDebounceState/useDebounceState.mjs";
+import { useDebounceValue as Au } from "./hooks/useDebounceValue/useDebounceValue.mjs";
+import { useEvent as yu } from "./hooks/useEvent/useEvent.mjs";
+import { useLastChanged as ku } from "./hooks/useLastChanged/useLastChanged.mjs";
+import { useLatest as vu } from "./hooks/useLatest/useLatest.mjs";
+import { usePrevious as bu } from "./hooks/usePrevious/usePrevious.mjs";
+import { useThrottleCallback as Lu } from "./hooks/useThrottleCallback/useThrottleCallback.mjs";
+import { useThrottleState as Nu } from "./hooks/useThrottleState/useThrottleState.mjs";
+import { useThrottleValue as Ku } from "./hooks/useThrottleValue/useThrottleValue.mjs";
+import { copy as Uu, legacyCopyToClipboard as Vu } from "./utils/helpers/copy.mjs";
+import { debounce as wu } from "./utils/helpers/debounce.mjs";
+import { getDate as zu } from "./utils/helpers/getDate.mjs";
+import { getRetry as Qu } from "./utils/helpers/getRetry.mjs";
+import { getRefState as qu, isTarget as Zu, target as ju, targetSymbol as Ju } from "./utils/helpers/isTarget.mjs";
+import { throttle as $u } from "./utils/helpers/throttle.mjs";
 export {
   Jo as BREAKPOINTS_ANT_DESIGN,
   Yo as BREAKPOINTS_BOOTSTRAP_V5,
@@ -181,33 +182,33 @@ export {
   Ls as URL_SEARCH_PARAMS_EVENT,
   us as assignRef,
   Ut as clearCookies,
-  Ku as copy,
+  Uu as copy,
   r as createContext,
   s as createEventEmitter,
   Ms as createQueryString,
   m as createReactiveContext,
   Ss as createRefState,
   f as createStore,
-  Vu as debounce,
+  wu as debounce,
   Qo as deepEqual,
   _t as dispatchCookieEvent,
   hs as dispatchStorageEvent,
   Ns as dispatchUrlSearchParamsEvent,
   se as getConnection,
-  Dt as getCookie,
-  bt as getCookies,
-  wu as getDate,
+  bt as getCookie,
+  Dt as getCookies,
+  zu as getDate,
   jt as getHash,
   ru as getOperatingSystem,
   it as getRangesSelection,
-  Qu as getRefState,
-  zu as getRetry,
+  qu as getRefState,
+  Qu as getRetry,
   Ae as getSpeechRecognition,
   Js as getTimeFromSeconds,
   Bs as getUrlSearchParams,
   Pr as isHotkeyMatch,
-  Xu as isTarget,
-  Fu as legacyCopyToClipboard,
+  Zu as isTarget,
+  Vu as legacyCopyToClipboard,
   q as mapGamepadToXbox360Controller,
   ms as mergeRefs,
   Lt as removeCookie,
@@ -216,15 +217,16 @@ export {
   Nt as setCookie,
   Bt as setCookieItem,
   Ps as stateHistoryReducer,
-  qu as target,
-  Zu as targetSymbol,
-  Ju as throttle,
+  ju as target,
+  Ju as targetSymbol,
+  $u as throttle,
   $ as timeRangeToArray,
   ze as useActiveElement,
   a as useAsync,
   Bo as useAsyncEffect,
   d as useAudio,
   Qe as useAutoScroll,
+  Su as useBatchedCallback,
   P as useBattery,
   I as useBluetooth,
   yt as useBoolean,
@@ -233,16 +235,16 @@ export {
   eu as useBrowserLanguage,
   qe as useClickOutside,
   h as useClipboard,
-  Su as useConst,
+  Tu as useConst,
   kt as useControllableState,
   Kt as useCookie,
   Vt as useCookies,
   _ as useCopy,
   wt as useCounter,
-  b as useCssVar,
-  Tu as useDebounceCallback,
-  Ru as useDebounceState,
-  Cu as useDebounceValue,
+  D as useCssVar,
+  Ru as useDebounceCallback,
+  Cu as useDebounceState,
+  Au as useDebounceValue,
   zt as useDefault,
   fr as useDeviceMotion,
   ar as useDeviceOrientation,
@@ -256,7 +258,7 @@ export {
   Je as useDoubleClick,
   $e as useDropZone,
   gr as useElementSize,
-  Au as useEvent,
+  yu as useEvent,
   dr as useEventListener,
   F as useEventSource,
   V as useEyeDropper,
@@ -282,11 +284,11 @@ export {
   wo as useIsomorphicLayoutEffect,
   Lr as useKeyPress,
   Nr as useKeyPressEvent,
-  Dr as useKeyboard,
+  br as useKeyboard,
   Kr as useKeysPressed,
-  yu as useLastChanged,
-  ku as useLatest,
-  bo as useLess,
+  ku as useLastChanged,
+  vu as useLatest,
+  Do as useLess,
   $t as useList,
   os as useLocalStorage,
   n as useLockCallback,
@@ -324,7 +326,7 @@ export {
   xu as usePreferredDark,
   iu as usePreferredLanguages,
   cu as usePreferredReducedMotion,
-  vu as usePrevious,
+  bu as usePrevious,
   g as useQuery,
   is as useQueue,
   Re as useRaf,
@@ -353,20 +355,20 @@ export {
   ho as useTextDirection,
   nt as useTextSelection,
   Oo as useTextareaAutosize,
-  Du as useThrottleCallback,
-  Lu as useThrottleState,
-  Nu as useThrottleValue,
+  Lu as useThrottleCallback,
+  Nu as useThrottleState,
+  Ku as useThrottleValue,
   Xs as useTime,
   Zs as useTimeout,
   Ys as useTimer,
-  Ds as useToggle,
+  bs as useToggle,
   Zo as useUnmount,
   Ks as useUrlSearchParam,
   Us as useUrlSearchParams,
   he as useVibrate,
   _e as useVirtualKeyboard,
   lt as useVisibility,
-  be as useWakeLock,
+  De as useWakeLock,
   Me as useWebSocket,
   Et as useWindowEvent,
   gt as useWindowFocus,

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types/helpers/createStore/createStore.d.ts

@@ -2,10 +2,11 @@ type StoreSetAction<Value> = ((prev: Value) => Partial<Value>) | Partial<Value>;
 type StoreListener<Value> = (state: Value, prevState: Value) => void;
 type StoreCreator<Value> = (set: (action: StoreSetAction<Value>) => void, get: () => Value) => Value;
 export interface StoreApi<Value> {
-    getInitialState: () => Value;
-    getState: () => Value;
-    setState: (action: StoreSetAction<Value>) => void;
+    get: () => Value;
+    getInitial: () => Value;
+    set: (action: StoreSetAction<Value>) => void;
     subscribe: (listener: StoreListener<Value>) => () => void;
+    use: (() => Value) & (<Selected>(selector: (state: Value) => Selected) => Selected) & (<Selected>(selector?: (state: Value) => Selected) => Selected | Value);
 }
 /**
  * @name createStore
@@ -23,13 +24,5 @@ export interface StoreApi<Value> {
  *   increment: () => set(state => ({ count: state.count + 1 }))
  * }));
  */
-export declare const createStore: <Value>(createState: StoreCreator<Value> | Value) => {
-    set: (action: StoreSetAction<Value>) => void;
-    get: () => Value;
-    use: {
-        (): Value;
-        <Selected>(selector: (state: Value) => Selected): Selected;
-    };
-    subscribe: (listener: StoreListener<Value>) => () => boolean;
-};
+export declare const createStore: <Value>(createState: StoreCreator<Value> | Value) => StoreApi<Value>;
 export {};

package/dist/types/hooks/useBatchedCallback/useBatchedCallback.d.ts

@@ -0,0 +1,19 @@
+export type BatchedCallback<Params extends unknown[]> = ((...args: Params) => void) & {
+    flush: () => void;
+    cancel: () => void;
+};
+/**
+ * @name useBatchedCallback
+ * @description - Hook that batches calls and forwards them to a callback
+ * @category Utilities
+ * @usage medium
+ *
+ * @template Params The type of the params
+ * @param {(batch: Params[]) => void} callback The callback that receives a batch of calls
+ * @param {number} batchSize The maximum size of a batch before it is flushed
+ * @returns {BatchedCallback<Params>} The batched callback with flush and cancel helpers
+ *
+ * @example
+ * const batched = useBatchedCallback((batch) => console.log(batch), 5);
+ */
+export declare const useBatchedCallback: <Params extends unknown[]>(callback: (batch: Params[]) => void, size: number) => BatchedCallback<Params>;

package/dist/types/hooks/useEventSource/useEventSource.d.ts

@@ -22,7 +22,7 @@ interface UseEventSourceReturn<Data = any> {
     instance?: EventSource;
     isConnecting: boolean;
     isError: boolean;
-    isOpen: boolean;
+    opened: boolean;
     /** Closes the EventSource connection gracefully */
     close: () => void;
     /** Reopen the EventSource connection */
@@ -42,7 +42,7 @@ interface UseEventSourceReturn<Data = any> {
  * @returns {UseEventSourceReturn<Data>} The EventSource state and controls
  *
  * @example
- * const { instance, data, isConnecting, isOpen, isError, close, open } = useEventSource('url', ['message']);
+ * const { instance, data, connecting, opened, isError, close, open } = useEventSource('url', ['message']);
  */
 export declare const useEventSource: <QueryData = any, Data = QueryData>(url: string | URL, events?: string[], options?: UseEventSourceOptions<QueryData, Data>) => UseEventSourceReturn<Data>;
 export {};

package/dist/types/hooks/useField/useField.d.ts

@@ -1,3 +1,4 @@
+import { RefObject } from 'react';
 /** The use field params type */
 export interface UseFieldParams<Value> {
     /** The auto focus */
@@ -51,6 +52,8 @@ export interface UseFieldReturn<Value> {
     dirty: boolean;
     /** The error state */
     error?: string;
+    /** The input ref */
+    ref: RefObject<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | null>;
     /** The set error function */
     touched: boolean;
     /** The set error function */

package/dist/types/hooks/useOtpCredential/useOtpCredential.d.ts

@@ -11,12 +11,11 @@ declare global {
 }
 export type UseOtpCredentialCallback = (otp: Credential | null) => void;
 export interface UseOtpCredentialParams {
-    onError: (error: any) => void;
-    onSuccess: (credential: Credential | null) => void;
+    onError?: (error: any) => void;
+    onSuccess?: (credential: Credential | null) => void;
 }
 export interface UseOtpCredentialReturn {
     abort: AbortController['abort'];
-    aborted: boolean;
     supported: boolean;
     get: () => Promise<Credential | null>;
 }

package/dist/types/hooks/useSpeechRecognition/useSpeechRecognition.d.ts

@@ -28,7 +28,7 @@ interface UseSpeechRecognitionReturn {
     /** Whether the hook is currently listening for speech */
     listening: boolean;
     /** The speech recognition instance */
-    recognition: SpeechRecognition;
+    recognition?: SpeechRecognition;
     /** Whether the current browser supports the Web Speech API */
     supported: boolean;
     /** The current transcript */

package/dist/types/hooks/useSpeechSynthesis/useSpeechSynthesis.d.ts

@@ -26,7 +26,7 @@ export interface UseSpeechSynthesisReturn {
     /** Indicates if the SpeechSynthesis API is supported in the current environment. */
     supported: boolean;
     /** The SpeechSynthesisUtterance instance. */
-    utterance: SpeechSynthesisUtterance | null;
+    utterance: SpeechSynthesisUtterance | undefined;
     /** Function to pause speech synthesis. */
     pause: () => void;
     /** Function to resume speech synthesis. */

package/dist/types/hooks/useTextareaAutosize/useTextareaAutosize.d.ts

@@ -14,10 +14,11 @@ export interface UseTextareaAutosizeReturn {
     /** Function to clear the textarea value */
     clear: () => void;
     /** Function to set the textarea value */
-    setValue: (value: string) => void;
+    set: (value: string) => void;
 }
 export interface UseTextareaAutosize {
     (target: HookTarget, options?: UseTextareaAutosizeOptions): UseTextareaAutosizeReturn;
+    (target: HookTarget, initialValue: string): UseTextareaAutosizeReturn;
     <Target extends HTMLTextAreaElement = HTMLTextAreaElement>(initialValue: string, target?: never): UseTextareaAutosizeReturn & {
         ref: StateRef<Target>;
     };
@@ -41,6 +42,14 @@ export interface UseTextareaAutosize {
  * const { value, setValue, clear } = useTextareaAutosize(ref);
  *
  * @overload
+ * @param {HookTarget} target The target textarea element
+ * @param {string} initialValue The initial value for the textarea
+ * @returns {UseTextareaAutosizeReturn} An object containing value, setValue and clear
+ *
+ * @example
+ * const { value, setValue, clear } = useTextareaAutosize(ref, 'initial');
+ *
+ * @overload
  * @template Target The textarea element type
  * @param {string} initialValue The initial value for the textarea
  * @returns {UseTextareaAutosizeReturn & { ref: StateRef<Target> }} An object containing ref, value, setValue and clear

package/dist/types/hooks/utilities.d.ts

@@ -1,3 +1,4 @@
+export * from './useBatchedCallback/useBatchedCallback';
 export * from './useConst/useConst';
 export * from './useDebounceCallback/useDebounceCallback';
 export * from './useDebounceState/useDebounceState';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siberiacancode/reactuse",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "description": "The ultimate collection of react hooks",
   "author": {
     "name": "SIBERIA CAN CODE 🧊",