playron 1.0.36 → 1.0.38

package/dist/playron.es.js

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as u, Fragment as oe } from "react/jsx-runtime";
-import { createContext as ce, useState as b, useEffect as x, useMemo as Ue, useContext as re, memo as kt, useRef as O, useCallback as B } from "react";
-class St {
+import { createContext as ce, useState as b, useEffect as k, useMemo as Ue, useContext as re, memo as kt, useRef as O, useCallback as $ } from "react";
+class At {
   listeners = /* @__PURE__ */ new Map();
   /**
    * Event dinleyicisi ekle
@@ -47,7 +47,7 @@ class St {
     return this.listeners.get(e)?.size || 0;
   }
 }
-const ge = new St(), C = {
+const ge = new At(), x = {
   // Playback events
   PLAY: "play",
   PAUSE: "pause",
@@ -78,7 +78,7 @@ const ge = new St(), C = {
   EMPTIED: "emptied",
   // Other events
   RESIZE: "resize"
-}, Ae = {
+}, Se = {
   MEDIA_ERR_ABORTED: 1,
   // Fetching process aborted by user
   MEDIA_ERR_NETWORK: 2,
@@ -88,10 +88,10 @@ 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 {
+class St {
   videoElement = null;
   isPlaying = !1;
   isMuted = !1;
@@ -106,26 +106,26 @@ 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,
-        MEDIA_ERR_ABORTED: this.videoElement.error.code === Ae.MEDIA_ERR_ABORTED,
-        MEDIA_ERR_NETWORK: this.videoElement.error.code === Ae.MEDIA_ERR_NETWORK,
-        MEDIA_ERR_DECODE: this.videoElement.error.code === Ae.MEDIA_ERR_DECODE,
-        MEDIA_ERR_SRC_NOT_SUPPORTED: this.videoElement.error.code === Ae.MEDIA_ERR_SRC_NOT_SUPPORTED
+        MEDIA_ERR_ABORTED: this.videoElement.error.code === Se.MEDIA_ERR_ABORTED,
+        MEDIA_ERR_NETWORK: this.videoElement.error.code === Se.MEDIA_ERR_NETWORK,
+        MEDIA_ERR_DECODE: this.videoElement.error.code === Se.MEDIA_ERR_DECODE,
+        MEDIA_ERR_SRC_NOT_SUPPORTED: this.videoElement.error.code === Se.MEDIA_ERR_SRC_NOT_SUPPORTED
       });
     }));
   }
@@ -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) {
@@ -1499,7 +1500,7 @@ class fe {
    */
   initialize() {
     if (!this.videoElement) return;
-    this.videoEngine = new At(this.videoElement);
+    this.videoEngine = new St(this.videoElement);
     const e = this.loadPersistedVolume();
     e !== null && (this.videoElement.volume = e), this.stateManager = new Tt({
       isPlaying: !1,
@@ -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"}`;
@@ -1780,7 +1791,9 @@ class fe {
       const r = this.streamInfo?.isDynamic ?? !1, i = t.protocol === "hls" ? "application/x-mpegURL" : t.protocol === "dash" ? "application/dash+xml" : "video/mp4";
       this.castManager.loadMedia(e, i, 0, r);
     }
-    this.startStallDetector();
+    this.startStallDetector(), this.videoElement?.autoplay && this.videoElement.play().catch((r) => {
+      r instanceof DOMException && (r.name === "AbortError" || r.name === "NotAllowedError") || console.warn("[PlayerCore] Autoplay failed:", r);
+    });
   }
   /**
    * Aktif streaming engine'i temizle
@@ -1794,7 +1807,9 @@ class fe {
   async fallbackToNative(e, t) {
     if (!(!this.videoElement || !this.videoEngine))
       try {
-        console.log(`[PlayerCore] Attempting native fallback for ${t} stream`), this.videoEngine.setSource(e), this.streamType = "vod", this.streamInfo = {
+        console.log(`[PlayerCore] Attempting native fallback for ${t} stream`), this.videoEngine.setSource(e), this.videoElement?.autoplay && this.videoElement.play().catch((r) => {
+          r instanceof DOMException && (r.name === "AbortError" || r.name);
+        }), this.streamType = "vod", this.streamInfo = {
           type: "vod",
           protocol: "progressive",
           isDynamic: !1,
@@ -2069,7 +2084,7 @@ const st = ce(null), ot = {
 }, at = ce(ot), lt = ce(null);
 function Gt({ children: a, playerInstance: e }) {
   const [t, r] = b(ot);
-  x(() => {
+  k(() => {
     if (!e) return;
     const n = e.getStateManager();
     if (!n) return;
@@ -2101,8 +2116,8 @@ function Gt({ children: a, playerInstance: e }) {
           isLive: !0
         });
       };
-      return e.events.on("livelatencyupdate", p), l.addEventListener(C.TIME_UPDATE, c), l.addEventListener(C.PLAY, d), l.addEventListener(C.PAUSE, d), l.addEventListener(C.VOLUME_CHANGE, h), l.addEventListener(C.LOADED_METADATA, c), () => {
-        e.events.off("livelatencyupdate", p), l.removeEventListener(C.TIME_UPDATE, c), l.removeEventListener(C.PLAY, d), l.removeEventListener(C.PAUSE, d), l.removeEventListener(C.VOLUME_CHANGE, h), l.removeEventListener(C.LOADED_METADATA, c), n.unsubscribe(o);
+      return e.events.on("livelatencyupdate", p), l.addEventListener(x.TIME_UPDATE, c), l.addEventListener(x.PLAY, d), l.addEventListener(x.PAUSE, d), l.addEventListener(x.VOLUME_CHANGE, h), l.addEventListener(x.LOADED_METADATA, c), () => {
+        e.events.off("livelatencyupdate", p), l.removeEventListener(x.TIME_UPDATE, c), l.removeEventListener(x.PLAY, d), l.removeEventListener(x.PAUSE, d), l.removeEventListener(x.VOLUME_CHANGE, h), l.removeEventListener(x.LOADED_METADATA, c), n.unsubscribe(o);
       };
     }
     return () => {
@@ -2263,11 +2278,11 @@ const Zt = "_overlay_3mfq6_3", Jt = "_iconContainer_3mfq6_17", er = "_loading_3m
 };
 function ir({ config: a, isAdLoading: e }) {
   const t = Y((D) => D.isPlaying), { togglePlay: r, toggleFullscreen: i, getPlayer: n } = q(), [o, l] = b(!1), [c, d] = b("play"), [h, p] = b(!1), g = O(null);
-  x(() => {
+  k(() => {
     console.log("[VideoOverlay] isAdLoading changed:", e), e ? (console.log("[VideoOverlay] ✅ Showing ad loading icon"), p(!0), d("loading"), l(!0)) : (console.log("[VideoOverlay] ❌ Hiding ad loading icon"), p(!1), l(!1));
   }, [e]);
-  const m = a?.ui?.showOverlayIcons !== !1, k = a?.ui?.showPlayPauseIcons !== !1, I = a?.ui?.overlayIcons?.playIcon, A = a?.ui?.overlayIcons?.pauseIcon, T = a?.ui?.overlayIcons?.iconSize || 40, E = a?.ui?.overlayIcons?.containerSize || 80;
-  x(() => {
+  const m = a?.ui?.showOverlayIcons !== !1, A = 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 D = n();
     if (!D) return;
     const S = D.video || D.videoElement;
@@ -2278,7 +2293,7 @@ function ir({ config: a, isAdLoading: e }) {
       g.current = window.setTimeout(() => {
         p(!1), l(!1);
       }, 300);
-    }, w = () => {
+    }, E = () => {
       p(!0), d("loading"), l(!0);
     }, M = () => {
       h && (g.current = window.setTimeout(() => {
@@ -2291,10 +2306,10 @@ function ir({ config: a, isAdLoading: e }) {
     }, H = () => {
       p(!0), d("loading"), l(!0);
     };
-    return S.addEventListener(C.SEEKING, _), S.addEventListener(C.SEEKED, W), S.addEventListener(C.WAITING, w), S.addEventListener(C.PLAYING, M), S.addEventListener(C.CAN_PLAY, N), S.addEventListener(C.LOAD_START, H), () => {
-      S.removeEventListener(C.SEEKING, _), S.removeEventListener(C.SEEKED, W), S.removeEventListener(C.WAITING, w), S.removeEventListener(C.PLAYING, M), S.removeEventListener(C.CAN_PLAY, N), S.removeEventListener(C.LOAD_START, H), g.current && clearTimeout(g.current);
+    return S.addEventListener(x.SEEKING, _), S.addEventListener(x.SEEKED, W), S.addEventListener(x.WAITING, E), S.addEventListener(x.PLAYING, M), S.addEventListener(x.CAN_PLAY, N), S.addEventListener(x.LOAD_START, H), () => {
+      S.removeEventListener(x.SEEKING, _), S.removeEventListener(x.SEEKED, W), S.removeEventListener(x.WAITING, E), S.removeEventListener(x.PLAYING, M), S.removeEventListener(x.CAN_PLAY, N), S.removeEventListener(x.LOAD_START, H), g.current && clearTimeout(g.current);
     };
-  }, [n, h]), x(() => {
+  }, [n, h]), k(() => {
     if (!h) {
       d(t ? "pause" : "play"), l(!0);
       const D = setTimeout(() => {
@@ -2303,12 +2318,12 @@ function ir({ config: a, isAdLoading: e }) {
       return () => clearTimeout(D);
     }
   }, [t, h]);
-  const y = B(async () => {
+  const y = $(async () => {
     await r();
-  }, [r]), G = B(() => {
+  }, [r]), G = $(() => {
     i();
   }, [i]), X = (D) => {
-    const S = D === "play" ? I : A;
+    const S = D === "play" ? I : C;
     return S ? /^https?:\/\//.test(S) || /\.(jpg|jpeg|png|svg|gif|webp)$/i.test(S) ? /* @__PURE__ */ s(
       "img",
       {
@@ -2364,7 +2379,7 @@ function ir({ config: a, isAdLoading: e }) {
       {
         className: `${ne.iconContainer} ${ne.loading}`,
         style: {
-          "--icon-container-size": `${E}px`,
+          "--icon-container-size": `${w}px`,
           "--icon-size": `${T}px`
         },
         children: /* @__PURE__ */ s(Xe, { size: T })
@@ -2376,12 +2391,12 @@ function ir({ config: a, isAdLoading: e }) {
         className: `virtus-video-overlay ${ne.overlay}`,
         onClick: y,
         onDoubleClick: G,
-        children: m && o && !e && (c === "loading" || k) && /* @__PURE__ */ s(
+        children: m && o && !e && (c === "loading" || A) && /* @__PURE__ */ s(
           "div",
           {
             className: `${ne.iconContainer} ${h ? ne.loading : ""}`,
             style: {
-              "--icon-container-size": `${E}px`,
+              "--icon-container-size": `${w}px`,
               "--icon-size": `${T}px`
             },
             children: c === "loading" ? /* @__PURE__ */ s(Xe, { size: T }) : X(c)
@@ -2398,7 +2413,7 @@ 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", 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", Er = "_errorCode_4djr8_142", wr = "_retryButton_4djr8_152", te = {
   errorOverlay: sr,
   variant_drm: or,
   variant_network: ar,
@@ -2414,8 +2429,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();
@@ -2497,10 +2512,10 @@ function kr(a) {
       };
   }
 }
-const Sr = 12e3;
-function Ar({ onRetry: a, drmConfig: e }) {
+const Ar = 12e3;
+function Sr({ onRetry: a, drmConfig: e }) {
   const t = Ce(), [r, i] = b(null), [n, o] = b(null), l = O(null), c = O(null);
-  c.current = r, x(() => {
+  c.current = r, k(() => {
     it().then((g) => {
       o(g);
       const m = Ge(e, g);
@@ -2512,50 +2527,50 @@ function Ar({ onRetry: a, drmConfig: e }) {
         // must NOT be dismissed by play/loadedmetadata
       });
     }).catch(() => o(null));
-  }, []), x(() => {
+  }, []), k(() => {
     if (!n || !e?.enabled) return;
     const g = Ge(e, n);
     g && !c.current && i({ type: g, code: "DRM_NOT_SUPPORTED", rawMessage: "Browser does not support the required DRM key system.", persistent: !0 });
-  }, [e, n]), x(() => {
+  }, [e, n]), k(() => {
     if (!t || !e?.enabled) return;
     const g = t.getVideoElement();
     if (!g) return;
     const m = () => {
       g.currentTime > 0.5 || (l.current = setTimeout(() => {
         if (c.current) return;
-        const I = n, A = I ? I.fairplay && !I.widevine && !I.playready ? "drm_fairplay_needed" : !I.widevine && !I.fairplay && !I.playready ? "drm_browser_unsupported" : "drm_generic" : "drm_generic";
+        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: A,
+          type: C,
           code: "DRM_TIMEOUT",
           rawMessage: "Playback stalled — possible DRM or network issue.",
           persistent: !0
           // don't let a late loadedmetadata dismiss this
         });
-      }, Sr));
-    }, k = () => {
+      }, Ar));
+    }, A = () => {
       l.current && (clearTimeout(l.current), l.current = null);
     };
-    return g.addEventListener("waiting", m), g.addEventListener("playing", k), g.addEventListener("timeupdate", k), () => {
-      g.removeEventListener("waiting", m), g.removeEventListener("playing", k), g.removeEventListener("timeupdate", k), k();
+    return g.addEventListener("waiting", m), g.addEventListener("playing", A), g.addEventListener("timeupdate", A), () => {
+      g.removeEventListener("waiting", m), g.removeEventListener("playing", A), g.removeEventListener("timeupdate", A), A();
     };
-  }, [t, e, n]), x(() => {
+  }, [t, e, n]), k(() => {
     if (!t) return;
     const g = (m) => {
       console.error("[ErrorOverlay] Player error:", m);
-      const k = xr(m, n);
-      i({ type: k, code: m.code, rawMessage: m.message ?? "Unknown error" });
+      const A = xr(m, n);
+      i({ type: A, code: m.code, rawMessage: m.message ?? "Unknown error" });
     };
     return t.events.on("error", g), () => {
       t.events.off("error", g);
     };
-  }, [t, n]), x(() => {
+  }, [t, n]), k(() => {
     if (!t) return;
     const g = () => i((m) => m?.persistent ? m : null);
     return t.events.on("play", g), t.events.on("loadedmetadata", g), () => {
       t.events.off("play", g), t.events.off("loadedmetadata", g);
     };
   }, [t]);
-  const d = B(() => {
+  const d = $(() => {
     if (i(null), a) {
       a();
       return;
@@ -2633,10 +2648,10 @@ const se = {
   { key: "Esc", description: "Close overlays", icon: se.close }
 ];
 function Tr({ isOpen: a, onClose: e }) {
-  const t = B((r) => {
+  const t = $((r) => {
     r.key === "Escape" && e();
   }, [e]);
-  return x(() => {
+  return k(() => {
     if (a)
       return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
   }, [a, t]), a ? /* @__PURE__ */ u(
@@ -2796,10 +2811,10 @@ function Mr({
   nextTitle: i,
   thumbnail: n
 }) {
-  const [o, l] = b(r), c = O(null), d = B(() => {
+  const [o, l] = b(r), c = O(null), d = $(() => {
     c.current && (clearInterval(c.current), c.current = null);
   }, []);
-  if (x(() => {
+  if (k(() => {
     if (!a) {
       d(), l(r);
       return;
@@ -3034,26 +3049,26 @@ function Pr({ type: a, value: e }) {
   );
 }
 function Lr({ player: a, skipSec: e = 10 }) {
-  const [t, r] = b(null), i = O(null), n = B((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 = O(null), l = 300, c = B((p) => {
+  }, []), o = O(null), l = 300, c = $((p) => {
     if (!a) return;
-    const g = p.touches[0], m = Date.now(), k = o.current;
-    if (k && m - k.time < l) {
-      const A = p.currentTarget.getBoundingClientRect();
-      if (g.clientX - A.left > A.width / 2) {
-        const E = a.getVideoElement();
-        E && a.seekTo(Math.min(E.duration || 0, E.currentTime + e)), n({ type: "seek-forward", value: `+${e}s` });
+    const g = p.touches[0], m = Date.now(), A = o.current;
+    if (A && m - A.time < l) {
+      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 E = a.getVideoElement();
-        E && a.seekTo(Math.max(0, E.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]), d = B((p) => {
-  }, []), h = B(() => {
+  }, [a, e, n]), d = $((p) => {
+  }, []), h = $(() => {
   }, []);
   return { onTouchStart: c, onTouchMove: d, onTouchEnd: h, gestureHint: t };
 }
@@ -3067,12 +3082,12 @@ function Dr({
   timeout: a = 3e3,
   initialVisible: e = !0
 } = {}) {
-  const [t, r] = b(e), i = O(null), n = B(() => {
+  const [t, r] = b(e), i = O(null), n = $(() => {
     i.current && clearTimeout(i.current), r(!0), i.current = window.setTimeout(() => {
       r(!1);
     }, a);
   }, [a]);
-  return x(() => {
+  return k(() => {
     const o = Rr(() => {
       n();
     }, 100), l = () => {
@@ -3089,7 +3104,7 @@ function Ir({
   enabled: t = !0,
   onShowShortcuts: r
 }) {
-  x(() => {
+  k(() => {
     if (!a || !t) return;
     const i = (n) => {
       const o = n.target;
@@ -3251,21 +3266,21 @@ class _r {
   parseAdElement(e, t) {
     const r = e.getAttribute("sequence"), i = r !== null ? parseInt(r, 10) : void 0, n = e.querySelector("InLine") ?? e.querySelector("Inline") ?? e.querySelector("inline") ?? t.querySelector("InLine") ?? t.querySelector("Inline");
     if (!n) {
-      const T = Array.from(e.children).map((E) => E.tagName);
+      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(), c = n.querySelector("Duration")?.textContent?.trim(), d = this.parseDuration(c || "00:00:00"), { mediaFile: h, isVpaid: p, vpaidUrl: g } = this.getMediaFileInfo(n);
     if (!h) throw new Error("VAST MediaFile not found");
-    const m = n.querySelector("ClickThrough")?.textContent?.trim(), k = this.parseTrackingEvents(n, t), I = this.getErrorUrls(t), A = this.parseCompanions(n);
+    const m = n.querySelector("ClickThrough")?.textContent?.trim(), A = this.parseTrackingEvents(n, t), I = this.getErrorUrls(t), C = this.parseCompanions(n);
     return {
       id: o,
       title: l,
       duration: d,
       mediaFile: h,
       clickThrough: m,
-      trackingEvents: k,
+      trackingEvents: A,
       errorUrls: I,
-      companions: A.length > 0 ? A : void 0,
+      companions: C.length > 0 ? C : void 0,
       isVpaid: p,
       vpaidUrl: g,
       podSequence: i
@@ -3275,9 +3290,9 @@ 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, c = i.querySelector("StaticResource"), d = i.querySelector("HTMLResource"), h = i.querySelector("IFrameResource"), p = c?.textContent?.trim() ?? void 0, g = d?.textContent?.trim() ?? void 0, m = h?.textContent?.trim() ?? void 0, k = c?.getAttribute("creativeType") ?? void 0, I = i.querySelector("CompanionClickThrough")?.textContent?.trim() ?? void 0, A = i.querySelector("AltText")?.textContent?.trim() ?? void 0, T = [];
-      i.querySelectorAll('TrackingEvents > Tracking[event="creativeView"]').forEach((E) => {
-        const y = E.textContent?.trim();
+      const n = parseInt(i.getAttribute("width") || "0", 10), o = parseInt(i.getAttribute("height") || "0", 10), l = i.getAttribute("id") ?? void 0, c = i.querySelector("StaticResource"), d = i.querySelector("HTMLResource"), h = i.querySelector("IFrameResource"), p = c?.textContent?.trim() ?? void 0, g = d?.textContent?.trim() ?? void 0, m = h?.textContent?.trim() ?? void 0, A = c?.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,
@@ -3286,9 +3301,9 @@ class _r {
         staticResource: p,
         htmlResource: g,
         iFrameResource: m,
-        type: k,
+        type: A,
         clickThrough: I,
-        altText: A,
+        altText: C,
         viewTrackingUrls: T.length > 0 ? T : void 0
       });
     }), t;
@@ -3565,7 +3580,7 @@ class Nr {
   reset() {
   }
 }
-class $r {
+class Br {
   player;
   config;
   tracker;
@@ -3796,8 +3811,8 @@ class $r {
       const i = this.adVideo;
       let n = !1;
       const o = () => {
-        i.play().catch((k) => {
-          n || (m(), r(k));
+        i.play().catch((A) => {
+          n || (m(), r(A));
         });
       }, l = () => this.tracker.trackStart(e), c = () => {
         console.log("[AdPlayer] Ad video playing, hiding loading..."), this.hideLoadingCallback && this.hideLoadingCallback();
@@ -3811,12 +3826,12 @@ class $r {
           t();
           return;
         }
-        const k = i.error?.code;
-        if (k === 4) {
+        const A = i.error?.code;
+        if (A === 4) {
           m(), t();
           return;
         }
-        m(), r(new Error(`Ad video playback error: ${i.error?.message ?? "Unknown"} (code: ${k})`));
+        m(), r(new Error(`Ad video playback error: ${i.error?.message ?? "Unknown"} (code: ${A})`));
       }, m = () => {
         if (!n) {
           n = !0;
@@ -3900,7 +3915,7 @@ class $r {
     };
   }
 }
-class Br {
+class $r {
   player;
   config;
   vastParser;
@@ -3917,7 +3932,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)
@@ -4213,7 +4228,7 @@ function ut() {
 }
 function Ur({ videoElement: a }) {
   const { style: e } = ut(), [t, r] = b([]), i = O(""), n = O(0);
-  return x(() => {
+  return k(() => {
     if (!a) return;
     const o = () => {
       const l = a.textTracks, c = [];
@@ -4224,8 +4239,8 @@ function Ur({ videoElement: a }) {
         const g = p.activeCues;
         if (g)
           for (let m = 0; m < g.length; m++) {
-            const k = g[m];
-            k.text && c.push(k.text);
+            const A = g[m];
+            A.text && c.push(A.text);
           }
       }
       const d = c.join("\0");
@@ -4275,7 +4290,7 @@ function Ur({ videoElement: a }) {
   );
 }
 const He = ce(!0);
-function Ei({
+function wi({
   src: a = "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
   defaultControls: e = !1,
   autoplay: t = !1,
@@ -4291,20 +4306,20 @@ function Ei({
   endCardCountdown: g = 5,
   crossOrigin: m
 }) {
-  const k = O(null), I = O(null), [A, T] = b(null), E = O(null), [y, G] = b(!1), [X, D] = b(!1), S = B(() => D(!0), []), _ = B(() => D(!1), []), [W, w] = b(!1), { onTouchStart: M, onTouchMove: N, onTouchEnd: H, gestureHint: Q } = Lr({
-    player: A,
+  const A = O(null), I = O(null), [C, T] = b(null), w = O(null), [y, G] = b(!1), [X, D] = b(!1), S = $(() => D(!0), []), _ = $(() => D(!1), []), [W, E] = b(!1), { onTouchStart: M, onTouchMove: N, onTouchEnd: H, gestureHint: Q } = Lr({
+    player: C,
     skipSec: 10
   }), { isActive: L } = Dr({
     timeout: 3e3,
     initialVisible: !0
   });
   Ir({
-    player: A,
+    player: C,
     seekStep: 10,
     enabled: !0,
     onShowShortcuts: S
   });
-  const $ = Ue(() => !l?.ads?.enabled || !l.ads.vastUrl && !l.ads.vmapUrl ? null : {
+  const B = Ue(() => !l?.ads?.enabled || !l.ads.vastUrl && !l.ads.vmapUrl ? null : {
     enabled: !0,
     vastUrl: l.ads.vastUrl,
     vmapUrl: l.ads.vmapUrl,
@@ -4319,45 +4334,45 @@ function Ei({
     l?.ads?.timeout,
     l?.ads?.maxWrapperDepth
   ]);
-  x(() => {
-    if (!I.current || !k.current) return;
+  k(() => {
+    if (!I.current || !A.current) return;
     console.log("[Player] Initializing PlayerCore");
     const F = new fe(I.current);
-    return fe.preloadEngines(), F.container = k.current, T(F), () => {
-      console.log("[Player] Cleanup called - destroying PlayerCore"), E.current && (console.log("[Player] Destroying AdManager"), E.current.destroy(), E.current = null), F.destroy(), T(null);
+    return fe.preloadEngines(), F.container = A.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);
     };
-  }, []), x(() => {
-    if (!A || !$) return;
+  }, []), k(() => {
+    if (!C || !B) return;
     console.log("[Player] Setting up ads");
     const F = (J) => {
       G(J), c?.(J);
-    }, Z = new Br(A, $, F);
-    return E.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);
     }), () => {
-      E.current && (console.log("[Player] Cleaning up ads"), E.current.destroy(), E.current = null);
+      w.current && (console.log("[Player] Cleaning up ads"), w.current.destroy(), w.current = null);
     };
-  }, [A, $]), x(() => {
-    !A || !l || A.setConfig(l);
-  }, [A, l]);
+  }, [C, B]), k(() => {
+    !C || !l || C.setConfig(l);
+  }, [C, l]);
   const P = Ue(() => l?.drm ?? null, [l?.drm]);
-  return x(() => {
-    !A || !P?.enabled || A.setupDrm(P);
-  }, [A, P]), x(() => {
-    A && a && (console.log("[Player] Setting source:", a), A.setSource(a).catch((F) => {
+  return k(() => {
+    !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);
     }));
-  }, [A, a]), x(() => {
-    if (!A || !d) return;
-    const F = A.getVideoElement();
+  }, [C, a]), k(() => {
+    if (!C || !d) return;
+    const F = C.getVideoElement();
     if (!F) return;
-    const Z = () => w(!0);
+    const Z = () => E(!0);
     return F.addEventListener("ended", Z), () => F.removeEventListener("ended", Z);
-  }, [A, d]), /* @__PURE__ */ u(Fr, { children: [
+  }, [C, d]), /* @__PURE__ */ u(Fr, { children: [
     /* @__PURE__ */ u(
       "div",
       {
-        ref: k,
+        ref: A,
         role: "region",
         "aria-label": "Video Player",
         className: `playron-wrapper ${n || ""}`,
@@ -4411,20 +4426,20 @@ function Ei({
               tabIndex: e ? 0 : -1
             }
           ),
-          A ? /* @__PURE__ */ s(Gt, { playerInstance: A, children: /* @__PURE__ */ u(He.Provider, { value: L, children: [
+          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(Sr, { drmConfig: l?.drm }),
             /* @__PURE__ */ s(Tr, { isOpen: X, onClose: _ }),
             d && /* @__PURE__ */ s(
               Mr,
               {
                 isVisible: W,
                 onNextEpisode: () => {
-                  w(!1), d();
+                  E(!1), d();
                 },
-                onDismiss: () => w(!1),
+                onDismiss: () => E(!1),
                 countdownSec: g,
                 nextTitle: h,
                 thumbnail: p
@@ -4602,7 +4617,7 @@ function jr({
   ...l
 }) {
   const { toggleFullscreen: c } = q(), [d, h] = b(!1);
-  x(() => {
+  k(() => {
     const m = () => {
       h(!!document.fullscreenElement);
     };
@@ -4654,7 +4669,7 @@ function jr({
 }
 function Kr({ className: a, onClick: e, ...t }) {
   const { togglePip: r } = q(), [i, n] = b(!1);
-  x(() => {
+  k(() => {
     const l = () => {
       n(!!document.pictureInPictureElement);
     };
@@ -4700,7 +4715,7 @@ function ki() {
   const { toggleTheaterMode: a, isTheaterMode: e } = q(), [t, r] = b(e()), i = () => {
     a(), r(!t);
   };
-  return x(() => {
+  return k(() => {
     const n = (o) => {
       r(o.detail.isTheaterMode);
     };
@@ -4771,7 +4786,7 @@ function ki() {
   );
 }
 function Yr(a, e, t = !0) {
-  x(() => {
+  k(() => {
     if (!t) return;
     const r = (n) => {
       a.current && !a.current.contains(n.target) && e();
@@ -4997,9 +5012,9 @@ function We({
     }
   );
 }
-function Si() {
+function Ai() {
   const a = q(), e = Y(), [t, r] = b(1), [i, n] = b(!1), o = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2];
-  x(() => {
+  k(() => {
     e?.playbackRate !== void 0 && r(e.playbackRate);
   }, [e?.playbackRate]);
   const l = (d) => {
@@ -5077,7 +5092,7 @@ 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")}`;
@@ -5089,12 +5104,12 @@ function Jr({ className: a, ...e }) {
     {
       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() {
@@ -5173,9 +5188,9 @@ const ri = "_container_6dw0q_3", ii = "_skipButton_6dw0q_11", Fe = {
   container: ri,
   skipButton: ii
 };
-function Ai({ introOutro: a }) {
+function Si({ introOutro: a }) {
   const { currentTime: e } = Y(), { seekTo: t } = q(), [r, i] = b(!1), [n, o] = b(!1);
-  x(() => {
+  k(() => {
     if (a) {
       if (a.intro) {
         const d = e >= a.intro.start && e < a.intro.end;
@@ -5187,9 +5202,9 @@ function Ai({ introOutro: a }) {
       }
     }
   }, [e, a]);
-  const l = B(() => {
+  const l = $(() => {
     a?.intro && (t(a.intro.end), i(!1));
-  }, [a, t]), c = B(() => {
+  }, [a, t]), c = $(() => {
     a?.outro && (t(a.outro.end), o(!1));
   }, [a, t]);
   return !r && !n ? null : /* @__PURE__ */ u("div", { className: Fe.container, children: [
@@ -5427,32 +5442,32 @@ function ai({
   thumbnailsVttUrl: n,
   seekBarStyle: o
 }) {
-  const l = re(He), c = O(null), [d, h] = b(!1), [p, g] = b(null), [m, k] = b(null), [I, A] = b([]), T = O(null), { currentTime: E, duration: y, isLive: G, isPlaying: X, playbackRate: D } = Y(), { seekTo: S, getDVRRange: _, getBufferedRanges: W } = q(), [w, M] = b(E), N = O(null), H = O({ time: E, ts: performance.now() });
-  x(() => {
-    H.current = { time: E, ts: performance.now() }, M(E);
-  }, [E]);
-  const Q = B(() => {
+  const l = re(He), c = O(null), [d, h] = b(!1), [p, g] = b(null), [m, A] = b(null), [I, C] = b([]), T = O(null), { currentTime: w, duration: y, isLive: G, isPlaying: X, playbackRate: D } = Y(), { seekTo: S, getDVRRange: _, getBufferedRanges: W } = q(), [E, M] = b(w), N = O(null), H = O({ time: w, ts: performance.now() });
+  k(() => {
+    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);
     }
     N.current = requestAnimationFrame(Q);
   }, [X, D, y]);
-  x(() => (N.current = requestAnimationFrame(Q), () => {
+  k(() => (N.current = requestAnimationFrame(Q), () => {
     N.current !== null && cancelAnimationFrame(N.current);
-  }), [Q]), x(() => {
+  }), [Q]), k(() => {
     if (!n) return;
     const v = new si();
     return T.current = v, v.load(n), () => {
       v.destroy(), T.current = null;
     };
-  }, [n]), x(() => {
+  }, [n]), k(() => {
     const v = setInterval(() => {
-      A(W());
+      C(W());
     }, 500);
     return () => clearInterval(v);
   }, [W]);
-  const L = a === "live" || !!G, $ = L ? _() : null, P = $ !== null && $.end - $.start > 5, F = P ? $.end - $.start : 0, Z = P && F > 0 ? (w - $.start) / F * 100 : 0, J = L ? Math.min(100, Math.max(0, Z)) : y > 0 ? w / y * 100 : 0, we = o?.trackColor ?? "rgba(255, 255, 255, 0.3)", ae = o?.progressColor ?? (L ? "#ff2020" : "#6366f1"), de = o?.bufferedColor ?? "rgba(255, 255, 255, 0.25)", j = o?.handleColor ?? "#ffffff", Me = o?.height ?? 4, ue = o?.borderRadius ?? 2, me = o?.showHandle !== !1, Pe = o?.showTooltip !== !1, ye = o?.paddingX ?? 20, Le = o?.paddingY ?? 0, Re = o?.bottom ?? 64, le = (v) => {
+  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"), de = o?.bufferedColor ?? "rgba(255, 255, 255, 0.25)", j = o?.handleColor ?? "#ffffff", Me = o?.height ?? 4, ue = o?.borderRadius ?? 2, me = o?.showHandle !== !1, Pe = o?.showTooltip !== !1, ye = o?.paddingX ?? 20, Le = o?.paddingY ?? 0, Re = o?.bottom ?? 64, le = (v) => {
     if (!isFinite(v) || isNaN(v)) return "0:00";
     const R = Math.floor(v / 3600), 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")}`;
@@ -5460,10 +5475,10 @@ function ai({
     if (!c.current) return 0;
     const R = c.current.getBoundingClientRect(), V = (v.clientX - R.left) / R.width;
     return Math.max(0, Math.min(1, V));
-  }, Ee = (v) => {
+  }, we = (v) => {
     if (!(L && !P)) {
       if (L && P) {
-        S($.start + v * F);
+        S(B.start + v * F);
         return;
       }
       y !== 0 && S(v * y);
@@ -5472,23 +5487,23 @@ function ai({
     if (L && !P) return;
     v.preventDefault(), h(!0);
     const R = ve(v);
-    Ee(R);
+    we(R);
   }, Ie = (v) => {
     if (!c.current) return;
     const R = ve(v);
     if (g(R), T.current) {
-      const V = P ? $.start + R * F : R * y;
-      k(T.current.getThumbnailAt(V));
+      const V = P ? B.start + R * F : R * y;
+      A(T.current.getThumbnailAt(V));
     }
   }, _e = () => {
-    g(null), k(null);
+    g(null), A(null);
   };
-  return x(() => {
+  return k(() => {
     if (!d) return;
     const v = (V) => {
       if (!c.current) return;
       const U = ve(V);
-      g(U), Ee(U);
+      g(U), we(U);
     }, R = () => {
       h(!1);
     };
@@ -5600,32 +5615,32 @@ function ai({
             role: L && !P ? void 0 : "slider",
             tabIndex: L && !P ? void 0 : 0,
             "aria-label": L ? "DVR seek" : "Seek",
-            "aria-valuemin": L && !P ? void 0 : P ? Math.floor($.start) : 0,
-            "aria-valuemax": L && !P ? void 0 : P ? Math.floor($.end) : Math.floor(y) || 0,
-            "aria-valuenow": L && !P ? void 0 : Math.floor(E),
-            "aria-valuetext": L && !P ? "LIVE" : P ? `${le(E)} (DVR)` : `${le(E)} of ${le(y)}`,
+            "aria-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 (L && !P) return;
-              const R = 5, V = 30, U = P ? $.start : 0, ee = P ? $.end : y;
+              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(), S(Math.max(U, E - R));
+                    v.preventDefault(), S(Math.max(U, w - R));
                     break;
                   case "ArrowRight":
                   case "ArrowUp":
-                    v.preventDefault(), S(Math.min(ee, E + R));
+                    v.preventDefault(), S(Math.min(ee, w + R));
                     break;
                   case "PageDown":
-                    v.preventDefault(), S(Math.max(U, E - V));
+                    v.preventDefault(), S(Math.max(U, w - V));
                     break;
                   case "PageUp":
-                    v.preventDefault(), S(Math.min(ee, E + V));
+                    v.preventDefault(), S(Math.min(ee, w + V));
                     break;
                   case "Home":
                     v.preventDefault(), S(U);
@@ -5653,7 +5668,7 @@ function ai({
                     left: 0,
                     right: 0,
                     height: `${Me}px`,
-                    backgroundColor: we,
+                    backgroundColor: Ee,
                     borderRadius: `${ue}px`
                   },
                   children: [
@@ -5787,7 +5802,7 @@ function ai({
                 }
               ),
               Pe && (!L || P) && p !== null && (() => {
-                const v = P ? $.start + p * F : p * y, R = c.current?.offsetWidth ?? 0, V = p * 100, U = p * R, ee = Ze / 2;
+                const v = P ? B.start + p * F : p * y, R = c.current?.offsetWidth ?? 0, V = p * 100, U = p * R, ee = Ze / 2;
                 let he = "-50%";
                 return U < ee ? he = "0%" : R - U < ee && (he = "-100%"), m ? (
                   /* Thumbnail card */
@@ -6023,43 +6038,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 } = Y(), { toggleMute: l, setVolume: c } = q(), [d, h] = b(!1), [p, g] = b(!1), m = O(null), k = a === "top" || a === "bottom", I = B((w, M) => {
+  }, { isMuted: n, volume: o } = Y(), { toggleMute: l, setVolume: c } = q(), [d, h] = b(!1), [p, g] = b(!1), m = O(null), A = a === "top" || a === "bottom", I = $((E, M) => {
     if (!m.current) return;
-    const N = m.current.getBoundingClientRect(), H = k ? Math.max(0, Math.min(1, 1 - (M - N.top) / N.height)) : Math.max(0, Math.min(1, (w - N.left) / N.width));
+    const N = m.current.getBoundingClientRect(), H = A ? Math.max(0, Math.min(1, 1 - (M - N.top) / N.height)) : Math.max(0, Math.min(1, (E - N.left) / N.width));
     c(H);
-  }, [c, k]), A = B((w) => {
-    g(!0), n && l(), I(w.clientX, w.clientY);
+  }, [c, A]), C = $((E) => {
+    g(!0), n && l(), I(E.clientX, E.clientY);
   }, [I, n, l]);
-  x(() => {
+  k(() => {
     if (!p) return;
-    const w = (N) => I(N.clientX, N.clientY), M = () => g(!1);
-    return window.addEventListener("mousemove", w), window.addEventListener("mouseup", M), () => {
-      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", M);
+    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, I]);
-  const T = p ? o : n ? 0 : o, E = d || p, y = {
+  const T = p ? o : n ? 0 : o, w = d || p, y = {
     position: "absolute",
-    opacity: E ? 1 : 0,
+    opacity: w ? 1 : 0,
     transition: "all 0.25s ease",
-    pointerEvents: E ? "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: E ? "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 +6083,10 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           bottom: "40px",
           left: "0",
           width: "40px",
-          height: E ? "118px" : "0px",
+          height: w ? "118px" : "0px",
           paddingBottom: "8px",
           borderRadius: "8px 8px 0 0",
-          border: w,
+          border: E,
           borderBottom: "none"
         };
       case "bottom":
@@ -6080,10 +6095,10 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           top: "40px",
           left: "0",
           width: "40px",
-          height: E ? "118px" : "0px",
+          height: w ? "118px" : "0px",
           paddingTop: "8px",
           borderRadius: "0 0 8px 8px",
-          border: w,
+          border: E,
           borderTop: "none"
         };
       default:
@@ -6091,15 +6106,15 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
           ...y,
           left: "40px",
           top: "0",
-          width: E ? "118px" : "0px",
+          width: w ? "118px" : "0px",
           height: "40px",
           paddingLeft: "8px",
           borderRadius: "0 8px 8px 0",
-          border: w,
+          border: E,
           borderLeft: "none"
         };
     }
-  })(), X = k ? { width: "40px", height: "110px", display: "flex", justifyContent: "center", alignItems: "center", cursor: "pointer", position: "relative", outline: "none" } : { width: "110px", height: "40px", display: "flex", alignItems: "center", cursor: "pointer", position: "relative", paddingRight: "8px", outline: "none" }, D = k ? { width: "4px", height: "100%", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" } : { width: "100%", height: "4px", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" }, S = k ? {
+  })(), X = A ? { 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 = A ? { width: "4px", height: "100%", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" } : { width: "100%", height: "4px", backgroundColor: i.trackColor, borderRadius: "2px", position: "relative" }, S = A ? {
     position: "absolute",
     bottom: 0,
     left: 0,
@@ -6117,7 +6132,7 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
     backgroundColor: i.fillColor,
     borderRadius: "2px",
     transition: p ? "none" : "width 0.1s ease"
-  }, _ = p ? 14 : 12, W = k ? {
+  }, _ = p ? 14 : 12, W = A ? {
     position: "absolute",
     bottom: `calc(${T * 100}% - ${T * _}px)`,
     left: "50%",
@@ -6170,11 +6185,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)
@@ -6202,33 +6217,33 @@ function di({ sliderDirection: a = "right", theme: e, iconSize: t = 20, hoverBac
                 "aria-valuemax": 100,
                 "aria-valuenow": Math.round(T * 100),
                 "aria-valuetext": n ? "Muted" : `${Math.round(T * 100)}%`,
-                onMouseDown: A,
-                onKeyDown: (w) => {
+                onMouseDown: C,
+                onKeyDown: (E) => {
                   const H = n ? 0 : o;
-                  switch (w.key) {
+                  switch (E.key) {
                     case "ArrowRight":
                     case "ArrowUp":
-                      w.preventDefault(), c(Math.min(1, H + 0.05));
+                      E.preventDefault(), c(Math.min(1, H + 0.05));
                       break;
                     case "ArrowLeft":
                     case "ArrowDown":
-                      w.preventDefault(), c(Math.max(0, H - 0.05));
+                      E.preventDefault(), c(Math.max(0, H - 0.05));
                       break;
                     case "PageUp":
-                      w.preventDefault(), c(Math.min(1, H + 0.2));
+                      E.preventDefault(), c(Math.min(1, H + 0.2));
                       break;
                     case "PageDown":
-                      w.preventDefault(), c(Math.max(0, H - 0.2));
+                      E.preventDefault(), c(Math.max(0, H - 0.2));
                       break;
                     case "Home":
-                      w.preventDefault(), c(0);
+                      E.preventDefault(), c(0);
                       break;
                     case "End":
-                      w.preventDefault(), c(1);
+                      E.preventDefault(), c(1);
                       break;
                     case "m":
                     case "M":
-                      w.preventDefault(), l();
+                      E.preventDefault(), l();
                       break;
                   }
                 },
@@ -6247,7 +6262,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 = B(
+  const { setPlaybackRate: a } = q(), [e, t] = b(1), r = $(
     (n) => {
       a(n), t(n);
     },
@@ -6461,33 +6476,33 @@ function yi({
     fontSize: d,
     borderBottom: `1px solid ${c.replace("0.1)", "0.08)")}`
   }, g = e?.vertical ?? "top", m = e?.horizontal ?? "right", {
-    setQuality: k,
+    setQuality: A,
     setAudioTrack: I,
-    setPlaybackRate: A,
+    setPlaybackRate: C,
     setSubtitleTrack: T,
-    getPlayerStats: E
-  } = q(), y = Ce(), { playbackRate: G = 1, isLive: X } = Y(), { style: D, setStyle: S } = ut(), [_, W] = b(!1), [w, M] = b("root");
-  x(() => {
-    X && w === "speed" && M("root");
-  }, [X, w]);
-  const [N, H] = b([]), [Q, L] = b(null), [$, P] = b([]), [F, Z] = b(""), [J, we] = b([]), [ae, de] = b(null), [j, Me] = b(null), [ue, me] = b([]);
-  x(() => {
+    getPlayerStats: w
+  } = q(), y = Ce(), { playbackRate: G = 1, isLive: X } = Y(), { style: D, setStyle: S } = ut(), [_, W] = b(!1), [E, M] = b("root");
+  k(() => {
+    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, de] = b(null), [j, Me] = b(null), [ue, me] = b([]);
+  k(() => {
     const f = () => {
-      H(y.getAvailableQualities()), L(y.getQuality()), P(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()), de(y.getActiveSubtitleLanguage());
     };
     y.events.on("tracksready", f), y.events.on("streamTypeDetected", f), y.events.on("qualitychange", f), y.events.on("loadedmetadata", f), f();
     const 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(K);
     };
-  }, [y]), x(() => {
-    _ && (H(y.getAvailableQualities()), L(y.getQuality()), P(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), we(y.getSubtitleTracks()), de(y.getActiveSubtitleLanguage()));
+  }, [y]), k(() => {
+    _ && (H(y.getAvailableQualities()), L(y.getQuality()), P(y.getAvailableAudioTracks()), Z(y.getAudioTrack()), Ee(y.getSubtitleTracks()), de(y.getActiveSubtitleLanguage()));
   }, [_, y]);
-  const Pe = $.length > 1;
-  x(() => {
-    if (w !== "statistics") return;
+  const Pe = B.length > 1;
+  k(() => {
+    if (E !== "statistics") return;
     const f = () => {
-      const xe = E();
+      const xe = w();
       Me(xe), me((Ve) => [...Ve.slice(-59), xe]);
     };
     f();
@@ -6495,24 +6510,24 @@ function yi({
     return () => {
       clearInterval(K), me([]);
     };
-  }, [w, E]);
+  }, [E, w]);
   const ye = O(null);
-  x(() => {
+  k(() => {
     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);
-  }, [_]), x(() => {
+  }, [_]), k(() => {
     if (!_) return;
     const f = (K) => {
-      K.key === "Escape" && (W(!1), M("root")), K.key === "Backspace" && w !== "root" && M("root");
+      K.key === "Escape" && (W(!1), M("root")), K.key === "Backspace" && E !== "root" && M("root");
     };
     return document.addEventListener("keydown", f), () => document.removeEventListener("keydown", f);
-  }, [_, w]);
-  const Le = B(() => {
+  }, [_, E]);
+  const Le = $(() => {
     W((f) => (f && M("root"), !f));
-  }, []), Re = Q ? Q.id === "auto" ? "Auto" : Q.label : "Auto", le = G === 1 ? "1×" : `${G}×`, ve = $.find((f) => f.id === F)?.label ?? "Auto", Ee = ae === null ? "Off" : J.find((f) => f.language === ae)?.label ?? ae, De = /* @__PURE__ */ u("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  }, []), 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" })
@@ -6548,7 +6563,7 @@ function yi({
       !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: () => M("subtitles") }),
+      /* @__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: V, label: "Statistics", onClick: () => M("statistics") })
@@ -6562,7 +6577,7 @@ function yi({
           label: f.id === "auto" ? "Auto" : f.label,
           selected: Q?.id === f.id,
           onClick: () => {
-            k(f.id), L(f), W(!1), M("root");
+            A(f.id), L(f), W(!1), M("root");
           }
         },
         f.id
@@ -6577,14 +6592,14 @@ function yi({
         label: f === 1 ? "1× (Normal)" : `${f}×`,
         selected: G === f,
         onClick: () => {
-          A(f), W(!1), M("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: () => M("root") }) }),
-    /* @__PURE__ */ s("div", { style: { padding: "4px 0" }, children: $.map((f) => /* @__PURE__ */ s(
+    /* @__PURE__ */ s("div", { style: { padding: "4px 0" }, children: B.map((f) => /* @__PURE__ */ s(
       z,
       {
         label: f.label || f.language || f.id,
@@ -6710,7 +6725,7 @@ function yi({
       ] })
     ] })
   ] }), vt = () => {
-    const f = ue.map((ie) => ie.bandwidth), K = ue.map((ie) => ie.bufferHealth), xe = j?.bandwidth ?? 0, Ve = j?.bufferHealth ?? 0, wt = (ie) => ie >= 1e3 ? `${(ie / 1e3).toFixed(2)} Mbps` : `${ie.toFixed(0)} kbps`, ke = (ie, xt) => /* @__PURE__ */ u("div", { style: {
+    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,7 +6734,7 @@ 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 = j?.segmentUrl ?? "", Et = Se.length > 36 ? "…" + Se.slice(-36) : Se || "—";
+    ] }), Ae = j?.segmentUrl ?? "", wt = Ae.length > 36 ? "…" + Ae.slice(-36) : Ae || "—";
     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: () => M("root") }) }),
@@ -6740,7 +6755,7 @@ 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: j ? 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" }) })
         ] }),
@@ -6767,7 +6782,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: Ae, children: wt })
           ] })
         ] })
       ] }),
@@ -6779,7 +6794,7 @@ function yi({
         ` })
     ] });
   }, bt = () => {
-    switch (w) {
+    switch (E) {
       case "quality":
         return ee();
       case "speed":
@@ -6860,7 +6875,7 @@ function yi({
           background: l,
           border: `1px solid ${c}`,
           boxShadow: `0 12px 48px rgba(0,0,0,0.7), 0 0 0 1px ${c.replace("0.1)", "0.08)")}`,
-          width: w === "statistics" ? "360px" : "320px",
+          width: E === "statistics" ? "360px" : "320px",
           ...g === "bottom" ? { top: "52px" } : { bottom: "52px" },
           ...m === "left" ? { left: 0 } : { right: 0 }
         },
@@ -6877,7 +6892,7 @@ function yi({
 }
 function Ti({ label: a = "AirPlay", className: e = "" }) {
   const t = Ce(), [r, i] = b(!1), [n, o] = b(!1);
-  x(() => {
+  k(() => {
     if (!t) return;
     i(t.isAirPlayAvailable()), o(t.isAirPlayActive());
     const c = ({ isAvailable: d, isActive: h }) => {
@@ -6887,7 +6902,7 @@ function Ti({ label: a = "AirPlay", className: e = "" }) {
       t.events.off("airplaychange", c);
     };
   }, [t]);
-  const l = B(() => {
+  const l = $(() => {
     t?.showAirPlayPicker();
   }, [t]);
   return r ? /* @__PURE__ */ s(
@@ -6934,7 +6949,7 @@ function Mi({
   className: e = ""
 }) {
   const t = Ce(), [r, i] = b(!1), [n, o] = b(!1);
-  x(() => {
+  k(() => {
     if (!t) return;
     i(t.isCastAvailable()), o(t.isCastActive());
     const c = ({
@@ -6947,7 +6962,7 @@ function Mi({
       t.events.off("castchange", c);
     };
   }, [t]);
-  const l = B(() => {
+  const l = $(() => {
     n ? t?.stopCasting() : t?.showCastPicker();
   }, [t, n]);
   return r ? /* @__PURE__ */ s(
@@ -7002,7 +7017,7 @@ function Pi({ x: a, y: e, isOpen: t, onClose: r, actions: i, theme: n }) {
     iconBackground: n?.iconBackground ?? "rgba(255,255,255,0.08)",
     dividerColor: n?.dividerColor ?? "rgba(255,255,255,0.07)"
   }, l = O(null);
-  return x(() => {
+  return k(() => {
     if (!t) return;
     const c = (d) => {
       if ("key" in d) {
@@ -7218,39 +7233,39 @@ export {
   Li as ControlsContainer,
   He as ControlsVisibilityContext,
   Mr as EndCard,
-  St as EventBus,
+  At as EventBus,
   jr as FullscreenButton,
   Pr as GestureHintOverlay,
   ei as JumpToLiveButton,
   Tr as KeyboardShortcutsOverlay,
   ti as LiveLatencyDisplay,
-  Ae as MediaErrorCode,
+  Se as MediaErrorCode,
   xi as MuteButton,
   Kr as PipButton,
   zr as PlayButton,
   Ci as PlaybackSpeedSelector,
-  Ei as Player,
+  wi as Player,
   fe as PlayerCore,
   Gt as PlayerProvider,
   Di as Playron,
   Mt as PlayronEventEmitter,
   ai as SeekBar,
   Ri as SeekBarContainer,
-  Si as SettingsButton,
+  Ai as SettingsButton,
   yi as SettingsPanel,
   li as SkipBackwardButton,
   ci as SkipForwardButton,
-  Ai as SkipIntroButton,
+  Si as SkipIntroButton,
   Rt as StallDetector,
   Pt as StreamDetector,
   ki as TheaterModeButton,
   si as ThumbnailManager,
   Jr as TimeDisplay,
-  C as VideoEventType,
+  x as VideoEventType,
   di as VolumeControl,
-  Ei as default,
+  wi as default,
   ge as eventBus,
-  wi as isVideoEventType,
+  Ei as isVideoEventType,
   Lt as streamDetector,
   Lr as useMobileGestures,
   Ce as usePlayer,