@siberiacancode/reactuse 0.3.1 → 0.3.2

package/dist/esm/hooks/useTextDirection/useTextDirection.mjs

@@ -1,32 +1,31 @@
-import { useRef as a, useState as v, useEffect as g } from "react";
+import { useRef as a, useState as g, useEffect as v } from "react";
 import { useRefState as A } from "../useRefState/useRefState.mjs";
-import { isTarget as R } from "../../utils/helpers/isTarget.mjs";
-import { getElement as b } from "../../utils/helpers/getElement.mjs";
-const y = (...o) => {
-  const t = R(o[0]) ? o[0] : void 0, c = (t ? o[1] : o[0]) ?? "ltr", r = A(), n = a(null), i = () => typeof window > "u" ? c : (t ? b(t) : r.current)?.getAttribute("dir") ?? c, [s, u] = v(i()), f = () => {
+import { isTarget as c } from "../../utils/helpers/isTarget.mjs";
+const S = (...i) => {
+  const e = c(i[0]) ? i[0] : void 0, s = (e ? i[1] : i[0]) ?? "ltr", r = A(), n = a(null), o = () => typeof window > "u" ? s : (e ? c.getElement(e) : r.current)?.getAttribute("dir") ?? s, [f, u] = g(o()), l = () => {
     n.current && n.current?.removeAttribute("dir");
-  }, l = (e) => {
-    n.current && (u(e), n.current.setAttribute("dir", e));
+  }, m = (t) => {
+    n.current && (u(t), n.current.setAttribute("dir", t));
   };
-  return g(() => {
-    if (!t && !r.state) return;
-    const e = (t ? b(t) : r.current) ?? document.querySelector("html");
-    if (!e) return;
-    n.current = e;
-    const m = i();
-    e.setAttribute("dir", m), u(m);
-    const d = new MutationObserver(() => u(i()));
-    return d.observe(e, { attributes: !0 }), () => {
-      d.disconnect();
+  return v(() => {
+    if (!e && !r.state) return;
+    const t = (e ? c.getElement(e) : r.current) ?? document.querySelector("html");
+    if (!t) return;
+    n.current = t;
+    const d = o();
+    t.setAttribute("dir", d), u(d);
+    const b = new MutationObserver(() => u(o()));
+    return b.observe(t, { attributes: !0 }), () => {
+      b.disconnect();
     };
-  }, [r.state, t]), t ? { value: s, set: l, remove: f } : {
+  }, [r.state, e]), e ? { value: f, set: m, remove: l } : {
     ref: r,
-    value: s,
-    set: l,
-    remove: f
+    value: f,
+    set: m,
+    remove: l
   };
 };
 export {
-  y as useTextDirection
+  S as useTextDirection
 };
 //# sourceMappingURL=useTextDirection.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useTextDirection.mjs","sources":["../../../../src/hooks/useTextDirection/useTextDirection.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { HookTarget } from '@/utils/helpers';\n\nimport { getElement, isTarget } from '@/utils/helpers';\n\nimport type { StateRef } from '../useRefState/useRefState';\n\nimport { useRefState } from '../useRefState/useRefState';\n\n/** The use text direction value type */\nexport type UseTextDirectionValue = 'auto' | 'ltr' | 'rtl';\n\n/** The use text direction return type */\nexport interface UseTextDirectionReturn {\n  /** The current direction */\n  value: UseTextDirectionValue;\n  /*** The function to remove the direction */\n  remove: () => void;\n  /*** The function to set the direction */\n  set: (value: UseTextDirectionValue | null) => void;\n}\n\nexport interface UseTextDirection {\n  (target: HookTarget, initialValue?: UseTextDirectionValue): UseTextDirectionReturn;\n\n  <Target extends Element>(\n    initialValue?: UseTextDirectionValue,\n    target?: never\n  ): UseTextDirectionReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useTextDirection\n * @description - Hook that can get and set the direction of the element\n * @category Elements\n * @usage medium\n *\n * @overload\n * @param {HookTarget} [target=document.querySelector('html')] The target element to observe\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\n * @returns {UseTextDirectionReturn} An object containing the current text direction of the element\n *\n * @example\n * const { value, set, remove } = useTextDirection(ref);\n *\n * @overload\n * @template Target The target element type\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\n * @returns { { ref: StateRef<Target> } & UseTextDirectionReturn } An object containing the current text direction of the element\n *\n * @example\n * const { ref, value, set, remove } = useTextDirection();\n */\nexport const useTextDirection = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const initialValue = ((target ? params[1] : params[0]) as UseTextDirectionValue) ?? 'ltr';\n\n  const internalRef = useRefState();\n  const elementRef = useRef<Element>(null);\n\n  const getDirection = () => {\n    if (typeof window === 'undefined') return initialValue;\n    const element = (target ? getElement(target) : internalRef.current) as Element;\n    return (element?.getAttribute('dir') as UseTextDirectionValue) ?? initialValue;\n  };\n\n  const [value, setValue] = useState<UseTextDirectionValue>(getDirection());\n\n  const remove = () => {\n    if (!elementRef.current) return;\n\n    elementRef.current?.removeAttribute('dir');\n  };\n\n  const set = (value: UseTextDirectionValue) => {\n    if (!elementRef.current) return;\n\n    setValue(value);\n    elementRef.current.setAttribute('dir', value);\n  };\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element =\n      ((target ? getElement(target) : internalRef.current) as Element) ??\n      document.querySelector('html');\n    if (!element) return;\n\n    elementRef.current = element;\n\n    const direction = getDirection();\n    element.setAttribute('dir', direction);\n    setValue(direction);\n\n    const observer = new MutationObserver(() => setValue(getDirection()));\n\n    observer.observe(element, { attributes: true });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [internalRef.state, target]);\n\n  if (target) return { value, set, remove };\n  return {\n    ref: internalRef,\n    value,\n    set,\n    remove\n  };\n}) as UseTextDirection;\n"],"names":["useTextDirection","params","target","isTarget","initialValue","internalRef","useRefState","elementRef","useRef","getDirection","getElement","value","setValue","useState","remove","set","useEffect","element","direction","observer"],"mappings":";;;;AAsDO,MAAMA,IAAoB,IAAIC,MAAkB;AACrD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,KAAiBF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,MAAgC,OAE9EI,IAAcC,EAAA,GACdC,IAAaC,EAAgB,IAAI,GAEjCC,IAAe,MACf,OAAO,SAAW,MAAoBL,KACzBF,IAASQ,EAAWR,CAAM,IAAIG,EAAY,UAC1C,aAAa,KAAK,KAA+BD,GAG9D,CAACO,GAAOC,CAAQ,IAAIC,EAAgCJ,GAAc,GAElEK,IAAS,MAAM;AACnB,IAAKP,EAAW,WAEhBA,EAAW,SAAS,gBAAgB,KAAK;AAAA,EAAA,GAGrCQ,IAAM,CAACJ,MAAiC;AAC5C,IAAKJ,EAAW,YAEhBK,EAASD,CAAK,GACdJ,EAAW,QAAQ,aAAa,OAAOI,CAAK;AAAA,EAAA;AA0B9C,SAvBAK,EAAU,MAAM;AACd,QAAI,CAACd,KAAU,CAACG,EAAY,MAAO;AAEnC,UAAMY,KACFf,IAASQ,EAAWR,CAAM,IAAIG,EAAY,YAC5C,SAAS,cAAc,MAAM;AAC/B,QAAI,CAACY,EAAS;AAEd,IAAAV,EAAW,UAAUU;AAErB,UAAMC,IAAYT,EAAA;AAClB,IAAAQ,EAAQ,aAAa,OAAOC,CAAS,GACrCN,EAASM,CAAS;AAElB,UAAMC,IAAW,IAAI,iBAAiB,MAAMP,EAASH,EAAA,CAAc,CAAC;AAEpE,WAAAU,EAAS,QAAQF,GAAS,EAAE,YAAY,IAAM,GAEvC,MAAM;AACX,MAAAE,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC,CAACd,EAAY,OAAOH,CAAM,CAAC,GAE1BA,IAAe,EAAE,OAAAS,GAAO,KAAAI,GAAK,QAAAD,EAAA,IAC1B;AAAA,IACL,KAAKT;AAAA,IACL,OAAAM;AAAA,IACA,KAAAI;AAAA,IACA,QAAAD;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useTextDirection.mjs","sources":["../../../../src/hooks/useTextDirection/useTextDirection.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 text direction value type */\nexport type UseTextDirectionValue = 'auto' | 'ltr' | 'rtl';\n\n/** The use text direction return type */\nexport interface UseTextDirectionReturn {\n  /** The current direction */\n  value: UseTextDirectionValue;\n  /*** The function to remove the direction */\n  remove: () => void;\n  /*** The function to set the direction */\n  set: (value: UseTextDirectionValue | null) => void;\n}\n\nexport interface UseTextDirection {\n  (target: HookTarget, initialValue?: UseTextDirectionValue): UseTextDirectionReturn;\n\n  <Target extends Element>(\n    initialValue?: UseTextDirectionValue,\n    target?: never\n  ): UseTextDirectionReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useTextDirection\n * @description - Hook that can get and set the direction of the element\n * @category Elements\n * @usage medium\n *\n * @overload\n * @param {HookTarget} [target=document.querySelector('html')] The target element to observe\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\n * @returns {UseTextDirectionReturn} An object containing the current text direction of the element\n *\n * @example\n * const { value, set, remove } = useTextDirection(ref);\n *\n * @overload\n * @template Target The target element type\n * @param {UseTextDirectionValue} [initialValue = 'ltr'] The initial direction of the element\n * @returns { { ref: StateRef<Target> } & UseTextDirectionReturn } An object containing the current text direction of the element\n *\n * @example\n * const { ref, value, set, remove } = useTextDirection();\n */\nexport const useTextDirection = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const initialValue = ((target ? params[1] : params[0]) as UseTextDirectionValue) ?? 'ltr';\n\n  const internalRef = useRefState();\n  const elementRef = useRef<Element>(null);\n\n  const getDirection = () => {\n    if (typeof window === 'undefined') return initialValue;\n    const element = (target ? isTarget.getElement(target) : internalRef.current) as Element;\n    return (element?.getAttribute('dir') as UseTextDirectionValue) ?? initialValue;\n  };\n\n  const [value, setValue] = useState<UseTextDirectionValue>(getDirection());\n\n  const remove = () => {\n    if (!elementRef.current) return;\n\n    elementRef.current?.removeAttribute('dir');\n  };\n\n  const set = (value: UseTextDirectionValue) => {\n    if (!elementRef.current) return;\n\n    setValue(value);\n    elementRef.current.setAttribute('dir', value);\n  };\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element =\n      ((target ? isTarget.getElement(target) : internalRef.current) as Element) ??\n      document.querySelector('html');\n    if (!element) return;\n\n    elementRef.current = element;\n\n    const direction = getDirection();\n    element.setAttribute('dir', direction);\n    setValue(direction);\n\n    const observer = new MutationObserver(() => setValue(getDirection()));\n\n    observer.observe(element, { attributes: true });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [internalRef.state, target]);\n\n  if (target) return { value, set, remove };\n  return {\n    ref: internalRef,\n    value,\n    set,\n    remove\n  };\n}) as UseTextDirection;\n"],"names":["useTextDirection","params","target","isTarget","initialValue","internalRef","useRefState","elementRef","useRef","getDirection","value","setValue","useState","remove","set","useEffect","element","direction","observer"],"mappings":";;;AAsDO,MAAMA,IAAoB,IAAIC,MAAkB;AACrD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,KAAiBF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,MAAgC,OAE9EI,IAAcC,EAAA,GACdC,IAAaC,EAAgB,IAAI,GAEjCC,IAAe,MACf,OAAO,SAAW,MAAoBL,KACzBF,IAASC,EAAS,WAAWD,CAAM,IAAIG,EAAY,UACnD,aAAa,KAAK,KAA+BD,GAG9D,CAACM,GAAOC,CAAQ,IAAIC,EAAgCH,GAAc,GAElEI,IAAS,MAAM;AACnB,IAAKN,EAAW,WAEhBA,EAAW,SAAS,gBAAgB,KAAK;AAAA,EAAA,GAGrCO,IAAM,CAACJ,MAAiC;AAC5C,IAAKH,EAAW,YAEhBI,EAASD,CAAK,GACdH,EAAW,QAAQ,aAAa,OAAOG,CAAK;AAAA,EAAA;AA0B9C,SAvBAK,EAAU,MAAM;AACd,QAAI,CAACb,KAAU,CAACG,EAAY,MAAO;AAEnC,UAAMW,KACFd,IAASC,EAAS,WAAWD,CAAM,IAAIG,EAAY,YACrD,SAAS,cAAc,MAAM;AAC/B,QAAI,CAACW,EAAS;AAEd,IAAAT,EAAW,UAAUS;AAErB,UAAMC,IAAYR,EAAA;AAClB,IAAAO,EAAQ,aAAa,OAAOC,CAAS,GACrCN,EAASM,CAAS;AAElB,UAAMC,IAAW,IAAI,iBAAiB,MAAMP,EAASF,EAAA,CAAc,CAAC;AAEpE,WAAAS,EAAS,QAAQF,GAAS,EAAE,YAAY,IAAM,GAEvC,MAAM;AACX,MAAAE,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC,CAACb,EAAY,OAAOH,CAAM,CAAC,GAE1BA,IAAe,EAAE,OAAAQ,GAAO,KAAAI,GAAK,QAAAD,EAAA,IAC1B;AAAA,IACL,KAAKR;AAAA,IACL,OAAAK;AAAA,IACA,KAAAI;AAAA,IACA,QAAAD;AAAA,EAAA;AAEJ;"}

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

@@ -1,34 +1,33 @@
-import { useState as g, useRef as m, useEffect as C } from "react";
+import { useState as d, useRef as C, useEffect as E } from "react";
 import { useRefState as R } from "../useRefState/useRefState.mjs";
-import { isTarget as p } from "../../utils/helpers/isTarget.mjs";
-import { getElement as d } from "../../utils/helpers/getElement.mjs";
-const j = (...e) => {
-  const n = p(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] }, c = t?.onChange, i = t?.enabled ?? !0, [f, v] = g(), [o, y] = g(), r = R(), u = m(c);
-  return u.current = c, C(() => {
-    if (!i || !n && !r.state) return;
-    const b = n ? d(n) : r.current;
+import { isTarget as c } from "../../utils/helpers/isTarget.mjs";
+const V = (...e) => {
+  const n = c(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 = R(), l = C(i);
+  return l.current = i, E(() => {
+    if (!f || !n && !r.state) return;
+    const b = n ? c.getElement(n) : r.current;
     if (!b) return;
     const s = new IntersectionObserver(
       (h, a) => {
-        const l = h.pop();
-        y(l), u.current?.(l, a);
+        const g = h.pop();
+        y(g), l.current?.(g, a);
       },
       {
         ...t,
-        root: t?.root ? d(t.root) : document
+        root: t?.root ? c.getElement(t.root) : document
       }
     );
     return v(s), s.observe(b), () => {
       s.disconnect();
     };
-  }, [n, r.state, t?.rootMargin, t?.threshold, t?.root, i]), n ? { observer: f, entry: o, inView: !!o?.isIntersecting } : {
-    observer: f,
+  }, [n, r.state, t?.rootMargin, t?.threshold, t?.root, f]), n ? { observer: u, entry: o, inView: !!o?.isIntersecting } : {
+    observer: u,
     ref: r,
     entry: o,
     inView: !!o?.isIntersecting
   };
 };
 export {
-  j as useVisibility
+  V 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 { getElement, 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 ? 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 ? (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  }, [target, internalRef.state, options?.rootMargin, options?.threshold, options?.root, enabled]);\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","getElement","entries"],"mappings":";;;;AAiGO,MAAMA,IAAiB,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;AA6B3C,SA5BAS,EAAoB,UAAUT,GAE9BW,EAAU,MAAM;AACd,QAAI,CAACV,KAAY,CAACJ,KAAU,CAACU,EAAY,MAAQ;AAEjD,UAAMK,IAAUf,IAASgB,EAAWhB,CAAM,IAAIU,EAAY;AAC1D,QAAI,CAACK,EAAS;AAEd,UAAMV,IAAW,IAAI;AAAA,MACnB,CAACY,GAAsCZ,MAAmC;AACxE,cAAMG,IAAQS,EAAQ,IAAA;AACtB,QAAAR,EAASD,CAAK,GACdI,EAAoB,UAAUJ,GAAOH,CAAQ;AAAA,MAAA;AAAA,MAE/C;AAAA,QACE,GAAGH;AAAA,QACH,MAAMA,GAAS,OAAQc,EAAWd,EAAQ,IAAI,IAA2B;AAAA,MAAA;AAAA,IAC3E;AAGF,WAAAI,EAAYD,CAAQ,GACpBA,EAAS,QAAQU,CAAkB,GAE5B,MAAM;AACXV,MAAAA,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC,CAACL,GAAQU,EAAY,OAAOR,GAAS,YAAYA,GAAS,WAAWA,GAAS,MAAME,CAAO,CAAC,GAE3FJ,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\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  }, [target, internalRef.state, options?.rootMargin, options?.threshold, options?.root, enabled]);\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,IAAiB,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;AA6B3C,SA5BAS,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,CAACL,GAAQU,EAAY,OAAOR,GAAS,YAAYA,GAAS,WAAWA,GAAS,MAAME,CAAO,CAAC,GAE3FJ,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;"}

package/dist/esm/hooks/useWindowEvent/useWindowEvent.mjs

@@ -1,7 +1,7 @@
-import { useEventListener as r } from "../useEventListener/useEventListener.mjs";
-import { target as n } from "../../utils/helpers/getElement.mjs";
-const s = (t, e, o) => r(n(window), t, e, o);
+import { useEventListener as t } from "../useEventListener/useEventListener.mjs";
+import { isTarget as i } from "../../utils/helpers/isTarget.mjs";
+const m = (e, o, r) => t(i.wrap(window), e, o, r);
 export {
-  s as useWindowEvent
+  m as useWindowEvent
 };
 //# sourceMappingURL=useWindowEvent.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWindowEvent.mjs","sources":["../../../../src/hooks/useWindowEvent/useWindowEvent.ts"],"sourcesContent":["import { target } from '@/utils/helpers';\n\nimport type { UseEventListenerOptions } from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/**\n * @name useWindowEvent\n * @description - Hook attaches an event listener to the window object for the specified event\n * @category Sensors\n * @usage low\n *\n * @template Event Key of window event map.\n * @param {Event} event The event to listen for.\n * @param {(event: WindowEventMap[Event]) => void} listener The callback function to be executed when the event is triggered\n * @param {UseEventListenerOptions} [options] The options for the event listener\n * @returns {void}\n *\n * @example\n * useWindowEvent('click', () => console.log('clicked'));\n */\nexport const useWindowEvent = <Event extends keyof WindowEventMap>(\n  event: Event,\n  listener: (this: Window, event: WindowEventMap[Event]) => any,\n  options?: UseEventListenerOptions\n) => useEventListener(target(window), event, listener, options);\n"],"names":["useWindowEvent","event","listener","options","useEventListener","target"],"mappings":";;AAqBO,MAAMA,IAAiB,CAC5BC,GACAC,GACAC,MACGC,EAAiBC,EAAO,MAAM,GAAGJ,GAAOC,GAAUC,CAAO;"}
+{"version":3,"file":"useWindowEvent.mjs","sources":["../../../../src/hooks/useWindowEvent/useWindowEvent.ts"],"sourcesContent":["import { isTarget } from '@/utils/helpers';\n\nimport type { UseEventListenerOptions } from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/**\n * @name useWindowEvent\n * @description - Hook attaches an event listener to the window object for the specified event\n * @category Sensors\n * @usage low\n *\n * @template Event Key of window event map.\n * @param {Event} event The event to listen for.\n * @param {(event: WindowEventMap[Event]) => void} listener The callback function to be executed when the event is triggered\n * @param {UseEventListenerOptions} [options] The options for the event listener\n * @returns {void}\n *\n * @example\n * useWindowEvent('click', () => console.log('clicked'));\n */\nexport const useWindowEvent = <Event extends keyof WindowEventMap>(\n  event: Event,\n  listener: (this: Window, event: WindowEventMap[Event]) => any,\n  options?: UseEventListenerOptions\n) => useEventListener(isTarget.wrap(window), event, listener, options);\n"],"names":["useWindowEvent","event","listener","options","useEventListener","isTarget"],"mappings":";;AAqBO,MAAMA,IAAiB,CAC5BC,GACAC,GACAC,MACGC,EAAiBC,EAAS,KAAK,MAAM,GAAGJ,GAAOC,GAAUC,CAAO;"}

package/dist/esm/hooks/useWindowSize/useWindowSize.mjs

@@ -1,28 +1,24 @@
-import { useState as o, useEffect as r } from "react";
-const c = (n) => {
-  const e = n?.includeScrollbar ?? !0, [d, t] = o(() => typeof window > "u" ? {
+import { useState as h, useEffect as l } from "react";
+const m = (n) => {
+  const e = n?.includeScrollbar ?? !0, [i, o] = h(() => typeof window > "u" ? {
     width: Number.POSITIVE_INFINITY,
     height: Number.POSITIVE_INFINITY
   } : {
     width: e ? window.innerWidth : window.document.documentElement.clientWidth,
     height: e ? window.innerHeight : window.document.documentElement.clientHeight
   });
-  return r(() => {
-    const i = () => {
-      t(e ? {
-        width: window.innerWidth,
-        height: window.innerHeight
-      } : {
-        width: window.document.documentElement.clientWidth,
-        height: window.document.documentElement.clientHeight
+  return l(() => {
+    const t = () => {
+      const { innerWidth: d, innerHeight: r, document: c } = window, { clientWidth: u, clientHeight: w } = c.documentElement;
+      o({
+        width: e ? d : u,
+        height: e ? r : w
       });
     };
-    return window.addEventListener("resize", i), () => {
-      window.removeEventListener("resize", i);
-    };
-  }, [n?.includeScrollbar]), d;
+    return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
+  }, [n?.includeScrollbar]), i;
 };
 export {
-  c as useWindowSize
+  m as useWindowSize
 };
 //# sourceMappingURL=useWindowSize.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.mjs","sources":["../../../../src/hooks/useWindowSize/useWindowSize.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use window size return type */\ninterface UseWindowSizeParams {\n  /** Whether to include the scrollbar in the window size calculation */\n  includeScrollbar?: boolean;\n}\n\n/** The use window size return type */\nexport interface UseWindowSizeReturn {\n  /** The current window height */\n  height: number;\n  /** The current window width */\n  width: number;\n}\n\n/**\n * @name useWindowSize\n * @description - Hook that manages a window size\n * @category Elements\n * @usage low\n *\n * @param {number} [params.initialWidth=Number.POSITIVE_INFINITY] The initial window width\n * @param {number} [params.initialHeight=Number.POSITIVE_INFINITY] The initial window height\n * @returns {UseWindowSizeReturn} An object containing the current window width and height\n *\n * @example\n * const { width, height } = useWindowSize();\n */\nexport const useWindowSize = (params?: UseWindowSizeParams) => {\n  const includeScrollbar = params?.includeScrollbar ?? true;\n  const [size, setSize] = useState(() => {\n    if (typeof window === 'undefined') {\n      return {\n        width: Number.POSITIVE_INFINITY,\n        height: Number.POSITIVE_INFINITY\n      };\n    }\n\n    return {\n      width: includeScrollbar ? window.innerWidth : window.document.documentElement.clientWidth,\n      height: includeScrollbar ? window.innerHeight : window.document.documentElement.clientHeight\n    };\n  });\n\n  useEffect(() => {\n    const onResize = () => {\n      if (includeScrollbar) {\n        setSize({\n          width: window.innerWidth,\n          height: window.innerHeight\n        });\n      } else {\n        setSize({\n          width: window.document.documentElement.clientWidth,\n          height: window.document.documentElement.clientHeight\n        });\n      }\n    };\n\n    window.addEventListener('resize', onResize);\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, [params?.includeScrollbar]);\n\n  return size;\n};\n"],"names":["useWindowSize","params","includeScrollbar","size","setSize","useState","useEffect","onResize"],"mappings":";AA6BO,MAAMA,IAAgB,CAACC,MAAiC;AAC7D,QAAMC,IAAmBD,GAAQ,oBAAoB,IAC/C,CAACE,GAAMC,CAAO,IAAIC,EAAS,MAC3B,OAAO,SAAW,MACb;AAAA,IACL,OAAO,OAAO;AAAA,IACd,QAAQ,OAAO;AAAA,EAAA,IAIZ;AAAA,IACL,OAAOH,IAAmB,OAAO,aAAa,OAAO,SAAS,gBAAgB;AAAA,IAC9E,QAAQA,IAAmB,OAAO,cAAc,OAAO,SAAS,gBAAgB;AAAA,EAAA,CAEnF;AAED,SAAAI,EAAU,MAAM;AACd,UAAMC,IAAW,MAAM;AACrB,MACEH,EADEF,IACM;AAAA,QACN,OAAO,OAAO;AAAA,QACd,QAAQ,OAAO;AAAA,MAAA,IAGT;AAAA,QACN,OAAO,OAAO,SAAS,gBAAgB;AAAA,QACvC,QAAQ,OAAO,SAAS,gBAAgB;AAAA,MAAA,CAJzC;AAAA,IAMH;AAGF,kBAAO,iBAAiB,UAAUK,CAAQ,GACnC,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAQ;AAAA,IAAA;AAAA,EAC/C,GACC,CAACN,GAAQ,gBAAgB,CAAC,GAEtBE;AACT;"}
+{"version":3,"file":"useWindowSize.mjs","sources":["../../../../src/hooks/useWindowSize/useWindowSize.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use window size return type */\ninterface UseWindowSizeParams {\n  /** Whether to include the scrollbar in the window size calculation */\n  includeScrollbar?: boolean;\n}\n\n/** The use window size return type */\nexport interface UseWindowSizeReturn {\n  /** The current window height */\n  height: number;\n  /** The current window width */\n  width: number;\n}\n\n/**\n * @name useWindowSize\n * @description - Hook that manages a window size\n * @category Elements\n * @usage low\n *\n * @param {number} [params.initialWidth=Number.POSITIVE_INFINITY] The initial window width\n * @param {number} [params.initialHeight=Number.POSITIVE_INFINITY] The initial window height\n * @returns {UseWindowSizeReturn} An object containing the current window width and height\n *\n * @example\n * const { width, height } = useWindowSize();\n */\nexport const useWindowSize = (params?: UseWindowSizeParams) => {\n  const includeScrollbar = params?.includeScrollbar ?? true;\n  const [size, setSize] = useState(() => {\n    if (typeof window === 'undefined') {\n      return {\n        width: Number.POSITIVE_INFINITY,\n        height: Number.POSITIVE_INFINITY\n      };\n    }\n\n    return {\n      width: includeScrollbar ? window.innerWidth : window.document.documentElement.clientWidth,\n      height: includeScrollbar ? window.innerHeight : window.document.documentElement.clientHeight\n    };\n  });\n\n  useEffect(() => {\n    const onResize = () => {\n      const { innerWidth, innerHeight, document } = window;\n      const { clientWidth, clientHeight } = document.documentElement;\n\n      setSize({\n        width: includeScrollbar ? innerWidth : clientWidth,\n        height: includeScrollbar ? innerHeight : clientHeight\n      });\n    };\n\n    window.addEventListener('resize', onResize);\n    return () => window.removeEventListener('resize', onResize);\n  }, [params?.includeScrollbar]);\n\n  return size;\n};\n"],"names":["useWindowSize","params","includeScrollbar","size","setSize","useState","useEffect","onResize","innerWidth","innerHeight","document","clientWidth","clientHeight"],"mappings":";AA6BO,MAAMA,IAAgB,CAACC,MAAiC;AAC7D,QAAMC,IAAmBD,GAAQ,oBAAoB,IAC/C,CAACE,GAAMC,CAAO,IAAIC,EAAS,MAC3B,OAAO,SAAW,MACb;AAAA,IACL,OAAO,OAAO;AAAA,IACd,QAAQ,OAAO;AAAA,EAAA,IAIZ;AAAA,IACL,OAAOH,IAAmB,OAAO,aAAa,OAAO,SAAS,gBAAgB;AAAA,IAC9E,QAAQA,IAAmB,OAAO,cAAc,OAAO,SAAS,gBAAgB;AAAA,EAAA,CAEnF;AAED,SAAAI,EAAU,MAAM;AACd,UAAMC,IAAW,MAAM;AACrB,YAAM,EAAE,YAAAC,GAAY,aAAAC,GAAa,UAAAC,EAAA,IAAa,QACxC,EAAE,aAAAC,GAAa,cAAAC,EAAA,IAAiBF,EAAS;AAE/C,MAAAN,EAAQ;AAAA,QACN,OAAOF,IAAmBM,IAAaG;AAAA,QACvC,QAAQT,IAAmBO,IAAcG;AAAA,MAAA,CAC1C;AAAA,IAAA;AAGH,kBAAO,iBAAiB,UAAUL,CAAQ,GACnC,MAAM,OAAO,oBAAoB,UAAUA,CAAQ;AAAA,EAAA,GACzD,CAACN,GAAQ,gBAAgB,CAAC,GAEtBE;AACT;"}

package/dist/esm/index.mjs

@@ -1,6 +1,6 @@
 import { createContext as r } from "./helpers/createContext/createContext.mjs";
 import { createEventEmitter as s } from "./helpers/createEventEmitter/createEventEmitter.mjs";
-import { createReactiveContext as u } from "./helpers/createReactiveContext/createReactiveContext.mjs";
+import { createReactiveContext as m } from "./helpers/createReactiveContext/createReactiveContext.mjs";
 import { createStore as f } from "./helpers/createStore/createStore.mjs";
 import { useAsync as a } from "./hooks/useAsync/useAsync.mjs";
 import { useLockCallback as n } from "./hooks/useLockCallback/useLockCallback.mjs";
@@ -25,7 +25,7 @@ import { mapGamepadToXbox360Controller as q, useGamepad as Z } from "./hooks/use
 import { useGeolocation as J } from "./hooks/useGeolocation/useGeolocation.mjs";
 import { timeRangeToArray as $, useMediaControls as ee } from "./hooks/useMediaControls/useMediaControls.mjs";
 import { useMemory as re } from "./hooks/useMemory/useMemory.mjs";
-import { getConnection as se, useNetwork as me } from "./hooks/useNetwork/useNetwork.mjs";
+import { getConnection as se, useNetwork as ue } from "./hooks/useNetwork/useNetwork.mjs";
 import { useOnline as pe } from "./hooks/useOnline/useOnline.mjs";
 import { useOtpCredential as xe } from "./hooks/useOtpCredential/useOtpCredential.mjs";
 import { usePermission as ie } from "./hooks/usePermission/usePermission.mjs";
@@ -51,7 +51,7 @@ import { DEFAULT_THRESHOLD_TIME as je, useDoubleClick as Je } from "./hooks/useD
 import { useDropZone as $e } from "./hooks/useDropZone/useDropZone.mjs";
 import { useFileDialog as oo } from "./hooks/useFileDialog/useFileDialog.mjs";
 import { useFocus as to } from "./hooks/useFocus/useFocus.mjs";
-import { FOCUS_SELECTOR as mo, useFocusTrap as uo } from "./hooks/useFocusTrap/useFocusTrap.mjs";
+import { FOCUS_SELECTOR as uo, useFocusTrap as mo } from "./hooks/useFocusTrap/useFocusTrap.mjs";
 import { useHover as fo } from "./hooks/useHover/useHover.mjs";
 import { useImage as ao } from "./hooks/useImage/useImage.mjs";
 import { useLongPress as no } from "./hooks/useLongPress/useLongPress.mjs";
@@ -71,7 +71,7 @@ import { useMount as wo } from "./hooks/useMount/useMount.mjs";
 import { deepEqual as Go, useShallowEffect as Qo } from "./hooks/useShallowEffect/useShallowEffect.mjs";
 import { useUnmount as Xo } from "./hooks/useUnmount/useUnmount.mjs";
 import { BREAKPOINTS_ANT_DESIGN as Zo, BREAKPOINTS_BOOTSTRAP_V5 as jo, BREAKPOINTS_MANTINE as Jo, BREAKPOINTS_MASTER_CSS as Yo, BREAKPOINTS_MATERIAL_UI as $o, BREAKPOINTS_PRIME_FLEX as er, BREAKPOINTS_QUASAR_V2 as or, BREAKPOINTS_SEMANTIC as rr, BREAKPOINTS_TAILWIND as tr, useBreakpoints as sr } from "./hooks/useBreakpoints/useBreakpoints.mjs";
-import { useDeviceMotion as ur } from "./hooks/useDeviceMotion/useDeviceMotion.mjs";
+import { useDeviceMotion as mr } from "./hooks/useDeviceMotion/useDeviceMotion.mjs";
 import { useDeviceOrientation as fr } from "./hooks/useDeviceOrientation/useDeviceOrientation.mjs";
 import { useDevicePixelRatio as ar } from "./hooks/useDevicePixelRatio/useDevicePixelRatio.mjs";
 import { useDocumentEvent as nr } from "./hooks/useDocumentEvent/useDocumentEvent.mjs";
@@ -97,7 +97,7 @@ 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 mt } from "./hooks/useScrollIntoView/useScrollIntoView.mjs";
+import { useScrollIntoView as ut } from "./hooks/useScrollIntoView/useScrollIntoView.mjs";
 import { useScrollTo as pt } from "./hooks/useScrollTo/useScrollTo.mjs";
 import { getRangesSelection as xt, useTextSelection as at } from "./hooks/useTextSelection/useTextSelection.mjs";
 import { useVisibility as nt } from "./hooks/useVisibility/useVisibility.mjs";
@@ -117,7 +117,7 @@ import { getHash as qt, useHash as Zt } from "./hooks/useHash/useHash.mjs";
 import { useList as Jt } from "./hooks/useList/useList.mjs";
 import { useLocalStorage as $t } from "./hooks/useLocalStorage/useLocalStorage.mjs";
 import { useMap as os } from "./hooks/useMap/useMap.mjs";
-import { assignRef as ts, mergeRefs as ss, useMergedRef as ms } from "./hooks/useMergedRef/useMergedRef.mjs";
+import { assignRef as ts, mergeRefs as ss, useMergedRef as us } from "./hooks/useMergedRef/useMergedRef.mjs";
 import { useOffsetPagination as ps } from "./hooks/useOffsetPagination/useOffsetPagination.mjs";
 import { useQueue as xs } from "./hooks/useQueue/useQueue.mjs";
 import { useRafState as is } from "./hooks/useRafState/useRafState.mjs";
@@ -137,30 +137,29 @@ import { useTime as Gs } from "./hooks/useTime/useTime.mjs";
 import { useTimeout as zs } from "./hooks/useTimeout/useTimeout.mjs";
 import { getTimeFromSeconds as qs, useTimer as Zs } from "./hooks/useTimer/useTimer.mjs";
 import { useBrowserLanguage as Js } from "./hooks/useBrowserLanguage/useBrowserLanguage.mjs";
-import { getOperatingSystem as $s, useOperatingSystem as em } from "./hooks/useOperatingSystem/useOperatingSystem.mjs";
-import { usePreferredColorScheme as rm } from "./hooks/usePreferredColorScheme/usePreferredColorScheme.mjs";
-import { usePreferredContrast as sm } from "./hooks/usePreferredContrast/usePreferredContrast.mjs";
-import { usePreferredDark as um } from "./hooks/usePreferredDark/usePreferredDark.mjs";
-import { usePreferredLanguages as fm } from "./hooks/usePreferredLanguages/usePreferredLanguages.mjs";
-import { usePreferredReducedMotion as am } from "./hooks/usePreferredReducedMotion/usePreferredReducedMotion.mjs";
-import { useConst as nm } from "./hooks/useConst/useConst.mjs";
-import { useDebounceCallback as lm } from "./hooks/useDebounceCallback/useDebounceCallback.mjs";
-import { useDebounceState as Em } from "./hooks/useDebounceState/useDebounceState.mjs";
-import { useDebounceValue as gm } from "./hooks/useDebounceValue/useDebounceValue.mjs";
-import { useEvent as Rm } from "./hooks/useEvent/useEvent.mjs";
-import { useLastChanged as Pm } from "./hooks/useLastChanged/useLastChanged.mjs";
-import { useLatest as Im } from "./hooks/useLatest/useLatest.mjs";
-import { usePrevious as Om } from "./hooks/usePrevious/usePrevious.mjs";
-import { useThrottleCallback as hm } from "./hooks/useThrottleCallback/useThrottleCallback.mjs";
-import { useThrottleState as _m } from "./hooks/useThrottleState/useThrottleState.mjs";
-import { useThrottleValue as bm } from "./hooks/useThrottleValue/useThrottleValue.mjs";
-import { copy as Mm, legacyCopyToClipboard as Nm } from "./utils/helpers/copy.mjs";
-import { debounce as Km } from "./utils/helpers/debounce.mjs";
-import { getDate as Um } from "./utils/helpers/getDate.mjs";
-import { getElement as Hm, target as wm, targetSymbol as Wm } from "./utils/helpers/getElement.mjs";
-import { getRetry as Qm } from "./utils/helpers/getRetry.mjs";
-import { isTarget as Xm } from "./utils/helpers/isTarget.mjs";
-import { throttle as Zm } from "./utils/helpers/throttle.mjs";
+import { getOperatingSystem as $s, useOperatingSystem as eu } from "./hooks/useOperatingSystem/useOperatingSystem.mjs";
+import { usePreferredColorScheme as ru } from "./hooks/usePreferredColorScheme/usePreferredColorScheme.mjs";
+import { usePreferredContrast as su } from "./hooks/usePreferredContrast/usePreferredContrast.mjs";
+import { usePreferredDark as mu } from "./hooks/usePreferredDark/usePreferredDark.mjs";
+import { usePreferredLanguages as fu } from "./hooks/usePreferredLanguages/usePreferredLanguages.mjs";
+import { usePreferredReducedMotion as au } from "./hooks/usePreferredReducedMotion/usePreferredReducedMotion.mjs";
+import { useConst as nu } from "./hooks/useConst/useConst.mjs";
+import { useDebounceCallback as lu } from "./hooks/useDebounceCallback/useDebounceCallback.mjs";
+import { useDebounceState as Eu } from "./hooks/useDebounceState/useDebounceState.mjs";
+import { useDebounceValue as gu } from "./hooks/useDebounceValue/useDebounceValue.mjs";
+import { useEvent as Ru } from "./hooks/useEvent/useEvent.mjs";
+import { useLastChanged as Pu } from "./hooks/useLastChanged/useLastChanged.mjs";
+import { useLatest as Iu } from "./hooks/useLatest/useLatest.mjs";
+import { usePrevious as Ou } from "./hooks/usePrevious/usePrevious.mjs";
+import { useThrottleCallback as hu } from "./hooks/useThrottleCallback/useThrottleCallback.mjs";
+import { useThrottleState as _u } from "./hooks/useThrottleState/useThrottleState.mjs";
+import { useThrottleValue as bu } from "./hooks/useThrottleValue/useThrottleValue.mjs";
+import { copy as Mu, legacyCopyToClipboard as Nu } from "./utils/helpers/copy.mjs";
+import { debounce as Ku } from "./utils/helpers/debounce.mjs";
+import { getDate as Uu } from "./utils/helpers/getDate.mjs";
+import { getRetry as Hu } from "./utils/helpers/getRetry.mjs";
+import { isTarget as Wu, target as Gu, targetSymbol as Qu } from "./utils/helpers/isTarget.mjs";
+import { throttle as Xu } from "./utils/helpers/throttle.mjs";
 export {
   Zo as BREAKPOINTS_ANT_DESIGN,
   jo as BREAKPOINTS_BOOTSTRAP_V5,
@@ -173,7 +172,7 @@ export {
   tr as BREAKPOINTS_TAILWIND,
   kt as COOKIE_EVENT,
   je as DEFAULT_THRESHOLD_TIME,
-  mo as FOCUS_SELECTOR,
+  uo as FOCUS_SELECTOR,
   lo as Paint,
   So as Pointer,
   Co as SCRIPT_STATUS_ATTRIBUTE_NAME,
@@ -181,13 +180,13 @@ export {
   _s as URL_SEARCH_PARAMS_EVENT,
   ts as assignRef,
   Kt as clearCookies,
-  Mm as copy,
+  Mu as copy,
   r as createContext,
   s as createEventEmitter,
   Ds as createQueryString,
-  u as createReactiveContext,
+  m as createReactiveContext,
   f as createStore,
-  Km as debounce,
+  Ku as debounce,
   Go as deepEqual,
   ht as dispatchCookieEvent,
   ys as dispatchStorageEvent,
@@ -195,18 +194,17 @@ export {
   se as getConnection,
   vt as getCookie,
   _t as getCookies,
-  Um as getDate,
-  Hm as getElement,
+  Uu as getDate,
   qt as getHash,
   $s as getOperatingSystem,
   xt as getRangesSelection,
-  Qm as getRetry,
+  Hu as getRetry,
   Ae as getSpeechRecognition,
   qs as getTimeFromSeconds,
   Ls as getUrlSearchParams,
   Rr as isHotkeyMatch,
-  Xm as isTarget,
-  Nm as legacyCopyToClipboard,
+  Wu as isTarget,
+  Nu as legacyCopyToClipboard,
   q as mapGamepadToXbox360Controller,
   ss as mergeRefs,
   Dt as removeCookie,
@@ -215,9 +213,9 @@ export {
   Lt as setCookie,
   Mt as setCookieItem,
   ds as stateHistoryReducer,
-  wm as target,
-  Wm as targetSymbol,
-  Zm as throttle,
+  Gu as target,
+  Qu as targetSymbol,
+  Xu as throttle,
   $ as timeRangeToArray,
   Ge as useActiveElement,
   a as useAsync,
@@ -232,18 +230,18 @@ export {
   Js as useBrowserLanguage,
   qe as useClickOutside,
   h as useClipboard,
-  nm as useConst,
+  nu as useConst,
   yt as useControllableState,
   Nt as useCookie,
   Ft as useCookies,
   _ as useCopy,
   Vt as useCounter,
   b as useCssVar,
-  lm as useDebounceCallback,
-  Em as useDebounceState,
-  gm as useDebounceValue,
+  lu as useDebounceCallback,
+  Eu as useDebounceState,
+  gu as useDebounceValue,
   wt as useDefault,
-  ur as useDeviceMotion,
+  mr as useDeviceMotion,
   fr as useDeviceOrientation,
   ar as useDevicePixelRatio,
   Bo as useDidUpdate,
@@ -255,7 +253,7 @@ export {
   Je as useDoubleClick,
   $e as useDropZone,
   Er as useElementSize,
-  Rm as useEvent,
+  Ru as useEvent,
   gr as useEventListener,
   F as useEventSource,
   V as useEyeDropper,
@@ -263,7 +261,7 @@ export {
   zt as useField,
   oo as useFileDialog,
   to as useFocus,
-  uo as useFocusTrap,
+  mo as useFocusTrap,
   G as useFps,
   ho as useFul,
   z as useFullscreen,
@@ -283,8 +281,8 @@ export {
   Lr as useKeyPressEvent,
   vr as useKeyboard,
   Nr as useKeysPressed,
-  Pm as useLastChanged,
-  Im as useLatest,
+  Pu as useLastChanged,
+  Iu as useLatest,
   _o as useLess,
   Jt as useList,
   $t as useLocalStorage,
@@ -297,16 +295,16 @@ export {
   ee as useMediaControls,
   Hr as useMediaQuery,
   re as useMemory,
-  ms as useMergedRef,
+  us as useMergedRef,
   wo as useMount,
   Wr as useMouse,
   l as useMutation,
   Qr as useMutationObserver,
-  me as useNetwork,
+  ue as useNetwork,
   ps as useOffsetPagination,
   bo as useOnce,
   pe as useOnline,
-  em as useOperatingSystem,
+  eu as useOperatingSystem,
   E as useOptimistic,
   Xr as useOrientation,
   xe as useOtpCredential,
@@ -318,12 +316,12 @@ export {
   ce as usePictureInPicture,
   Se as usePointerLock,
   Te as usePostMessage,
-  rm as usePreferredColorScheme,
-  sm as usePreferredContrast,
-  um as usePreferredDark,
-  fm as usePreferredLanguages,
-  am as usePreferredReducedMotion,
-  Om as usePrevious,
+  ru as usePreferredColorScheme,
+  su as usePreferredContrast,
+  mu as usePreferredDark,
+  fu as usePreferredLanguages,
+  au as usePreferredReducedMotion,
+  Ou as usePrevious,
   g as useQuery,
   xs as useQueue,
   de as useRaf,
@@ -336,7 +334,7 @@ export {
   go as useRightClick,
   Po as useScript,
   tt as useScroll,
-  mt as useScrollIntoView,
+  ut as useScrollIntoView,
   pt as useScrollTo,
   Ss as useSessionStorage,
   Ts as useSet,
@@ -351,9 +349,9 @@ export {
   Os as useStorage,
   Oo as useTextDirection,
   at as useTextSelection,
-  hm as useThrottleCallback,
-  _m as useThrottleState,
-  bm as useThrottleValue,
+  hu as useThrottleCallback,
+  _u as useThrottleState,
+  bu as useThrottleValue,
   Gs as useTime,
   zs as useTimeout,
   Zs as useTimer,

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,6 +1,12 @@
-import { targetSymbol as t } from "./getElement.mjs";
-const r = (o) => typeof o == "object" && ("current" in o || o.type === t);
+const n = 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), l = (e) => ({
+  value: e,
+  type: n
+}), u = (e) => typeof e == "object" && ("current" in e || e && e.type === n);
+u.wrap = l;
+u.getElement = o;
 export {
-  r as isTarget
+  u as isTarget,
+  l as target,
+  n as targetSymbol
 };
 //# sourceMappingURL=isTarget.mjs.map

package/dist/esm/utils/helpers/isTarget.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"isTarget.mjs","sources":["../../../../src/utils/helpers/isTarget.ts"],"sourcesContent":["import type { HookTarget } from './getElement';\n\nimport { targetSymbol } from './getElement';\n\nexport const isTarget = (target: HookTarget) =>\n  typeof target === 'object' && ('current' in target || target.type === targetSymbol);\n"],"names":["isTarget","target","targetSymbol"],"mappings":";AAIO,MAAMA,IAAW,CAACC,MACvB,OAAOA,KAAW,aAAa,aAAaA,KAAUA,EAAO,SAASC;"}
+{"version":3,"file":"isTarget.mjs","sources":["../../../../src/utils/helpers/isTarget.ts"],"sourcesContent":["import type { RefObject } from 'react';\n\nexport const targetSymbol = Symbol('target');\n\nexport type Target = (() => Element) | string | Document | Element | Window;\n\nexport type HookTarget =\n  | RefObject<Element | null | undefined>\n  | {\n      value: Target;\n      type: symbol;\n    };\n\nconst getElement = (target: HookTarget) => {\n  if ('current' in target) {\n    return target.current;\n  }\n\n  if (typeof target.value === 'function') {\n    return target.value();\n  }\n\n  if (typeof target.value === 'string') {\n    return document.querySelector(target.value);\n  }\n\n  if (target.value instanceof Document) {\n    return target.value;\n  }\n\n  if (target.value instanceof Window) {\n    return target.value;\n  }\n\n  if (target.value instanceof Element) {\n    return target.value;\n  }\n\n  return target.value;\n};\n\nexport const target = (target: Target) => ({\n  value: target,\n  type: targetSymbol\n});\n\nexport const isTarget = (target: HookTarget) =>\n  typeof target === 'object' &&\n  ('current' in target || (target && (target as any).type === targetSymbol));\n\nisTarget.wrap = target;\nisTarget.getElement = getElement;\n"],"names":["targetSymbol","getElement","target","isTarget"],"mappings":"AAEO,MAAMA,IAAe,OAAO,QAAQ,GAWrCC,IAAa,CAACC,MACd,aAAaA,IACRA,EAAO,UAGZ,OAAOA,EAAO,SAAU,aACnBA,EAAO,MAAA,IAGZ,OAAOA,EAAO,SAAU,WACnB,SAAS,cAAcA,EAAO,KAAK,KAGxCA,EAAO,iBAAiB,YAIxBA,EAAO,iBAAiB,UAIxBA,EAAO,iBAAiB,SACnBA,EAAO,QAMLA,IAAS,CAACA,OAAoB;AAAA,EACzC,OAAOA;AAAAA,EACP,MAAMF;AACR,IAEaG,IAAW,CAACD,MACvB,OAAOA,KAAW,aACjB,aAAaA,KAAWA,KAAWA,EAAe,SAASF;AAE9DG,EAAS,OAAOD;AAChBC,EAAS,aAAaF;"}

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

@@ -31,11 +31,7 @@ export interface UseHash {
  * @returns {UseHashReturn} An array containing the hash value and a function to set the hash value
  *
  * @example
- * const [hash, setHash] = useHash("initial", {
- *   enabled: true,
- *   mode: "replace",
- *   onChange: (newHash) => console.log('Hash changed:', newHash)
- * });
+ * const [hash, setHash] = useHash("initial");
  *
  * @overload
  * @param {string} [initialValue] The initial hash value if no hash exists
@@ -44,6 +40,23 @@ export interface UseHash {
  *
  * @example
  * const [hash, setHash] = useHash("initial", (newHash) => console.log('callback'));
+ *
+ * @overload
+ * @param {UseHashOptions} [options] Configuration options
+ * @param {boolean} [options.enabled] The enabled state of the hook
+ * @param {'initial' | 'replace'} [options.mode] The mode of hash setting
+ * @param {(hash: string) => void} [options.onChange] Callback function called when hash changes
+ * @returns {UseHashReturn} An array containing the hash value and a function to set the hash value
+ *
+ * @example
+ * const [hash, setHash] = useHash();
+ *
+ * @overload
+ * @param {(hash: string) => void} [callback] Callback function called when hash changes
+ * @returns {UseHashReturn} An array containing the hash value and a function to set the hash value
+ *
+ * @example
+ * const [hash, setHash] = useHash((newHash) => console.log('callback'));
  */
 export declare const useHash: UseHash;
 export {};

package/dist/types/utils/helpers/index.d.ts

@@ -1,7 +1,6 @@
 export * from './copy';
 export * from './debounce';
 export * from './getDate';
-export * from './getElement';
 export * from './getRetry';
 export * from './isTarget';
 export * from './throttle';