@therealtinhtute/baroiplayer 1.0.2 → 1.0.4

package/dist/{hooks-BhW_i-9L.js → hooks-BPtHV1ZT.js}

@@ -1,13 +1,13 @@
 import * as re from "react";
-import N, { useEffect as q, useOptimistic as ce, useRef as W, useTransition as le, useCallback as A, useMemo as ue, useState as Q } from "react";
-import { c as H, d as pe, e as j, M as K } from "./context-Af84FynT.js";
+import B, { useEffect as j, useOptimistic as ce, useRef as z, useTransition as le, useCallback as A, useMemo as ue, useState as Y } from "react";
+import { c as N, d as pe, e as W, M as H } from "./context-Af84FynT.js";
 import { s as ve } from "./utils-nTO4AnHo.js";
 function Ie({ enabled: e = !0, state: t, controls: n, seekStep: s = 10, volumeStep: u = 0.1 }) {
   const o = (a) => {
     if (!e)
       return;
-    const d = a.target;
-    if (!(d.tagName === "INPUT" || d.tagName === "TEXTAREA" || d.contentEditable === "true"))
+    const m = a.target;
+    if (!(m.tagName === "INPUT" || m.tagName === "TEXTAREA" || m.contentEditable === "true"))
       switch (a.code) {
         case "Space":
         case "KeyK":
@@ -42,8 +42,8 @@ function Ie({ enabled: e = !0, state: t, controls: n, seekStep: s = 10, volumeSt
         case "Digit8":
         case "Digit9":
           a.preventDefault();
-          const D = parseInt(a.code.replace("Digit", ""), 10) / 10;
-          n.seek(t.duration * D);
+          const F = parseInt(a.code.replace("Digit", ""), 10) / 10;
+          n.seek(t.duration * F);
           break;
         case "Home":
           a.preventDefault(), n.seek(0);
@@ -53,7 +53,7 @@ function Ie({ enabled: e = !0, state: t, controls: n, seekStep: s = 10, volumeSt
           break;
       }
   };
-  return q(() => {
+  return j(() => {
     if (e)
       return document.addEventListener("keydown", o), () => {
         document.removeEventListener("keydown", o);
@@ -102,33 +102,33 @@ function ye(e, t) {
   }
 }
 function Ee(e) {
-  const t = N.useSyncExternalStore(e.subscribe, e.getState, e.getState), [n, s] = ce(t, ye), u = N.useCallback(async (d) => {
-    d.optimistic && s(d), await e.dispatchOptimistic(d);
-  }, [e, s]), o = N.useMemo(() => ({
+  const t = B.useSyncExternalStore(e.subscribe, e.getState, e.getState), [n, s] = ce(t, ye), u = B.useCallback(async (m) => {
+    m.optimistic && s(m), await e.dispatchOptimistic(m);
+  }, [e, s]), o = B.useMemo(() => ({
     // Play/Pause with immediate feedback
     togglePlayPause: async () => {
-      const d = {
+      const m = {
         type: n.isPlaying ? "PAUSE" : "PLAY",
         optimistic: !0,
         timestamp: Date.now()
       };
-      await u(d);
+      await u(m);
     },
     // Volume control with immediate slider feedback
-    setVolumeOptimistic: async (d) => {
+    setVolumeOptimistic: async (m) => {
       const S = {
         type: "SET_VOLUME",
-        detail: Math.max(0, Math.min(1, d)),
+        detail: Math.max(0, Math.min(1, m)),
         optimistic: !0,
         timestamp: Date.now()
       };
       await u(S);
     },
     // Seek with immediate scrub feedback
-    seekOptimistic: async (d) => {
+    seekOptimistic: async (m) => {
       const S = {
         type: "SEEK",
-        detail: d,
+        detail: m,
         optimistic: !0,
         timestamp: Date.now()
       };
@@ -136,27 +136,27 @@ function Ee(e) {
     },
     // Mute toggle with immediate icon change
     toggleMuteOptimistic: async () => {
-      const d = {
+      const m = {
         type: "TOGGLE_MUTE",
         optimistic: !0,
         timestamp: Date.now()
       };
-      await u(d);
+      await u(m);
     },
     // Fullscreen toggle with immediate layout change
     toggleFullscreenOptimistic: async () => {
-      const d = {
+      const m = {
         type: n.isFullscreen ? "EXIT_FULLSCREEN" : "ENTER_FULLSCREEN",
         optimistic: !0,
         timestamp: Date.now()
       };
-      await u(d);
+      await u(m);
     },
     // Playback rate with immediate feedback
-    setPlaybackRateOptimistic: async (d) => {
+    setPlaybackRateOptimistic: async (m) => {
       const S = {
         type: "SET_PLAYBACK_RATE",
-        detail: d,
+        detail: m,
         optimistic: !0,
         timestamp: Date.now()
       };
@@ -164,14 +164,14 @@ function Ee(e) {
     },
     // Subtitle toggle with immediate visibility change
     toggleSubtitlesOptimistic: async () => {
-      const d = {
+      const m = {
         type: "TOGGLE_SUBTITLES",
         optimistic: !0,
         timestamp: Date.now()
       };
-      await u(d);
+      await u(m);
     }
-  }), [n, u]), a = N.useMemo(() => ({
+  }), [n, u]), a = B.useMemo(() => ({
     isPlaying: n.isPlaying,
     currentTime: n.currentTime,
     volume: n.volume,
@@ -203,7 +203,7 @@ function me(e) {
   const t = Math.floor(e / 60), n = Math.floor(e % 60), s = Math.floor(t / 60);
   return s > 0 ? `${s}:${String(t % 60).padStart(2, "0")}:${String(n).padStart(2, "0")}` : `${t}:${String(n).padStart(2, "0")}`;
 }
-function $(e, t) {
+function K(e, t) {
   return ((n, s = !1) => {
     const u = {
       type: e,
@@ -215,43 +215,43 @@ function $(e, t) {
   });
 }
 function we(e) {
-  const [t, n] = N.useState(e.getActionState());
-  return N.useEffect(() => e.subscribe(() => {
+  const [t, n] = B.useState(e.getActionState());
+  return B.useEffect(() => e.subscribe(() => {
     const u = e.getActionState();
     n((o) => JSON.stringify(o) !== JSON.stringify(u) ? u : o);
   }), [e]), t;
 }
 function Te(e) {
-  const t = N.useMemo(() => ({
+  const t = B.useMemo(() => ({
     // Playback actions
-    play: $(H.PLAY, e),
-    pause: $(H.PAUSE, e),
-    seek: $(H.SEEK, e),
+    play: K(N.PLAY, e),
+    pause: K(N.PAUSE, e),
+    seek: K(N.SEEK, e),
     // Volume actions  
-    setVolume: $(H.SET_VOLUME, e),
-    mute: $(H.MUTE, e),
-    unmute: $(H.UNMUTE, e),
-    toggleMute: $(H.TOGGLE_MUTE, e),
+    setVolume: K(N.SET_VOLUME, e),
+    mute: K(N.MUTE, e),
+    unmute: K(N.UNMUTE, e),
+    toggleMute: K(N.TOGGLE_MUTE, e),
     // Media state actions
-    setDuration: $(H.SET_DURATION, e),
-    setCurrentTime: $(H.SET_CURRENT_TIME, e),
-    setBuffered: $(H.SET_BUFFERED, e),
-    setLoading: $(H.SET_LOADING, e),
-    setError: $(H.SET_ERROR, e),
+    setDuration: K(N.SET_DURATION, e),
+    setCurrentTime: K(N.SET_CURRENT_TIME, e),
+    setBuffered: K(N.SET_BUFFERED, e),
+    setLoading: K(N.SET_LOADING, e),
+    setError: K(N.SET_ERROR, e),
     // Display actions
-    enterFullscreen: $(H.ENTER_FULLSCREEN, e),
-    exitFullscreen: $(H.EXIT_FULLSCREEN, e),
-    enterPiP: $(H.ENTER_PIP, e),
-    exitPiP: $(H.EXIT_PIP, e),
+    enterFullscreen: K(N.ENTER_FULLSCREEN, e),
+    exitFullscreen: K(N.EXIT_FULLSCREEN, e),
+    enterPiP: K(N.ENTER_PIP, e),
+    exitPiP: K(N.EXIT_PIP, e),
     // Advanced actions
-    setPlaybackRate: $(H.SET_PLAYBACK_RATE, e),
-    setSubtitleTrack: $(H.SET_SUBTITLE_TRACK, e),
-    setRendition: $(H.SET_RENDITION, e),
-    toggleSubtitles: $(H.TOGGLE_SUBTITLES, e),
+    setPlaybackRate: K(N.SET_PLAYBACK_RATE, e),
+    setSubtitleTrack: K(N.SET_SUBTITLE_TRACK, e),
+    setRendition: K(N.SET_RENDITION, e),
+    toggleSubtitles: K(N.TOGGLE_SUBTITLES, e),
     // Preview actions
-    previewTime: $(H.PREVIEW_TIME, e),
-    clearPreview: $(H.CLEAR_PREVIEW, e)
-  }), [e]), n = we(e), s = N.useMemo(() => ({
+    previewTime: K(N.PREVIEW_TIME, e),
+    clearPreview: K(N.CLEAR_PREVIEW, e)
+  }), [e]), n = we(e), s = B.useMemo(() => ({
     // These actions benefit from immediate UI feedback
     togglePlayPause: async (o) => {
       o ? await t.pause(!0) : await t.play(!0);
@@ -260,13 +260,13 @@ function Te(e) {
       await t.previewTime(o, !0), await t.seek(o, !0);
     },
     adjustVolume: async (o, a) => {
-      const d = Math.max(0, Math.min(1, a + o));
-      await t.setVolume(d, !0);
+      const m = Math.max(0, Math.min(1, a + o));
+      await t.setVolume(m, !0);
     },
     toggleFullscreenOptimistic: async (o) => {
       o ? await t.exitFullscreen(!0) : await t.enterFullscreen(!0);
     }
-  }), [t]), u = N.useCallback(async () => {
+  }), [t]), u = B.useCallback(async () => {
     const { lastAction: o } = n;
     o && n.error && await e.dispatchOptimistic({
       ...o,
@@ -285,17 +285,17 @@ function Te(e) {
   };
 }
 function Oe(e) {
-  const t = W(null), n = W(null), [s, u] = le(), [o, a] = le();
-  N.useRef(0);
-  const d = N.useRef(0), S = N.useRef(0);
-  W();
-  const D = W(0), R = pe(), g = "getOptimisticState" in R, r = j((i) => i.isPlaying), y = j((i) => i.currentTime), p = j((i) => i.duration), l = j((i) => i.volume), v = j((i) => i.isMuted), M = j((i) => i.isLoading), h = j((i) => i.isBuffering), c = j((i) => i.error), T = j((i) => i.buffered), E = j((i) => i.isFullscreen), b = R, w = g ? Ee(b) : null, m = g ? Te(b) : null, [z, F] = N.useState({
+  const t = z(null), n = z(null), [s, u] = le(), [o, a] = le();
+  B.useRef(0);
+  const m = B.useRef(0), S = B.useRef(0);
+  z();
+  const F = z(0), D = pe(), g = "getOptimisticState" in D, r = W((i) => i.isPlaying), y = W((i) => i.currentTime), p = W((i) => i.duration), d = W((i) => i.volume), v = W((i) => i.isMuted), L = W((i) => i.isLoading), h = W((i) => i.isBuffering), l = W((i) => i.error), T = W((i) => i.buffered), E = W((i) => i.isFullscreen), w = D, b = g ? Ee(w) : null, f = g ? Te(w) : null, [G, R] = B.useState({
     frameRate: 0,
     averageRenderTime: 0,
     droppedFrames: 0,
     bufferHealth: 0
-  }), [O, P] = ce(l, (i, k) => Math.max(0, Math.min(1, k)));
-  ce(y, (i, k) => Math.max(0, Math.min(p || 0, k))), q(() => {
+  }), [I, P] = ce(d, (i, k) => Math.max(0, Math.min(1, k)));
+  ce(y, (i, k) => Math.max(0, Math.min(p || 0, k))), j(() => {
     const i = t.current;
     if (!i)
       return;
@@ -307,8 +307,8 @@ function Oe(e) {
       preload: e.preload,
       crossOrigin: e.crossOrigin
     };
-    Object.entries(k).forEach(([B, Y]) => {
-      Y !== void 0 && (i[B] = Y);
+    Object.entries(k).forEach(([V, X]) => {
+      X !== void 0 && (i[V] = X);
     }), i.setAttribute("preload", e.preloadStrategy === "eager" ? "auto" : "metadata"), e.bufferingStrategy === "aggressive" && i.setAttribute("buffered", "auto"), i instanceof HTMLVideoElement && (i.style.willChange = "transform", i.style.transform = "translateZ(0)");
   }, [
     e.volume,
@@ -320,106 +320,106 @@ function Oe(e) {
     e.preloadStrategy,
     e.bufferingStrategy
   ]);
-  const L = A(() => {
+  const M = A(() => {
     const i = t.current;
     if (!i)
       return;
     const k = performance.now();
     if (e.enableTimeUpdateThrottling !== !1) {
-      if (k - D.current < (e.timeUpdateThrottleMs || 100))
+      if (k - F.current < (e.timeUpdateThrottleMs || 100))
         return;
-      D.current = k;
+      F.current = k;
     }
     u(() => {
-      g && m && m.setCurrentTime(i.currentTime);
+      g && f && f.setCurrentTime(i.currentTime);
     });
-  }, [e.enableTimeUpdateThrottling, e.timeUpdateThrottleMs, g, m]), I = A(() => {
+  }, [e.enableTimeUpdateThrottling, e.timeUpdateThrottleMs, g, f]), C = A(() => {
     u(() => {
-      g && m && m.play(!0);
+      g && f && f.play(!0);
     }), e.onPlay?.();
-  }, [g, m, e.onPlay]), U = A(() => {
+  }, [g, f, e.onPlay]), O = A(() => {
     u(() => {
-      g && m && m.pause(!0);
+      g && f && f.pause(!0);
     }), e.onPause?.();
-  }, [g, m, e.onPause]), _ = A(() => {
+  }, [g, f, e.onPause]), U = A(() => {
     const i = t.current;
     i && u(() => {
-      g && m && (m.setVolume(i.volume, !0), i.muted ? m.mute(!0) : m.unmute(!0));
+      g && f && (f.setVolume(i.volume, !0), i.muted ? f.mute(!0) : f.unmute(!0));
     });
-  }, [g, m]), C = A(() => {
+  }, [g, f]), c = A(() => {
     a(() => {
     });
+  }, []), _ = A(() => {
   }, []), ee = A(() => {
-  }, []), f = A(() => {
     const i = t.current;
     i && u(() => {
-      g && m && m.setBuffered(i.buffered);
+      g && f && f.setBuffered(i.buffered);
     });
-  }, [g, m]), V = A(() => {
+  }, [g, f]), Q = A(() => {
     const i = performance.now();
-    if (i - S.current > 0 && (d.current++, d.current >= 60)) {
-      const B = Math.round(d.current * 1e3 / (i - S.current));
-      F((Y) => ({
-        ...Y,
-        frameRate: B,
-        droppedFrames: Math.max(0, 60 - B)
-      })), d.current = 0, S.current = i;
+    if (i - S.current > 0 && (m.current++, m.current >= 60)) {
+      const V = Math.round(m.current * 1e3 / (i - S.current));
+      R((X) => ({
+        ...X,
+        frameRate: V,
+        droppedFrames: Math.max(0, 60 - V)
+      })), m.current = 0, S.current = i;
     }
   }, []);
-  q(() => {
+  j(() => {
     const i = t.current;
     if (!i)
       return;
     const k = [
-      { event: "timeupdate", handler: L, passive: !0 },
-      { event: "play", handler: I },
-      { event: "pause", handler: U },
-      { event: "volumechange", handler: _ },
-      { event: "seeking", handler: C },
-      { event: "seeked", handler: ee },
-      { event: "progress", handler: f, passive: !0 },
-      { event: "loadedmetadata", handler: () => V() },
-      { event: "loadeddata", handler: () => V() }
+      { event: "timeupdate", handler: M, passive: !0 },
+      { event: "play", handler: C },
+      { event: "pause", handler: O },
+      { event: "volumechange", handler: U },
+      { event: "seeking", handler: c },
+      { event: "seeked", handler: _ },
+      { event: "progress", handler: ee, passive: !0 },
+      { event: "loadedmetadata", handler: () => Q() },
+      { event: "loadeddata", handler: () => Q() }
     ];
     k.forEach(({ event: te, handler: ne, passive: ie }) => {
       const oe = ie ? { passive: !0 } : {};
       i.addEventListener(te, ne, oe);
     });
-    let B;
-    const Y = () => {
-      V(), B = requestAnimationFrame(Y);
+    let V;
+    const X = () => {
+      Q(), V = requestAnimationFrame(X);
     };
-    return e.enablePerformanceMonitoring && Y(), () => {
+    return e.enablePerformanceMonitoring && X(), () => {
       k.forEach(({ event: te, handler: ne }) => {
         i.removeEventListener(te, ne);
-      }), B && cancelAnimationFrame(B);
+      }), V && cancelAnimationFrame(V);
     };
   }, [
-    L,
-    I,
+    M,
+    C,
+    O,
     U,
+    c,
     _,
-    C,
     ee,
-    f,
-    V,
+    Q,
     e.enablePerformanceMonitoring
   ]);
   const se = ue(() => {
     const i = async () => {
       const x = t.current;
       if (x)
-        if (g && m)
-          await m.play(!0);
+        if (g && f)
+          await f.play(!0);
         else
           try {
             await x.play();
-          } catch (X) {
-            console.error("Failed to play media:", X);
+          } catch (q) {
+            console.error("Failed to play media:", q);
           }
     }, k = () => {
       const x = t.current;
-      x && (g && m ? m.pause(!0) : x.pause());
+      x && (g && f ? f.pause(!0) : x.pause());
     };
     return {
       play: i,
@@ -428,40 +428,40 @@ function Oe(e) {
         r ? k() : i();
       },
       seek: (x) => {
-        const X = t.current;
-        if (!X)
+        const q = t.current;
+        if (!q)
           return;
         const Z = Math.max(0, Math.min(x, p || 0));
-        g && m ? a(() => {
-          m.seek(Z, !0);
-        }) : X.currentTime = Z;
+        g && f ? a(() => {
+          f.seek(Z, !0);
+        }) : q.currentTime = Z;
       },
       setVolume: (x) => {
-        const X = t.current;
-        if (!X)
+        const q = t.current;
+        if (!q)
           return;
         const Z = Math.max(0, Math.min(1, x));
-        g && m ? (P(Z), u(() => {
-          m.setVolume(Z, !0);
-        })) : X.volume = Z;
+        g && f ? (P(Z), u(() => {
+          f.setVolume(Z, !0);
+        })) : q.volume = Z;
       },
       toggleMute: () => {
         const x = t.current;
-        x && (g && m ? m.toggleMute(!0) : x.muted = !x.muted);
+        x && (g && f ? f.toggleMute(!0) : x.muted = !x.muted);
       },
       enterFullscreen: async () => {
         const x = n.current;
         if (!(!x || !document.fullscreenEnabled))
           try {
-            await x.requestFullscreen(), g && m && m.enterFullscreen(!0);
-          } catch (X) {
-            console.error("Failed to enter fullscreen:", X);
+            await x.requestFullscreen(), g && f && f.enterFullscreen(!0);
+          } catch (q) {
+            console.error("Failed to enter fullscreen:", q);
           }
       },
       exitFullscreen: async () => {
         if (document.fullscreenElement)
           try {
-            await document.exitFullscreen(), g && m && m.exitFullscreen(!0);
+            await document.exitFullscreen(), g && f && f.exitFullscreen(!0);
           } catch (x) {
             console.error("Failed to exit fullscreen:", x);
           }
@@ -471,34 +471,34 @@ function Oe(e) {
     r,
     p,
     g,
-    m,
+    f,
     u,
     a,
     P
   ]), ae = ue(() => ({
-    isPlaying: w?.isPlaying ?? r,
-    currentTime: w?.currentTime ?? y,
-    duration: w?.duration ?? p,
-    volume: w?.volume ?? O,
-    isMuted: w?.isMuted ?? v,
-    isLoading: w?.isBuffering ?? M,
-    isBuffering: w?.isBuffering ?? h,
-    error: w?.error ?? c,
-    buffered: w?.buffered ?? T,
-    isFullscreen: w?.isFullscreen ?? E,
+    isPlaying: b?.isPlaying ?? r,
+    currentTime: b?.currentTime ?? y,
+    duration: b?.duration ?? p,
+    volume: b?.volume ?? I,
+    isMuted: b?.isMuted ?? v,
+    isLoading: b?.isBuffering ?? L,
+    isBuffering: b?.isBuffering ?? h,
+    error: b?.error ?? l,
+    buffered: b?.buffered ?? T,
+    isFullscreen: b?.isFullscreen ?? E,
     progress: p > 0 ? y / p : 0,
     isTransitioning: s || o,
-    canPlay: !M && !h && !c
+    canPlay: !L && !h && !l
   }), [
-    w,
+    b,
     r,
     y,
     p,
-    O,
+    I,
     v,
-    M,
+    L,
     h,
-    c,
+    l,
     T,
     E,
     s,
@@ -510,17 +510,17 @@ function Oe(e) {
     containerRef: n,
     // State
     state: ae,
-    actualState: w?.actualState,
+    actualState: b?.actualState,
     // Controls
     controls: se,
     // Performance metrics
-    performanceMetrics: z,
+    performanceMetrics: G,
     isTransitioning: s || o,
     // Enhanced features
-    actions: w?.actions,
-    actionState: w?.actionState,
+    actions: b?.actions,
+    actionState: b?.actionState,
     // Optimistic features
-    optimisticState: w,
+    optimisticState: b,
     isEnhanced: g
   };
 }
@@ -533,8 +533,8 @@ function Ue(e = {}) {
     enableGC: s = !0,
     monitorMemory: u = !0
   } = e;
-  W();
-  const o = W(/* @__PURE__ */ new Set()), a = W(/* @__PURE__ */ new Map()), d = W(/* @__PURE__ */ new Set()), S = W(/* @__PURE__ */ new Set()), D = A(() => {
+  z();
+  const o = z(/* @__PURE__ */ new Set()), a = z(/* @__PURE__ */ new Map()), m = z(/* @__PURE__ */ new Set()), S = z(/* @__PURE__ */ new Set()), F = A(() => {
     if (typeof window > "u" || !("memory" in performance))
       return { used: 0, total: 0, limit: 0 };
     const h = performance.memory;
@@ -543,87 +543,87 @@ function Ue(e = {}) {
       total: h.totalJSHeapSize,
       limit: h.jsHeapSizeLimit
     };
-  }, []), [R, g] = N.useState({
+  }, []), [D, g] = B.useState({
     used: 0,
     total: 0,
     limit: 0,
     usage: 0,
     isHighUsage: !1
   });
-  q(() => {
+  j(() => {
     if (!u)
       return;
     const h = () => {
-      const T = D(), E = T.used / 1024 / 1024, b = E > t;
+      const T = F(), E = T.used / 1024 / 1024, w = E > t;
       g({
         ...T,
         usage: E,
-        isHighUsage: b
-      }), b && s && r();
+        isHighUsage: w
+      }), w && s && r();
     };
     h();
-    const c = p(h, n);
-    return d.current.add(c), () => {
-      clearInterval(c), d.current.delete(c);
+    const l = p(h, n);
+    return m.current.add(l), () => {
+      clearInterval(l), m.current.delete(l);
     };
-  }, [u, D, t, s, n]);
+  }, [u, F, t, s, n]);
   const r = A(() => {
-    d.current.forEach((h) => {
+    m.current.forEach((h) => {
       clearTimeout(h);
-    }), d.current.clear(), S.current.forEach((h) => {
+    }), m.current.clear(), S.current.forEach((h) => {
       cancelAnimationFrame(h);
     }), S.current.clear(), o.current.forEach((h) => {
       h.disconnect();
-    }), o.current.clear(), a.current.forEach((h, c) => {
+    }), o.current.clear(), a.current.forEach((h, l) => {
       h.forEach(({ event: T, handler: E }) => {
-        c.removeEventListener(T, E);
+        l.removeEventListener(T, E);
       });
     }), a.current.clear(), s && "gc" in window && window.gc();
-  }, [s]), y = A((h, c, T, E) => (h.addEventListener(c, T, E), a.current.has(h) || a.current.set(h, []), a.current.get(h).push({ event: c, handler: T }), () => {
-    h.removeEventListener(c, T);
-    const b = a.current.get(h);
-    if (b) {
-      const w = b.findIndex((m) => m.event === c && m.handler === T);
-      w > -1 && b.splice(w, 1), b.length === 0 && a.current.delete(h);
+  }, [s]), y = A((h, l, T, E) => (h.addEventListener(l, T, E), a.current.has(h) || a.current.set(h, []), a.current.get(h).push({ event: l, handler: T }), () => {
+    h.removeEventListener(l, T);
+    const w = a.current.get(h);
+    if (w) {
+      const b = w.findIndex((f) => f.event === l && f.handler === T);
+      b > -1 && w.splice(b, 1), w.length === 0 && a.current.delete(h);
     }
-  }), []), p = A((h, c) => {
-    const T = p(h, c);
-    return d.current.add(T), () => {
-      clearInterval(T), d.current.delete(T);
+  }), []), p = A((h, l) => {
+    const T = p(h, l);
+    return m.current.add(T), () => {
+      clearInterval(T), m.current.delete(T);
     };
-  }, []), l = A((h, c) => {
-    const T = l(h, c);
-    return d.current.add(T), () => {
-      clearTimeout(T), d.current.delete(T);
+  }, []), d = A((h, l) => {
+    const T = d(h, l);
+    return m.current.add(T), () => {
+      clearTimeout(T), m.current.delete(T);
     };
   }, []), v = A((h) => {
-    const c = v(h);
-    return S.current.add(c), () => {
-      cancelAnimationFrame(c), S.current.delete(c);
+    const l = v(h);
+    return S.current.add(l), () => {
+      cancelAnimationFrame(l), S.current.delete(l);
     };
-  }, []), M = A((h) => (o.current.add(h), () => {
+  }, []), L = A((h) => (o.current.add(h), () => {
     h.disconnect(), o.current.delete(h);
   }), []);
-  return q(() => () => {
+  return j(() => () => {
     r();
   }, [r]), {
     // Memory stats
-    memoryStats: R,
-    getMemoryUsage: D,
+    memoryStats: D,
+    getMemoryUsage: F,
     // Cleanup functions
     performCleanup: r,
     // Safe API functions
     addEventListener: y,
     setInterval: p,
-    setTimeout: l,
+    setTimeout: d,
     requestAnimationFrame: v,
-    addObserver: M,
+    addObserver: L,
     // Utilities
     formatBytes: (h) => {
       if (h === 0)
         return "0 Bytes";
-      const c = 1024, T = ["Bytes", "KB", "MB", "GB"], E = Math.floor(Math.log(h) / Math.log(c));
-      return parseFloat((h / Math.pow(c, E)).toFixed(2)) + " " + T[E];
+      const l = 1024, T = ["Bytes", "KB", "MB", "GB"], E = Math.floor(Math.log(h) / Math.log(l));
+      return parseFloat((h / Math.pow(l, E)).toFixed(2)) + " " + T[E];
     }
   };
 }
@@ -636,8 +636,8 @@ function be({
 }) {
   const o = (a) => {
     if (!e) return;
-    const d = a.target;
-    if (!(d.tagName === "INPUT" || d.tagName === "TEXTAREA" || d.contentEditable === "true"))
+    const m = a.target;
+    if (!(m.tagName === "INPUT" || m.tagName === "TEXTAREA" || m.contentEditable === "true"))
       switch (a.code) {
         case "Space":
         case "KeyK":
@@ -672,8 +672,8 @@ function be({
         case "Digit8":
         case "Digit9":
           a.preventDefault();
-          const D = parseInt(a.code.replace("Digit", ""), 10) / 10;
-          n.seek(t.duration * D);
+          const F = parseInt(a.code.replace("Digit", ""), 10) / 10;
+          n.seek(t.duration * F);
           break;
         case "Home":
           a.preventDefault(), n.seek(0);
@@ -683,7 +683,7 @@ function be({
           break;
       }
   };
-  return q(() => {
+  return j(() => {
     if (e)
       return document.addEventListener("keydown", o), () => {
         document.removeEventListener("keydown", o);
@@ -696,91 +696,8 @@ const Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   useKeyboardControls: be
 }, Symbol.toStringTag, { value: "Module" }));
-function G(e, t) {
-  return ((n, s = !1) => {
-    const u = {
-      type: e,
-      detail: n,
-      optimistic: s,
-      timestamp: Date.now()
-    };
-    return s ? t.dispatchOptimistic(u) : (t.dispatch(u), Promise.resolve());
-  });
-}
-function Se(e) {
-  const [t, n] = N.useState(e.getActionState());
-  return N.useEffect(() => e.subscribe(() => {
-    const u = e.getActionState();
-    n(
-      (o) => JSON.stringify(o) !== JSON.stringify(u) ? u : o
-    );
-  }), [e]), t;
-}
-function _e(e) {
-  const t = N.useMemo(() => ({
-    // Playback actions
-    play: G(K.PLAY, e),
-    pause: G(K.PAUSE, e),
-    seek: G(K.SEEK, e),
-    // Volume actions  
-    setVolume: G(K.SET_VOLUME, e),
-    mute: G(K.MUTE, e),
-    unmute: G(K.UNMUTE, e),
-    toggleMute: G(K.TOGGLE_MUTE, e),
-    // Media state actions
-    setDuration: G(K.SET_DURATION, e),
-    setCurrentTime: G(K.SET_CURRENT_TIME, e),
-    setBuffered: G(K.SET_BUFFERED, e),
-    setLoading: G(K.SET_LOADING, e),
-    setError: G(K.SET_ERROR, e),
-    // Display actions
-    enterFullscreen: G(K.ENTER_FULLSCREEN, e),
-    exitFullscreen: G(K.EXIT_FULLSCREEN, e),
-    enterPiP: G(K.ENTER_PIP, e),
-    exitPiP: G(K.EXIT_PIP, e),
-    // Advanced actions
-    setPlaybackRate: G(K.SET_PLAYBACK_RATE, e),
-    setSubtitleTrack: G(K.SET_SUBTITLE_TRACK, e),
-    setRendition: G(K.SET_RENDITION, e),
-    toggleSubtitles: G(K.TOGGLE_SUBTITLES, e),
-    // Preview actions
-    previewTime: G(K.PREVIEW_TIME, e),
-    clearPreview: G(K.CLEAR_PREVIEW, e)
-  }), [e]), n = Se(e), s = N.useMemo(() => ({
-    // These actions benefit from immediate UI feedback
-    togglePlayPause: async (o) => {
-      o ? await t.pause(!0) : await t.play(!0);
-    },
-    seekWithPreview: async (o) => {
-      await t.previewTime(o, !0), await t.seek(o, !0);
-    },
-    adjustVolume: async (o, a) => {
-      const d = Math.max(0, Math.min(1, a + o));
-      await t.setVolume(d, !0);
-    },
-    toggleFullscreenOptimistic: async (o) => {
-      o ? await t.exitFullscreen(!0) : await t.enterFullscreen(!0);
-    }
-  }), [t]), u = N.useCallback(async () => {
-    const { lastAction: o } = n;
-    o && n.error && await e.dispatchOptimistic({
-      ...o,
-      retryCount: (o.retryCount || 0) + 1
-    });
-  }, [e, n]);
-  return {
-    ...t,
-    ...s,
-    actionState: n,
-    retryLastAction: u,
-    isLoading: n.pending,
-    hasError: !!n.error,
-    errorMessage: n.error,
-    retryCount: n.retryCount
-  };
-}
-function Me() {
-  const [e, t] = Q({
+function Se() {
+  const [e, t] = Y({
     isPlaying: !1,
     currentTime: 0,
     duration: 0,
@@ -825,138 +742,130 @@ function Me() {
     }
   };
 }
-function Le(e) {
-  const t = W(null), n = W(null), {
+function Me(e) {
+  const t = z(null), n = z(null), {
     state: s,
     setPlaying: u,
     setCurrentTime: o,
     setDuration: a,
-    setVolume: d,
+    setVolume: m,
     setMuted: S,
-    setLoading: D,
-    setFullscreen: R,
+    setLoading: F,
+    setFullscreen: D,
     setError: g,
     setBuffered: r
-  } = Me();
-  q(() => {
-    const f = t.current;
-    f && (e.volume !== void 0 && (f.volume = e.volume, d(e.volume)), e.muted !== void 0 && (f.muted = e.muted, S(e.muted)), e.autoPlay !== void 0 && (f.autoplay = e.autoPlay), e.loop !== void 0 && (f.loop = e.loop), e.preload !== void 0 && (f.preload = e.preload), e.crossOrigin !== void 0 && (f.crossOrigin = e.crossOrigin));
-  }, [e, d, S]);
+  } = Se();
+  j(() => {
+    const c = t.current;
+    c && (e.volume !== void 0 && (c.volume = e.volume, m(e.volume)), e.muted !== void 0 && (c.muted = e.muted, S(e.muted)), e.autoPlay !== void 0 && (c.autoplay = e.autoPlay), e.loop !== void 0 && (c.loop = e.loop), e.preload !== void 0 && (c.preload = e.preload), e.crossOrigin !== void 0 && (c.crossOrigin = e.crossOrigin));
+  }, [e, m, S]);
   const y = () => {
     u(!0), e.onPlay?.();
   }, p = () => {
     u(!1), e.onPause?.();
-  }, l = () => {
-    const f = t.current;
-    f && (o(f.currentTime), e.onTimeUpdate?.(f.currentTime));
+  }, d = () => {
+    const c = t.current;
+    c && (o(c.currentTime), e.onTimeUpdate?.(c.currentTime));
   }, v = () => {
-    const f = t.current;
-    f && (a(f.duration), e.onDurationChange?.(f.duration));
-  }, M = () => {
-    const f = t.current;
-    f && (d(f.volume), S(f.muted), e.onVolumeChange?.(f.volume));
+    const c = t.current;
+    c && (a(c.duration), e.onDurationChange?.(c.duration));
+  }, L = () => {
+    const c = t.current;
+    c && (m(c.volume), S(c.muted), e.onVolumeChange?.(c.volume));
   }, h = () => {
-    D(!0), g(null), e.onLoadStart?.();
-  }, c = () => {
-    D(!1), e.onLoadedData?.();
+    F(!0), g(null), e.onLoadStart?.();
+  }, l = () => {
+    F(!1), e.onLoadedData?.();
   }, T = () => {
-    const f = t.current;
-    if (!f) return;
-    const V = f.error?.message || "An error occurred while loading the media";
-    g(V), D(!1), e.onError?.(V);
+    const c = t.current;
+    if (!c) return;
+    const _ = c.error?.message || "An error occurred while loading the media";
+    g(_), F(!1), e.onError?.(_);
   }, E = () => {
     u(!1), e.onEnded?.();
-  }, b = () => {
-    const f = t.current;
-    f && r(f.buffered);
+  }, w = () => {
+    const c = t.current;
+    c && r(c.buffered);
   };
-  q(() => {
-    const f = t.current;
-    if (f)
-      return f.addEventListener("play", y), f.addEventListener("pause", p), f.addEventListener("timeupdate", l), f.addEventListener("durationchange", v), f.addEventListener("volumechange", M), f.addEventListener("loadstart", h), f.addEventListener("loadeddata", c), f.addEventListener("error", T), f.addEventListener("ended", E), f.addEventListener("progress", b), () => {
-        f.removeEventListener("play", y), f.removeEventListener("pause", p), f.removeEventListener("timeupdate", l), f.removeEventListener("durationchange", v), f.removeEventListener("volumechange", M), f.removeEventListener("loadstart", h), f.removeEventListener("loadeddata", c), f.removeEventListener("error", T), f.removeEventListener("ended", E), f.removeEventListener("progress", b);
+  j(() => {
+    const c = t.current;
+    if (c)
+      return c.addEventListener("play", y), c.addEventListener("pause", p), c.addEventListener("timeupdate", d), c.addEventListener("durationchange", v), c.addEventListener("volumechange", L), c.addEventListener("loadstart", h), c.addEventListener("loadeddata", l), c.addEventListener("error", T), c.addEventListener("ended", E), c.addEventListener("progress", w), () => {
+        c.removeEventListener("play", y), c.removeEventListener("pause", p), c.removeEventListener("timeupdate", d), c.removeEventListener("durationchange", v), c.removeEventListener("volumechange", L), c.removeEventListener("loadstart", h), c.removeEventListener("loadeddata", l), c.removeEventListener("error", T), c.removeEventListener("ended", E), c.removeEventListener("progress", w);
       };
   }, [
     y,
     p,
-    l,
+    d,
     v,
-    M,
+    L,
     h,
-    c,
+    l,
     T,
     E,
-    b
+    w
   ]);
-  const w = async () => {
-    const f = t.current;
-    if (f)
+  const b = async () => {
+    const c = t.current;
+    if (c)
       try {
-        await f.play();
-      } catch (V) {
-        console.error("Failed to play media:", V), g("Failed to play media");
+        await c.play();
+      } catch (_) {
+        console.error("Failed to play media:", _), g("Failed to play media");
       }
-  }, m = () => {
-    const f = t.current;
-    f && f.pause();
-  }, z = () => {
-    s.isPlaying ? m() : w();
-  }, F = (f) => {
-    const V = t.current;
-    V && (V.currentTime = Math.max(0, Math.min(f, V.duration || 0)));
-  }, O = (f) => {
-    const V = t.current;
-    if (!V) return;
-    const se = Math.max(0, Math.min(1, f));
-    V.volume = se;
+  }, f = () => {
+    const c = t.current;
+    c && c.pause();
+  }, G = () => {
+    s.isPlaying ? f() : b();
+  }, R = (c) => {
+    const _ = t.current;
+    _ && (_.currentTime = Math.max(0, Math.min(c, _.duration || 0)));
+  }, I = (c) => {
+    const _ = t.current;
+    if (!_) return;
+    const ee = Math.max(0, Math.min(1, c));
+    _.volume = ee;
   }, P = () => {
-    const f = t.current;
-    f && (f.muted = !0);
-  }, L = () => {
-    const f = t.current;
-    f && (f.muted = !1);
-  }, I = () => {
-    const f = t.current;
-    f && (f.muted = !f.muted);
-  }, U = async () => {
-    const f = n.current;
-    if (!(!f || !document.fullscreenEnabled))
+    const c = t.current;
+    c && (c.muted = !c.muted);
+  }, M = async () => {
+    const c = n.current;
+    if (!(!c || !document.fullscreenEnabled))
       try {
-        await f.requestFullscreen(), R(!0);
-      } catch (V) {
-        console.error("Failed to enter fullscreen:", V);
+        await c.requestFullscreen(), D(!0);
+      } catch (_) {
+        console.error("Failed to enter fullscreen:", _);
       }
-  }, _ = async () => {
+  }, C = async () => {
     if (document.fullscreenElement)
       try {
-        await document.exitFullscreen(), R(!1);
-      } catch (f) {
-        console.error("Failed to exit fullscreen:", f);
+        await document.exitFullscreen(), D(!1);
+      } catch (c) {
+        console.error("Failed to exit fullscreen:", c);
       }
-  }, C = () => {
-    document.fullscreenElement ? _() : U();
+  }, O = () => {
+    document.fullscreenElement ? C() : M();
   };
-  return q(() => {
-    const f = () => {
-      R(!!document.fullscreenElement);
+  return j(() => {
+    const c = () => {
+      D(!!document.fullscreenElement);
     };
-    return document.addEventListener("fullscreenchange", f), () => {
-      document.removeEventListener("fullscreenchange", f);
+    return document.addEventListener("fullscreenchange", c), () => {
+      document.removeEventListener("fullscreenchange", c);
     };
-  }, [R]), {
+  }, [D]), {
     state: s,
     controls: {
-      play: w,
-      pause: m,
-      toggle: z,
-      seek: F,
-      setVolume: O,
-      mute: P,
-      unmute: L,
-      toggleMute: I,
-      enterFullscreen: U,
-      exitFullscreen: _,
-      toggleFullscreen: C
+      play: b,
+      pause: f,
+      toggle: G,
+      seek: R,
+      setVolume: I,
+      toggleMute: P,
+      enterFullscreen: M,
+      exitFullscreen: C,
+      toggleFullscreen: O
     },
     mediaRef: t,
     containerRef: n
@@ -1007,7 +916,7 @@ function de() {
   });
   return re.useEffect(() => {
     const n = () => {
-      const a = window.innerWidth, d = window.innerHeight;
+      const a = window.innerWidth, m = window.innerHeight;
       t({
         isMobile: a < J.mobile,
         isTablet: a >= J.mobile && a < J.desktop,
@@ -1015,8 +924,8 @@ function de() {
         isTouchDevice: ge(),
         platform: fe(),
         supportsHaptics: he(),
-        screenSize: { width: a, height: d },
-        orientation: a > d ? "landscape" : "portrait"
+        screenSize: { width: a, height: m },
+        orientation: a > m ? "landscape" : "portrait"
       });
     };
     window.addEventListener("resize", n), window.addEventListener("orientationchange", n);
@@ -1026,7 +935,7 @@ function de() {
     };
   }, []), e;
 }
-function Be() {
+function _e() {
   const { platform: e, isMobile: t } = de();
   re.useEffect(() => {
     if (t) {
@@ -1042,7 +951,7 @@ function Be() {
     }
   }, [e, t]);
 }
-function ke() {
+function Le() {
   const { supportsHaptics: e } = de();
   return { triggerHaptic: re.useCallback((n = "light") => {
     if (!e) return;
@@ -1057,7 +966,7 @@ function ke() {
     "vibrate" in navigator && navigator.vibrate(u);
   }, [e]), supportsHaptics: e };
 }
-const Pe = {
+const ke = {
   enabledGestures: ["tap", "double-tap", "long-press", "swipe-left", "swipe-right", "swipe-up", "swipe-down", "pinch-in", "pinch-out"],
   tapThreshold: 200,
   doubleTapThreshold: 300,
@@ -1068,106 +977,106 @@ const Pe = {
   rotationThreshold: 15,
   enableHapticFeedback: !0
 };
-function Fe(e, t, n = {}) {
-  const s = { ...Pe, ...n }, { isTouchDevice: u } = de(), { triggerHaptic: o } = ke(), a = re.useRef({
+function Pe(e, t, n = {}) {
+  const s = { ...ke, ...n }, { isTouchDevice: u } = de(), { triggerHaptic: o } = Le(), a = re.useRef({
     isTracking: !1,
     touches: [],
     startTouches: []
-  }), d = (p) => ({
+  }), m = (p) => ({
     id: p.identifier,
     x: p.clientX,
     y: p.clientY,
     timestamp: Date.now()
-  }), S = (p, l) => Math.sqrt(Math.pow(l.x - p.x, 2) + Math.pow(l.y - p.y, 2)), D = (p, l) => {
-    const v = Math.max(l.timestamp - p.timestamp, 1);
+  }), S = (p, d) => Math.sqrt(Math.pow(d.x - p.x, 2) + Math.pow(d.y - p.y, 2)), F = (p, d) => {
+    const v = Math.max(d.timestamp - p.timestamp, 1);
     return {
-      x: (l.x - p.x) / v,
-      y: (l.y - p.y) / v
+      x: (d.x - p.x) / v,
+      y: (d.y - p.y) / v
     };
-  }, R = (p, l, v, M = {}) => ({
+  }, D = (p, d, v, L = {}) => ({
     type: p,
-    startPoint: { x: l.x, y: l.y },
+    startPoint: { x: d.x, y: d.y },
     currentPoint: { x: v.x, y: v.y },
-    duration: v.timestamp - l.timestamp,
+    duration: v.timestamp - d.timestamp,
     target: e.current,
     preventDefault: () => {
     },
-    ...M
+    ...L
   }), g = re.useCallback((p) => {
     if (!s.enabledGestures.length) return;
-    const l = Array.from(p.touches).map(d), v = a.current;
-    v.isTracking = !0, v.touches = l, v.startTouches = [...l], v.longPressTimer && clearTimeout(v.longPressTimer), l.length === 1 && s.enabledGestures.includes("long-press") && (v.longPressTimer = setTimeout(() => {
-      if (v.touches.length === 1 && l[0]) {
-        const M = R("long-press", l[0], l[0]);
-        t(M), s.enableHapticFeedback && o("heavy");
+    const d = Array.from(p.touches).map(m), v = a.current;
+    v.isTracking = !0, v.touches = d, v.startTouches = [...d], v.longPressTimer && clearTimeout(v.longPressTimer), d.length === 1 && s.enabledGestures.includes("long-press") && (v.longPressTimer = setTimeout(() => {
+      if (v.touches.length === 1 && d[0]) {
+        const L = D("long-press", d[0], d[0]);
+        t(L), s.enableHapticFeedback && o("heavy");
       }
-    }, s.longPressThreshold)), l.length === 2 && l[0] && l[1] && (v.initialDistance = S(l[0], l[1]), v.initialScale = 1, v.lastScale = 1);
+    }, s.longPressThreshold)), d.length === 2 && d[0] && d[1] && (v.initialDistance = S(d[0], d[1]), v.initialScale = 1, v.lastScale = 1);
   }, [s, t, o]), r = re.useCallback((p) => {
-    const l = a.current;
-    if (!l.isTracking) return;
-    const v = Array.from(p.touches).map(d);
-    if (l.touches = v, v.length === 2 && l.initialDistance && v[0] && v[1]) {
-      const M = S(v[0], v[1]), h = M / l.initialDistance;
-      if (Math.abs(h - (l.lastScale || 1)) > s.pinchThreshold) {
-        const T = h > (l.lastScale || 1) ? "pinch-out" : "pinch-in";
+    const d = a.current;
+    if (!d.isTracking) return;
+    const v = Array.from(p.touches).map(m);
+    if (d.touches = v, v.length === 2 && d.initialDistance && v[0] && v[1]) {
+      const L = S(v[0], v[1]), h = L / d.initialDistance;
+      if (Math.abs(h - (d.lastScale || 1)) > s.pinchThreshold) {
+        const T = h > (d.lastScale || 1) ? "pinch-out" : "pinch-in";
         if (s.enabledGestures.includes(T)) {
           const E = {
             x: (v[0].x + v[1].x) / 2,
             y: (v[0].y + v[1].y) / 2,
             timestamp: Date.now()
-          }, b = {
-            x: ((l.startTouches[0]?.x ?? 0) + (l.startTouches[1]?.x ?? 0)) / 2,
-            y: ((l.startTouches[0]?.y ?? 0) + (l.startTouches[1]?.y ?? 0)) / 2,
-            timestamp: l.startTouches[0]?.timestamp ?? Date.now()
-          }, w = R(T, b, E, {
+          }, w = {
+            x: ((d.startTouches[0]?.x ?? 0) + (d.startTouches[1]?.x ?? 0)) / 2,
+            y: ((d.startTouches[0]?.y ?? 0) + (d.startTouches[1]?.y ?? 0)) / 2,
+            timestamp: d.startTouches[0]?.timestamp ?? Date.now()
+          }, b = D(T, w, E, {
             scale: h,
-            distance: M
+            distance: L
           });
-          t(w), l.lastScale = h;
+          t(b), d.lastScale = h;
         }
       }
     }
-    if (l.longPressTimer && v.length === 1 && l.startTouches[0] && v[0]) {
-      const M = l.startTouches[0], h = v[0];
-      S(M, h) > s.swipeThreshold && (clearTimeout(l.longPressTimer), l.longPressTimer = void 0);
+    if (d.longPressTimer && v.length === 1 && d.startTouches[0] && v[0]) {
+      const L = d.startTouches[0], h = v[0];
+      S(L, h) > s.swipeThreshold && (clearTimeout(d.longPressTimer), d.longPressTimer = void 0);
     }
   }, [s, t]), y = re.useCallback((p) => {
-    const l = a.current;
-    if (!l.isTracking) return;
-    const v = Array.from(p.changedTouches).map(d), M = Date.now();
-    if (l.longPressTimer && (clearTimeout(l.longPressTimer), l.longPressTimer = void 0), l.startTouches.length === 1 && v.length === 1 && l.startTouches[0] && v[0]) {
-      const h = l.startTouches[0], c = v[0], T = S(h, c), E = c.timestamp - h.timestamp;
+    const d = a.current;
+    if (!d.isTracking) return;
+    const v = Array.from(p.changedTouches).map(m), L = Date.now();
+    if (d.longPressTimer && (clearTimeout(d.longPressTimer), d.longPressTimer = void 0), d.startTouches.length === 1 && v.length === 1 && d.startTouches[0] && v[0]) {
+      const h = d.startTouches[0], l = v[0], T = S(h, l), E = l.timestamp - h.timestamp;
       if (T > s.swipeThreshold) {
-        const b = D(h, c), w = Math.abs(b.x), m = Math.abs(b.y);
-        if (w > s.swipeVelocityThreshold || m > s.swipeVelocityThreshold) {
-          let z;
-          if (w > m ? z = b.x > 0 ? "swipe-right" : "swipe-left" : z = b.y > 0 ? "swipe-down" : "swipe-up", s.enabledGestures.includes(z)) {
-            const F = R(z, h, c, {
-              velocity: b,
+        const w = F(h, l), b = Math.abs(w.x), f = Math.abs(w.y);
+        if (b > s.swipeVelocityThreshold || f > s.swipeVelocityThreshold) {
+          let G;
+          if (b > f ? G = w.x > 0 ? "swipe-right" : "swipe-left" : G = w.y > 0 ? "swipe-down" : "swipe-up", s.enabledGestures.includes(G)) {
+            const R = D(G, h, l, {
+              velocity: w,
               distance: T
             });
-            t(F), s.enableHapticFeedback && o("light");
+            t(R), s.enableHapticFeedback && o("light");
           }
         }
       } else if (E < s.tapThreshold && T < s.swipeThreshold)
-        if (l.lastTap && M - l.lastTap.timestamp < s.doubleTapThreshold && S({ ...l.lastTap.point }, c) < s.swipeThreshold) {
+        if (d.lastTap && L - d.lastTap.timestamp < s.doubleTapThreshold && S({ ...d.lastTap.point }, l) < s.swipeThreshold) {
           if (s.enabledGestures.includes("double-tap")) {
-            const b = R("double-tap", h, c);
-            t(b), s.enableHapticFeedback && o("medium");
+            const w = D("double-tap", h, l);
+            t(w), s.enableHapticFeedback && o("medium");
           }
-          l.lastTap = void 0;
+          d.lastTap = void 0;
         } else {
           if (s.enabledGestures.includes("tap")) {
-            const b = R("tap", h, c);
-            t(b), s.enableHapticFeedback && o("light");
+            const w = D("tap", h, l);
+            t(w), s.enableHapticFeedback && o("light");
           }
-          l.lastTap = {
-            timestamp: M,
-            point: { x: c.x, y: c.y }
+          d.lastTap = {
+            timestamp: L,
+            point: { x: l.x, y: l.y }
           };
         }
     }
-    p.touches.length === 0 && (l.isTracking = !1, l.touches = [], l.startTouches = [], l.initialDistance = void 0, l.initialScale = void 0, l.lastScale = void 0);
+    p.touches.length === 0 && (d.isTracking = !1, d.touches = [], d.startTouches = [], d.initialDistance = void 0, d.initialScale = void 0, d.lastScale = void 0);
   }, [s, t, o]);
   return re.useEffect(() => {
     const p = e.current;
@@ -1179,9 +1088,9 @@ function Fe(e, t, n = {}) {
     isGestureEnabled: u && s.enabledGestures.length > 0
   };
 }
-function Ne(e, t) {
+function Be(e, t) {
   const n = re.useCallback((u) => {
-    const { type: o, distance: a, scale: d } = u;
+    const { type: o, distance: a, scale: m } = u;
     switch (o) {
       case "double-tap":
         t.onPlayPause?.();
@@ -1191,41 +1100,41 @@ function Ne(e, t) {
         t.onSeek?.("backward", S);
         break;
       case "swipe-right":
-        const D = Math.min((a || 0) / 10, 30);
-        t.onSeek?.("forward", D);
+        const F = Math.min((a || 0) / 10, 30);
+        t.onSeek?.("forward", F);
         break;
       case "swipe-up":
         if (u.startPoint.x > (e.current?.clientWidth || 0) / 2) {
-          const R = Math.min((a || 0) / 100, 0.2);
-          t.onVolumeChange?.("up", R);
+          const D = Math.min((a || 0) / 100, 0.2);
+          t.onVolumeChange?.("up", D);
         }
         break;
       case "swipe-down":
         if (u.startPoint.x > (e.current?.clientWidth || 0) / 2) {
-          const R = Math.min((a || 0) / 100, 0.2);
-          t.onVolumeChange?.("down", R);
+          const D = Math.min((a || 0) / 100, 0.2);
+          t.onVolumeChange?.("down", D);
         }
         break;
       case "pinch-out":
-        t.onZoom?.(d || 1);
+        t.onZoom?.(m || 1);
         break;
       case "pinch-in":
-        t.onZoom?.(d || 1);
+        t.onZoom?.(m || 1);
         break;
       case "long-press":
         t.onToggleFullscreen?.();
         break;
     }
   }, [t, e]);
-  return Fe(e, n, {
+  return Pe(e, n, {
     enabledGestures: ["tap", "double-tap", "long-press", "swipe-left", "swipe-right", "swipe-up", "swipe-down", "pinch-in", "pinch-out"],
     enableHapticFeedback: !0,
     swipeThreshold: 30,
     swipeVelocityThreshold: 0.3
   });
 }
-function He(e) {
-  const t = W(null), [n, s] = Q({
+function Ne(e) {
+  const t = z(null), [n, s] = Y({
     isPlaying: !1,
     currentTime: 0,
     duration: 0,
@@ -1237,55 +1146,55 @@ function He(e) {
     isBuffering: !1,
     bufferedRanges: []
   });
-  return q(() => {
+  return j(() => {
     const r = t.current;
     if (!r) return;
     const y = () => {
-      s((F) => ({ ...F, currentTime: r.currentTime }));
+      s((R) => ({ ...R, currentTime: r.currentTime }));
     }, p = () => {
-      s((F) => ({ ...F, duration: r.duration }));
-    }, l = () => {
-      s((F) => ({ ...F, isPlaying: !0, isBuffering: !1 }));
+      s((R) => ({ ...R, duration: r.duration }));
+    }, d = () => {
+      s((R) => ({ ...R, isPlaying: !0, isBuffering: !1 }));
     }, v = () => {
-      s((F) => ({ ...F, isPlaying: !1 }));
-    }, M = () => {
-      s((F) => ({
-        ...F,
+      s((R) => ({ ...R, isPlaying: !1 }));
+    }, L = () => {
+      s((R) => ({
+        ...R,
         volume: r.volume,
         isMuted: r.muted
       }));
     }, h = () => {
-      s((F) => ({ ...F, isLoading: !0 }));
-    }, c = () => {
-      s((F) => ({ ...F, isLoading: !1 }));
+      s((R) => ({ ...R, isLoading: !0 }));
+    }, l = () => {
+      s((R) => ({ ...R, isLoading: !1 }));
     }, T = () => {
-      s((F) => ({ ...F, isSeeking: !0 }));
+      s((R) => ({ ...R, isSeeking: !0 }));
     }, E = () => {
-      s((F) => ({ ...F, isSeeking: !1 }));
-    }, b = () => {
-      s((F) => ({ ...F, isBuffering: !0 }));
+      s((R) => ({ ...R, isSeeking: !1 }));
     }, w = () => {
-      s((F) => ({ ...F, isBuffering: !1, isLoading: !1 }));
-    }, m = () => {
-      s((F) => ({ ...F, isLoading: !1, isBuffering: !1 }));
-    }, z = () => {
+      s((R) => ({ ...R, isBuffering: !0 }));
+    }, b = () => {
+      s((R) => ({ ...R, isBuffering: !1, isLoading: !1 }));
+    }, f = () => {
+      s((R) => ({ ...R, isLoading: !1, isBuffering: !1 }));
+    }, G = () => {
       if (!r.buffered || r.buffered.length === 0 || r.duration === 0) {
-        s((O) => ({ ...O, bufferedRanges: [] }));
+        s((I) => ({ ...I, bufferedRanges: [] }));
         return;
       }
-      const F = [];
-      for (let O = 0; O < r.buffered.length; O++) {
-        const P = r.buffered.start(O), L = r.buffered.end(O);
-        F.push({
+      const R = [];
+      for (let I = 0; I < r.buffered.length; I++) {
+        const P = r.buffered.start(I), M = r.buffered.end(I);
+        R.push({
           start: P,
-          end: L,
-          percentage: (L - P) / r.duration * 100
+          end: M,
+          percentage: (M - P) / r.duration * 100
         });
       }
-      s((O) => ({ ...O, bufferedRanges: F }));
+      s((I) => ({ ...I, bufferedRanges: R }));
     };
-    return r.addEventListener("timeupdate", y), r.addEventListener("loadedmetadata", p), r.addEventListener("play", l), r.addEventListener("pause", v), r.addEventListener("volumechange", M), r.addEventListener("loadstart", h), r.addEventListener("loadeddata", c), r.addEventListener("seeking", T), r.addEventListener("seeked", E), r.addEventListener("waiting", b), r.addEventListener("playing", w), r.addEventListener("canplay", m), r.addEventListener("progress", z), () => {
-      r.removeEventListener("timeupdate", y), r.removeEventListener("loadedmetadata", p), r.removeEventListener("play", l), r.removeEventListener("pause", v), r.removeEventListener("volumechange", M), r.removeEventListener("loadstart", h), r.removeEventListener("loadeddata", c), r.removeEventListener("seeking", T), r.removeEventListener("seeked", E), r.removeEventListener("waiting", b), r.removeEventListener("playing", w), r.removeEventListener("canplay", m), r.removeEventListener("progress", z);
+    return r.addEventListener("timeupdate", y), r.addEventListener("loadedmetadata", p), r.addEventListener("play", d), r.addEventListener("pause", v), r.addEventListener("volumechange", L), r.addEventListener("loadstart", h), r.addEventListener("loadeddata", l), r.addEventListener("seeking", T), r.addEventListener("seeked", E), r.addEventListener("waiting", w), r.addEventListener("playing", b), r.addEventListener("canplay", f), r.addEventListener("progress", G), () => {
+      r.removeEventListener("timeupdate", y), r.removeEventListener("loadedmetadata", p), r.removeEventListener("play", d), r.removeEventListener("pause", v), r.removeEventListener("volumechange", L), r.removeEventListener("loadstart", h), r.removeEventListener("loadeddata", l), r.removeEventListener("seeking", T), r.removeEventListener("seeked", E), r.removeEventListener("waiting", w), r.removeEventListener("playing", b), r.removeEventListener("canplay", f), r.removeEventListener("progress", G);
     };
   }, []), {
     videoRef: t,
@@ -1322,144 +1231,144 @@ function He(e) {
     }
   };
 }
-function De({
+function Fe({
   subtitleSrc: e,
   subtitleTracks: t = [],
   defaultFontSize: n = "medium",
   onLoadError: s
 } = {}) {
-  const [u, o] = Q(!1), [a, d] = Q([]), [S, D] = Q(""), [R, g] = Q(null), [r, y] = Q(n), [p, l] = Q(null), [v, M] = Q(!1), h = {
+  const [u, o] = Y(!1), [a, m] = Y([]), [S, F] = Y(""), [D, g] = Y(null), [r, y] = Y(n), [p, d] = Y(null), [v, L] = Y(!1), h = {
     small: "text-sm",
     medium: "text-base",
     large: "text-lg"
-  }, c = !!(e || t && t.length > 0), T = (P) => {
-    const L = P.split(":"), I = L[2] ? parseFloat(L[2]) : 0, U = L[1] ? parseInt(L[1], 10) * 60 : 0;
-    return (L[0] ? parseInt(L[0], 10) * 3600 : 0) + U + I;
+  }, l = !!(e || t && t.length > 0), T = (P) => {
+    const M = P.split(":"), C = M[2] ? parseFloat(M[2]) : 0, O = M[1] ? parseInt(M[1], 10) * 60 : 0;
+    return (M[0] ? parseInt(M[0], 10) * 3600 : 0) + O + C;
   }, E = (P) => {
-    const [L, I] = P.split(","), U = (L || "").split(":"), _ = I ? parseInt(I, 10) / 1e3 : 0, C = U[2] ? parseInt(U[2], 10) : 0, ee = U[1] ? parseInt(U[1], 10) * 60 : 0;
-    return (U[0] ? parseInt(U[0], 10) * 3600 : 0) + ee + C + _;
-  }, b = async (P) => {
-    M(!0), l(null);
+    const [M, C] = P.split(","), O = (M || "").split(":"), U = C ? parseInt(C, 10) / 1e3 : 0, c = O[2] ? parseInt(O[2], 10) : 0, _ = O[1] ? parseInt(O[1], 10) * 60 : 0;
+    return (O[0] ? parseInt(O[0], 10) * 3600 : 0) + _ + c + U;
+  }, w = async (P) => {
+    L(!0), d(null);
     try {
-      const L = await fetch(P);
-      if (!L.ok)
-        throw new Error(`Failed to load subtitles: ${L.status} ${L.statusText}`);
-      const I = await L.text(), U = [], _ = I.split(`
+      const M = await fetch(P);
+      if (!M.ok)
+        throw new Error(`Failed to load subtitles: ${M.status} ${M.statusText}`);
+      const C = await M.text(), O = [], U = C.split(`
 `);
-      let C = 0;
-      const ee = I.includes("WEBVTT") || P.endsWith(".vtt"), f = P.endsWith(".srt") || /^\d+$/.test(_[0]?.trim() || "");
-      if (ee)
-        for (; C < _.length; ) {
-          if (_[C]?.includes("-->")) {
-            const [V, se] = (_[C] || "").split("-->").map((B) => B.trim()), ae = T(V || ""), i = T(se || "");
-            C++;
+      let c = 0;
+      const _ = C.includes("WEBVTT") || P.endsWith(".vtt"), ee = P.endsWith(".srt") || /^\d+$/.test(U[0]?.trim() || "");
+      if (_)
+        for (; c < U.length; ) {
+          if (U[c]?.includes("-->")) {
+            const [Q, se] = (U[c] || "").split("-->").map((V) => V.trim()), ae = T(Q || ""), i = T(se || "");
+            c++;
             let k = "";
-            for (; C < _.length && _[C]?.trim() !== ""; )
-              k += (k ? " " : "") + _[C]?.trim(), C++;
-            k && U.push({ start: ae, end: i, text: k });
+            for (; c < U.length && U[c]?.trim() !== ""; )
+              k += (k ? " " : "") + U[c]?.trim(), c++;
+            k && O.push({ start: ae, end: i, text: k });
           }
-          C++;
+          c++;
         }
-      else if (f)
-        for (; C < _.length; ) {
-          if (/^\d+$/.test(_[C]?.trim() || "") && (C++, _[C]?.includes("-->"))) {
-            const [V, se] = (_[C] || "").split("-->").map((B) => B.trim()), ae = E(V || ""), i = E(se || "");
-            C++;
+      else if (ee)
+        for (; c < U.length; ) {
+          if (/^\d+$/.test(U[c]?.trim() || "") && (c++, U[c]?.includes("-->"))) {
+            const [Q, se] = (U[c] || "").split("-->").map((V) => V.trim()), ae = E(Q || ""), i = E(se || "");
+            c++;
             let k = "";
-            for (; C < _.length && _[C]?.trim() !== ""; )
-              k += (k ? " " : "") + _[C]?.trim(), C++;
-            k && U.push({ start: ae, end: i, text: k });
+            for (; c < U.length && U[c]?.trim() !== ""; )
+              k += (k ? " " : "") + U[c]?.trim(), c++;
+            k && O.push({ start: ae, end: i, text: k });
           }
-          C++;
+          c++;
         }
       else
         throw new Error("Unsupported subtitle format. Only VTT and SRT are supported.");
-      if (U.length === 0)
+      if (O.length === 0)
         throw new Error("No subtitle cues found in file");
-      d(U), M(!1);
-    } catch (L) {
-      const I = L instanceof Error ? L : new Error("Failed to load subtitles");
-      console.error("Failed to load subtitles:", I), l(I), M(!1), d([]), s?.(I);
+      m(O), L(!1);
+    } catch (M) {
+      const C = M instanceof Error ? M : new Error("Failed to load subtitles");
+      console.error("Failed to load subtitles:", C), d(C), L(!1), m([]), s?.(C);
     }
-  }, w = (P) => !u || a.length === 0 ? "" : a.find(
-    (I) => P >= I.start && P <= I.end
-  )?.text || "", m = () => {
+  }, b = (P) => !u || a.length === 0 ? "" : a.find(
+    (C) => P >= C.start && P <= C.end
+  )?.text || "", f = () => {
     o((P) => {
-      const L = !P;
-      if (L && !p) {
+      const M = !P;
+      if (M && !p) {
         if (a.length === 0 && !v) {
-          const I = e || t[0]?.src;
-          I && (b(I), t[0] && g(t[0].id));
+          const C = e || t[0]?.src;
+          C && (w(C), t[0] && g(t[0].id));
         }
-      } else L || D("");
-      return L;
+      } else M || F("");
+      return M;
     });
-  }, z = (P) => {
+  }, G = (P) => {
     if (!P) {
-      o(!1), g(null), D("");
+      o(!1), g(null), F("");
       return;
     }
-    const L = t.find((I) => I.id === P);
-    L?.src && (g(P), b(L.src), o(!0));
-  }, F = (P) => {
+    const M = t.find((C) => C.id === P);
+    M?.src && (g(P), w(M.src), o(!0));
+  }, R = (P) => {
     y(P);
-  }, O = {
+  }, I = {
     fontSize: h[r],
     className: `${h[r]} font-medium`
   };
-  return q(() => {
-    u || D("");
-  }, [u]), q(() => {
+  return j(() => {
+    u || F("");
+  }, [u]), j(() => {
   }, []), {
     // State
     subtitlesEnabled: u,
     currentSubtitle: S,
     subtitleCues: a,
-    currentTrackId: R,
+    currentTrackId: D,
     fontSize: r,
     loadError: p,
     isLoading: v,
-    hasSubtitles: c,
+    hasSubtitles: l,
     // Actions
-    toggleSubtitles: m,
-    selectSubtitleTrack: z,
-    changeSubtitleFontSize: F,
-    setCurrentSubtitle: D,
+    toggleSubtitles: f,
+    selectSubtitleTrack: G,
+    changeSubtitleFontSize: R,
+    setCurrentSubtitle: F,
     // Utilities
-    getCurrentSubtitle: w,
-    getSubtitleStyles: O,
+    getCurrentSubtitle: b,
+    getSubtitleStyles: I,
     // Track info
     availableTracks: t
   };
 }
-const Ke = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const He = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  useEnhancedSubtitles: De
+  useEnhancedSubtitles: Fe
 }, Symbol.toStringTag, { value: "Module" }));
-function $e(e, t) {
-  const [n, s] = Q(!0), [u, o] = Q(!1), a = W(null), d = () => {
+function Ke(e, t) {
+  const [n, s] = Y(!0), [u, o] = Y(!1), a = z(null), m = () => {
     s(!0), a.current && clearTimeout(a.current), e && !t && (a.current = setTimeout(() => {
       s(!1);
     }, 3e3));
   }, S = () => {
-    d();
-  }, D = () => {
+    m();
+  }, F = () => {
     s(!0);
-  }, R = () => {
+  }, D = () => {
     e && s(!1);
   };
-  return q(() => (d(), () => {
+  return j(() => (m(), () => {
     a.current && clearTimeout(a.current);
-  }), [d]), {
+  }), [m]), {
     controlsVisible: n,
     showVolumeSlider: u,
     setShowVolumeSlider: o,
     handleMouseMove: S,
-    handleMouseEnter: D,
-    handleMouseLeave: R
+    handleMouseEnter: F,
+    handleMouseLeave: D
   };
 }
-function Ge({
+function $e({
   videoControls: e,
   toggleSubtitles: t,
   takeScreenshot: n,
@@ -1505,9 +1414,9 @@ function Ge({
           break;
       }
   };
-  q(() => (document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u)), [u]);
+  j(() => (document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u)), [u]);
 }
-function ze(e) {
+function Ge(e) {
   return { takeScreenshot: (n = !1) => {
     if (!e.current) return;
     const s = e.current, u = document.createElement("canvas");
@@ -1522,15 +1431,15 @@ function ze(e) {
           }
           if (n)
             if (navigator.clipboard && window.ClipboardItem) {
-              const d = new ClipboardItem({ "image/png": a });
-              navigator.clipboard.write([d]).catch((S) => {
+              const m = new ClipboardItem({ "image/png": a });
+              navigator.clipboard.write([m]).catch((S) => {
                 console.error("Failed to copy to clipboard:", S);
               });
             } else
               console.warn("Clipboard API not supported");
           else {
-            const d = URL.createObjectURL(a), S = document.createElement("a");
-            S.href = d, S.download = `screenshot-${Date.now()}.png`, S.click(), URL.revokeObjectURL(d);
+            const m = URL.createObjectURL(a), S = document.createElement("a");
+            S.href = m, S.download = `screenshot-${Date.now()}.png`, S.click(), URL.revokeObjectURL(m);
           }
         }, "image/png");
       } catch (a) {
@@ -1538,18 +1447,147 @@ function ze(e) {
       }
   } };
 }
-function We(e) {
-  const t = W(null), n = W(null), [s, u] = le(), [o, a] = le();
-  N.useRef(0);
-  const d = N.useRef(0), S = N.useRef(0);
-  W(void 0);
-  const D = W(0), R = pe(), g = "getOptimisticState" in R, r = j((i) => i.isPlaying), y = j((i) => i.currentTime), p = j((i) => i.duration), l = j((i) => i.volume), v = j((i) => i.isMuted), M = j((i) => i.isLoading), h = j((i) => i.isBuffering), c = j((i) => i.error), T = j((i) => i.buffered), E = j((i) => i.isFullscreen), b = R, w = g ? Ee(b) : null, m = g ? Te(b) : null, [z, F] = N.useState({
+function $(e, t) {
+  return ((n, s = !1) => {
+    const u = {
+      type: e,
+      detail: n,
+      optimistic: s,
+      timestamp: Date.now()
+    };
+    return s ? t.dispatchOptimistic(u) : (t.dispatch(u), Promise.resolve());
+  });
+}
+function De(e) {
+  const [t, n] = B.useState(e.getActionState());
+  return B.useEffect(() => e.subscribe(() => {
+    const u = e.getActionState();
+    n(
+      (o) => JSON.stringify(o) !== JSON.stringify(u) ? u : o
+    );
+  }), [e]), t;
+}
+function ze(e) {
+  const t = B.useMemo(() => ({
+    // Playback actions
+    play: $(H.PLAY, e),
+    pause: $(H.PAUSE, e),
+    seek: $(H.SEEK, e),
+    // Volume actions  
+    setVolume: $(H.SET_VOLUME, e),
+    mute: $(H.MUTE, e),
+    unmute: $(H.UNMUTE, e),
+    toggleMute: $(H.TOGGLE_MUTE, e),
+    // Media state actions
+    setDuration: $(H.SET_DURATION, e),
+    setCurrentTime: $(H.SET_CURRENT_TIME, e),
+    setBuffered: $(H.SET_BUFFERED, e),
+    setLoading: $(H.SET_LOADING, e),
+    setError: $(H.SET_ERROR, e),
+    // Display actions
+    enterFullscreen: $(H.ENTER_FULLSCREEN, e),
+    exitFullscreen: $(H.EXIT_FULLSCREEN, e),
+    enterPiP: $(H.ENTER_PIP, e),
+    exitPiP: $(H.EXIT_PIP, e),
+    // Advanced actions
+    setPlaybackRate: $(H.SET_PLAYBACK_RATE, e),
+    setSubtitleTrack: $(H.SET_SUBTITLE_TRACK, e),
+    setRendition: $(H.SET_RENDITION, e),
+    toggleSubtitles: $(H.TOGGLE_SUBTITLES, e),
+    // Preview actions
+    previewTime: $(H.PREVIEW_TIME, e),
+    clearPreview: $(H.CLEAR_PREVIEW, e)
+  }), [e]), n = De(e), s = B.useMemo(() => ({
+    // These actions benefit from immediate UI feedback
+    togglePlayPause: async (o) => {
+      o ? await t.pause(!0) : await t.play(!0);
+    },
+    seekWithPreview: async (o) => {
+      await t.previewTime(o, !0), await t.seek(o, !0);
+    },
+    adjustVolume: async (o, a) => {
+      const m = Math.max(0, Math.min(1, a + o));
+      await t.setVolume(m, !0);
+    },
+    toggleFullscreenOptimistic: async (o) => {
+      o ? await t.exitFullscreen(!0) : await t.enterFullscreen(!0);
+    }
+  }), [t]), u = B.useCallback(async () => {
+    const { lastAction: o } = n;
+    o && n.error && await e.dispatchOptimistic({
+      ...o,
+      retryCount: (o.retryCount || 0) + 1
+    });
+  }, [e, n]);
+  return {
+    ...t,
+    ...s,
+    actionState: n,
+    retryLastAction: u,
+    isLoading: n.pending,
+    hasError: !!n.error,
+    errorMessage: n.error,
+    retryCount: n.retryCount
+  };
+}
+function We() {
+  const [e, t] = Y({
+    isPlaying: !1,
+    currentTime: 0,
+    duration: 0,
+    volume: 1,
+    isMuted: !1,
+    isLoading: !1,
+    isFullscreen: !1,
+    error: null,
+    buffered: null
+  }), n = (r) => {
+    t((y) => ({ ...y, ...r }));
+  };
+  return {
+    state: e,
+    updateState: n,
+    setPlaying: (r) => {
+      n({ isPlaying: r });
+    },
+    setCurrentTime: (r) => {
+      n({ currentTime: r });
+    },
+    setDuration: (r) => {
+      n({ duration: r });
+    },
+    setVolume: (r) => {
+      n({ volume: Math.max(0, Math.min(1, r)) });
+    },
+    setMuted: (r) => {
+      n({ isMuted: r });
+    },
+    setLoading: (r) => {
+      n({ isLoading: r });
+    },
+    setFullscreen: (r) => {
+      n({ isFullscreen: r });
+    },
+    setError: (r) => {
+      n({ error: r });
+    },
+    setBuffered: (r) => {
+      n({ buffered: r });
+    }
+  };
+}
+function je(e) {
+  const t = z(null), n = z(null), [s, u] = le(), [o, a] = le();
+  B.useRef(0);
+  const m = B.useRef(0), S = B.useRef(0);
+  z(void 0);
+  const F = z(0), D = pe(), g = "getOptimisticState" in D, r = W((i) => i.isPlaying), y = W((i) => i.currentTime), p = W((i) => i.duration), d = W((i) => i.volume), v = W((i) => i.isMuted), L = W((i) => i.isLoading), h = W((i) => i.isBuffering), l = W((i) => i.error), T = W((i) => i.buffered), E = W((i) => i.isFullscreen), w = D, b = g ? Ee(w) : null, f = g ? Te(w) : null, [G, R] = B.useState({
     frameRate: 0,
     averageRenderTime: 0,
     droppedFrames: 0,
     bufferHealth: 0
-  }), [O, P] = ce(l, (i, k) => Math.max(0, Math.min(1, k)));
-  ce(y, (i, k) => Math.max(0, Math.min(p || 0, k))), q(() => {
+  }), [I, P] = ce(d, (i, k) => Math.max(0, Math.min(1, k)));
+  ce(y, (i, k) => Math.max(0, Math.min(p || 0, k))), j(() => {
     const i = t.current;
     if (!i) return;
     const k = {
@@ -1560,8 +1598,8 @@ function We(e) {
       preload: e.preload,
       crossOrigin: e.crossOrigin
     };
-    Object.entries(k).forEach(([B, Y]) => {
-      Y !== void 0 && (i[B] = Y);
+    Object.entries(k).forEach(([V, X]) => {
+      X !== void 0 && (i[V] = X);
     }), i.setAttribute("preload", e.preloadStrategy === "eager" ? "auto" : "metadata"), e.bufferingStrategy === "aggressive" && i.setAttribute("buffered", "auto"), i instanceof HTMLVideoElement && (i.style.willChange = "transform", i.style.transform = "translateZ(0)");
   }, [
     e.volume,
@@ -1573,135 +1611,135 @@ function We(e) {
     e.preloadStrategy,
     e.bufferingStrategy
   ]);
-  const L = A(() => {
+  const M = A(() => {
     const i = t.current;
     if (!i) return;
     const k = performance.now();
     if (e.enableTimeUpdateThrottling !== !1) {
-      if (k - D.current < (e.timeUpdateThrottleMs || 100))
+      if (k - F.current < (e.timeUpdateThrottleMs || 100))
         return;
-      D.current = k;
+      F.current = k;
     }
     u(() => {
-      g && m && m.setCurrentTime(i.currentTime);
+      g && f && f.setCurrentTime(i.currentTime);
     });
-  }, [e.enableTimeUpdateThrottling, e.timeUpdateThrottleMs, g, m]), I = A(() => {
+  }, [e.enableTimeUpdateThrottling, e.timeUpdateThrottleMs, g, f]), C = A(() => {
     u(() => {
-      g && m && m.play(!0);
+      g && f && f.play(!0);
     }), e.onPlay?.();
-  }, [g, m, e.onPlay]), U = A(() => {
+  }, [g, f, e.onPlay]), O = A(() => {
     u(() => {
-      g && m && m.pause(!0);
+      g && f && f.pause(!0);
     }), e.onPause?.();
-  }, [g, m, e.onPause]), _ = A(() => {
+  }, [g, f, e.onPause]), U = A(() => {
     const i = t.current;
     i && u(() => {
-      g && m && (m.setVolume(i.volume, !0), i.muted ? m.mute(!0) : m.unmute(!0));
+      g && f && (f.setVolume(i.volume, !0), i.muted ? f.mute(!0) : f.unmute(!0));
     });
-  }, [g, m]), C = A(() => {
+  }, [g, f]), c = A(() => {
     a(() => {
     });
+  }, []), _ = A(() => {
   }, []), ee = A(() => {
-  }, []), f = A(() => {
     const i = t.current;
     i && u(() => {
-      g && m && m.setBuffered(i.buffered);
+      g && f && f.setBuffered(i.buffered);
     });
-  }, [g, m]), V = A(() => {
+  }, [g, f]), Q = A(() => {
     const i = performance.now();
-    if (i - S.current > 0 && (d.current++, d.current >= 60)) {
-      const B = Math.round(d.current * 1e3 / (i - S.current));
-      F((Y) => ({
-        ...Y,
-        frameRate: B,
-        droppedFrames: Math.max(0, 60 - B)
-      })), d.current = 0, S.current = i;
+    if (i - S.current > 0 && (m.current++, m.current >= 60)) {
+      const V = Math.round(m.current * 1e3 / (i - S.current));
+      R((X) => ({
+        ...X,
+        frameRate: V,
+        droppedFrames: Math.max(0, 60 - V)
+      })), m.current = 0, S.current = i;
     }
   }, []);
-  q(() => {
+  j(() => {
     const i = t.current;
     if (!i) return;
     const k = [
-      { event: "timeupdate", handler: L, passive: !0 },
-      { event: "play", handler: I },
-      { event: "pause", handler: U },
-      { event: "volumechange", handler: _ },
-      { event: "seeking", handler: C },
-      { event: "seeked", handler: ee },
-      { event: "progress", handler: f, passive: !0 },
-      { event: "loadedmetadata", handler: () => V() },
-      { event: "loadeddata", handler: () => V() }
+      { event: "timeupdate", handler: M, passive: !0 },
+      { event: "play", handler: C },
+      { event: "pause", handler: O },
+      { event: "volumechange", handler: U },
+      { event: "seeking", handler: c },
+      { event: "seeked", handler: _ },
+      { event: "progress", handler: ee, passive: !0 },
+      { event: "loadedmetadata", handler: () => Q() },
+      { event: "loadeddata", handler: () => Q() }
     ];
     k.forEach(({ event: te, handler: ne, passive: ie }) => {
       const oe = ie ? { passive: !0 } : {};
       i.addEventListener(te, ne, oe);
     });
-    let B;
-    const Y = () => {
-      V(), B = requestAnimationFrame(Y);
+    let V;
+    const X = () => {
+      Q(), V = requestAnimationFrame(X);
     };
-    return e.enablePerformanceMonitoring && Y(), () => {
+    return e.enablePerformanceMonitoring && X(), () => {
       k.forEach(({ event: te, handler: ne }) => {
         i.removeEventListener(te, ne);
-      }), B && cancelAnimationFrame(B);
+      }), V && cancelAnimationFrame(V);
     };
   }, [
-    L,
-    I,
+    M,
+    C,
+    O,
     U,
+    c,
     _,
-    C,
     ee,
-    f,
-    V,
+    Q,
     e.enablePerformanceMonitoring
   ]);
   const se = ue(() => {
     const i = async () => {
       const x = t.current;
       if (x)
-        if (g && m)
-          await m.play(!0);
+        if (g && f)
+          await f.play(!0);
         else
           try {
             await x.play();
-          } catch (X) {
-            console.error("Failed to play media:", X);
+          } catch (q) {
+            console.error("Failed to play media:", q);
           }
     }, k = () => {
       const x = t.current;
-      x && (g && m ? m.pause(!0) : x.pause());
-    }, B = () => {
+      x && (g && f ? f.pause(!0) : x.pause());
+    }, V = () => {
       r ? k() : i();
-    }, Y = (x) => {
-      const X = t.current;
-      if (!X) return;
+    }, X = (x) => {
+      const q = t.current;
+      if (!q) return;
       const Z = Math.max(0, Math.min(x, p || 0));
-      g && m ? a(() => {
-        m.seek(Z, !0);
-      }) : X.currentTime = Z;
+      g && f ? a(() => {
+        f.seek(Z, !0);
+      }) : q.currentTime = Z;
     }, te = (x) => {
-      const X = t.current;
-      if (!X) return;
+      const q = t.current;
+      if (!q) return;
       const Z = Math.max(0, Math.min(1, x));
-      g && m ? (P(Z), u(() => {
-        m.setVolume(Z, !0);
-      })) : X.volume = Z;
+      g && f ? (P(Z), u(() => {
+        f.setVolume(Z, !0);
+      })) : q.volume = Z;
     }, ne = () => {
       const x = t.current;
-      x && (g && m ? m.toggleMute(!0) : x.muted = !x.muted);
+      x && (g && f ? f.toggleMute(!0) : x.muted = !x.muted);
     }, ie = async () => {
       const x = n.current;
       if (!(!x || !document.fullscreenEnabled))
         try {
-          await x.requestFullscreen(), g && m && m.enterFullscreen(!0);
-        } catch (X) {
-          console.error("Failed to enter fullscreen:", X);
+          await x.requestFullscreen(), g && f && f.enterFullscreen(!0);
+        } catch (q) {
+          console.error("Failed to enter fullscreen:", q);
         }
     }, oe = async () => {
       if (document.fullscreenElement)
         try {
-          await document.exitFullscreen(), g && m && m.exitFullscreen(!0);
+          await document.exitFullscreen(), g && f && f.exitFullscreen(!0);
         } catch (x) {
           console.error("Failed to exit fullscreen:", x);
         }
@@ -1709,8 +1747,8 @@ function We(e) {
     return {
       play: i,
       pause: k,
-      toggle: B,
-      seek: Y,
+      toggle: V,
+      seek: X,
       setVolume: te,
       toggleMute: ne,
       enterFullscreen: ie,
@@ -1723,34 +1761,34 @@ function We(e) {
     r,
     p,
     g,
-    m,
+    f,
     u,
     a,
     P
   ]), ae = ue(() => ({
-    isPlaying: w?.isPlaying ?? r,
-    currentTime: w?.currentTime ?? y,
-    duration: w?.duration ?? p,
-    volume: w?.volume ?? O,
-    isMuted: w?.isMuted ?? v,
-    isLoading: w?.isBuffering ?? M,
-    isBuffering: w?.isBuffering ?? h,
-    error: w?.error ?? c,
-    buffered: w?.buffered ?? T,
-    isFullscreen: w?.isFullscreen ?? E,
+    isPlaying: b?.state?.isPlaying ?? r,
+    currentTime: b?.state?.currentTime ?? y,
+    duration: b?.state?.duration ?? p,
+    volume: b?.state?.volume ?? I,
+    isMuted: b?.state?.isMuted ?? v,
+    isLoading: b?.state?.isBuffering ?? L,
+    isBuffering: b?.state?.isBuffering ?? h,
+    error: b?.state?.error ?? l,
+    buffered: b?.state?.buffered ?? T,
+    isFullscreen: b?.state?.isFullscreen ?? E,
     progress: p > 0 ? y / p : 0,
     isTransitioning: s || o,
-    canPlay: !M && !h && !c
+    canPlay: !L && !h && !l
   }), [
-    w,
+    b,
     r,
     y,
     p,
-    O,
+    I,
     v,
-    M,
+    L,
     h,
-    c,
+    l,
     T,
     E,
     s,
@@ -1762,28 +1800,29 @@ function We(e) {
     containerRef: n,
     // State
     state: ae,
-    actualState: w?.actualState,
+    actualState: b?.actualState,
     // Controls
     controls: se,
     // Performance metrics
-    performanceMetrics: z,
+    performanceMetrics: G,
     isTransitioning: s || o,
     // Enhanced features
-    actions: w?.actions,
-    actionState: w?.actionState,
+    actions: b,
+    // The optimisticState object contains all the actions
+    actionState: b?.state,
     // Optimistic features
-    optimisticState: w,
+    optimisticState: b,
     isEnhanced: g
   };
 }
-const je = (e, t = {}) => {
+const qe = (e, t = {}) => {
   const {
     trackUserBehavior: n = !0,
     adaptToNetwork: s = !0,
     strategy: u = "balanced",
     maxPreloadItems: o = 3,
     preloadRadius: a = 2
-  } = t, d = W({
+  } = t, m = z({
     mouseMovements: 0,
     scrollEvents: 0,
     keyPresses: 0,
@@ -1791,124 +1830,114 @@ const je = (e, t = {}) => {
     timeOnPage: 0,
     engagementScore: 0,
     lastInteraction: Date.now()
-  }), S = W(null), D = W(/* @__PURE__ */ new Set()), R = W([]), g = A(() => {
-    const c = d.current, T = Math.min(c.timeOnPage / 6e4, 1), E = Math.min(
-      (c.mouseMovements + c.scrollEvents + c.keyPresses) / 100,
+  }), S = z(null), F = z(/* @__PURE__ */ new Set()), D = z([]), g = A(() => {
+    const l = m.current, T = Math.min(l.timeOnPage / 6e4, 1), E = Math.min(
+      (l.mouseMovements + l.scrollEvents + l.keyPresses) / 100,
       1
     );
     return (T * 0.4 + E * 0.6) * 100;
-  }, []), r = A((c, T = 1) => {
-    const E = d.current;
-    E[c] = typeof E[c] == "number" ? E[c] + T : Date.now(), E.engagementScore = g(), E.lastInteraction = Date.now();
+  }, []), r = A((l, T = 1) => {
+    const E = m.current;
+    E[l] = typeof E[l] == "number" ? E[l] + T : Date.now(), E.engagementScore = g(), E.lastInteraction = Date.now();
   }, [g]), y = A(() => {
     if (!S.current || !s)
       return { type: "unknown", downlink: 10, effectiveType: "4g", saveData: !1 };
-    const c = S.current;
+    const l = S.current;
     return {
-      type: c.type,
-      downlink: c.downlink || 10,
-      effectiveType: c.effectiveType || "4g",
-      saveData: c.saveData || !1,
-      rtt: c.rtt || 100
+      type: l.effectiveType || "4g",
+      // Use effectiveType as the primary type indicator
+      downlink: l.downlink || 10,
+      effectiveType: l.effectiveType || "4g",
+      saveData: l.saveData || !1,
+      rtt: l.rtt || 100
     };
-  }, [s]), p = A((c, T, E = 0) => {
-    if (D.current.has(c.src))
+  }, [s]), p = A((l, T, E = 0) => {
+    if (F.current.has(l.src))
       return { shouldPreload: !1, priority: "low", reason: "Already preloaded" };
-    const b = Math.abs(T - E);
-    if (b > a)
+    const w = Math.abs(T - E);
+    if (w > a)
       return { shouldPreload: !1, priority: "low", reason: "Outside preload radius" };
-    const w = d.current, m = y(), z = w.engagementScore, F = Date.now() - w.lastInteraction;
-    if (m.saveData)
+    const b = m.current, f = y(), G = b.engagementScore, R = Date.now() - b.lastInteraction;
+    if (f.saveData)
       return { shouldPreload: !1, priority: "low", reason: "Data saver mode" };
-    let O = !1, P = "medium", L = "";
+    let I = !1, P = "medium", M = "";
     switch (u) {
       case "conservative":
-        O = z > 70 && m.effectiveType !== "2g" && b === 1, P = O ? "medium" : "low", L = O ? "High engagement and optimal network" : "Conservative strategy";
+        I = G > 70 && f.effectiveType !== "2g" && w === 1, P = I ? "medium" : "low", M = I ? "High engagement and optimal network" : "Conservative strategy";
         break;
       case "aggressive":
-        O = z > 30 && m.effectiveType !== "slow-2g", P = z > 70 ? "high" : z > 50 ? "medium" : "low", L = O ? "Aggressive preloading" : "Low engagement";
+        I = G > 30 && f.effectiveType !== "slow-2g", P = G > 70 ? "high" : G > 50 ? "medium" : "low", M = I ? "Aggressive preloading" : "Low engagement";
         break;
       case "balanced":
       default:
-        const I = m.effectiveType === "4g" ? 1 : m.effectiveType === "3g" ? 0.7 : 0.3, U = z * I;
-        O = U > 40 && b <= 2, P = U > 70 ? "high" : U > 55 ? "medium" : "low", L = O ? `Balanced: score ${U.toFixed(1)}` : "Low adjusted score";
+        const C = f.effectiveType === "4g" ? 1 : f.effectiveType === "3g" ? 0.7 : 0.3, O = G * C;
+        I = O > 40 && w <= 2, P = O > 70 ? "high" : O > 55 ? "medium" : "low", M = I ? `Balanced: score ${O.toFixed(1)}` : "Low adjusted score";
         break;
     }
-    return O && ((c.type === "hls" || c.type === "m3u8") && (P = P === "low" ? "medium" : "high"), F < 5e3 && (P = "high", L += " + Recent interaction"), (c.type === "mp4" || c.type === "webm") && (P = P === "low" ? "medium" : P)), { shouldPreload: O, priority: P, reason: L };
-  }, [u, a, y, g]), l = A(async (c, T) => {
+    if (I) {
+      const C = l.src.toLowerCase();
+      (C.includes(".m3u8") || C.includes("hls")) && (P = P === "low" ? "medium" : "high"), R < 5e3 && (P = "high", M += " + Recent interaction"), (l.type?.includes("mp4") || l.type?.includes("webm") || C.includes(".mp4") || C.includes(".webm")) && (P = P === "low" ? "medium" : P);
+    }
+    return { shouldPreload: I, priority: P, reason: M };
+  }, [u, a, y, g]), d = A(async (l, T) => {
     try {
       const E = document.createElement("link");
-      switch (E.rel = "preload", E.href = c.src, c.type) {
-        case "hls":
-        case "m3u8":
-          E.as = "fetch";
-          break;
-        case "mp4":
-        case "webm":
-          E.as = "video";
-          break;
-        case "mp3":
-        case "wav":
-        case "ogg":
-          E.as = "audio";
-          break;
-        default:
-          E.as = "fetch";
-      }
-      E.crossOrigin = "anonymous", document.head.appendChild(E), D.current.add(c.src), console.debug(`Preloaded: ${c.src} (${T})`), setTimeout(() => {
+      E.rel = "preload", E.href = l.src;
+      const w = l.src.toLowerCase(), b = l.type?.toLowerCase() || "";
+      w.includes(".m3u8") || w.includes("hls") ? E.as = "fetch" : b.includes("mp4") || b.includes("webm") || w.includes(".mp4") || w.includes(".webm") ? E.as = "video" : b.includes("mp3") || b.includes("wav") || b.includes("ogg") || w.includes(".mp3") || w.includes(".wav") || w.includes(".ogg") ? E.as = "audio" : E.as = "fetch", E.crossOrigin = "anonymous", document.head.appendChild(E), F.current.add(l.src), console.debug(`Preloaded: ${l.src} (${T})`), setTimeout(() => {
         document.head.contains(E) && document.head.removeChild(E);
       }, 3e4);
     } catch (E) {
-      console.warn("Failed to preload source:", c.src, E);
+      console.warn("Failed to preload source:", l.src, E);
     }
   }, []), v = A(() => {
-    if (R.current.length === 0) return;
-    const T = [...R.current].sort((E, b) => b.priority - E.priority).slice(0, o);
-    R.current = [], T.forEach(({ source: E, priority: b }) => {
-      l(E, b);
+    if (D.current.length === 0) return;
+    const T = [...D.current].sort((E, w) => w.priority - E.priority).slice(0, o);
+    D.current = [], T.forEach(({ source: E, priority: w }) => {
+      d(E, w);
     });
-  }, [o, l]), M = A((c = 0) => {
-    R.current = [], e.forEach((T, E) => {
-      const b = p(T, E, c);
-      if (b.shouldPreload) {
-        const w = b.priority === "high" ? 3 : b.priority === "medium" ? 2 : 1;
-        R.current.push({ source: T, priority: w });
+  }, [o, d]), L = A((l = 0) => {
+    D.current = [], e.forEach((T, E) => {
+      const w = p(T, E, l);
+      if (w.shouldPreload) {
+        const b = w.priority === "high" ? 3 : w.priority === "medium" ? 2 : 1;
+        D.current.push({ source: T, priority: b });
       }
     }), v();
   }, [e, p, v]);
-  return q(() => {
+  return j(() => {
     if (!n) return;
-    const c = () => r("mouseMovements"), T = () => r("scrollEvents"), E = () => r("keyPresses"), b = () => r("focusEvents");
-    document.addEventListener("mousemove", c, { passive: !0 }), document.addEventListener("scroll", T, { passive: !0 }), document.addEventListener("keydown", E, { passive: !0 }), document.addEventListener("focusin", b, { passive: !0 });
-    const w = setInterval(() => {
+    const l = () => r("mouseMovements"), T = () => r("scrollEvents"), E = () => r("keyPresses"), w = () => r("focusEvents");
+    document.addEventListener("mousemove", l, { passive: !0 }), document.addEventListener("scroll", T, { passive: !0 }), document.addEventListener("keydown", E, { passive: !0 }), document.addEventListener("focusin", w, { passive: !0 });
+    const b = setInterval(() => {
       r("timeOnPage", 1);
     }, 1e3);
     return () => {
-      document.removeEventListener("mousemove", c), document.removeEventListener("scroll", T), document.removeEventListener("keydown", E), document.removeEventListener("focusin", b), clearInterval(w);
+      document.removeEventListener("mousemove", l), document.removeEventListener("scroll", T), document.removeEventListener("keydown", E), document.removeEventListener("focusin", w), clearInterval(b);
     };
-  }, [n, r]), q(() => {
+  }, [n, r]), j(() => {
     if (!s || !("connection" in navigator)) return;
-    const c = navigator.connection;
-    S.current = c;
+    const l = navigator.connection;
+    S.current = l;
     const T = () => {
-      M();
+      L();
     };
-    return c.addEventListener("change", T), () => {
-      c.removeEventListener("change", T);
+    return l.addEventListener("change", T), () => {
+      l.removeEventListener("change", T);
     };
-  }, [s, M]), q(() => {
-    M();
-  }, [M]), ue(() => ({
+  }, [s, L]), j(() => {
+    L();
+  }, [L]), ue(() => ({
     /**
      * Manually trigger preloading for specific index
      */
-    preloadAtIndex: (c) => {
-      M(c);
+    preloadAtIndex: (l) => {
+      L(l);
     },
     /**
      * Get current user behavior data
      */
-    getUserBehavior: () => ({ ...d.current }),
+    getUserBehavior: () => ({ ...m.current }),
     /**
      * Get current network conditions
      */
@@ -1917,36 +1946,36 @@ const je = (e, t = {}) => {
      * Clear preloaded items cache
      */
     clearCache: () => {
-      D.current.clear();
+      F.current.clear();
     },
     /**
      * Get preloading statistics
      */
     getStats: () => ({
-      preloadedItems: D.current.size,
-      engagementScore: d.current.engagementScore,
-      queueLength: R.current.length,
+      preloadedItems: F.current.size,
+      engagementScore: m.current.engagementScore,
+      queueLength: D.current.length,
       maxPreloadItems: o
     })
-  }), [M, y, o]);
+  }), [L, y, o]);
 };
 function Re(e) {
-  const [t, n] = Q(!1), [s, u] = Q([]), [o, a] = Q(""), d = (g) => {
+  const [t, n] = Y(!1), [s, u] = Y([]), [o, a] = Y(""), m = (g) => {
     const r = g.split(":"), y = r[2] ? parseFloat(r[2]) : 0, p = r[1] ? parseInt(r[1], 10) * 60 : 0;
     return (r[0] ? parseInt(r[0], 10) * 3600 : 0) + p + y;
   }, S = async (g) => {
     try {
-      const y = await (await fetch(g)).text(), p = [], l = y.split(`
+      const y = await (await fetch(g)).text(), p = [], d = y.split(`
 `);
       let v = 0;
-      for (; v < l.length; ) {
-        if (l[v]?.includes("-->")) {
-          const [M, h] = (l[v] || "").split("-->").map((b) => b.trim()), c = d(M || ""), T = d(h || "");
+      for (; v < d.length; ) {
+        if (d[v]?.includes("-->")) {
+          const [L, h] = (d[v] || "").split("-->").map((w) => w.trim()), l = m(L || ""), T = m(h || "");
           v++;
           let E = "";
-          for (; v < l.length && l[v]?.trim() !== ""; )
-            E += (E ? " " : "") + l[v]?.trim(), v++;
-          E && p.push({ start: c, end: T, text: E });
+          for (; v < d.length && d[v]?.trim() !== ""; )
+            E += (E ? " " : "") + d[v]?.trim(), v++;
+          E && p.push({ start: l, end: T, text: E });
         }
         v++;
       }
@@ -1954,60 +1983,60 @@ function Re(e) {
     } catch (r) {
       console.error("Failed to load subtitles:", r);
     }
-  }, D = (g) => !t || s.length === 0 ? "" : s.find(
+  }, F = (g) => !t || s.length === 0 ? "" : s.find(
     (y) => g >= y.start && g <= y.end
-  )?.text || "", R = () => {
+  )?.text || "", D = () => {
     n((g) => {
       const r = !g;
       return r && e && s.length === 0 ? S(e) : r || a(""), r;
     });
   };
-  return q(() => {
+  return j(() => {
     t || a("");
   }, [t]), {
     subtitlesEnabled: t,
     currentSubtitle: o,
-    toggleSubtitles: R,
-    getCurrentSubtitle: D,
+    toggleSubtitles: D,
+    getCurrentSubtitle: F,
     setCurrentSubtitle: a
   };
 }
-function qe(e) {
+function Xe(e) {
   return ve(
     "useVideoPlayer",
     "useMediaPlayer (the primary media player hook)"
-  ), Le(e);
+  ), Me(e);
 }
-function Xe(e) {
+function Ye(e) {
   return ve(
     "useEnhancedSubtitles",
     "useSubtitles (the current subtitle hook)"
   ), Re(e);
 }
 export {
-  Be as a,
-  Ne as b,
-  He as c,
-  De as d,
-  $e as e,
-  Ge as f,
-  ze as g,
+  _e as a,
+  Be as b,
+  Ne as c,
+  Fe as d,
+  Ke as e,
+  $e as f,
+  Ge as g,
   Oe as h,
   Ue as i,
   Ie as j,
-  Le as k,
+  Me as k,
   be as l,
-  Me as m,
-  We as n,
-  _e as o,
-  Se as p,
-  je as q,
-  Fe as r,
+  We as m,
+  je as n,
+  ze as o,
+  De as p,
+  qe as q,
+  Pe as r,
   Re as s,
-  qe as t,
+  Xe as t,
   de as u,
-  Xe as v,
+  Ye as v,
   Ve as w,
-  Ke as x
+  He as x
 };
-//# sourceMappingURL=hooks-BhW_i-9L.js.map
+//# sourceMappingURL=hooks-BPtHV1ZT.js.map