playron 1.0.35 → 1.0.36

package/dist/playron.es.js

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as u, Fragment as oe } from "react/jsx-runtime";
-import { createContext as ce, useState as b, useEffect as k, useMemo as Ue, useContext as re, memo as kt, useRef as W, useCallback as F } from "react";
+import { createContext as ce, useState as b, useEffect as x, useMemo as Ue, useContext as re, memo as kt, useRef as O, useCallback as B } from "react";
 class St {
   listeners = /* @__PURE__ */ new Map();
   /**
@@ -559,8 +559,8 @@ class Tt {
     const i = (n) => {
       const o = {};
       let l = !1;
-      e.forEach((d) => {
-        r[d] !== n[d] && (o[d] = n[d], l = !0);
+      e.forEach((c) => {
+        r[c] !== n[c] && (o[c] = n[c], l = !0);
       }), l && t(o), r = { ...n };
     };
     this.subscribe(i);
@@ -709,7 +709,7 @@ class Pt {
         hasDVR: !1,
         isEngineSupported: this.preCheckCapability("hls")
       };
-    const i = t.includes("#EXT-X-MEDIA-SEQUENCE"), n = t.includes("#EXT-X-ENDLIST"), o = t.includes("#EXT-X-PLAYLIST-TYPE:EVENT"), l = this.extractTargetDuration(t), d = this.extractMediaSequence(t);
+    const i = t.includes("#EXT-X-MEDIA-SEQUENCE"), n = t.includes("#EXT-X-ENDLIST"), o = t.includes("#EXT-X-PLAYLIST-TYPE:EVENT"), l = this.extractTargetDuration(t), c = this.extractMediaSequence(t);
     return i && !n ? {
       type: "live",
       protocol: "hls",
@@ -717,7 +717,7 @@ class Pt {
       hasDVR: o,
       // EVENT type supports DVR
       targetDuration: l,
-      mediaSequence: d,
+      mediaSequence: c,
       isEngineSupported: this.preCheckCapability("hls")
     } : {
       type: "vod",
@@ -913,17 +913,17 @@ async function nt(a, e, t, r, i) {
   let n = new Error("License request failed");
   for (let o = 0; o <= r; o++) {
     if (o > 0) {
-      const c = i * Math.pow(2, o - 1);
-      await new Promise((h) => setTimeout(h, c));
+      const d = i * Math.pow(2, o - 1);
+      await new Promise((h) => setTimeout(h, d));
     }
-    const l = new AbortController(), d = setTimeout(() => l.abort(), t);
+    const l = new AbortController(), c = setTimeout(() => l.abort(), t);
     try {
-      const c = await fetch(a, { ...e, signal: l.signal });
-      if (clearTimeout(d), !c.ok)
-        throw new Error(`HTTP ${c.status}: ${c.statusText}`);
-      return await c.arrayBuffer();
-    } catch (c) {
-      clearTimeout(d), c instanceof Error && c.name === "AbortError" ? n = new Error(`Request timed out after ${t}ms (attempt ${o + 1}/${r + 1})`) : n = c instanceof Error ? c : new Error(String(c));
+      const d = await fetch(a, { ...e, signal: l.signal });
+      if (clearTimeout(c), !d.ok)
+        throw new Error(`HTTP ${d.status}: ${d.statusText}`);
+      return await d.arrayBuffer();
+    } catch (d) {
+      clearTimeout(c), d instanceof Error && d.name === "AbortError" ? n = new Error(`Request timed out after ${t}ms (attempt ${o + 1}/${r + 1})`) : n = d instanceof Error ? d : new Error(String(d));
     }
   }
   throw n;
@@ -948,11 +948,11 @@ function Bt() {
 }
 async function Ft(a, e, t = {}, r = !1, i = {}) {
   const n = i.timeout ?? _t, o = i.maxRetries ?? Vt, l = i.retryDelay ?? Nt;
-  let d = e;
-  i.prepareLicenseRequest && (d = await i.prepareLicenseRequest(e));
-  const c = {
+  let c = e;
+  i.prepareLicenseRequest && (c = await i.prepareLicenseRequest(e));
+  const d = {
     method: "POST",
-    body: d,
+    body: c,
     headers: {
       "Content-Type": "application/octet-stream",
       ...t
@@ -962,7 +962,7 @@ async function Ft(a, e, t = {}, r = !1, i = {}) {
   console.debug("[LicenseManager] Acquiring license from:", a);
   let h = await nt(
     a,
-    c,
+    d,
     n,
     o,
     l
@@ -1371,8 +1371,8 @@ class Xt {
       try {
         const l = new o.media.MediaInfo(e, t);
         l.streamType = i ? o.media.StreamType.LIVE : o.media.StreamType.BUFFERED, l.metadata = null;
-        const d = new o.media.LoadRequest(l);
-        d.currentTime = r, d.autoplay = !0, await n.loadMedia(d), console.log(`[ChromecastManager] Media loaded on receiver: ${e} (t=${r}s)`);
+        const c = new o.media.LoadRequest(l);
+        c.currentTime = r, c.autoplay = !0, await n.loadMedia(c), console.log(`[ChromecastManager] Media loaded on receiver: ${e} (t=${r}s)`);
       } catch (l) {
         console.error("[ChromecastManager] loadMedia error:", l);
       }
@@ -2069,25 +2069,25 @@ const st = ce(null), ot = {
 }, at = ce(ot), lt = ce(null);
 function Gt({ children: a, playerInstance: e }) {
   const [t, r] = b(ot);
-  k(() => {
+  x(() => {
     if (!e) return;
     const n = e.getStateManager();
     if (!n) return;
     r(n.getState());
-    const o = (d) => {
-      r(d);
+    const o = (c) => {
+      r(c);
     };
     n.subscribe(o);
     const l = e.getVideoElement();
     if (l) {
-      const d = () => {
+      const c = () => {
         const g = e.isLive();
         n.updateState({
           currentTime: l.currentTime,
           duration: l.duration || 0,
           isLive: g
         });
-      }, c = () => {
+      }, d = () => {
         n.set("isPlaying", !l.paused);
       }, h = () => {
         n.updateState({
@@ -2101,8 +2101,8 @@ function Gt({ children: a, playerInstance: e }) {
           isLive: !0
         });
       };
-      return e.events.on("livelatencyupdate", p), l.addEventListener(C.TIME_UPDATE, d), l.addEventListener(C.PLAY, c), l.addEventListener(C.PAUSE, c), l.addEventListener(C.VOLUME_CHANGE, h), l.addEventListener(C.LOADED_METADATA, d), () => {
-        e.events.off("livelatencyupdate", p), l.removeEventListener(C.TIME_UPDATE, d), l.removeEventListener(C.PLAY, c), l.removeEventListener(C.PAUSE, c), l.removeEventListener(C.VOLUME_CHANGE, h), l.removeEventListener(C.LOADED_METADATA, d), n.unsubscribe(o);
+      return e.events.on("livelatencyupdate", p), l.addEventListener(C.TIME_UPDATE, c), l.addEventListener(C.PLAY, d), l.addEventListener(C.PAUSE, d), l.addEventListener(C.VOLUME_CHANGE, h), l.addEventListener(C.LOADED_METADATA, c), () => {
+        e.events.off("livelatencyupdate", p), l.removeEventListener(C.TIME_UPDATE, c), l.removeEventListener(C.PLAY, d), l.removeEventListener(C.PAUSE, d), l.removeEventListener(C.VOLUME_CHANGE, h), l.removeEventListener(C.LOADED_METADATA, c), n.unsubscribe(o);
       };
     }
     return () => {
@@ -2185,7 +2185,7 @@ function Gt({ children: a, playerInstance: e }) {
   } : null, [e]);
   return /* @__PURE__ */ s(st.Provider, { value: e, children: /* @__PURE__ */ s(lt.Provider, { value: i, children: /* @__PURE__ */ s(at.Provider, { value: t, children: a }) }) });
 }
-function X(a) {
+function Y(a) {
   const e = re(at);
   if (!e)
     throw new Error("usePlayerState must be used within PlayerProvider");
@@ -2262,74 +2262,74 @@ const Zt = "_overlay_3mfq6_3", Jt = "_iconContainer_3mfq6_17", er = "_loading_3m
   customIcon: rr
 };
 function ir({ config: a, isAdLoading: e }) {
-  const t = X((V) => V.isPlaying), { togglePlay: r, toggleFullscreen: i, getPlayer: n } = q(), [o, l] = b(!1), [d, c] = b("play"), [h, p] = b(!1), g = W(null);
-  k(() => {
-    console.log("[VideoOverlay] isAdLoading changed:", e), e ? (console.log("[VideoOverlay] ✅ Showing ad loading icon"), p(!0), c("loading"), l(!0)) : (console.log("[VideoOverlay] ❌ Hiding ad loading icon"), p(!1), l(!1));
+  const t = Y((D) => D.isPlaying), { togglePlay: r, toggleFullscreen: i, getPlayer: n } = q(), [o, l] = b(!1), [c, d] = b("play"), [h, p] = b(!1), g = O(null);
+  x(() => {
+    console.log("[VideoOverlay] isAdLoading changed:", e), e ? (console.log("[VideoOverlay] ✅ Showing ad loading icon"), p(!0), d("loading"), l(!0)) : (console.log("[VideoOverlay] ❌ Hiding ad loading icon"), p(!1), l(!1));
   }, [e]);
-  const m = a?.ui?.showOverlayIcons !== !1, S = a?.ui?.overlayIcons?.playIcon, D = a?.ui?.overlayIcons?.pauseIcon, E = a?.ui?.overlayIcons?.iconSize || 40, L = a?.ui?.overlayIcons?.containerSize || 80;
-  k(() => {
-    const V = n();
-    if (!V) return;
-    const A = V.video || V.videoElement;
-    if (!A) return;
-    const N = () => {
-      p(!0), c("loading"), l(!0), g.current && clearTimeout(g.current);
-    }, I = () => {
+  const m = a?.ui?.showOverlayIcons !== !1, k = a?.ui?.showPlayPauseIcons !== !1, I = a?.ui?.overlayIcons?.playIcon, A = a?.ui?.overlayIcons?.pauseIcon, T = a?.ui?.overlayIcons?.iconSize || 40, E = a?.ui?.overlayIcons?.containerSize || 80;
+  x(() => {
+    const D = n();
+    if (!D) return;
+    const S = D.video || D.videoElement;
+    if (!S) return;
+    const _ = () => {
+      p(!0), d("loading"), l(!0), g.current && clearTimeout(g.current);
+    }, W = () => {
       g.current = window.setTimeout(() => {
         p(!1), l(!1);
       }, 300);
-    }, H = () => {
-      p(!0), c("loading"), l(!0);
     }, w = () => {
+      p(!0), d("loading"), l(!0);
+    }, M = () => {
       h && (g.current = window.setTimeout(() => {
         p(!1), l(!1);
       }, 300));
-    }, T = () => {
+    }, N = () => {
       h && (g.current = window.setTimeout(() => {
         p(!1), l(!1);
       }, 300));
-    }, $ = () => {
-      p(!0), c("loading"), l(!0);
+    }, H = () => {
+      p(!0), d("loading"), l(!0);
     };
-    return A.addEventListener(C.SEEKING, N), A.addEventListener(C.SEEKED, I), A.addEventListener(C.WAITING, H), A.addEventListener(C.PLAYING, w), A.addEventListener(C.CAN_PLAY, T), A.addEventListener(C.LOAD_START, $), () => {
-      A.removeEventListener(C.SEEKING, N), A.removeEventListener(C.SEEKED, I), A.removeEventListener(C.WAITING, H), A.removeEventListener(C.PLAYING, w), A.removeEventListener(C.CAN_PLAY, T), A.removeEventListener(C.LOAD_START, $), g.current && clearTimeout(g.current);
+    return S.addEventListener(C.SEEKING, _), S.addEventListener(C.SEEKED, W), S.addEventListener(C.WAITING, w), S.addEventListener(C.PLAYING, M), S.addEventListener(C.CAN_PLAY, N), S.addEventListener(C.LOAD_START, H), () => {
+      S.removeEventListener(C.SEEKING, _), S.removeEventListener(C.SEEKED, W), S.removeEventListener(C.WAITING, w), S.removeEventListener(C.PLAYING, M), S.removeEventListener(C.CAN_PLAY, N), S.removeEventListener(C.LOAD_START, H), g.current && clearTimeout(g.current);
     };
-  }, [n, h]), k(() => {
+  }, [n, h]), x(() => {
     if (!h) {
-      c(t ? "pause" : "play"), l(!0);
-      const V = setTimeout(() => {
+      d(t ? "pause" : "play"), l(!0);
+      const D = setTimeout(() => {
         l(!1);
       }, 600);
-      return () => clearTimeout(V);
+      return () => clearTimeout(D);
     }
   }, [t, h]);
-  const x = F(async () => {
+  const y = B(async () => {
     await r();
-  }, [r]), y = F(() => {
+  }, [r]), G = B(() => {
     i();
-  }, [i]), G = (V) => {
-    const A = V === "play" ? S : D;
-    return A ? /^https?:\/\//.test(A) || /\.(jpg|jpeg|png|svg|gif|webp)$/i.test(A) ? /* @__PURE__ */ s(
+  }, [i]), X = (D) => {
+    const S = D === "play" ? I : A;
+    return S ? /^https?:\/\//.test(S) || /\.(jpg|jpeg|png|svg|gif|webp)$/i.test(S) ? /* @__PURE__ */ s(
       "img",
       {
-        src: A,
-        alt: V === "play" ? "Play" : "Pause",
+        src: S,
+        alt: D === "play" ? "Play" : "Pause",
         className: ne.customIcon,
-        style: { "--icon-size": `${E}px` }
+        style: { "--icon-size": `${T}px` }
       }
     ) : /* @__PURE__ */ s(
       "div",
       {
-        dangerouslySetInnerHTML: { __html: A },
+        dangerouslySetInnerHTML: { __html: S },
         className: ne.customIcon,
-        style: { "--icon-size": `${E}px` }
+        style: { "--icon-size": `${T}px` }
       }
-    ) : V === "play" ? /* @__PURE__ */ s(
+    ) : D === "play" ? /* @__PURE__ */ s(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         className: ne.icon,
-        style: { "--icon-size": `${E}px` },
+        style: { "--icon-size": `${T}px` },
         viewBox: "0 0 24 24",
         children: /* @__PURE__ */ s(
           "path",
@@ -2345,7 +2345,7 @@ function ir({ config: a, isAdLoading: e }) {
       {
         xmlns: "http://www.w3.org/2000/svg",
         className: ne.icon,
-        style: { "--icon-size": `${E}px` },
+        style: { "--icon-size": `${T}px` },
         viewBox: "0 0 24 24",
         children: /* @__PURE__ */ s(
           "path",
@@ -2364,27 +2364,27 @@ function ir({ config: a, isAdLoading: e }) {
       {
         className: `${ne.iconContainer} ${ne.loading}`,
         style: {
-          "--icon-container-size": `${L}px`,
-          "--icon-size": `${E}px`
+          "--icon-container-size": `${E}px`,
+          "--icon-size": `${T}px`
         },
-        children: /* @__PURE__ */ s(Xe, { size: E })
+        children: /* @__PURE__ */ s(Xe, { size: T })
       }
     ) }),
     /* @__PURE__ */ s(
       "div",
       {
         className: `virtus-video-overlay ${ne.overlay}`,
-        onClick: x,
-        onDoubleClick: y,
-        children: m && o && !e && /* @__PURE__ */ s(
+        onClick: y,
+        onDoubleClick: G,
+        children: m && o && !e && (c === "loading" || k) && /* @__PURE__ */ s(
           "div",
           {
             className: `${ne.iconContainer} ${h ? ne.loading : ""}`,
             style: {
-              "--icon-container-size": `${L}px`,
-              "--icon-size": `${E}px`
+              "--icon-container-size": `${E}px`,
+              "--icon-size": `${T}px`
             },
-            children: d === "loading" ? /* @__PURE__ */ s(Xe, { size: E }) : G(d)
+            children: c === "loading" ? /* @__PURE__ */ s(Xe, { size: T }) : X(c)
           }
         )
       }
@@ -2499,8 +2499,8 @@ function kr(a) {
 }
 const Sr = 12e3;
 function Ar({ onRetry: a, drmConfig: e }) {
-  const t = Ce(), [r, i] = b(null), [n, o] = b(null), l = W(null), d = W(null);
-  d.current = r, k(() => {
+  const t = Ce(), [r, i] = b(null), [n, o] = b(null), l = O(null), c = O(null);
+  c.current = r, x(() => {
     it().then((g) => {
       o(g);
       const m = Ge(e, g);
@@ -2512,50 +2512,50 @@ function Ar({ onRetry: a, drmConfig: e }) {
         // must NOT be dismissed by play/loadedmetadata
       });
     }).catch(() => o(null));
-  }, []), k(() => {
+  }, []), x(() => {
     if (!n || !e?.enabled) return;
     const g = Ge(e, n);
-    g && !d.current && i({ type: g, code: "DRM_NOT_SUPPORTED", rawMessage: "Browser does not support the required DRM key system.", persistent: !0 });
-  }, [e, n]), k(() => {
+    g && !c.current && i({ type: g, code: "DRM_NOT_SUPPORTED", rawMessage: "Browser does not support the required DRM key system.", persistent: !0 });
+  }, [e, n]), x(() => {
     if (!t || !e?.enabled) return;
     const g = t.getVideoElement();
     if (!g) return;
     const m = () => {
       g.currentTime > 0.5 || (l.current = setTimeout(() => {
-        if (d.current) return;
-        const D = n, E = D ? D.fairplay && !D.widevine && !D.playready ? "drm_fairplay_needed" : !D.widevine && !D.fairplay && !D.playready ? "drm_browser_unsupported" : "drm_generic" : "drm_generic";
+        if (c.current) return;
+        const I = n, A = I ? I.fairplay && !I.widevine && !I.playready ? "drm_fairplay_needed" : !I.widevine && !I.fairplay && !I.playready ? "drm_browser_unsupported" : "drm_generic" : "drm_generic";
         i({
-          type: E,
+          type: A,
           code: "DRM_TIMEOUT",
           rawMessage: "Playback stalled — possible DRM or network issue.",
           persistent: !0
           // don't let a late loadedmetadata dismiss this
         });
       }, Sr));
-    }, S = () => {
+    }, k = () => {
       l.current && (clearTimeout(l.current), l.current = null);
     };
-    return g.addEventListener("waiting", m), g.addEventListener("playing", S), g.addEventListener("timeupdate", S), () => {
-      g.removeEventListener("waiting", m), g.removeEventListener("playing", S), g.removeEventListener("timeupdate", S), S();
+    return g.addEventListener("waiting", m), g.addEventListener("playing", k), g.addEventListener("timeupdate", k), () => {
+      g.removeEventListener("waiting", m), g.removeEventListener("playing", k), g.removeEventListener("timeupdate", k), k();
     };
-  }, [t, e, n]), k(() => {
+  }, [t, e, n]), x(() => {
     if (!t) return;
     const g = (m) => {
       console.error("[ErrorOverlay] Player error:", m);
-      const S = xr(m, n);
-      i({ type: S, code: m.code, rawMessage: m.message ?? "Unknown error" });
+      const k = xr(m, n);
+      i({ type: k, code: m.code, rawMessage: m.message ?? "Unknown error" });
     };
     return t.events.on("error", g), () => {
       t.events.off("error", g);
     };
-  }, [t, n]), k(() => {
+  }, [t, n]), x(() => {
     if (!t) return;
     const g = () => i((m) => m?.persistent ? m : null);
     return t.events.on("play", g), t.events.on("loadedmetadata", g), () => {
       t.events.off("play", g), t.events.off("loadedmetadata", g);
     };
   }, [t]);
-  const c = F(() => {
+  const d = B(() => {
     if (i(null), a) {
       a();
       return;
@@ -2579,7 +2579,7 @@ function Ar({ onRetry: a, drmConfig: e }) {
     h.hint && /* @__PURE__ */ s("p", { className: te.errorHint, children: h.hint }),
     h.browsers && /* @__PURE__ */ s("ul", { className: te.browserList, children: h.browsers.map((g) => /* @__PURE__ */ s("li", { className: te.browserItem, children: g }, g)) }),
     r.code && h.variant !== "drm" && /* @__PURE__ */ s("p", { className: te.errorCode, children: r.code }),
-    h.showRetry && /* @__PURE__ */ s("button", { onClick: c, className: te.retryButton, children: "↻ Try Again" })
+    h.showRetry && /* @__PURE__ */ s("button", { onClick: d, className: te.retryButton, children: "↻ Try Again" })
   ] }) });
 }
 const se = {
@@ -2633,10 +2633,10 @@ const se = {
   { key: "Esc", description: "Close overlays", icon: se.close }
 ];
 function Tr({ isOpen: a, onClose: e }) {
-  const t = F((r) => {
+  const t = B((r) => {
     r.key === "Escape" && e();
   }, [e]);
-  return k(() => {
+  return x(() => {
     if (a)
       return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
   }, [a, t]), a ? /* @__PURE__ */ u(
@@ -2796,18 +2796,18 @@ function Mr({
   nextTitle: i,
   thumbnail: n
 }) {
-  const [o, l] = b(r), d = W(null), c = F(() => {
-    d.current && (clearInterval(d.current), d.current = null);
+  const [o, l] = b(r), c = O(null), d = B(() => {
+    c.current && (clearInterval(c.current), c.current = null);
   }, []);
-  if (k(() => {
+  if (x(() => {
     if (!a) {
-      c(), l(r);
+      d(), l(r);
       return;
     }
-    return l(r), d.current = setInterval(() => {
-      l((m) => m <= 1 ? (c(), e(), 0) : m - 1);
-    }, 1e3), c;
-  }, [a, r, e, c]), !a) return null;
+    return l(r), c.current = setInterval(() => {
+      l((m) => m <= 1 ? (d(), e(), 0) : m - 1);
+    }, 1e3), d;
+  }, [a, r, e, d]), !a) return null;
   const h = 16, p = 2 * Math.PI * h, g = (r - o) / r * p;
   return /* @__PURE__ */ u(
     "div",
@@ -3034,28 +3034,28 @@ function Pr({ type: a, value: e }) {
   );
 }
 function Lr({ player: a, skipSec: e = 10 }) {
-  const [t, r] = b(null), i = W(null), n = F((p) => {
+  const [t, r] = b(null), i = O(null), n = B((p) => {
     r(p), i.current && clearTimeout(i.current), i.current = setTimeout(() => r(null), 900);
-  }, []), o = W(null), l = 300, d = F((p) => {
+  }, []), o = O(null), l = 300, c = B((p) => {
     if (!a) return;
-    const g = p.touches[0], m = Date.now(), S = o.current;
-    if (S && m - S.time < l) {
-      const E = p.currentTarget.getBoundingClientRect();
-      if (g.clientX - E.left > E.width / 2) {
-        const x = a.getVideoElement();
-        x && a.seekTo(Math.min(x.duration || 0, x.currentTime + e)), n({ type: "seek-forward", value: `+${e}s` });
+    const g = p.touches[0], m = Date.now(), k = o.current;
+    if (k && m - k.time < l) {
+      const A = p.currentTarget.getBoundingClientRect();
+      if (g.clientX - A.left > A.width / 2) {
+        const E = a.getVideoElement();
+        E && a.seekTo(Math.min(E.duration || 0, E.currentTime + e)), n({ type: "seek-forward", value: `+${e}s` });
       } else {
-        const x = a.getVideoElement();
-        x && a.seekTo(Math.max(0, x.currentTime - e)), n({ type: "seek-backward", value: `-${e}s` });
+        const E = a.getVideoElement();
+        E && a.seekTo(Math.max(0, E.currentTime - e)), n({ type: "seek-backward", value: `-${e}s` });
       }
       o.current = null;
       return;
     }
     o.current = { time: m, x: g.clientX };
-  }, [a, e, n]), c = F((p) => {
-  }, []), h = F(() => {
+  }, [a, e, n]), d = B((p) => {
+  }, []), h = B(() => {
   }, []);
-  return { onTouchStart: d, onTouchMove: c, onTouchEnd: h, gestureHint: t };
+  return { onTouchStart: c, onTouchMove: d, onTouchEnd: h, gestureHint: t };
 }
 function Rr(a, e) {
   let t;
@@ -3067,12 +3067,12 @@ function Dr({
   timeout: a = 3e3,
   initialVisible: e = !0
 } = {}) {
-  const [t, r] = b(e), i = W(null), n = F(() => {
+  const [t, r] = b(e), i = O(null), n = B(() => {
     i.current && clearTimeout(i.current), r(!0), i.current = window.setTimeout(() => {
       r(!1);
     }, a);
   }, [a]);
-  return k(() => {
+  return x(() => {
     const o = Rr(() => {
       n();
     }, 100), l = () => {
@@ -3089,7 +3089,7 @@ function Ir({
   enabled: t = !0,
   onShowShortcuts: r
 }) {
-  k(() => {
+  x(() => {
     if (!a || !t) return;
     const i = (n) => {
       const o = n.target;
@@ -3103,16 +3103,16 @@ function Ir({
             break;
           case "ArrowLeft":
             n.preventDefault();
-            const d = Math.max(0, l.currentTime - e);
-            a.seekTo(d);
+            const c = Math.max(0, l.currentTime - e);
+            a.seekTo(c);
             break;
           case "ArrowRight":
             n.preventDefault();
-            const c = Math.min(
+            const d = Math.min(
               l.duration,
               l.currentTime + e
             );
-            a.seekTo(c);
+            a.seekTo(d);
             break;
           case "ArrowUp":
             n.preventDefault();
@@ -3155,10 +3155,10 @@ class _r {
     try {
       const n = await this.fetchVAST(e), o = this.parseXML(n), l = o.querySelector("Wrapper");
       if (l) {
-        const d = l.querySelector("VASTAdTagURI")?.textContent?.trim();
-        if (!d)
+        const c = l.querySelector("VASTAdTagURI")?.textContent?.trim();
+        if (!c)
           throw new Error("Wrapper missing VASTAdTagURI");
-        return this.parse(d, t + 1, r);
+        return this.parse(c, t + 1, r);
       }
       return this.parseInline(o);
     } catch (n) {
@@ -3218,14 +3218,14 @@ class _r {
       try {
         const l = o.querySelector("Wrapper");
         if (l) {
-          const d = l.querySelector("VASTAdTagURI")?.textContent?.trim();
-          if (d) {
-            const c = await this.parse(d, 1);
-            n.push(c);
+          const c = l.querySelector("VASTAdTagURI")?.textContent?.trim();
+          if (c) {
+            const d = await this.parse(c, 1);
+            n.push(d);
           }
         } else {
-          const d = this.parseAdElement(o, r);
-          d && n.push(d);
+          const c = this.parseAdElement(o, r);
+          c && n.push(c);
         }
       } catch (l) {
         console.warn("[VASTParser] Failed to parse Ad in pod, skipping:", l);
@@ -3251,21 +3251,21 @@ class _r {
   parseAdElement(e, t) {
     const r = e.getAttribute("sequence"), i = r !== null ? parseInt(r, 10) : void 0, n = e.querySelector("InLine") ?? e.querySelector("Inline") ?? e.querySelector("inline") ?? t.querySelector("InLine") ?? t.querySelector("Inline");
     if (!n) {
-      const L = Array.from(e.children).map((x) => x.tagName);
-      throw L.length === 0 ? new Error("VAST Ad element is empty (no ads available)") : new Error(`VAST InLine not found. Found: ${L.join(", ")}`);
+      const T = Array.from(e.children).map((E) => E.tagName);
+      throw T.length === 0 ? new Error("VAST Ad element is empty (no ads available)") : new Error(`VAST InLine not found. Found: ${T.join(", ")}`);
     }
-    const o = e.getAttribute("id") || `ad-${Date.now()}`, l = n.querySelector("AdTitle")?.textContent?.trim(), d = n.querySelector("Duration")?.textContent?.trim(), c = this.parseDuration(d || "00:00:00"), { mediaFile: h, isVpaid: p, vpaidUrl: g } = this.getMediaFileInfo(n);
+    const o = e.getAttribute("id") || `ad-${Date.now()}`, l = n.querySelector("AdTitle")?.textContent?.trim(), c = n.querySelector("Duration")?.textContent?.trim(), d = this.parseDuration(c || "00:00:00"), { mediaFile: h, isVpaid: p, vpaidUrl: g } = this.getMediaFileInfo(n);
     if (!h) throw new Error("VAST MediaFile not found");
-    const m = n.querySelector("ClickThrough")?.textContent?.trim(), S = this.parseTrackingEvents(n, t), D = this.getErrorUrls(t), E = this.parseCompanions(n);
+    const m = n.querySelector("ClickThrough")?.textContent?.trim(), k = this.parseTrackingEvents(n, t), I = this.getErrorUrls(t), A = this.parseCompanions(n);
     return {
       id: o,
       title: l,
-      duration: c,
+      duration: d,
       mediaFile: h,
       clickThrough: m,
-      trackingEvents: S,
-      errorUrls: D,
-      companions: E.length > 0 ? E : void 0,
+      trackingEvents: k,
+      errorUrls: I,
+      companions: A.length > 0 ? A : void 0,
       isVpaid: p,
       vpaidUrl: g,
       podSequence: i
@@ -3275,10 +3275,10 @@ class _r {
   parseCompanions(e) {
     const t = [];
     return e.querySelectorAll("CompanionAds > Companion").forEach((i) => {
-      const n = parseInt(i.getAttribute("width") || "0", 10), o = parseInt(i.getAttribute("height") || "0", 10), l = i.getAttribute("id") ?? void 0, d = i.querySelector("StaticResource"), c = i.querySelector("HTMLResource"), h = i.querySelector("IFrameResource"), p = d?.textContent?.trim() ?? void 0, g = c?.textContent?.trim() ?? void 0, m = h?.textContent?.trim() ?? void 0, S = d?.getAttribute("creativeType") ?? void 0, D = i.querySelector("CompanionClickThrough")?.textContent?.trim() ?? void 0, E = i.querySelector("AltText")?.textContent?.trim() ?? void 0, L = [];
-      i.querySelectorAll('TrackingEvents > Tracking[event="creativeView"]').forEach((x) => {
-        const y = x.textContent?.trim();
-        y && L.push(y);
+      const n = parseInt(i.getAttribute("width") || "0", 10), o = parseInt(i.getAttribute("height") || "0", 10), l = i.getAttribute("id") ?? void 0, c = i.querySelector("StaticResource"), d = i.querySelector("HTMLResource"), h = i.querySelector("IFrameResource"), p = c?.textContent?.trim() ?? void 0, g = d?.textContent?.trim() ?? void 0, m = h?.textContent?.trim() ?? void 0, k = c?.getAttribute("creativeType") ?? void 0, I = i.querySelector("CompanionClickThrough")?.textContent?.trim() ?? void 0, A = i.querySelector("AltText")?.textContent?.trim() ?? void 0, T = [];
+      i.querySelectorAll('TrackingEvents > Tracking[event="creativeView"]').forEach((E) => {
+        const y = E.textContent?.trim();
+        y && T.push(y);
       }), (p || g || m) && t.push({
         id: l,
         width: n,
@@ -3286,10 +3286,10 @@ class _r {
         staticResource: p,
         htmlResource: g,
         iFrameResource: m,
-        type: S,
-        clickThrough: D,
-        altText: E,
-        viewTrackingUrls: L.length > 0 ? L : void 0
+        type: k,
+        clickThrough: I,
+        altText: A,
+        viewTrackingUrls: T.length > 0 ? T : void 0
       });
     }), t;
   }
@@ -3331,8 +3331,8 @@ class _r {
     i.length > 0 && (r.impression = Array.from(i).map((o) => o.textContent?.trim()).filter(Boolean));
     const n = ["start", "firstQuartile", "midpoint", "thirdQuartile", "complete", "skip", "pause", "resume"];
     return e.querySelectorAll("Tracking").forEach((o) => {
-      const l = o.getAttribute("event"), d = o.textContent?.trim();
-      !l || !d || !n.includes(l) || (r[l] || (r[l] = []), r[l].push(d));
+      const l = o.getAttribute("event"), c = o.textContent?.trim();
+      !l || !c || !n.includes(l) || (r[l] || (r[l] = []), r[l].push(c));
     }), r;
   }
   /**
@@ -3358,12 +3358,12 @@ class Vr {
     const t = await this.fetchVMAP(e), r = this.parseXML(t), i = "http://www.iab.net/videosuite/vmap";
     let n = r.querySelector("vmap\\:VMAP, VMAP");
     if (!n) {
-      const d = r.getElementsByTagNameNS(i, "VMAP");
-      if (d.length > 0)
-        n = d[0];
+      const c = r.getElementsByTagNameNS(i, "VMAP");
+      if (c.length > 0)
+        n = c[0];
       else {
-        const c = r.getElementsByTagName("VMAP");
-        c.length > 0 && (n = c[0]);
+        const d = r.getElementsByTagName("VMAP");
+        d.length > 0 && (n = d[0]);
       }
     }
     if (!n)
@@ -3442,9 +3442,9 @@ class Vr {
     const r = this.parseTimeOffset(t), i = "http://www.iab.net/videosuite/vmap";
     let n = e.querySelector("vmap\\:AdSource, AdSource");
     if (!n) {
-      const c = e.getElementsByTagNameNS(i, "AdSource");
-      if (c.length > 0)
-        n = c[0];
+      const d = e.getElementsByTagNameNS(i, "AdSource");
+      if (d.length > 0)
+        n = d[0];
       else {
         const h = e.getElementsByTagName("AdSource");
         h.length > 0 && (n = h[0]);
@@ -3454,22 +3454,22 @@ class Vr {
       return console.warn("[VMAPParser] AdBreak missing AdSource, skipping"), null;
     let o = n.querySelector("vmap\\:AdTagURI, AdTagURI");
     if (!o) {
-      const c = n.getElementsByTagNameNS(i, "AdTagURI");
-      if (c.length > 0)
-        o = c[0];
+      const d = n.getElementsByTagNameNS(i, "AdTagURI");
+      if (d.length > 0)
+        o = d[0];
       else {
         const h = n.getElementsByTagName("AdTagURI");
         h.length > 0 && (o = h[0]);
       }
     }
     if (!o)
-      return console.warn("[VMAPParser] AdSource missing AdTagURI, skipping"), console.warn("[VMAPParser] AdSource children:", Array.from(n.children).map((c) => c.tagName)), null;
+      return console.warn("[VMAPParser] AdSource missing AdTagURI, skipping"), console.warn("[VMAPParser] AdSource children:", Array.from(n.children).map((d) => d.tagName)), null;
     let l = o.textContent?.trim() || o.innerHTML?.trim();
     if (!l)
       return console.warn("[VMAPParser] AdTagURI is empty, skipping"), null;
     l = l.replace(/<!\\[CDATA\\[(.*?)\\]\\]>/g, "$1").trim();
-    const d = document.createElement("textarea");
-    return d.innerHTML = l, l = d.value, console.log("[VMAPParser] AdBreak parsed:", {
+    const c = document.createElement("textarea");
+    return c.innerHTML = l, l = c.value, console.log("[VMAPParser] AdBreak parsed:", {
       timeOffset: r,
       timeOffsetStr: t,
       vastUrl: l.substring(0, 100) + (l.length > 100 ? "..." : "")
@@ -3694,20 +3694,20 @@ class $r {
           window.getVPAIDAd = function() { return typeof window.VPAIDCreative !== 'undefined' ? new window.VPAIDCreative() : null; };
         <\/script>
       </body></html>`), l.close(), this.vpaidIframe.onload = () => {
-        const c = this.vpaidIframe?.contentWindow?.getVPAIDAd?.() ?? null;
-        if (!c) {
+        const d = this.vpaidIframe?.contentWindow?.getVPAIDAd?.() ?? null;
+        if (!d) {
           console.warn("[AdPlayer] VPAID creative not found in iframe, skipping"), this.hideLoadingCallback && this.hideLoadingCallback(), t();
           return;
         }
-        this.vpaidCreative = c, c.handshakeVersion("2.0"), c.subscribe(t, "AdStopped"), c.subscribe(t, "AdVideoComplete"), c.subscribe(t, "AdSkipped"), c.subscribe(() => {
+        this.vpaidCreative = d, d.handshakeVersion("2.0"), d.subscribe(t, "AdStopped"), d.subscribe(t, "AdVideoComplete"), d.subscribe(t, "AdSkipped"), d.subscribe(() => {
           this.hideLoadingCallback && this.hideLoadingCallback(), this.tracker.trackStart(e);
-        }, "AdStarted"), c.subscribe(() => {
+        }, "AdStarted"), d.subscribe(() => {
           r(new Error("VPAID AdError"));
-        }, "AdError"), c.initAd(n, o, "normal", -1, { AdParameters: "" }, {
+        }, "AdError"), d.initAd(n, o, "normal", -1, { AdParameters: "" }, {
           slot: i,
           videoSlot: this.adVideo,
           videoSlotCanAutoPlay: !0
-        }), c.startAd();
+        }), d.startAd();
       };
     });
   }
@@ -3796,12 +3796,12 @@ class $r {
       const i = this.adVideo;
       let n = !1;
       const o = () => {
-        i.play().catch((S) => {
-          n || (m(), r(S));
+        i.play().catch((k) => {
+          n || (m(), r(k));
         });
-      }, l = () => this.tracker.trackStart(e), d = () => {
+      }, l = () => this.tracker.trackStart(e), c = () => {
         console.log("[AdPlayer] Ad video playing, hiding loading..."), this.hideLoadingCallback && this.hideLoadingCallback();
-      }, c = () => this.updateUI(e), h = () => {
+      }, d = () => this.updateUI(e), h = () => {
         n || (m(), t());
       };
       let p = !1;
@@ -3811,22 +3811,22 @@ class $r {
           t();
           return;
         }
-        const S = i.error?.code;
-        if (S === 4) {
+        const k = i.error?.code;
+        if (k === 4) {
           m(), t();
           return;
         }
-        m(), r(new Error(`Ad video playback error: ${i.error?.message ?? "Unknown"} (code: ${S})`));
+        m(), r(new Error(`Ad video playback error: ${i.error?.message ?? "Unknown"} (code: ${k})`));
       }, m = () => {
         if (!n) {
           n = !0;
           try {
-            i.removeEventListener("canplay", o), i.removeEventListener("play", l), i.removeEventListener("playing", d), i.removeEventListener("timeupdate", c), i.removeEventListener("ended", h), i.removeEventListener("error", g), i.pause(), i.parentNode && i.parentNode.removeChild(i);
+            i.removeEventListener("canplay", o), i.removeEventListener("play", l), i.removeEventListener("playing", c), i.removeEventListener("timeupdate", d), i.removeEventListener("ended", h), i.removeEventListener("error", g), i.pause(), i.parentNode && i.parentNode.removeChild(i);
           } catch {
           }
         }
       };
-      i.addEventListener("canplay", o), i.addEventListener("play", l), i.addEventListener("playing", d), i.addEventListener("timeupdate", c), i.addEventListener("ended", h), i.addEventListener("error", g), i.src = e.mediaFile, i.load(), setTimeout(() => {
+      i.addEventListener("canplay", o), i.addEventListener("play", l), i.addEventListener("playing", c), i.addEventListener("timeupdate", d), i.addEventListener("ended", h), i.addEventListener("error", g), i.src = e.mediaFile, i.load(), setTimeout(() => {
         this.state.isPlaying && this.state.currentTime === 0 && !n && (m(), r(new Error("Ad video timeout")));
       }, this.config.timeout || 1e4);
     });
@@ -4212,11 +4212,11 @@ function ut() {
   return re(dt);
 }
 function Ur({ videoElement: a }) {
-  const { style: e } = ut(), [t, r] = b([]), i = W(""), n = W(0);
-  return k(() => {
+  const { style: e } = ut(), [t, r] = b([]), i = O(""), n = O(0);
+  return x(() => {
     if (!a) return;
     const o = () => {
-      const l = a.textTracks, d = [];
+      const l = a.textTracks, c = [];
       for (let h = 0; h < l.length; h++) {
         const p = l[h];
         if (p.kind !== "subtitles" && p.kind !== "captions" || p.mode === "disabled") continue;
@@ -4224,12 +4224,12 @@ function Ur({ videoElement: a }) {
         const g = p.activeCues;
         if (g)
           for (let m = 0; m < g.length; m++) {
-            const S = g[m];
-            S.text && d.push(S.text);
+            const k = g[m];
+            k.text && c.push(k.text);
           }
       }
-      const c = d.join("\0");
-      c !== i.current && (i.current = c, r(d)), n.current = requestAnimationFrame(o);
+      const d = c.join("\0");
+      d !== i.current && (i.current = d, r(c)), n.current = requestAnimationFrame(o);
     };
     return n.current = requestAnimationFrame(o), () => {
       cancelAnimationFrame(n.current);
@@ -4284,27 +4284,27 @@ function Ei({
   className: n,
   children: o,
   config: l,
-  onAdLoading: d,
-  onNextEpisode: c,
+  onAdLoading: c,
+  onNextEpisode: d,
   nextEpisodeTitle: h,
   nextEpisodeThumbnail: p,
   endCardCountdown: g = 5,
   crossOrigin: m
 }) {
-  const S = W(null), D = W(null), [E, L] = b(null), x = W(null), [y, G] = b(!1), [V, A] = b(!1), N = F(() => A(!0), []), I = F(() => A(!1), []), [H, w] = b(!1), { onTouchStart: T, onTouchMove: $, onTouchEnd: j, gestureHint: Q } = Lr({
-    player: E,
+  const k = O(null), I = O(null), [A, T] = b(null), E = O(null), [y, G] = b(!1), [X, D] = b(!1), S = B(() => D(!0), []), _ = B(() => D(!1), []), [W, w] = b(!1), { onTouchStart: M, onTouchMove: N, onTouchEnd: H, gestureHint: Q } = Lr({
+    player: A,
     skipSec: 10
-  }), { isActive: P } = Dr({
+  }), { isActive: L } = Dr({
     timeout: 3e3,
     initialVisible: !0
   });
   Ir({
-    player: E,
+    player: A,
     seekStep: 10,
     enabled: !0,
-    onShowShortcuts: N
+    onShowShortcuts: S
   });
-  const B = Ue(() => !l?.ads?.enabled || !l.ads.vastUrl && !l.ads.vmapUrl ? null : {
+  const $ = Ue(() => !l?.ads?.enabled || !l.ads.vastUrl && !l.ads.vmapUrl ? null : {
     enabled: !0,
     vastUrl: l.ads.vastUrl,
     vmapUrl: l.ads.vmapUrl,
@@ -4319,56 +4319,56 @@ function Ei({
     l?.ads?.timeout,
     l?.ads?.maxWrapperDepth
   ]);
-  k(() => {
-    if (!D.current || !S.current) return;
+  x(() => {
+    if (!I.current || !k.current) return;
     console.log("[Player] Initializing PlayerCore");
-    const U = new fe(D.current);
-    return fe.preloadEngines(), U.container = S.current, L(U), () => {
-      console.log("[Player] Cleanup called - destroying PlayerCore"), x.current && (console.log("[Player] Destroying AdManager"), x.current.destroy(), x.current = null), U.destroy(), L(null);
+    const F = new fe(I.current);
+    return fe.preloadEngines(), F.container = k.current, T(F), () => {
+      console.log("[Player] Cleanup called - destroying PlayerCore"), E.current && (console.log("[Player] Destroying AdManager"), E.current.destroy(), E.current = null), F.destroy(), T(null);
     };
-  }, []), k(() => {
-    if (!E || !B) return;
+  }, []), x(() => {
+    if (!A || !$) return;
     console.log("[Player] Setting up ads");
-    const U = (J) => {
-      G(J), d?.(J);
-    }, Z = new Br(E, B, U);
-    return x.current = Z, Z.setup().catch((J) => {
+    const F = (J) => {
+      G(J), c?.(J);
+    }, Z = new Br(A, $, F);
+    return E.current = Z, Z.setup().catch((J) => {
       console.error("[Player] Failed to setup ads:", J);
     }), () => {
-      x.current && (console.log("[Player] Cleaning up ads"), x.current.destroy(), x.current = null);
+      E.current && (console.log("[Player] Cleaning up ads"), E.current.destroy(), E.current = null);
     };
-  }, [E, B]), k(() => {
-    !E || !l || E.setConfig(l);
-  }, [E, l]);
-  const M = Ue(() => l?.drm ?? null, [l?.drm]);
-  return k(() => {
-    !E || !M?.enabled || E.setupDrm(M);
-  }, [E, M]), k(() => {
-    E && a && (console.log("[Player] Setting source:", a), E.setSource(a).catch((U) => {
-      console.error("[Player] setSource failed:", U);
+  }, [A, $]), x(() => {
+    !A || !l || A.setConfig(l);
+  }, [A, l]);
+  const P = Ue(() => l?.drm ?? null, [l?.drm]);
+  return x(() => {
+    !A || !P?.enabled || A.setupDrm(P);
+  }, [A, P]), x(() => {
+    A && a && (console.log("[Player] Setting source:", a), A.setSource(a).catch((F) => {
+      console.error("[Player] setSource failed:", F);
     }));
-  }, [E, a]), k(() => {
-    if (!E || !c) return;
-    const U = E.getVideoElement();
-    if (!U) return;
+  }, [A, a]), x(() => {
+    if (!A || !d) return;
+    const F = A.getVideoElement();
+    if (!F) return;
     const Z = () => w(!0);
-    return U.addEventListener("ended", Z), () => U.removeEventListener("ended", Z);
-  }, [E, c]), /* @__PURE__ */ u(Fr, { children: [
+    return F.addEventListener("ended", Z), () => F.removeEventListener("ended", Z);
+  }, [A, d]), /* @__PURE__ */ u(Fr, { children: [
     /* @__PURE__ */ u(
       "div",
       {
-        ref: S,
+        ref: k,
         role: "region",
         "aria-label": "Video Player",
         className: `playron-wrapper ${n || ""}`,
-        onTouchStart: T,
-        onTouchMove: $,
-        onTouchEnd: j,
+        onTouchStart: M,
+        onTouchMove: N,
+        onTouchEnd: H,
         style: {
           position: "relative",
           backgroundColor: "#000",
           overflow: "hidden",
-          cursor: P ? "default" : "none"
+          cursor: L ? "default" : "none"
         },
         children: [
           /* @__PURE__ */ s(
@@ -4392,7 +4392,7 @@ function Ei({
           /* @__PURE__ */ s(
             "video",
             {
-              ref: D,
+              ref: I,
               className: `virtus-video-element ${n || ""}`,
               style: {
                 width: "100%",
@@ -4411,18 +4411,18 @@ function Ei({
               tabIndex: e ? 0 : -1
             }
           ),
-          E ? /* @__PURE__ */ s(Gt, { playerInstance: E, children: /* @__PURE__ */ u(He.Provider, { value: P, children: [
-            /* @__PURE__ */ s(Ur, { videoElement: D.current }),
+          A ? /* @__PURE__ */ s(Gt, { playerInstance: A, children: /* @__PURE__ */ u(He.Provider, { value: L, children: [
+            /* @__PURE__ */ s(Ur, { videoElement: I.current }),
             /* @__PURE__ */ s(nr, { config: l, isAdLoading: y }),
             /* @__PURE__ */ s(Pr, { type: Q?.type ?? null, value: Q?.value ?? "" }),
             /* @__PURE__ */ s(Ar, { drmConfig: l?.drm }),
-            /* @__PURE__ */ s(Tr, { isOpen: V, onClose: I }),
-            c && /* @__PURE__ */ s(
+            /* @__PURE__ */ s(Tr, { isOpen: X, onClose: _ }),
+            d && /* @__PURE__ */ s(
               Mr,
               {
-                isVisible: H,
+                isVisible: W,
                 onNextEpisode: () => {
-                  w(!1), c();
+                  w(!1), d();
                 },
                 onDismiss: () => w(!1),
                 countdownSec: g,
@@ -4483,9 +4483,9 @@ function zr({
   style: o,
   ...l
 }) {
-  const d = X((g) => g.isPlaying), { togglePlay: c } = q(), h = async (g) => {
+  const c = Y((g) => g.isPlaying), { togglePlay: d } = q(), h = async (g) => {
     try {
-      await c();
+      await d();
     } catch (m) {
       console.error("Play/Pause error:", m);
     }
@@ -4495,14 +4495,14 @@ function zr({
     "button",
     {
       className: `virtus-btn virtus-play-button ${Hr.playButton} ${a || ""}`,
-      "aria-label": d ? "Pause" : "Play",
+      "aria-label": c ? "Pause" : "Play",
       onClick: h,
       style: {
         ...p !== void 0 ? { "--btn-hover-bg": p } : {},
         ...o
       },
       ...l,
-      children: d ? i ?? /* @__PURE__ */ s(
+      children: c ? i ?? /* @__PURE__ */ s(
         "svg",
         {
           "aria-hidden": "true",
@@ -4546,7 +4546,7 @@ const qr = "_controlButton_14cpd_3", be = {
   controlButton: qr
 };
 function xi({ className: a, onClick: e, ...t }) {
-  const r = X((o) => o.isMuted), { toggleMute: i } = q(), n = (o) => {
+  const r = Y((o) => o.isMuted), { toggleMute: i } = q(), n = (o) => {
     i(), e?.(o);
   };
   return /* @__PURE__ */ s(
@@ -4601,8 +4601,8 @@ function jr({
   style: o,
   ...l
 }) {
-  const { toggleFullscreen: d } = q(), [c, h] = b(!1);
-  k(() => {
+  const { toggleFullscreen: c } = q(), [d, h] = b(!1);
+  x(() => {
     const m = () => {
       h(!!document.fullscreenElement);
     };
@@ -4611,20 +4611,20 @@ function jr({
     };
   }, []);
   const p = (m) => {
-    d(), e?.(m);
+    c(), e?.(m);
   }, g = typeof r == "string" ? r : r === !1 ? "transparent" : void 0;
   return /* @__PURE__ */ s(
     "button",
     {
       className: `virtus-btn virtus-fullscreen-button ${be.controlButton} ${a || ""}`,
-      "aria-label": c ? "Exit Fullscreen" : "Fullscreen",
+      "aria-label": d ? "Exit Fullscreen" : "Fullscreen",
       onClick: p,
       style: {
         ...g !== void 0 ? { "--btn-hover-bg": g } : {},
         ...o
       },
       ...l,
-      children: c ? n ?? /* @__PURE__ */ s(
+      children: d ? n ?? /* @__PURE__ */ s(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -4654,7 +4654,7 @@ function jr({
 }
 function Kr({ className: a, onClick: e, ...t }) {
   const { togglePip: r } = q(), [i, n] = b(!1);
-  k(() => {
+  x(() => {
     const l = () => {
       n(!!document.pictureInPictureElement);
     };
@@ -4665,8 +4665,8 @@ function Kr({ className: a, onClick: e, ...t }) {
   const o = async (l) => {
     try {
       await r();
-    } catch (d) {
-      console.error("PiP toggle error:", d);
+    } catch (c) {
+      console.error("PiP toggle error:", c);
     }
     e?.(l);
   };
@@ -4700,7 +4700,7 @@ function ki() {
   const { toggleTheaterMode: a, isTheaterMode: e } = q(), [t, r] = b(e()), i = () => {
     a(), r(!t);
   };
-  return k(() => {
+  return x(() => {
     const n = (o) => {
       r(o.detail.isTheaterMode);
     };
@@ -4771,7 +4771,7 @@ function ki() {
   );
 }
 function Yr(a, e, t = !0) {
-  k(() => {
+  x(() => {
     if (!t) return;
     const r = (n) => {
       a.current && !a.current.contains(n.target) && e();
@@ -4793,7 +4793,7 @@ const Te = ce({
   }
 });
 function ht({ children: a }) {
-  const [e, t] = b(!1), r = W(null), i = () => t((d) => !d), n = () => t(!1), o = () => t(!0);
+  const [e, t] = b(!1), r = O(null), i = () => t((c) => !c), n = () => t(!1), o = () => t(!0);
   Yr(r, n, e);
   const l = {
     isOpen: e,
@@ -4998,15 +4998,15 @@ function We({
   );
 }
 function Si() {
-  const a = q(), e = X(), [t, r] = b(1), [i, n] = b(!1), o = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
-  k(() => {
+  const a = q(), e = Y(), [t, r] = b(1), [i, n] = b(!1), o = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
+  x(() => {
     e?.playbackRate !== void 0 && r(e.playbackRate);
   }, [e?.playbackRate]);
-  const l = (c) => {
-    a.setPlaybackRate(c), r(c);
-  }, d = () => {
-    const c = !i;
-    n(c), a.setLoop(c);
+  const l = (d) => {
+    a.setPlaybackRate(d), r(d);
+  }, c = () => {
+    const d = !i;
+    n(d), a.setLoop(d);
   };
   return /* @__PURE__ */ u(ht, { children: [
     /* @__PURE__ */ s(pt, { children: /* @__PURE__ */ s(
@@ -5026,11 +5026,11 @@ function Si() {
           cursor: "pointer",
           transition: "all 0.2s ease"
         },
-        onMouseEnter: (c) => {
-          c.currentTarget.style.background = "rgba(255, 255, 255, 0.2)", c.currentTarget.style.transform = "scale(1.05)";
+        onMouseEnter: (d) => {
+          d.currentTarget.style.background = "rgba(255, 255, 255, 0.2)", d.currentTarget.style.transform = "scale(1.05)";
         },
-        onMouseLeave: (c) => {
-          c.currentTarget.style.background = "rgba(255, 255, 255, 0.1)", c.currentTarget.style.transform = "scale(1)";
+        onMouseLeave: (d) => {
+          d.currentTarget.style.background = "rgba(255, 255, 255, 0.1)", d.currentTarget.style.transform = "scale(1)";
         },
         children: /* @__PURE__ */ u(
           "svg",
@@ -5052,20 +5052,20 @@ function Si() {
     ) }),
     /* @__PURE__ */ u(gt, { title: "Settings", placement: "top-right", children: [
       /* @__PURE__ */ s("div", { style: { padding: "8px 16px 4px", color: "rgba(255, 255, 255, 0.6)", fontSize: "12px", fontWeight: 600 }, children: "Playback Speed" }),
-      o.map((c) => /* @__PURE__ */ u(
+      o.map((d) => /* @__PURE__ */ u(
         We,
         {
-          selected: t === c,
-          onClick: () => l(c),
+          selected: t === d,
+          onClick: () => l(d),
           children: [
-            c,
+            d,
             "x"
           ]
         },
-        c
+        d
       )),
       /* @__PURE__ */ s("div", { style: { height: "1px", background: "rgba(255, 255, 255, 0.1)", margin: "8px 0" } }),
-      /* @__PURE__ */ u(We, { selected: i, onClick: d, children: [
+      /* @__PURE__ */ u(We, { selected: i, onClick: c, children: [
         "Loop ",
         i ? "On" : "Off"
       ] })
@@ -5083,7 +5083,7 @@ const Xr = "_timeDisplay_1wupc_3", Gr = "_currentTime_1wupc_16", Qr = "_separato
   return e > 0 ? `${e}:${t.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}` : `${t}:${r.toString().padStart(2, "0")}`;
 };
 function Jr({ className: a, ...e }) {
-  const { currentTime: t, duration: r, isLive: i } = X();
+  const { currentTime: t, duration: r, isLive: i } = Y();
   return i ? /* @__PURE__ */ s("div", { className: `virtus-time-display ${pe.timeDisplay} ${a || ""}`, ...e, children: /* @__PURE__ */ s(
     "span",
     {
@@ -5098,7 +5098,7 @@ function Jr({ className: a, ...e }) {
   ] });
 }
 function ei() {
-  const { isLive: a, isAtLiveEdge: e } = X(), { seekToLiveEdge: t } = q();
+  const { isLive: a, isAtLiveEdge: e } = Y(), { seekToLiveEdge: t } = q();
   return !a || e ? null : /* @__PURE__ */ u(
     "button",
     {
@@ -5147,7 +5147,7 @@ function ei() {
   );
 }
 function ti() {
-  const { isLive: a, isAtLiveEdge: e, liveLatency: t } = X();
+  const { isLive: a, isAtLiveEdge: e, liveLatency: t } = Y();
   if (!a || e || !t || t < 1) return null;
   const r = Math.round(t);
   return /* @__PURE__ */ u(
@@ -5174,22 +5174,22 @@ const ri = "_container_6dw0q_3", ii = "_skipButton_6dw0q_11", Fe = {
   skipButton: ii
 };
 function Ai({ introOutro: a }) {
-  const { currentTime: e } = X(), { seekTo: t } = q(), [r, i] = b(!1), [n, o] = b(!1);
-  k(() => {
+  const { currentTime: e } = Y(), { seekTo: t } = q(), [r, i] = b(!1), [n, o] = b(!1);
+  x(() => {
     if (a) {
       if (a.intro) {
-        const c = e >= a.intro.start && e < a.intro.end;
-        i(c);
+        const d = e >= a.intro.start && e < a.intro.end;
+        i(d);
       }
       if (a.outro) {
-        const c = e >= a.outro.start && e < a.outro.end;
-        o(c);
+        const d = e >= a.outro.start && e < a.outro.end;
+        o(d);
       }
     }
   }, [e, a]);
-  const l = F(() => {
+  const l = B(() => {
     a?.intro && (t(a.intro.end), i(!1));
-  }, [a, t]), d = F(() => {
+  }, [a, t]), c = B(() => {
     a?.outro && (t(a.outro.end), o(!1));
   }, [a, t]);
   return !r && !n ? null : /* @__PURE__ */ u("div", { className: Fe.container, children: [
@@ -5206,7 +5206,7 @@ function Ai({ introOutro: a }) {
         }
       )
     ] }),
-    n && /* @__PURE__ */ u("button", { onClick: d, className: Fe.skipButton, children: [
+    n && /* @__PURE__ */ u("button", { onClick: c, className: Fe.skipButton, children: [
       /* @__PURE__ */ s("span", { children: "Skip Outro" }),
       /* @__PURE__ */ s(
         "svg",
@@ -5253,7 +5253,7 @@ function ni({
   showTooltip: r = !0,
   onClick: i
 }) {
-  const [n, o] = b(!1), l = Qe[a.type] || Qe.event, d = a.icon || l.icon, c = a.color || l.color, h = (p) => {
+  const [n, o] = b(!1), l = Qe[a.type] || Qe.event, c = a.icon || l.icon, d = a.color || l.color, h = (p) => {
     p.stopPropagation(), i && i(a.time);
   };
   return /* @__PURE__ */ u(
@@ -5283,7 +5283,7 @@ function ni({
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              backgroundColor: c,
+              backgroundColor: d,
               border: "2px solid rgba(255, 255, 255, 0.9)",
               boxShadow: n ? "0 4px 16px rgba(0, 0, 0, 0.4)" : "0 2px 8px rgba(0, 0, 0, 0.4)",
               transition: "transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
@@ -5299,7 +5299,7 @@ function ni({
                   display: "inline-block",
                   transform: "translateY(-1px)"
                 },
-                children: d
+                children: c
               }
             )
           }
@@ -5375,16 +5375,16 @@ class si {
     for (; n < i.length; ) {
       const o = i[n].trim();
       if (o.includes("-->")) {
-        const [l, d] = o.split("-->").map((m) => m.trim()), c = this.parseTime(l), h = this.parseTime(d);
+        const [l, c] = o.split("-->").map((m) => m.trim()), d = this.parseTime(l), h = this.parseTime(c);
         n++;
         const p = [];
         for (; n < i.length && i[n].trim() !== "" && !i[n].includes("-->"); )
           p.push(i[n].trim()), n++;
         const g = p.join(`
 `).trim();
-        if (g && c >= 0 && h > c) {
+        if (g && d >= 0 && h > d) {
           const m = this.parseCueLine(g, t);
-          m && r.push({ startTime: c, endTime: h, ...m });
+          m && r.push({ startTime: d, endTime: h, ...m });
         }
       } else
         n++;
@@ -5393,15 +5393,15 @@ class si {
   }
   parseCueLine(e, t) {
     const r = e.lastIndexOf("#xywh=");
-    let i, n = 0, o = 0, l = 0, d = 0;
+    let i, n = 0, o = 0, l = 0, c = 0;
     if (r !== -1) {
       i = e.slice(0, r);
       const h = e.slice(r + 6).split(",").map(Number);
-      h.length === 4 && h.every((p) => !isNaN(p)) && ([n, o, l, d] = h);
+      h.length === 4 && h.every((p) => !isNaN(p)) && ([n, o, l, c] = h);
     } else
       i = e;
-    const c = this.resolveUrl(i.trim(), t);
-    return c ? { url: c, x: n, y: o, w: l, h: d } : null;
+    const d = this.resolveUrl(i.trim(), t);
+    return d ? { url: d, x: n, y: o, w: l, h: c } : null;
   }
   resolveUrl(e, t) {
     if (e.startsWith("http://") || e.startsWith("https://") || e.startsWith("//"))
@@ -5427,75 +5427,75 @@ function ai({
   thumbnailsVttUrl: n,
   seekBarStyle: o
 }) {
-  const l = re(He), d = W(null), [c, h] = b(!1), [p, g] = b(null), [m, S] = b(null), [D, E] = b([]), L = W(null), { currentTime: x, duration: y, isLive: G, isPlaying: V, playbackRate: A } = X(), { seekTo: N, getDVRRange: I, getBufferedRanges: H } = q(), [w, T] = b(x), $ = W(null), j = W({ time: x, ts: performance.now() });
-  k(() => {
-    j.current = { time: x, ts: performance.now() }, T(x);
-  }, [x]);
-  const Q = F(() => {
-    if (V) {
-      const { time: v, ts: R } = j.current, _ = A ?? 1, O = (performance.now() - R) / 1e3, ee = Math.min(y || 1 / 0, v + O * _);
-      T(ee);
+  const l = re(He), c = O(null), [d, h] = b(!1), [p, g] = b(null), [m, k] = b(null), [I, A] = b([]), T = O(null), { currentTime: E, duration: y, isLive: G, isPlaying: X, playbackRate: D } = Y(), { seekTo: S, getDVRRange: _, getBufferedRanges: W } = q(), [w, M] = b(E), N = O(null), H = O({ time: E, ts: performance.now() });
+  x(() => {
+    H.current = { time: E, ts: performance.now() }, M(E);
+  }, [E]);
+  const Q = B(() => {
+    if (X) {
+      const { time: v, ts: R } = H.current, V = D ?? 1, U = (performance.now() - R) / 1e3, ee = Math.min(y || 1 / 0, v + U * V);
+      M(ee);
     }
-    $.current = requestAnimationFrame(Q);
-  }, [V, A, y]);
-  k(() => ($.current = requestAnimationFrame(Q), () => {
-    $.current !== null && cancelAnimationFrame($.current);
-  }), [Q]), k(() => {
+    N.current = requestAnimationFrame(Q);
+  }, [X, D, y]);
+  x(() => (N.current = requestAnimationFrame(Q), () => {
+    N.current !== null && cancelAnimationFrame(N.current);
+  }), [Q]), x(() => {
     if (!n) return;
     const v = new si();
-    return L.current = v, v.load(n), () => {
-      v.destroy(), L.current = null;
+    return T.current = v, v.load(n), () => {
+      v.destroy(), T.current = null;
     };
-  }, [n]), k(() => {
+  }, [n]), x(() => {
     const v = setInterval(() => {
-      E(H());
+      A(W());
     }, 500);
     return () => clearInterval(v);
-  }, [H]);
-  const P = a === "live" || !!G, B = P ? I() : null, M = B !== null && B.end - B.start > 5, U = M ? B.end - B.start : 0, Z = M && U > 0 ? (w - B.start) / U * 100 : 0, J = P ? Math.min(100, Math.max(0, Z)) : y > 0 ? w / y * 100 : 0, we = o?.trackColor ?? "rgba(255, 255, 255, 0.3)", ae = o?.progressColor ?? (P ? "#ff2020" : "#6366f1"), de = o?.bufferedColor ?? "rgba(255, 255, 255, 0.25)", K = o?.handleColor ?? "#ffffff", Me = o?.height ?? 4, ue = o?.borderRadius ?? 2, me = o?.showHandle !== !1, Pe = o?.showTooltip !== !1, ye = o?.paddingX ?? 20, Le = o?.paddingY ?? 0, Re = o?.bottom ?? 64, le = (v) => {
+  }, [W]);
+  const L = a === "live" || !!G, $ = L ? _() : null, P = $ !== null && $.end - $.start > 5, F = P ? $.end - $.start : 0, Z = P && F > 0 ? (w - $.start) / F * 100 : 0, J = L ? Math.min(100, Math.max(0, Z)) : y > 0 ? w / y * 100 : 0, we = o?.trackColor ?? "rgba(255, 255, 255, 0.3)", ae = o?.progressColor ?? (L ? "#ff2020" : "#6366f1"), de = o?.bufferedColor ?? "rgba(255, 255, 255, 0.25)", j = o?.handleColor ?? "#ffffff", Me = o?.height ?? 4, ue = o?.borderRadius ?? 2, me = o?.showHandle !== !1, Pe = o?.showTooltip !== !1, ye = o?.paddingX ?? 20, Le = o?.paddingY ?? 0, Re = o?.bottom ?? 64, le = (v) => {
     if (!isFinite(v) || isNaN(v)) return "0:00";
-    const R = Math.floor(v / 3600), _ = Math.floor(v % 3600 / 60), O = Math.floor(v % 60);
-    return R > 0 ? `${R}:${_.toString().padStart(2, "0")}:${O.toString().padStart(2, "0")}` : `${_}:${O.toString().padStart(2, "0")}`;
+    const R = Math.floor(v / 3600), V = Math.floor(v % 3600 / 60), U = Math.floor(v % 60);
+    return R > 0 ? `${R}:${V.toString().padStart(2, "0")}:${U.toString().padStart(2, "0")}` : `${V}:${U.toString().padStart(2, "0")}`;
   }, ve = (v) => {
-    if (!d.current) return 0;
-    const R = d.current.getBoundingClientRect(), _ = (v.clientX - R.left) / R.width;
-    return Math.max(0, Math.min(1, _));
+    if (!c.current) return 0;
+    const R = c.current.getBoundingClientRect(), V = (v.clientX - R.left) / R.width;
+    return Math.max(0, Math.min(1, V));
   }, Ee = (v) => {
-    if (!(P && !M)) {
-      if (P && M) {
-        N(B.start + v * U);
+    if (!(L && !P)) {
+      if (L && P) {
+        S($.start + v * F);
         return;
       }
-      y !== 0 && N(v * y);
+      y !== 0 && S(v * y);
     }
   }, De = (v) => {
-    if (P && !M) return;
+    if (L && !P) return;
     v.preventDefault(), h(!0);
     const R = ve(v);
     Ee(R);
   }, Ie = (v) => {
-    if (!d.current) return;
+    if (!c.current) return;
     const R = ve(v);
-    if (g(R), L.current) {
-      const _ = M ? B.start + R * U : R * y;
-      S(L.current.getThumbnailAt(_));
+    if (g(R), T.current) {
+      const V = P ? $.start + R * F : R * y;
+      k(T.current.getThumbnailAt(V));
     }
   }, _e = () => {
-    g(null), S(null);
+    g(null), k(null);
   };
-  return k(() => {
-    if (!c) return;
-    const v = (_) => {
-      if (!d.current) return;
-      const O = ve(_);
-      g(O), Ee(O);
+  return x(() => {
+    if (!d) return;
+    const v = (V) => {
+      if (!c.current) return;
+      const U = ve(V);
+      g(U), Ee(U);
     }, R = () => {
       h(!1);
     };
     return window.addEventListener("mousemove", v), window.addEventListener("mouseup", R), () => {
       window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", R);
     };
-  }, [c, y]), /* @__PURE__ */ u(
+  }, [d, y]), /* @__PURE__ */ u(
     "div",
     {
       style: {
@@ -5511,7 +5511,7 @@ function ai({
         pointerEvents: l ? "auto" : "none"
       },
       children: [
-        P && !M && /* @__PURE__ */ u(
+        L && !P && /* @__PURE__ */ u(
           "div",
           {
             style: {
@@ -5550,7 +5550,7 @@ function ai({
             ]
           }
         ),
-        P && M && /* @__PURE__ */ u(
+        L && P && /* @__PURE__ */ u(
           "div",
           {
             style: {
@@ -5596,42 +5596,42 @@ function ai({
         /* @__PURE__ */ u(
           "div",
           {
-            ref: d,
-            role: P && !M ? void 0 : "slider",
-            tabIndex: P && !M ? void 0 : 0,
-            "aria-label": P ? "DVR seek" : "Seek",
-            "aria-valuemin": P && !M ? void 0 : M ? Math.floor(B.start) : 0,
-            "aria-valuemax": P && !M ? void 0 : M ? Math.floor(B.end) : Math.floor(y) || 0,
-            "aria-valuenow": P && !M ? void 0 : Math.floor(x),
-            "aria-valuetext": P && !M ? "LIVE" : M ? `${le(x)} (DVR)` : `${le(x)} of ${le(y)}`,
-            "aria-disabled": P && !M ? !0 : void 0,
+            ref: c,
+            role: L && !P ? void 0 : "slider",
+            tabIndex: L && !P ? void 0 : 0,
+            "aria-label": L ? "DVR seek" : "Seek",
+            "aria-valuemin": L && !P ? void 0 : P ? Math.floor($.start) : 0,
+            "aria-valuemax": L && !P ? void 0 : P ? Math.floor($.end) : Math.floor(y) || 0,
+            "aria-valuenow": L && !P ? void 0 : Math.floor(E),
+            "aria-valuetext": L && !P ? "LIVE" : P ? `${le(E)} (DVR)` : `${le(E)} of ${le(y)}`,
+            "aria-disabled": L && !P ? !0 : void 0,
             onMouseDown: De,
             onMouseMove: Ie,
             onMouseLeave: _e,
             onKeyDown: (v) => {
-              if (P && !M) return;
-              const R = 5, _ = 30, O = M ? B.start : 0, ee = M ? B.end : y;
+              if (L && !P) return;
+              const R = 5, V = 30, U = P ? $.start : 0, ee = P ? $.end : y;
               if (ee !== 0)
                 switch (v.key) {
                   case "ArrowLeft":
                   case "ArrowDown":
-                    v.preventDefault(), N(Math.max(O, x - R));
+                    v.preventDefault(), S(Math.max(U, E - R));
                     break;
                   case "ArrowRight":
                   case "ArrowUp":
-                    v.preventDefault(), N(Math.min(ee, x + R));
+                    v.preventDefault(), S(Math.min(ee, E + R));
                     break;
                   case "PageDown":
-                    v.preventDefault(), N(Math.max(O, x - _));
+                    v.preventDefault(), S(Math.max(U, E - V));
                     break;
                   case "PageUp":
-                    v.preventDefault(), N(Math.min(ee, x + _));
+                    v.preventDefault(), S(Math.min(ee, E + V));
                     break;
                   case "Home":
-                    v.preventDefault(), N(O);
+                    v.preventDefault(), S(U);
                     break;
                   case "End":
-                    v.preventDefault(), N(ee);
+                    v.preventDefault(), S(ee);
                     break;
                 }
             },
@@ -5640,7 +5640,7 @@ function ai({
               height: "32px",
               display: "flex",
               alignItems: "center",
-              cursor: P && !M ? "default" : "pointer",
+              cursor: L && !P ? "default" : "pointer",
               position: "relative",
               outline: "none"
             },
@@ -5657,18 +5657,18 @@ function ai({
                     borderRadius: `${ue}px`
                   },
                   children: [
-                    !P && D.map((v, R) => {
+                    !L && I.map((v, R) => {
                       if (y <= 0) return null;
-                      const _ = v.start / y * 100, O = (v.end - v.start) / y * 100;
+                      const V = v.start / y * 100, U = (v.end - v.start) / y * 100;
                       return /* @__PURE__ */ s(
                         "div",
                         {
                           style: {
                             position: "absolute",
-                            left: `${_}%`,
+                            left: `${V}%`,
                             top: 0,
                             height: "100%",
-                            width: `${O}%`,
+                            width: `${U}%`,
                             backgroundColor: de,
                             borderRadius: `${ue}px`,
                             pointerEvents: "none"
@@ -5692,7 +5692,7 @@ function ai({
                         }
                       }
                     ),
-                    !P && e.map((v) => {
+                    !L && e.map((v) => {
                       const R = y > 0 ? v.startTime / y * 100 : 0;
                       return /* @__PURE__ */ s(
                         "div",
@@ -5712,21 +5712,21 @@ function ai({
                         v.id
                       );
                     }),
-                    r && !P && y > 0 && t.map((v, R) => {
-                      const _ = v.time / y * 100;
-                      return _ < 0 || _ > 100 ? null : /* @__PURE__ */ s(
+                    r && !L && y > 0 && t.map((v, R) => {
+                      const V = v.time / y * 100;
+                      return V < 0 || V > 100 ? null : /* @__PURE__ */ s(
                         ni,
                         {
                           event: v,
-                          position: _,
+                          position: V,
                           size: i,
                           showTooltip: !0,
-                          onClick: (O) => N(O)
+                          onClick: (U) => S(U)
                         },
                         `timeline-${R}-${v.time}`
                       );
                     }),
-                    M && /* @__PURE__ */ s(
+                    P && /* @__PURE__ */ s(
                       "div",
                       {
                         style: {
@@ -5745,7 +5745,7 @@ function ai({
                         title: "Live edge"
                       }
                     ),
-                    me && (!P || M) && p !== null && /* @__PURE__ */ s(
+                    me && (!L || P) && p !== null && /* @__PURE__ */ s(
                       "div",
                       {
                         style: {
@@ -5755,7 +5755,7 @@ function ai({
                           transform: "translate(-50%, -50%)",
                           width: "14px",
                           height: "14px",
-                          backgroundColor: K,
+                          backgroundColor: j,
                           borderRadius: "50%",
                           boxShadow: "0 2px 8px rgba(0, 0, 0, 0.3)",
                           pointerEvents: "none",
@@ -5763,7 +5763,7 @@ function ai({
                         }
                       }
                     ),
-                    me && (!P || M) && /* @__PURE__ */ s(
+                    me && (!L || P) && /* @__PURE__ */ s(
                       "div",
                       {
                         style: {
@@ -5771,32 +5771,32 @@ function ai({
                           left: `${J}%`,
                           top: "50%",
                           transform: "translate(-50%, -50%)",
-                          width: c ? "16px" : "14px",
-                          height: c ? "16px" : "14px",
-                          backgroundColor: K,
+                          width: d ? "16px" : "14px",
+                          height: d ? "16px" : "14px",
+                          backgroundColor: j,
                           borderRadius: "50%",
                           boxShadow: "0 2px 8px rgba(0, 0, 0, 0.3)",
                           pointerEvents: "none",
                           zIndex: 1e3,
-                          opacity: c || p !== null ? 1 : 0,
-                          transition: c ? "none" : "all 0.15s ease"
+                          opacity: d || p !== null ? 1 : 0,
+                          transition: d ? "none" : "all 0.15s ease"
                         }
                       }
                     )
                   ]
                 }
               ),
-              Pe && (!P || M) && p !== null && (() => {
-                const v = M ? B.start + p * U : p * y, R = d.current?.offsetWidth ?? 0, _ = p * 100, O = p * R, ee = Ze / 2;
+              Pe && (!L || P) && p !== null && (() => {
+                const v = P ? $.start + p * F : p * y, R = c.current?.offsetWidth ?? 0, V = p * 100, U = p * R, ee = Ze / 2;
                 let he = "-50%";
-                return O < ee ? he = "0%" : R - O < ee && (he = "-100%"), m ? (
+                return U < ee ? he = "0%" : R - U < ee && (he = "-100%"), m ? (
                   /* Thumbnail card */
                   /* @__PURE__ */ u(
                     "div",
                     {
                       style: {
                         position: "absolute",
-                        left: `${_}%`,
+                        left: `${V}%`,
                         bottom: "24px",
                         transform: `translateX(${he})`,
                         pointerEvents: "none",
@@ -5850,7 +5850,7 @@ function ai({
                     {
                       style: {
                         position: "absolute",
-                        left: `${_}%`,
+                        left: `${V}%`,
                         bottom: "20px",
                         transform: `translateX(${he})`,
                         padding: "4px 8px",
@@ -5891,7 +5891,7 @@ function li({
   hoverBackground: t,
   icon: r
 }) {
-  const { skipBackward: i } = q(), { isLive: n } = X();
+  const { skipBackward: i } = q(), { isLive: n } = Y();
   if (n) return null;
   const o = typeof t == "string" ? t : t === !1 ? "transparent" : void 0;
   return /* @__PURE__ */ s(
@@ -5955,7 +5955,7 @@ function ci({
   hoverBackground: t,
   icon: r
 }) {
-  const { skipForward: i } = q(), { isLive: n } = X();
+  const { skipForward: i } = q(), { isLive: n } = Y();
   if (n) return null;
   const o = typeof t == "string" ? t : t === !1 ? "transparent" : void 0;
   return /* @__PURE__ */ s(
@@ -6023,25 +6023,25 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
     trackColor: e?.trackColor ?? "rgba(255,255,255,0.3)",
     fillColor: e?.fillColor ?? "#3b82f6",
     handleColor: e?.handleColor ?? "#fff"
-  }, { isMuted: n, volume: o } = X(), { toggleMute: l, setVolume: d } = q(), [c, h] = b(!1), [p, g] = b(!1), m = W(null), S = a === "top" || a === "bottom", D = F((w, T) => {
+  }, { isMuted: n, volume: o } = Y(), { toggleMute: l, setVolume: c } = q(), [d, h] = b(!1), [p, g] = b(!1), m = O(null), k = a === "top" || a === "bottom", I = B((w, M) => {
     if (!m.current) return;
-    const $ = m.current.getBoundingClientRect(), j = S ? Math.max(0, Math.min(1, 1 - (T - $.top) / $.height)) : Math.max(0, Math.min(1, (w - $.left) / $.width));
-    d(j);
-  }, [d, S]), E = F((w) => {
-    g(!0), n && l(), D(w.clientX, w.clientY);
-  }, [D, n, l]);
-  k(() => {
+    const N = m.current.getBoundingClientRect(), H = k ? Math.max(0, Math.min(1, 1 - (M - N.top) / N.height)) : Math.max(0, Math.min(1, (w - N.left) / N.width));
+    c(H);
+  }, [c, k]), A = B((w) => {
+    g(!0), n && l(), I(w.clientX, w.clientY);
+  }, [I, n, l]);
+  x(() => {
     if (!p) return;
-    const w = ($) => D($.clientX, $.clientY), T = () => g(!1);
-    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", T), () => {
-      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", T);
+    const w = (N) => I(N.clientX, N.clientY), M = () => g(!1);
+    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", M), () => {
+      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", M);
     };
-  }, [p, D]);
-  const L = p ? o : n ? 0 : o, x = c || p, y = {
+  }, [p, I]);
+  const T = p ? o : n ? 0 : o, E = d || p, y = {
     position: "absolute",
-    opacity: x ? 1 : 0,
+    opacity: E ? 1 : 0,
     transition: "all 0.25s ease",
-    pointerEvents: x ? "auto" : "none",
+    pointerEvents: E ? "auto" : "none",
     zIndex: 10,
     background: i.sliderBackground,
     backdropFilter: "blur(12px)",
@@ -6055,7 +6055,7 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           ...y,
           right: "40px",
           top: "0",
-          width: x ? "118px" : "0px",
+          width: E ? "118px" : "0px",
           height: "40px",
           paddingRight: "8px",
           borderRadius: "8px 0 0 8px",
@@ -6068,7 +6068,7 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           bottom: "40px",
           left: "0",
           width: "40px",
-          height: x ? "118px" : "0px",
+          height: E ? "118px" : "0px",
           paddingBottom: "8px",
           borderRadius: "8px 8px 0 0",
           border: w,
@@ -6080,7 +6080,7 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           top: "40px",
           left: "0",
           width: "40px",
-          height: x ? "118px" : "0px",
+          height: E ? "118px" : "0px",
           paddingTop: "8px",
           borderRadius: "0 0 8px 8px",
           border: w,
@@ -6091,7 +6091,7 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           ...y,
           left: "40px",
           top: "0",
-          width: x ? "118px" : "0px",
+          width: E ? "118px" : "0px",
           height: "40px",
           paddingLeft: "8px",
           borderRadius: "0 8px 8px 0",
@@ -6099,12 +6099,12 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           borderLeft: "none"
         };
     }
-  })(), V = S ? { width: "40px", height: "110px", display: "flex", justifyContent: "center", alignItems: "center", cursor: "pointer", position: "relative", outline: "none" } : { width: "110px", height: "40px", display: "flex", alignItems: "center", cursor: "pointer", position: "relative", paddingRight: "8px", outline: "none" }, A = S ? { width: "4px", height: "100%", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" } : { width: "100%", height: "4px", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" }, N = S ? {
+  })(), X = k ? { width: "40px", height: "110px", display: "flex", justifyContent: "center", alignItems: "center", cursor: "pointer", position: "relative", outline: "none" } : { width: "110px", height: "40px", display: "flex", alignItems: "center", cursor: "pointer", position: "relative", paddingRight: "8px", outline: "none" }, D = k ? { width: "4px", height: "100%", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" } : { width: "100%", height: "4px", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" }, S = k ? {
     position: "absolute",
     bottom: 0,
     left: 0,
     right: 0,
-    height: `${L * 100}%`,
+    height: `${T * 100}%`,
     backgroundColor: i.fillColor,
     borderRadius: "2px",
     transition: p ? "none" : "height 0.1s ease"
@@ -6113,28 +6113,28 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
     left: 0,
     top: 0,
     bottom: 0,
-    width: `${L * 100}%`,
+    width: `${T * 100}%`,
     backgroundColor: i.fillColor,
     borderRadius: "2px",
     transition: p ? "none" : "width 0.1s ease"
-  }, I = p ? 14 : 12, H = S ? {
+  }, _ = p ? 14 : 12, W = k ? {
     position: "absolute",
-    bottom: `calc(${L * 100}% - ${L * I}px)`,
+    bottom: `calc(${T * 100}% - ${T * _}px)`,
     left: "50%",
     transform: "translateX(-50%)",
-    width: `${I}px`,
-    height: `${I}px`,
+    width: `${_}px`,
+    height: `${_}px`,
     backgroundColor: i.handleColor,
     borderRadius: "50%",
     boxShadow: "0 2px 4px rgba(0,0,0,0.3)",
     transition: p ? "none" : "all 0.2s ease"
   } : {
     position: "absolute",
-    left: `calc(${L * 100}% - ${L * I}px)`,
+    left: `calc(${T * 100}% - ${T * _}px)`,
     top: "50%",
     transform: "translateY(-50%)",
-    width: `${I}px`,
-    height: `${I}px`,
+    width: `${_}px`,
+    height: `${_}px`,
     backgroundColor: i.handleColor,
     borderRadius: "50%",
     boxShadow: "0 2px 4px rgba(0,0,0,0.3)",
@@ -6200,31 +6200,31 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
                 "aria-label": "Volume",
                 "aria-valuemin": 0,
                 "aria-valuemax": 100,
-                "aria-valuenow": Math.round(L * 100),
-                "aria-valuetext": n ? "Muted" : `${Math.round(L * 100)}%`,
-                onMouseDown: E,
+                "aria-valuenow": Math.round(T * 100),
+                "aria-valuetext": n ? "Muted" : `${Math.round(T * 100)}%`,
+                onMouseDown: A,
                 onKeyDown: (w) => {
-                  const j = n ? 0 : o;
+                  const H = n ? 0 : o;
                   switch (w.key) {
                     case "ArrowRight":
                     case "ArrowUp":
-                      w.preventDefault(), d(Math.min(1, j + 0.05));
+                      w.preventDefault(), c(Math.min(1, H + 0.05));
                       break;
                     case "ArrowLeft":
                     case "ArrowDown":
-                      w.preventDefault(), d(Math.max(0, j - 0.05));
+                      w.preventDefault(), c(Math.max(0, H - 0.05));
                       break;
                     case "PageUp":
-                      w.preventDefault(), d(Math.min(1, j + 0.2));
+                      w.preventDefault(), c(Math.min(1, H + 0.2));
                       break;
                     case "PageDown":
-                      w.preventDefault(), d(Math.max(0, j - 0.2));
+                      w.preventDefault(), c(Math.max(0, H - 0.2));
                       break;
                     case "Home":
-                      w.preventDefault(), d(0);
+                      w.preventDefault(), c(0);
                       break;
                     case "End":
-                      w.preventDefault(), d(1);
+                      w.preventDefault(), c(1);
                       break;
                     case "m":
                     case "M":
@@ -6232,10 +6232,10 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
                       break;
                   }
                 },
-                style: V,
-                children: /* @__PURE__ */ u("div", { style: A, children: [
-                  /* @__PURE__ */ s("div", { style: N }),
-                  /* @__PURE__ */ s("div", { style: H })
+                style: X,
+                children: /* @__PURE__ */ u("div", { style: D, children: [
+                  /* @__PURE__ */ s("div", { style: S }),
+                  /* @__PURE__ */ s("div", { style: W })
                 ] })
               }
             )
@@ -6247,7 +6247,7 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
 }
 const ui = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
 function Ci() {
-  const { setPlaybackRate: a } = q(), [e, t] = b(1), r = F(
+  const { setPlaybackRate: a } = q(), [e, t] = b(1), r = B(
     (n) => {
       a(n), t(n);
     },
@@ -6376,16 +6376,16 @@ function et({ values: a, color: e, gradId: t }) {
   const n = Math.max(...a, 1e-3), o = a.map((h, p) => [
     p / (hi - 1) * 292,
     48 - h / n * 42
-  ]), l = o.map(([h, p], g) => `${g === 0 ? "M" : "L"}${h.toFixed(1)},${p.toFixed(1)}`).join(" "), d = l + ` L${292 .toFixed(1)},52 L0,52 Z`, c = o[o.length - 1];
+  ]), l = o.map(([h, p], g) => `${g === 0 ? "M" : "L"}${h.toFixed(1)},${p.toFixed(1)}`).join(" "), c = l + ` L${292 .toFixed(1)},52 L0,52 Z`, d = o[o.length - 1];
   return /* @__PURE__ */ u("svg", { width: 292, height: 52, style: { display: "block", overflow: "visible" }, children: [
     /* @__PURE__ */ s("defs", { children: /* @__PURE__ */ u("linearGradient", { id: t, x1: "0", y1: "0", x2: "0", y2: "1", children: [
       /* @__PURE__ */ s("stop", { offset: "0%", stopColor: e, stopOpacity: 0.4 }),
       /* @__PURE__ */ s("stop", { offset: "100%", stopColor: e, stopOpacity: 0.02 })
     ] }) }),
-    /* @__PURE__ */ s("path", { d, fill: `url(#${t})` }),
+    /* @__PURE__ */ s("path", { d: c, fill: `url(#${t})` }),
     /* @__PURE__ */ s("path", { d: l, fill: "none", stroke: e, strokeWidth: 1.8, strokeLinejoin: "round", strokeLinecap: "round" }),
-    /* @__PURE__ */ s("circle", { cx: c[0], cy: c[1], r: 3.5, fill: e }),
-    /* @__PURE__ */ s("circle", { cx: c[0], cy: c[1], r: 6, fill: e, fillOpacity: 0.25 })
+    /* @__PURE__ */ s("circle", { cx: d[0], cy: d[1], r: 3.5, fill: e }),
+    /* @__PURE__ */ s("circle", { cx: d[0], cy: d[1], r: 6, fill: e, fillOpacity: 0.25 })
   ] });
 }
 function z({
@@ -6396,7 +6396,7 @@ function z({
   selected: i = !1,
   isBack: n = !1
 }) {
-  const [o, l] = b(!1), { textColor: d, accentColor: c, accentAlpha15: h, accentAlpha30: p, fontSize: g } = re(ze);
+  const [o, l] = b(!1), { textColor: c, accentColor: d, accentAlpha15: h, accentAlpha30: p, fontSize: g } = re(ze);
   return /* @__PURE__ */ u(
     "button",
     {
@@ -6407,7 +6407,7 @@ function z({
       onMouseLeave: () => l(!1),
       style: {
         ...mi,
-        color: d,
+        color: c,
         fontSize: g,
         background: o ? "rgba(255,255,255,0.07)" : i ? h : "transparent",
         fontWeight: i ? 600 : 400,
@@ -6424,9 +6424,9 @@ function z({
             alignItems: "center",
             justifyContent: "center",
             flexShrink: 0,
-            color: i ? c : "rgba(255,255,255,0.65)",
+            color: i ? d : "rgba(255,255,255,0.65)",
             transition: "background 0.15s, color 0.15s"
-          }, children: t }) : i ? /* @__PURE__ */ s("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: c, strokeWidth: "3", style: { flexShrink: 0 }, children: /* @__PURE__ */ s("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ s("span", { style: { display: "inline-block", width: "14px", flexShrink: 0 } }),
+          }, children: t }) : i ? /* @__PURE__ */ s("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: d, strokeWidth: "3", style: { flexShrink: 0 }, children: /* @__PURE__ */ s("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ s("span", { style: { display: "inline-block", width: "14px", flexShrink: 0 } }),
           /* @__PURE__ */ s("span", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: a })
         ] }),
         e !== void 0 && /* @__PURE__ */ u("span", { style: { display: "flex", alignItems: "center", gap: "4px", flexShrink: 0 }, children: [
@@ -6448,71 +6448,71 @@ function yi({
   hoverBackground: r,
   gearIcon: i
 } = {}) {
-  const n = a?.accentColor ?? "#6366f1", o = a?.textColor ?? "#fff", l = a?.background ?? "rgba(12, 12, 20, 0.97)", d = a?.borderColor ?? "rgba(255,255,255,0.1)", c = a?.fontSize ?? "13.5px", h = {
+  const n = a?.accentColor ?? "#6366f1", o = a?.textColor ?? "#fff", l = a?.background ?? "rgba(12, 12, 20, 0.97)", c = a?.borderColor ?? "rgba(255,255,255,0.1)", d = a?.fontSize ?? "13.5px", h = {
     textColor: o,
     accentColor: n,
     accentAlpha15: n.startsWith("#") ? Je(n, 0.15) : "rgba(99,102,241,0.15)",
     accentAlpha30: n.startsWith("#") ? Je(n, 0.3) : "rgba(99,102,241,0.3)",
-    borderColor: d.replace("0.1)", "0.07)"),
-    fontSize: c
+    borderColor: c.replace("0.1)", "0.07)"),
+    fontSize: d
   }, p = {
     ...fi,
     color: o,
-    fontSize: c,
-    borderBottom: `1px solid ${d.replace("0.1)", "0.08)")}`
+    fontSize: d,
+    borderBottom: `1px solid ${c.replace("0.1)", "0.08)")}`
   }, g = e?.vertical ?? "top", m = e?.horizontal ?? "right", {
-    setQuality: S,
-    setAudioTrack: D,
-    setPlaybackRate: E,
-    setSubtitleTrack: L,
-    getPlayerStats: x
-  } = q(), y = Ce(), { playbackRate: G = 1, isLive: V } = X(), { style: A, setStyle: N } = ut(), [I, H] = b(!1), [w, T] = b("root");
-  k(() => {
-    V && w === "speed" && T("root");
-  }, [V, w]);
-  const [$, j] = b([]), [Q, P] = b(null), [B, M] = b([]), [U, Z] = b(""), [J, we] = b([]), [ae, de] = b(null), [K, Me] = b(null), [ue, me] = b([]);
-  k(() => {
+    setQuality: k,
+    setAudioTrack: I,
+    setPlaybackRate: A,
+    setSubtitleTrack: T,
+    getPlayerStats: E
+  } = q(), y = Ce(), { playbackRate: G = 1, isLive: X } = Y(), { style: D, setStyle: S } = ut(), [_, W] = b(!1), [w, M] = b("root");
+  x(() => {
+    X && w === "speed" && M("root");
+  }, [X, w]);
+  const [N, H] = b([]), [Q, L] = b(null), [$, P] = b([]), [F, Z] = b(""), [J, we] = b([]), [ae, de] = b(null), [j, Me] = b(null), [ue, me] = b([]);
+  x(() => {
     const f = () => {
-      j(y.getAvailableQualities()), P(y.getQuality()), M(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), we(y.getSubtitleTracks()), de(y.getActiveSubtitleLanguage());
+      H(y.getAvailableQualities()), L(y.getQuality()), P(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), we(y.getSubtitleTracks()), de(y.getActiveSubtitleLanguage());
     };
     y.events.on("tracksready", f), y.events.on("streamTypeDetected", f), y.events.on("qualitychange", f), y.events.on("loadedmetadata", f), f();
-    const Y = setTimeout(f, 100);
+    const K = setTimeout(f, 100);
     return () => {
-      y.events.off("tracksready", f), y.events.off("streamTypeDetected", f), y.events.off("qualitychange", f), y.events.off("loadedmetadata", f), clearTimeout(Y);
+      y.events.off("tracksready", f), y.events.off("streamTypeDetected", f), y.events.off("qualitychange", f), y.events.off("loadedmetadata", f), clearTimeout(K);
     };
-  }, [y]), k(() => {
-    I && (j(y.getAvailableQualities()), P(y.getQuality()), M(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), we(y.getSubtitleTracks()), de(y.getActiveSubtitleLanguage()));
-  }, [I, y]);
-  const Pe = B.length > 1;
-  k(() => {
+  }, [y]), x(() => {
+    _ && (H(y.getAvailableQualities()), L(y.getQuality()), P(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), we(y.getSubtitleTracks()), de(y.getActiveSubtitleLanguage()));
+  }, [_, y]);
+  const Pe = $.length > 1;
+  x(() => {
     if (w !== "statistics") return;
     const f = () => {
-      const xe = x();
+      const xe = E();
       Me(xe), me((Ve) => [...Ve.slice(-59), xe]);
     };
     f();
-    const Y = setInterval(f, 1e3);
+    const K = setInterval(f, 1e3);
     return () => {
-      clearInterval(Y), me([]);
+      clearInterval(K), me([]);
     };
-  }, [w, x]);
-  const ye = W(null);
-  k(() => {
-    if (!I) return;
-    const f = (Y) => {
-      ye.current && !ye.current.contains(Y.target) && (H(!1), T("root"));
+  }, [w, E]);
+  const ye = O(null);
+  x(() => {
+    if (!_) return;
+    const f = (K) => {
+      ye.current && !ye.current.contains(K.target) && (W(!1), M("root"));
     };
     return document.addEventListener("pointerdown", f), () => document.removeEventListener("pointerdown", f);
-  }, [I]), k(() => {
-    if (!I) return;
-    const f = (Y) => {
-      Y.key === "Escape" && (H(!1), T("root")), Y.key === "Backspace" && w !== "root" && T("root");
+  }, [_]), x(() => {
+    if (!_) return;
+    const f = (K) => {
+      K.key === "Escape" && (W(!1), M("root")), K.key === "Backspace" && w !== "root" && M("root");
     };
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
-  }, [I, w]);
-  const Le = F(() => {
-    H((f) => (f && T("root"), !f));
-  }, []), Re = Q ? Q.id === "auto" ? "Auto" : Q.label : "Auto", le = G === 1 ? "1×" : `${G}×`, ve = B.find((f) => f.id === U)?.label ?? "Auto", Ee = ae === null ? "Off" : J.find((f) => f.language === ae)?.label ?? ae, De = /* @__PURE__ */ u("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  }, [_, w]);
+  const Le = B(() => {
+    W((f) => (f && M("root"), !f));
+  }, []), Re = Q ? Q.id === "auto" ? "Auto" : Q.label : "Auto", le = G === 1 ? "1×" : `${G}×`, ve = $.find((f) => f.id === F)?.label ?? "Auto", Ee = ae === null ? "Off" : J.find((f) => f.language === ae)?.label ?? ae, De = /* @__PURE__ */ u("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ s("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
     /* @__PURE__ */ s("path", { d: "M8 21h8M12 17v4" }),
     /* @__PURE__ */ s("path", { d: "m7 8 2 2 4-4 2 2" })
@@ -6531,11 +6531,11 @@ function yi({
     /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "3" }),
     /* @__PURE__ */ s("path", { d: "M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3" }),
     /* @__PURE__ */ s("polyline", { points: "16 16 12 20 8 16" })
-  ] }), _ = /* @__PURE__ */ u("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  ] }), V = /* @__PURE__ */ u("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ s("line", { x1: "18", y1: "20", x2: "18", y2: "10" }),
     /* @__PURE__ */ s("line", { x1: "12", y1: "20", x2: "12", y2: "4" }),
     /* @__PURE__ */ s("line", { x1: "6", y1: "20", x2: "6", y2: "14" })
-  ] }), O = () => /* @__PURE__ */ u(oe, { children: [
+  ] }), U = () => /* @__PURE__ */ u(oe, { children: [
     /* @__PURE__ */ u("div", { style: p, children: [
       /* @__PURE__ */ u("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "rgba(255,255,255,0.6)", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [
         /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "3" }),
@@ -6544,59 +6544,59 @@ function yi({
       "Settings"
     ] }),
     /* @__PURE__ */ u("div", { style: { padding: "4px 0" }, children: [
-      /* @__PURE__ */ s(z, { icon: De, label: "Quality", value: Re, onClick: () => T("quality") }),
-      !V && /* @__PURE__ */ s(z, { icon: Ie, label: "Speed", value: le, onClick: () => T("speed") }),
-      Pe && /* @__PURE__ */ s(z, { icon: _e, label: "Audio Track", value: ve, onClick: () => T("audio") }),
+      /* @__PURE__ */ s(z, { icon: De, label: "Quality", value: Re, onClick: () => M("quality") }),
+      !X && /* @__PURE__ */ s(z, { icon: Ie, label: "Speed", value: le, onClick: () => M("speed") }),
+      Pe && /* @__PURE__ */ s(z, { icon: _e, label: "Audio Track", value: ve, onClick: () => M("audio") }),
       /* @__PURE__ */ s(tt, {}),
-      /* @__PURE__ */ s(z, { icon: v, label: "Subtitles", value: Ee, onClick: () => T("subtitles") }),
-      /* @__PURE__ */ s(z, { icon: R, label: "Subtitle Style", value: `${A.fontSize}px`, onClick: () => T("subtitleStyle") }),
+      /* @__PURE__ */ s(z, { icon: v, label: "Subtitles", value: Ee, onClick: () => M("subtitles") }),
+      /* @__PURE__ */ s(z, { icon: R, label: "Subtitle Style", value: `${D.fontSize}px`, onClick: () => M("subtitleStyle") }),
       /* @__PURE__ */ s(tt, {}),
-      /* @__PURE__ */ s(z, { icon: _, label: "Statistics", onClick: () => T("statistics") })
+      /* @__PURE__ */ s(z, { icon: V, label: "Statistics", onClick: () => M("statistics") })
     ] })
   ] }), ee = () => /* @__PURE__ */ u(oe, { children: [
-    /* @__PURE__ */ s("div", { style: p, children: /* @__PURE__ */ s(z, { label: "Quality", isBack: !0, onClick: () => T("root") }) }),
+    /* @__PURE__ */ s("div", { style: p, children: /* @__PURE__ */ s(z, { label: "Quality", isBack: !0, onClick: () => M("root") }) }),
     /* @__PURE__ */ u("div", { style: { padding: "4px 0", maxHeight: "280px", overflowY: "auto" }, children: [
-      $.map((f) => /* @__PURE__ */ s(
+      N.map((f) => /* @__PURE__ */ s(
         z,
         {
           label: f.id === "auto" ? "Auto" : f.label,
           selected: Q?.id === f.id,
           onClick: () => {
-            S(f.id), P(f), H(!1), T("root");
+            k(f.id), L(f), W(!1), M("root");
           }
         },
         f.id
       )),
-      $.length === 0 && /* @__PURE__ */ s("div", { style: { padding: "10px 14px", color: "rgba(255,255,255,0.4)", fontSize: "13px" }, children: "No quality levels available" })
+      N.length === 0 && /* @__PURE__ */ s("div", { style: { padding: "10px 14px", color: "rgba(255,255,255,0.4)", fontSize: "13px" }, children: "No quality levels available" })
     ] })
   ] }), he = () => /* @__PURE__ */ u(oe, { children: [
-    /* @__PURE__ */ s("div", { style: p, children: /* @__PURE__ */ s(z, { label: "Speed", isBack: !0, onClick: () => T("root") }) }),
+    /* @__PURE__ */ s("div", { style: p, children: /* @__PURE__ */ s(z, { label: "Speed", isBack: !0, onClick: () => M("root") }) }),
     /* @__PURE__ */ s("div", { style: { padding: "4px 0" }, children: pi.map((f) => /* @__PURE__ */ s(
       z,
       {
         label: f === 1 ? "1× (Normal)" : `${f}×`,
         selected: G === f,
         onClick: () => {
-          E(f), H(!1), T("root");
+          A(f), W(!1), M("root");
         }
       },
       f
     )) })
   ] }), ft = () => /* @__PURE__ */ u(oe, { children: [
-    /* @__PURE__ */ s("div", { style: p, children: /* @__PURE__ */ s(z, { label: "Audio Track", isBack: !0, onClick: () => T("root") }) }),
-    /* @__PURE__ */ s("div", { style: { padding: "4px 0" }, children: B.map((f) => /* @__PURE__ */ s(
+    /* @__PURE__ */ s("div", { style: p, children: /* @__PURE__ */ s(z, { label: "Audio Track", isBack: !0, onClick: () => M("root") }) }),
+    /* @__PURE__ */ s("div", { style: { padding: "4px 0" }, children: $.map((f) => /* @__PURE__ */ s(
       z,
       {
         label: f.label || f.language || f.id,
-        selected: U === f.id,
+        selected: F === f.id,
         onClick: () => {
-          D(f.id), Z(f.id), H(!1), T("root");
+          I(f.id), Z(f.id), W(!1), M("root");
         }
       },
       f.id
     )) })
   ] }), mt = () => /* @__PURE__ */ u(oe, { children: [
-    /* @__PURE__ */ s("div", { style: p, children: /* @__PURE__ */ s(z, { label: "Subtitles", isBack: !0, onClick: () => T("root") }) }),
+    /* @__PURE__ */ s("div", { style: p, children: /* @__PURE__ */ s(z, { label: "Subtitles", isBack: !0, onClick: () => M("root") }) }),
     /* @__PURE__ */ u("div", { style: { padding: "4px 0" }, children: [
       /* @__PURE__ */ s(
         z,
@@ -6604,32 +6604,32 @@ function yi({
           label: "Off",
           selected: ae === null,
           onClick: () => {
-            L(null), de(null), H(!1), T("root");
+            T(null), de(null), W(!1), M("root");
           }
         },
         "off"
       ),
-      J.map((f, Y) => /* @__PURE__ */ s(
+      J.map((f, K) => /* @__PURE__ */ s(
         z,
         {
           label: f.label || f.language,
           selected: ae === f.language,
           onClick: () => {
-            L(f.language), de(f.language), H(!1), T("root");
+            T(f.language), de(f.language), W(!1), M("root");
           }
         },
-        f.url || `${f.language}-${Y}`
+        f.url || `${f.language}-${K}`
       )),
       J.length === 0 && /* @__PURE__ */ s("div", { style: { padding: "10px 14px", color: "rgba(255,255,255,0.4)", fontSize: "13px" }, children: "No subtitle tracks available" })
     ] })
   ] }), yt = () => /* @__PURE__ */ u(oe, { children: [
-    /* @__PURE__ */ s("div", { style: p, children: /* @__PURE__ */ s(z, { label: "Subtitle Style", isBack: !0, onClick: () => T("root") }) }),
+    /* @__PURE__ */ s("div", { style: p, children: /* @__PURE__ */ s(z, { label: "Subtitle Style", isBack: !0, onClick: () => M("root") }) }),
     /* @__PURE__ */ u("div", { style: { padding: "8px 14px 12px", display: "flex", flexDirection: "column", gap: "14px" }, children: [
       /* @__PURE__ */ u("div", { children: [
         /* @__PURE__ */ u("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "6px" }, children: [
           /* @__PURE__ */ s("span", { style: { fontSize: "13px", color: "rgba(255,255,255,0.8)" }, children: "Position" }),
           /* @__PURE__ */ u("span", { style: { fontSize: "12px", color: "rgba(255,255,255,0.5)" }, children: [
-            A.bottomOffset,
+            D.bottomOffset,
             "px from bottom"
           ] })
         ] }),
@@ -6640,8 +6640,8 @@ function yi({
             min: 10,
             max: 200,
             step: 5,
-            value: A.bottomOffset,
-            onChange: (f) => N({ bottomOffset: Number(f.target.value) }),
+            value: D.bottomOffset,
+            onChange: (f) => S({ bottomOffset: Number(f.target.value) }),
             style: { width: "100%", accentColor: "#3b82f6", cursor: "pointer" }
           }
         )
@@ -6650,7 +6650,7 @@ function yi({
         /* @__PURE__ */ u("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "6px" }, children: [
           /* @__PURE__ */ s("span", { style: { fontSize: "13px", color: "rgba(255,255,255,0.8)" }, children: "Font Size" }),
           /* @__PURE__ */ u("span", { style: { fontSize: "12px", color: "rgba(255,255,255,0.5)" }, children: [
-            A.fontSize,
+            D.fontSize,
             "px"
           ] })
         ] }),
@@ -6661,8 +6661,8 @@ function yi({
             min: 12,
             max: 40,
             step: 1,
-            value: A.fontSize,
-            onChange: (f) => N({ fontSize: Number(f.target.value) }),
+            value: D.fontSize,
+            onChange: (f) => S({ fontSize: Number(f.target.value) }),
             style: { width: "100%", accentColor: "#3b82f6", cursor: "pointer" }
           }
         )
@@ -6672,17 +6672,17 @@ function yi({
         /* @__PURE__ */ s(
           "button",
           {
-            onClick: () => N({ background: A.background ? "" : "rgba(0,0,0,0.75)" }),
+            onClick: () => S({ background: D.background ? "" : "rgba(0,0,0,0.75)" }),
             style: {
               padding: "4px 12px",
               borderRadius: "6px",
               border: "1px solid rgba(255,255,255,0.2)",
-              background: A.background ? "#3b82f6" : "transparent",
+              background: D.background ? "#3b82f6" : "transparent",
               color: "#fff",
               fontSize: "12px",
               cursor: "pointer"
             },
-            children: A.background ? "On" : "Off"
+            children: D.background ? "On" : "Off"
           }
         )
       ] }),
@@ -6691,14 +6691,14 @@ function yi({
         /* @__PURE__ */ s("div", { style: { display: "flex", gap: "6px" }, children: ["#ffffff", "#ffff00", "#00ff00", "#00cfff"].map((f) => /* @__PURE__ */ s(
           "button",
           {
-            onClick: () => N({ color: f }),
+            onClick: () => S({ color: f }),
             title: f,
             style: {
               width: "22px",
               height: "22px",
               borderRadius: "50%",
               background: f,
-              border: A.color === f ? "2px solid #3b82f6" : "2px solid transparent",
+              border: D.color === f ? "2px solid #3b82f6" : "2px solid transparent",
               cursor: "pointer",
               outline: "none",
               padding: 0,
@@ -6710,7 +6710,7 @@ function yi({
       ] })
     ] })
   ] }), vt = () => {
-    const f = ue.map((ie) => ie.bandwidth), Y = ue.map((ie) => ie.bufferHealth), xe = K?.bandwidth ?? 0, Ve = K?.bufferHealth ?? 0, wt = (ie) => ie >= 1e3 ? `${(ie / 1e3).toFixed(2)} Mbps` : `${ie.toFixed(0)} kbps`, ke = (ie, xt) => /* @__PURE__ */ u("div", { style: {
+    const f = ue.map((ie) => ie.bandwidth), K = ue.map((ie) => ie.bufferHealth), xe = j?.bandwidth ?? 0, Ve = j?.bufferHealth ?? 0, wt = (ie) => ie >= 1e3 ? `${(ie / 1e3).toFixed(2)} Mbps` : `${ie.toFixed(0)} kbps`, ke = (ie, xt) => /* @__PURE__ */ u("div", { style: {
       background: "rgba(255,255,255,0.04)",
       borderRadius: "8px",
       padding: "7px 10px",
@@ -6719,10 +6719,10 @@ function yi({
     }, children: [
       /* @__PURE__ */ s("div", { style: { fontSize: "10px", color: "rgba(255,255,255,0.4)", textTransform: "uppercase", letterSpacing: "0.06em", marginBottom: "3px" }, children: ie }),
       /* @__PURE__ */ s("div", { style: { fontSize: "12px", color: "#fff", fontFamily: "monospace", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: xt })
-    ] }), Se = K?.segmentUrl ?? "", Et = Se.length > 36 ? "…" + Se.slice(-36) : Se || "—";
+    ] }), Se = j?.segmentUrl ?? "", Et = Se.length > 36 ? "…" + Se.slice(-36) : Se || "—";
     return /* @__PURE__ */ u(oe, { children: [
       /* @__PURE__ */ u("div", { style: { ...p, justifyContent: "space-between" }, children: [
-        /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: /* @__PURE__ */ s(z, { label: "Statistics", isBack: !0, onClick: () => T("root") }) }),
+        /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: /* @__PURE__ */ s(z, { label: "Statistics", isBack: !0, onClick: () => M("root") }) }),
         /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", gap: "6px", paddingRight: "14px", flexShrink: 0 }, children: [
           /* @__PURE__ */ s("span", { style: {
             width: "7px",
@@ -6740,25 +6740,25 @@ function yi({
         /* @__PURE__ */ u("div", { style: { marginTop: "12px" }, children: [
           /* @__PURE__ */ u("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "baseline", marginBottom: "6px" }, children: [
             /* @__PURE__ */ s("span", { style: { fontSize: "11px", color: "rgba(255,255,255,0.45)", textTransform: "uppercase", letterSpacing: "0.07em" }, children: "Connection Speed" }),
-            /* @__PURE__ */ s("span", { style: { fontSize: "16px", fontWeight: 600, color: "#4ade80", fontFamily: "monospace" }, children: K ? wt(xe) : "—" })
+            /* @__PURE__ */ s("span", { style: { fontSize: "16px", fontWeight: 600, color: "#4ade80", fontFamily: "monospace" }, children: j ? wt(xe) : "—" })
           ] }),
           /* @__PURE__ */ s("div", { style: { background: "rgba(0,0,0,0.3)", borderRadius: "8px", padding: "6px 8px" }, children: /* @__PURE__ */ s(et, { values: f, color: "#4ade80", gradId: "bw-grad" }) })
         ] }),
         /* @__PURE__ */ u("div", { style: { marginTop: "14px" }, children: [
           /* @__PURE__ */ u("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "baseline", marginBottom: "6px" }, children: [
             /* @__PURE__ */ s("span", { style: { fontSize: "11px", color: "rgba(255,255,255,0.45)", textTransform: "uppercase", letterSpacing: "0.07em" }, children: "Buffer Health" }),
-            /* @__PURE__ */ s("span", { style: { fontSize: "16px", fontWeight: 600, color: "#60a5fa", fontFamily: "monospace" }, children: K ? `${Ve.toFixed(1)} s` : "—" })
+            /* @__PURE__ */ s("span", { style: { fontSize: "16px", fontWeight: 600, color: "#60a5fa", fontFamily: "monospace" }, children: j ? `${Ve.toFixed(1)} s` : "—" })
           ] }),
-          /* @__PURE__ */ s("div", { style: { background: "rgba(0,0,0,0.3)", borderRadius: "8px", padding: "6px 8px" }, children: /* @__PURE__ */ s(et, { values: Y, color: "#60a5fa", gradId: "buf-grad" }) })
+          /* @__PURE__ */ s("div", { style: { background: "rgba(0,0,0,0.3)", borderRadius: "8px", padding: "6px 8px" }, children: /* @__PURE__ */ s(et, { values: K, color: "#60a5fa", gradId: "buf-grad" }) })
         ] }),
         /* @__PURE__ */ s("div", { style: { height: "1px", background: "rgba(255,255,255,0.07)", margin: "14px 0 12px" } }),
         /* @__PURE__ */ u("div", { style: { display: "flex", gap: "6px" }, children: [
-          ke("Codec", K?.codec || "—"),
-          ke("Resolution", K?.resolution || "—"),
-          ke("Dropped", K ? `${K.droppedFrames}/${K.totalFrames}` : "—")
+          ke("Codec", j?.codec || "—"),
+          ke("Resolution", j?.resolution || "—"),
+          ke("Dropped", j ? `${j.droppedFrames}/${j.totalFrames}` : "—")
         ] }),
         /* @__PURE__ */ u("div", { style: { display: "flex", gap: "6px", marginTop: "6px" }, children: [
-          ke("Stream", K?.streamType || "—"),
+          ke("Stream", j?.streamType || "—"),
           /* @__PURE__ */ u("div", { style: {
             background: "rgba(255,255,255,0.04)",
             borderRadius: "8px",
@@ -6793,7 +6793,7 @@ function yi({
       case "statistics":
         return vt();
       default:
-        return O();
+        return U();
     }
   };
   return /* @__PURE__ */ u("div", { ref: ye, style: { position: "relative", display: "inline-block" }, children: [
@@ -6803,10 +6803,10 @@ function yi({
         className: "virtus-settings-btn",
         "aria-label": "Settings",
         "aria-haspopup": "menu",
-        "aria-expanded": I,
+        "aria-expanded": _,
         onClick: Le,
         style: {
-          background: I ? "rgba(255,255,255,0.18)" : "transparent",
+          background: _ ? "rgba(255,255,255,0.18)" : "transparent",
           border: "none",
           color: "white",
           cursor: "pointer",
@@ -6820,11 +6820,11 @@ function yi({
           transition: "all 0.2s ease"
         },
         onMouseEnter: (f) => {
-          const Y = typeof r == "string" ? r : r === !1 ? "transparent" : "rgba(255,255,255,0.15)";
-          f.currentTarget.style.background = Y, f.currentTarget.style.transform = "scale(1.05)";
+          const K = typeof r == "string" ? r : r === !1 ? "transparent" : "rgba(255,255,255,0.15)";
+          f.currentTarget.style.background = K, f.currentTarget.style.transform = "scale(1.05)";
         },
         onMouseLeave: (f) => {
-          f.currentTarget.style.background = I ? "rgba(255,255,255,0.18)" : "transparent", f.currentTarget.style.transform = "scale(1)";
+          f.currentTarget.style.background = _ ? "rgba(255,255,255,0.18)" : "transparent", f.currentTarget.style.transform = "scale(1)";
         },
         title: "Settings",
         children: i ?? /* @__PURE__ */ u(
@@ -6840,7 +6840,7 @@ function yi({
             strokeLinejoin: "round",
             style: {
               transition: "transform 0.3s ease",
-              transform: I ? "rotate(45deg)" : "rotate(0deg)"
+              transform: _ ? "rotate(45deg)" : "rotate(0deg)"
             },
             children: [
               /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "3" }),
@@ -6850,7 +6850,7 @@ function yi({
         )
       }
     ),
-    I && /* @__PURE__ */ s(ze.Provider, { value: h, children: /* @__PURE__ */ s(
+    _ && /* @__PURE__ */ s(ze.Provider, { value: h, children: /* @__PURE__ */ s(
       "div",
       {
         role: "menu",
@@ -6858,8 +6858,8 @@ function yi({
         style: {
           ...gi,
           background: l,
-          border: `1px solid ${d}`,
-          boxShadow: `0 12px 48px rgba(0,0,0,0.7), 0 0 0 1px ${d.replace("0.1)", "0.08)")}`,
+          border: `1px solid ${c}`,
+          boxShadow: `0 12px 48px rgba(0,0,0,0.7), 0 0 0 1px ${c.replace("0.1)", "0.08)")}`,
           width: w === "statistics" ? "360px" : "320px",
           ...g === "bottom" ? { top: "52px" } : { bottom: "52px" },
           ...m === "left" ? { left: 0 } : { right: 0 }
@@ -6877,17 +6877,17 @@ function yi({
 }
 function Ti({ label: a = "AirPlay", className: e = "" }) {
   const t = Ce(), [r, i] = b(!1), [n, o] = b(!1);
-  k(() => {
+  x(() => {
     if (!t) return;
     i(t.isAirPlayAvailable()), o(t.isAirPlayActive());
-    const d = ({ isAvailable: c, isActive: h }) => {
-      i(c), o(h);
+    const c = ({ isAvailable: d, isActive: h }) => {
+      i(d), o(h);
     };
-    return t.events.on("airplaychange", d), () => {
-      t.events.off("airplaychange", d);
+    return t.events.on("airplaychange", c), () => {
+      t.events.off("airplaychange", c);
     };
   }, [t]);
-  const l = F(() => {
+  const l = B(() => {
     t?.showAirPlayPicker();
   }, [t]);
   return r ? /* @__PURE__ */ s(
@@ -6934,20 +6934,20 @@ function Mi({
   className: e = ""
 }) {
   const t = Ce(), [r, i] = b(!1), [n, o] = b(!1);
-  k(() => {
+  x(() => {
     if (!t) return;
     i(t.isCastAvailable()), o(t.isCastActive());
-    const d = ({
-      isAvailable: c,
+    const c = ({
+      isAvailable: d,
       isActive: h
     }) => {
-      i(c), o(h);
+      i(d), o(h);
     };
-    return t.events.on("castchange", d), () => {
-      t.events.off("castchange", d);
+    return t.events.on("castchange", c), () => {
+      t.events.off("castchange", c);
     };
   }, [t]);
-  const l = F(() => {
+  const l = B(() => {
     n ? t?.stopCasting() : t?.showCastPicker();
   }, [t, n]);
   return r ? /* @__PURE__ */ s(
@@ -7001,18 +7001,18 @@ function Pi({ x: a, y: e, isOpen: t, onClose: r, actions: i, theme: n }) {
     hoverBackground: n?.hoverBackground ?? "rgba(255,255,255,0.07)",
     iconBackground: n?.iconBackground ?? "rgba(255,255,255,0.08)",
     dividerColor: n?.dividerColor ?? "rgba(255,255,255,0.07)"
-  }, l = W(null);
-  return k(() => {
+  }, l = O(null);
+  return x(() => {
     if (!t) return;
-    const d = (c) => {
-      if ("key" in c) {
-        c.key === "Escape" && r();
+    const c = (d) => {
+      if ("key" in d) {
+        d.key === "Escape" && r();
         return;
       }
-      l.current && !l.current.contains(c.target) && r();
+      l.current && !l.current.contains(d.target) && r();
     };
-    return document.addEventListener("mousedown", d), document.addEventListener("keydown", d), () => {
-      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", d);
+    return document.addEventListener("mousedown", c), document.addEventListener("keydown", c), () => {
+      document.removeEventListener("mousedown", c), document.removeEventListener("keydown", c);
     };
   }, [t, r]), t ? /* @__PURE__ */ u(oe, { children: [
     /* @__PURE__ */ s(
@@ -7037,13 +7037,13 @@ function Pi({ x: a, y: e, isOpen: t, onClose: r, actions: i, theme: n }) {
           animation: "ctxFadeIn 0.14s ease-out",
           overflow: "hidden"
         },
-        children: i.map((d, c) => /* @__PURE__ */ u("div", { children: [
+        children: i.map((c, d) => /* @__PURE__ */ u("div", { children: [
           /* @__PURE__ */ u(
             "button",
             {
               role: "menuitem",
               onClick: () => {
-                d.onClick(), r();
+                c.onClick(), r();
               },
               style: {
                 display: "flex",
@@ -7053,38 +7053,38 @@ function Pi({ x: a, y: e, isOpen: t, onClose: r, actions: i, theme: n }) {
                 padding: "9px 14px",
                 background: "transparent",
                 border: "none",
-                color: d.danger ? o.dangerColor : o.textColor,
+                color: c.danger ? o.dangerColor : o.textColor,
                 fontSize: "13.5px",
                 textAlign: "left",
                 cursor: "pointer",
                 transition: "background 0.1s"
               },
               onMouseEnter: (h) => {
-                h.currentTarget.style.background = d.danger ? "rgba(239,68,68,0.12)" : o.hoverBackground;
+                h.currentTarget.style.background = c.danger ? "rgba(239,68,68,0.12)" : o.hoverBackground;
               },
               onMouseLeave: (h) => {
                 h.currentTarget.style.background = "transparent";
               },
               children: [
-                d.icon !== void 0 && /* @__PURE__ */ s("span", { style: {
+                c.icon !== void 0 && /* @__PURE__ */ s("span", { style: {
                   width: "28px",
                   height: "28px",
                   borderRadius: "7px",
-                  background: d.danger ? "rgba(239,68,68,0.15)" : o.iconBackground,
+                  background: c.danger ? "rgba(239,68,68,0.15)" : o.iconBackground,
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
                   flexShrink: 0,
-                  color: d.danger ? o.dangerColor : o.textColor,
+                  color: c.danger ? o.dangerColor : o.textColor,
                   fontSize: "13px",
                   lineHeight: 1
-                }, children: d.icon }),
-                /* @__PURE__ */ s("span", { style: { flex: 1 }, children: d.label })
+                }, children: c.icon }),
+                /* @__PURE__ */ s("span", { style: { flex: 1 }, children: c.label })
               ]
             }
           ),
-          d.dividerAfter && /* @__PURE__ */ s("div", { style: { height: "1px", background: o.dividerColor, margin: "3px 0" } })
-        ] }, c))
+          c.dividerAfter && /* @__PURE__ */ s("div", { style: { height: "1px", background: o.dividerColor, margin: "3px 0" } })
+        ] }, d))
       }
     ),
     /* @__PURE__ */ s("style", { children: `
@@ -7096,7 +7096,7 @@ function Pi({ x: a, y: e, isOpen: t, onClose: r, actions: i, theme: n }) {
   ] }) : null;
 }
 const Li = ({ mode: a }) => {
-  const { isLive: e } = X(), t = a === "live" || a !== "vod" && !!e;
+  const { isLive: e } = Y(), t = a === "live" || a !== "vod" && !!e;
   return /* @__PURE__ */ u(Or, { children: [
     /* @__PURE__ */ s(zr, {}),
     !t && /* @__PURE__ */ s(li, { seconds: 15 }),
@@ -7255,5 +7255,5 @@ export {
   Lr as useMobileGestures,
   Ce as usePlayer,
   q as usePlayerMethods,
-  X as usePlayerState
+  Y as usePlayerState
 };