@siberiacancode/reactuse 0.3.7 → 0.3.9

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  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;"}
+{"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 && isTarget.getRawElement(target), internalRef.state]);\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,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;"}

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

@@ -0,0 +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);
+};
+export {
+  R as useThrottleEffect
+};
+//# sourceMappingURL=useThrottleEffect.mjs.map

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

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

package/dist/esm/hooks/useVisibility/useVisibility.mjs

@@ -1,41 +1,40 @@
-import { useState as d, useRef as R, useEffect as C } from "react";
-import { useRefState as E } from "../useRefState/useRefState.mjs";
-import { isTarget as s } from "../../utils/helpers/isTarget.mjs";
-const S = ((...e) => {
-  const n = s(e[0]) ? e[0] : void 0, t = n ? typeof e[1] == "object" ? e[1] : { onChange: e[1] } : typeof e[0] == "object" ? e[0] : { onChange: e[0] }, i = t?.onChange, f = t?.enabled ?? !0, [u, v] = d(), [o, y] = d(), r = E(), l = R(i);
-  return l.current = i, C(() => {
-    if (!f || !n && !r.state) return;
-    const b = n ? s.getElement(n) : r.current;
-    if (!b) return;
+import { useState as d, useRef as R, useEffect as m } from "react";
+import { useRefState as C } from "../useRefState/useRefState.mjs";
+import { isTarget as r } from "../../utils/helpers/isTarget.mjs";
+const I = ((...e) => {
+  const n = r(e[0]) ? e[0] : void 0, t = n ? typeof e[1] == "object" ? e[1] : { onChange: e[1] } : typeof e[0] == "object" ? e[0] : { onChange: e[0] }, f = t?.onChange, l = t?.enabled ?? !0, [u, v] = d(), [s, y] = d(), b = s?.isIntersecting ?? !1, o = C(), g = R(f);
+  return g.current = f, m(() => {
+    if (!l || !n && !o.state) return;
+    const a = n ? r.getElement(n) : o.current;
+    if (!a) return;
     const c = new IntersectionObserver(
-      (a, h) => {
-        const g = a.pop();
-        y(g), l.current?.(g, h);
+      (E, h) => {
+        const i = E[0];
+        i && (y(i), g.current?.(i, h));
       },
       {
         ...t,
-        root: t?.root ? s.getElement(t.root) : document
+        root: t?.root ? r.getElement(t.root) : document
       }
     );
-    return v(c), c.observe(b), () => {
+    return v(c), c.observe(a), () => {
       c.disconnect();
     };
   }, [
-    n,
-    r.state,
-    s.getRefState(n),
+    n && r.getRawElement(n),
+    o.state,
     t?.rootMargin,
     t?.threshold,
     t?.root,
-    f
-  ]), n ? { observer: u, entry: o, inView: !!o?.isIntersecting } : {
+    l
+  ]), n ? { observer: u, entry: s, inView: b } : {
     observer: u,
-    ref: r,
-    entry: o,
-    inView: !!o?.isIntersecting
+    ref: o,
+    entry: s,
+    inView: b
   };
 });
 export {
-  S as useVisibility
+  I as useVisibility
 };
 //# sourceMappingURL=useVisibility.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useVisibility.mjs","sources":["../../../../src/hooks/useVisibility/useVisibility.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 visibility callback type */\nexport type UseVisibilityCallback = (\n  entry: IntersectionObserverEntry,\n  observer: IntersectionObserver\n) => void;\n\n/** The visibility options type */\nexport interface UseVisibilityOptions extends Omit<IntersectionObserverInit, 'root'> {\n  /** The enabled state of the intersection */\n  enabled?: boolean;\n  /** The callback to execute when intersection is detected */\n  onChange?: UseVisibilityCallback;\n  /** The root element to observe */\n  root?: HookTarget;\n}\n\n/** The intersection observer return type */\nexport interface UseVisibilityReturn {\n  /** The intersection observer entry */\n  entry?: IntersectionObserverEntry;\n  /** The intersection observer in view */\n  inView?: boolean;\n\n  /** The intersection observer instance */\n  observer?: IntersectionObserver;\n}\n\nexport interface UseVisibility {\n  <Target extends Element>(\n    options?: UseVisibilityOptions,\n    target?: never\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, options?: UseVisibilityOptions): UseVisibilityReturn;\n\n  <Target extends Element>(\n    callback: UseVisibilityCallback,\n    target?: never\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, callback: UseVisibilityCallback): UseVisibilityReturn;\n}\n\n/**\n * @name useVisibility\n * @description - Hook that gives you visibility observer state\n * @category Sensors\n * @usage medium\n *\n * @browserapi IntersectionObserver https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver\n *\n * @overload\n * @param {HookTarget} target The target element to detect intersection\n * @param {boolean} [options.enabled=true] The Intersection options\n * @param {((entries: IntersectionEntry[], observer: Intersection) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {HookTarget} [options.root=document] The root element to observe\n * @returns {UseVisibilityReturn} An object containing the state\n *\n * @example\n * const { ref, entries, observer } = useVisibility();\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The Intersection options\n * @param {((entries: IntersectionEntry[], observer: Intersection) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {HookTarget} [options.root=document] The root element to observe\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { entries, observer } = useVisibility(ref);\n *\n * @overload\n * @template Target The target element\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { ref, entries, observer } = useVisibility(() => console.log('callback'));\n *\n * @overload\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\n * @param {HookTarget} target The target element to detect intersection\n * @returns {UseVisibilityReturn} An object containing the state\n *\n * @example\n * const { entries, observer } = useVisibility(ref, () => console.log('callback'));\n */\nexport const useVisibility = ((...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        : { onChange: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onChange: params[0] }\n  ) as UseVisibilityOptions | undefined;\n\n  const callback = options?.onChange;\n  const enabled = options?.enabled ?? true;\n\n  const [observer, setObserver] = useState<IntersectionObserver>();\n  const [entry, setEntry] = useState<IntersectionObserverEntry>();\n\n  const internalRef = useRefState<Element>();\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  useEffect(() => {\n    if (!enabled || (!target && !internalRef.state)) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const observer = new IntersectionObserver(\n      (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n        const entry = entries.pop()!;\n        setEntry(entry);\n        internalCallbackRef.current?.(entry, observer);\n      },\n      {\n        ...options,\n        root: options?.root ? (isTarget.getElement(options.root) as Document | Element) : document\n      }\n    );\n\n    setObserver(observer);\n    observer.observe(element as Element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    target,\n    internalRef.state,\n    isTarget.getRefState(target),\n    options?.rootMargin,\n    options?.threshold,\n    options?.root,\n    enabled\n  ]);\n\n  if (target) return { observer, entry, inView: !!entry?.isIntersecting };\n  return {\n    observer,\n    ref: internalRef,\n    entry,\n    inView: !!entry?.isIntersecting\n  };\n}) as UseVisibility;\n"],"names":["useVisibility","params","target","isTarget","options","callback","enabled","observer","setObserver","useState","entry","setEntry","internalRef","useRefState","internalCallbackRef","useRef","useEffect","element","entries"],"mappings":";;;AAiGO,MAAMA,KAAiB,IAAIC,MAAkB;AAClD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE5CG,IACJF,IACI,OAAOD,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,UAAUA,EAAO,CAAC,EAAA,IACtB,OAAOA,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,UAAUA,EAAO,CAAC,EAAA,GAGtBI,IAAWD,GAAS,UACpBE,IAAUF,GAAS,WAAW,IAE9B,CAACG,GAAUC,CAAW,IAAIC,EAAA,GAC1B,CAACC,GAAOC,CAAQ,IAAIF,EAAA,GAEpBG,IAAcC,EAAA,GACdC,IAAsBC,EAAOV,CAAQ;AAqC3C,SApCAS,EAAoB,UAAUT,GAE9BW,EAAU,MAAM;AACd,QAAI,CAACV,KAAY,CAACJ,KAAU,CAACU,EAAY,MAAQ;AAEjD,UAAMK,IAAUf,IAASC,EAAS,WAAWD,CAAM,IAAIU,EAAY;AACnE,QAAI,CAACK,EAAS;AAEd,UAAMV,IAAW,IAAI;AAAA,MACnB,CAACW,GAAsCX,MAAmC;AACxE,cAAMG,IAAQQ,EAAQ,IAAA;AACtB,QAAAP,EAASD,CAAK,GACdI,EAAoB,UAAUJ,GAAOH,CAAQ;AAAA,MAAA;AAAA,MAE/C;AAAA,QACE,GAAGH;AAAA,QACH,MAAMA,GAAS,OAAQD,EAAS,WAAWC,EAAQ,IAAI,IAA2B;AAAA,MAAA;AAAA,IACpF;AAGF,WAAAI,EAAYD,CAAQ,GACpBA,EAAS,QAAQU,CAAkB,GAE5B,MAAM;AACXV,MAAAA,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC;AAAA,IACDL;AAAA,IACAU,EAAY;AAAA,IACZT,EAAS,YAAYD,CAAM;AAAA,IAC3BE,GAAS;AAAA,IACTA,GAAS;AAAA,IACTA,GAAS;AAAA,IACTE;AAAA,EAAA,CACD,GAEGJ,IAAe,EAAE,UAAAK,GAAU,OAAAG,GAAO,QAAQ,CAAC,CAACA,GAAO,eAAA,IAChD;AAAA,IACL,UAAAH;AAAA,IACA,KAAKK;AAAA,IACL,OAAAF;AAAA,IACA,QAAQ,CAAC,CAACA,GAAO;AAAA,EAAA;AAErB;"}
+{"version":3,"file":"useVisibility.mjs","sources":["../../../../src/hooks/useVisibility/useVisibility.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 visibility callback type */\nexport type UseVisibilityCallback = (\n  entry: IntersectionObserverEntry,\n  observer: IntersectionObserver\n) => void;\n\n/** The visibility options type */\nexport interface UseVisibilityOptions extends Omit<IntersectionObserverInit, 'root'> {\n  /** The enabled state of the intersection */\n  enabled?: boolean;\n  /** The callback to execute when intersection is detected */\n  onChange?: UseVisibilityCallback;\n  /** The root element to observe */\n  root?: HookTarget;\n}\n\n/** The intersection observer return type */\nexport interface UseVisibilityReturn {\n  /** The intersection observer entry */\n  entry?: IntersectionObserverEntry;\n  /** The intersection observer in view */\n  inView: boolean;\n  /** The intersection observer instance */\n  observer?: IntersectionObserver;\n}\n\nexport interface UseVisibility {\n  <Target extends Element>(\n    options?: UseVisibilityOptions,\n    target?: never\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, options?: UseVisibilityOptions): UseVisibilityReturn;\n\n  <Target extends Element>(\n    callback: UseVisibilityCallback,\n    target?: never\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\n\n  (target: HookTarget, callback: UseVisibilityCallback): UseVisibilityReturn;\n}\n\n/**\n * @name useVisibility\n * @description - Hook that gives you visibility observer state\n * @category Sensors\n * @usage medium\n *\n * @browserapi IntersectionObserver https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver\n *\n * @overload\n * @param {HookTarget} target The target element to detect intersection\n * @param {boolean} [options.enabled=true] The Intersection options\n * @param {((entries: IntersectionEntry[], observer: Intersection) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {HookTarget} [options.root=document] The root element to observe\n * @returns {UseVisibilityReturn} An object containing the state\n *\n * @example\n * const { ref, entries, observer } = useVisibility();\n *\n * @overload\n * @template Target The target element\n * @param {boolean} [options.enabled=true] The Intersection options\n * @param {((entries: IntersectionEntry[], observer: Intersection) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\n * @param {HookTarget} [options.root=document] The root element to observe\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { entries, observer } = useVisibility(ref);\n *\n * @overload\n * @template Target The target element\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\n *\n * @example\n * const { ref, entries, observer } = useVisibility(() => console.log('callback'));\n *\n * @overload\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\n * @param {HookTarget} target The target element to detect intersection\n * @returns {UseVisibilityReturn} An object containing the state\n *\n * @example\n * const { entries, observer } = useVisibility(ref, () => console.log('callback'));\n */\nexport const useVisibility = ((...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        : { onChange: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { onChange: params[0] }\n  ) as UseVisibilityOptions | undefined;\n\n  const callback = options?.onChange;\n  const enabled = options?.enabled ?? true;\n\n  const [observer, setObserver] = useState<IntersectionObserver>();\n  const [entry, setEntry] = useState<IntersectionObserverEntry>();\n  const inView = entry?.isIntersecting ?? false;\n\n  const internalRef = useRefState<Element>();\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n\n  useEffect(() => {\n    if (!enabled || (!target && !internalRef.state)) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const observer = new IntersectionObserver(\n      (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n        const firstEntry = entries[0];\n        if (firstEntry) {\n          setEntry(firstEntry);\n          internalCallbackRef.current?.(firstEntry, observer);\n        }\n      },\n      {\n        ...options,\n        root: options?.root ? (isTarget.getElement(options.root) as Document | Element) : document\n      }\n    );\n\n    setObserver(observer);\n    observer.observe(element as Element);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    target && isTarget.getRawElement(target),\n    internalRef.state,\n    options?.rootMargin,\n    options?.threshold,\n    options?.root,\n    enabled\n  ]);\n\n  if (target) return { observer, entry, inView };\n  return {\n    observer,\n    ref: internalRef,\n    entry,\n    inView\n  };\n}) as UseVisibility;\n"],"names":["useVisibility","params","target","isTarget","options","callback","enabled","observer","setObserver","useState","entry","setEntry","inView","internalRef","useRefState","internalCallbackRef","useRef","useEffect","element","entries","firstEntry"],"mappings":";;;AAgGO,MAAMA,KAAiB,IAAIC,MAAkB;AAClD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAE5CG,IACJF,IACI,OAAOD,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,UAAUA,EAAO,CAAC,EAAA,IACtB,OAAOA,EAAO,CAAC,KAAM,WACnBA,EAAO,CAAC,IACR,EAAE,UAAUA,EAAO,CAAC,EAAA,GAGtBI,IAAWD,GAAS,UACpBE,IAAUF,GAAS,WAAW,IAE9B,CAACG,GAAUC,CAAW,IAAIC,EAAA,GAC1B,CAACC,GAAOC,CAAQ,IAAIF,EAAA,GACpBG,IAASF,GAAO,kBAAkB,IAElCG,IAAcC,EAAA,GACdC,IAAsBC,EAAOX,CAAQ;AAsC3C,SArCAU,EAAoB,UAAUV,GAE9BY,EAAU,MAAM;AACd,QAAI,CAACX,KAAY,CAACJ,KAAU,CAACW,EAAY,MAAQ;AAEjD,UAAMK,IAAUhB,IAASC,EAAS,WAAWD,CAAM,IAAIW,EAAY;AACnE,QAAI,CAACK,EAAS;AAEd,UAAMX,IAAW,IAAI;AAAA,MACnB,CAACY,GAAsCZ,MAAmC;AACxE,cAAMa,IAAaD,EAAQ,CAAC;AAC5B,QAAIC,MACFT,EAASS,CAAU,GACnBL,EAAoB,UAAUK,GAAYb,CAAQ;AAAA,MACpD;AAAA,MAEF;AAAA,QACE,GAAGH;AAAA,QACH,MAAMA,GAAS,OAAQD,EAAS,WAAWC,EAAQ,IAAI,IAA2B;AAAA,MAAA;AAAA,IACpF;AAGF,WAAAI,EAAYD,CAAQ,GACpBA,EAAS,QAAQW,CAAkB,GAE5B,MAAM;AACXX,MAAAA,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC;AAAA,IACDL,KAAUC,EAAS,cAAcD,CAAM;AAAA,IACvCW,EAAY;AAAA,IACZT,GAAS;AAAA,IACTA,GAAS;AAAA,IACTA,GAAS;AAAA,IACTE;AAAA,EAAA,CACD,GAEGJ,IAAe,EAAE,UAAAK,GAAU,OAAAG,GAAO,QAAAE,EAAA,IAC/B;AAAA,IACL,UAAAL;AAAA,IACA,KAAKM;AAAA,IACL,OAAAH;AAAA,IACA,QAAAE;AAAA,EAAA;AAEJ;"}

package/dist/esm/index.mjs

@@ -11,14 +11,14 @@ import { useAudio as d } from "./hooks/useAudio/useAudio.mjs";
 import { useBattery as P } from "./hooks/useBattery/useBattery.mjs";
 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 { useClipboard as k } from "./hooks/useClipboard/useClipboard.mjs";
 import { useCopy as _ } from "./hooks/useCopy/useCopy.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";
 import { useEyeDropper as V } from "./hooks/useEyeDropper/useEyeDropper.mjs";
-import { useFavicon as w } from "./hooks/useFavicon/useFavicon.mjs";
+import { useFavicon as H } from "./hooks/useFavicon/useFavicon.mjs";
 import { useFps as z } from "./hooks/useFps/useFps.mjs";
 import { useFullscreen as Q } from "./hooks/useFullscreen/useFullscreen.mjs";
 import { mapGamepadToXbox360Controller as q, useGamepad as Z } from "./hooks/useGamepad/useGamepad.mjs";
@@ -36,14 +36,14 @@ import { useRaf as Re } from "./hooks/useRaf/useRaf.mjs";
 import { useShare as Ce } from "./hooks/useShare/useShare.mjs";
 import { getSpeechRecognition as Ae, useSpeechRecognition as Ie } from "./hooks/useSpeechRecognition/useSpeechRecognition.mjs";
 import { useSpeechSynthesis as Oe } from "./hooks/useSpeechSynthesis/useSpeechSynthesis.mjs";
-import { useVibrate as he } from "./hooks/useVibrate/useVibrate.mjs";
+import { useVibrate as ke } from "./hooks/useVibrate/useVibrate.mjs";
 import { useVirtualKeyboard as _e } from "./hooks/useVirtualKeyboard/useVirtualKeyboard.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";
 import { useRenderInfo as Ve } from "./hooks/useRenderInfo/useRenderInfo.mjs";
-import { useRerender as we } from "./hooks/useRerender/useRerender.mjs";
+import { useRerender as He } from "./hooks/useRerender/useRerender.mjs";
 import { useActiveElement as ze } from "./hooks/useActiveElement/useActiveElement.mjs";
 import { useAutoScroll as Qe } from "./hooks/useAutoScroll/useAutoScroll.mjs";
 import { useClickOutside as qe } from "./hooks/useClickOutside/useClickOutside.mjs";
@@ -60,14 +60,14 @@ import { useRightClick as go } from "./hooks/useRightClick/useRightClick.mjs";
 import { SCRIPT_STATUS_ATTRIBUTE_NAME as Co, useScript as Po } from "./hooks/useScript/useScript.mjs";
 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 { useTextDirection as ko } from "./hooks/useTextDirection/useTextDirection.mjs";
 import { useFul as _o } from "./hooks/useFul/useFul.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";
 import { useIsFirstRender as Vo } from "./hooks/useIsFirstRender/useIsFirstRender.mjs";
-import { useIsomorphicLayoutEffect as wo } from "./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { useIsomorphicLayoutEffect as Ho } from "./hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
 import { useMount as zo } from "./hooks/useMount/useMount.mjs";
 import { deepEqual as Qo, useShallowEffect as Xo } from "./hooks/useShallowEffect/useShallowEffect.mjs";
 import { useUnmount as Zo } from "./hooks/useUnmount/useUnmount.mjs";
@@ -77,29 +77,29 @@ import { useDeviceOrientation as ar } from "./hooks/useDeviceOrientation/useDevi
 import { useDevicePixelRatio as nr } from "./hooks/useDevicePixelRatio/useDevicePixelRatio.mjs";
 import { useDocumentEvent as lr } from "./hooks/useDocumentEvent/useDocumentEvent.mjs";
 import { useDocumentVisibility as Er } from "./hooks/useDocumentVisibility/useDocumentVisibility.mjs";
-import { useElementSize as gr } from "./hooks/useElementSize/useElementSize.mjs";
-import { useEventListener as dr } from "./hooks/useEventListener/useEventListener.mjs";
-import { isHotkeyMatch as Pr, useHotkeys as Ar } from "./hooks/useHotkeys/useHotkeys.mjs";
-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 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";
-import { useLockScroll as Ur } from "./hooks/useLockScroll/useLockScroll.mjs";
-import { useMeasure as Hr } from "./hooks/useMeasure/useMeasure.mjs";
-import { useMediaQuery as Wr } from "./hooks/useMediaQuery/useMediaQuery.mjs";
-import { useMouse as Gr } from "./hooks/useMouse/useMouse.mjs";
-import { useMutationObserver as Xr } from "./hooks/useMutationObserver/useMutationObserver.mjs";
-import { useOrientation as Zr } from "./hooks/useOrientation/useOrientation.mjs";
-import { usePageLeave as Jr } from "./hooks/usePageLeave/usePageLeave.mjs";
-import { useParallax as $r } from "./hooks/useParallax/useParallax.mjs";
-import { usePerformanceObserver as ot } from "./hooks/usePerformanceObserver/usePerformanceObserver.mjs";
-import { useResizeObserver as tt } from "./hooks/useResizeObserver/useResizeObserver.mjs";
-import { useScroll as ut } from "./hooks/useScroll/useScroll.mjs";
-import { useScrollIntoView as pt } from "./hooks/useScrollIntoView/useScrollIntoView.mjs";
-import { useScrollTo as xt } from "./hooks/useScrollTo/useScrollTo.mjs";
+import { useEventListener as gr } from "./hooks/useEventListener/useEventListener.mjs";
+import { isHotkeyMatch as dr, useHotkeys as Cr } from "./hooks/useHotkeys/useHotkeys.mjs";
+import { useIdle as Ar } from "./hooks/useIdle/useIdle.mjs";
+import { useInfiniteScroll as yr } from "./hooks/useInfiniteScroll/useInfiniteScroll.mjs";
+import { useIntersectionObserver as hr } from "./hooks/useIntersectionObserver/useIntersectionObserver.mjs";
+import { useKeyboard as vr } from "./hooks/useKeyboard/useKeyboard.mjs";
+import { useKeyPress as br } from "./hooks/useKeyPress/useKeyPress.mjs";
+import { useKeyPressEvent as Lr } from "./hooks/useKeyPressEvent/useKeyPressEvent.mjs";
+import { useKeysPressed as Nr } from "./hooks/useKeysPressed/useKeysPressed.mjs";
+import { useLockScroll as Kr } from "./hooks/useLockScroll/useLockScroll.mjs";
+import { useMeasure as Ur } from "./hooks/useMeasure/useMeasure.mjs";
+import { useMediaQuery as wr } from "./hooks/useMediaQuery/useMediaQuery.mjs";
+import { useMouse as Wr } from "./hooks/useMouse/useMouse.mjs";
+import { useMutationObserver as Gr } from "./hooks/useMutationObserver/useMutationObserver.mjs";
+import { useOrientation as Xr } from "./hooks/useOrientation/useOrientation.mjs";
+import { usePageLeave as Zr } from "./hooks/usePageLeave/usePageLeave.mjs";
+import { useParallax as Jr } from "./hooks/useParallax/useParallax.mjs";
+import { usePerformanceObserver as $r } from "./hooks/usePerformanceObserver/usePerformanceObserver.mjs";
+import { useResizeObserver as ot } from "./hooks/useResizeObserver/useResizeObserver.mjs";
+import { useScroll as tt } from "./hooks/useScroll/useScroll.mjs";
+import { useScrollIntoView as ut } from "./hooks/useScrollIntoView/useScrollIntoView.mjs";
+import { useScrollTo as pt } from "./hooks/useScrollTo/useScrollTo.mjs";
+import { useSize as xt } from "./hooks/useSize/useSize.mjs";
 import { getRangesSelection as it, useTextSelection as nt } from "./hooks/useTextSelection/useTextSelection.mjs";
 import { useVisibility as lt } from "./hooks/useVisibility/useVisibility.mjs";
 import { useWindowEvent as Et } from "./hooks/useWindowEvent/useWindowEvent.mjs";
@@ -107,10 +107,10 @@ import { useWindowFocus as gt } from "./hooks/useWindowFocus/useWindowFocus.mjs"
 import { scrollTo as dt, useWindowScroll as Ct } from "./hooks/useWindowScroll/useWindowScroll.mjs";
 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 { useControllableState as ht } from "./hooks/useControllableState/useControllableState.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 { useCounter as Ht } from "./hooks/useCounter/useCounter.mjs";
 import { useDefault as zt } from "./hooks/useDefault/useDefault.mjs";
 import { useDisclosure as Qt } from "./hooks/useDisclosure/useDisclosure.mjs";
 import { useField as qt } from "./hooks/useField/useField.mjs";
@@ -127,11 +127,11 @@ import { useSessionStorage as gs } from "./hooks/useSessionStorage/useSessionSto
 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 { STORAGE_EVENT as hs, dispatchStorageEvent as ks, useStorage as vs } from "./hooks/useStorage/useStorage.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";
+import { useWizard as ws } from "./hooks/useWizard/useWizard.mjs";
 import { useInterval as Ws } from "./hooks/useInterval/useInterval.mjs";
 import { useStopwatch as Gs } from "./hooks/useStopwatch/useStopwatch.mjs";
 import { useTime as Xs } from "./hooks/useTime/useTime.mjs";
@@ -147,21 +147,23 @@ import { usePreferredReducedMotion as cu } from "./hooks/usePreferredReducedMoti
 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";
+import { useDebounceEffect as Cu } from "./hooks/useDebounceEffect/useDebounceEffect.mjs";
+import { useDebounceState as Au } from "./hooks/useDebounceState/useDebounceState.mjs";
+import { useDebounceValue as yu } from "./hooks/useDebounceValue/useDebounceValue.mjs";
+import { useEvent as hu } from "./hooks/useEvent/useEvent.mjs";
+import { useLastChanged as vu } from "./hooks/useLastChanged/useLastChanged.mjs";
+import { useLatest as bu } from "./hooks/useLatest/useLatest.mjs";
+import { usePrevious as Lu } from "./hooks/usePrevious/usePrevious.mjs";
+import { useThrottleCallback as Nu } from "./hooks/useThrottleCallback/useThrottleCallback.mjs";
+import { useThrottleEffect as Ku } from "./hooks/useThrottleEffect/useThrottleEffect.mjs";
+import { useThrottleState as Uu } from "./hooks/useThrottleState/useThrottleState.mjs";
+import { useThrottleValue as wu } from "./hooks/useThrottleValue/useThrottleValue.mjs";
+import { copy as Wu, legacyCopyToClipboard as zu } from "./utils/helpers/copy.mjs";
+import { debounce as Qu } from "./utils/helpers/debounce.mjs";
+import { getDate as qu } from "./utils/helpers/getDate.mjs";
+import { getRetry as ju } from "./utils/helpers/getRetry.mjs";
+import { getRawElement as Yu, getRefState as $u, isBrowserTarget as em, isRef as om, isRefState as rm, isTarget as tm, target as sm, targetSymbol as um } from "./utils/helpers/isTarget.mjs";
+import { throttle as pm } from "./utils/helpers/throttle.mjs";
 export {
   Jo as BREAKPOINTS_ANT_DESIGN,
   Yo as BREAKPOINTS_BOOTSTRAP_V5,
@@ -178,37 +180,41 @@ export {
   lo as Paint,
   So as Pointer,
   Co as SCRIPT_STATUS_ATTRIBUTE_NAME,
-  ks as STORAGE_EVENT,
+  hs as STORAGE_EVENT,
   Ls as URL_SEARCH_PARAMS_EVENT,
   us as assignRef,
   Ut as clearCookies,
-  Uu as copy,
+  Wu as copy,
   r as createContext,
   s as createEventEmitter,
   Ms as createQueryString,
   m as createReactiveContext,
   Ss as createRefState,
   f as createStore,
-  wu as debounce,
+  Qu as debounce,
   Qo as deepEqual,
   _t as dispatchCookieEvent,
-  hs as dispatchStorageEvent,
+  ks as dispatchStorageEvent,
   Ns as dispatchUrlSearchParamsEvent,
   se as getConnection,
   bt as getCookie,
   Dt as getCookies,
-  zu as getDate,
+  qu as getDate,
   jt as getHash,
   ru as getOperatingSystem,
   it as getRangesSelection,
-  qu as getRefState,
-  Qu as getRetry,
+  Yu as getRawElement,
+  $u as getRefState,
+  ju as getRetry,
   Ae as getSpeechRecognition,
   Js as getTimeFromSeconds,
   Bs as getUrlSearchParams,
-  Pr as isHotkeyMatch,
-  Zu as isTarget,
-  Vu as legacyCopyToClipboard,
+  em as isBrowserTarget,
+  dr as isHotkeyMatch,
+  om as isRef,
+  rm as isRefState,
+  tm as isTarget,
+  zu as legacyCopyToClipboard,
   q as mapGamepadToXbox360Controller,
   ms as mergeRefs,
   Lt as removeCookie,
@@ -217,9 +223,9 @@ export {
   Nt as setCookie,
   Bt as setCookieItem,
   Ps as stateHistoryReducer,
-  ju as target,
-  Ju as targetSymbol,
-  $u as throttle,
+  sm as target,
+  um as targetSymbol,
+  pm as throttle,
   $ as timeRangeToArray,
   ze as useActiveElement,
   a as useAsync,
@@ -234,17 +240,18 @@ export {
   O as useBroadcastChannel,
   eu as useBrowserLanguage,
   qe as useClickOutside,
-  h as useClipboard,
+  k as useClipboard,
   Tu as useConst,
-  kt as useControllableState,
+  ht as useControllableState,
   Kt as useCookie,
   Vt as useCookies,
   _ as useCopy,
-  wt as useCounter,
+  Ht as useCounter,
   D as useCssVar,
   Ru as useDebounceCallback,
-  Cu as useDebounceState,
-  Au as useDebounceValue,
+  Cu as useDebounceEffect,
+  Au as useDebounceState,
+  yu as useDebounceValue,
   zt as useDefault,
   fr as useDeviceMotion,
   ar as useDeviceOrientation,
@@ -257,12 +264,11 @@ export {
   Er as useDocumentVisibility,
   Je as useDoubleClick,
   $e as useDropZone,
-  gr as useElementSize,
-  yu as useEvent,
-  dr as useEventListener,
+  hu as useEvent,
+  gr as useEventListener,
   F as useEventSource,
   V as useEyeDropper,
-  w as useFavicon,
+  H as useFavicon,
   qt as useField,
   oo as useFileDialog,
   to as useFocus,
@@ -273,50 +279,50 @@ export {
   Z as useGamepad,
   J as useGeolocation,
   Jt as useHash,
-  Ar as useHotkeys,
+  Cr as useHotkeys,
   fo as useHover,
-  yr as useIdle,
+  Ar as useIdle,
   ao as useImage,
-  kr as useInfiniteScroll,
-  vr as useIntersectionObserver,
+  yr as useInfiniteScroll,
+  hr as useIntersectionObserver,
   Ws as useInterval,
   Vo as useIsFirstRender,
-  wo as useIsomorphicLayoutEffect,
-  Lr as useKeyPress,
-  Nr as useKeyPressEvent,
-  br as useKeyboard,
-  Kr as useKeysPressed,
-  ku as useLastChanged,
-  vu as useLatest,
+  Ho as useIsomorphicLayoutEffect,
+  br as useKeyPress,
+  Lr as useKeyPressEvent,
+  vr as useKeyboard,
+  Nr as useKeysPressed,
+  vu as useLastChanged,
+  bu as useLatest,
   Do as useLess,
   $t as useList,
   os as useLocalStorage,
   n as useLockCallback,
-  Ur as useLockScroll,
+  Kr as useLockScroll,
   Be as useLogger,
   no as useLongPress,
   ts as useMap,
-  Hr as useMeasure,
+  Ur as useMeasure,
   ee as useMediaControls,
-  Wr as useMediaQuery,
+  wr as useMediaQuery,
   re as useMemory,
   ps as useMergedRef,
   zo as useMount,
-  Gr as useMouse,
+  Wr as useMouse,
   l as useMutation,
-  Xr as useMutationObserver,
+  Gr as useMutationObserver,
   ue as useNetwork,
   xs as useOffsetPagination,
   Mo as useOnce,
   pe as useOnline,
   tu as useOperatingSystem,
   E as useOptimistic,
-  Zr as useOrientation,
+  Xr as useOrientation,
   xe as useOtpCredential,
-  Jr as usePageLeave,
+  Zr as usePageLeave,
   Eo as usePaint,
-  $r as useParallax,
-  ot as usePerformanceObserver,
+  Jr as useParallax,
+  $r as usePerformanceObserver,
   ie as usePermission,
   ce as usePictureInPicture,
   Se as usePointerLock,
@@ -326,7 +332,7 @@ export {
   xu as usePreferredDark,
   iu as usePreferredLanguages,
   cu as usePreferredReducedMotion,
-  bu as usePrevious,
+  Lu as usePrevious,
   g as useQuery,
   is as useQueue,
   Re as useRaf,
@@ -334,17 +340,18 @@ export {
   Es as useRefState,
   Fe as useRenderCount,
   Ve as useRenderInfo,
-  we as useRerender,
-  tt as useResizeObserver,
+  He as useRerender,
+  ot as useResizeObserver,
   go as useRightClick,
   Po as useScript,
-  ut as useScroll,
-  pt as useScrollIntoView,
-  xt as useScrollTo,
+  tt as useScroll,
+  ut as useScrollIntoView,
+  pt as useScrollTo,
   gs as useSessionStorage,
   ds as useSet,
   Xo as useShallowEffect,
   Ce as useShare,
+  xt as useSize,
   Ie as useSpeechRecognition,
   Oe as useSpeechSynthesis,
   As as useStateHistory,
@@ -352,12 +359,13 @@ export {
   Io as useSticky,
   Gs as useStopwatch,
   vs as useStorage,
-  ho as useTextDirection,
+  ko as useTextDirection,
   nt as useTextSelection,
   Oo as useTextareaAutosize,
-  Lu as useThrottleCallback,
-  Nu as useThrottleState,
-  Ku as useThrottleValue,
+  Nu as useThrottleCallback,
+  Ku as useThrottleEffect,
+  Uu as useThrottleState,
+  wu as useThrottleValue,
   Xs as useTime,
   Zs as useTimeout,
   Ys as useTimer,
@@ -365,7 +373,7 @@ export {
   Zo as useUnmount,
   Ks as useUrlSearchParam,
   Us as useUrlSearchParams,
-  he as useVibrate,
+  ke as useVibrate,
   _e as useVirtualKeyboard,
   lt as useVisibility,
   De as useWakeLock,
@@ -374,6 +382,6 @@ export {
   gt as useWindowFocus,
   Ct as useWindowScroll,
   At as useWindowSize,
-  Hs as useWizard
+  ws as useWizard
 };
 //# sourceMappingURL=index.mjs.map

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/esm/utils/helpers/isTarget.mjs

@@ -1,14 +1,19 @@
-const u = /* @__PURE__ */ Symbol("target"), o = (e) => "current" in e ? e.current : typeof e.value == "function" ? e.value() : typeof e.value == "string" ? document.querySelector(e.value) : (e.value instanceof Document || e.value instanceof Window || e.value instanceof Element, e.value), i = (e) => ({
+const u = /* @__PURE__ */ Symbol("target"), c = (e) => ({
   value: e,
   type: u
-}), n = (e) => typeof e == "object" && ("current" in e || e && e.type === u) || typeof e == "function" && "state" in e && "current" in e, c = (e) => e && "state" in e && e.state;
-n.wrap = i;
-n.getElement = o;
-n.getRefState = c;
+}), f = (e) => typeof e == "object" && "current" in e, o = (e) => typeof e == "function" && "state" in e && "current" in e, i = (e) => typeof e == "object" && e && "type" in e && e.type === u && "value" in e, n = (e) => f(e) || o(e) || i(e), l = (e) => "current" in e ? e.current : typeof e.value == "function" ? e.value() : typeof e.value == "string" ? document.querySelector(e.value) : (e.value instanceof Document || e.value instanceof Window || e.value instanceof Element, e.value), s = (e) => e && "state" in e && e.state, t = (e) => o(e) ? e.state : i(e) ? e.value : e;
+n.wrap = c;
+n.getElement = l;
+n.getRefState = s;
+n.getRawElement = t;
 export {
-  c as getRefState,
+  t as getRawElement,
+  s as getRefState,
+  i as isBrowserTarget,
+  f as isRef,
+  o as isRefState,
   n as isTarget,
-  i as target,
+  c as target,
   u as targetSymbol
 };
 //# sourceMappingURL=isTarget.mjs.map