@siberiacancode/reactuse 0.3.15 → 0.3.18

package/dist/esm/hooks/useDevicePixelRatio/useDevicePixelRatio.mjs

@@ -1,15 +1,19 @@
-import { useState as d, useEffect as a } from "react";
-const r = () => {
-  const e = typeof window < "u" && typeof window.matchMedia == "function" && typeof window.devicePixelRatio == "number", [i, n] = d(e ? window.devicePixelRatio : 1);
-  return a(() => {
-    if (!e) return;
-    const t = () => n(window.devicePixelRatio), o = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);
-    return o.addEventListener("change", t), () => {
-      o.removeEventListener("change", t);
-    };
-  }, [i]), { supported: e, ratio: i };
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/useDevicePixelRatio/useDevicePixelRatio.ts
+var n = () => {
+	let n = typeof window < "u" && typeof window.matchMedia == "function" && typeof window.devicePixelRatio == "number", [r, i] = t(n ? window.devicePixelRatio : 1);
+	return e(() => {
+		if (!n) return;
+		let e = () => i(window.devicePixelRatio), t = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);
+		return t.addEventListener("change", e), () => {
+			t.removeEventListener("change", e);
+		};
+	}, [r]), {
+		supported: n,
+		ratio: r
+	};
 };
-export {
-  r as useDevicePixelRatio
-};
-//# sourceMappingURL=useDevicePixelRatio.mjs.map
+//#endregion
+export { n as useDevicePixelRatio };
+
+//# sourceMappingURL=useDevicePixelRatio.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDevicePixelRatio.mjs","sources":["../../../../src/hooks/useDevicePixelRatio/useDevicePixelRatio.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use device pixel ratio return type */\nexport interface UseDevicePixelRatioReturn {\n  /** The ratio of the resolution in physical pixels to the resolution in CSS pixels */\n  ratio: number;\n  /** Whether the device pixel ratio is supported*/\n  supported: boolean;\n}\n\n/**\n * @name useDevicePixelRatio\n * @description - Hook that returns the device's pixel ratio\n * @category Utilities\n * @usage low\n *\n * @browserapi window.devicePixelRatio https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio\n *\n * @returns {UseDevicePixelRatioReturn} The ratio and supported flag\n *\n * @example\n * const { supported, ratio } = useDevicePixelRatio();\n */\nexport const useDevicePixelRatio = (): UseDevicePixelRatioReturn => {\n  const supported =\n    typeof window !== 'undefined' &&\n    typeof window.matchMedia === 'function' &&\n    typeof window.devicePixelRatio === 'number';\n\n  const [ratio, setRatio] = useState(supported ? window.devicePixelRatio : 1);\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const onChange = () => setRatio(window.devicePixelRatio);\n\n    const media = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);\n    media.addEventListener('change', onChange);\n    return () => {\n      media.removeEventListener('change', onChange);\n    };\n  }, [ratio]);\n\n  return { supported, ratio };\n};\n"],"names":["useDevicePixelRatio","supported","ratio","setRatio","useState","useEffect","onChange","media"],"mappings":";AAuBO,MAAMA,IAAsB,MAAiC;AAClE,QAAMC,IACJ,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe,cAC7B,OAAO,OAAO,oBAAqB,UAE/B,CAACC,GAAOC,CAAQ,IAAIC,EAASH,IAAY,OAAO,mBAAmB,CAAC;AAE1E,SAAAI,EAAU,MAAM;AACd,QAAI,CAACJ,EAAW;AAEhB,UAAMK,IAAW,MAAMH,EAAS,OAAO,gBAAgB,GAEjDI,IAAQ,OAAO,WAAW,gBAAgB,OAAO,gBAAgB,OAAO;AAC9E,WAAAA,EAAM,iBAAiB,UAAUD,CAAQ,GAClC,MAAM;AACX,MAAAC,EAAM,oBAAoB,UAAUD,CAAQ;AAAA,IAAA;AAAA,EAC9C,GACC,CAACJ,CAAK,CAAC,GAEH,EAAE,WAAAD,GAAW,OAAAC,EAAA;AACtB;"}
+{"version":3,"file":"useDevicePixelRatio.mjs","names":[],"sources":["../../../../src/hooks/useDevicePixelRatio/useDevicePixelRatio.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** The use device pixel ratio return type */\nexport interface UseDevicePixelRatioReturn {\n  /** The ratio of the resolution in physical pixels to the resolution in CSS pixels */\n  ratio: number;\n  /** Whether the device pixel ratio is supported*/\n  supported: boolean;\n}\n\n/**\n * @name useDevicePixelRatio\n * @description - Hook that returns the device's pixel ratio\n * @category Utilities\n * @usage low\n *\n * @browserapi window.devicePixelRatio https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio\n *\n * @returns {UseDevicePixelRatioReturn} The ratio and supported flag\n *\n * @example\n * const { supported, ratio } = useDevicePixelRatio();\n */\nexport const useDevicePixelRatio = (): UseDevicePixelRatioReturn => {\n  const supported =\n    typeof window !== 'undefined' &&\n    typeof window.matchMedia === 'function' &&\n    typeof window.devicePixelRatio === 'number';\n\n  const [ratio, setRatio] = useState(supported ? window.devicePixelRatio : 1);\n\n  useEffect(() => {\n    if (!supported) return;\n\n    const onChange = () => setRatio(window.devicePixelRatio);\n\n    const media = window.matchMedia(`(resolution: ${window.devicePixelRatio}dppx)`);\n    media.addEventListener('change', onChange);\n    return () => {\n      media.removeEventListener('change', onChange);\n    };\n  }, [ratio]);\n\n  return { supported, ratio };\n};\n"],"mappings":";;AAuBA,IAAa,UAAuD;CAClE,IAAM,IACJ,OAAO,SAAW,OAClB,OAAO,OAAO,cAAe,cAC7B,OAAO,OAAO,oBAAqB,UAE/B,CAAC,GAAO,KAAY,EAAS,IAAY,OAAO,mBAAmB,EAAE;AAc3E,QAZA,QAAgB;AACd,MAAI,CAAC,EAAW;EAEhB,IAAM,UAAiB,EAAS,OAAO,iBAAiB,EAElD,IAAQ,OAAO,WAAW,gBAAgB,OAAO,iBAAiB,OAAO;AAE/E,SADA,EAAM,iBAAiB,UAAU,EAAS,QAC7B;AACX,KAAM,oBAAoB,UAAU,EAAS;;IAE9C,CAAC,EAAM,CAAC,EAEJ;EAAE;EAAW;EAAO"}

package/dist/esm/hooks/useDidUpdate/useDidUpdate.mjs

@@ -1,19 +1,16 @@
-import { useRef as u } from "react";
-import { useIsomorphicLayoutEffect as r } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
-const s = (t, o) => {
-  const e = u(!1);
-  r(
-    () => () => {
-      e.current = !1;
-    },
-    []
-  ), r(() => {
-    if (e.current)
-      return t();
-    e.current = !0;
-  }, o);
+import { useIsomorphicLayoutEffect as e } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.mjs";
+import { useRef as t } from "react";
+//#region src/hooks/useDidUpdate/useDidUpdate.ts
+var n = (n, r) => {
+	let i = t(!1);
+	e(() => () => {
+		i.current = !1;
+	}, []), e(() => {
+		if (i.current) return n();
+		i.current = !0;
+	}, r);
 };
-export {
-  s as useDidUpdate
-};
-//# sourceMappingURL=useDidUpdate.mjs.map
+//#endregion
+export { n as useDidUpdate };
+
+//# sourceMappingURL=useDidUpdate.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDidUpdate.mjs","sources":["../../../../src/hooks/useDidUpdate/useDidUpdate.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/**\n * @name useDidUpdate\n * @description – Hook that triggers the effect callback on updates\n * @category Lifecycle\n * @usage necessary\n\n * @param {EffectCallback} effect The effect callback\n * @param {DependencyList} [deps] The dependencies list for the effect\n *\n * @example\n * useDidUpdate(() => console.log(\"effect runs on updates\"), deps);\n */\nexport const useDidUpdate = (effect: EffectCallback, deps?: DependencyList) => {\n  const mountedRef = useRef(false);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      mountedRef.current = false;\n    },\n    []\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (mountedRef.current) {\n      return effect();\n    }\n\n    mountedRef.current = true;\n    return undefined;\n  }, deps);\n};\n"],"names":["useDidUpdate","effect","deps","mountedRef","useRef","useIsomorphicLayoutEffect"],"mappings":";;AAkBO,MAAMA,IAAe,CAACC,GAAwBC,MAA0B;AAC7E,QAAMC,IAAaC,EAAO,EAAK;AAE/B,EAAAC;AAAA,IACE,MAAM,MAAM;AACV,MAAAF,EAAW,UAAU;AAAA,IAAA;AAAA,IAEvB,CAAA;AAAA,EAAC,GAGHE,EAA0B,MAAM;AAC9B,QAAIF,EAAW;AACb,aAAOF,EAAA;AAGT,IAAAE,EAAW,UAAU;AAAA,EACd,GACND,CAAI;AACT;"}
+{"version":3,"file":"useDidUpdate.mjs","names":[],"sources":["../../../../src/hooks/useDidUpdate/useDidUpdate.ts"],"sourcesContent":["import type { DependencyList, EffectCallback } from 'react';\n\nimport { useRef } from 'react';\n\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';\n\n/**\n * @name useDidUpdate\n * @description – Hook that triggers the effect callback on updates\n * @category Lifecycle\n * @usage necessary\n\n * @param {EffectCallback} effect The effect callback\n * @param {DependencyList} [deps] The dependencies list for the effect\n *\n * @example\n * useDidUpdate(() => console.log(\"effect runs on updates\"), deps);\n */\nexport const useDidUpdate = (effect: EffectCallback, deps?: DependencyList) => {\n  const mountedRef = useRef(false);\n\n  useIsomorphicLayoutEffect(\n    () => () => {\n      mountedRef.current = false;\n    },\n    []\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (mountedRef.current) {\n      return effect();\n    }\n\n    mountedRef.current = true;\n    return undefined;\n  }, deps);\n};\n"],"mappings":";;;AAkBA,IAAa,KAAgB,GAAwB,MAA0B;CAC7E,IAAM,IAAa,EAAO,GAAM;AAShC,CAPA,cACc;AACV,IAAW,UAAU;IAEvB,EAAE,CACH,EAED,QAAgC;AAC9B,MAAI,EAAW,QACb,QAAO,GAAQ;AAGjB,IAAW,UAAU;IAEpB,EAAK"}

package/dist/esm/hooks/useDisclosure/useDisclosure.mjs

@@ -1,9 +1,15 @@
-import { useState as c } from "react";
-const g = (u = !1, t) => {
-  const [r, n] = c(u), o = () => n((e) => e || (t?.onOpen?.(), !0)), s = () => n((e) => e && (t?.onClose?.(), !1));
-  return { opened: r, open: o, close: s, toggle: (e = !r) => e ? o() : s() };
+import { useState as e } from "react";
+//#region src/hooks/useDisclosure/useDisclosure.ts
+var t = (t = !1, n) => {
+	let [r, i] = e(t), a = () => i((e) => e || (n?.onOpen?.(), !0)), o = () => i((e) => e && (n?.onClose?.(), !1));
+	return {
+		opened: r,
+		open: a,
+		close: o,
+		toggle: (e = !r) => e ? a() : o()
+	};
 };
-export {
-  g as useDisclosure
-};
-//# sourceMappingURL=useDisclosure.mjs.map
+//#endregion
+export { t as useDisclosure };
+
+//# sourceMappingURL=useDisclosure.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDisclosure.mjs","sources":["../../../../src/hooks/useDisclosure/useDisclosure.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use disclosure options type */\nexport interface UseDisclosureOptions {\n  /** The callback function to be invoked on close */\n  onClose?: () => void;\n  /** The callback function to be invoked on open */\n  onOpen?: () => void;\n}\n\n/** The use disclosure return type */\nexport interface UseDisclosureReturn {\n  /** The opened value */\n  opened: boolean;\n  /** Function to close the modal */\n  close: () => void;\n  /** Function to open the modal */\n  open: () => void;\n  /** Function to toggle the modal */\n  toggle: () => void;\n}\n\n/**\n * @name useDisclosure\n * @description - Hook that allows you to open and close a modal\n * @category State\n * @usage necessary\n\n * @param {boolean} [initialValue=false] The initial value of the component\n * @param {() => void} [options.onOpen] The callback function to be invoked on open\n * @param {() => void} [options.onClose] The callback function to be invoked on close\n * @returns {UseDisclosureReturn} An object with the opened, open, close, and toggle properties\n *\n * @example\n * const { opened, open, close, toggle } = useDisclosure();\n */\nexport const useDisclosure = (\n  initialValue = false,\n  options?: UseDisclosureOptions\n): UseDisclosureReturn => {\n  const [opened, setOpened] = useState(initialValue);\n\n  const open = () =>\n    setOpened((opened) => {\n      if (!opened) {\n        options?.onOpen?.();\n        return true;\n      }\n      return opened;\n    });\n\n  const close = () =>\n    setOpened((opened) => {\n      if (opened) {\n        options?.onClose?.();\n        return false;\n      }\n      return opened;\n    });\n\n  const toggle = (value = !opened) => (value ? open() : close());\n\n  return { opened, open, close, toggle };\n};\n"],"names":["useDisclosure","initialValue","options","opened","setOpened","useState","open","close","value"],"mappings":";AAoCO,MAAMA,IAAgB,CAC3BC,IAAe,IACfC,MACwB;AACxB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASJ,CAAY,GAE3CK,IAAO,MACXF,EAAU,CAACD,MACJA,MACHD,GAAS,SAAA,GACF,GAGV,GAEGK,IAAQ,MACZH,EAAU,CAACD,MACLA,MACFD,GAAS,UAAA,GACF,GAGV;AAIH,SAAO,EAAE,QAAAC,GAAQ,MAAAG,GAAM,OAAAC,GAAO,QAFf,CAACC,IAAQ,CAACL,MAAYK,IAAQF,EAAA,IAASC,EAAA,EAExB;AAChC;"}
+{"version":3,"file":"useDisclosure.mjs","names":[],"sources":["../../../../src/hooks/useDisclosure/useDisclosure.ts"],"sourcesContent":["import { useState } from 'react';\n\n/** The use disclosure options type */\nexport interface UseDisclosureOptions {\n  /** The callback function to be invoked on close */\n  onClose?: () => void;\n  /** The callback function to be invoked on open */\n  onOpen?: () => void;\n}\n\n/** The use disclosure return type */\nexport interface UseDisclosureReturn {\n  /** The opened value */\n  opened: boolean;\n  /** Function to close the modal */\n  close: () => void;\n  /** Function to open the modal */\n  open: () => void;\n  /** Function to toggle the modal */\n  toggle: () => void;\n}\n\n/**\n * @name useDisclosure\n * @description - Hook that allows you to open and close a modal\n * @category State\n * @usage necessary\n\n * @param {boolean} [initialValue=false] The initial value of the component\n * @param {() => void} [options.onOpen] The callback function to be invoked on open\n * @param {() => void} [options.onClose] The callback function to be invoked on close\n * @returns {UseDisclosureReturn} An object with the opened, open, close, and toggle properties\n *\n * @example\n * const { opened, open, close, toggle } = useDisclosure();\n */\nexport const useDisclosure = (\n  initialValue = false,\n  options?: UseDisclosureOptions\n): UseDisclosureReturn => {\n  const [opened, setOpened] = useState(initialValue);\n\n  const open = () =>\n    setOpened((opened) => {\n      if (!opened) {\n        options?.onOpen?.();\n        return true;\n      }\n      return opened;\n    });\n\n  const close = () =>\n    setOpened((opened) => {\n      if (opened) {\n        options?.onClose?.();\n        return false;\n      }\n      return opened;\n    });\n\n  const toggle = (value = !opened) => (value ? open() : close());\n\n  return { opened, open, close, toggle };\n};\n"],"mappings":";;AAoCA,IAAa,KACX,IAAe,IACf,MACwB;CACxB,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAa,EAE5C,UACJ,GAAW,MACJ,MACH,GAAS,UAAU,EACZ,IAGT,EAEE,UACJ,GAAW,MACL,MACF,GAAS,WAAW,EACb,IAGT;AAIJ,QAAO;EAAE;EAAQ;EAAM;EAAO,SAFd,IAAQ,CAAC,MAAY,IAAQ,GAAM,GAAG,GAAO;EAEvB"}

package/dist/esm/hooks/useDisplayMedia/useDisplayMedia.mjs

@@ -1,40 +1,40 @@
-import { useState as p, useRef as m, useEffect as y } from "react";
-import { useRefState as D } from "../useRefState/useRefState.mjs";
-import { isTarget as f } from "../../utils/helpers/isTarget.mjs";
-const M = ((...n) => {
-  const i = typeof navigator < "u" && "mediaDevices" in navigator && !!navigator.mediaDevices && "getDisplayMedia" in navigator.mediaDevices, t = f(n[0]) ? n[0] : void 0, o = n[1] ? n[1] : n[0], g = o?.immediately ?? !1, [l, d] = p(!1), s = m(null), r = m(null), a = D(), c = () => {
-    !r.current || !i || !s.current || (d(!1), s.current.srcObject = null, r.current.getTracks().forEach((e) => e.stop()), r.current = null);
-  }, u = async () => {
-    if (!i || !s.current) return;
-    const e = await navigator.mediaDevices.getDisplayMedia({
-      video: o?.video,
-      audio: o?.audio
-    });
-    return d(!0), r.current = e, s.current.srcObject = e, e.getTracks().forEach((v) => v.onended = c), e;
-  };
-  return y(() => {
-    if (!i || !t && !a.state) return;
-    const e = t ? f.getElement(t) : a.current;
-    if (e && (s.current = e, !!g))
-      return u(), () => {
-        c();
-      };
-  }, [t && f.getRawElement(t), a.state]), t ? {
-    stream: r.current,
-    sharing: l,
-    supported: i,
-    start: u,
-    stop: c
-  } : {
-    stream: r.current,
-    sharing: l,
-    supported: i,
-    start: u,
-    stop: c,
-    ref: a
-  };
+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/useDisplayMedia/useDisplayMedia.ts
+var a = ((...a) => {
+	let o = typeof navigator < "u" && "mediaDevices" in navigator && !!navigator.mediaDevices && "getDisplayMedia" in navigator.mediaDevices, s = e(a[0]) ? a[0] : void 0, c = a[1] ? a[1] : a[0], l = c?.immediately ?? !1, [u, d] = i(!1), f = r(null), p = r(null), m = t(), h = () => {
+		!p.current || !o || !f.current || (d(!1), f.current.srcObject = null, p.current.getTracks().forEach((e) => e.stop()), p.current = null);
+	}, g = async () => {
+		if (!o || !f.current) return;
+		let e = await navigator.mediaDevices.getDisplayMedia({
+			video: c?.video,
+			audio: c?.audio
+		});
+		return d(!0), p.current = e, f.current.srcObject = e, e.getTracks().forEach((e) => e.onended = h), e;
+	};
+	return n(() => {
+		if (!o || !s && !m.state) return;
+		let t = s ? e.getElement(s) : m.current;
+		if (t && (f.current = t, l)) return g(), () => {
+			h();
+		};
+	}, [s && e.getRawElement(s), m.state]), s ? {
+		stream: p.current,
+		sharing: u,
+		supported: o,
+		start: g,
+		stop: h
+	} : {
+		stream: p.current,
+		sharing: u,
+		supported: o,
+		start: g,
+		stop: h,
+		ref: m
+	};
 });
-export {
-  M as useDisplayMedia
-};
-//# sourceMappingURL=useDisplayMedia.mjs.map
+//#endregion
+export { a as useDisplayMedia };
+
+//# sourceMappingURL=useDisplayMedia.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDisplayMedia.mjs","sources":["../../../../src/hooks/useDisplayMedia/useDisplayMedia.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 display media return type */\nexport interface UseDisplayMediaReturn {\n  /** Whether screen sharing is currently active */\n  sharing: boolean;\n  /** The media stream object */\n  stream: MediaStream | null;\n  /** Whether the display media API is supported */\n  supported: boolean;\n  /** Start screen sharing */\n  start: () => Promise<void>;\n  /** Stop screen sharing */\n  stop: () => void;\n}\n\n/** The use display media options type */\nexport interface UseDisplayMediaOptions {\n  /** Whether to enable audio sharing */\n  audio?: boolean | MediaTrackConstraints;\n  /** Whether to start immediately */\n  immediately?: boolean;\n  /** Whether to enable video sharing */\n  video?: boolean | MediaTrackConstraints;\n}\n\nexport interface UseDisplayMedia {\n  (target: HookTarget, options?: UseDisplayMediaOptions): UseDisplayMediaReturn;\n\n  <Target extends HTMLVideoElement>(\n    options?: UseDisplayMediaOptions,\n    target?: never\n  ): { ref: StateRef<Target> } & UseDisplayMediaReturn;\n}\n\n/**\n * @name useDisplayMedia\n * @description - Hook that provides screen sharing functionality\n * @category Browser\n * @usage low\n *\n * @browserapi mediaDevices.getDisplayMedia https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia\n *\n * @overload\n * @param {HookTarget} target The target video element to display the media stream\n * @param {boolean | MediaTrackConstraints} [options.audio] Whether to enable audio sharing\n * @param {boolean} [options.immediately=false] Whether to start immediately\n * @param {boolean | MediaTrackConstraints} [options.video] Whether to enable video sharing\n * @returns {UseDisplayMediaReturn} Object containing stream, sharing status and control methods\n *\n * @example\n * const { stream, sharing, start, stop } = useDisplayMedia(ref);\n *\n * @overload\n * @template Target The target video element\n * @param {boolean | MediaTrackConstraints} [options.audio] Whether to enable audio sharing\n * @param {boolean} [options.immediately=false] Whether to start immediately\n * @param {boolean | MediaTrackConstraints} [options.video] Whether to enable video sharing\n * @returns {UseDisplayMediaReturn & { ref: StateRef<HTMLVideoElement> }} Object containing stream, sharing status, control methods and ref\n *\n * @example\n * const { ref, stream, sharing, start, stop } = useDisplayMedia<HTMLVideoElement>();\n */\nexport const useDisplayMedia = ((...params: any[]) => {\n  const supported =\n    typeof navigator !== 'undefined' &&\n    'mediaDevices' in navigator &&\n    !!navigator.mediaDevices &&\n    'getDisplayMedia' in navigator.mediaDevices;\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (params[1] ? params[1] : params[0]) as UseDisplayMediaOptions | undefined;\n  const immediately = options?.immediately ?? false;\n\n  const [sharing, setSharing] = useState(false);\n\n  const elementRef = useRef<HTMLVideoElement>(null);\n  const streamRef = useRef<MediaStream>(null);\n  const internalRef = useRefState<Element>();\n\n  const stop = () => {\n    if (!streamRef.current || !supported || !elementRef.current) return;\n\n    setSharing(false);\n    elementRef.current.srcObject = null;\n    streamRef.current.getTracks().forEach((track) => track.stop());\n    streamRef.current = null;\n  };\n\n  const start = async () => {\n    if (!supported || !elementRef.current) return;\n\n    const displayMedia = await navigator.mediaDevices.getDisplayMedia({\n      video: options?.video,\n      audio: options?.audio\n    });\n\n    setSharing(true);\n    streamRef.current = displayMedia;\n    elementRef.current.srcObject = displayMedia;\n\n    displayMedia.getTracks().forEach((track) => (track.onended = stop));\n    return displayMedia;\n  };\n\n  useEffect(() => {\n    if (!supported || (!target && !internalRef.state)) return;\n\n    const element = (\n      target ? isTarget.getElement(target) : internalRef.current\n    ) as HTMLVideoElement;\n\n    if (!element) return;\n\n    elementRef.current = element;\n\n    if (!immediately) return;\n\n    start();\n\n    return () => {\n      stop();\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target)\n    return {\n      stream: streamRef.current,\n      sharing,\n      supported,\n      start,\n      stop\n    };\n\n  return {\n    stream: streamRef.current,\n    sharing,\n    supported,\n    start,\n    stop,\n    ref: internalRef\n  };\n}) as UseDisplayMedia;\n"],"names":["useDisplayMedia","params","supported","target","isTarget","options","immediately","sharing","setSharing","useState","elementRef","useRef","streamRef","internalRef","useRefState","stop","track","start","displayMedia","useEffect","element"],"mappings":";;;AAuEO,MAAMA,KAAmB,IAAIC,MAAkB;AACpD,QAAMC,IACJ,OAAO,YAAc,OACrB,kBAAkB,aAClB,CAAC,CAAC,UAAU,gBACZ,qBAAqB,UAAU,cAC3BC,IAAUC,EAASH,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CI,IAAWJ,EAAO,CAAC,IAAIA,EAAO,CAAC,IAAIA,EAAO,CAAC,GAC3CK,IAAcD,GAAS,eAAe,IAEtC,CAACE,GAASC,CAAU,IAAIC,EAAS,EAAK,GAEtCC,IAAaC,EAAyB,IAAI,GAC1CC,IAAYD,EAAoB,IAAI,GACpCE,IAAcC,EAAA,GAEdC,IAAO,MAAM;AACjB,IAAI,CAACH,EAAU,WAAW,CAACV,KAAa,CAACQ,EAAW,YAEpDF,EAAW,EAAK,GAChBE,EAAW,QAAQ,YAAY,MAC/BE,EAAU,QAAQ,YAAY,QAAQ,CAACI,MAAUA,EAAM,MAAM,GAC7DJ,EAAU,UAAU;AAAA,EAAA,GAGhBK,IAAQ,YAAY;AACxB,QAAI,CAACf,KAAa,CAACQ,EAAW,QAAS;AAEvC,UAAMQ,IAAe,MAAM,UAAU,aAAa,gBAAgB;AAAA,MAChE,OAAOb,GAAS;AAAA,MAChB,OAAOA,GAAS;AAAA,IAAA,CACjB;AAED,WAAAG,EAAW,EAAI,GACfI,EAAU,UAAUM,GACpBR,EAAW,QAAQ,YAAYQ,GAE/BA,EAAa,YAAY,QAAQ,CAACF,MAAWA,EAAM,UAAUD,CAAK,GAC3DG;AAAA,EAAA;AAuBT,SApBAC,EAAU,MAAM;AACd,QAAI,CAACjB,KAAc,CAACC,KAAU,CAACU,EAAY,MAAQ;AAEnD,UAAMO,IACJjB,IAASC,EAAS,WAAWD,CAAM,IAAIU,EAAY;AAGrD,QAAKO,MAELV,EAAW,UAAUU,GAEjB,EAACd;AAEL,aAAAW,EAAA,GAEO,MAAM;AACX,QAAAF,EAAA;AAAA,MAAK;AAAA,EACP,GACC,CAACZ,KAAUC,EAAS,cAAcD,CAAM,GAAGU,EAAY,KAAK,CAAC,GAE5DV,IACK;AAAA,IACL,QAAQS,EAAU;AAAA,IAClB,SAAAL;AAAA,IACA,WAAAL;AAAA,IACA,OAAAe;AAAA,IACA,MAAAF;AAAA,EAAA,IAGG;AAAA,IACL,QAAQH,EAAU;AAAA,IAClB,SAAAL;AAAA,IACA,WAAAL;AAAA,IACA,OAAAe;AAAA,IACA,MAAAF;AAAA,IACA,KAAKF;AAAA,EAAA;AAET;"}
+{"version":3,"file":"useDisplayMedia.mjs","names":[],"sources":["../../../../src/hooks/useDisplayMedia/useDisplayMedia.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 display media return type */\nexport interface UseDisplayMediaReturn {\n  /** Whether screen sharing is currently active */\n  sharing: boolean;\n  /** The media stream object */\n  stream: MediaStream | null;\n  /** Whether the display media API is supported */\n  supported: boolean;\n  /** Start screen sharing */\n  start: () => Promise<void>;\n  /** Stop screen sharing */\n  stop: () => void;\n}\n\n/** The use display media options type */\nexport interface UseDisplayMediaOptions {\n  /** Whether to enable audio sharing */\n  audio?: boolean | MediaTrackConstraints;\n  /** Whether to start immediately */\n  immediately?: boolean;\n  /** Whether to enable video sharing */\n  video?: boolean | MediaTrackConstraints;\n}\n\nexport interface UseDisplayMedia {\n  (target: HookTarget, options?: UseDisplayMediaOptions): UseDisplayMediaReturn;\n\n  <Target extends HTMLVideoElement>(\n    options?: UseDisplayMediaOptions,\n    target?: never\n  ): { ref: StateRef<Target> } & UseDisplayMediaReturn;\n}\n\n/**\n * @name useDisplayMedia\n * @description - Hook that provides screen sharing functionality\n * @category Browser\n * @usage low\n *\n * @browserapi mediaDevices.getDisplayMedia https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia\n *\n * @overload\n * @param {HookTarget} target The target video element to display the media stream\n * @param {boolean | MediaTrackConstraints} [options.audio] Whether to enable audio sharing\n * @param {boolean} [options.immediately=false] Whether to start immediately\n * @param {boolean | MediaTrackConstraints} [options.video] Whether to enable video sharing\n * @returns {UseDisplayMediaReturn} Object containing stream, sharing status and control methods\n *\n * @example\n * const { stream, sharing, start, stop } = useDisplayMedia(ref);\n *\n * @overload\n * @template Target The target video element\n * @param {boolean | MediaTrackConstraints} [options.audio] Whether to enable audio sharing\n * @param {boolean} [options.immediately=false] Whether to start immediately\n * @param {boolean | MediaTrackConstraints} [options.video] Whether to enable video sharing\n * @returns {UseDisplayMediaReturn & { ref: StateRef<HTMLVideoElement> }} Object containing stream, sharing status, control methods and ref\n *\n * @example\n * const { ref, stream, sharing, start, stop } = useDisplayMedia<HTMLVideoElement>();\n */\nexport const useDisplayMedia = ((...params: any[]) => {\n  const supported =\n    typeof navigator !== 'undefined' &&\n    'mediaDevices' in navigator &&\n    !!navigator.mediaDevices &&\n    'getDisplayMedia' in navigator.mediaDevices;\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (params[1] ? params[1] : params[0]) as UseDisplayMediaOptions | undefined;\n  const immediately = options?.immediately ?? false;\n\n  const [sharing, setSharing] = useState(false);\n\n  const elementRef = useRef<HTMLVideoElement>(null);\n  const streamRef = useRef<MediaStream>(null);\n  const internalRef = useRefState<Element>();\n\n  const stop = () => {\n    if (!streamRef.current || !supported || !elementRef.current) return;\n\n    setSharing(false);\n    elementRef.current.srcObject = null;\n    streamRef.current.getTracks().forEach((track) => track.stop());\n    streamRef.current = null;\n  };\n\n  const start = async () => {\n    if (!supported || !elementRef.current) return;\n\n    const displayMedia = await navigator.mediaDevices.getDisplayMedia({\n      video: options?.video,\n      audio: options?.audio\n    });\n\n    setSharing(true);\n    streamRef.current = displayMedia;\n    elementRef.current.srcObject = displayMedia;\n\n    displayMedia.getTracks().forEach((track) => (track.onended = stop));\n    return displayMedia;\n  };\n\n  useEffect(() => {\n    if (!supported || (!target && !internalRef.state)) return;\n\n    const element = (\n      target ? isTarget.getElement(target) : internalRef.current\n    ) as HTMLVideoElement;\n\n    if (!element) return;\n\n    elementRef.current = element;\n\n    if (!immediately) return;\n\n    start();\n\n    return () => {\n      stop();\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target)\n    return {\n      stream: streamRef.current,\n      sharing,\n      supported,\n      start,\n      stop\n    };\n\n  return {\n    stream: streamRef.current,\n    sharing,\n    supported,\n    start,\n    stop,\n    ref: internalRef\n  };\n}) as UseDisplayMedia;\n"],"mappings":";;;;AAuEA,IAAa,MAAoB,GAAG,MAAkB;CACpD,IAAM,IACJ,OAAO,YAAc,OACrB,kBAAkB,aAClB,CAAC,CAAC,UAAU,gBACZ,qBAAqB,UAAU,cAC3B,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAC5C,IAAW,EAAO,KAAK,EAAO,KAAK,EAAO,IAC1C,IAAc,GAAS,eAAe,IAEtC,CAAC,GAAS,KAAc,EAAS,GAAM,EAEvC,IAAa,EAAyB,KAAK,EAC3C,IAAY,EAAoB,KAAK,EACrC,IAAc,GAAsB,EAEpC,UAAa;AACb,GAAC,EAAU,WAAW,CAAC,KAAa,CAAC,EAAW,YAEpD,EAAW,GAAM,EACjB,EAAW,QAAQ,YAAY,MAC/B,EAAU,QAAQ,WAAW,CAAC,SAAS,MAAU,EAAM,MAAM,CAAC,EAC9D,EAAU,UAAU;IAGhB,IAAQ,YAAY;AACxB,MAAI,CAAC,KAAa,CAAC,EAAW,QAAS;EAEvC,IAAM,IAAe,MAAM,UAAU,aAAa,gBAAgB;GAChE,OAAO,GAAS;GAChB,OAAO,GAAS;GACjB,CAAC;AAOF,SALA,EAAW,GAAK,EAChB,EAAU,UAAU,GACpB,EAAW,QAAQ,YAAY,GAE/B,EAAa,WAAW,CAAC,SAAS,MAAW,EAAM,UAAU,EAAM,EAC5D;;AAgCT,QA7BA,QAAgB;AACd,MAAI,CAAC,KAAc,CAAC,KAAU,CAAC,EAAY,MAAQ;EAEnD,IAAM,IACJ,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY;AAGhD,YAEL,EAAW,UAAU,GAEhB,GAIL,QAFA,GAAO,QAEM;AACX,MAAM;;IAEP,CAAC,KAAU,EAAS,cAAc,EAAO,EAAE,EAAY,MAAM,CAAC,EAE7D,IACK;EACL,QAAQ,EAAU;EAClB;EACA;EACA;EACA;EACD,GAEI;EACL,QAAQ,EAAU;EAClB;EACA;EACA;EACA;EACA,KAAK;EACN"}

package/dist/esm/hooks/useDocumentEvent/useDocumentEvent.mjs

@@ -1,7 +1,8 @@
-import { useEventListener as r } from "../useEventListener/useEventListener.mjs";
-import { isTarget as m } from "../../utils/helpers/isTarget.mjs";
-const i = (e, t, o) => r(m.wrap(document), e, t, o);
-export {
-  i as useDocumentEvent
-};
-//# sourceMappingURL=useDocumentEvent.mjs.map
+import { isTarget as e } from "../../utils/helpers/isTarget.mjs";
+import { useEventListener as t } from "../useEventListener/useEventListener.mjs";
+//#region src/hooks/useDocumentEvent/useDocumentEvent.ts
+var n = (n, r, i) => t(e.wrap(document), n, r, i);
+//#endregion
+export { n as useDocumentEvent };
+
+//# sourceMappingURL=useDocumentEvent.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDocumentEvent.mjs","sources":["../../../../src/hooks/useDocumentEvent/useDocumentEvent.ts"],"sourcesContent":["import { isTarget } from '@/utils/helpers';\n\nimport type { UseEventListenerOptions } from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/**\n * @name useDocumentEvent\n * @description - Hook attaches an event listener to the document object for the specified event\n * @category Browser\n * @usage low\n\n * @template Event Key of document event map.\n * @param {Event} event The event to listen for.\n * @param {(event: DocumentEventMap[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 * useDocumentEvent('click', () => console.log('clicked'));\n */\nexport const useDocumentEvent = <Event extends keyof DocumentEventMap>(\n  event: Event,\n  listener: (this: Document, event: DocumentEventMap[Event]) => any,\n  options?: UseEventListenerOptions\n) => useEventListener(isTarget.wrap(document), event, listener, options);\n"],"names":["useDocumentEvent","event","listener","options","useEventListener","isTarget"],"mappings":";;AAqBO,MAAMA,IAAmB,CAC9BC,GACAC,GACAC,MACGC,EAAiBC,EAAS,KAAK,QAAQ,GAAGJ,GAAOC,GAAUC,CAAO;"}
+{"version":3,"file":"useDocumentEvent.mjs","names":[],"sources":["../../../../src/hooks/useDocumentEvent/useDocumentEvent.ts"],"sourcesContent":["import { isTarget } from '@/utils/helpers';\n\nimport type { UseEventListenerOptions } from '../useEventListener/useEventListener';\n\nimport { useEventListener } from '../useEventListener/useEventListener';\n\n/**\n * @name useDocumentEvent\n * @description - Hook attaches an event listener to the document object for the specified event\n * @category Browser\n * @usage low\n\n * @template Event Key of document event map.\n * @param {Event} event The event to listen for.\n * @param {(event: DocumentEventMap[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 * useDocumentEvent('click', () => console.log('clicked'));\n */\nexport const useDocumentEvent = <Event extends keyof DocumentEventMap>(\n  event: Event,\n  listener: (this: Document, event: DocumentEventMap[Event]) => any,\n  options?: UseEventListenerOptions\n) => useEventListener(isTarget.wrap(document), event, listener, options);\n"],"mappings":";;;AAqBA,IAAa,KACX,GACA,GACA,MACG,EAAiB,EAAS,KAAK,SAAS,EAAE,GAAO,GAAU,EAAQ"}

package/dist/esm/hooks/useDocumentTitle/useDocumentTitle.mjs

@@ -1,28 +1,29 @@
-import { useRef as l, useState as d, useEffect as r } from "react";
-function f(o, c) {
-  const i = l(document.title), [e, s] = d(o ?? document.title), u = (n) => {
-    const t = n.trim();
-    t.length > 0 && (document.title = t);
-  };
-  return r(() => {
-    typeof e == "string" && u(e);
-  }, [e]), r(() => {
-    const n = new MutationObserver(() => {
-      s((t) => document && document.title !== t ? document.title : t);
-    });
-    return n.observe(document.head.querySelector("title"), {
-      childList: !0
-    }), () => {
-      n.disconnect();
-    };
-  }, []), r(() => {
-    if (c?.restoreOnUnmount)
-      return () => {
-        document.title = i.current;
-      };
-  }, []), { value: e, set: u };
+import { useEffect as e, useRef as t, useState as n } from "react";
+//#region src/hooks/useDocumentTitle/useDocumentTitle.ts
+function r(r, i) {
+	let a = t(document.title), [o, s] = n(r ?? document.title), c = (e) => {
+		let t = e.trim();
+		t.length > 0 && (document.title = t);
+	};
+	return e(() => {
+		typeof o == "string" && c(o);
+	}, [o]), e(() => {
+		let e = new MutationObserver(() => {
+			s((e) => document && document.title !== e ? document.title : e);
+		});
+		return e.observe(document.head.querySelector("title"), { childList: !0 }), () => {
+			e.disconnect();
+		};
+	}, []), e(() => {
+		if (i?.restoreOnUnmount) return () => {
+			document.title = a.current;
+		};
+	}, []), {
+		value: o,
+		set: c
+	};
 }
-export {
-  f as useDocumentTitle
-};
-//# sourceMappingURL=useDocumentTitle.mjs.map
+//#endregion
+export { r as useDocumentTitle };
+
+//# sourceMappingURL=useDocumentTitle.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDocumentTitle.mjs","sources":["../../../../src/hooks/useDocumentTitle/useDocumentTitle.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use document title options type */\nexport interface UseDocumentTitleOptions {\n  /** Restore the previous title on unmount */\n  restoreOnUnmount?: boolean;\n}\n\n/** The use document title return type */\nexport interface UseDocumentTitleReturn {\n  /** The current title */\n  value: string;\n  /** Function to update the title */\n  set: (title: string) => void;\n}\n\n/**\n * @name useDocumentTitle\n * @description - Hook that manages the document title and allows updating it\n * @category Browser\n * @usage low\n\n * @browserapi document.title https://developer.mozilla.org/en-US/docs/Web/API/Document/title\n *\n * @param {string} [initialValue] The initial title. If not provided, the current document title will be used\n * @param {boolean} [options.restoreOnUnmount] Restore the previous title on unmount\n * @returns {UseDocumentTitleReturn} An array containing the current title and a function to update the title\n *\n * @example\n * const { value, set } = useDocumentTitle();\n */\nexport function useDocumentTitle(\n  initialValue?: string,\n  options?: UseDocumentTitleOptions\n): UseDocumentTitleReturn {\n  const prevValueRef = useRef(document.title);\n  const [value, setValue] = useState(initialValue ?? document.title);\n\n  const set = (value: string) => {\n    const updatedValue = value.trim();\n    if (updatedValue.length > 0) document.title = updatedValue;\n  };\n\n  useEffect(() => {\n    if (typeof value !== 'string') return;\n    set(value);\n  }, [value]);\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      setValue((prevValue) => {\n        if (document && document.title !== prevValue) {\n          return document.title;\n        }\n        return prevValue;\n      });\n    });\n\n    observer.observe(document.head.querySelector('title')!, {\n      childList: true\n    });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (options?.restoreOnUnmount) {\n      return () => {\n        document.title = prevValueRef.current;\n      };\n    }\n  }, []);\n\n  return { value, set };\n}\n"],"names":["useDocumentTitle","initialValue","options","prevValueRef","useRef","value","setValue","useState","set","updatedValue","useEffect","observer","prevValue"],"mappings":";AA+BO,SAASA,EACdC,GACAC,GACwB;AACxB,QAAMC,IAAeC,EAAO,SAAS,KAAK,GACpC,CAACC,GAAOC,CAAQ,IAAIC,EAASN,KAAgB,SAAS,KAAK,GAE3DO,IAAM,CAACH,MAAkB;AAC7B,UAAMI,IAAeJ,EAAM,KAAA;AAC3B,IAAII,EAAa,SAAS,MAAG,SAAS,QAAQA;AAAA,EAAA;AAGhD,SAAAC,EAAU,MAAM;AACd,IAAI,OAAOL,KAAU,YACrBG,EAAIH,CAAK;AAAA,EAAA,GACR,CAACA,CAAK,CAAC,GAEVK,EAAU,MAAM;AACd,UAAMC,IAAW,IAAI,iBAAiB,MAAM;AAC1C,MAAAL,EAAS,CAACM,MACJ,YAAY,SAAS,UAAUA,IAC1B,SAAS,QAEXA,CACR;AAAA,IAAA,CACF;AAED,WAAAD,EAAS,QAAQ,SAAS,KAAK,cAAc,OAAO,GAAI;AAAA,MACtD,WAAW;AAAA,IAAA,CACZ,GAEM,MAAM;AACX,MAAAA,EAAS,WAAA;AAAA,IAAW;AAAA,EACtB,GACC,EAAE,GAELD,EAAU,MAAM;AACd,QAAIR,GAAS;AACX,aAAO,MAAM;AACX,iBAAS,QAAQC,EAAa;AAAA,MAAA;AAAA,EAElC,GACC,EAAE,GAEE,EAAE,OAAAE,GAAO,KAAAG,EAAA;AAClB;"}
+{"version":3,"file":"useDocumentTitle.mjs","names":[],"sources":["../../../../src/hooks/useDocumentTitle/useDocumentTitle.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/** The use document title options type */\nexport interface UseDocumentTitleOptions {\n  /** Restore the previous title on unmount */\n  restoreOnUnmount?: boolean;\n}\n\n/** The use document title return type */\nexport interface UseDocumentTitleReturn {\n  /** The current title */\n  value: string;\n  /** Function to update the title */\n  set: (title: string) => void;\n}\n\n/**\n * @name useDocumentTitle\n * @description - Hook that manages the document title and allows updating it\n * @category Browser\n * @usage low\n\n * @browserapi document.title https://developer.mozilla.org/en-US/docs/Web/API/Document/title\n *\n * @param {string} [initialValue] The initial title. If not provided, the current document title will be used\n * @param {boolean} [options.restoreOnUnmount] Restore the previous title on unmount\n * @returns {UseDocumentTitleReturn} An array containing the current title and a function to update the title\n *\n * @example\n * const { value, set } = useDocumentTitle();\n */\nexport function useDocumentTitle(\n  initialValue?: string,\n  options?: UseDocumentTitleOptions\n): UseDocumentTitleReturn {\n  const prevValueRef = useRef(document.title);\n  const [value, setValue] = useState(initialValue ?? document.title);\n\n  const set = (value: string) => {\n    const updatedValue = value.trim();\n    if (updatedValue.length > 0) document.title = updatedValue;\n  };\n\n  useEffect(() => {\n    if (typeof value !== 'string') return;\n    set(value);\n  }, [value]);\n\n  useEffect(() => {\n    const observer = new MutationObserver(() => {\n      setValue((prevValue) => {\n        if (document && document.title !== prevValue) {\n          return document.title;\n        }\n        return prevValue;\n      });\n    });\n\n    observer.observe(document.head.querySelector('title')!, {\n      childList: true\n    });\n\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  useEffect(() => {\n    if (options?.restoreOnUnmount) {\n      return () => {\n        document.title = prevValueRef.current;\n      };\n    }\n  }, []);\n\n  return { value, set };\n}\n"],"mappings":";;AA+BA,SAAgB,EACd,GACA,GACwB;CACxB,IAAM,IAAe,EAAO,SAAS,MAAM,EACrC,CAAC,GAAO,KAAY,EAAS,KAAgB,SAAS,MAAM,EAE5D,KAAO,MAAkB;EAC7B,IAAM,IAAe,EAAM,MAAM;AACjC,EAAI,EAAa,SAAS,MAAG,SAAS,QAAQ;;AAmChD,QAhCA,QAAgB;AACV,SAAO,KAAU,YACrB,EAAI,EAAM;IACT,CAAC,EAAM,CAAC,EAEX,QAAgB;EACd,IAAM,IAAW,IAAI,uBAAuB;AAC1C,MAAU,MACJ,YAAY,SAAS,UAAU,IAC1B,SAAS,QAEX,EACP;IACF;AAMF,SAJA,EAAS,QAAQ,SAAS,KAAK,cAAc,QAAQ,EAAG,EACtD,WAAW,IACZ,CAAC,QAEW;AACX,KAAS,YAAY;;IAEtB,EAAE,CAAC,EAEN,QAAgB;AACd,MAAI,GAAS,iBACX,cAAa;AACX,YAAS,QAAQ,EAAa;;IAGjC,EAAE,CAAC,EAEC;EAAE;EAAO;EAAK"}

package/dist/esm/hooks/useDocumentVisibility/useDocumentVisibility.mjs

@@ -1,8 +1,9 @@
-import { useSyncExternalStore as t } from "react";
-const i = () => document.visibilityState, n = () => "hidden", s = (e) => (document.addEventListener("visibilitychange", e), () => {
-  document.removeEventListener("visibilitychange", e);
-}), r = () => t(s, i, n);
-export {
-  r as useDocumentVisibility
-};
-//# sourceMappingURL=useDocumentVisibility.mjs.map
+import { useSyncExternalStore as e } from "react";
+//#region src/hooks/useDocumentVisibility/useDocumentVisibility.ts
+var t = () => document.visibilityState, n = () => "hidden", r = (e) => (document.addEventListener("visibilitychange", e), () => {
+	document.removeEventListener("visibilitychange", e);
+}), i = () => e(r, t, n);
+//#endregion
+export { i as useDocumentVisibility };
+
+//# sourceMappingURL=useDocumentVisibility.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDocumentVisibility.mjs","sources":["../../../../src/hooks/useDocumentVisibility/useDocumentVisibility.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst getSnapshot = () => document.visibilityState;\nconst getServerSnapshot = () => 'hidden' as const;\nconst subscribe = (callback: () => void) => {\n  document.addEventListener('visibilitychange', callback);\n  return () => {\n    document.removeEventListener('visibilitychange', callback);\n  };\n};\n\n/**\n * @name useDocumentVisibility\n * @description – Hook that provides the current visibility state of the document\n * @category Browser\n * @usage low\n\n * @returns {DocumentVisibilityState} The current visibility state of the document, which can be 'visible' or 'hidden'\n *\n * @example\n * const visibilityState = useDocumentVisibility();\n */\nexport const useDocumentVisibility = () =>\n  useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"names":["getSnapshot","getServerSnapshot","subscribe","callback","useDocumentVisibility","useSyncExternalStore"],"mappings":";AAEA,MAAMA,IAAc,MAAM,SAAS,iBAC7BC,IAAoB,MAAM,UAC1BC,IAAY,CAACC,OACjB,SAAS,iBAAiB,oBAAoBA,CAAQ,GAC/C,MAAM;AACX,WAAS,oBAAoB,oBAAoBA,CAAQ;AAAA,IAehDC,IAAwB,MACnCC,EAAqBH,GAAWF,GAAaC,CAAiB;"}
+{"version":3,"file":"useDocumentVisibility.mjs","names":[],"sources":["../../../../src/hooks/useDocumentVisibility/useDocumentVisibility.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nconst getSnapshot = () => document.visibilityState;\nconst getServerSnapshot = () => 'hidden' as const;\nconst subscribe = (callback: () => void) => {\n  document.addEventListener('visibilitychange', callback);\n  return () => {\n    document.removeEventListener('visibilitychange', callback);\n  };\n};\n\n/**\n * @name useDocumentVisibility\n * @description – Hook that provides the current visibility state of the document\n * @category Browser\n * @usage low\n\n * @returns {DocumentVisibilityState} The current visibility state of the document, which can be 'visible' or 'hidden'\n *\n * @example\n * const visibilityState = useDocumentVisibility();\n */\nexport const useDocumentVisibility = () =>\n  useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n"],"mappings":";;AAEA,IAAM,UAAoB,SAAS,iBAC7B,UAA0B,UAC1B,KAAa,OACjB,SAAS,iBAAiB,oBAAoB,EAAS,QAC1C;AACX,UAAS,oBAAoB,oBAAoB,EAAS;IAejD,UACX,EAAqB,GAAW,GAAa,EAAkB"}

package/dist/esm/hooks/useDoubleClick/useDoubleClick.mjs

@@ -1,29 +1,26 @@
-import { useRef as s, useEffect as a } from "react";
-import { useRefState as R } from "../useRefState/useRefState.mjs";
-import { isTarget as l } from "../../utils/helpers/isTarget.mjs";
-const k = 300, C = ((...t) => {
-  const e = l(t[0]) ? t[0] : void 0, f = e ? t[1] : t[0], m = e ? t[2] : t[1], c = s(void 0), r = s(0), o = R(), d = s(f);
-  d.current = f;
-  const u = s(m);
-  if (u.current = m, a(() => {
-    if (!e && !o.state) return;
-    const n = e ? l.getElement(e) : o.current;
-    if (!n) return;
-    const i = (E) => {
-      r.current += 1, r.current === 1 && (c.current = setTimeout(() => {
-        u.current?.onSingleClick && u.current.onSingleClick(E), r.current = 0;
-      }, u.current?.threshold ?? k)), r.current === 2 && (clearTimeout(c.current), d.current(E), r.current = 0);
-    };
-    return n.addEventListener("mousedown", i), n.addEventListener("touchstart", i), () => {
-      n.removeEventListener("mousedown", i), n.removeEventListener("touchstart", i), c.current && clearTimeout(c.current);
-    };
-  }, [e && l.getRawElement(e), o.state]), !e)
-    return {
-      ref: o
-    };
+import { isTarget as e } from "../../utils/helpers/isTarget.mjs";
+import { useRefState as t } from "../useRefState/useRefState.mjs";
+import { useEffect as n, useRef as r } from "react";
+//#region src/hooks/useDoubleClick/useDoubleClick.ts
+var i = 300, a = ((...i) => {
+	let a = e(i[0]) ? i[0] : void 0, o = a ? i[1] : i[0], s = a ? i[2] : i[1], c = r(void 0), l = r(0), u = t(), d = r(o);
+	d.current = o;
+	let f = r(s);
+	if (f.current = s, n(() => {
+		if (!a && !u.state) return;
+		let t = a ? e.getElement(a) : u.current;
+		if (!t) return;
+		let n = (e) => {
+			l.current += 1, l.current === 1 && (c.current = setTimeout(() => {
+				f.current?.onSingleClick && f.current.onSingleClick(e), l.current = 0;
+			}, f.current?.threshold ?? 300)), l.current === 2 && (clearTimeout(c.current), d.current(e), l.current = 0);
+		};
+		return t.addEventListener("mousedown", n), t.addEventListener("touchstart", n), () => {
+			t.removeEventListener("mousedown", n), t.removeEventListener("touchstart", n), c.current && clearTimeout(c.current);
+		};
+	}, [a && e.getRawElement(a), u.state]), !a) return u;
 });
-export {
-  k as DEFAULT_THRESHOLD_TIME,
-  C as useDoubleClick
-};
-//# sourceMappingURL=useDoubleClick.mjs.map
+//#endregion
+export { i as DEFAULT_THRESHOLD_TIME, a as useDoubleClick };
+
+//# sourceMappingURL=useDoubleClick.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDoubleClick.mjs","sources":["../../../../src/hooks/useDoubleClick/useDoubleClick.ts"],"sourcesContent":["import { useEffect, useRef } 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\nexport type DoubleClickEvents = MouseEvent | TouchEvent;\n\n/** The use double click options type */\nexport interface UseDoubleClickOptions {\n  /** The threshold time in milliseconds between clicks */\n  threshold?: number;\n  /** The callback function to be invoked on single click */\n  onSingleClick?: (event: DoubleClickEvents) => void;\n}\n\nexport interface UseDoubleClick {\n  (\n    target: HookTarget,\n    callback: (event: DoubleClickEvents) => void,\n    options?: UseDoubleClickOptions\n  ): void;\n\n  <Target extends Element>(\n    callback: (event: DoubleClickEvents) => void,\n    options?: UseDoubleClickOptions,\n    target?: never\n  ): { ref: StateRef<Target> };\n}\n\nexport const DEFAULT_THRESHOLD_TIME = 300;\n\n/**\n * @name useDoubleClick\n * @description - Hook that defines the logic when double clicking an element\n * @category Elements\n * @usage medium\n\n * @overload\n * @param {HookTarget} target The target element to be double clicked\n * @param {(event: DoubleClickEvents) => void} callback The callback function to be invoked on double click\n * @param {UseDoubleClickOptions} [options] The options for the double click\n * @returns {void} The double clicking state\n *\n * @example\n * useDoubleClick(ref, () => console.log('double clicked'));\n *\n * @overload\n * @template Target The target element\n * @param {(event: DoubleClickEvents) => void} callback The callback function to be invoked on double click\n * @param {UseDoubleClickOptions} [options] The options for the double click\n * @returns {{ ref: StateRef<Target> }} The double clicking state\n *\n * @example\n * const { ref } = useDoubleClick(() => console.log('double clicked'));\n *\n * @see {@link https://siberiacancode.github.io/reactuse/functions/hooks/useDoubleClick.html}\n */\nexport const useDoubleClick = ((...params: any[]): any => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as (event: DoubleClickEvents) => void;\n  const options = (target ? params[2] : params[1]) as UseDoubleClickOptions | undefined;\n\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const clickCountRef = useRef(0);\n  const internalRef = useRefState<Element>();\n\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const onClick = (event: DoubleClickEvents) => {\n      clickCountRef.current += 1;\n\n      if (clickCountRef.current === 1) {\n        timeoutIdRef.current = setTimeout(() => {\n          if (internalOptionsRef.current?.onSingleClick)\n            internalOptionsRef.current.onSingleClick(event);\n          clickCountRef.current = 0;\n        }, internalOptionsRef.current?.threshold ?? DEFAULT_THRESHOLD_TIME);\n      }\n\n      if (clickCountRef.current === 2) {\n        clearTimeout(timeoutIdRef.current);\n        internalCallbackRef.current(event);\n        clickCountRef.current = 0;\n      }\n    };\n\n    element.addEventListener('mousedown', onClick as EventListener);\n    element.addEventListener('touchstart', onClick as EventListener);\n\n    return () => {\n      element.removeEventListener('mousedown', onClick as EventListener);\n      element.removeEventListener('touchstart', onClick as EventListener);\n      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return;\n  return {\n    ref: internalRef\n  };\n}) as UseDoubleClick;\n"],"names":["DEFAULT_THRESHOLD_TIME","useDoubleClick","params","target","isTarget","callback","options","timeoutIdRef","useRef","clickCountRef","internalRef","useRefState","internalCallbackRef","internalOptionsRef","useEffect","element","onClick","event"],"mappings":";;;AAkCO,MAAMA,IAAyB,KA4BzBC,KAAkB,IAAIC,MAAuB;AACxD,QAAMC,IAAUC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC5CG,IAAYF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GACzCI,IAAWH,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAExCK,IAAeC,EAAsC,MAAS,GAC9DC,IAAgBD,EAAO,CAAC,GACxBE,IAAcC,EAAA,GAEdC,IAAsBJ,EAAOH,CAAQ;AAC3C,EAAAO,EAAoB,UAAUP;AAC9B,QAAMQ,IAAqBL,EAAOF,CAAO;AAqCzC,MApCAO,EAAmB,UAAUP,GAE7BQ,EAAU,MAAM;AACd,QAAI,CAACX,KAAU,CAACO,EAAY,MAAO;AAEnC,UAAMK,IAAUZ,IAASC,EAAS,WAAWD,CAAM,IAAIO,EAAY;AACnE,QAAI,CAACK,EAAS;AAEd,UAAMC,IAAU,CAACC,MAA6B;AAC5C,MAAAR,EAAc,WAAW,GAErBA,EAAc,YAAY,MAC5BF,EAAa,UAAU,WAAW,MAAM;AACtC,QAAIM,EAAmB,SAAS,iBAC9BA,EAAmB,QAAQ,cAAcI,CAAK,GAChDR,EAAc,UAAU;AAAA,MAAA,GACvBI,EAAmB,SAAS,aAAab,CAAsB,IAGhES,EAAc,YAAY,MAC5B,aAAaF,EAAa,OAAO,GACjCK,EAAoB,QAAQK,CAAK,GACjCR,EAAc,UAAU;AAAA,IAC1B;AAGF,WAAAM,EAAQ,iBAAiB,aAAaC,CAAwB,GAC9DD,EAAQ,iBAAiB,cAAcC,CAAwB,GAExD,MAAM;AACX,MAAAD,EAAQ,oBAAoB,aAAaC,CAAwB,GACjED,EAAQ,oBAAoB,cAAcC,CAAwB,GAC9DT,EAAa,WAAS,aAAaA,EAAa,OAAO;AAAA,IAAA;AAAA,EAC7D,GACC,CAACJ,KAAUC,EAAS,cAAcD,CAAM,GAAGO,EAAY,KAAK,CAAC,GAE5D,CAAAP;AACJ,WAAO;AAAA,MACL,KAAKO;AAAA,IAAA;AAET;"}
+{"version":3,"file":"useDoubleClick.mjs","names":[],"sources":["../../../../src/hooks/useDoubleClick/useDoubleClick.ts"],"sourcesContent":["import { useEffect, useRef } 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\nexport type DoubleClickEvents = MouseEvent | TouchEvent;\n\n/** The use double click options type */\nexport interface UseDoubleClickOptions {\n  /** The threshold time in milliseconds between clicks */\n  threshold?: number;\n  /** The callback function to be invoked on single click */\n  onSingleClick?: (event: DoubleClickEvents) => void;\n}\n\nexport interface UseDoubleClick {\n  (\n    target: HookTarget,\n    callback: (event: DoubleClickEvents) => void,\n    options?: UseDoubleClickOptions\n  ): void;\n\n  <Target extends Element>(\n    callback: (event: DoubleClickEvents) => void,\n    options?: UseDoubleClickOptions,\n    target?: never\n  ): StateRef<Target>;\n}\n\nexport const DEFAULT_THRESHOLD_TIME = 300;\n\n/**\n * @name useDoubleClick\n * @description - Hook that defines the logic when double clicking an element\n * @category Elements\n * @usage medium\n\n * @overload\n * @param {HookTarget} target The target element to be double clicked\n * @param {(event: DoubleClickEvents) => void} callback The callback function to be invoked on double click\n * @param {UseDoubleClickOptions} [options] The options for the double click\n * @returns {void} The double clicking state\n *\n * @example\n * useDoubleClick(ref, () => console.log('double clicked'));\n *\n * @overload\n * @template Target The target element\n * @param {(event: DoubleClickEvents) => void} callback The callback function to be invoked on double click\n * @param {UseDoubleClickOptions} [options] The options for the double click\n * @returns {StateRef<Target>} The double clicking state\n *\n * @example\n * const ref = useDoubleClick(() => console.log('double clicked'));\n *\n * @see {@link https://siberiacancode.github.io/reactuse/functions/hooks/useDoubleClick.html}\n */\nexport const useDoubleClick = ((...params: any[]): any => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const callback = (target ? params[1] : params[0]) as (event: DoubleClickEvents) => void;\n  const options = (target ? params[2] : params[1]) as UseDoubleClickOptions | undefined;\n\n  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const clickCountRef = useRef(0);\n  const internalRef = useRefState<Element>();\n\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const internalOptionsRef = useRef(options);\n  internalOptionsRef.current = options;\n\n  useEffect(() => {\n    if (!target && !internalRef.state) return;\n\n    const element = target ? isTarget.getElement(target) : internalRef.current;\n    if (!element) return;\n\n    const onClick = (event: DoubleClickEvents) => {\n      clickCountRef.current += 1;\n\n      if (clickCountRef.current === 1) {\n        timeoutIdRef.current = setTimeout(() => {\n          if (internalOptionsRef.current?.onSingleClick)\n            internalOptionsRef.current.onSingleClick(event);\n          clickCountRef.current = 0;\n        }, internalOptionsRef.current?.threshold ?? DEFAULT_THRESHOLD_TIME);\n      }\n\n      if (clickCountRef.current === 2) {\n        clearTimeout(timeoutIdRef.current);\n        internalCallbackRef.current(event);\n        clickCountRef.current = 0;\n      }\n    };\n\n    element.addEventListener('mousedown', onClick as EventListener);\n    element.addEventListener('touchstart', onClick as EventListener);\n\n    return () => {\n      element.removeEventListener('mousedown', onClick as EventListener);\n      element.removeEventListener('touchstart', onClick as EventListener);\n      if (timeoutIdRef.current) clearTimeout(timeoutIdRef.current);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  if (target) return;\n  return internalRef;\n}) as UseDoubleClick;\n"],"mappings":";;;;AAkCA,IAAa,IAAyB,KA4BzB,MAAmB,GAAG,MAAuB;CACxD,IAAM,IAAU,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAC5C,IAAY,IAAS,EAAO,KAAK,EAAO,IACxC,IAAW,IAAS,EAAO,KAAK,EAAO,IAEvC,IAAe,EAAsC,KAAA,EAAU,EAC/D,IAAgB,EAAO,EAAE,EACzB,IAAc,GAAsB,EAEpC,IAAsB,EAAO,EAAS;AAC5C,GAAoB,UAAU;CAC9B,IAAM,IAAqB,EAAO,EAAQ;AAC1C,OAAmB,UAAU,GAE7B,QAAgB;AACd,MAAI,CAAC,KAAU,CAAC,EAAY,MAAO;EAEnC,IAAM,IAAU,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY;AACnE,MAAI,CAAC,EAAS;EAEd,IAAM,KAAW,MAA6B;AAW5C,GAVA,EAAc,WAAW,GAErB,EAAc,YAAY,MAC5B,EAAa,UAAU,iBAAiB;AAGtC,IAFI,EAAmB,SAAS,iBAC9B,EAAmB,QAAQ,cAAc,EAAM,EACjD,EAAc,UAAU;MACvB,EAAmB,SAAS,aAAA,IAAoC,GAGjE,EAAc,YAAY,MAC5B,aAAa,EAAa,QAAQ,EAClC,EAAoB,QAAQ,EAAM,EAClC,EAAc,UAAU;;AAO5B,SAHA,EAAQ,iBAAiB,aAAa,EAAyB,EAC/D,EAAQ,iBAAiB,cAAc,EAAyB,QAEnD;AAGX,GAFA,EAAQ,oBAAoB,aAAa,EAAyB,EAClE,EAAQ,oBAAoB,cAAc,EAAyB,EAC/D,EAAa,WAAS,aAAa,EAAa,QAAQ;;IAE7D,CAAC,KAAU,EAAS,cAAc,EAAO,EAAE,EAAY,MAAM,CAAC,EAE7D,GACJ,QAAO"}

package/dist/esm/hooks/useDropZone/useDropZone.mjs

@@ -1,48 +1,56 @@
-import { useRef as L, useState as y, useEffect as h } from "react";
-import { useRefState as D } from "../useRefState/useRefState.mjs";
-import { isTarget as d } from "../../utils/helpers/isTarget.mjs";
-const b = ((...n) => {
-  const o = d(n[0]) ? n[0] : void 0, s = o ? typeof n[1] == "object" ? n[1] : { onDrop: n[1] } : typeof n[0] == "object" ? n[0] : { onDrop: n[0] }, a = D(), f = L(0), [c, E] = y(null), [p, l] = y(!1), i = s.dataTypes, m = (e) => {
-    if (!e.dataTransfer) return null;
-    const t = Array.from(e.dataTransfer.files);
-    return s.multiple ? t : t.length ? [t[0]] : null;
-  }, v = (e) => i ? typeof i == "function" ? i(e) : i.length ? e.length ? e.every((t) => i.some((r) => t.includes(r))) : !1 : !0 : !0, T = (e) => {
-    const t = Array.from(e).map((u) => u.type), r = v(t), g = s.multiple || e.length <= 1;
-    return r && g;
-  };
-  return h(() => {
-    if (!o && !a.state) return;
-    const e = o ? d.getElement(o) : a.current;
-    if (!e) return;
-    const t = (r) => {
-      if (!r.dataTransfer) return;
-      if (!T(r.dataTransfer.items)) {
-        r.dataTransfer.dropEffect = "none";
-        return;
-      }
-      r.preventDefault(), r.dataTransfer.dropEffect = "copy";
-      const u = m(r);
-      if (r.type === "drop") {
-        f.current = 0, l(!1), E(u), s.onDrop?.(u, r);
-        return;
-      }
-      if (r.type === "dragenter") {
-        f.current += 1, l(!0), s.onEnter?.(r);
-        return;
-      }
-      if (r.type === "dragleave") {
-        if (f.current -= 1, f.current !== 0) return;
-        l(!1), s.onLeave?.(r);
-        return;
-      }
-      r.type === "dragover" && s.onOver?.(r);
-    };
-    return e.addEventListener("dragenter", t), e.addEventListener("dragover", t), e.addEventListener("dragleave", t), e.addEventListener("drop", t), () => {
-      e.removeEventListener("dragenter", t), e.removeEventListener("dragover", t), e.removeEventListener("dragleave", t), e.removeEventListener("drop", t);
-    };
-  }, [o && d.getRawElement(o), a.state]), o ? { overed: p, files: c } : { ref: a, overed: p, files: c };
+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/useDropZone/useDropZone.ts
+var a = ((...a) => {
+	let o = e(a[0]) ? a[0] : void 0, s = o ? typeof a[1] == "object" ? a[1] : { onDrop: a[1] } : typeof a[0] == "object" ? a[0] : { onDrop: a[0] }, c = t(), l = r(0), [u, d] = i(null), [f, p] = i(!1), m = s.dataTypes, h = (e) => {
+		if (!e.dataTransfer) return null;
+		let t = Array.from(e.dataTransfer.files);
+		return s.multiple ? t : t.length ? [t[0]] : null;
+	}, g = (e) => m ? typeof m == "function" ? m(e) : m.length ? e.length ? e.every((e) => m.some((t) => e.includes(t))) : !1 : !0 : !0, _ = (e) => {
+		let t = g(Array.from(e).map((e) => e.type)), n = s.multiple || e.length <= 1;
+		return t && n;
+	};
+	return n(() => {
+		if (!o && !c.state) return;
+		let t = o ? e.getElement(o) : c.current;
+		if (!t) return;
+		let n = (e) => {
+			if (!e.dataTransfer) return;
+			if (!_(e.dataTransfer.items)) {
+				e.dataTransfer.dropEffect = "none";
+				return;
+			}
+			e.preventDefault(), e.dataTransfer.dropEffect = "copy";
+			let t = h(e);
+			if (e.type === "drop") {
+				l.current = 0, p(!1), d(t), s.onDrop?.(t, e);
+				return;
+			}
+			if (e.type === "dragenter") {
+				l.current += 1, p(!0), s.onEnter?.(e);
+				return;
+			}
+			if (e.type === "dragleave") {
+				if (--l.current, l.current !== 0) return;
+				p(!1), s.onLeave?.(e);
+				return;
+			}
+			e.type === "dragover" && s.onOver?.(e);
+		};
+		return t.addEventListener("dragenter", n), t.addEventListener("dragover", n), t.addEventListener("dragleave", n), t.addEventListener("drop", n), () => {
+			t.removeEventListener("dragenter", n), t.removeEventListener("dragover", n), t.removeEventListener("dragleave", n), t.removeEventListener("drop", n);
+		};
+	}, [o && e.getRawElement(o), c.state]), o ? {
+		overed: f,
+		files: u
+	} : {
+		ref: c,
+		overed: f,
+		files: u
+	};
 });
-export {
-  b as useDropZone
-};
-//# sourceMappingURL=useDropZone.mjs.map
+//#endregion
+export { a as useDropZone };
+
+//# sourceMappingURL=useDropZone.mjs.map