@siberiacancode/reactuse 0.3.14 → 0.3.17

package/dist/esm/hooks/useVirtualKeyboard/useVirtualKeyboard.mjs

@@ -1,30 +1,31 @@
-import { useState as g, useEffect as l } from "react";
-const y = (o = !1) => {
-  const r = typeof window < "u" && "visualViewport" in window || typeof navigator < "u" && "virtualKeyboard" in navigator, [i, e] = g(o), n = () => {
-    navigator.virtualKeyboard && (navigator.virtualKeyboard.hide(), e(!1));
-  }, v = () => {
-    navigator.virtualKeyboard && (navigator.virtualKeyboard.show(), e(!0));
-  }, d = (t) => {
-    navigator.virtualKeyboard && (navigator.virtualKeyboard.overlaysContent = t);
-  };
-  return l(() => {
-    if (!r) return;
-    const t = () => e(window.screen.height - 300 > window.visualViewport.height), a = (s) => {
-      const { height: u } = s.target.boundingRect;
-      e(u > 0);
-    };
-    return navigator.virtualKeyboard && (navigator.virtualKeyboard.overlaysContent = !0), navigator.virtualKeyboard && navigator.virtualKeyboard.addEventListener("geometrychange", a), window.visualViewport && window.visualViewport.addEventListener("resize", t), () => {
-      navigator.virtualKeyboard && navigator.virtualKeyboard.removeEventListener("geometrychange", a), window.visualViewport && window.visualViewport.removeEventListener("resize", t);
-    };
-  }, []), {
-    opened: i,
-    show: v,
-    hide: n,
-    changeOverlaysContent: d,
-    supported: r
-  };
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/useVirtualKeyboard/useVirtualKeyboard.ts
+var n = (n = !1) => {
+	let r = typeof window < "u" && "visualViewport" in window || typeof navigator < "u" && "virtualKeyboard" in navigator, [i, a] = t(n);
+	return e(() => {
+		if (!r) return;
+		let e = () => a(window.screen.height - 300 > window.visualViewport.height), t = (e) => {
+			let { height: t } = e.target.boundingRect;
+			a(t > 0);
+		};
+		return navigator.virtualKeyboard && (navigator.virtualKeyboard.overlaysContent = !0), navigator.virtualKeyboard && navigator.virtualKeyboard.addEventListener("geometrychange", t), window.visualViewport && window.visualViewport.addEventListener("resize", e), () => {
+			navigator.virtualKeyboard && navigator.virtualKeyboard.removeEventListener("geometrychange", t), window.visualViewport && window.visualViewport.removeEventListener("resize", e);
+		};
+	}, []), {
+		opened: i,
+		show: () => {
+			navigator.virtualKeyboard && (navigator.virtualKeyboard.show(), a(!0));
+		},
+		hide: () => {
+			navigator.virtualKeyboard && (navigator.virtualKeyboard.hide(), a(!1));
+		},
+		changeOverlaysContent: (e) => {
+			navigator.virtualKeyboard && (navigator.virtualKeyboard.overlaysContent = e);
+		},
+		supported: r
+	};
 };
-export {
-  y as useVirtualKeyboard
-};
-//# sourceMappingURL=useVirtualKeyboard.mjs.map
+//#endregion
+export { n as useVirtualKeyboard };
+
+//# sourceMappingURL=useVirtualKeyboard.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useVirtualKeyboard.mjs","sources":["../../../../src/hooks/useVirtualKeyboard/useVirtualKeyboard.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\ndeclare global {\r\n  interface Navigator {\r\n    virtualKeyboard?: {\r\n      boundingRect: DOMRect;\r\n      overlaysContent: boolean;\r\n      show: () => void;\r\n      hide: () => void;\r\n      addEventListener: (type: 'geometrychange', listener: EventListener) => void;\r\n      removeEventListener: (type: 'geometrychange', listener: EventListener) => void;\r\n    };\r\n  }\r\n}\r\n\r\n/** The use virtual keyboard return type */\r\nexport interface UseVirtualKeyboardReturn {\r\n  /** Whether the virtual keyboard is currently open */\r\n  opened: boolean;\r\n  /** Whether the VirtualKeyboard API is supported */\r\n  supported: boolean;\r\n  /** Change the overlays content */\r\n  changeOverlaysContent: (overlaysContent: boolean) => void;\r\n  /** Hide the virtual keyboard */\r\n  hide: () => void;\r\n  /** Show the virtual keyboard */\r\n  show: () => void;\r\n}\r\n\r\n/**\r\n * @name useVirtualKeyboard\r\n * @description - Hook that manages virtual keyboard state\r\n * @category Browser\r\n * @usage low\r\n *\r\n * @browserapi VirtualKeyboard https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard\r\n *\r\n * @warning - This hook has a fallback for virtual keyboard detection. If the virtual keyboard is not supported, the methods will not work.\r\n *\r\n * @param {boolean} [initialValue=false] The initial state value for keyboard visibility\r\n * @returns {UseVirtualKeyboardReturn} An object containing keyboard state and control methods\r\n *\r\n * @example\r\n * const { opened, show, hide, supported, changeOverlaysContent } = useVirtualKeyboard();\r\n */\r\nexport const useVirtualKeyboard = (initialValue = false): UseVirtualKeyboardReturn => {\r\n  const supported =\r\n    (typeof window !== 'undefined' && 'visualViewport' in window) ||\r\n    (typeof navigator !== 'undefined' && 'virtualKeyboard' in navigator);\r\n\r\n  const [opened, setOpened] = useState(initialValue);\r\n\r\n  const hide = () => {\r\n    if (!navigator.virtualKeyboard) return;\r\n    navigator.virtualKeyboard.hide();\r\n    setOpened(false);\r\n  };\r\n\r\n  const show = () => {\r\n    if (!navigator.virtualKeyboard) return;\r\n    navigator.virtualKeyboard.show();\r\n    setOpened(true);\r\n  };\r\n\r\n  const changeOverlaysContent = (overlaysContent: boolean) => {\r\n    if (!navigator.virtualKeyboard) return;\r\n    navigator.virtualKeyboard.overlaysContent = overlaysContent;\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!supported) return;\r\n\r\n    const onResize = () => setOpened(window.screen.height - 300 > window.visualViewport!.height);\r\n\r\n    const onGeometryChange = (event: Event) => {\r\n      const { height } = (event.target as any).boundingRect as DOMRect;\r\n      setOpened(height > 0);\r\n    };\r\n\r\n    if (navigator.virtualKeyboard) navigator.virtualKeyboard.overlaysContent = true;\r\n\r\n    navigator.virtualKeyboard &&\r\n      navigator.virtualKeyboard.addEventListener('geometrychange', onGeometryChange);\r\n    window.visualViewport && window.visualViewport.addEventListener('resize', onResize);\r\n\r\n    return () => {\r\n      navigator.virtualKeyboard &&\r\n        navigator.virtualKeyboard.removeEventListener('geometrychange', onGeometryChange);\r\n      window.visualViewport && window.visualViewport.removeEventListener('resize', onResize);\r\n    };\r\n  }, []);\r\n\r\n  return {\r\n    opened,\r\n    show,\r\n    hide,\r\n    changeOverlaysContent,\r\n    supported\r\n  };\r\n};\r\n"],"names":["useVirtualKeyboard","initialValue","supported","opened","setOpened","useState","hide","show","changeOverlaysContent","overlaysContent","useEffect","onResize","onGeometryChange","event","height"],"mappings":";AA6CO,MAAMA,IAAqB,CAACC,IAAe,OAAoC;AACpF,QAAMC,IACH,OAAO,SAAW,OAAe,oBAAoB,UACrD,OAAO,YAAc,OAAe,qBAAqB,WAEtD,CAACC,GAAQC,CAAS,IAAIC,EAASJ,CAAY,GAE3CK,IAAO,MAAM;AACjB,IAAK,UAAU,oBACf,UAAU,gBAAgB,KAAA,GAC1BF,EAAU,EAAK;AAAA,EAAA,GAGXG,IAAO,MAAM;AACjB,IAAK,UAAU,oBACf,UAAU,gBAAgB,KAAA,GAC1BH,EAAU,EAAI;AAAA,EAAA,GAGVI,IAAwB,CAACC,MAA6B;AAC1D,IAAK,UAAU,oBACf,UAAU,gBAAgB,kBAAkBA;AAAA,EAAA;AAG9C,SAAAC,EAAU,MAAM;AACd,QAAI,CAACR,EAAW;AAEhB,UAAMS,IAAW,MAAMP,EAAU,OAAO,OAAO,SAAS,MAAM,OAAO,eAAgB,MAAM,GAErFQ,IAAmB,CAACC,MAAiB;AACzC,YAAM,EAAE,QAAAC,EAAA,IAAYD,EAAM,OAAe;AACzC,MAAAT,EAAUU,IAAS,CAAC;AAAA,IAAA;AAGtB,WAAI,UAAU,oBAAiB,UAAU,gBAAgB,kBAAkB,KAE3E,UAAU,mBACR,UAAU,gBAAgB,iBAAiB,kBAAkBF,CAAgB,GAC/E,OAAO,kBAAkB,OAAO,eAAe,iBAAiB,UAAUD,CAAQ,GAE3E,MAAM;AACX,gBAAU,mBACR,UAAU,gBAAgB,oBAAoB,kBAAkBC,CAAgB,GAClF,OAAO,kBAAkB,OAAO,eAAe,oBAAoB,UAAUD,CAAQ;AAAA,IAAA;AAAA,EACvF,GACC,EAAE,GAEE;AAAA,IACL,QAAAR;AAAA,IACA,MAAAI;AAAA,IACA,MAAAD;AAAA,IACA,uBAAAE;AAAA,IACA,WAAAN;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useVirtualKeyboard.mjs","names":[],"sources":["../../../../src/hooks/useVirtualKeyboard/useVirtualKeyboard.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\ndeclare global {\r\n  interface Navigator {\r\n    virtualKeyboard?: {\r\n      boundingRect: DOMRect;\r\n      overlaysContent: boolean;\r\n      show: () => void;\r\n      hide: () => void;\r\n      addEventListener: (type: 'geometrychange', listener: EventListener) => void;\r\n      removeEventListener: (type: 'geometrychange', listener: EventListener) => void;\r\n    };\r\n  }\r\n}\r\n\r\n/** The use virtual keyboard return type */\r\nexport interface UseVirtualKeyboardReturn {\r\n  /** Whether the virtual keyboard is currently open */\r\n  opened: boolean;\r\n  /** Whether the VirtualKeyboard API is supported */\r\n  supported: boolean;\r\n  /** Change the overlays content */\r\n  changeOverlaysContent: (overlaysContent: boolean) => void;\r\n  /** Hide the virtual keyboard */\r\n  hide: () => void;\r\n  /** Show the virtual keyboard */\r\n  show: () => void;\r\n}\r\n\r\n/**\r\n * @name useVirtualKeyboard\r\n * @description - Hook that manages virtual keyboard state\r\n * @category Browser\r\n * @usage low\r\n *\r\n * @browserapi VirtualKeyboard https://developer.mozilla.org/en-US/docs/Web/API/VirtualKeyboard\r\n *\r\n * @warning - This hook has a fallback for virtual keyboard detection. If the virtual keyboard is not supported, the methods will not work.\r\n *\r\n * @param {boolean} [initialValue=false] The initial state value for keyboard visibility\r\n * @returns {UseVirtualKeyboardReturn} An object containing keyboard state and control methods\r\n *\r\n * @example\r\n * const { opened, show, hide, supported, changeOverlaysContent } = useVirtualKeyboard();\r\n */\r\nexport const useVirtualKeyboard = (initialValue = false): UseVirtualKeyboardReturn => {\r\n  const supported =\r\n    (typeof window !== 'undefined' && 'visualViewport' in window) ||\r\n    (typeof navigator !== 'undefined' && 'virtualKeyboard' in navigator);\r\n\r\n  const [opened, setOpened] = useState(initialValue);\r\n\r\n  const hide = () => {\r\n    if (!navigator.virtualKeyboard) return;\r\n    navigator.virtualKeyboard.hide();\r\n    setOpened(false);\r\n  };\r\n\r\n  const show = () => {\r\n    if (!navigator.virtualKeyboard) return;\r\n    navigator.virtualKeyboard.show();\r\n    setOpened(true);\r\n  };\r\n\r\n  const changeOverlaysContent = (overlaysContent: boolean) => {\r\n    if (!navigator.virtualKeyboard) return;\r\n    navigator.virtualKeyboard.overlaysContent = overlaysContent;\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!supported) return;\r\n\r\n    const onResize = () => setOpened(window.screen.height - 300 > window.visualViewport!.height);\r\n\r\n    const onGeometryChange = (event: Event) => {\r\n      const { height } = (event.target as any).boundingRect as DOMRect;\r\n      setOpened(height > 0);\r\n    };\r\n\r\n    if (navigator.virtualKeyboard) navigator.virtualKeyboard.overlaysContent = true;\r\n\r\n    navigator.virtualKeyboard &&\r\n      navigator.virtualKeyboard.addEventListener('geometrychange', onGeometryChange);\r\n    window.visualViewport && window.visualViewport.addEventListener('resize', onResize);\r\n\r\n    return () => {\r\n      navigator.virtualKeyboard &&\r\n        navigator.virtualKeyboard.removeEventListener('geometrychange', onGeometryChange);\r\n      window.visualViewport && window.visualViewport.removeEventListener('resize', onResize);\r\n    };\r\n  }, []);\r\n\r\n  return {\r\n    opened,\r\n    show,\r\n    hide,\r\n    changeOverlaysContent,\r\n    supported\r\n  };\r\n};\r\n"],"mappings":";;AA6CA,IAAa,KAAsB,IAAe,OAAoC;CACpF,IAAM,IACH,OAAO,SAAW,OAAe,oBAAoB,UACrD,OAAO,YAAc,OAAe,qBAAqB,WAEtD,CAAC,GAAQ,KAAa,EAAS,EAAa;AA0ClD,QAvBA,QAAgB;AACd,MAAI,CAAC,EAAW;EAEhB,IAAM,UAAiB,EAAU,OAAO,OAAO,SAAS,MAAM,OAAO,eAAgB,OAAO,EAEtF,KAAoB,MAAiB;GACzC,IAAM,EAAE,cAAY,EAAM,OAAe;AACzC,KAAU,IAAS,EAAE;;AASvB,SANI,UAAU,oBAAiB,UAAU,gBAAgB,kBAAkB,KAE3E,UAAU,mBACR,UAAU,gBAAgB,iBAAiB,kBAAkB,EAAiB,EAChF,OAAO,kBAAkB,OAAO,eAAe,iBAAiB,UAAU,EAAS,QAEtE;AAGX,GAFA,UAAU,mBACR,UAAU,gBAAgB,oBAAoB,kBAAkB,EAAiB,EACnF,OAAO,kBAAkB,OAAO,eAAe,oBAAoB,UAAU,EAAS;;IAEvF,EAAE,CAAC,EAEC;EACL;EACA,YApCiB;AACZ,aAAU,oBACf,UAAU,gBAAgB,MAAM,EAChC,EAAU,GAAK;;EAkCf,YA3CiB;AACZ,aAAU,oBACf,UAAU,gBAAgB,MAAM,EAChC,EAAU,GAAM;;EAyChB,wBAhC6B,MAA6B;AACrD,aAAU,oBACf,UAAU,gBAAgB,kBAAkB;;EA+B5C;EACD"}

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

@@ -1,40 +1,42 @@
-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(
-      (E, h) => {
-        const i = E[0];
-        i && (y(i), g.current?.(i, h));
-      },
-      {
-        ...t,
-        root: t?.root ? r.getElement(t.root) : document
-      }
-    );
-    return v(c), c.observe(a), () => {
-      c.disconnect();
-    };
-  }, [
-    n && r.getRawElement(n),
-    o.state,
-    t?.rootMargin,
-    t?.threshold,
-    t?.root,
-    l
-  ]), n ? { observer: u, entry: s, inView: b } : {
-    observer: u,
-    ref: o,
-    entry: s,
-    inView: b
-  };
+import { isTarget as e } from "../../utils/helpers/isTarget.mjs";
+import { useRefState as t } from "../useRefState/useRefState.mjs";
+import { useEffect as n, useRef as r, useState as i } from "react";
+//#region src/hooks/useVisibility/useVisibility.ts
+var a = ((...a) => {
+	let o = e(a[0]) ? a[0] : void 0, s = o ? typeof a[1] == "object" ? a[1] : { onChange: a[1] } : typeof a[0] == "object" ? a[0] : { onChange: a[0] }, c = s?.onChange, l = s?.enabled ?? !0, [u, d] = i(), [f, p] = i(), m = f?.isIntersecting ?? !1, h = t(), g = r(c);
+	return g.current = c, n(() => {
+		if (!l || !o && !h.state) return;
+		let t = o ? e.getElement(o) : h.current;
+		if (!t) return;
+		let n = new IntersectionObserver((e, t) => {
+			let n = e[0];
+			n && (p(n), g.current?.(n, t));
+		}, {
+			...s,
+			root: s?.root ? e.getElement(s.root) : document
+		});
+		return d(n), n.observe(t), () => {
+			n.disconnect();
+		};
+	}, [
+		o && e.getRawElement(o),
+		h.state,
+		s?.rootMargin,
+		s?.threshold,
+		s?.root,
+		l
+	]), o ? {
+		observer: u,
+		entry: f,
+		inView: m
+	} : {
+		observer: u,
+		ref: h,
+		entry: f,
+		inView: m
+	};
 });
-export {
-  I as useVisibility
-};
-//# sourceMappingURL=useVisibility.mjs.map
+//#endregion
+export { a 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';\r\n\r\nimport type { HookTarget } from '@/utils/helpers';\r\n\r\nimport { isTarget } from '@/utils/helpers';\r\n\r\nimport type { StateRef } from '../useRefState/useRefState';\r\n\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\n/** The visibility callback type */\r\nexport type UseVisibilityCallback = (\r\n  entry: IntersectionObserverEntry,\r\n  observer: IntersectionObserver\r\n) => void;\r\n\r\n/** The visibility options type */\r\nexport interface UseVisibilityOptions extends Omit<IntersectionObserverInit, 'root'> {\r\n  /** The enabled state of the intersection */\r\n  enabled?: boolean;\r\n  /** The callback to execute when intersection is detected */\r\n  onChange?: UseVisibilityCallback;\r\n  /** The root element to observe */\r\n  root?: HookTarget;\r\n}\r\n\r\n/** The intersection observer return type */\r\nexport interface UseVisibilityReturn {\r\n  /** The intersection observer entry */\r\n  entry?: IntersectionObserverEntry;\r\n  /** The intersection observer in view */\r\n  inView: boolean;\r\n  /** The intersection observer instance */\r\n  observer?: IntersectionObserver;\r\n}\r\n\r\nexport interface UseVisibility {\r\n  <Target extends Element>(\r\n    options?: UseVisibilityOptions,\r\n    target?: never\r\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\r\n\r\n  (target: HookTarget, options?: UseVisibilityOptions): UseVisibilityReturn;\r\n\r\n  <Target extends Element>(\r\n    callback: UseVisibilityCallback,\r\n    target?: never\r\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\r\n\r\n  (target: HookTarget, callback: UseVisibilityCallback): UseVisibilityReturn;\r\n}\r\n\r\n/**\r\n * @name useVisibility\r\n * @description - Hook that gives you visibility observer state\r\n * @category Sensors\r\n * @usage medium\r\n *\r\n * @browserapi IntersectionObserver https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver\r\n *\r\n * @overload\r\n * @param {HookTarget} target The target element to detect intersection\r\n * @param {boolean} [options.enabled=true] The Intersection options\r\n * @param {((entries: IntersectionEntry[], observer: Intersection) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\r\n * @param {HookTarget} [options.root=document] The root element to observe\r\n * @returns {UseVisibilityReturn} An object containing the state\r\n *\r\n * @example\r\n * const { ref, entries, observer } = useVisibility();\r\n *\r\n * @overload\r\n * @template Target The target element\r\n * @param {boolean} [options.enabled=true] The Intersection options\r\n * @param {((entries: IntersectionEntry[], observer: Intersection) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\r\n * @param {HookTarget} [options.root=document] The root element to observe\r\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\r\n *\r\n * @example\r\n * const { entries, observer } = useVisibility(ref);\r\n *\r\n * @overload\r\n * @template Target The target element\r\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\r\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\r\n *\r\n * @example\r\n * const { ref, entries, observer } = useVisibility(() => console.log('callback'));\r\n *\r\n * @overload\r\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\r\n * @param {HookTarget} target The target element to detect intersection\r\n * @returns {UseVisibilityReturn} An object containing the state\r\n *\r\n * @example\r\n * const { entries, observer } = useVisibility(ref, () => console.log('callback'));\r\n */\r\nexport const useVisibility = ((...params: any[]) => {\r\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n\r\n  const options = (\r\n    target\r\n      ? typeof params[1] === 'object'\r\n        ? params[1]\r\n        : { onChange: params[1] }\r\n      : typeof params[0] === 'object'\r\n        ? params[0]\r\n        : { onChange: params[0] }\r\n  ) as UseVisibilityOptions | undefined;\r\n\r\n  const callback = options?.onChange;\r\n  const enabled = options?.enabled ?? true;\r\n\r\n  const [observer, setObserver] = useState<IntersectionObserver>();\r\n  const [entry, setEntry] = useState<IntersectionObserverEntry>();\r\n  const inView = entry?.isIntersecting ?? false;\r\n\r\n  const internalRef = useRefState<Element>();\r\n  const internalCallbackRef = useRef(callback);\r\n  internalCallbackRef.current = callback;\r\n\r\n  useEffect(() => {\r\n    if (!enabled || (!target && !internalRef.state)) return;\r\n\r\n    const element = target ? isTarget.getElement(target) : internalRef.current;\r\n    if (!element) return;\r\n\r\n    const observer = new IntersectionObserver(\r\n      (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {\r\n        const firstEntry = entries[0];\r\n        if (firstEntry) {\r\n          setEntry(firstEntry);\r\n          internalCallbackRef.current?.(firstEntry, observer);\r\n        }\r\n      },\r\n      {\r\n        ...options,\r\n        root: options?.root ? (isTarget.getElement(options.root) as Document | Element) : document\r\n      }\r\n    );\r\n\r\n    setObserver(observer);\r\n    observer.observe(element as Element);\r\n\r\n    return () => {\r\n      observer.disconnect();\r\n    };\r\n  }, [\r\n    target && isTarget.getRawElement(target),\r\n    internalRef.state,\r\n    options?.rootMargin,\r\n    options?.threshold,\r\n    options?.root,\r\n    enabled\r\n  ]);\r\n\r\n  if (target) return { observer, entry, inView };\r\n  return {\r\n    observer,\r\n    ref: internalRef,\r\n    entry,\r\n    inView\r\n  };\r\n}) as UseVisibility;\r\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;"}
+{"version":3,"file":"useVisibility.mjs","names":[],"sources":["../../../../src/hooks/useVisibility/useVisibility.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\nimport type { HookTarget } from '@/utils/helpers';\r\n\r\nimport { isTarget } from '@/utils/helpers';\r\n\r\nimport type { StateRef } from '../useRefState/useRefState';\r\n\r\nimport { useRefState } from '../useRefState/useRefState';\r\n\r\n/** The visibility callback type */\r\nexport type UseVisibilityCallback = (\r\n  entry: IntersectionObserverEntry,\r\n  observer: IntersectionObserver\r\n) => void;\r\n\r\n/** The visibility options type */\r\nexport interface UseVisibilityOptions extends Omit<IntersectionObserverInit, 'root'> {\r\n  /** The enabled state of the intersection */\r\n  enabled?: boolean;\r\n  /** The callback to execute when intersection is detected */\r\n  onChange?: UseVisibilityCallback;\r\n  /** The root element to observe */\r\n  root?: HookTarget;\r\n}\r\n\r\n/** The intersection observer return type */\r\nexport interface UseVisibilityReturn {\r\n  /** The intersection observer entry */\r\n  entry?: IntersectionObserverEntry;\r\n  /** The intersection observer in view */\r\n  inView: boolean;\r\n  /** The intersection observer instance */\r\n  observer?: IntersectionObserver;\r\n}\r\n\r\nexport interface UseVisibility {\r\n  <Target extends Element>(\r\n    options?: UseVisibilityOptions,\r\n    target?: never\r\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\r\n\r\n  (target: HookTarget, options?: UseVisibilityOptions): UseVisibilityReturn;\r\n\r\n  <Target extends Element>(\r\n    callback: UseVisibilityCallback,\r\n    target?: never\r\n  ): UseVisibilityReturn & { ref: StateRef<Target> };\r\n\r\n  (target: HookTarget, callback: UseVisibilityCallback): UseVisibilityReturn;\r\n}\r\n\r\n/**\r\n * @name useVisibility\r\n * @description - Hook that gives you visibility observer state\r\n * @category Sensors\r\n * @usage medium\r\n *\r\n * @browserapi IntersectionObserver https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver\r\n *\r\n * @overload\r\n * @param {HookTarget} target The target element to detect intersection\r\n * @param {boolean} [options.enabled=true] The Intersection options\r\n * @param {((entries: IntersectionEntry[], observer: Intersection) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\r\n * @param {HookTarget} [options.root=document] The root element to observe\r\n * @returns {UseVisibilityReturn} An object containing the state\r\n *\r\n * @example\r\n * const { ref, entries, observer } = useVisibility();\r\n *\r\n * @overload\r\n * @template Target The target element\r\n * @param {boolean} [options.enabled=true] The Intersection options\r\n * @param {((entries: IntersectionEntry[], observer: Intersection) => void) | undefined} [options.onChange] The callback to execute when intersection is detected\r\n * @param {HookTarget} [options.root=document] The root element to observe\r\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\r\n *\r\n * @example\r\n * const { entries, observer } = useVisibility(ref);\r\n *\r\n * @overload\r\n * @template Target The target element\r\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\r\n * @returns {UseVisibilityReturn & { ref: StateRef<Target> }} A React ref to attach to the target element\r\n *\r\n * @example\r\n * const { ref, entries, observer } = useVisibility(() => console.log('callback'));\r\n *\r\n * @overload\r\n * @param {UseVisibilityCallback} callback The callback to execute when intersection is detected\r\n * @param {HookTarget} target The target element to detect intersection\r\n * @returns {UseVisibilityReturn} An object containing the state\r\n *\r\n * @example\r\n * const { entries, observer } = useVisibility(ref, () => console.log('callback'));\r\n */\r\nexport const useVisibility = ((...params: any[]) => {\r\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\r\n\r\n  const options = (\r\n    target\r\n      ? typeof params[1] === 'object'\r\n        ? params[1]\r\n        : { onChange: params[1] }\r\n      : typeof params[0] === 'object'\r\n        ? params[0]\r\n        : { onChange: params[0] }\r\n  ) as UseVisibilityOptions | undefined;\r\n\r\n  const callback = options?.onChange;\r\n  const enabled = options?.enabled ?? true;\r\n\r\n  const [observer, setObserver] = useState<IntersectionObserver>();\r\n  const [entry, setEntry] = useState<IntersectionObserverEntry>();\r\n  const inView = entry?.isIntersecting ?? false;\r\n\r\n  const internalRef = useRefState<Element>();\r\n  const internalCallbackRef = useRef(callback);\r\n  internalCallbackRef.current = callback;\r\n\r\n  useEffect(() => {\r\n    if (!enabled || (!target && !internalRef.state)) return;\r\n\r\n    const element = target ? isTarget.getElement(target) : internalRef.current;\r\n    if (!element) return;\r\n\r\n    const observer = new IntersectionObserver(\r\n      (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {\r\n        const firstEntry = entries[0];\r\n        if (firstEntry) {\r\n          setEntry(firstEntry);\r\n          internalCallbackRef.current?.(firstEntry, observer);\r\n        }\r\n      },\r\n      {\r\n        ...options,\r\n        root: options?.root ? (isTarget.getElement(options.root) as Document | Element) : document\r\n      }\r\n    );\r\n\r\n    setObserver(observer);\r\n    observer.observe(element as Element);\r\n\r\n    return () => {\r\n      observer.disconnect();\r\n    };\r\n  }, [\r\n    target && isTarget.getRawElement(target),\r\n    internalRef.state,\r\n    options?.rootMargin,\r\n    options?.threshold,\r\n    options?.root,\r\n    enabled\r\n  ]);\r\n\r\n  if (target) return { observer, entry, inView };\r\n  return {\r\n    observer,\r\n    ref: internalRef,\r\n    entry,\r\n    inView\r\n  };\r\n}) as UseVisibility;\r\n"],"mappings":";;;;AAgGA,IAAa,MAAkB,GAAG,MAAkB;CAClD,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAE5C,IACJ,IACI,OAAO,EAAO,MAAO,WACnB,EAAO,KACP,EAAE,UAAU,EAAO,IAAI,GACzB,OAAO,EAAO,MAAO,WACnB,EAAO,KACP,EAAE,UAAU,EAAO,IAAI,EAGzB,IAAW,GAAS,UACpB,IAAU,GAAS,WAAW,IAE9B,CAAC,GAAU,KAAe,GAAgC,EAC1D,CAAC,GAAO,KAAY,GAAqC,EACzD,IAAS,GAAO,kBAAkB,IAElC,IAAc,GAAsB,EACpC,IAAsB,EAAO,EAAS;AAuC5C,QAtCA,EAAoB,UAAU,GAE9B,QAAgB;AACd,MAAI,CAAC,KAAY,CAAC,KAAU,CAAC,EAAY,MAAQ;EAEjD,IAAM,IAAU,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY;AACnE,MAAI,CAAC,EAAS;EAEd,IAAM,IAAW,IAAI,sBAClB,GAAsC,MAAmC;GACxE,IAAM,IAAa,EAAQ;AAC3B,GAAI,MACF,EAAS,EAAW,EACpB,EAAoB,UAAU,GAAY,EAAS;KAGvD;GACE,GAAG;GACH,MAAM,GAAS,OAAQ,EAAS,WAAW,EAAQ,KAAK,GAA0B;GACnF,CACF;AAKD,SAHA,EAAY,EAAS,EACrB,EAAS,QAAQ,EAAmB,QAEvB;AACX,KAAS,YAAY;;IAEtB;EACD,KAAU,EAAS,cAAc,EAAO;EACxC,EAAY;EACZ,GAAS;EACT,GAAS;EACT,GAAS;EACT;EACD,CAAC,EAEE,IAAe;EAAE;EAAU;EAAO;EAAQ,GACvC;EACL;EACA,KAAK;EACL;EACA;EACD"}

package/dist/esm/hooks/useWakeLock/useWakeLock.mjs

@@ -1,24 +1,29 @@
-import { useState as v, useRef as d, useEffect as l } from "react";
-const y = (i) => {
-  const t = typeof navigator < "u" && "wakeLock" in navigator && !!navigator.wakeLock, [o, r] = v(!1), e = d(void 0), u = i?.immediately ?? !1, a = i?.type ?? "screen", s = async (n) => {
-    t && (e.current = await navigator.wakeLock.request(n ?? i?.type), e.current.addEventListener("release", () => {
-      r(!1), e.current = void 0;
-    }), r(!0));
-  }, c = async () => {
-    !t || !e.current || (await e.current.release(), e.current = void 0, r(!1));
-  };
-  return l(() => {
-    if (!t || !u || document.visibilityState !== "visible" || a !== "screen")
-      return;
-    const n = async () => {
-      await c(), await s(a);
-    };
-    return document.addEventListener("visibilitychange", n), () => {
-      document.removeEventListener("visibilitychange", n);
-    };
-  }, [a]), { supported: t, active: o, request: s, release: c };
+import { useEffect as e, useRef as t, useState as n } from "react";
+//#region src/hooks/useWakeLock/useWakeLock.ts
+var r = (r) => {
+	let i = typeof navigator < "u" && "wakeLock" in navigator && !!navigator.wakeLock, [a, o] = n(!1), s = t(void 0), c = r?.immediately ?? !1, l = r?.type ?? "screen", u = async (e) => {
+		i && (s.current = await navigator.wakeLock.request(e ?? r?.type), s.current.addEventListener("release", () => {
+			o(!1), s.current = void 0;
+		}), o(!0));
+	}, d = async () => {
+		!i || !s.current || (await s.current.release(), s.current = void 0, o(!1));
+	};
+	return e(() => {
+		if (!i || !c || document.visibilityState !== "visible" || l !== "screen") return;
+		let e = async () => {
+			await d(), await u(l);
+		};
+		return document.addEventListener("visibilitychange", e), () => {
+			document.removeEventListener("visibilitychange", e);
+		};
+	}, [l]), {
+		supported: i,
+		active: a,
+		request: u,
+		release: d
+	};
 };
-export {
-  y as useWakeLock
-};
-//# sourceMappingURL=useWakeLock.mjs.map
+//#endregion
+export { r as useWakeLock };
+
+//# sourceMappingURL=useWakeLock.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWakeLock.mjs","sources":["../../../../src/hooks/useWakeLock/useWakeLock.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\n/** The use wake lock options type */\r\nexport interface UseWakeLockOptions {\r\n  /** Determines if the wake lock should be automatically reacquired when the document becomes visible. */\r\n  immediately?: boolean;\r\n  /** A string specifying the screen wake lock type. */\r\n  type?: WakeLockType;\r\n}\r\n\r\n/** The use wake lock return type */\r\nexport interface UseWakeLockReturn {\r\n  /** Indicates if the wake lock is currently active. */\r\n  active: boolean;\r\n  /** Indicates if the Wake Lock API is supported in the current environment. */\r\n  supported: boolean;\r\n  /** Function to release the wake lock. */\r\n  release: () => Promise<void>;\r\n  /** Function to request the wake lock. */\r\n  request: () => Promise<void>;\r\n}\r\n\r\n/**\r\n * @name useWakeLock\r\n * @description - Hook that provides a wake lock functionality\r\n * @category Browser\r\n * @usage low\r\n *\r\n * @browserapi navigator.wakeLock https://developer.mozilla.org/en-US/docs/Web/API/WakeLock\r\n *\r\n * @param {immediately} [options] Configuration options for the hook.\r\n * @returns {UseWakeLockReturn} An object containing the wake lock state and control methods.\r\n *\r\n * @example\r\n * const { supported, active, request, release } = useWakeLock();\r\n */\r\nexport const useWakeLock = (options?: UseWakeLockOptions): UseWakeLockReturn => {\r\n  const supported =\r\n    typeof navigator !== 'undefined' && 'wakeLock' in navigator && !!navigator.wakeLock;\r\n\r\n  const [active, setActive] = useState(false);\r\n  const sentinel = useRef<WakeLockSentinel>(undefined);\r\n\r\n  const immediately = options?.immediately ?? false;\r\n  const type = options?.type ?? 'screen';\r\n\r\n  const request = async (type?: WakeLockType) => {\r\n    if (!supported) return;\r\n\r\n    sentinel.current = await navigator.wakeLock.request(type ?? options?.type);\r\n    sentinel.current.addEventListener('release', () => {\r\n      setActive(false);\r\n      sentinel.current = undefined;\r\n    });\r\n\r\n    setActive(true);\r\n  };\r\n\r\n  const release = async () => {\r\n    if (!supported || !sentinel.current) return;\r\n\r\n    await sentinel.current.release();\r\n    sentinel.current = undefined;\r\n    setActive(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!supported || !immediately || document.visibilityState !== 'visible' || type !== 'screen')\r\n      return;\r\n\r\n    const onVisibilityChange = async () => {\r\n      await release();\r\n      await request(type);\r\n    };\r\n\r\n    document.addEventListener('visibilitychange', onVisibilityChange);\r\n    return () => {\r\n      document.removeEventListener('visibilitychange', onVisibilityChange);\r\n    };\r\n  }, [type]);\r\n\r\n  return { supported, active, request, release };\r\n};\r\n"],"names":["useWakeLock","options","supported","active","setActive","useState","sentinel","useRef","immediately","type","request","release","useEffect","onVisibilityChange"],"mappings":";AAoCO,MAAMA,IAAc,CAACC,MAAoD;AAC9E,QAAMC,IACJ,OAAO,YAAc,OAAe,cAAc,aAAa,CAAC,CAAC,UAAU,UAEvE,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAWC,EAAyB,MAAS,GAE7CC,IAAcP,GAAS,eAAe,IACtCQ,IAAOR,GAAS,QAAQ,UAExBS,IAAU,OAAOD,MAAwB;AAC7C,IAAKP,MAELI,EAAS,UAAU,MAAM,UAAU,SAAS,QAAQG,KAAQR,GAAS,IAAI,GACzEK,EAAS,QAAQ,iBAAiB,WAAW,MAAM;AACjD,MAAAF,EAAU,EAAK,GACfE,EAAS,UAAU;AAAA,IAAA,CACpB,GAEDF,EAAU,EAAI;AAAA,EAAA,GAGVO,IAAU,YAAY;AAC1B,IAAI,CAACT,KAAa,CAACI,EAAS,YAE5B,MAAMA,EAAS,QAAQ,QAAA,GACvBA,EAAS,UAAU,QACnBF,EAAU,EAAK;AAAA,EAAA;AAGjB,SAAAQ,EAAU,MAAM;AACd,QAAI,CAACV,KAAa,CAACM,KAAe,SAAS,oBAAoB,aAAaC,MAAS;AACnF;AAEF,UAAMI,IAAqB,YAAY;AACrC,YAAMF,EAAA,GACN,MAAMD,EAAQD,CAAI;AAAA,IAAA;AAGpB,oBAAS,iBAAiB,oBAAoBI,CAAkB,GACzD,MAAM;AACX,eAAS,oBAAoB,oBAAoBA,CAAkB;AAAA,IAAA;AAAA,EACrE,GACC,CAACJ,CAAI,CAAC,GAEF,EAAE,WAAAP,GAAW,QAAAC,GAAQ,SAAAO,GAAS,SAAAC,EAAA;AACvC;"}
+{"version":3,"file":"useWakeLock.mjs","names":[],"sources":["../../../../src/hooks/useWakeLock/useWakeLock.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\n/** The use wake lock options type */\r\nexport interface UseWakeLockOptions {\r\n  /** Determines if the wake lock should be automatically reacquired when the document becomes visible. */\r\n  immediately?: boolean;\r\n  /** A string specifying the screen wake lock type. */\r\n  type?: WakeLockType;\r\n}\r\n\r\n/** The use wake lock return type */\r\nexport interface UseWakeLockReturn {\r\n  /** Indicates if the wake lock is currently active. */\r\n  active: boolean;\r\n  /** Indicates if the Wake Lock API is supported in the current environment. */\r\n  supported: boolean;\r\n  /** Function to release the wake lock. */\r\n  release: () => Promise<void>;\r\n  /** Function to request the wake lock. */\r\n  request: () => Promise<void>;\r\n}\r\n\r\n/**\r\n * @name useWakeLock\r\n * @description - Hook that provides a wake lock functionality\r\n * @category Browser\r\n * @usage low\r\n *\r\n * @browserapi navigator.wakeLock https://developer.mozilla.org/en-US/docs/Web/API/WakeLock\r\n *\r\n * @param {immediately} [options] Configuration options for the hook.\r\n * @returns {UseWakeLockReturn} An object containing the wake lock state and control methods.\r\n *\r\n * @example\r\n * const { supported, active, request, release } = useWakeLock();\r\n */\r\nexport const useWakeLock = (options?: UseWakeLockOptions): UseWakeLockReturn => {\r\n  const supported =\r\n    typeof navigator !== 'undefined' && 'wakeLock' in navigator && !!navigator.wakeLock;\r\n\r\n  const [active, setActive] = useState(false);\r\n  const sentinel = useRef<WakeLockSentinel>(undefined);\r\n\r\n  const immediately = options?.immediately ?? false;\r\n  const type = options?.type ?? 'screen';\r\n\r\n  const request = async (type?: WakeLockType) => {\r\n    if (!supported) return;\r\n\r\n    sentinel.current = await navigator.wakeLock.request(type ?? options?.type);\r\n    sentinel.current.addEventListener('release', () => {\r\n      setActive(false);\r\n      sentinel.current = undefined;\r\n    });\r\n\r\n    setActive(true);\r\n  };\r\n\r\n  const release = async () => {\r\n    if (!supported || !sentinel.current) return;\r\n\r\n    await sentinel.current.release();\r\n    sentinel.current = undefined;\r\n    setActive(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!supported || !immediately || document.visibilityState !== 'visible' || type !== 'screen')\r\n      return;\r\n\r\n    const onVisibilityChange = async () => {\r\n      await release();\r\n      await request(type);\r\n    };\r\n\r\n    document.addEventListener('visibilitychange', onVisibilityChange);\r\n    return () => {\r\n      document.removeEventListener('visibilitychange', onVisibilityChange);\r\n    };\r\n  }, [type]);\r\n\r\n  return { supported, active, request, release };\r\n};\r\n"],"mappings":";;AAoCA,IAAa,KAAe,MAAoD;CAC9E,IAAM,IACJ,OAAO,YAAc,OAAe,cAAc,aAAa,CAAC,CAAC,UAAU,UAEvE,CAAC,GAAQ,KAAa,EAAS,GAAM,EACrC,IAAW,EAAyB,KAAA,EAAU,EAE9C,IAAc,GAAS,eAAe,IACtC,IAAO,GAAS,QAAQ,UAExB,IAAU,OAAO,MAAwB;AACxC,QAEL,EAAS,UAAU,MAAM,UAAU,SAAS,QAAQ,KAAQ,GAAS,KAAK,EAC1E,EAAS,QAAQ,iBAAiB,iBAAiB;AAEjD,GADA,EAAU,GAAM,EAChB,EAAS,UAAU,KAAA;IACnB,EAEF,EAAU,GAAK;IAGX,IAAU,YAAY;AACtB,GAAC,KAAa,CAAC,EAAS,YAE5B,MAAM,EAAS,QAAQ,SAAS,EAChC,EAAS,UAAU,KAAA,GACnB,EAAU,GAAM;;AAkBlB,QAfA,QAAgB;AACd,MAAI,CAAC,KAAa,CAAC,KAAe,SAAS,oBAAoB,aAAa,MAAS,SACnF;EAEF,IAAM,IAAqB,YAAY;AAErC,GADA,MAAM,GAAS,EACf,MAAM,EAAQ,EAAK;;AAIrB,SADA,SAAS,iBAAiB,oBAAoB,EAAmB,QACpD;AACX,YAAS,oBAAoB,oBAAoB,EAAmB;;IAErE,CAAC,EAAK,CAAC,EAEH;EAAE;EAAW;EAAQ;EAAS;EAAS"}

package/dist/esm/hooks/useWebSocket/useWebSocket.mjs

@@ -1,36 +1,39 @@
-import { useRef as i, useState as S, useEffect as g } from "react";
-import { useEvent as R } from "../useEvent/useEvent.mjs";
-import { getRetry as d } from "../../utils/helpers/getRetry.mjs";
-const w = (c, r) => {
-  const t = i(void 0), s = i(r?.retry ? d(r.retry) : 0), u = i(!1), [a, o] = S("connecting"), l = (e) => t.current?.send(e), y = () => {
-    u.current = !0, t.current?.close();
-  }, f = R(() => {
-    t.current = new WebSocket(
-      typeof c == "function" ? c() : c,
-      r?.protocols
-    ), o("connecting");
-    const e = t.current;
-    e && (e.onopen = () => {
-      o("connected"), r?.onConnected?.(e);
-    }, e.onerror = (n) => {
-      o("failed"), r?.onError?.(n, e);
-    }, e.onmessage = (n) => r?.onMessage?.(n, e), e.onclose = (n) => {
-      if (o("disconnected"), r?.onDisconnected?.(n, e), !u.current) {
-        if (s.current > 0)
-          return s.current -= 1, f();
-        s.current = r?.retry ? d(r.retry) : 0;
-      }
-    });
-  });
-  g(() => (f(), () => {
-    t.current && (t.current.close(), t.current = void 0);
-  }), [c]);
-  const m = () => {
-    u.current = !1, f();
-  };
-  return { client: t.current, close: y, open: m, send: l, status: a };
+import { getRetry as e } from "../../utils/helpers/getRetry.mjs";
+import { useEvent as t } from "../useEvent/useEvent.mjs";
+import { useEffect as n, useRef as r, useState as i } from "react";
+//#region src/hooks/useWebSocket/useWebSocket.ts
+var a = (a, o) => {
+	let s = r(void 0), c = r(o?.retry ? e(o.retry) : 0), l = r(!1), [u, d] = i("connecting"), f = (e) => {
+		s.current?.send(e);
+	}, p = () => {
+		l.current = !0, s.current?.close();
+	}, m = t(() => {
+		s.current = new WebSocket(typeof a == "function" ? a() : a, o?.protocols), d("connecting");
+		let t = s.current;
+		t && (t.onopen = () => {
+			d("connected"), o?.onConnected?.(t);
+		}, t.onerror = (e) => {
+			d("failed"), o?.onError?.(e, t);
+		}, t.onmessage = (e) => o?.onMessage?.(e, t), t.onclose = (n) => {
+			if (d("disconnected"), o?.onDisconnected?.(n, t), !l.current) {
+				if (c.current > 0) return --c.current, m();
+				c.current = o?.retry ? e(o.retry) : 0;
+			}
+		});
+	});
+	return n(() => (m(), () => {
+		s.current &&= (s.current.close(), void 0);
+	}), [a]), {
+		client: s.current,
+		close: p,
+		open: () => {
+			l.current = !1, m();
+		},
+		send: f,
+		status: u
+	};
 };
-export {
-  w as useWebSocket
-};
-//# sourceMappingURL=useWebSocket.mjs.map
+//#endregion
+export { a as useWebSocket };
+
+//# sourceMappingURL=useWebSocket.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWebSocket.mjs","sources":["../../../../src/hooks/useWebSocket/useWebSocket.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\r\n\r\nimport { getRetry } from '@/utils/helpers';\r\n\r\nimport { useEvent } from '../useEvent/useEvent';\r\n\r\n/** The use web socket url type */\r\nexport type UseWebSocketUrl = (() => string) | string;\r\n\r\n/** The use web socket options type */\r\nexport interface UseWebSocketOptions {\r\n  /** The list of protocols to use */\r\n  protocols?: Array<'soap' | 'wasm'>;\r\n  /** The number of times to retry the connection */\r\n  retry?: boolean | number;\r\n  /** The callback function that is called when the WebSocket connection is established */\r\n  onConnected?: (webSocket: WebSocket) => void;\r\n  /** The callback function that is called when the WebSocket connection is closed */\r\n  onDisconnected?: (event: CloseEvent, webSocket: WebSocket) => void;\r\n  /** The callback function that is called when an error occurs */\r\n  onError?: (event: Event, webSocket: WebSocket) => void;\r\n  /** The callback function that is called when a message is received */\r\n  onMessage?: (event: MessageEvent, webSocket: WebSocket) => void;\r\n}\r\n\r\nexport type UseWebSocketStatus = 'connected' | 'connecting' | 'disconnected' | 'failed';\r\n\r\n/** The use web socket return type */\r\nexport interface UseWebSocketReturn {\r\n  /** The WebSocket client */\r\n  client?: WebSocket;\r\n  /** The close function */\r\n  close: WebSocket['close'];\r\n  /** The send function */\r\n  send: WebSocket['send'];\r\n  /** The status of the WebSocket connection */\r\n  status: UseWebSocketStatus;\r\n  /** The open function */\r\n  open: () => void;\r\n}\r\n\r\n/**\r\n * @name useWebSocket\r\n * @description - Hook that connects to a WebSocket server and handles incoming and outgoing messages\r\n * @category Browser\r\n * @usage medium\r\n *\r\n * @browserapi WebSocket https://developer.mozilla.org/en-US/docs/Web/API/WebSocket\r\n *\r\n * @param {UseWebSocketUrl} url The URL of the WebSocket server\r\n * @param {(webSocket: WebSocket) => void} [options.onConnected] The callback function that is called when the WebSocket connection is established\r\n * @param {(event: CloseEvent, webSocket: WebSocket) => void} [options.onDisconnected] The callback function that is called when the WebSocket connection is closed\r\n * @param {(event: Event, webSocket: WebSocket) => void} [options.onError] The callback function that is called when an error occurs\r\n * @param {(event: MessageEvent, webSocket: WebSocket) => void} [options.onMessage] The callback function that is called when a message is received\r\n * @param {boolean | number} [options.retry] The number of times to retry the connection\r\n * @param {Array<'soap' | 'wasm'>} [options.protocols] The list of protocols to use\r\n * @returns {UseWebSocketReturn} An object with the status, close, send, open, and ws properties\r\n *\r\n * @example\r\n * const { status, close, send, open, client } = useWebSocket('url');\r\n */\r\nexport const useWebSocket = (\r\n  url: UseWebSocketUrl,\r\n  options?: UseWebSocketOptions\r\n): UseWebSocketReturn => {\r\n  const webSocketRef = useRef<WebSocket>(undefined);\r\n  const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);\r\n  const explicityCloseRef = useRef(false);\r\n\r\n  const [status, setStatus] = useState<UseWebSocketStatus>('connecting');\r\n\r\n  const send = (data: string | ArrayBufferLike | ArrayBufferView | Blob) =>\r\n    webSocketRef.current?.send(data);\r\n\r\n  const close = () => {\r\n    explicityCloseRef.current = true;\r\n    webSocketRef.current?.close();\r\n  };\r\n\r\n  const init = useEvent(() => {\r\n    webSocketRef.current = new WebSocket(\r\n      typeof url === 'function' ? url() : url,\r\n      options?.protocols\r\n    );\r\n    setStatus('connecting');\r\n\r\n    const webSocket = webSocketRef.current;\r\n    if (!webSocket) return;\r\n\r\n    webSocket.onopen = () => {\r\n      setStatus('connected');\r\n      options?.onConnected?.(webSocket);\r\n    };\r\n\r\n    webSocket.onerror = (event) => {\r\n      setStatus('failed');\r\n      options?.onError?.(event, webSocket);\r\n    };\r\n\r\n    webSocket.onmessage = (event) => options?.onMessage?.(event, webSocket);\r\n\r\n    webSocket.onclose = (event) => {\r\n      setStatus('disconnected');\r\n      options?.onDisconnected?.(event, webSocket);\r\n      if (explicityCloseRef.current) return;\r\n\r\n      if (retryCountRef.current > 0) {\r\n        retryCountRef.current -= 1;\r\n        return init();\r\n      }\r\n      retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\r\n    };\r\n  });\r\n\r\n  useEffect(() => {\r\n    init();\r\n\r\n    return () => {\r\n      if (!webSocketRef.current) return;\r\n      webSocketRef.current.close();\r\n      webSocketRef.current = undefined;\r\n    };\r\n  }, [url]);\r\n\r\n  const open = () => {\r\n    explicityCloseRef.current = false;\r\n    init();\r\n  };\r\n\r\n  return { client: webSocketRef.current, close, open, send, status };\r\n};\r\n"],"names":["useWebSocket","url","options","webSocketRef","useRef","retryCountRef","getRetry","explicityCloseRef","status","setStatus","useState","send","data","close","init","useEvent","webSocket","event","useEffect","open"],"mappings":";;;AA6DO,MAAMA,IAAe,CAC1BC,GACAC,MACuB;AACvB,QAAMC,IAAeC,EAAkB,MAAS,GAC1CC,IAAgBD,EAAOF,GAAS,QAAQI,EAASJ,EAAQ,KAAK,IAAI,CAAC,GACnEK,IAAoBH,EAAO,EAAK,GAEhC,CAACI,GAAQC,CAAS,IAAIC,EAA6B,YAAY,GAE/DC,IAAO,CAACC,MACZT,EAAa,SAAS,KAAKS,CAAI,GAE3BC,IAAQ,MAAM;AAClB,IAAAN,EAAkB,UAAU,IAC5BJ,EAAa,SAAS,MAAA;AAAA,EAAM,GAGxBW,IAAOC,EAAS,MAAM;AAC1B,IAAAZ,EAAa,UAAU,IAAI;AAAA,MACzB,OAAOF,KAAQ,aAAaA,EAAA,IAAQA;AAAA,MACpCC,GAAS;AAAA,IAAA,GAEXO,EAAU,YAAY;AAEtB,UAAMO,IAAYb,EAAa;AAC/B,IAAKa,MAELA,EAAU,SAAS,MAAM;AACvB,MAAAP,EAAU,WAAW,GACrBP,GAAS,cAAcc,CAAS;AAAA,IAAA,GAGlCA,EAAU,UAAU,CAACC,MAAU;AAC7B,MAAAR,EAAU,QAAQ,GAClBP,GAAS,UAAUe,GAAOD,CAAS;AAAA,IAAA,GAGrCA,EAAU,YAAY,CAACC,MAAUf,GAAS,YAAYe,GAAOD,CAAS,GAEtEA,EAAU,UAAU,CAACC,MAAU;AAG7B,UAFAR,EAAU,cAAc,GACxBP,GAAS,iBAAiBe,GAAOD,CAAS,GACtC,CAAAT,EAAkB,SAEtB;AAAA,YAAIF,EAAc,UAAU;AAC1B,iBAAAA,EAAc,WAAW,GAClBS,EAAA;AAET,QAAAT,EAAc,UAAUH,GAAS,QAAQI,EAASJ,EAAQ,KAAK,IAAI;AAAA;AAAA,IAAA;AAAA,EACrE,CACD;AAED,EAAAgB,EAAU,OACRJ,EAAA,GAEO,MAAM;AACX,IAAKX,EAAa,YAClBA,EAAa,QAAQ,MAAA,GACrBA,EAAa,UAAU;AAAA,EAAA,IAExB,CAACF,CAAG,CAAC;AAER,QAAMkB,IAAO,MAAM;AACjB,IAAAZ,EAAkB,UAAU,IAC5BO,EAAA;AAAA,EAAK;AAGP,SAAO,EAAE,QAAQX,EAAa,SAAS,OAAAU,GAAO,MAAAM,GAAM,MAAAR,GAAM,QAAAH,EAAA;AAC5D;"}
+{"version":3,"file":"useWebSocket.mjs","names":[],"sources":["../../../../src/hooks/useWebSocket/useWebSocket.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { getRetry } from '@/utils/helpers';\n\nimport { useEvent } from '../useEvent/useEvent';\n\n/** The use web socket url type */\nexport type UseWebSocketUrl = (() => string) | string;\n\n/** The use web socket options type */\nexport interface UseWebSocketOptions {\n  /** The list of protocols to use */\n  protocols?: Array<'soap' | 'wasm'>;\n  /** The number of times to retry the connection */\n  retry?: boolean | number;\n  /** The callback function that is called when the WebSocket connection is established */\n  onConnected?: (webSocket: WebSocket) => void;\n  /** The callback function that is called when the WebSocket connection is closed */\n  onDisconnected?: (event: CloseEvent, webSocket: WebSocket) => void;\n  /** The callback function that is called when an error occurs */\n  onError?: (event: Event, webSocket: WebSocket) => void;\n  /** The callback function that is called when a message is received */\n  onMessage?: (event: MessageEvent, webSocket: WebSocket) => void;\n}\n\n/** The use web socket status type */\nexport type UseWebSocketStatus = 'connected' | 'connecting' | 'disconnected' | 'failed';\n\n/** The use web socket return type */\nexport interface UseWebSocketReturn {\n  /** The WebSocket client */\n  client?: WebSocket;\n  /** The close function */\n  close: WebSocket['close'];\n  /** The send function */\n  send: WebSocket['send'];\n  /** The status of the WebSocket connection */\n  status: UseWebSocketStatus;\n  /** The open function */\n  open: () => void;\n}\n\n/**\n * @name useWebSocket\n * @description - Hook that connects to a WebSocket server and handles incoming and outgoing messages\n * @category Browser\n * @usage medium\n *\n * @browserapi WebSocket https://developer.mozilla.org/en-US/docs/Web/API/WebSocket\n *\n * @param {UseWebSocketUrl} url The URL of the WebSocket server\n * @param {(webSocket: WebSocket) => void} [options.onConnected] The callback function that is called when the WebSocket connection is established\n * @param {(event: CloseEvent, webSocket: WebSocket) => void} [options.onDisconnected] The callback function that is called when the WebSocket connection is closed\n * @param {(event: Event, webSocket: WebSocket) => void} [options.onError] The callback function that is called when an error occurs\n * @param {(event: MessageEvent, webSocket: WebSocket) => void} [options.onMessage] The callback function that is called when a message is received\n * @param {boolean | number} [options.retry] The number of times to retry the connection\n * @param {Array<'soap' | 'wasm'>} [options.protocols] The list of protocols to use\n * @returns {UseWebSocketReturn} An object with the status, close, send, open, and ws properties\n *\n * @example\n * const { status, close, send, open, client } = useWebSocket('url');\n */\nexport const useWebSocket = (\n  url: UseWebSocketUrl,\n  options?: UseWebSocketOptions\n): UseWebSocketReturn => {\n  const webSocketRef = useRef<WebSocket>(undefined);\n  const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);\n  const explicityCloseRef = useRef(false);\n\n  const [status, setStatus] = useState<UseWebSocketStatus>('connecting');\n\n  const send = (data: string | Blob | BufferSource) => {\n    webSocketRef.current?.send(data);\n  };\n\n  const close = () => {\n    explicityCloseRef.current = true;\n    webSocketRef.current?.close();\n  };\n\n  const init = useEvent(() => {\n    webSocketRef.current = new WebSocket(\n      typeof url === 'function' ? url() : url,\n      options?.protocols\n    );\n    setStatus('connecting');\n\n    const webSocket = webSocketRef.current;\n    if (!webSocket) return;\n\n    webSocket.onopen = () => {\n      setStatus('connected');\n      options?.onConnected?.(webSocket);\n    };\n\n    webSocket.onerror = (event) => {\n      setStatus('failed');\n      options?.onError?.(event, webSocket);\n    };\n\n    webSocket.onmessage = (event) => options?.onMessage?.(event, webSocket);\n\n    webSocket.onclose = (event) => {\n      setStatus('disconnected');\n      options?.onDisconnected?.(event, webSocket);\n      if (explicityCloseRef.current) return;\n\n      if (retryCountRef.current > 0) {\n        retryCountRef.current -= 1;\n        return init();\n      }\n      retryCountRef.current = options?.retry ? getRetry(options.retry) : 0;\n    };\n  });\n\n  useEffect(() => {\n    init();\n\n    return () => {\n      if (!webSocketRef.current) return;\n      webSocketRef.current.close();\n      webSocketRef.current = undefined;\n    };\n  }, [url]);\n\n  const open = () => {\n    explicityCloseRef.current = false;\n    init();\n  };\n\n  return { client: webSocketRef.current, close, open, send, status };\n};\n"],"mappings":";;;;AA8DA,IAAa,KACX,GACA,MACuB;CACvB,IAAM,IAAe,EAAkB,KAAA,EAAU,EAC3C,IAAgB,EAAO,GAAS,QAAQ,EAAS,EAAQ,MAAM,GAAG,EAAE,EACpE,IAAoB,EAAO,GAAM,EAEjC,CAAC,GAAQ,KAAa,EAA6B,aAAa,EAEhE,KAAQ,MAAuC;AACnD,IAAa,SAAS,KAAK,EAAK;IAG5B,UAAc;AAElB,EADA,EAAkB,UAAU,IAC5B,EAAa,SAAS,OAAO;IAGzB,IAAO,QAAe;AAK1B,EAJA,EAAa,UAAU,IAAI,UACzB,OAAO,KAAQ,aAAa,GAAK,GAAG,GACpC,GAAS,UACV,EACD,EAAU,aAAa;EAEvB,IAAM,IAAY,EAAa;AAC1B,QAEL,EAAU,eAAe;AAEvB,GADA,EAAU,YAAY,EACtB,GAAS,cAAc,EAAU;KAGnC,EAAU,WAAW,MAAU;AAE7B,GADA,EAAU,SAAS,EACnB,GAAS,UAAU,GAAO,EAAU;KAGtC,EAAU,aAAa,MAAU,GAAS,YAAY,GAAO,EAAU,EAEvE,EAAU,WAAW,MAAU;AAC7B,SAAU,eAAe,EACzB,GAAS,iBAAiB,GAAO,EAAU,EACvC,GAAkB,SAEtB;QAAI,EAAc,UAAU,EAE1B,QADA,IAAc,SACP,GAAM;AAEf,MAAc,UAAU,GAAS,QAAQ,EAAS,EAAQ,MAAM,GAAG;;;GAErE;AAiBF,QAfA,SACE,GAAM,QAEO;AACN,EAEL,EAAa,aADb,EAAa,QAAQ,OAAO,EACL,KAAA;KAExB,CAAC,EAAI,CAAC,EAOF;EAAE,QAAQ,EAAa;EAAS;EAAO,YAL3B;AAEjB,GADA,EAAkB,UAAU,IAC5B,GAAM;;EAG4C;EAAM;EAAQ"}

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

@@ -1,7 +1,8 @@
+import { isTarget as e } from "../../utils/helpers/isTarget.mjs";
 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 {
-  m as useWindowEvent
-};
-//# sourceMappingURL=useWindowEvent.mjs.map
+//#region src/hooks/useWindowEvent/useWindowEvent.ts
+var n = (n, r, i) => t(e.wrap(window), n, r, i);
+//#endregion
+export { n 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 { 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;"}
+{"version":3,"file":"useWindowEvent.mjs","names":[],"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"],"mappings":";;;AAqBA,IAAa,KACX,GACA,GACA,MACG,EAAiB,EAAS,KAAK,OAAO,EAAE,GAAO,GAAU,EAAQ"}

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

@@ -1,14 +1,15 @@
-import { useState as s, useEffect as r } from "react";
-const c = () => {
-  const [t, e] = s(!1);
-  return r(() => {
-    const o = () => e(!0), n = () => e(!1);
-    return window.addEventListener("focus", o), window.addEventListener("blur", n), () => {
-      window.removeEventListener("focus", o), window.removeEventListener("blur", n);
-    };
-  }, []), t;
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/useWindowFocus/useWindowFocus.ts
+var n = () => {
+	let [n, r] = t(!1);
+	return e(() => {
+		let e = () => r(!0), t = () => r(!1);
+		return window.addEventListener("focus", e), window.addEventListener("blur", t), () => {
+			window.removeEventListener("focus", e), window.removeEventListener("blur", t);
+		};
+	}, []), n;
 };
-export {
-  c as useWindowFocus
-};
-//# sourceMappingURL=useWindowFocus.mjs.map
+//#endregion
+export { n as useWindowFocus };
+
+//# sourceMappingURL=useWindowFocus.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWindowFocus.mjs","sources":["../../../../src/hooks/useWindowFocus/useWindowFocus.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * @name useWindowFocus\n * @description - Hook that provides the current focus state of the window\n * @category Elements\n * @usage low\n *\n * @returns {boolean} The current focus state of the window\n *\n * @example\n * const focused = useWindowFocus();\n *\n * @see {@link https://siberiacancode.github.io/reactuse/functions/hooks/useWindowFocus.html}\n */\nexport const useWindowFocus = () => {\n  const [focused, setFocused] = useState(false);\n\n  useEffect(() => {\n    const onFocus = () => setFocused(true);\n    const onBlur = () => setFocused(false);\n\n    window.addEventListener('focus', onFocus);\n    window.addEventListener('blur', onBlur);\n\n    return () => {\n      window.removeEventListener('focus', onFocus);\n      window.removeEventListener('blur', onBlur);\n    };\n  }, []);\n\n  return focused;\n};\n"],"names":["useWindowFocus","focused","setFocused","useState","useEffect","onFocus","onBlur"],"mappings":";AAeO,MAAMA,IAAiB,MAAM;AAClC,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAU,MAAMH,EAAW,EAAI,GAC/BI,IAAS,MAAMJ,EAAW,EAAK;AAErC,kBAAO,iBAAiB,SAASG,CAAO,GACxC,OAAO,iBAAiB,QAAQC,CAAM,GAE/B,MAAM;AACX,aAAO,oBAAoB,SAASD,CAAO,GAC3C,OAAO,oBAAoB,QAAQC,CAAM;AAAA,IAAA;AAAA,EAC3C,GACC,EAAE,GAEEL;AACT;"}
+{"version":3,"file":"useWindowFocus.mjs","names":[],"sources":["../../../../src/hooks/useWindowFocus/useWindowFocus.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/**\n * @name useWindowFocus\n * @description - Hook that provides the current focus state of the window\n * @category Elements\n * @usage low\n *\n * @returns {boolean} The current focus state of the window\n *\n * @example\n * const focused = useWindowFocus();\n *\n * @see {@link https://siberiacancode.github.io/reactuse/functions/hooks/useWindowFocus.html}\n */\nexport const useWindowFocus = () => {\n  const [focused, setFocused] = useState(false);\n\n  useEffect(() => {\n    const onFocus = () => setFocused(true);\n    const onBlur = () => setFocused(false);\n\n    window.addEventListener('focus', onFocus);\n    window.addEventListener('blur', onBlur);\n\n    return () => {\n      window.removeEventListener('focus', onFocus);\n      window.removeEventListener('blur', onBlur);\n    };\n  }, []);\n\n  return focused;\n};\n"],"mappings":";;AAeA,IAAa,UAAuB;CAClC,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM;AAe7C,QAbA,QAAgB;EACd,IAAM,UAAgB,EAAW,GAAK,EAChC,UAAe,EAAW,GAAM;AAKtC,SAHA,OAAO,iBAAiB,SAAS,EAAQ,EACzC,OAAO,iBAAiB,QAAQ,EAAO,QAE1B;AAEX,GADA,OAAO,oBAAoB,SAAS,EAAQ,EAC5C,OAAO,oBAAoB,QAAQ,EAAO;;IAE3C,EAAE,CAAC,EAEC"}

package/dist/esm/hooks/useWindowScroll/useWindowScroll.mjs

@@ -1,22 +1,30 @@
-import { useState as t, useEffect as s } from "react";
-const i = ({
-  x: o,
-  y: n,
-  behavior: e = "smooth"
-}) => {
-  const r = { behavior: e };
-  typeof o == "number" && (r.left = o), typeof n == "number" && (r.top = n), window.scrollTo(r);
-}, w = () => {
-  const [o, n] = t(() => typeof window > "u" ? { x: Number.POSITIVE_INFINITY, y: Number.POSITIVE_INFINITY } : { x: window.scrollX, y: window.scrollY });
-  return s(() => {
-    const e = () => n({ x: window.scrollX, y: window.scrollY });
-    return window.addEventListener("scroll", e), window.addEventListener("resize", e), () => {
-      window.removeEventListener("scroll", e), window.removeEventListener("resize", e);
-    };
-  }, []), { value: o, scrollTo: i };
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/useWindowScroll/useWindowScroll.ts
+var n = ({ x: e, y: t, behavior: n = "smooth" }) => {
+	let r = { behavior: n };
+	typeof e == "number" && (r.left = e), typeof t == "number" && (r.top = t), window.scrollTo(r);
+}, r = () => {
+	let [r, i] = t(() => typeof window > "u" ? {
+		x: Infinity,
+		y: Infinity
+	} : {
+		x: window.scrollX,
+		y: window.scrollY
+	});
+	return e(() => {
+		let e = () => i({
+			x: window.scrollX,
+			y: window.scrollY
+		});
+		return window.addEventListener("scroll", e), window.addEventListener("resize", e), () => {
+			window.removeEventListener("scroll", e), window.removeEventListener("resize", e);
+		};
+	}, []), {
+		value: r,
+		scrollTo: n
+	};
 };
-export {
-  i as scrollTo,
-  w as useWindowScroll
-};
-//# sourceMappingURL=useWindowScroll.mjs.map
+//#endregion
+export { n as scrollTo, r as useWindowScroll };
+
+//# sourceMappingURL=useWindowScroll.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useWindowScroll.mjs","sources":["../../../../src/hooks/useWindowScroll/useWindowScroll.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport interface ScrollPosition {\n  x: number;\n  y: number;\n}\n\nexport const scrollTo = ({\n  x,\n  y,\n  behavior = 'smooth'\n}: Partial<ScrollPosition & ScrollOptions>) => {\n  const scrollOptions: ScrollToOptions = { behavior };\n  if (typeof x === 'number') scrollOptions.left = x;\n  if (typeof y === 'number') scrollOptions.top = y;\n  window.scrollTo(scrollOptions);\n};\n\n/**\n * @name useWindowScroll\n * @description - Hook that manages the window scroll position\n * @category Sensors\n * @usage low\n *\n * @returns {UseWindowScrollReturn} An object containing the current window scroll position\n *\n * @example\n * const { value, scrollTo } = useWindowScroll();\n */\nexport const useWindowScroll = () => {\n  const [value, setValue] = useState<ScrollPosition>(() => {\n    if (typeof window === 'undefined')\n      return { x: Number.POSITIVE_INFINITY, y: Number.POSITIVE_INFINITY };\n    return { x: window.scrollX, y: window.scrollY };\n  });\n\n  useEffect(() => {\n    const onChange = () => setValue({ x: window.scrollX, y: window.scrollY });\n    window.addEventListener('scroll', onChange);\n    window.addEventListener('resize', onChange);\n    return () => {\n      window.removeEventListener('scroll', onChange);\n      window.removeEventListener('resize', onChange);\n    };\n  }, []);\n\n  return { value, scrollTo };\n};\n"],"names":["scrollTo","x","y","behavior","scrollOptions","useWindowScroll","value","setValue","useState","useEffect","onChange"],"mappings":";AAOO,MAAMA,IAAW,CAAC;AAAA,EACvB,GAAAC;AAAA,EACA,GAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAA+C;AAC7C,QAAMC,IAAiC,EAAE,UAAAD,EAAA;AACzC,EAAI,OAAOF,KAAM,aAAUG,EAAc,OAAOH,IAC5C,OAAOC,KAAM,aAAUE,EAAc,MAAMF,IAC/C,OAAO,SAASE,CAAa;AAC/B,GAaaC,IAAkB,MAAM;AACnC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAyB,MAC7C,OAAO,SAAW,MACb,EAAE,GAAG,OAAO,mBAAmB,GAAG,OAAO,kBAAA,IAC3C,EAAE,GAAG,OAAO,SAAS,GAAG,OAAO,QAAA,CACvC;AAED,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAW,MAAMH,EAAS,EAAE,GAAG,OAAO,SAAS,GAAG,OAAO,SAAS;AACxE,kBAAO,iBAAiB,UAAUG,CAAQ,GAC1C,OAAO,iBAAiB,UAAUA,CAAQ,GACnC,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAQ,GAC7C,OAAO,oBAAoB,UAAUA,CAAQ;AAAA,IAAA;AAAA,EAC/C,GACC,EAAE,GAEE,EAAE,OAAAJ,GAAO,UAAAN,EAAA;AAClB;"}
+{"version":3,"file":"useWindowScroll.mjs","names":[],"sources":["../../../../src/hooks/useWindowScroll/useWindowScroll.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport interface ScrollPosition {\n  x: number;\n  y: number;\n}\n\nexport const scrollTo = ({\n  x,\n  y,\n  behavior = 'smooth'\n}: Partial<ScrollPosition & ScrollOptions>) => {\n  const scrollOptions: ScrollToOptions = { behavior };\n  if (typeof x === 'number') scrollOptions.left = x;\n  if (typeof y === 'number') scrollOptions.top = y;\n  window.scrollTo(scrollOptions);\n};\n\n/**\n * @name useWindowScroll\n * @description - Hook that manages the window scroll position\n * @category Sensors\n * @usage low\n *\n * @returns {UseWindowScrollReturn} An object containing the current window scroll position\n *\n * @example\n * const { value, scrollTo } = useWindowScroll();\n */\nexport const useWindowScroll = () => {\n  const [value, setValue] = useState<ScrollPosition>(() => {\n    if (typeof window === 'undefined')\n      return { x: Number.POSITIVE_INFINITY, y: Number.POSITIVE_INFINITY };\n    return { x: window.scrollX, y: window.scrollY };\n  });\n\n  useEffect(() => {\n    const onChange = () => setValue({ x: window.scrollX, y: window.scrollY });\n    window.addEventListener('scroll', onChange);\n    window.addEventListener('resize', onChange);\n    return () => {\n      window.removeEventListener('scroll', onChange);\n      window.removeEventListener('resize', onChange);\n    };\n  }, []);\n\n  return { value, scrollTo };\n};\n"],"mappings":";;AAOA,IAAa,KAAY,EACvB,MACA,MACA,cAAW,eACkC;CAC7C,IAAM,IAAiC,EAAE,aAAU;AAGnD,CAFI,OAAO,KAAM,aAAU,EAAc,OAAO,IAC5C,OAAO,KAAM,aAAU,EAAc,MAAM,IAC/C,OAAO,SAAS,EAAc;GAcnB,UAAwB;CACnC,IAAM,CAAC,GAAO,KAAY,QACpB,OAAO,SAAW,MACb;EAAE,GAAG;EAA0B,GAAG;EAA0B,GAC9D;EAAE,GAAG,OAAO;EAAS,GAAG,OAAO;EAAS,CAC/C;AAYF,QAVA,QAAgB;EACd,IAAM,UAAiB,EAAS;GAAE,GAAG,OAAO;GAAS,GAAG,OAAO;GAAS,CAAC;AAGzE,SAFA,OAAO,iBAAiB,UAAU,EAAS,EAC3C,OAAO,iBAAiB,UAAU,EAAS,QAC9B;AAEX,GADA,OAAO,oBAAoB,UAAU,EAAS,EAC9C,OAAO,oBAAoB,UAAU,EAAS;;IAE/C,EAAE,CAAC,EAEC;EAAE;EAAO;EAAU"}