playron 1.0.35 → 1.0.37

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 de, useState as b, useEffect as k, useMemo as Ue, useContext as re, memo as kt, useRef as O, useCallback as $ } from "react";
 class St {
   listeners = /* @__PURE__ */ new Map();
   /**
@@ -47,7 +47,7 @@ class St {
     return this.listeners.get(e)?.size || 0;
   }
 }
-const ge = new St(), C = {
+const ge = new St(), x = {
   // Playback events
   PLAY: "play",
   PAUSE: "pause",
@@ -88,8 +88,8 @@ const ge = new St(), C = {
   MEDIA_ERR_SRC_NOT_SUPPORTED: 4
   // Source format not supported
 };
-function wi(a) {
-  return Object.values(C).includes(a);
+function Ei(a) {
+  return Object.values(x).includes(a);
 }
 class At {
   videoElement = null;
@@ -106,19 +106,19 @@ class At {
    * Video element'inin native event'lerini dinle
    */
   setupEventListeners() {
-    this.videoElement && (this.videoElement.addEventListener(C.PLAY, () => {
+    this.videoElement && (this.videoElement.addEventListener(x.PLAY, () => {
       this.isPlaying = !0, this.emitPlayEvent();
-    }), this.videoElement.addEventListener(C.PAUSE, () => {
+    }), this.videoElement.addEventListener(x.PAUSE, () => {
       this.isPlaying = !1, this.emitPauseEvent();
-    }), this.videoElement.addEventListener(C.VOLUME_CHANGE, () => {
+    }), this.videoElement.addEventListener(x.VOLUME_CHANGE, () => {
       this.videoElement && (this.volume = this.videoElement.volume, this.isMuted = this.videoElement.muted, this.emitVolumeChangeEvent());
-    }), this.videoElement.addEventListener(C.TIME_UPDATE, () => {
+    }), this.videoElement.addEventListener(x.TIME_UPDATE, () => {
       this.videoElement && (this.currentTime = this.videoElement.currentTime);
-    }), this.videoElement.addEventListener(C.LOADED_METADATA, () => {
+    }), this.videoElement.addEventListener(x.LOADED_METADATA, () => {
       this.videoElement && (this.duration = this.videoElement.duration);
-    }), this.videoElement.addEventListener(C.RATE_CHANGE, () => {
+    }), this.videoElement.addEventListener(x.RATE_CHANGE, () => {
       this.videoElement && (this.playbackRate = this.videoElement.playbackRate);
-    }), this.videoElement.addEventListener(C.ERROR, (e) => {
+    }), this.videoElement.addEventListener(x.ERROR, (e) => {
       console.error("Video error:", e), this.videoElement?.error && console.error("Video error details:", {
         code: this.videoElement.error.code,
         message: this.videoElement.error.message,
@@ -451,8 +451,9 @@ class Tt {
       volume: 1,
       currentTime: 0,
       duration: 0,
-      playbackRate: 1
-      // Default speed: 1x
+      playbackRate: 1,
+      isBuffering: !1,
+      isSeeking: !1
     }, ...e };
   }
   /**
@@ -928,7 +929,7 @@ async function nt(a, e, t, r, i) {
   }
   throw n;
 }
-async function $t(a, e = {}) {
+async function Bt(a, e = {}) {
   const t = Oe.get(a);
   if (t)
     return console.debug("[LicenseManager] Using cached FairPlay certificate:", a), t;
@@ -943,7 +944,7 @@ async function $t(a, e = {}) {
   );
   return Oe.set(a, r), r;
 }
-function Bt() {
+function $t() {
   Oe.clear();
 }
 async function Ft(a, e, t = {}, r = !1, i = {}) {
@@ -1016,7 +1017,7 @@ class Ot {
     this.mediaKeys = await t.createMediaKeys();
     let r;
     try {
-      r = await $t(this.config.certificateUrl, this.config.headers);
+      r = await Bt(this.config.certificateUrl, this.config.headers);
     } catch (i) {
       throw new Error(
         `FairPlay: Failed to fetch server certificate from ${this.config.certificateUrl}: ` + (i instanceof Error ? i.message : String(i))
@@ -1153,7 +1154,7 @@ class Ht {
     this.destroyed = !0, console.debug("[WidevineAdapter] Destroyed");
   }
 }
-const $e = "com.microsoft.playready", Ke = "com.microsoft.playready.hardware", zt = [
+const Be = "com.microsoft.playready", Ke = "com.microsoft.playready.hardware", zt = [
   {
     initDataTypes: ["cenc"],
     videoCapabilities: [
@@ -1170,7 +1171,7 @@ class qt {
   config;
   destroyed = !1;
   constructor(e) {
-    this.config = e, this.keySystem = e.preferHardware ? Ke : $e;
+    this.config = e, this.keySystem = e.preferHardware ? Ke : Be;
   }
   /**
    * Probe PlayReady support and signal readiness.
@@ -1178,7 +1179,7 @@ class qt {
    */
   async initialize(e) {
     if (this.destroyed) return;
-    const t = this.config.preferHardware ? [Ke, $e] : [$e];
+    const t = this.config.preferHardware ? [Ke, Be] : [Be];
     let r = !1;
     for (const i of t)
       try {
@@ -1256,7 +1257,7 @@ class Kt {
   }
   /** Destroy the adapter and release all resources. */
   destroy() {
-    this.destroyed || (this.destroyed = !0, this.adapter?.destroy(), this.adapter = null, this.selectedKeySystem = null, Bt(), console.debug("[DrmManager] Destroyed"));
+    this.destroyed || (this.destroyed = !0, this.adapter?.destroy(), this.adapter = null, this.selectedKeySystem = null, $t(), console.debug("[DrmManager] Destroyed"));
   }
   // ── Private ────────────────────────────────────────────────────────────────
   createAdapter(e) {
@@ -1514,27 +1515,37 @@ class fe {
    * State değişikliklerini dinle
    */
   setupStateListeners() {
-    !this.stateManager || !this.videoElement || (this.videoElement.addEventListener(C.PLAY, () => {
+    !this.stateManager || !this.videoElement || (this.videoElement.addEventListener(x.PLAY, () => {
       this.events.emit("play", { timestamp: Date.now() });
-    }), this.videoElement.addEventListener(C.PAUSE, () => {
+    }), this.videoElement.addEventListener(x.PAUSE, () => {
       this.events.emit("pause", { timestamp: Date.now() });
-    }), this.videoElement.addEventListener(C.TIME_UPDATE, () => {
+    }), this.videoElement.addEventListener(x.TIME_UPDATE, () => {
       this.events.emit("timeupdate", {
         currentTime: this.videoElement?.currentTime || 0,
         duration: this.videoElement?.duration || 0
       });
-    }), this.videoElement.addEventListener(C.ENDED, () => {
+    }), this.videoElement.addEventListener(x.ENDED, () => {
       this.events.emit("ended", { timestamp: Date.now() });
-    }), this.videoElement.addEventListener(C.LOADED_METADATA, () => {
+    }), this.videoElement.addEventListener(x.LOADED_METADATA, () => {
       this.events.emit("loadedmetadata", {
         duration: this.videoElement?.duration || 0,
         videoWidth: this.videoElement?.videoWidth || 0,
         videoHeight: this.videoElement?.videoHeight || 0
       });
-    }), this.videoElement.addEventListener(C.RATE_CHANGE, () => {
+    }), this.videoElement.addEventListener(x.RATE_CHANGE, () => {
       const e = this.videoElement?.playbackRate || 1;
       this.stateManager?.set("playbackRate", e), this.events.emit("ratechange", { playbackRate: e });
-    }), this.videoElement.addEventListener(C.ERROR, () => {
+    }), this.videoElement.addEventListener(x.SEEKING, () => {
+      this.stateManager?.set("isSeeking", !0), this.stateManager?.set("isBuffering", !0), this.events.emit("seeking", { targetTime: this.videoElement?.currentTime ?? 0 }), this.events.emit("buffering", { isBuffering: !0 });
+    }), this.videoElement.addEventListener(x.SEEKED, () => {
+      this.stateManager?.set("isSeeking", !1), this.events.emit("seeked", { currentTime: this.videoElement?.currentTime ?? 0 });
+    }), this.videoElement.addEventListener(x.WAITING, () => {
+      this.stateManager?.set("isBuffering", !0), this.events.emit("buffering", { isBuffering: !0 });
+    }), this.videoElement.addEventListener(x.PLAYING, () => {
+      this.stateManager?.set("isBuffering", !1), this.stateManager?.set("isSeeking", !1), this.events.emit("buffering", { isBuffering: !1 });
+    }), this.videoElement.addEventListener(x.CAN_PLAY, () => {
+      this.stateManager?.set("isBuffering", !1), this.events.emit("buffering", { isBuffering: !1 });
+    }), this.videoElement.addEventListener(x.ERROR, () => {
       const e = this.videoElement?.error;
       if (e) {
         const t = `MEDIA_ERR_${e.code === 1 ? "ABORTED" : e.code === 2 ? "NETWORK" : e.code === 3 ? "DECODE" : e.code === 4 ? "SRC_NOT_SUPPORTED" : "UNKNOWN"}`;
@@ -2057,7 +2068,7 @@ class fe {
     this.stallDetector?.destroy(), this.stallDetector = null, this.destroyAirPlay(), this.destroyChromecast(), this.destroyStreamingEngines(), this.videoEngine && (this.videoEngine.destroy(), this.videoEngine = null), this.stateManager && (this.stateManager.reset(), this.stateManager = null), this.configManager && (this.configManager.reset(), this.configManager = null), this.videoElement = null, this.container = null;
   }
 }
-const st = ce(null), ot = {
+const st = de(null), ot = {
   isPlaying: !1,
   isMuted: !1,
   volume: 1,
@@ -2066,7 +2077,7 @@ const st = ce(null), ot = {
   isLive: !1,
   isAtLiveEdge: !1,
   liveLatency: 0
-}, at = ce(ot), lt = ce(null);
+}, at = de(ot), lt = de(null);
 function Gt({ children: a, playerInstance: e }) {
   const [t, r] = b(ot);
   k(() => {
@@ -2101,8 +2112,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(x.TIME_UPDATE, d), l.addEventListener(x.PLAY, c), l.addEventListener(x.PAUSE, c), l.addEventListener(x.VOLUME_CHANGE, h), l.addEventListener(x.LOADED_METADATA, d), () => {
+        e.events.off("livelatencyupdate", p), l.removeEventListener(x.TIME_UPDATE, d), l.removeEventListener(x.PLAY, c), l.removeEventListener(x.PAUSE, c), l.removeEventListener(x.VOLUME_CHANGE, h), l.removeEventListener(x.LOADED_METADATA, d), n.unsubscribe(o);
       };
     }
     return () => {
@@ -2185,7 +2196,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 +2273,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);
+  const t = Y((D) => D.isPlaying), { togglePlay: r, toggleFullscreen: i, getPlayer: n } = q(), [o, l] = b(!1), [d, c] = b("play"), [h, p] = b(!1), g = O(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));
   }, [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;
+  const m = a?.ui?.showOverlayIcons !== !1, S = a?.ui?.showPlayPauseIcons !== !1, I = a?.ui?.overlayIcons?.playIcon, C = a?.ui?.overlayIcons?.pauseIcon, T = a?.ui?.overlayIcons?.iconSize || 40, w = a?.ui?.overlayIcons?.containerSize || 80;
   k(() => {
-    const V = n();
-    if (!V) return;
-    const A = V.video || V.videoElement;
+    const D = n();
+    if (!D) return;
+    const A = D.video || D.videoElement;
     if (!A) return;
-    const N = () => {
+    const _ = () => {
       p(!0), c("loading"), l(!0), g.current && clearTimeout(g.current);
-    }, I = () => {
+    }, W = () => {
       g.current = window.setTimeout(() => {
         p(!1), l(!1);
       }, 300);
-    }, H = () => {
+    }, E = () => {
       p(!0), c("loading"), l(!0);
-    }, w = () => {
+    }, M = () => {
       h && (g.current = window.setTimeout(() => {
         p(!1), l(!1);
       }, 300));
-    }, T = () => {
+    }, N = () => {
       h && (g.current = window.setTimeout(() => {
         p(!1), l(!1);
       }, 300));
-    }, $ = () => {
+    }, H = () => {
       p(!0), c("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 A.addEventListener(x.SEEKING, _), A.addEventListener(x.SEEKED, W), A.addEventListener(x.WAITING, E), A.addEventListener(x.PLAYING, M), A.addEventListener(x.CAN_PLAY, N), A.addEventListener(x.LOAD_START, H), () => {
+      A.removeEventListener(x.SEEKING, _), A.removeEventListener(x.SEEKED, W), A.removeEventListener(x.WAITING, E), A.removeEventListener(x.PLAYING, M), A.removeEventListener(x.CAN_PLAY, N), A.removeEventListener(x.LOAD_START, H), g.current && clearTimeout(g.current);
     };
   }, [n, h]), k(() => {
     if (!h) {
       c(t ? "pause" : "play"), l(!0);
-      const V = setTimeout(() => {
+      const D = setTimeout(() => {
         l(!1);
       }, 600);
-      return () => clearTimeout(V);
+      return () => clearTimeout(D);
     }
   }, [t, h]);
-  const x = F(async () => {
+  const y = $(async () => {
     await r();
-  }, [r]), y = F(() => {
+  }, [r]), G = $(() => {
     i();
-  }, [i]), G = (V) => {
-    const A = V === "play" ? S : D;
+  }, [i]), X = (D) => {
+    const A = D === "play" ? I : C;
     return A ? /^https?:\/\//.test(A) || /\.(jpg|jpeg|png|svg|gif|webp)$/i.test(A) ? /* @__PURE__ */ s(
       "img",
       {
         src: A,
-        alt: V === "play" ? "Play" : "Pause",
+        alt: D === "play" ? "Play" : "Pause",
         className: ne.customIcon,
-        style: { "--icon-size": `${E}px` }
+        style: { "--icon-size": `${T}px` }
       }
     ) : /* @__PURE__ */ s(
       "div",
       {
         dangerouslySetInnerHTML: { __html: A },
         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 +2356,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 +2375,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": `${w}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 && (d === "loading" || S) && /* @__PURE__ */ s(
           "div",
           {
             className: `${ne.iconContainer} ${h ? ne.loading : ""}`,
             style: {
-              "--icon-container-size": `${L}px`,
-              "--icon-size": `${E}px`
+              "--icon-container-size": `${w}px`,
+              "--icon-size": `${T}px`
             },
-            children: d === "loading" ? /* @__PURE__ */ s(Xe, { size: E }) : G(d)
+            children: d === "loading" ? /* @__PURE__ */ s(Xe, { size: T }) : X(d)
           }
         )
       }
@@ -2398,13 +2409,13 @@ function Ce() {
     throw new Error("usePlayer must be used within PlayerProvider");
   return a;
 }
-const sr = "_errorOverlay_4djr8_5", or = "_variant_drm_4djr8_19", ar = "_variant_network_4djr8_23", lr = "_variant_decode_4djr8_27", cr = "_variant_generic_4djr8_31", dr = "_errorContent_4djr8_37", ur = "_errorIcon_4djr8_51", hr = "_iconPulse_4djr8_1", pr = "_drmGlow_4djr8_1", gr = "_netGlow_4djr8_1", fr = "_errorTitle_4djr8_86", mr = "_errorMessage_4djr8_100", yr = "_errorHint_4djr8_109", vr = "_browserList_4djr8_117", br = "_browserItem_4djr8_126", wr = "_errorCode_4djr8_142", Er = "_retryButton_4djr8_152", te = {
+const sr = "_errorOverlay_4djr8_5", or = "_variant_drm_4djr8_19", ar = "_variant_network_4djr8_23", lr = "_variant_decode_4djr8_27", dr = "_variant_generic_4djr8_31", cr = "_errorContent_4djr8_37", ur = "_errorIcon_4djr8_51", hr = "_iconPulse_4djr8_1", pr = "_drmGlow_4djr8_1", gr = "_netGlow_4djr8_1", fr = "_errorTitle_4djr8_86", mr = "_errorMessage_4djr8_100", yr = "_errorHint_4djr8_109", vr = "_browserList_4djr8_117", br = "_browserItem_4djr8_126", Er = "_errorCode_4djr8_142", wr = "_retryButton_4djr8_152", te = {
   errorOverlay: sr,
   variant_drm: or,
   variant_network: ar,
   variant_decode: lr,
-  variant_generic: cr,
-  errorContent: dr,
+  variant_generic: dr,
+  errorContent: cr,
   errorIcon: ur,
   iconPulse: hr,
   drmGlow: pr,
@@ -2414,8 +2425,8 @@ const sr = "_errorOverlay_4djr8_5", or = "_variant_drm_4djr8_19", ar = "_variant
   errorHint: yr,
   browserList: vr,
   browserItem: br,
-  errorCode: wr,
-  retryButton: Er
+  errorCode: Er,
+  retryButton: wr
 };
 function xr(a, e) {
   const t = a.code.toUpperCase(), r = (a.message ?? "").toUpperCase();
@@ -2499,7 +2510,7 @@ 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);
+  const t = Ce(), [r, i] = b(null), [n, o] = b(null), l = O(null), d = O(null);
   d.current = r, k(() => {
     it().then((g) => {
       o(g);
@@ -2523,9 +2534,9 @@ function Ar({ onRetry: a, drmConfig: e }) {
     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";
+        const I = n, C = 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: C,
           code: "DRM_TIMEOUT",
           rawMessage: "Playback stalled — possible DRM or network issue.",
           persistent: !0
@@ -2555,7 +2566,7 @@ function Ar({ onRetry: a, drmConfig: e }) {
       t.events.off("play", g), t.events.off("loadedmetadata", g);
     };
   }, [t]);
-  const c = F(() => {
+  const c = $(() => {
     if (i(null), a) {
       a();
       return;
@@ -2633,7 +2644,7 @@ const se = {
   { key: "Esc", description: "Close overlays", icon: se.close }
 ];
 function Tr({ isOpen: a, onClose: e }) {
-  const t = F((r) => {
+  const t = $((r) => {
     r.key === "Escape" && e();
   }, [e]);
   return k(() => {
@@ -2796,7 +2807,7 @@ function Mr({
   nextTitle: i,
   thumbnail: n
 }) {
-  const [o, l] = b(r), d = W(null), c = F(() => {
+  const [o, l] = b(r), d = O(null), c = $(() => {
     d.current && (clearInterval(d.current), d.current = null);
   }, []);
   if (k(() => {
@@ -3034,26 +3045,26 @@ 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 = $((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, d = $((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 C = p.currentTarget.getBoundingClientRect();
+      if (g.clientX - C.left > C.width / 2) {
+        const w = a.getVideoElement();
+        w && a.seekTo(Math.min(w.duration || 0, w.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 w = a.getVideoElement();
+        w && a.seekTo(Math.max(0, w.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]), c = $((p) => {
+  }, []), h = $(() => {
   }, []);
   return { onTouchStart: d, onTouchMove: c, onTouchEnd: h, gestureHint: t };
 }
@@ -3067,7 +3078,7 @@ 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 = $(() => {
     i.current && clearTimeout(i.current), r(!0), i.current = window.setTimeout(() => {
       r(!1);
     }, a);
@@ -3251,12 +3262,12 @@ 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((w) => w.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);
     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(), S = this.parseTrackingEvents(n, t), I = this.getErrorUrls(t), C = this.parseCompanions(n);
     return {
       id: o,
       title: l,
@@ -3264,8 +3275,8 @@ class _r {
       mediaFile: h,
       clickThrough: m,
       trackingEvents: S,
-      errorUrls: D,
-      companions: E.length > 0 ? E : void 0,
+      errorUrls: I,
+      companions: C.length > 0 ? C : void 0,
       isVpaid: p,
       vpaidUrl: g,
       podSequence: i
@@ -3275,10 +3286,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, 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, I = i.querySelector("CompanionClickThrough")?.textContent?.trim() ?? void 0, C = i.querySelector("AltText")?.textContent?.trim() ?? void 0, T = [];
+      i.querySelectorAll('TrackingEvents > Tracking[event="creativeView"]').forEach((w) => {
+        const y = w.textContent?.trim();
+        y && T.push(y);
       }), (p || g || m) && t.push({
         id: l,
         width: n,
@@ -3287,9 +3298,9 @@ class _r {
         htmlResource: g,
         iFrameResource: m,
         type: S,
-        clickThrough: D,
-        altText: E,
-        viewTrackingUrls: L.length > 0 ? L : void 0
+        clickThrough: I,
+        altText: C,
+        viewTrackingUrls: T.length > 0 ? T : void 0
       });
     }), t;
   }
@@ -3565,7 +3576,7 @@ class Nr {
   reset() {
   }
 }
-class $r {
+class Br {
   player;
   config;
   tracker;
@@ -3900,7 +3911,7 @@ class $r {
     };
   }
 }
-class Br {
+class $r {
   player;
   config;
   vastParser;
@@ -3917,7 +3928,7 @@ class Br {
     this.player = e, this.config = t, this.onLoadingChange = r, this.vastParser = new _r(
       t.timeout || 5e3,
       t.maxWrapperDepth || 5
-    ), this.vmapParser = new Vr(t.timeout || 5e3), this.adPlayer = new $r(e, t, () => this.hideAdLoading()), console.log("[AdManager] Initialized with config:", t);
+    ), this.vmapParser = new Vr(t.timeout || 5e3), this.adPlayer = new Br(e, t, () => this.hideAdLoading()), console.log("[AdManager] Initialized with config:", t);
   }
   /**
    * Wait for video element to be ready (with retry logic)
@@ -4194,25 +4205,25 @@ class Br {
     this.hideAdLoading(), this.adPlayer.destroy(), this.preRollPlayed = !1, this.midRollsPlayed.clear(), this.postRollPlayed = !1, this.vmapData = null, console.log("[AdManager] Destroyed");
   }
 }
-const ct = {
+const dt = {
   bottomOffset: 110,
   fontSize: 18,
   color: "#ffffff",
   background: "rgba(0,0,0,0.75)"
-}, dt = ce({
-  style: ct,
+}, ct = de({
+  style: dt,
   setStyle: () => {
   }
 });
 function Fr({ children: a }) {
-  const [e, t] = b(ct), r = (i) => t((n) => ({ ...n, ...i }));
-  return /* @__PURE__ */ s(dt.Provider, { value: { style: e, setStyle: r }, children: a });
+  const [e, t] = b(dt), r = (i) => t((n) => ({ ...n, ...i }));
+  return /* @__PURE__ */ s(ct.Provider, { value: { style: e, setStyle: r }, children: a });
 }
 function ut() {
-  return re(dt);
+  return re(ct);
 }
 function Ur({ videoElement: a }) {
-  const { style: e } = ut(), [t, r] = b([]), i = W(""), n = W(0);
+  const { style: e } = ut(), [t, r] = b([]), i = O(""), n = O(0);
   return k(() => {
     if (!a) return;
     const o = () => {
@@ -4274,8 +4285,8 @@ function Ur({ videoElement: a }) {
     }
   );
 }
-const He = ce(!0);
-function Ei({
+const He = de(!0);
+function wi({
   src: a = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
   defaultControls: e = !1,
   autoplay: t = !1,
@@ -4291,18 +4302,18 @@ function Ei({
   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 S = O(null), I = O(null), [C, T] = b(null), w = O(null), [y, G] = b(!1), [X, D] = b(!1), A = $(() => D(!0), []), _ = $(() => D(!1), []), [W, E] = b(!1), { onTouchStart: M, onTouchMove: N, onTouchEnd: H, gestureHint: Q } = Lr({
+    player: C,
     skipSec: 10
-  }), { isActive: P } = Dr({
+  }), { isActive: L } = Dr({
     timeout: 3e3,
     initialVisible: !0
   });
   Ir({
-    player: E,
+    player: C,
     seekStep: 10,
     enabled: !0,
-    onShowShortcuts: N
+    onShowShortcuts: A
   });
   const B = Ue(() => !l?.ads?.enabled || !l.ads.vastUrl && !l.ads.vmapUrl ? null : {
     enabled: !0,
@@ -4320,40 +4331,40 @@ function Ei({
     l?.ads?.maxWrapperDepth
   ]);
   k(() => {
-    if (!D.current || !S.current) return;
+    if (!I.current || !S.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 = S.current, T(F), () => {
+      console.log("[Player] Cleanup called - destroying PlayerCore"), w.current && (console.log("[Player] Destroying AdManager"), w.current.destroy(), w.current = null), F.destroy(), T(null);
     };
   }, []), k(() => {
-    if (!E || !B) return;
+    if (!C || !B) return;
     console.log("[Player] Setting up ads");
-    const U = (J) => {
+    const F = (J) => {
       G(J), d?.(J);
-    }, Z = new Br(E, B, U);
-    return x.current = Z, Z.setup().catch((J) => {
+    }, Z = new $r(C, B, F);
+    return w.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);
+      w.current && (console.log("[Player] Cleaning up ads"), w.current.destroy(), w.current = null);
     };
-  }, [E, B]), k(() => {
-    !E || !l || E.setConfig(l);
-  }, [E, l]);
-  const M = Ue(() => l?.drm ?? null, [l?.drm]);
+  }, [C, B]), k(() => {
+    !C || !l || C.setConfig(l);
+  }, [C, l]);
+  const P = 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);
+    !C || !P?.enabled || C.setupDrm(P);
+  }, [C, P]), k(() => {
+    C && a && (console.log("[Player] Setting source:", a), C.setSource(a).catch((F) => {
+      console.error("[Player] setSource failed:", F);
     }));
-  }, [E, a]), k(() => {
-    if (!E || !c) return;
-    const U = E.getVideoElement();
-    if (!U) return;
-    const Z = () => w(!0);
-    return U.addEventListener("ended", Z), () => U.removeEventListener("ended", Z);
-  }, [E, c]), /* @__PURE__ */ u(Fr, { children: [
+  }, [C, a]), k(() => {
+    if (!C || !c) return;
+    const F = C.getVideoElement();
+    if (!F) return;
+    const Z = () => E(!0);
+    return F.addEventListener("ended", Z), () => F.removeEventListener("ended", Z);
+  }, [C, c]), /* @__PURE__ */ u(Fr, { children: [
     /* @__PURE__ */ u(
       "div",
       {
@@ -4361,14 +4372,14 @@ function Ei({
         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 +4403,7 @@ function Ei({
           /* @__PURE__ */ s(
             "video",
             {
-              ref: D,
+              ref: I,
               className: `virtus-video-element ${n || ""}`,
               style: {
                 width: "100%",
@@ -4411,20 +4422,20 @@ 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 }),
+          C ? /* @__PURE__ */ s(Gt, { playerInstance: C, 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 }),
+            /* @__PURE__ */ s(Tr, { isOpen: X, onClose: _ }),
             c && /* @__PURE__ */ s(
               Mr,
               {
-                isVisible: H,
+                isVisible: W,
                 onNextEpisode: () => {
-                  w(!1), c();
+                  E(!1), c();
                 },
-                onDismiss: () => w(!1),
+                onDismiss: () => E(!1),
                 countdownSec: g,
                 nextTitle: h,
                 thumbnail: p
@@ -4483,7 +4494,7 @@ function zr({
   style: o,
   ...l
 }) {
-  const d = X((g) => g.isPlaying), { togglePlay: c } = q(), h = async (g) => {
+  const d = Y((g) => g.isPlaying), { togglePlay: c } = q(), h = async (g) => {
     try {
       await c();
     } catch (m) {
@@ -4546,7 +4557,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(
@@ -4783,7 +4794,7 @@ function Yr(a, e, t = !0) {
     };
   }, [a, e, t]);
 }
-const Te = ce({
+const Te = de({
   isOpen: !1,
   toggle: () => {
   },
@@ -4793,7 +4804,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((d) => !d), n = () => t(!1), o = () => t(!0);
   Yr(r, n, e);
   const l = {
     isOpen: e,
@@ -4998,7 +5009,7 @@ 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];
+  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];
   k(() => {
     e?.playbackRate !== void 0 && r(e.playbackRate);
   }, [e?.playbackRate]);
@@ -5077,28 +5088,28 @@ const Xr = "_timeDisplay_1wupc_3", Gr = "_currentTime_1wupc_16", Qr = "_separato
   currentTime: Gr,
   separator: Qr,
   duration: Zr
-}, Be = (a) => {
+}, $e = (a) => {
   if (!isFinite(a) || isNaN(a)) return "0:00";
   const e = Math.floor(a / 3600), t = Math.floor(a % 3600 / 60), r = Math.floor(a % 60);
   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",
     {
       className: pe.currentTime,
       style: { color: "rgba(255, 255, 255, 0.7)", fontSize: "12px" },
-      children: Be(t)
+      children: $e(t)
     }
   ) }) : /* @__PURE__ */ u("div", { className: `virtus-time-display ${pe.timeDisplay} ${a || ""}`, ...e, children: [
-    /* @__PURE__ */ s("span", { className: pe.currentTime, children: Be(t) }),
+    /* @__PURE__ */ s("span", { className: pe.currentTime, children: $e(t) }),
     /* @__PURE__ */ s("span", { className: pe.separator, children: "/" }),
-    /* @__PURE__ */ s("span", { className: pe.duration, children: Be(r) })
+    /* @__PURE__ */ s("span", { className: pe.duration, children: $e(r) })
   ] });
 }
 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 +5158,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,7 +5185,7 @@ 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);
+  const { currentTime: e } = Y(), { seekTo: t } = q(), [r, i] = b(!1), [n, o] = b(!1);
   k(() => {
     if (a) {
       if (a.intro) {
@@ -5187,9 +5198,9 @@ function Ai({ introOutro: a }) {
       }
     }
   }, [e, a]);
-  const l = F(() => {
+  const l = $(() => {
     a?.intro && (t(a.intro.end), i(!1));
-  }, [a, t]), d = F(() => {
+  }, [a, t]), d = $(() => {
     a?.outro && (t(a.outro.end), o(!1));
   }, [a, t]);
   return !r && !n ? null : /* @__PURE__ */ u("div", { className: Fe.container, children: [
@@ -5427,68 +5438,68 @@ 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() });
+  const l = re(He), d = O(null), [c, h] = b(!1), [p, g] = b(null), [m, S] = b(null), [I, C] = b([]), T = O(null), { currentTime: w, duration: y, isLive: G, isPlaying: X, playbackRate: D } = Y(), { seekTo: A, getDVRRange: _, getBufferedRanges: W } = q(), [E, M] = b(w), N = O(null), H = O({ time: w, 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);
+    H.current = { time: w, ts: performance.now() }, M(w);
+  }, [w]);
+  const Q = $(() => {
+    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);
+    N.current = requestAnimationFrame(Q);
+  }, [X, D, y]);
+  k(() => (N.current = requestAnimationFrame(Q), () => {
+    N.current !== null && cancelAnimationFrame(N.current);
   }), [Q]), k(() => {
     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(() => {
     const v = setInterval(() => {
-      E(H());
+      C(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, B = L ? _() : null, P = B !== null && B.end - B.start > 5, F = P ? B.end - B.start : 0, Z = P && F > 0 ? (E - B.start) / F * 100 : 0, J = L ? Math.min(100, Math.max(0, Z)) : y > 0 ? E / y * 100 : 0, Ee = o?.trackColor ?? "rgba(255, 255, 255, 0.3)", ae = o?.progressColor ?? (L ? "#ff2020" : "#6366f1"), ce = 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, _));
-  }, Ee = (v) => {
-    if (!(P && !M)) {
-      if (P && M) {
-        N(B.start + v * U);
+    const R = d.current.getBoundingClientRect(), V = (v.clientX - R.left) / R.width;
+    return Math.max(0, Math.min(1, V));
+  }, we = (v) => {
+    if (!(L && !P)) {
+      if (L && P) {
+        A(B.start + v * F);
         return;
       }
-      y !== 0 && N(v * y);
+      y !== 0 && A(v * y);
     }
   }, De = (v) => {
-    if (P && !M) return;
+    if (L && !P) return;
     v.preventDefault(), h(!0);
     const R = ve(v);
-    Ee(R);
+    we(R);
   }, Ie = (v) => {
     if (!d.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 ? B.start + R * F : R * y;
+      S(T.current.getThumbnailAt(V));
     }
   }, _e = () => {
     g(null), S(null);
   };
   return k(() => {
     if (!c) return;
-    const v = (_) => {
+    const v = (V) => {
       if (!d.current) return;
-      const O = ve(_);
-      g(O), Ee(O);
+      const U = ve(V);
+      g(U), we(U);
     }, R = () => {
       h(!1);
     };
@@ -5511,7 +5522,7 @@ function ai({
         pointerEvents: l ? "auto" : "none"
       },
       children: [
-        P && !M && /* @__PURE__ */ u(
+        L && !P && /* @__PURE__ */ u(
           "div",
           {
             style: {
@@ -5550,7 +5561,7 @@ function ai({
             ]
           }
         ),
-        P && M && /* @__PURE__ */ u(
+        L && P && /* @__PURE__ */ u(
           "div",
           {
             style: {
@@ -5597,41 +5608,41 @@ function ai({
           "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,
+            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(B.start) : 0,
+            "aria-valuemax": L && !P ? void 0 : P ? Math.floor(B.end) : Math.floor(y) || 0,
+            "aria-valuenow": L && !P ? void 0 : Math.floor(w),
+            "aria-valuetext": L && !P ? "LIVE" : P ? `${le(w)} (DVR)` : `${le(w)} 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 ? B.start : 0, ee = P ? B.end : y;
               if (ee !== 0)
                 switch (v.key) {
                   case "ArrowLeft":
                   case "ArrowDown":
-                    v.preventDefault(), N(Math.max(O, x - R));
+                    v.preventDefault(), A(Math.max(U, w - R));
                     break;
                   case "ArrowRight":
                   case "ArrowUp":
-                    v.preventDefault(), N(Math.min(ee, x + R));
+                    v.preventDefault(), A(Math.min(ee, w + R));
                     break;
                   case "PageDown":
-                    v.preventDefault(), N(Math.max(O, x - _));
+                    v.preventDefault(), A(Math.max(U, w - V));
                     break;
                   case "PageUp":
-                    v.preventDefault(), N(Math.min(ee, x + _));
+                    v.preventDefault(), A(Math.min(ee, w + V));
                     break;
                   case "Home":
-                    v.preventDefault(), N(O);
+                    v.preventDefault(), A(U);
                     break;
                   case "End":
-                    v.preventDefault(), N(ee);
+                    v.preventDefault(), A(ee);
                     break;
                 }
             },
@@ -5640,7 +5651,7 @@ function ai({
               height: "32px",
               display: "flex",
               alignItems: "center",
-              cursor: P && !M ? "default" : "pointer",
+              cursor: L && !P ? "default" : "pointer",
               position: "relative",
               outline: "none"
             },
@@ -5653,23 +5664,23 @@ function ai({
                     left: 0,
                     right: 0,
                     height: `${Me}px`,
-                    backgroundColor: we,
+                    backgroundColor: Ee,
                     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}%`,
-                            backgroundColor: de,
+                            width: `${U}%`,
+                            backgroundColor: ce,
                             borderRadius: `${ue}px`,
                             pointerEvents: "none"
                           }
@@ -5692,7 +5703,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 +5723,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) => A(U)
                         },
                         `timeline-${R}-${v.time}`
                       );
                     }),
-                    M && /* @__PURE__ */ s(
+                    P && /* @__PURE__ */ s(
                       "div",
                       {
                         style: {
@@ -5745,7 +5756,7 @@ function ai({
                         title: "Live edge"
                       }
                     ),
-                    me && (!P || M) && p !== null && /* @__PURE__ */ s(
+                    me && (!L || P) && p !== null && /* @__PURE__ */ s(
                       "div",
                       {
                         style: {
@@ -5755,7 +5766,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 +5774,7 @@ function ai({
                         }
                       }
                     ),
-                    me && (!P || M) && /* @__PURE__ */ s(
+                    me && (!L || P) && /* @__PURE__ */ s(
                       "div",
                       {
                         style: {
@@ -5773,7 +5784,7 @@ function ai({
                           transform: "translate(-50%, -50%)",
                           width: c ? "16px" : "14px",
                           height: c ? "16px" : "14px",
-                          backgroundColor: K,
+                          backgroundColor: j,
                           borderRadius: "50%",
                           boxShadow: "0 2px 8px rgba(0, 0, 0, 0.3)",
                           pointerEvents: "none",
@@ -5786,17 +5797,17 @@ function ai({
                   ]
                 }
               ),
-              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 ? B.start + p * F : p * y, R = d.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 +5861,7 @@ function ai({
                     {
                       style: {
                         position: "absolute",
-                        left: `${_}%`,
+                        left: `${V}%`,
                         bottom: "20px",
                         transform: `translateX(${he})`,
                         padding: "4px 8px",
@@ -5891,7 +5902,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(
@@ -5949,13 +5960,13 @@ function li({
     }
   );
 }
-function ci({
+function di({
   seconds: a = 15,
   iconSize: e = 24,
   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(
@@ -6013,7 +6024,7 @@ function ci({
     }
   );
 }
-function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBackground: r }) {
+function ci({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBackground: r }) {
   const i = {
     sliderBackground: e?.sliderBackground ?? "rgba(10, 10, 20, 0.88)",
     borderColor: e?.borderColor ?? "rgba(255,255,255,0.1)",
@@ -6023,43 +6034,43 @@ 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: d } = q(), [c, h] = b(!1), [p, g] = b(!1), m = O(null), S = a === "top" || a === "bottom", I = $((E, 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]);
+    const N = m.current.getBoundingClientRect(), H = S ? Math.max(0, Math.min(1, 1 - (M - N.top) / N.height)) : Math.max(0, Math.min(1, (E - N.left) / N.width));
+    d(H);
+  }, [d, S]), C = $((E) => {
+    g(!0), n && l(), I(E.clientX, E.clientY);
+  }, [I, n, l]);
   k(() => {
     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 E = (N) => I(N.clientX, N.clientY), M = () => g(!1);
+    return window.addEventListener("mousemove", E), window.addEventListener("mouseup", M), () => {
+      window.removeEventListener("mousemove", E), 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, w = c || p, y = {
     position: "absolute",
-    opacity: x ? 1 : 0,
+    opacity: w ? 1 : 0,
     transition: "all 0.25s ease",
-    pointerEvents: x ? "auto" : "none",
+    pointerEvents: w ? "auto" : "none",
     zIndex: 10,
     background: i.sliderBackground,
     backdropFilter: "blur(12px)",
     boxShadow: "4px 0 16px rgba(0,0,0,0.5)",
     overflow: "hidden"
   }, G = (() => {
-    const w = `1px solid ${i.borderColor}`;
+    const E = `1px solid ${i.borderColor}`;
     switch (a) {
       case "left":
         return {
           ...y,
           right: "40px",
           top: "0",
-          width: x ? "118px" : "0px",
+          width: w ? "118px" : "0px",
           height: "40px",
           paddingRight: "8px",
           borderRadius: "8px 0 0 8px",
-          border: w,
+          border: E,
           borderRight: "none"
         };
       case "top":
@@ -6068,10 +6079,10 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           bottom: "40px",
           left: "0",
           width: "40px",
-          height: x ? "118px" : "0px",
+          height: w ? "118px" : "0px",
           paddingBottom: "8px",
           borderRadius: "8px 8px 0 0",
-          border: w,
+          border: E,
           borderBottom: "none"
         };
       case "bottom":
@@ -6080,10 +6091,10 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           top: "40px",
           left: "0",
           width: "40px",
-          height: x ? "118px" : "0px",
+          height: w ? "118px" : "0px",
           paddingTop: "8px",
           borderRadius: "0 0 8px 8px",
-          border: w,
+          border: E,
           borderTop: "none"
         };
       default:
@@ -6091,20 +6102,20 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           ...y,
           left: "40px",
           top: "0",
-          width: x ? "118px" : "0px",
+          width: w ? "118px" : "0px",
           height: "40px",
           paddingLeft: "8px",
           borderRadius: "0 8px 8px 0",
-          border: w,
+          border: E,
           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 = 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" }, D = S ? { width: "4px", height: "100%", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" } : { width: "100%", height: "4px", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" }, A = S ? {
     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 +6124,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 = S ? {
     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)",
@@ -6170,11 +6181,11 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
               position: "relative",
               zIndex: 1
             },
-            onMouseEnter: (w) => {
-              h(!0), w.currentTarget.style.background = typeof r == "string" ? r : r === !1 ? "transparent" : i.buttonHoverBackground, w.currentTarget.style.transform = "scale(1.05)";
+            onMouseEnter: (E) => {
+              h(!0), E.currentTarget.style.background = typeof r == "string" ? r : r === !1 ? "transparent" : i.buttonHoverBackground, E.currentTarget.style.transform = "scale(1.05)";
             },
-            onMouseLeave: (w) => {
-              w.currentTarget.style.background = r === !1 ? "transparent" : i.buttonBackground, w.currentTarget.style.transform = "scale(1)";
+            onMouseLeave: (E) => {
+              E.currentTarget.style.background = r === !1 ? "transparent" : i.buttonBackground, E.currentTarget.style.transform = "scale(1)";
             },
             children: n || o === 0 ? (
               // Heroicons SpeakerXMarkIcon (solid)
@@ -6200,42 +6211,42 @@ 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,
-                onKeyDown: (w) => {
-                  const j = n ? 0 : o;
-                  switch (w.key) {
+                "aria-valuenow": Math.round(T * 100),
+                "aria-valuetext": n ? "Muted" : `${Math.round(T * 100)}%`,
+                onMouseDown: C,
+                onKeyDown: (E) => {
+                  const H = n ? 0 : o;
+                  switch (E.key) {
                     case "ArrowRight":
                     case "ArrowUp":
-                      w.preventDefault(), d(Math.min(1, j + 0.05));
+                      E.preventDefault(), d(Math.min(1, H + 0.05));
                       break;
                     case "ArrowLeft":
                     case "ArrowDown":
-                      w.preventDefault(), d(Math.max(0, j - 0.05));
+                      E.preventDefault(), d(Math.max(0, H - 0.05));
                       break;
                     case "PageUp":
-                      w.preventDefault(), d(Math.min(1, j + 0.2));
+                      E.preventDefault(), d(Math.min(1, H + 0.2));
                       break;
                     case "PageDown":
-                      w.preventDefault(), d(Math.max(0, j - 0.2));
+                      E.preventDefault(), d(Math.max(0, H - 0.2));
                       break;
                     case "Home":
-                      w.preventDefault(), d(0);
+                      E.preventDefault(), d(0);
                       break;
                     case "End":
-                      w.preventDefault(), d(1);
+                      E.preventDefault(), d(1);
                       break;
                     case "m":
                     case "M":
-                      w.preventDefault(), l();
+                      E.preventDefault(), l();
                       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: A }),
+                  /* @__PURE__ */ s("div", { style: W })
                 ] })
               }
             )
@@ -6247,7 +6258,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 = $(
     (n) => {
       a(n), t(n);
     },
@@ -6327,7 +6338,7 @@ function Ci() {
     ] }) })
   ] });
 }
-const ze = ce({
+const ze = de({
   textColor: "#fff",
   accentColor: "#6366f1",
   accentAlpha15: "rgba(99,102,241,0.15)",
@@ -6462,57 +6473,57 @@ function yi({
     borderBottom: `1px solid ${d.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");
+    setAudioTrack: I,
+    setPlaybackRate: C,
+    setSubtitleTrack: T,
+    getPlayerStats: w
+  } = q(), y = Ce(), { playbackRate: G = 1, isLive: X } = Y(), { style: D, setStyle: A } = ut(), [_, W] = b(!1), [E, M] = 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([]);
+    X && E === "speed" && M("root");
+  }, [X, E]);
+  const [N, H] = b([]), [Q, L] = b(null), [B, P] = b([]), [F, Z] = b(""), [J, Ee] = b([]), [ae, ce] = b(null), [j, Me] = b(null), [ue, me] = b([]);
   k(() => {
     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()), Ee(y.getSubtitleTracks()), ce(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]);
+    _ && (H(y.getAvailableQualities()), L(y.getQuality()), P(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), Ee(y.getSubtitleTracks()), ce(y.getActiveSubtitleLanguage()));
+  }, [_, y]);
   const Pe = B.length > 1;
   k(() => {
-    if (w !== "statistics") return;
+    if (E !== "statistics") return;
     const f = () => {
-      const xe = x();
+      const xe = w();
       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);
+  }, [E, w]);
+  const ye = O(null);
   k(() => {
-    if (!I) return;
-    const f = (Y) => {
-      ye.current && !ye.current.contains(Y.target) && (H(!1), T("root"));
+    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");
+  }, [_]), k(() => {
+    if (!_) return;
+    const f = (K) => {
+      K.key === "Escape" && (W(!1), M("root")), K.key === "Backspace" && E !== "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: [
+  }, [_, E]);
+  const Le = $(() => {
+    W((f) => (f && M("root"), !f));
+  }, []), Re = Q ? Q.id === "auto" ? "Auto" : Q.label : "Auto", le = G === 1 ? "1×" : `${G}×`, ve = B.find((f) => f.id === F)?.label ?? "Auto", we = 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 +6542,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 +6555,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: we, 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");
+            S(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");
+          C(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: p, children: /* @__PURE__ */ s(z, { label: "Audio Track", isBack: !0, onClick: () => M("root") }) }),
     /* @__PURE__ */ s("div", { style: { padding: "4px 0" }, children: B.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 +6615,32 @@ function yi({
           label: "Off",
           selected: ae === null,
           onClick: () => {
-            L(null), de(null), H(!1), T("root");
+            T(null), ce(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), ce(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 +6651,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) => A({ bottomOffset: Number(f.target.value) }),
             style: { width: "100%", accentColor: "#3b82f6", cursor: "pointer" }
           }
         )
@@ -6650,7 +6661,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 +6672,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) => A({ fontSize: Number(f.target.value) }),
             style: { width: "100%", accentColor: "#3b82f6", cursor: "pointer" }
           }
         )
@@ -6672,17 +6683,17 @@ function yi({
         /* @__PURE__ */ s(
           "button",
           {
-            onClick: () => N({ background: A.background ? "" : "rgba(0,0,0,0.75)" }),
+            onClick: () => A({ 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 +6702,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: () => A({ 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 +6721,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, Et = (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 +6730,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 ?? "", wt = 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 +6751,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 ? Et(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",
@@ -6767,7 +6778,7 @@ function yi({
             minWidth: 0
           }, children: [
             /* @__PURE__ */ s("div", { style: { fontSize: "10px", color: "rgba(255,255,255,0.4)", textTransform: "uppercase", letterSpacing: "0.06em", marginBottom: "3px" }, children: "Segment" }),
-            /* @__PURE__ */ s("div", { style: { fontSize: "11px", color: "rgba(255,255,255,0.7)", fontFamily: "monospace", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: Se, children: Et })
+            /* @__PURE__ */ s("div", { style: { fontSize: "11px", color: "rgba(255,255,255,0.7)", fontFamily: "monospace", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: Se, children: wt })
           ] })
         ] })
       ] }),
@@ -6779,7 +6790,7 @@ function yi({
         ` })
     ] });
   }, bt = () => {
-    switch (w) {
+    switch (E) {
       case "quality":
         return ee();
       case "speed":
@@ -6793,7 +6804,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 +6814,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 +6831,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 +6851,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 +6861,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",
@@ -6860,7 +6871,7 @@ function yi({
           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)")}`,
-          width: w === "statistics" ? "360px" : "320px",
+          width: E === "statistics" ? "360px" : "320px",
           ...g === "bottom" ? { top: "52px" } : { bottom: "52px" },
           ...m === "left" ? { left: 0 } : { right: 0 }
         },
@@ -6887,7 +6898,7 @@ function Ti({ label: a = "AirPlay", className: e = "" }) {
       t.events.off("airplaychange", d);
     };
   }, [t]);
-  const l = F(() => {
+  const l = $(() => {
     t?.showAirPlayPicker();
   }, [t]);
   return r ? /* @__PURE__ */ s(
@@ -6947,7 +6958,7 @@ function Mi({
       t.events.off("castchange", d);
     };
   }, [t]);
-  const l = F(() => {
+  const l = $(() => {
     n ? t?.stopCasting() : t?.showCastPicker();
   }, [t, n]);
   return r ? /* @__PURE__ */ s(
@@ -7001,7 +7012,7 @@ 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);
+  }, l = O(null);
   return k(() => {
     if (!t) return;
     const d = (c) => {
@@ -7096,12 +7107,12 @@ 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 }),
-    !t && /* @__PURE__ */ s(ci, { seconds: 15 }),
-    /* @__PURE__ */ s(di, { sliderDirection: "top" }),
+    !t && /* @__PURE__ */ s(di, { seconds: 15 }),
+    /* @__PURE__ */ s(ci, { sliderDirection: "top" }),
     !t && /* @__PURE__ */ s(Jr, {}),
     /* @__PURE__ */ s("div", { style: { flex: 1 } }),
     /* @__PURE__ */ s(yi, { theme: { background: "#fb0000" } }),
@@ -7229,7 +7240,7 @@ export {
   Kr as PipButton,
   zr as PlayButton,
   Ci as PlaybackSpeedSelector,
-  Ei as Player,
+  wi as Player,
   fe as PlayerCore,
   Gt as PlayerProvider,
   Di as Playron,
@@ -7239,21 +7250,21 @@ export {
   Si as SettingsButton,
   yi as SettingsPanel,
   li as SkipBackwardButton,
-  ci as SkipForwardButton,
+  di as SkipForwardButton,
   Ai as SkipIntroButton,
   Rt as StallDetector,
   Pt as StreamDetector,
   ki as TheaterModeButton,
   si as ThumbnailManager,
   Jr as TimeDisplay,
-  C as VideoEventType,
-  di as VolumeControl,
-  Ei as default,
+  x as VideoEventType,
+  ci as VolumeControl,
+  wi as default,
   ge as eventBus,
-  wi as isVideoEventType,
+  Ei as isVideoEventType,
   Lt as streamDetector,
   Lr as useMobileGestures,
   Ce as usePlayer,
   q as usePlayerMethods,
-  X as usePlayerState
+  Y as usePlayerState
 };