@siberiacancode/reactuse 0.3.15 → 0.3.17

package/dist/esm/hooks/useMediaControls/useMediaControls.mjs

@@ -1,69 +1,68 @@
-import { useRef as J, useState as r, useEffect as K } from "react";
-import { useRefState as N } from "../useRefState/useRefState.mjs";
-import { isTarget as i } from "../../utils/helpers/isTarget.mjs";
-const O = (n) => {
-  let s = [];
-  for (let a = 0; a < n.length; ++a)
-    s = [...s, [n.start(a), n.end(a)]];
-  return s;
-}, re = ((...n) => {
-  const s = i(n[0]) ? n[0] : void 0, a = s ? typeof n[1] == "object" ? n[1] : { src: n[1] } : typeof n[0] == "object" ? n[0] : { src: n[0] }, c = N(), t = J(null), [u, o] = r(!1), [d, l] = r(0), [j, m] = r(0), [D, v] = r(!1), [W, B] = r(!1), [U, q] = r([]), [z, f] = r(!1), [F, g] = r(!1), [G, E] = r(1), [H, L] = r(!1), [I, y] = r(1);
-  K(() => {
-    const e = s ? i.getElement(s) : c.current;
-    if (!e) return;
-    t.current = e, e.src = a.src, a.type && e.setAttribute("type", a.type), a.media && e.setAttribute("media", a.media), l(e.duration), m(e.currentTime), o(!1), g(e.ended), L(e.muted), y(e.volume), E(e.playbackRate);
-    const h = () => {
-      o(!0), f(!1);
-    }, b = () => o(!1), R = () => B(!0), S = () => f(!0), T = () => v(!0), P = () => v(!1), M = () => {
-      o(!1), g(!0);
-    }, w = () => l(e.duration), V = () => m(e.currentTime), x = () => {
-      L(e.muted), y(e.volume);
-    }, A = () => E(e.playbackRate), C = () => q(O(e.buffered));
-    return e.addEventListener("playing", h), e.addEventListener("pause", b), e.addEventListener("waiting", R), e.addEventListener("progress", C), e.addEventListener("stalled", S), e.addEventListener("seeking", T), e.addEventListener("seeked", P), e.addEventListener("ended", M), e.addEventListener("loadedmetadata", w), e.addEventListener("timeupdate", V), e.addEventListener("volumechange", x), e.addEventListener("ratechange", A), () => {
-      e.removeEventListener("playing", h), e.removeEventListener("pause", b), e.removeEventListener("waiting", R), e.removeEventListener("progress", C), e.removeEventListener("stalled", S), e.removeEventListener("seeking", T), e.removeEventListener("seeked", P), e.removeEventListener("ended", M), e.removeEventListener("loadedmetadata", w), e.removeEventListener("timeupdate", V), e.removeEventListener("volumechange", x), e.removeEventListener("ratechange", A);
-    };
-  }, [s && i.getRawElement(s), c.state]);
-  const p = async () => {
-    const e = t.current;
-    e && await e.play();
-  }, k = () => {
-    t.current && t.current.pause();
-  };
-  return {
-    playing: u,
-    duration: d,
-    currentTime: j,
-    seeking: D,
-    waiting: W,
-    buffered: U,
-    stalled: z,
-    ended: F,
-    playbackRate: G,
-    muted: H,
-    volume: I,
-    play: p,
-    pause: k,
-    toggle: async (e = !u) => e ? p() : k(),
-    seek: (e) => {
-      t.current && (t.current.currentTime = Math.min(Math.max(e, 0), d));
-    },
-    changeVolume: (e) => {
-      t.current && (t.current.volume = Math.min(Math.max(e, 0), 1));
-    },
-    mute: () => {
-      t.current && (t.current.muted = !0);
-    },
-    unmute: () => {
-      t.current && (t.current.muted = !1);
-    },
-    changePlaybackRate: (e) => {
-      t.current && (t.current.playbackRate = e);
-    },
-    ...!s && { ref: 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/useMediaControls/useMediaControls.ts
+var a = (e) => {
+	let t = [];
+	for (let n = 0; n < e.length; ++n) t = [...t, [e.start(n), e.end(n)]];
+	return t;
+}, o = ((...o) => {
+	let s = e(o[0]) ? o[0] : void 0, c = s ? typeof o[1] == "object" ? o[1] : { src: o[1] } : typeof o[0] == "object" ? o[0] : { src: o[0] }, l = t(), u = r(null), [d, f] = i(!1), [p, m] = i(0), [h, g] = i(0), [_, v] = i(!1), [y, b] = i(!1), [x, S] = i([]), [C, w] = i(!1), [T, E] = i(!1), [D, O] = i(1), [k, A] = i(!1), [j, M] = i(1);
+	n(() => {
+		let t = s ? e.getElement(s) : l.current;
+		if (!t) return;
+		u.current = t, t.src = c.src, c.type && t.setAttribute("type", c.type), c.media && t.setAttribute("media", c.media), m(t.duration), g(t.currentTime), f(!1), E(t.ended), A(t.muted), M(t.volume), O(t.playbackRate);
+		let n = () => {
+			f(!0), w(!1);
+		}, r = () => f(!1), i = () => b(!0), o = () => w(!0), d = () => v(!0), p = () => v(!1), h = () => {
+			f(!1), E(!0);
+		}, _ = () => m(t.duration), y = () => g(t.currentTime), x = () => {
+			A(t.muted), M(t.volume);
+		}, C = () => O(t.playbackRate), T = () => S(a(t.buffered));
+		return t.addEventListener("playing", n), t.addEventListener("pause", r), t.addEventListener("waiting", i), t.addEventListener("progress", T), t.addEventListener("stalled", o), t.addEventListener("seeking", d), t.addEventListener("seeked", p), t.addEventListener("ended", h), t.addEventListener("loadedmetadata", _), t.addEventListener("timeupdate", y), t.addEventListener("volumechange", x), t.addEventListener("ratechange", C), () => {
+			t.removeEventListener("playing", n), t.removeEventListener("pause", r), t.removeEventListener("waiting", i), t.removeEventListener("progress", T), t.removeEventListener("stalled", o), t.removeEventListener("seeking", d), t.removeEventListener("seeked", p), t.removeEventListener("ended", h), t.removeEventListener("loadedmetadata", _), t.removeEventListener("timeupdate", y), t.removeEventListener("volumechange", x), t.removeEventListener("ratechange", C);
+		};
+	}, [s && e.getRawElement(s), l.state]);
+	let N = async () => {
+		let e = u.current;
+		e && await e.play();
+	}, P = () => {
+		u.current && u.current.pause();
+	};
+	return {
+		playing: d,
+		duration: p,
+		currentTime: h,
+		seeking: _,
+		waiting: y,
+		buffered: x,
+		stalled: C,
+		ended: T,
+		playbackRate: D,
+		muted: k,
+		volume: j,
+		play: N,
+		pause: P,
+		toggle: async (e = !d) => e ? N() : P(),
+		seek: (e) => {
+			u.current && (u.current.currentTime = Math.min(Math.max(e, 0), p));
+		},
+		changeVolume: (e) => {
+			u.current && (u.current.volume = Math.min(Math.max(e, 0), 1));
+		},
+		mute: () => {
+			u.current && (u.current.muted = !0);
+		},
+		unmute: () => {
+			u.current && (u.current.muted = !1);
+		},
+		changePlaybackRate: (e) => {
+			u.current && (u.current.playbackRate = e);
+		},
+		...!s && { ref: l }
+	};
 });
-export {
-  O as timeRangeToArray,
-  re as useMediaControls
-};
-//# sourceMappingURL=useMediaControls.mjs.map
+//#endregion
+export { a as timeRangeToArray, o as useMediaControls };
+
+//# sourceMappingURL=useMediaControls.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMediaControls.mjs","sources":["../../../../src/hooks/useMediaControls/useMediaControls.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\nexport const timeRangeToArray = (timeRanges: TimeRanges) => {\n  let ranges: [number, number][] = [];\n\n  for (let i = 0; i < timeRanges.length; ++i)\n    ranges = [...ranges, [timeRanges.start(i), timeRanges.end(i)]];\n\n  return ranges;\n};\n\n/** The media source configuration type */\nexport interface UseMediaSource {\n  /** The media attribute of the media */\n  media?: string;\n  /** The source URL of the media */\n  src: string;\n  /** The MIME type of the media */\n  type?: string;\n}\n\n/** The media controls return type */\nexport interface UseMediaControlsReturn {\n  /** Whether the media is currently buffering */\n  buffered: [number, number][];\n  /** The current playback position in seconds */\n  currentTime: number;\n  /** The total duration of the media in seconds */\n  duration: number;\n  /** Whether the media has ended */\n  ended: boolean;\n  /** Whether the media is currently muted */\n  muted: boolean;\n  /** The current playback rate (1.0 is normal speed) */\n  playbackRate: number;\n  /** Whether the media is currently playing */\n  playing: boolean;\n  /** Whether the media is currently seeking */\n  seeking: boolean;\n  /** Whether the media is currently stalled */\n  stalled: boolean;\n  /** The current volume level (0.0 to 1.0) */\n  volume: number;\n  /** Whether the media is currently waiting */\n  waiting: boolean;\n  /** Set the playback rate */\n  changePlaybackRate: (rate: number) => void;\n  /** Set the volume level (0.0 to 1.0) */\n  changeVolume: (volume: number) => void;\n  /** Set the muted state */\n  mute: () => void;\n  /** Pause the media */\n  pause: () => void;\n  /** Start playing the media */\n  play: () => Promise<void>;\n  /** Seek to a specific time in seconds */\n  seek: (time: number) => void;\n  /** Toggle between play and pause */\n  toggle: () => Promise<void>;\n  /** Set the unmuted state */\n  unmute: () => void;\n}\n\nexport interface UseMediaControls {\n  (target: HookTarget, src: string): UseMediaControlsReturn;\n\n  (target: HookTarget, options: UseMediaSource): UseMediaControlsReturn;\n\n  <Target extends HTMLMediaElement>(\n    src: string\n  ): UseMediaControlsReturn & {\n    ref: StateRef<Target>;\n  };\n\n  <Target extends HTMLMediaElement>(\n    options: UseMediaSource\n  ): UseMediaControlsReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useMediaControls\n * @description Hook that provides controls for HTML media elements (audio/video)\n * @category Browser\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The target media element\n * @param {string} src The source URL of the media\n * @returns {UseMediaControlsReturn} An object containing media controls and state\n *\n * @example\n * const { playing, play, pause } = useMediaControls(videoRef, 'video.mp4');\n *\n * @overload\n * @param {HookTarget} target The target media element\n * @param {UseMediaSource} options The media source configuration\n * @returns {UseMediaControlsReturn} An object containing media controls and state\n *\n * @example\n * const { playing, play, pause } = useMediaControls(audioRef, { src: 'audio.mp3', type: 'audio/mp3' });\n *\n * @overload\n * @template Target The target media element type\n * @param {string} src The source URL of the media\n * @returns {UseMediaControlsReturn & { ref: StateRef<Target> }} An object containing media controls, state and ref\n *\n * @example\n * const { ref, playing, play, pause } = useMediaControls<HTMLVideoElement>('video.mp4');\n *\n * @overload\n * @template Target The target media element type\n * @param {UseMediaSource} options The media source configuration\n * @returns {UseMediaControlsReturn & { ref: StateRef<Target> }} An object containing media controls, state and ref\n *\n * @example\n * const { ref, playing, play, pause } = useMediaControls<HTMLVideoElement>({ src: 'video.mp4', type: 'video/mp4' });\n */\nexport const useMediaControls = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (\n    target\n      ? typeof params[1] === 'object'\n        ? params[1]\n        : { src: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { src: params[0] }\n  ) as UseMediaSource;\n\n  const internalRef = useRefState<HTMLMediaElement>();\n  const elementRef = useRef<HTMLMediaElement | null>(null);\n\n  const [playing, setPlaying] = useState(false);\n  const [duration, setDuration] = useState(0);\n  const [currentTime, setCurrentTime] = useState(0);\n  const [seeking, setSeeking] = useState(false);\n  const [waiting, setWaiting] = useState(false);\n  const [buffered, setBuffered] = useState<[number, number][]>([]);\n  const [stalled, setStalled] = useState(false);\n  const [ended, setEnded] = useState(false);\n  const [playbackRate, setPlaybackRateState] = useState(1);\n\n  const [muted, setMutedState] = useState(false);\n  const [volume, setVolumeState] = useState(1);\n\n  useEffect(() => {\n    const element = (\n      target ? isTarget.getElement(target) : internalRef.current\n    ) as HTMLMediaElement;\n\n    if (!element) return;\n\n    elementRef.current = element;\n    element.src = options.src;\n\n    if (options.type) element.setAttribute('type', options.type);\n    if (options.media) element.setAttribute('media', options.media);\n\n    setDuration(element.duration);\n    setCurrentTime(element.currentTime);\n    setPlaying(false);\n    setEnded(element.ended);\n    setMutedState(element.muted);\n    setVolumeState(element.volume);\n    setPlaybackRateState(element.playbackRate);\n\n    const onPlaying = () => {\n      setPlaying(true);\n      setStalled(false);\n    };\n    const onPause = () => setPlaying(false);\n    const onWaiting = () => setWaiting(true);\n    const onStalled = () => setStalled(true);\n    const onSeeking = () => setSeeking(true);\n    const onSeeked = () => setSeeking(false);\n    const onEnded = () => {\n      setPlaying(false);\n      setEnded(true);\n    };\n    const onDurationChange = () => setDuration(element.duration);\n    const onTimeUpdate = () => setCurrentTime(element.currentTime);\n    const onVolumechange = () => {\n      setMutedState(element.muted);\n      setVolumeState(element.volume);\n    };\n    const onRatechange = () => setPlaybackRateState(element.playbackRate);\n    const onProgress = () => setBuffered(timeRangeToArray(element.buffered));\n\n    element.addEventListener('playing', onPlaying);\n    element.addEventListener('pause', onPause);\n    element.addEventListener('waiting', onWaiting);\n    element.addEventListener('progress', onProgress);\n    element.addEventListener('stalled', onStalled);\n    element.addEventListener('seeking', onSeeking);\n    element.addEventListener('seeked', onSeeked);\n    element.addEventListener('ended', onEnded);\n    element.addEventListener('loadedmetadata', onDurationChange);\n    element.addEventListener('timeupdate', onTimeUpdate);\n    element.addEventListener('volumechange', onVolumechange);\n    element.addEventListener('ratechange', onRatechange);\n\n    return () => {\n      element.removeEventListener('playing', onPlaying);\n      element.removeEventListener('pause', onPause);\n      element.removeEventListener('waiting', onWaiting);\n      element.removeEventListener('progress', onProgress);\n      element.removeEventListener('stalled', onStalled);\n      element.removeEventListener('seeking', onSeeking);\n      element.removeEventListener('seeked', onSeeked);\n      element.removeEventListener('ended', onEnded);\n      element.removeEventListener('loadedmetadata', onDurationChange);\n      element.removeEventListener('timeupdate', onTimeUpdate);\n      element.removeEventListener('volumechange', onVolumechange);\n      element.removeEventListener('ratechange', onRatechange);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  const play = async () => {\n    const element = elementRef.current;\n    if (!element) return;\n\n    await element.play();\n  };\n\n  const pause = () => {\n    if (!elementRef.current) return;\n    elementRef.current.pause();\n  };\n\n  const toggle = async (value = !playing) => {\n    if (value) return play();\n    return pause();\n  };\n\n  const seek = (time: number) => {\n    if (!elementRef.current) return;\n    elementRef.current.currentTime = Math.min(Math.max(time, 0), duration);\n  };\n\n  const changeVolume = (value: number) => {\n    if (!elementRef.current) return;\n    elementRef.current.volume = Math.min(Math.max(value, 0), 1);\n  };\n\n  const mute = () => {\n    if (!elementRef.current) return;\n    elementRef.current.muted = true;\n  };\n\n  const unmute = () => {\n    if (!elementRef.current) return;\n    elementRef.current.muted = false;\n  };\n\n  const changePlaybackRate = (value: number) => {\n    if (!elementRef.current) return;\n    elementRef.current.playbackRate = value;\n  };\n\n  return {\n    playing,\n    duration,\n    currentTime,\n    seeking,\n    waiting,\n    buffered,\n    stalled,\n    ended,\n    playbackRate,\n    muted,\n    volume,\n\n    play,\n    pause,\n    toggle,\n    seek,\n    changeVolume,\n    mute,\n    unmute,\n    changePlaybackRate,\n\n    ...(!target && { ref: internalRef })\n  };\n}) as UseMediaControls;\n"],"names":["timeRangeToArray","timeRanges","ranges","i","useMediaControls","params","target","isTarget","options","internalRef","useRefState","elementRef","useRef","playing","setPlaying","useState","duration","setDuration","currentTime","setCurrentTime","seeking","setSeeking","waiting","setWaiting","buffered","setBuffered","stalled","setStalled","ended","setEnded","playbackRate","setPlaybackRateState","muted","setMutedState","volume","setVolumeState","useEffect","element","onPlaying","onPause","onWaiting","onStalled","onSeeking","onSeeked","onEnded","onDurationChange","onTimeUpdate","onVolumechange","onRatechange","onProgress","play","pause","value","time"],"mappings":"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"}
+{"version":3,"file":"useMediaControls.mjs","names":[],"sources":["../../../../src/hooks/useMediaControls/useMediaControls.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\nexport const timeRangeToArray = (timeRanges: TimeRanges) => {\n  let ranges: [number, number][] = [];\n\n  for (let i = 0; i < timeRanges.length; ++i)\n    ranges = [...ranges, [timeRanges.start(i), timeRanges.end(i)]];\n\n  return ranges;\n};\n\n/** The media source configuration type */\nexport interface UseMediaSource {\n  /** The media attribute of the media */\n  media?: string;\n  /** The source URL of the media */\n  src: string;\n  /** The MIME type of the media */\n  type?: string;\n}\n\n/** The media controls return type */\nexport interface UseMediaControlsReturn {\n  /** Whether the media is currently buffering */\n  buffered: [number, number][];\n  /** The current playback position in seconds */\n  currentTime: number;\n  /** The total duration of the media in seconds */\n  duration: number;\n  /** Whether the media has ended */\n  ended: boolean;\n  /** Whether the media is currently muted */\n  muted: boolean;\n  /** The current playback rate (1.0 is normal speed) */\n  playbackRate: number;\n  /** Whether the media is currently playing */\n  playing: boolean;\n  /** Whether the media is currently seeking */\n  seeking: boolean;\n  /** Whether the media is currently stalled */\n  stalled: boolean;\n  /** The current volume level (0.0 to 1.0) */\n  volume: number;\n  /** Whether the media is currently waiting */\n  waiting: boolean;\n  /** Set the playback rate */\n  changePlaybackRate: (rate: number) => void;\n  /** Set the volume level (0.0 to 1.0) */\n  changeVolume: (volume: number) => void;\n  /** Set the muted state */\n  mute: () => void;\n  /** Pause the media */\n  pause: () => void;\n  /** Start playing the media */\n  play: () => Promise<void>;\n  /** Seek to a specific time in seconds */\n  seek: (time: number) => void;\n  /** Toggle between play and pause */\n  toggle: () => Promise<void>;\n  /** Set the unmuted state */\n  unmute: () => void;\n}\n\nexport interface UseMediaControls {\n  (target: HookTarget, src: string): UseMediaControlsReturn;\n\n  (target: HookTarget, options: UseMediaSource): UseMediaControlsReturn;\n\n  <Target extends HTMLMediaElement>(\n    src: string\n  ): UseMediaControlsReturn & {\n    ref: StateRef<Target>;\n  };\n\n  <Target extends HTMLMediaElement>(\n    options: UseMediaSource\n  ): UseMediaControlsReturn & { ref: StateRef<Target> };\n}\n\n/**\n * @name useMediaControls\n * @description Hook that provides controls for HTML media elements (audio/video)\n * @category Browser\n * @usage low\n *\n * @overload\n * @param {HookTarget} target The target media element\n * @param {string} src The source URL of the media\n * @returns {UseMediaControlsReturn} An object containing media controls and state\n *\n * @example\n * const { playing, play, pause } = useMediaControls(videoRef, 'video.mp4');\n *\n * @overload\n * @param {HookTarget} target The target media element\n * @param {UseMediaSource} options The media source configuration\n * @returns {UseMediaControlsReturn} An object containing media controls and state\n *\n * @example\n * const { playing, play, pause } = useMediaControls(audioRef, { src: 'audio.mp3', type: 'audio/mp3' });\n *\n * @overload\n * @template Target The target media element type\n * @param {string} src The source URL of the media\n * @returns {UseMediaControlsReturn & { ref: StateRef<Target> }} An object containing media controls, state and ref\n *\n * @example\n * const { ref, playing, play, pause } = useMediaControls<HTMLVideoElement>('video.mp4');\n *\n * @overload\n * @template Target The target media element type\n * @param {UseMediaSource} options The media source configuration\n * @returns {UseMediaControlsReturn & { ref: StateRef<Target> }} An object containing media controls, state and ref\n *\n * @example\n * const { ref, playing, play, pause } = useMediaControls<HTMLVideoElement>({ src: 'video.mp4', type: 'video/mp4' });\n */\nexport const useMediaControls = ((...params: any[]) => {\n  const target = (isTarget(params[0]) ? params[0] : undefined) as HookTarget | undefined;\n  const options = (\n    target\n      ? typeof params[1] === 'object'\n        ? params[1]\n        : { src: params[1] }\n      : typeof params[0] === 'object'\n        ? params[0]\n        : { src: params[0] }\n  ) as UseMediaSource;\n\n  const internalRef = useRefState<HTMLMediaElement>();\n  const elementRef = useRef<HTMLMediaElement | null>(null);\n\n  const [playing, setPlaying] = useState(false);\n  const [duration, setDuration] = useState(0);\n  const [currentTime, setCurrentTime] = useState(0);\n  const [seeking, setSeeking] = useState(false);\n  const [waiting, setWaiting] = useState(false);\n  const [buffered, setBuffered] = useState<[number, number][]>([]);\n  const [stalled, setStalled] = useState(false);\n  const [ended, setEnded] = useState(false);\n  const [playbackRate, setPlaybackRateState] = useState(1);\n\n  const [muted, setMutedState] = useState(false);\n  const [volume, setVolumeState] = useState(1);\n\n  useEffect(() => {\n    const element = (\n      target ? isTarget.getElement(target) : internalRef.current\n    ) as HTMLMediaElement;\n\n    if (!element) return;\n\n    elementRef.current = element;\n    element.src = options.src;\n\n    if (options.type) element.setAttribute('type', options.type);\n    if (options.media) element.setAttribute('media', options.media);\n\n    setDuration(element.duration);\n    setCurrentTime(element.currentTime);\n    setPlaying(false);\n    setEnded(element.ended);\n    setMutedState(element.muted);\n    setVolumeState(element.volume);\n    setPlaybackRateState(element.playbackRate);\n\n    const onPlaying = () => {\n      setPlaying(true);\n      setStalled(false);\n    };\n    const onPause = () => setPlaying(false);\n    const onWaiting = () => setWaiting(true);\n    const onStalled = () => setStalled(true);\n    const onSeeking = () => setSeeking(true);\n    const onSeeked = () => setSeeking(false);\n    const onEnded = () => {\n      setPlaying(false);\n      setEnded(true);\n    };\n    const onDurationChange = () => setDuration(element.duration);\n    const onTimeUpdate = () => setCurrentTime(element.currentTime);\n    const onVolumechange = () => {\n      setMutedState(element.muted);\n      setVolumeState(element.volume);\n    };\n    const onRatechange = () => setPlaybackRateState(element.playbackRate);\n    const onProgress = () => setBuffered(timeRangeToArray(element.buffered));\n\n    element.addEventListener('playing', onPlaying);\n    element.addEventListener('pause', onPause);\n    element.addEventListener('waiting', onWaiting);\n    element.addEventListener('progress', onProgress);\n    element.addEventListener('stalled', onStalled);\n    element.addEventListener('seeking', onSeeking);\n    element.addEventListener('seeked', onSeeked);\n    element.addEventListener('ended', onEnded);\n    element.addEventListener('loadedmetadata', onDurationChange);\n    element.addEventListener('timeupdate', onTimeUpdate);\n    element.addEventListener('volumechange', onVolumechange);\n    element.addEventListener('ratechange', onRatechange);\n\n    return () => {\n      element.removeEventListener('playing', onPlaying);\n      element.removeEventListener('pause', onPause);\n      element.removeEventListener('waiting', onWaiting);\n      element.removeEventListener('progress', onProgress);\n      element.removeEventListener('stalled', onStalled);\n      element.removeEventListener('seeking', onSeeking);\n      element.removeEventListener('seeked', onSeeked);\n      element.removeEventListener('ended', onEnded);\n      element.removeEventListener('loadedmetadata', onDurationChange);\n      element.removeEventListener('timeupdate', onTimeUpdate);\n      element.removeEventListener('volumechange', onVolumechange);\n      element.removeEventListener('ratechange', onRatechange);\n    };\n  }, [target && isTarget.getRawElement(target), internalRef.state]);\n\n  const play = async () => {\n    const element = elementRef.current;\n    if (!element) return;\n\n    await element.play();\n  };\n\n  const pause = () => {\n    if (!elementRef.current) return;\n    elementRef.current.pause();\n  };\n\n  const toggle = async (value = !playing) => {\n    if (value) return play();\n    return pause();\n  };\n\n  const seek = (time: number) => {\n    if (!elementRef.current) return;\n    elementRef.current.currentTime = Math.min(Math.max(time, 0), duration);\n  };\n\n  const changeVolume = (value: number) => {\n    if (!elementRef.current) return;\n    elementRef.current.volume = Math.min(Math.max(value, 0), 1);\n  };\n\n  const mute = () => {\n    if (!elementRef.current) return;\n    elementRef.current.muted = true;\n  };\n\n  const unmute = () => {\n    if (!elementRef.current) return;\n    elementRef.current.muted = false;\n  };\n\n  const changePlaybackRate = (value: number) => {\n    if (!elementRef.current) return;\n    elementRef.current.playbackRate = value;\n  };\n\n  return {\n    playing,\n    duration,\n    currentTime,\n    seeking,\n    waiting,\n    buffered,\n    stalled,\n    ended,\n    playbackRate,\n    muted,\n    volume,\n\n    play,\n    pause,\n    toggle,\n    seek,\n    changeVolume,\n    mute,\n    unmute,\n    changePlaybackRate,\n\n    ...(!target && { ref: internalRef })\n  };\n}) as UseMediaControls;\n"],"mappings":"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"}

package/dist/esm/hooks/useMediaQuery/useMediaQuery.mjs

@@ -1,17 +1,12 @@
-import { useCallback as a, useSyncExternalStore as o } from "react";
-const r = () => !1, h = (e) => {
-  const s = a(
-    (t) => {
-      const n = window.matchMedia(e);
-      return n.addEventListener("change", t), () => {
-        n.removeEventListener("change", t);
-      };
-    },
-    [e]
-  );
-  return o(s, () => window.matchMedia(e).matches, r);
-};
-export {
-  h as useMediaQuery
-};
-//# sourceMappingURL=useMediaQuery.mjs.map
+import { useCallback as e, useSyncExternalStore as t } from "react";
+//#region src/hooks/useMediaQuery/useMediaQuery.ts
+var n = () => !1, r = (r) => t(e((e) => {
+	let t = window.matchMedia(r);
+	return t.addEventListener("change", e), () => {
+		t.removeEventListener("change", e);
+	};
+}, [r]), () => window.matchMedia(r).matches, n);
+//#endregion
+export { r as useMediaQuery };
+
+//# sourceMappingURL=useMediaQuery.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.mjs","sources":["../../../../src/hooks/useMediaQuery/useMediaQuery.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from 'react';\r\n\r\nconst getServerSnapshot = () => false;\r\n\r\n/**\r\n * @name useMediaQuery\r\n * @description - Hook that manages a media query\r\n * @category Browser\r\n * @usage medium\r\n *\r\n * @browserapi window.matchMedia https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia\r\n *\r\n * @param {string} query The media query string\r\n * @returns {boolean} A boolean indicating if the media query matches\r\n *\r\n * @example\r\n * const matches = useMediaQuery('(max-width: 768px)');\r\n */\r\nexport const useMediaQuery = (query: string) => {\r\n  const subscribe = useCallback(\r\n    (callback: () => void) => {\r\n      const matchMedia = window.matchMedia(query);\r\n\r\n      matchMedia.addEventListener('change', callback);\r\n      return () => {\r\n        matchMedia.removeEventListener('change', callback);\r\n      };\r\n    },\r\n    [query]\r\n  );\r\n\r\n  const getSnapshot = () => window.matchMedia(query).matches;\r\n\r\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\r\n};\r\n"],"names":["getServerSnapshot","useMediaQuery","query","subscribe","useCallback","callback","matchMedia","useSyncExternalStore"],"mappings":";AAEA,MAAMA,IAAoB,MAAM,IAgBnBC,IAAgB,CAACC,MAAkB;AAC9C,QAAMC,IAAYC;AAAA,IAChB,CAACC,MAAyB;AACxB,YAAMC,IAAa,OAAO,WAAWJ,CAAK;AAE1C,aAAAI,EAAW,iBAAiB,UAAUD,CAAQ,GACvC,MAAM;AACX,QAAAC,EAAW,oBAAoB,UAAUD,CAAQ;AAAA,MAAA;AAAA,IACnD;AAAA,IAEF,CAACH,CAAK;AAAA,EAAA;AAKR,SAAOK,EAAqBJ,GAFR,MAAM,OAAO,WAAWD,CAAK,EAAE,SAECF,CAAiB;AACvE;"}
+{"version":3,"file":"useMediaQuery.mjs","names":[],"sources":["../../../../src/hooks/useMediaQuery/useMediaQuery.ts"],"sourcesContent":["import { useCallback, useSyncExternalStore } from 'react';\r\n\r\nconst getServerSnapshot = () => false;\r\n\r\n/**\r\n * @name useMediaQuery\r\n * @description - Hook that manages a media query\r\n * @category Browser\r\n * @usage medium\r\n *\r\n * @browserapi window.matchMedia https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia\r\n *\r\n * @param {string} query The media query string\r\n * @returns {boolean} A boolean indicating if the media query matches\r\n *\r\n * @example\r\n * const matches = useMediaQuery('(max-width: 768px)');\r\n */\r\nexport const useMediaQuery = (query: string) => {\r\n  const subscribe = useCallback(\r\n    (callback: () => void) => {\r\n      const matchMedia = window.matchMedia(query);\r\n\r\n      matchMedia.addEventListener('change', callback);\r\n      return () => {\r\n        matchMedia.removeEventListener('change', callback);\r\n      };\r\n    },\r\n    [query]\r\n  );\r\n\r\n  const getSnapshot = () => window.matchMedia(query).matches;\r\n\r\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\r\n};\r\n"],"mappings":";;AAEA,IAAM,UAA0B,IAgBnB,KAAiB,MAerB,EAdW,GACf,MAAyB;CACxB,IAAM,IAAa,OAAO,WAAW,EAAM;AAG3C,QADA,EAAW,iBAAiB,UAAU,EAAS,QAClC;AACX,IAAW,oBAAoB,UAAU,EAAS;;GAGtD,CAAC,EAAM,CACR,QAEyB,OAAO,WAAW,EAAM,CAAC,SAEC,EAAkB"}

package/dist/esm/hooks/useMemory/useMemory.mjs

@@ -1,19 +1,21 @@
-import { useState as n, useEffect as m } from "react";
-const p = () => {
-  const e = typeof performance < "u" && "memory" in performance && !!performance.memory, [r, t] = n(
-    e ? performance.memory : {
-      jsHeapSizeLimit: 0,
-      totalJSHeapSize: 0,
-      usedJSHeapSize: 0
-    }
-  );
-  return m(() => {
-    if (!e) return;
-    const o = setInterval(() => t(performance.memory), 1e3);
-    return () => clearInterval(o);
-  }, []), { supported: e, value: r };
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/useMemory/useMemory.ts
+var n = () => {
+	let n = typeof performance < "u" && "memory" in performance && !!performance.memory, [r, i] = t(n ? performance.memory : {
+		jsHeapSizeLimit: 0,
+		totalJSHeapSize: 0,
+		usedJSHeapSize: 0
+	});
+	return e(() => {
+		if (!n) return;
+		let e = setInterval(() => i(performance.memory), 1e3);
+		return () => clearInterval(e);
+	}, []), {
+		supported: n,
+		value: r
+	};
 };
-export {
-  p as useMemory
-};
-//# sourceMappingURL=useMemory.mjs.map
+//#endregion
+export { n as useMemory };
+
+//# sourceMappingURL=useMemory.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMemory.mjs","sources":["../../../../src/hooks/useMemory/useMemory.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ndeclare global {\n  interface Performance {\n    memory: {\n      readonly jsHeapSizeLimit: number;\n      readonly totalJSHeapSize: number;\n      readonly usedJSHeapSize: number;\n    };\n  }\n}\n\n/** The use memory return type */\nexport interface UseMemoryReturn {\n  /** The memory supported status */\n  supported: boolean;\n  /** The current memory usage */\n  value: Performance['memory'];\n}\n\n/**\n * @name useMemory\n * @description - Hook that gives you current memory usage\n * @category Browser\n * @usage low\n *\n * @browserapi performance.memory https://developer.mozilla.org/en-US/docs/Web/API/Performance/memory\n *\n * @returns {UseMemoryReturn} An object containing the current memory usage\n *\n * @example\n * const { supported, value } = useMemory();\n */\nexport const useMemory = (): UseMemoryReturn => {\n  const supported =\n    typeof performance !== 'undefined' && 'memory' in performance && !!performance.memory;\n\n  const [value, setValue] = useState<Performance['memory']>(\n    supported\n      ? performance.memory\n      : {\n          jsHeapSizeLimit: 0,\n          totalJSHeapSize: 0,\n          usedJSHeapSize: 0\n        }\n  );\n\n  useEffect(() => {\n    if (!supported) return;\n    const intervalId = setInterval(() => setValue(performance.memory), 1000);\n    return () => clearInterval(intervalId);\n  }, []);\n\n  return { supported, value };\n};\n"],"names":["useMemory","supported","value","setValue","useState","useEffect","intervalId"],"mappings":";AAiCO,MAAMA,IAAY,MAAuB;AAC9C,QAAMC,IACJ,OAAO,cAAgB,OAAe,YAAY,eAAe,CAAC,CAAC,YAAY,QAE3E,CAACC,GAAOC,CAAQ,IAAIC;AAAA,IACxBH,IACI,YAAY,SACZ;AAAA,MACE,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,gBAAgB;AAAA,IAAA;AAAA,EAClB;AAGN,SAAAI,EAAU,MAAM;AACd,QAAI,CAACJ,EAAW;AAChB,UAAMK,IAAa,YAAY,MAAMH,EAAS,YAAY,MAAM,GAAG,GAAI;AACvE,WAAO,MAAM,cAAcG,CAAU;AAAA,EAAA,GACpC,EAAE,GAEE,EAAE,WAAAL,GAAW,OAAAC,EAAA;AACtB;"}
+{"version":3,"file":"useMemory.mjs","names":[],"sources":["../../../../src/hooks/useMemory/useMemory.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ndeclare global {\n  interface Performance {\n    memory: {\n      readonly jsHeapSizeLimit: number;\n      readonly totalJSHeapSize: number;\n      readonly usedJSHeapSize: number;\n    };\n  }\n}\n\n/** The use memory return type */\nexport interface UseMemoryReturn {\n  /** The memory supported status */\n  supported: boolean;\n  /** The current memory usage */\n  value: Performance['memory'];\n}\n\n/**\n * @name useMemory\n * @description - Hook that gives you current memory usage\n * @category Browser\n * @usage low\n *\n * @browserapi performance.memory https://developer.mozilla.org/en-US/docs/Web/API/Performance/memory\n *\n * @returns {UseMemoryReturn} An object containing the current memory usage\n *\n * @example\n * const { supported, value } = useMemory();\n */\nexport const useMemory = (): UseMemoryReturn => {\n  const supported =\n    typeof performance !== 'undefined' && 'memory' in performance && !!performance.memory;\n\n  const [value, setValue] = useState<Performance['memory']>(\n    supported\n      ? performance.memory\n      : {\n          jsHeapSizeLimit: 0,\n          totalJSHeapSize: 0,\n          usedJSHeapSize: 0\n        }\n  );\n\n  useEffect(() => {\n    if (!supported) return;\n    const intervalId = setInterval(() => setValue(performance.memory), 1000);\n    return () => clearInterval(intervalId);\n  }, []);\n\n  return { supported, value };\n};\n"],"mappings":";;AAiCA,IAAa,UAAmC;CAC9C,IAAM,IACJ,OAAO,cAAgB,OAAe,YAAY,eAAe,CAAC,CAAC,YAAY,QAE3E,CAAC,GAAO,KAAY,EACxB,IACI,YAAY,SACZ;EACE,iBAAiB;EACjB,iBAAiB;EACjB,gBAAgB;EACjB,CACN;AAQD,QANA,QAAgB;AACd,MAAI,CAAC,EAAW;EAChB,IAAM,IAAa,kBAAkB,EAAS,YAAY,OAAO,EAAE,IAAK;AACxE,eAAa,cAAc,EAAW;IACrC,EAAE,CAAC,EAEC;EAAE;EAAW;EAAO"}

package/dist/esm/hooks/useMergedRef/useMergedRef.mjs

@@ -1,25 +1,23 @@
-import { useCallback as s } from "react";
-const o = (n, t) => {
-  if (typeof n == "function") return n(t);
-  typeof n == "object" && n !== null && "current" in n && (n.current = t);
-}, i = (...n) => {
-  const t = /* @__PURE__ */ new Map();
-  return (u) => {
-    if (n.forEach((c) => {
-      const e = o(c, u);
-      e && t.set(c, e);
-    }), !!t.size)
-      return () => {
-        n.forEach((c) => {
-          const e = t.get(c);
-          e && typeof e == "function" ? e() : o(c, null);
-        }), t.clear();
-      };
-  };
-}, a = (...n) => s(i(...n), n);
-export {
-  o as assignRef,
-  i as mergeRefs,
-  a as useMergedRef
-};
-//# sourceMappingURL=useMergedRef.mjs.map
+import { useCallback as e } from "react";
+//#region src/hooks/useMergedRef/useMergedRef.ts
+var t = (e, t) => {
+	if (typeof e == "function") return e(t);
+	typeof e == "object" && e && "current" in e && (e.current = t);
+}, n = (...e) => {
+	let n = /* @__PURE__ */ new Map();
+	return (r) => {
+		if (e.forEach((e) => {
+			let i = t(e, r);
+			i && n.set(e, i);
+		}), n.size) return () => {
+			e.forEach((e) => {
+				let r = n.get(e);
+				r && typeof r == "function" ? r() : t(e, null);
+			}), n.clear();
+		};
+	};
+}, r = (...t) => e(n(...t), t);
+//#endregion
+export { t as assignRef, n as mergeRefs, r as useMergedRef };
+
+//# sourceMappingURL=useMergedRef.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMergedRef.mjs","sources":["../../../../src/hooks/useMergedRef/useMergedRef.ts"],"sourcesContent":["import type { Ref, RefCallback } from 'react';\n\nimport { useCallback } from 'react';\n\nexport const assignRef = <Element>(\n  ref: Ref<Element>,\n  value: Element\n): ReturnType<RefCallback<Element>> => {\n  if (typeof ref === 'function') return ref(value);\n  if (typeof ref === 'object' && ref !== null && 'current' in ref) ref.current = value;\n};\n\nexport const mergeRefs = <Element>(...refs: Ref<Element>[]): RefCallback<Element> => {\n  const cleanupMap = new Map<Ref<Element>, Exclude<ReturnType<RefCallback<Element>>, void>>();\n\n  return (node: Element | null) => {\n    refs.forEach((ref) => {\n      const cleanup = assignRef(ref, node);\n      if (cleanup) cleanupMap.set(ref, cleanup);\n    });\n\n    if (!cleanupMap.size) return;\n\n    return () => {\n      refs.forEach((ref) => {\n        const cleanup = cleanupMap.get(ref);\n        if (cleanup && typeof cleanup === 'function') cleanup();\n        else assignRef(ref, null);\n      });\n      cleanupMap.clear();\n    };\n  };\n};\n\n/**\n * @name useMergedRef\n * @description - Hook that merges multiple refs into a single ref\n * @category State\n * @usage medium\n *\n * @template Element The element type\n * @param {...Ref<Element>[]} refs The refs to merge\n * @returns {RefCallback<Element>} A memoized ref callback that assigns to all provided refs\n *\n * @example\n * const mergedRef = useMergedRef(firstRef, secondRef);\n */\nexport const useMergedRef = <Element>(...refs: Ref<Element>[]) =>\n  useCallback(mergeRefs(...refs), refs);\n"],"names":["assignRef","ref","value","mergeRefs","refs","cleanupMap","node","cleanup","useMergedRef","useCallback"],"mappings":";AAIO,MAAMA,IAAY,CACvBC,GACAC,MACqC;AACrC,MAAI,OAAOD,KAAQ,WAAY,QAAOA,EAAIC,CAAK;AAC/C,EAAI,OAAOD,KAAQ,YAAYA,MAAQ,QAAQ,aAAaA,QAAS,UAAUC;AACjF,GAEaC,IAAY,IAAaC,MAA+C;AACnF,QAAMC,wBAAiB,IAAA;AAEvB,SAAO,CAACC,MAAyB;AAM/B,QALAF,EAAK,QAAQ,CAACH,MAAQ;AACpB,YAAMM,IAAUP,EAAUC,GAAKK,CAAI;AACnC,MAAIC,KAASF,EAAW,IAAIJ,GAAKM,CAAO;AAAA,IAAA,CACzC,GAEG,EAACF,EAAW;AAEhB,aAAO,MAAM;AACX,QAAAD,EAAK,QAAQ,CAACH,MAAQ;AACpB,gBAAMM,IAAUF,EAAW,IAAIJ,CAAG;AAClC,UAAIM,KAAW,OAAOA,KAAY,aAAYA,EAAA,IACzCP,EAAUC,GAAK,IAAI;AAAA,QAAA,CACzB,GACDI,EAAW,MAAA;AAAA,MAAM;AAAA,EACnB;AAEJ,GAeaG,IAAe,IAAaJ,MACvCK,EAAYN,EAAU,GAAGC,CAAI,GAAGA,CAAI;"}
+{"version":3,"file":"useMergedRef.mjs","names":[],"sources":["../../../../src/hooks/useMergedRef/useMergedRef.ts"],"sourcesContent":["import type { Ref, RefCallback } from 'react';\n\nimport { useCallback } from 'react';\n\nexport const assignRef = <Element>(\n  ref: Ref<Element>,\n  value: Element\n): ReturnType<RefCallback<Element>> => {\n  if (typeof ref === 'function') return ref(value);\n  if (typeof ref === 'object' && ref !== null && 'current' in ref) ref.current = value;\n};\n\nexport const mergeRefs = <Element>(...refs: Ref<Element>[]): RefCallback<Element> => {\n  const cleanupMap = new Map<Ref<Element>, Exclude<ReturnType<RefCallback<Element>>, void>>();\n\n  return (node: Element | null) => {\n    refs.forEach((ref) => {\n      const cleanup = assignRef(ref, node);\n      if (cleanup) cleanupMap.set(ref, cleanup);\n    });\n\n    if (!cleanupMap.size) return;\n\n    return () => {\n      refs.forEach((ref) => {\n        const cleanup = cleanupMap.get(ref);\n        if (cleanup && typeof cleanup === 'function') cleanup();\n        else assignRef(ref, null);\n      });\n      cleanupMap.clear();\n    };\n  };\n};\n\n/**\n * @name useMergedRef\n * @description - Hook that merges multiple refs into a single ref\n * @category State\n * @usage medium\n *\n * @template Element The element type\n * @param {...Ref<Element>[]} refs The refs to merge\n * @returns {RefCallback<Element>} A memoized ref callback that assigns to all provided refs\n *\n * @example\n * const mergedRef = useMergedRef(firstRef, secondRef);\n */\nexport const useMergedRef = <Element>(...refs: Ref<Element>[]) =>\n  useCallback(mergeRefs(...refs), refs);\n"],"mappings":";;AAIA,IAAa,KACX,GACA,MACqC;AACrC,KAAI,OAAO,KAAQ,WAAY,QAAO,EAAI,EAAM;AAChD,CAAI,OAAO,KAAQ,YAAY,KAAgB,aAAa,MAAK,EAAI,UAAU;GAGpE,KAAsB,GAAG,MAA+C;CACnF,IAAM,oBAAa,IAAI,KAAoE;AAE3F,SAAQ,MAAyB;AAC/B,QAAK,SAAS,MAAQ;GACpB,IAAM,IAAU,EAAU,GAAK,EAAK;AACpC,GAAI,KAAS,EAAW,IAAI,GAAK,EAAQ;IACzC,EAEG,EAAW,KAEhB,cAAa;AAMX,GALA,EAAK,SAAS,MAAQ;IACpB,IAAM,IAAU,EAAW,IAAI,EAAI;AACnC,IAAI,KAAW,OAAO,KAAY,aAAY,GAAS,GAClD,EAAU,GAAK,KAAK;KACzB,EACF,EAAW,OAAO;;;GAkBX,KAAyB,GAAG,MACvC,EAAY,EAAU,GAAG,EAAK,EAAE,EAAK"}

package/dist/esm/hooks/useMount/useMount.mjs

@@ -1,6 +1,7 @@
-import { useEffect as t } from "react";
-const f = (o) => t(o, []);
-export {
-  f as useMount
-};
-//# sourceMappingURL=useMount.mjs.map
+import { useEffect as e } from "react";
+//#region src/hooks/useMount/useMount.ts
+var t = (t) => e(t, []);
+//#endregion
+export { t as useMount };
+
+//# sourceMappingURL=useMount.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMount.mjs","sources":["../../../../src/hooks/useMount/useMount.ts"],"sourcesContent":["import type { EffectCallback } from 'react';\n\nimport { useEffect } from 'react';\n\n/**\n * @name useMount\n * @description - Hook that executes a callback when the component mounts\n * @category Lifecycle\n * @usage necessary\n *\n * @param {EffectCallback} effect The callback to execute\n *\n * @example\n * useMount(() => console.log('This effect runs on the initial render'));\n */\nexport const useMount = (effect: EffectCallback) => useEffect(effect, []);\n"],"names":["useMount","effect","useEffect"],"mappings":";AAeO,MAAMA,IAAW,CAACC,MAA2BC,EAAUD,GAAQ,CAAA,CAAE;"}
+{"version":3,"file":"useMount.mjs","names":[],"sources":["../../../../src/hooks/useMount/useMount.ts"],"sourcesContent":["import type { EffectCallback } from 'react';\n\nimport { useEffect } from 'react';\n\n/**\n * @name useMount\n * @description - Hook that executes a callback when the component mounts\n * @category Lifecycle\n * @usage necessary\n *\n * @param {EffectCallback} effect The callback to execute\n *\n * @example\n * useMount(() => console.log('This effect runs on the initial render'));\n */\nexport const useMount = (effect: EffectCallback) => useEffect(effect, []);\n"],"mappings":";;AAeA,IAAa,KAAY,MAA2B,EAAU,GAAQ,EAAE,CAAC"}

package/dist/esm/hooks/useMouse/useMouse.mjs

@@ -1,59 +1,62 @@
-import { useRef as u, useEffect as x } from "react";
-import { useRefState as y } from "../useRefState/useRefState.mjs";
-import { useRerender as L } from "../useRerender/useRerender.mjs";
-import { isTarget as m } from "../../utils/helpers/isTarget.mjs";
-const C = ((...s) => {
-  const n = m(s[0]) ? s[0] : void 0, a = n ? s[1] : s[0], t = u({
-    x: 0,
-    y: 0,
-    elementX: 0,
-    elementY: 0,
-    elementPositionX: 0,
-    elementPositionY: 0,
-    clientX: 0,
-    clientY: 0
-  }), d = u(a);
-  d.current = a;
-  const X = u(!1), g = L(), i = y(), Y = (o, c) => {
-    t.current = o, d.current?.(o, c), X.current && g();
-  }, f = () => (X.current = !0, t.current);
-  return x(() => {
-    const o = (e) => {
-      const l = n ? m.getElement(n) : i.current, r = {
-        x: e.pageX,
-        y: e.pageY,
-        clientX: e.clientX,
-        clientY: e.clientY,
-        elementX: e.pageX,
-        elementY: e.pageY,
-        elementPositionX: 0,
-        elementPositionY: 0
-      };
-      if (l) {
-        const { left: P, top: R } = l.getBoundingClientRect(), p = P + window.scrollX, w = R + window.scrollY, E = e.pageX - p, h = e.pageY - w;
-        r.elementX = E, r.elementY = h, r.elementPositionX = p, r.elementPositionY = w;
-      }
-      Y(r, e);
-    }, c = (e) => {
-      const l = {
-        ...t.current,
-        x: t.current.x + window.scrollX - t.current.elementPositionX,
-        y: t.current.y + window.scrollY - t.current.elementPositionY,
-        elementPositionX: window.scrollX,
-        elementPositionY: window.scrollY
-      };
-      Y(l, e);
-    };
-    return document.addEventListener("scroll", c, { passive: !0 }), document.addEventListener("mousemove", o), () => {
-      document.removeEventListener("scroll", c), document.removeEventListener("mousemove", o);
-    };
-  }, [i.state, n && m.getRawElement(n)]), n ? { snapshot: t.current, watch: f } : {
-    ref: i,
-    snapshot: t.current,
-    watch: f
-  };
+import { isTarget as e } from "../../utils/helpers/isTarget.mjs";
+import { useRefState as t } from "../useRefState/useRefState.mjs";
+import { useRerender as n } from "../useRerender/useRerender.mjs";
+import { useEffect as r, useRef as i } from "react";
+//#region src/hooks/useMouse/useMouse.ts
+var a = ((...a) => {
+	let o = e(a[0]) ? a[0] : void 0, s = o ? a[1] : a[0], c = i({
+		x: 0,
+		y: 0,
+		elementX: 0,
+		elementY: 0,
+		elementPositionX: 0,
+		elementPositionY: 0,
+		clientX: 0,
+		clientY: 0
+	}), l = i(s);
+	l.current = s;
+	let u = i(!1), d = n(), f = t(), p = (e, t) => {
+		c.current = e, l.current?.(e, t), u.current && d();
+	}, m = () => (u.current = !0, c.current);
+	return r(() => {
+		let t = (t) => {
+			let n = o ? e.getElement(o) : f.current, r = {
+				x: t.pageX,
+				y: t.pageY,
+				clientX: t.clientX,
+				clientY: t.clientY,
+				elementX: t.pageX,
+				elementY: t.pageY,
+				elementPositionX: 0,
+				elementPositionY: 0
+			};
+			if (n) {
+				let { left: e, top: i } = n.getBoundingClientRect(), a = e + window.scrollX, o = i + window.scrollY, s = t.pageX - a, c = t.pageY - o;
+				r.elementX = s, r.elementY = c, r.elementPositionX = a, r.elementPositionY = o;
+			}
+			p(r, t);
+		}, n = (e) => {
+			p({
+				...c.current,
+				x: c.current.x + window.scrollX - c.current.elementPositionX,
+				y: c.current.y + window.scrollY - c.current.elementPositionY,
+				elementPositionX: window.scrollX,
+				elementPositionY: window.scrollY
+			}, e);
+		};
+		return document.addEventListener("scroll", n, { passive: !0 }), document.addEventListener("mousemove", t), () => {
+			document.removeEventListener("scroll", n), document.removeEventListener("mousemove", t);
+		};
+	}, [f.state, o && e.getRawElement(o)]), o ? {
+		snapshot: c.current,
+		watch: m
+	} : {
+		ref: f,
+		snapshot: c.current,
+		watch: m
+	};
 });
-export {
-  C as useMouse
-};
-//# sourceMappingURL=useMouse.mjs.map
+//#endregion
+export { a as useMouse };
+
+//# sourceMappingURL=useMouse.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useMouse.mjs","sources":["../../../../src/hooks/useMouse/useMouse.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';\nimport { useRerender } from '../useRerender/useRerender';\n\n/** The use mouse return type */\nexport interface UseMouseReturn {\n  /** The latest mouse value snapshot */\n  snapshot: UseMouseValue;\n  /** Function to enable subscriptions and rerender on next updates */\n  watch: () => UseMouseValue;\n}\n\n/** The use mouse value type */\nexport interface UseMouseValue {\n  /** The current mouse client x position */\n  clientX: number;\n  /** The current mouse client y position */\n  clientY: number;\n  /** The current element position x */\n  elementPositionX: number;\n  /** The current element position y */\n  elementPositionY: number;\n  /** The current element x position */\n  elementX: number;\n  /** The current element y position */\n  elementY: number;\n  /** The current mouse x position */\n  x: number;\n  /** The current mouse y position */\n  y: number;\n}\n\nexport type UseMouseCallback = (value: UseMouseValue, event: Event) => void;\n\nexport interface UseMouse {\n  (target: HookTarget, callback?: UseMouseCallback): UseMouseReturn;\n\n  <Target extends Element>(\n    callback?: UseMouseCallback,\n    target?: never\n  ): UseMouseReturn & {\n    ref: StateRef<Target>;\n  };\n\n  (target?: Window, callback?: UseMouseCallback): UseMouseReturn;\n}\n\n/**\n * @name useMouse\n * @description - Hook that manages a mouse position\n * @category Sensors\n * @usage low\n *\n * @overload\n * @param {HookTarget} [target=window] The target element to manage the mouse position for\n * @param {(value: UseMouseValue, event: Event) => void} [callback] The callback to invoke on mouse updates\n * @returns {UseMouseReturn} An object with mouse value controls\n *\n * @example\n * const mouse = useMouse(ref);\n *\n * @overload\n * @template Target The target element\n * @param {(value: UseMouseValue, event: Event) => void} [callback] The callback to invoke on mouse updates\n * @returns {UseMouseReturn & { ref: StateRef<Target> }} An object with mouse value controls and a ref\n *\n * @example\n * const mouse = useMouse<HTMLDivElement>();\n */\nexport const useMouse = ((...params: any[]) => {\n  const target = isTarget(params[0]) ? params[0] : undefined;\n  const callback = (target ? params[1] : params[0]) as UseMouseCallback | undefined;\n\n  const snapshotRef = useRef<UseMouseValue>({\n    x: 0,\n    y: 0,\n    elementX: 0,\n    elementY: 0,\n    elementPositionX: 0,\n    elementPositionY: 0,\n    clientX: 0,\n    clientY: 0\n  });\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const watchingRef = useRef(false);\n  const rerender = useRerender();\n\n  const internalRef = useRefState<Element>();\n\n  const updateValue = (nextValue: UseMouseValue, event: Event) => {\n    snapshotRef.current = nextValue;\n    internalCallbackRef.current?.(nextValue, event);\n    if (watchingRef.current) rerender();\n  };\n\n  const watch = () => {\n    watchingRef.current = true;\n    return snapshotRef.current;\n  };\n\n  useEffect(() => {\n    const onMouseMove = (event: MouseEvent) => {\n      const element = (target ? isTarget.getElement(target) : internalRef.current) as\n        | Element\n        | undefined;\n\n      const updatedValue: UseMouseValue = {\n        x: event.pageX,\n        y: event.pageY,\n        clientX: event.clientX,\n        clientY: event.clientY,\n        elementX: event.pageX,\n        elementY: event.pageY,\n        elementPositionX: 0,\n        elementPositionY: 0\n      };\n\n      if (element) {\n        const { left, top } = element.getBoundingClientRect();\n        const elementPositionX = left + window.scrollX;\n        const elementPositionY = top + window.scrollY;\n        const elementX = event.pageX - elementPositionX;\n        const elementY = event.pageY - elementPositionY;\n\n        updatedValue.elementX = elementX;\n        updatedValue.elementY = elementY;\n        updatedValue.elementPositionX = elementPositionX;\n        updatedValue.elementPositionY = elementPositionY;\n      }\n\n      updateValue(updatedValue, event);\n    };\n\n    const onScroll = (event: Event) => {\n      const updatedValue: UseMouseValue = {\n        ...snapshotRef.current,\n        x: snapshotRef.current.x + window.scrollX - snapshotRef.current.elementPositionX,\n        y: snapshotRef.current.y + window.scrollY - snapshotRef.current.elementPositionY,\n        elementPositionX: window.scrollX,\n        elementPositionY: window.scrollY\n      };\n      updateValue(updatedValue, event);\n    };\n\n    document.addEventListener('scroll', onScroll, { passive: true });\n    document.addEventListener('mousemove', onMouseMove);\n    return () => {\n      document.removeEventListener('scroll', onScroll);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [internalRef.state, target && isTarget.getRawElement(target)]);\n\n  if (target) return { snapshot: snapshotRef.current, watch };\n  return {\n    ref: internalRef,\n    snapshot: snapshotRef.current,\n    watch\n  };\n}) as UseMouse;\n"],"names":["useMouse","params","target","isTarget","callback","snapshotRef","useRef","internalCallbackRef","watchingRef","rerender","useRerender","internalRef","useRefState","updateValue","nextValue","event","watch","useEffect","onMouseMove","element","updatedValue","left","top","elementPositionX","elementPositionY","elementX","elementY","onScroll"],"mappings":";;;;AA4EO,MAAMA,KAAY,IAAIC,MAAkB;AAC7C,QAAMC,IAASC,EAASF,EAAO,CAAC,CAAC,IAAIA,EAAO,CAAC,IAAI,QAC3CG,IAAYF,IAASD,EAAO,CAAC,IAAIA,EAAO,CAAC,GAEzCI,IAAcC,EAAsB;AAAA,IACxC,GAAG;AAAA,IACH,GAAG;AAAA,IACH,UAAU;AAAA,IACV,UAAU;AAAA,IACV,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,SAAS;AAAA,IACT,SAAS;AAAA,EAAA,CACV,GACKC,IAAsBD,EAAOF,CAAQ;AAC3C,EAAAG,EAAoB,UAAUH;AAC9B,QAAMI,IAAcF,EAAO,EAAK,GAC1BG,IAAWC,EAAA,GAEXC,IAAcC,EAAA,GAEdC,IAAc,CAACC,GAA0BC,MAAiB;AAC9D,IAAAV,EAAY,UAAUS,GACtBP,EAAoB,UAAUO,GAAWC,CAAK,GAC1CP,EAAY,WAASC,EAAA;AAAA,EAAS,GAG9BO,IAAQ,OACZR,EAAY,UAAU,IACfH,EAAY;AAuDrB,SApDAY,EAAU,MAAM;AACd,UAAMC,IAAc,CAACH,MAAsB;AACzC,YAAMI,IAAWjB,IAASC,EAAS,WAAWD,CAAM,IAAIS,EAAY,SAI9DS,IAA8B;AAAA,QAClC,GAAGL,EAAM;AAAA,QACT,GAAGA,EAAM;AAAA,QACT,SAASA,EAAM;AAAA,QACf,SAASA,EAAM;AAAA,QACf,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,kBAAkB;AAAA,QAClB,kBAAkB;AAAA,MAAA;AAGpB,UAAII,GAAS;AACX,cAAM,EAAE,MAAAE,GAAM,KAAAC,MAAQH,EAAQ,sBAAA,GACxBI,IAAmBF,IAAO,OAAO,SACjCG,IAAmBF,IAAM,OAAO,SAChCG,IAAWV,EAAM,QAAQQ,GACzBG,IAAWX,EAAM,QAAQS;AAE/B,QAAAJ,EAAa,WAAWK,GACxBL,EAAa,WAAWM,GACxBN,EAAa,mBAAmBG,GAChCH,EAAa,mBAAmBI;AAAA,MAAA;AAGlC,MAAAX,EAAYO,GAAcL,CAAK;AAAA,IAAA,GAG3BY,IAAW,CAACZ,MAAiB;AACjC,YAAMK,IAA8B;AAAA,QAClC,GAAGf,EAAY;AAAA,QACf,GAAGA,EAAY,QAAQ,IAAI,OAAO,UAAUA,EAAY,QAAQ;AAAA,QAChE,GAAGA,EAAY,QAAQ,IAAI,OAAO,UAAUA,EAAY,QAAQ;AAAA,QAChE,kBAAkB,OAAO;AAAA,QACzB,kBAAkB,OAAO;AAAA,MAAA;AAE3B,MAAAQ,EAAYO,GAAcL,CAAK;AAAA,IAAA;AAGjC,oBAAS,iBAAiB,UAAUY,GAAU,EAAE,SAAS,IAAM,GAC/D,SAAS,iBAAiB,aAAaT,CAAW,GAC3C,MAAM;AACX,eAAS,oBAAoB,UAAUS,CAAQ,GAC/C,SAAS,oBAAoB,aAAaT,CAAW;AAAA,IAAA;AAAA,EACvD,GACC,CAACP,EAAY,OAAOT,KAAUC,EAAS,cAAcD,CAAM,CAAC,CAAC,GAE5DA,IAAe,EAAE,UAAUG,EAAY,SAAS,OAAAW,EAAA,IAC7C;AAAA,IACL,KAAKL;AAAA,IACL,UAAUN,EAAY;AAAA,IACtB,OAAAW;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useMouse.mjs","names":[],"sources":["../../../../src/hooks/useMouse/useMouse.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';\nimport { useRerender } from '../useRerender/useRerender';\n\n/** The use mouse return type */\nexport interface UseMouseReturn {\n  /** The latest mouse value snapshot */\n  snapshot: UseMouseValue;\n  /** Function to enable subscriptions and rerender on next updates */\n  watch: () => UseMouseValue;\n}\n\n/** The use mouse value type */\nexport interface UseMouseValue {\n  /** The current mouse client x position */\n  clientX: number;\n  /** The current mouse client y position */\n  clientY: number;\n  /** The current element position x */\n  elementPositionX: number;\n  /** The current element position y */\n  elementPositionY: number;\n  /** The current element x position */\n  elementX: number;\n  /** The current element y position */\n  elementY: number;\n  /** The current mouse x position */\n  x: number;\n  /** The current mouse y position */\n  y: number;\n}\n\nexport type UseMouseCallback = (value: UseMouseValue, event: Event) => void;\n\nexport interface UseMouse {\n  (target: HookTarget, callback?: UseMouseCallback): UseMouseReturn;\n\n  <Target extends Element>(\n    callback?: UseMouseCallback,\n    target?: never\n  ): UseMouseReturn & {\n    ref: StateRef<Target>;\n  };\n\n  (target?: Window, callback?: UseMouseCallback): UseMouseReturn;\n}\n\n/**\n * @name useMouse\n * @description - Hook that manages a mouse position\n * @category Sensors\n * @usage low\n *\n * @overload\n * @param {HookTarget} [target=window] The target element to manage the mouse position for\n * @param {(value: UseMouseValue, event: Event) => void} [callback] The callback to invoke on mouse updates\n * @returns {UseMouseReturn} An object with mouse value controls\n *\n * @example\n * const mouse = useMouse(ref);\n *\n * @overload\n * @template Target The target element\n * @param {(value: UseMouseValue, event: Event) => void} [callback] The callback to invoke on mouse updates\n * @returns {UseMouseReturn & { ref: StateRef<Target> }} An object with mouse value controls and a ref\n *\n * @example\n * const mouse = useMouse<HTMLDivElement>();\n */\nexport const useMouse = ((...params: any[]) => {\n  const target = isTarget(params[0]) ? params[0] : undefined;\n  const callback = (target ? params[1] : params[0]) as UseMouseCallback | undefined;\n\n  const snapshotRef = useRef<UseMouseValue>({\n    x: 0,\n    y: 0,\n    elementX: 0,\n    elementY: 0,\n    elementPositionX: 0,\n    elementPositionY: 0,\n    clientX: 0,\n    clientY: 0\n  });\n  const internalCallbackRef = useRef(callback);\n  internalCallbackRef.current = callback;\n  const watchingRef = useRef(false);\n  const rerender = useRerender();\n\n  const internalRef = useRefState<Element>();\n\n  const updateValue = (nextValue: UseMouseValue, event: Event) => {\n    snapshotRef.current = nextValue;\n    internalCallbackRef.current?.(nextValue, event);\n    if (watchingRef.current) rerender();\n  };\n\n  const watch = () => {\n    watchingRef.current = true;\n    return snapshotRef.current;\n  };\n\n  useEffect(() => {\n    const onMouseMove = (event: MouseEvent) => {\n      const element = (target ? isTarget.getElement(target) : internalRef.current) as\n        | Element\n        | undefined;\n\n      const updatedValue: UseMouseValue = {\n        x: event.pageX,\n        y: event.pageY,\n        clientX: event.clientX,\n        clientY: event.clientY,\n        elementX: event.pageX,\n        elementY: event.pageY,\n        elementPositionX: 0,\n        elementPositionY: 0\n      };\n\n      if (element) {\n        const { left, top } = element.getBoundingClientRect();\n        const elementPositionX = left + window.scrollX;\n        const elementPositionY = top + window.scrollY;\n        const elementX = event.pageX - elementPositionX;\n        const elementY = event.pageY - elementPositionY;\n\n        updatedValue.elementX = elementX;\n        updatedValue.elementY = elementY;\n        updatedValue.elementPositionX = elementPositionX;\n        updatedValue.elementPositionY = elementPositionY;\n      }\n\n      updateValue(updatedValue, event);\n    };\n\n    const onScroll = (event: Event) => {\n      const updatedValue: UseMouseValue = {\n        ...snapshotRef.current,\n        x: snapshotRef.current.x + window.scrollX - snapshotRef.current.elementPositionX,\n        y: snapshotRef.current.y + window.scrollY - snapshotRef.current.elementPositionY,\n        elementPositionX: window.scrollX,\n        elementPositionY: window.scrollY\n      };\n      updateValue(updatedValue, event);\n    };\n\n    document.addEventListener('scroll', onScroll, { passive: true });\n    document.addEventListener('mousemove', onMouseMove);\n    return () => {\n      document.removeEventListener('scroll', onScroll);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [internalRef.state, target && isTarget.getRawElement(target)]);\n\n  if (target) return { snapshot: snapshotRef.current, watch };\n  return {\n    ref: internalRef,\n    snapshot: snapshotRef.current,\n    watch\n  };\n}) as UseMouse;\n"],"mappings":";;;;;AA4EA,IAAa,MAAa,GAAG,MAAkB;CAC7C,IAAM,IAAS,EAAS,EAAO,GAAG,GAAG,EAAO,KAAK,KAAA,GAC3C,IAAY,IAAS,EAAO,KAAK,EAAO,IAExC,IAAc,EAAsB;EACxC,GAAG;EACH,GAAG;EACH,UAAU;EACV,UAAU;EACV,kBAAkB;EAClB,kBAAkB;EAClB,SAAS;EACT,SAAS;EACV,CAAC,EACI,IAAsB,EAAO,EAAS;AAC5C,GAAoB,UAAU;CAC9B,IAAM,IAAc,EAAO,GAAM,EAC3B,IAAW,GAAa,EAExB,IAAc,GAAsB,EAEpC,KAAe,GAA0B,MAAiB;AAG9D,EAFA,EAAY,UAAU,GACtB,EAAoB,UAAU,GAAW,EAAM,EAC3C,EAAY,WAAS,GAAU;IAG/B,WACJ,EAAY,UAAU,IACf,EAAY;AAwDrB,QArDA,QAAgB;EACd,IAAM,KAAe,MAAsB;GACzC,IAAM,IAAW,IAAS,EAAS,WAAW,EAAO,GAAG,EAAY,SAI9D,IAA8B;IAClC,GAAG,EAAM;IACT,GAAG,EAAM;IACT,SAAS,EAAM;IACf,SAAS,EAAM;IACf,UAAU,EAAM;IAChB,UAAU,EAAM;IAChB,kBAAkB;IAClB,kBAAkB;IACnB;AAED,OAAI,GAAS;IACX,IAAM,EAAE,SAAM,WAAQ,EAAQ,uBAAuB,EAC/C,IAAmB,IAAO,OAAO,SACjC,IAAmB,IAAM,OAAO,SAChC,IAAW,EAAM,QAAQ,GACzB,IAAW,EAAM,QAAQ;AAK/B,IAHA,EAAa,WAAW,GACxB,EAAa,WAAW,GACxB,EAAa,mBAAmB,GAChC,EAAa,mBAAmB;;AAGlC,KAAY,GAAc,EAAM;KAG5B,KAAY,MAAiB;AAQjC,KAPoC;IAClC,GAAG,EAAY;IACf,GAAG,EAAY,QAAQ,IAAI,OAAO,UAAU,EAAY,QAAQ;IAChE,GAAG,EAAY,QAAQ,IAAI,OAAO,UAAU,EAAY,QAAQ;IAChE,kBAAkB,OAAO;IACzB,kBAAkB,OAAO;IAC1B,EACyB,EAAM;;AAKlC,SAFA,SAAS,iBAAiB,UAAU,GAAU,EAAE,SAAS,IAAM,CAAC,EAChE,SAAS,iBAAiB,aAAa,EAAY,QACtC;AAEX,GADA,SAAS,oBAAoB,UAAU,EAAS,EAChD,SAAS,oBAAoB,aAAa,EAAY;;IAEvD,CAAC,EAAY,OAAO,KAAU,EAAS,cAAc,EAAO,CAAC,CAAC,EAE7D,IAAe;EAAE,UAAU,EAAY;EAAS;EAAO,GACpD;EACL,KAAK;EACL,UAAU,EAAY;EACtB;EACD"}