strataplayer 1.2.21 → 1.2.23

package/dist/strataplayer.es.js

@@ -1,13 +1,13 @@
 var Si = Object.defineProperty;
 var Ci = (s, t, i) => t in s ? Si(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
-var F = (s, t, i) => Ci(s, typeof t != "symbol" ? t + "" : t, i);
-import Me, { useState as M, useEffect as ee, useRef as W, useLayoutEffect as Be, useMemo as Ce, useSyncExternalStore as Ni, useCallback as Ve } from "react";
+var E = (s, t, i) => Ci(s, typeof t != "symbol" ? t + "" : t, i);
+import Me, { useState as M, useEffect as K, useRef as W, useLayoutEffect as Be, useMemo as Ce, useSyncExternalStore as Ni, useCallback as Ve } from "react";
 import { createRoot as Mi } from "react-dom/client";
 import { jsxs as c, jsx as e, Fragment as Q } from "react/jsx-runtime";
 import { createPortal as Ti } from "react-dom";
 class zi {
   constructor() {
-    F(this, "events");
+    E(this, "events");
     this.events = /* @__PURE__ */ new Map();
   }
   on(t, i) {
@@ -18,12 +18,12 @@ class zi {
     const o = this.events.get(t);
     o && this.events.set(
       t,
-      o.filter((a) => a !== i)
+      o.filter((r) => r !== i)
     );
   }
   emit(t, i) {
     const o = this.events.get(t);
-    o && o.forEach((a) => a(i));
+    o && o.forEach((r) => r(i));
   }
   destroy() {
     this.events.clear();
@@ -31,8 +31,8 @@ class zi {
 }
 class Ii {
   constructor(t) {
-    F(this, "state");
-    F(this, "listeners");
+    E(this, "state");
+    E(this, "listeners");
     this.state = t, this.listeners = /* @__PURE__ */ new Set();
   }
   get() {
@@ -40,7 +40,7 @@ class Ii {
   }
   setState(t) {
     const i = this.state, o = typeof t == "function" ? t(i) : t;
-    this.state = { ...i, ...o }, this.listeners.forEach((a) => a(this.state, i));
+    this.state = { ...i, ...o }, this.listeners.forEach((r) => r(this.state, i));
   }
   subscribe(t) {
     return this.listeners.add(t), () => this.listeners.delete(t);
@@ -49,13 +49,13 @@ class Ii {
     this.listeners.clear();
   }
 }
-class Ri {
+class Fi {
   constructor(t) {
-    F(this, "context", null);
-    F(this, "source", null);
-    F(this, "gainNode", null);
-    F(this, "video");
-    F(this, "isInitialized", !1);
+    E(this, "context", null);
+    E(this, "source", null);
+    E(this, "gainNode", null);
+    E(this, "video");
+    E(this, "isInitialized", !1);
     this.video = t;
   }
   /**
@@ -82,48 +82,48 @@ const it = (s) => {
   if (isNaN(s)) return "00:00";
   const t = Math.floor(s / 3600), i = Math.floor(s % 3600 / 60), o = Math.floor(s % 60);
   return t > 0 ? `${t}:${i.toString().padStart(2, "0")}:${o.toString().padStart(2, "0")}` : `${i}:${o.toString().padStart(2, "0")}`;
-}, Pi = async (s, t = 3, i = 2e4) => {
+}, Ri = async (s, t = 3, i = 2e4) => {
   for (let o = 0; o < t; o++) {
-    const a = new AbortController(), u = setTimeout(() => a.abort(), i);
+    const r = new AbortController(), u = setTimeout(() => r.abort(), i);
     try {
-      const h = await fetch(s, { signal: a.signal });
+      const h = await fetch(s, { signal: r.signal });
       if (clearTimeout(u), !h.ok) throw new Error(`HTTP ${h.status}`);
       return await h.text();
     } catch (h) {
       if (clearTimeout(u), o === t - 1) throw h;
-      await new Promise((f) => setTimeout(f, 1e3));
+      await new Promise((p) => setTimeout(p, 1e3));
     }
   }
   throw new Error("Failed");
-}, Li = async (s, t, i = 2e4) => {
+}, Pi = async (s, t, i = 2e4) => {
   try {
-    const a = (await Pi(s, 3, i)).split(`
+    const r = (await Ri(s, 3, i)).split(`
 `), u = [];
-    let h = null, f = null;
-    const x = s.substring(0, s.lastIndexOf("/") + 1), b = (m) => {
-      const v = m.split(":");
-      let p = 0;
-      return v.length === 3 ? (p += parseFloat(v[0]) * 3600, p += parseFloat(v[1]) * 60, p += parseFloat(v[2])) : (p += parseFloat(v[0]) * 60, p += parseFloat(v[1])), p;
+    let h = null, p = null;
+    const b = s.substring(0, s.lastIndexOf("/") + 1), g = (m) => {
+      const x = m.split(":");
+      let f = 0;
+      return x.length === 3 ? (f += parseFloat(x[0]) * 3600, f += parseFloat(x[1]) * 60, f += parseFloat(x[2])) : (f += parseFloat(x[0]) * 60, f += parseFloat(x[1])), f;
     };
-    for (let m of a)
+    for (let m of r)
       if (m = m.trim(), m.includes("-->")) {
-        const v = m.split("-->");
-        h = b(v[0].trim()), f = b(v[1].trim());
-      } else if (h !== null && f !== null && m.length > 0) {
-        let [v, p] = m.split("#");
-        !v.match(/^https?:\/\//) && !v.startsWith("data:") && (v = x + v);
-        let S = 0, $ = 0, U = 0, H = 0;
-        if (p && p.startsWith("xywh=")) {
-          const q = p.replace("xywh=", "").split(",");
-          q.length === 4 && (S = parseInt(q[0]), $ = parseInt(q[1]), U = parseInt(q[2]), H = parseInt(q[3]));
+        const x = m.split("-->");
+        h = g(x[0].trim()), p = g(x[1].trim());
+      } else if (h !== null && p !== null && m.length > 0) {
+        let [x, f] = m.split("#");
+        !x.match(/^https?:\/\//) && !x.startsWith("data:") && (x = b + x);
+        let S = 0, L = 0, U = 0, H = 0;
+        if (f && f.startsWith("xywh=")) {
+          const _ = f.replace("xywh=", "").split(",");
+          _.length === 4 && (S = parseInt(_[0]), L = parseInt(_[1]), U = parseInt(_[2]), H = parseInt(_[3]));
         }
-        U > 0 && H > 0 && u.push({ start: h, end: f, url: v, x: S, y: $, w: U, h: H }), h = null, f = null;
+        U > 0 && H > 0 && u.push({ start: h, end: p, url: x, x: S, y: L, w: U, h: H }), h = null, p = null;
       }
     return u;
   } catch {
     return t({ type: "warning", message: "Failed to load thumbnails", duration: 4e3 }), [];
   }
-}, Fi = () => {
+}, Ei = () => {
   if (!(typeof document > "u")) {
     if (!document.getElementById("strata-fonts")) {
       const s = document.createElement("link");
@@ -138,7 +138,7 @@ const it = (s) => {
       s.src = "https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1", document.head.appendChild(s);
     }
   }
-}, rt = {
+}, at = {
   useNative: !1,
   fixCapitalization: !1,
   backgroundOpacity: 50,
@@ -149,7 +149,7 @@ const it = (s) => {
   isBold: !1,
   textColor: "#ffffff",
   verticalOffset: 40
-}, Jt = "strata-settings", K = {
+}, Jt = "strata-settings", Z = {
   isPlaying: !1,
   isBuffering: !1,
   isLive: !1,
@@ -171,7 +171,7 @@ const it = (s) => {
   subtitleTracks: [],
   currentSubtitle: -1,
   subtitleOffset: 0,
-  subtitleSettings: rt,
+  subtitleSettings: at,
   activeCues: [],
   viewMode: "normal",
   notifications: [],
@@ -194,87 +194,87 @@ const it = (s) => {
   let t = {};
   if (!s.disablePersistence && typeof window < "u")
     try {
-      const a = localStorage.getItem(Jt);
-      a && (t = JSON.parse(a));
+      const r = localStorage.getItem(Jt);
+      r && (t = JSON.parse(r));
     } catch {
     }
   const i = {
-    ...rt,
+    ...at,
     ...t.subtitleSettings || {},
     ...s.subtitleSettings || {}
-  }, o = s.videoFit ?? (s.autoSize ? "cover" : void 0) ?? t.videoFit ?? K.videoFit;
+  }, o = s.videoFit ?? (s.autoSize ? "cover" : void 0) ?? t.videoFit ?? Z.videoFit;
   return {
-    ...K,
+    ...Z,
     ...t,
     // Load saved first
     // Override with config if present (not undefined)
-    volume: s.volume ?? t.volume ?? K.volume,
-    isMuted: s.muted ?? t.isMuted ?? K.isMuted,
-    playbackRate: s.playbackRate ?? t.playbackRate ?? K.playbackRate,
-    audioGain: s.audioGain ?? t.audioGain ?? K.audioGain,
-    theme: s.theme ?? t.theme ?? K.theme,
-    themeColor: s.themeColor ?? t.themeColor ?? K.themeColor,
-    iconSize: s.iconSize ?? t.iconSize ?? K.iconSize,
+    volume: s.volume ?? t.volume ?? Z.volume,
+    isMuted: s.muted ?? t.isMuted ?? Z.isMuted,
+    playbackRate: s.playbackRate ?? t.playbackRate ?? Z.playbackRate,
+    audioGain: s.audioGain ?? t.audioGain ?? Z.audioGain,
+    theme: s.theme ?? t.theme ?? Z.theme,
+    themeColor: s.themeColor ?? t.themeColor ?? Z.themeColor,
+    iconSize: s.iconSize ?? t.iconSize ?? Z.iconSize,
     subtitleSettings: i,
     // Config overrides state for these visual modes
-    isAutoSized: s.autoSize ?? K.isAutoSized,
+    isAutoSized: s.autoSize ?? Z.isAutoSized,
     videoFit: o,
-    brightness: s.brightness ?? t.brightness ?? K.brightness,
-    isLive: s.isLive ?? t.isLive ?? K.isLive,
-    isLooping: s.loop ?? t.isLooping ?? K.isLooping,
+    brightness: s.brightness ?? t.brightness ?? Z.brightness,
+    isLive: s.isLive ?? t.isLive ?? Z.isLive,
+    isLooping: s.loop ?? t.isLooping ?? Z.isLooping,
     sourceStatuses: {}
     // Never persist statuses
   };
 };
-class $i {
+class Li {
   constructor(t = {}, i) {
-    F(this, "video");
-    F(this, "container", null);
-    F(this, "events");
-    F(this, "store");
-    F(this, "plugins", /* @__PURE__ */ new Map());
-    F(this, "audioEngine");
-    F(this, "config");
-    F(this, "resizeObserver", null);
+    E(this, "video");
+    E(this, "container", null);
+    E(this, "events");
+    E(this, "store");
+    E(this, "plugins", /* @__PURE__ */ new Map());
+    E(this, "audioEngine");
+    E(this, "config");
+    E(this, "resizeObserver", null);
     // Retry Logic
-    F(this, "retryCount", 0);
-    F(this, "maxRetries", 5);
-    F(this, "retryTimer", null);
-    F(this, "currentSource", null);
-    F(this, "currentSrc", "");
+    E(this, "retryCount", 0);
+    E(this, "maxRetries", 5);
+    E(this, "retryTimer", null);
+    E(this, "currentSource", null);
+    E(this, "currentSrc", "");
     // Track configs from setSources are stored here to lazy load
-    F(this, "trackConfigs", []);
+    E(this, "trackConfigs", []);
     // Download Control
-    F(this, "activeDownloads", /* @__PURE__ */ new Map());
+    E(this, "activeDownloads", /* @__PURE__ */ new Map());
     // Cast
-    F(this, "castInitialized", !1);
-    F(this, "boundCueChange");
-    F(this, "boundFullscreenChange");
-    Fi(), this.config = t, this.config.autoOrientation = this.config.autoOrientation ?? !0, this.config.fetchTimeout = this.config.fetchTimeout ?? 3e4, this.config.centerControls = this.config.centerControls ?? !0, this.config.gestureSeek = this.config.gestureSeek ?? !1, this.video = i || document.createElement("video"), this.video.crossOrigin = "anonymous", this.video.preload = "auto", t.playsInline !== !1 && (this.video.playsInline = !0), this.events = new zi();
+    E(this, "castInitialized", !1);
+    E(this, "boundCueChange");
+    E(this, "boundFullscreenChange");
+    Ei(), this.config = t, this.config.autoOrientation = this.config.autoOrientation ?? !0, this.config.fetchTimeout = this.config.fetchTimeout ?? 3e4, this.config.centerControls = this.config.centerControls ?? !0, this.config.gestureSeek = this.config.gestureSeek ?? !1, this.video = i || document.createElement("video"), this.video.crossOrigin = "anonymous", this.video.preload = "auto", t.playsInline !== !1 && (this.video.playsInline = !0), this.events = new zi();
     const o = Kt(t);
-    this.store = new Ii(o), this.audioEngine = new Ri(this.video), this.boundCueChange = this.handleCueChange.bind(this), this.boundFullscreenChange = () => {
-      const a = !!document.fullscreenElement;
-      if (this.store.setState({ isFullscreen: a }), this.emit("resize"), this.emit(a ? "fullscreen" : "fullscreen_exit"), a && this.config.autoOrientation && screen.orientation && "lock" in screen.orientation) {
-        const h = this.video.videoWidth > this.video.videoHeight ? "landscape" : "portrait";
+    this.store = new Ii(o), this.audioEngine = new Fi(this.video), this.boundCueChange = this.handleCueChange.bind(this), this.boundFullscreenChange = () => {
+      const r = document, u = !!(r.fullscreenElement || r.webkitFullscreenElement || r.mozFullScreenElement || r.msFullscreenElement);
+      if (this.store.setState({ isFullscreen: u }), this.emit("resize"), this.emit(u ? "fullscreen" : "fullscreen_exit"), u && this.config.autoOrientation && screen.orientation && "lock" in screen.orientation) {
+        const p = this.video.videoWidth > this.video.videoHeight ? "landscape" : "portrait";
         try {
-          screen.orientation.lock(h).catch(() => {
+          screen.orientation.lock(p).catch(() => {
           });
         } catch {
         }
-      } else !a && screen.orientation && "unlock" in screen.orientation && screen.orientation.unlock();
-    }, this.video.volume = o.volume, this.video.muted = o.isMuted, this.video.playbackRate = o.playbackRate, this.video.loop = o.isLooping, this.video.style.filter = `brightness(${o.brightness})`, o.audioGain > 1 && this.audioEngine.setGain(o.audioGain), this.video.style.objectFit = o.videoFit, this.initVideoListeners(), this.initMediaSession(), this.initCast(), t.disablePersistence || this.store.subscribe((a) => {
+      } else !u && screen.orientation && "unlock" in screen.orientation && screen.orientation.unlock();
+    }, this.video.volume = o.volume, this.video.muted = o.isMuted, this.video.playbackRate = o.playbackRate, this.video.loop = o.isLooping, this.video.style.filter = `brightness(${o.brightness})`, o.audioGain > 1 && this.audioEngine.setGain(o.audioGain), this.video.style.objectFit = o.videoFit, this.initVideoListeners(), this.initMediaSession(), this.initCast(), t.disablePersistence || this.store.subscribe((r) => {
       const u = {
-        volume: a.volume,
-        isMuted: a.isMuted,
-        playbackRate: a.playbackRate,
-        subtitleSettings: a.subtitleSettings,
-        iconSize: a.iconSize,
-        themeColor: a.themeColor,
-        theme: a.theme,
-        isLive: a.isLive,
-        isLooping: a.isLooping,
-        brightness: a.brightness,
-        videoFit: a.videoFit
+        volume: r.volume,
+        isMuted: r.isMuted,
+        playbackRate: r.playbackRate,
+        subtitleSettings: r.subtitleSettings,
+        iconSize: r.iconSize,
+        themeColor: r.themeColor,
+        theme: r.theme,
+        isLive: r.isLive,
+        isLooping: r.isLooping,
+        brightness: r.brightness,
+        videoFit: r.videoFit
       };
       localStorage.setItem(Jt, JSON.stringify(u));
     });
@@ -337,7 +337,7 @@ class $i {
     return this.events.emit(t, i);
   }
   initVideoListeners() {
-    const t = (o) => this.store.setState(o);
+    const t = (r) => this.store.setState(r);
     [
       "abort",
       "canplay",
@@ -361,9 +361,9 @@ class $i {
       "timeupdate",
       "volumechange",
       "waiting"
-    ].forEach((o) => {
-      this.video.addEventListener(o, (a) => {
-        switch (this.emit(`video:${o}`, a), o === "play" && this.emit("play"), o === "pause" && this.emit("pause"), o === "ended" && this.emit("ended"), o === "error" && this.emit("error", this.video.error), o === "seeked" && this.emit("seek"), o) {
+    ].forEach((r) => {
+      this.video.addEventListener(r, (u) => {
+        switch (this.emit(`video:${r}`, u), r === "play" && this.emit("play"), r === "pause" && this.emit("pause"), r === "ended" && this.emit("ended"), r === "error" && this.emit("error", this.video.error), r === "seeked" && this.emit("seek"), r) {
           case "play":
             t({ isPlaying: !0 }), "mediaSession" in navigator && (navigator.mediaSession.playbackState = "playing"), this.updateMediaSessionPosition();
             break;
@@ -421,7 +421,7 @@ class $i {
       t({ isPip: !0 }), this.emit("pip", !0);
     }), this.video.addEventListener("leavepictureinpicture", () => {
       t({ isPip: !1 }), this.emit("pip", !1);
-    }), document.addEventListener("fullscreenchange", this.boundFullscreenChange);
+    }), ["fullscreenchange", "webkitfullscreenchange", "mozfullscreenchange", "MSFullscreenChange"].forEach((r) => document.addEventListener(r, this.boundFullscreenChange));
   }
   updateSourceStatus(t) {
     const i = this.store.get().currentSourceIndex;
@@ -446,9 +446,9 @@ class $i {
     });
   }
   updateMediaSessionMetadata() {
-    var o, a;
+    var o, r;
     if (!("mediaSession" in navigator)) return;
-    const t = ((o = this.currentSource) == null ? void 0 : o.name) || ((a = this.currentSource) == null ? void 0 : a.url.split("/").pop()) || "Video", i = [];
+    const t = ((o = this.currentSource) == null ? void 0 : o.name) || ((r = this.currentSource) == null ? void 0 : r.url.split("/").pop()) || "Video", i = [];
     this.config.poster && i.push({ src: this.config.poster, sizes: "512x512", type: "image/jpeg" }), i.push({ src: "logo.png", sizes: "512x512", type: "image/png" }), navigator.mediaSession.metadata = new MediaMetadata({
       title: t,
       artist: "StrataPlayer",
@@ -466,8 +466,8 @@ class $i {
           position: Math.max(0, Math.min(i, t))
           // Ensure within [0, duration]
         });
-      } catch (a) {
-        console.warn("MediaSession Position Error:", a);
+      } catch (r) {
+        console.warn("MediaSession Position Error:", r);
       }
   }
   triggerError(t, i = !1) {
@@ -477,14 +477,14 @@ class $i {
     const i = this.video.error, o = t || (i == null ? void 0 : i.message) || (i ? `Code ${i.code}` : "Unknown Error");
     if (this.removeNotification("retry"), this.emit("video:error", i), this.retryCount < this.maxRetries) {
       this.retryCount++;
-      const a = Math.pow(2, this.retryCount - 1) * 1500;
+      const r = Math.pow(2, this.retryCount - 1) * 1500;
       this.notify({
         id: "retry",
         type: "loading",
         // Cleaned up formatting with newline
         message: `Error: ${o}.
 Retrying (${this.retryCount}/${this.maxRetries})`
-      }), console.warn(`[StrataPlayer] Error: ${o}. Retrying in ${a}ms...`), this.retryTimer && clearTimeout(this.retryTimer), this.retryTimer = setTimeout(() => {
+      }), console.warn(`[StrataPlayer] Error: ${o}. Retrying in ${r}ms...`), this.retryTimer && clearTimeout(this.retryTimer), this.retryTimer = setTimeout(() => {
         if (this.currentSource) {
           this.load(this.currentSource, this.trackConfigs, !0);
           const u = this.store.get().currentTime;
@@ -495,11 +495,11 @@ Retrying (${this.retryCount}/${this.maxRetries})`
             this.video.addEventListener("canplay", h);
           }
         }
-      }, a);
+      }, r);
     } else {
       this.removeNotification("retry");
-      const a = `Failed to play after ${this.maxRetries} attempts: ${o}`;
-      this.store.setState({ error: a }), this.emit("error", a), this.updateSourceStatus("error");
+      const r = `Failed to play after ${this.maxRetries} attempts: ${o}`;
+      this.store.setState({ error: r }), this.emit("error", r), this.updateSourceStatus("error");
     }
   }
   updateBuffer() {
@@ -513,27 +513,27 @@ Retrying (${this.retryCount}/${this.maxRetries})`
   }
   updateSubtitleTrackState(t, i) {
     this.store.setState((o) => {
-      const a = [...o.subtitleTracks];
-      return a[t] && (a[t] = { ...a[t], ...i }), { subtitleTracks: a };
+      const r = [...o.subtitleTracks];
+      return r[t] && (r[t] = { ...r[t], ...i }), { subtitleTracks: r };
     });
   }
   // --- Utility ---
-  async fetchWithRetry(t, i = 3, o, a) {
+  async fetchWithRetry(t, i = 3, o, r) {
     const u = o ?? this.config.fetchTimeout ?? 3e4;
     for (let h = 0; h < i; h++) {
-      const f = a ? null : new AbortController(), x = a || (f == null ? void 0 : f.signal), b = setTimeout(() => f == null ? void 0 : f.abort(), u);
+      const p = r ? null : new AbortController(), b = r || (p == null ? void 0 : p.signal), g = setTimeout(() => p == null ? void 0 : p.abort(), u);
       try {
-        const m = await fetch(t, { signal: x });
-        if (clearTimeout(b), !m.ok) throw new Error(`HTTP ${m.status}`);
+        const m = await fetch(t, { signal: b });
+        if (clearTimeout(g), !m.ok) throw new Error(`HTTP ${m.status}`);
         return m;
       } catch (m) {
-        if (clearTimeout(b), a != null && a.aborted) throw new Error("Aborted");
+        if (clearTimeout(g), r != null && r.aborted) throw new Error("Aborted");
         if (h === i - 1) throw m;
         if (m.name === "AbortError") {
-          if (a != null && a.aborted) throw m;
+          if (r != null && r.aborted) throw m;
           console.warn(`Fetch timeout (${u}ms) for ${t}`);
         }
-        await new Promise((v) => setTimeout(v, 1e3 * Math.pow(2, h)));
+        await new Promise((x) => setTimeout(x, 1e3 * Math.pow(2, h)));
       }
     }
     throw new Error("Fetch failed");
@@ -552,8 +552,8 @@ Retrying (${this.retryCount}/${this.maxRetries})`
   // Enhanced Format Duration: Days, Hours, Minutes, Seconds
   formatDuration(t) {
     if (!isFinite(t) || t <= 0) return "";
-    const i = Math.floor(t / 1e3), o = Math.floor(i / (3600 * 24)), a = Math.floor(i % (3600 * 24) / 3600), u = Math.floor(i % 3600 / 60), h = i % 60, f = [];
-    return o > 0 && f.push(`${o}d`), a > 0 && f.push(`${a}h`), u > 0 && f.push(`${u}m`), f.push(`${h}s`), f.join(" ");
+    const i = Math.floor(t / 1e3), o = Math.floor(i / (3600 * 24)), r = Math.floor(i % (3600 * 24) / 3600), u = Math.floor(i % 3600 / 60), h = i % 60, p = [];
+    return o > 0 && p.push(`${o}d`), r > 0 && p.push(`${r}h`), u > 0 && p.push(`${u}m`), p.push(`${h}s`), p.join(" ");
   }
   // --- Core Methods ---
   attach(t) {
@@ -568,26 +568,54 @@ Retrying (${this.retryCount}/${this.maxRetries})`
   setSources(t, i = []) {
     this.store.setState({ sources: t }), this.trackConfigs = i, t.length > 0 && this.load(t[0], i);
   }
+  /**
+   * Updates text tracks at runtime without reloading the video source.
+   * Useful for changing subtitles dynamically.
+   */
+  setTextTracks(t) {
+    this.trackConfigs = t;
+    const i = this.store.get().currentSubtitle, o = this.store.get().subtitleTracks[i], r = t.map((u, h) => {
+      const p = this.store.get().subtitleTracks.find((b) => b.src === u.src && b.label === u.label);
+      return {
+        ...u,
+        index: h,
+        status: p ? p.status : "idle",
+        isDefault: !!u.default
+      };
+    });
+    if (this.store.setState({ subtitleTracks: r }), o) {
+      const u = r.findIndex((h) => h.src === o.src && h.label === o.label);
+      if (u !== -1)
+        this.store.setState({ currentSubtitle: u });
+      else {
+        const h = r.findIndex((p) => p.default);
+        h !== -1 ? this.setSubtitle(h) : this.setSubtitle(-1);
+      }
+    } else {
+      const u = r.findIndex((h) => h.default);
+      u !== -1 && this.setSubtitle(u);
+    }
+  }
   switchSource(t) {
     const i = this.store.get().sources;
     if (t >= 0 && t < i.length) {
-      const o = this.video.currentTime, a = !this.video.paused;
+      const o = this.video.currentTime, r = !this.video.paused;
       this.load(i[t], this.trackConfigs);
       const u = () => {
-        this.video.currentTime = o, a && this.video.play(), this.video.removeEventListener("canplay", u);
+        this.video.currentTime = o, r && this.video.play(), this.video.removeEventListener("canplay", u);
       };
       this.video.addEventListener("canplay", u);
     }
   }
   load(t, i = [], o = !1) {
     this.retryTimer && clearTimeout(this.retryTimer);
-    const a = typeof t == "string" ? { url: t, type: "auto" } : t;
-    o || (this.retryCount = 0, this.store.setState({ error: null }), this.removeNotification("retry")), this.currentSrc = a.url, this.currentSource = a, this.trackConfigs = i;
-    const h = this.store.get().sources.findIndex((v) => v.url === a.url), f = i.map((v, p) => ({
-      ...v,
-      index: p,
+    const r = typeof t == "string" ? { url: t, type: "auto" } : t;
+    o || (this.retryCount = 0, this.store.setState({ error: null }), this.removeNotification("retry")), this.currentSrc = r.url, this.currentSource = r, this.trackConfigs = i;
+    const h = this.store.get().sources.findIndex((x) => x.url === r.url), p = i.map((x, f) => ({
+      ...x,
+      index: f,
       status: "idle",
-      isDefault: !!v.default
+      isDefault: !!x.default
     }));
     this.store.setState({
       isBuffering: !0,
@@ -597,21 +625,21 @@ Retrying (${this.retryCount}/${this.maxRetries})`
       audioTracks: [],
       currentAudioTrack: -1,
       // Reset audio track
-      subtitleTracks: f,
+      subtitleTracks: p,
       currentSubtitle: -1,
       currentSourceIndex: h
     }), this.updateMediaSessionMetadata();
-    let x = a.type || "auto";
-    x === "auto" && (a.url.includes(".m3u8") ? x = "hls" : a.url.includes(".mpd") ? x = "dash" : a.url.includes(".flv") || a.url.includes(".ts") ? x = "mpegts" : a.url.startsWith("magnet:") || a.url.includes(".torrent") ? x = "webtorrent" : x = "mp4"), this.events.emit("load", { url: a.url, type: x });
-    const b = this.video.getElementsByTagName("track");
-    for (; b.length > 0; )
-      b[0].remove();
-    const m = f.findIndex((v) => v.default);
-    m !== -1 && this.setSubtitle(m), (x === "mp4" || x === "webm" || x === "ogg") && (this.video.src = a.url);
+    let b = r.type || "auto";
+    b === "auto" && (r.url.includes(".m3u8") ? b = "hls" : r.url.includes(".mpd") ? b = "dash" : r.url.includes(".flv") || r.url.includes(".ts") ? b = "mpegts" : r.url.startsWith("magnet:") || r.url.includes(".torrent") ? b = "webtorrent" : b = "mp4"), this.events.emit("load", { url: r.url, type: b });
+    const g = this.video.getElementsByTagName("track");
+    for (; g.length > 0; )
+      g[0].remove();
+    const m = p.findIndex((x) => x.default);
+    m !== -1 && this.setSubtitle(m), (b === "mp4" || b === "webm" || b === "ogg") && (this.video.src = r.url);
   }
   // Wrapper for external subtitle API
   loadSubtitle(t, i = "Subtitle") {
-    const o = this.store.get().subtitleTracks.length, a = {
+    const o = this.store.get().subtitleTracks.length, r = {
       src: t,
       label: i,
       srcLang: "user",
@@ -622,25 +650,25 @@ Retrying (${this.retryCount}/${this.maxRetries})`
       isDefault: !0
     };
     this.store.setState((u) => ({
-      subtitleTracks: [...u.subtitleTracks, a]
+      subtitleTracks: [...u.subtitleTracks, r]
     })), this.setSubtitle(o);
   }
   addTextTrack(t, i) {
     const o = new FileReader();
-    o.onload = (a) => {
-      var x;
-      if (!((x = a.target) != null && x.result)) return;
-      let u = a.target.result;
+    o.onload = (r) => {
+      var b;
+      if (!((b = r.target) != null && b.result)) return;
+      let u = r.target.result;
       u = this.convertToVTT(u);
-      const h = new Blob([u], { type: "text/vtt" }), f = URL.createObjectURL(h);
-      this.loadSubtitle(f, i), this.notify({ type: "success", message: "Subtitle uploaded", duration: 3e3 });
+      const h = new Blob([u], { type: "text/vtt" }), p = URL.createObjectURL(h);
+      this.loadSubtitle(p, i), this.notify({ type: "success", message: "Subtitle uploaded", duration: 3e3 });
     }, o.onerror = () => {
       this.notify({ type: "error", message: "Failed to read file", duration: 3e3 });
     }, o.readAsText(t);
   }
-  addTextTrackInternal(t, i, o = "", a = !1) {
+  addTextTrackInternal(t, i, o = "", r = !1) {
     const u = document.createElement("track");
-    u.kind = "subtitles", u.label = i, u.src = t, u.srclang = o, a && (u.default = !0), this.video.appendChild(u);
+    u.kind = "subtitles", u.label = i, u.src = t, u.srclang = o, r && (u.default = !0), this.video.appendChild(u);
   }
   play() {
     return this.video.play();
@@ -679,29 +707,40 @@ Retrying (${this.retryCount}/${this.maxRetries})`
     this.store.get().controlsVisible !== t && (this.store.setState({ controlsVisible: t }), this.emit("control", t));
   }
   async toggleFullscreen() {
-    if (this.container) {
-      if (document.fullscreenElement) {
-        await document.exitFullscreen().catch(() => {
-        });
-        return;
-      }
-      if (this.store.get().isWebFullscreen) {
-        this.toggleWebFullscreen();
-        return;
-      }
-      try {
-        await this.container.requestFullscreen();
-      } catch (t) {
-        console.warn("Native fullscreen failed, falling back to Web Fullscreen", t), this.toggleWebFullscreen();
-      }
+    if (!this.container) return;
+    const t = document, i = this.container;
+    if (t.fullscreenElement || t.webkitFullscreenElement || t.mozFullScreenElement || t.msFullscreenElement) {
+      t.exitFullscreen ? await t.exitFullscreen().catch(() => {
+      }) : t.webkitExitFullscreen ? t.webkitExitFullscreen() : t.mozCancelFullScreen ? t.mozCancelFullScreen() : t.msExitFullscreen && t.msExitFullscreen();
+      return;
+    }
+    if (this.store.get().isWebFullscreen) {
+      this.toggleWebFullscreen();
+      return;
+    }
+    try {
+      if (i.requestFullscreen)
+        await i.requestFullscreen();
+      else if (i.webkitRequestFullscreen)
+        i.webkitRequestFullscreen();
+      else if (i.mozRequestFullScreen)
+        i.mozRequestFullScreen();
+      else if (i.msRequestFullscreen)
+        i.msRequestFullscreen();
+      else if (this.video && this.video.webkitEnterFullscreen)
+        this.video.webkitEnterFullscreen();
+      else
+        throw new Error("Native fullscreen API not supported");
+    } catch (r) {
+      console.warn("Native fullscreen failed, falling back to Web Fullscreen", r), this.toggleWebFullscreen();
     }
   }
   toggleWebFullscreen() {
-    const t = this.store.get().isWebFullscreen;
-    document.fullscreenElement && document.exitFullscreen().catch(() => {
-    });
-    const i = !t;
-    this.store.setState({ isWebFullscreen: i }), typeof document < "u" && (document.body.style.overflow = i ? "hidden" : ""), this.emit("webfullscreen", i);
+    const t = this.store.get().isWebFullscreen, i = document;
+    (i.fullscreenElement || i.webkitFullscreenElement || i.mozFullScreenElement || i.msFullscreenElement) && (i.exitFullscreen ? i.exitFullscreen().catch(() => {
+    }) : i.webkitExitFullscreen ? i.webkitExitFullscreen() : i.mozCancelFullScreen ? i.mozCancelFullScreen() : i.msExitFullscreen && i.msExitFullscreen());
+    const o = !t;
+    this.store.setState({ isWebFullscreen: o }), typeof document < "u" && (document.body.style.overflow = o ? "hidden" : ""), this.emit("webfullscreen", o);
   }
   togglePip() {
     document.pictureInPictureElement ? document.exitPictureInPicture() : this.video !== document.pictureInPictureElement && this.video.requestPictureInPicture && this.video.requestPictureInPicture();
@@ -713,8 +752,8 @@ Retrying (${this.retryCount}/${this.maxRetries})`
     if (i) {
       i.drawImage(this.video, 0, 0, t.width, t.height);
       try {
-        const o = t.toDataURL("image/png"), a = document.createElement("a");
-        a.download = `screenshot-${(/* @__PURE__ */ new Date()).toISOString()}.png`, a.href = o, a.click(), this.notify({ type: "success", message: "Screenshot saved", duration: 2e3 });
+        const o = t.toDataURL("image/png"), r = document.createElement("a");
+        r.download = `screenshot-${(/* @__PURE__ */ new Date()).toISOString()}.png`, r.href = o, r.click(), this.notify({ type: "success", message: "Screenshot saved", duration: 2e3 });
       } catch {
         this.notify({ type: "error", message: "Failed to take screenshot", duration: 3e3 });
       }
@@ -732,8 +771,8 @@ Retrying (${this.retryCount}/${this.maxRetries})`
       [t]: !i[t]
     };
     this.store.setState({ flipState: o });
-    const a = o.horizontal ? -1 : 1, u = o.vertical ? -1 : 1;
-    this.video.style.transform = `scale(${a}, ${u})`;
+    const r = o.horizontal ? -1 : 1, u = o.vertical ? -1 : 1;
+    this.video.style.transform = `scale(${r}, ${u})`;
   }
   setAspectRatio(t) {
     this.store.setState({ aspectRatio: t }), this.updateAspectRatio(), t !== "default" && this.notify({ type: "info", message: `Aspect Ratio: ${t}`, duration: 2e3 });
@@ -752,13 +791,13 @@ Retrying (${this.retryCount}/${this.maxRetries})`
       this.video.style.width = "100%", this.video.style.height = "100%", this.video.style.objectFit = i;
       return;
     }
-    const [o, a] = t.split(":").map(Number);
-    if (!o || !a) return;
-    const u = o / a, h = this.container.getBoundingClientRect();
+    const [o, r] = t.split(":").map(Number);
+    if (!o || !r) return;
+    const u = o / r, h = this.container.getBoundingClientRect();
     if (h.width === 0 || h.height === 0) return;
-    const f = h.width / h.height;
-    let x, b;
-    f > u ? (b = h.height, x = b * u) : (x = h.width, b = x / u), this.video.style.width = `${x}px`, this.video.style.height = `${b}px`, this.video.style.objectFit = "fill";
+    const p = h.width / h.height;
+    let b, g;
+    p > u ? (g = h.height, b = g * u) : (b = h.width, g = b / u), this.video.style.width = `${b}px`, this.video.style.height = `${g}px`, this.video.style.objectFit = "fill";
   }
   initCast() {
     const t = window, i = () => {
@@ -796,8 +835,8 @@ Retrying (${this.retryCount}/${this.maxRetries})`
     try {
       const i = t.cast.framework.CastContext.getInstance().getCurrentSession();
       if (!i) return;
-      const o = new t.chrome.cast.media.MediaInfo(this.currentSrc, this.currentSrc.includes(".m3u8") ? "application/x-mpegurl" : "video/mp4"), a = new t.chrome.cast.media.LoadRequest(o);
-      i.loadMedia(a).then(() => {
+      const o = new t.chrome.cast.media.MediaInfo(this.currentSrc, this.currentSrc.includes(".m3u8") ? "application/x-mpegurl" : "video/mp4"), r = new t.chrome.cast.media.LoadRequest(o);
+      i.loadMedia(r).then(() => {
         this.notify({ type: "success", message: "Casting...", duration: 3e3 });
       }).catch((u) => console.error("Cast load error", u));
     } catch (i) {
@@ -809,10 +848,10 @@ Retrying (${this.retryCount}/${this.maxRetries})`
       this.store.setState({ activeCues: [] });
       return;
     }
-    const o = Array.from(this.video.textTracks).filter((a) => a.kind === "subtitles" || a.kind === "captions").find((a) => a.mode === "showing" || a.mode === "hidden");
+    const o = Array.from(this.video.textTracks).filter((r) => r.kind === "subtitles" || r.kind === "captions").find((r) => r.mode === "showing" || r.mode === "hidden");
     if (o && o.activeCues) {
-      const a = Array.from(o.activeCues).map((u) => u.text);
-      this.store.setState({ activeCues: a });
+      const r = Array.from(o.activeCues).map((u) => u.text);
+      this.store.setState({ activeCues: r });
     } else
       this.store.setState({ activeCues: [] });
   }
@@ -824,18 +863,18 @@ Retrying (${this.retryCount}/${this.maxRetries})`
     if (o.status === "idle" || o.status === "error") {
       this.updateSubtitleTrackState(t, { status: "loading" });
       try {
-        let f = await (await this.fetchWithRetry(o.src)).text();
-        f = this.convertToVTT(f);
-        const x = new Blob([f], { type: "text/vtt" }), b = URL.createObjectURL(x);
-        this.addTextTrackInternal(b, o.label, o.srcLang, !1), this.updateSubtitleTrackState(t, { status: "success" });
+        let p = await (await this.fetchWithRetry(o.src)).text();
+        p = this.convertToVTT(p);
+        const b = new Blob([p], { type: "text/vtt" }), g = URL.createObjectURL(b);
+        this.addTextTrackInternal(g, o.label, o.srcLang, !1), this.updateSubtitleTrackState(t, { status: "success" });
       } catch (h) {
         this.updateSubtitleTrackState(t, { status: "error" }), console.error("Failed to load subtitle", h);
         return;
       }
     }
-    const a = Array.from(this.video.textTracks);
-    let u = a.find((h) => h.label === o.label && h.language === o.srcLang);
-    if (u || (u = a.find((h) => h.label === o.label)), u) {
+    const r = Array.from(this.video.textTracks);
+    let u = r.find((h) => h.label === o.label && h.language === o.srcLang);
+    if (u || (u = r.find((h) => h.label === o.label)), u) {
       const h = this.store.get().subtitleSettings;
       u.mode = h.useNative ? "showing" : "hidden", u.addEventListener("cuechange", this.boundCueChange), this.handleCueChange();
     }
@@ -843,20 +882,20 @@ Retrying (${this.retryCount}/${this.maxRetries})`
   updateSubtitleSettings(t) {
     const o = { ...this.store.get().subtitleSettings, ...t };
     if (this.store.setState({ subtitleSettings: o }), t.useNative !== void 0) {
-      const a = this.store.get().currentSubtitle;
-      if (a !== -1) {
-        const h = this.store.get().subtitleTracks[a], f = Array.from(this.video.textTracks).find((x) => x.label === h.label && x.language === h.srcLang);
-        f && (f.mode = t.useNative ? "showing" : "hidden");
+      const r = this.store.get().currentSubtitle;
+      if (r !== -1) {
+        const h = this.store.get().subtitleTracks[r], p = Array.from(this.video.textTracks).find((b) => b.label === h.label && b.language === h.srcLang);
+        p && (p.mode = t.useNative ? "showing" : "hidden");
       }
     }
   }
   resetSubtitleSettings() {
-    this.store.setState({ subtitleSettings: rt }), this.updateSubtitleSettings({ useNative: !1 });
+    this.store.setState({ subtitleSettings: at }), this.updateSubtitleSettings({ useNative: !1 });
   }
   setSubtitleOffset(t) {
     const i = this.store.get().subtitleOffset, o = t - i;
-    Math.abs(o) < 1e-3 || (Array.from(this.video.textTracks).forEach((a) => {
-      (a.mode === "showing" || a.mode === "hidden") && a.cues && Array.from(a.cues).forEach((u) => {
+    Math.abs(o) < 1e-3 || (Array.from(this.video.textTracks).forEach((r) => {
+      (r.mode === "showing" || r.mode === "hidden") && r.cues && Array.from(r.cues).forEach((u) => {
         u.startTime += o, u.endTime += o;
       });
     }), this.store.setState({ subtitleOffset: t }), this.notify({ type: "info", message: `Subtitle Offset: ${t > 0 ? "+" : ""}${t.toFixed(1)}s`, duration: 1500 }));
@@ -866,10 +905,10 @@ Retrying (${this.retryCount}/${this.maxRetries})`
     t && this.activeDownloads.has(t) ? ((i = this.activeDownloads.get(t)) == null || i.abort(), this.activeDownloads.delete(t), this.notify({ type: "info", message: "Download cancelled", duration: 2e3 }), this.removeNotification(t)) : t || this.activeDownloads.size > 0 && (this.activeDownloads.forEach((o) => o.abort()), this.activeDownloads.clear(), this.notify({ type: "info", message: "All downloads cancelled", duration: 2e3 }));
   }
   async download(t = {}) {
-    var h, f, x;
+    var h, p, b;
     const i = ((h = this.currentSource) == null ? void 0 : h.url) || this.video.src;
     if (!i) return;
-    if (i.includes(".m3u8") || ((f = this.currentSource) == null ? void 0 : f.type) === "hls") {
+    if (i.includes(".m3u8") || ((p = this.currentSource) == null ? void 0 : p.type) === "hls") {
       this.downloadHls(i, t.format || "ts");
       return;
     }
@@ -877,9 +916,9 @@ Retrying (${this.retryCount}/${this.maxRetries})`
       this.notify({ type: "warning", message: "Stream download not supported in browser.", duration: 4e3 });
       return;
     }
-    const o = Math.random().toString(36).substr(2, 9), a = new AbortController();
-    this.activeDownloads.set(o, a);
-    const u = a.signal;
+    const o = Math.random().toString(36).substr(2, 9), r = new AbortController();
+    this.activeDownloads.set(o, r);
+    const u = r.signal;
     this.notify({
       id: o,
       type: "loading",
@@ -891,34 +930,34 @@ Retrying (${this.retryCount}/${this.maxRetries})`
       }
     });
     try {
-      const b = await this.fetchWithRetry(i, 3, void 0, u);
-      if (!b.body) throw new Error("No body");
-      const m = b.body.getReader(), v = b.headers.get("Content-Length"), p = v ? parseInt(v, 10) : 0;
+      const g = await this.fetchWithRetry(i, 3, void 0, u);
+      if (!g.body) throw new Error("No body");
+      const m = g.body.getReader(), x = g.headers.get("Content-Length"), f = x ? parseInt(x, 10) : 0;
       let S = 0;
-      const $ = [], U = Date.now(), H = [];
-      let q = 0;
+      const L = [], U = Date.now(), H = [];
+      let _ = 0;
       for (; ; ) {
-        const { done: fe, value: k } = await m.read();
-        if (fe) break;
-        if ($.push(k), S += k.length, p) {
+        const { done: pe, value: k } = await m.read();
+        if (pe) break;
+        if (L.push(k), S += k.length, f) {
           const j = Date.now();
-          if (j - q > 800 || S === p) {
-            q = j;
-            const D = Math.round(S / p * 100);
+          if (j - _ > 800 || S === f) {
+            _ = j;
+            const D = Math.round(S / f * 100);
             for (H.push({ time: j, loaded: S }); H.length > 0 && j - H[0].time > 5e3; )
               H.shift();
             let T = "", n = 0;
             if (H.length > 1) {
-              const X = H[0], _ = H[H.length - 1], ne = _.time - X.time, re = _.loaded - X.loaded;
-              ne > 0 && (n = re / ne);
+              const X = H[0], G = H[H.length - 1], ne = G.time - X.time, ae = G.loaded - X.loaded;
+              ne > 0 && (n = ae / ne);
             } else {
               const X = j - U;
               X > 0 && (n = S / X);
             }
             if (n > 0) {
-              const _ = (p - S) / n;
+              const G = (f - S) / n;
               T = `
-${this.formatDuration(_)} remaining`;
+${this.formatDuration(G)} remaining`;
             }
             this.notify({
               id: o,
@@ -934,8 +973,8 @@ ${this.formatDuration(_)} remaining`;
           }
         }
       }
-      const g = new Blob($), Y = window.URL.createObjectURL(g), G = document.createElement("a");
-      G.style.display = "none", G.href = Y, G.download = ((x = i.split("/").pop()) == null ? void 0 : x.split("?")[0]) || "video.mp4", document.body.appendChild(G), G.click(), window.URL.revokeObjectURL(Y), document.body.removeChild(G), this.notify({ id: o, type: "success", message: "Saved!", duration: 3e3 });
+      const v = new Blob(L), Y = window.URL.createObjectURL(v), q = document.createElement("a");
+      q.style.display = "none", q.href = Y, q.download = ((b = i.split("/").pop()) == null ? void 0 : b.split("?")[0]) || "video.mp4", document.body.appendChild(q), q.click(), window.URL.revokeObjectURL(Y), document.body.removeChild(q), this.notify({ id: o, type: "success", message: "Saved!", duration: 3e3 });
     } catch {
       u.aborted ? this.removeNotification(o) : (this.notify({ id: o, type: "error", message: "Download failed.", duration: 4e3 }), window.open(i, "_blank"));
     } finally {
@@ -944,9 +983,9 @@ ${this.formatDuration(_)} remaining`;
   }
   async downloadHls(t, i) {
     var h;
-    const o = Math.random().toString(36).substr(2, 9), a = new AbortController();
-    this.activeDownloads.set(o, a);
-    const u = a.signal;
+    const o = Math.random().toString(36).substr(2, 9), r = new AbortController();
+    this.activeDownloads.set(o, r);
+    const u = r.signal;
     this.notify({
       id: o,
       type: "loading",
@@ -955,10 +994,10 @@ ${this.formatDuration(_)} remaining`;
       action: { label: "Cancel", onClick: () => this.cancelDownload(o) }
     });
     try {
-      let f = await this.fetchWithRetry(t, 3, void 0, u), x = await f.text(), b = t.substring(0, t.lastIndexOf("/") + 1);
-      if (x.includes("#EXT-X-STREAM-INF")) {
+      let p = await this.fetchWithRetry(t, 3, void 0, u), b = await p.text(), g = t.substring(0, t.lastIndexOf("/") + 1);
+      if (b.includes("#EXT-X-STREAM-INF")) {
         this.notify({ id: o, type: "loading", message: "Selecting best quality", progress: 0 });
-        const k = x.split(`
+        const k = b.split(`
 `);
         let j = 0, D = "";
         for (let T = 0; T < k.length; T++)
@@ -966,29 +1005,29 @@ ${this.formatDuration(_)} remaining`;
             const n = k[T].match(/BANDWIDTH=(\d+)/);
             if (n) {
               const X = parseInt(n[1]);
-              let _ = (h = k[T + 1]) == null ? void 0 : h.trim();
-              _ && !_.startsWith("#") && X > j && (j = X, D = _);
+              let G = (h = k[T + 1]) == null ? void 0 : h.trim();
+              G && !G.startsWith("#") && X > j && (j = X, D = G);
             }
           }
-        D && (D.startsWith("http") || (D = b + D), f = await this.fetchWithRetry(D, 3, void 0, u), x = await f.text(), b = D.substring(0, D.lastIndexOf("/") + 1));
+        D && (D.startsWith("http") || (D = g + D), p = await this.fetchWithRetry(D, 3, void 0, u), b = await p.text(), g = D.substring(0, D.lastIndexOf("/") + 1));
       }
-      if (x.includes("#EXT-X-KEY"))
+      if (b.includes("#EXT-X-KEY"))
         throw new Error("Encrypted HLS streams are not supported for download.");
-      const m = x.split(`
-`), v = [];
+      const m = b.split(`
+`), x = [];
       for (let k of m)
-        k = k.trim(), k && !k.startsWith("#") && (k.startsWith("http") ? v.push(k) : v.push(b + k));
-      if (v.length === 0) throw new Error("No segments found.");
-      let p = i === "mp4" ? "mp4" : "ts", S = i === "mp4" ? "video/mp4" : "video/mp2t", $ = null, U = null, H = [];
+        k = k.trim(), k && !k.startsWith("#") && (k.startsWith("http") ? x.push(k) : x.push(g + k));
+      if (x.length === 0) throw new Error("No segments found.");
+      let f = i === "mp4" ? "mp4" : "ts", S = i === "mp4" ? "video/mp4" : "video/mp2t", L = null, U = null, H = [];
       if ("showSaveFilePicker" in window)
         try {
-          $ = await window.showSaveFilePicker({
-            suggestedName: `video.${p}`,
+          L = await window.showSaveFilePicker({
+            suggestedName: `video.${f}`,
             types: [{
               description: i === "mp4" ? "MPEG-4 Video" : "MPEG Transport Stream",
-              accept: { [S]: [`.${p}`] }
+              accept: { [S]: [`.${f}`] }
             }]
-          }), U = await $.createWritable();
+          }), U = await L.createWritable();
         } catch (k) {
           if (k.name === "AbortError") {
             this.removeNotification(o), this.notify({ type: "info", message: "Download cancelled", duration: 2e3 }), this.activeDownloads.delete(o);
@@ -996,44 +1035,44 @@ ${this.formatDuration(_)} remaining`;
           }
           console.warn("File System API cancelled or failed, falling back to memory", k);
         }
-      let g = !1;
-      const Y = Date.now(), G = [];
-      let fe = 0;
-      for (let k = 0; k < v.length && !u.aborted; k++) {
+      let v = !1;
+      const Y = Date.now(), q = [];
+      let pe = 0;
+      for (let k = 0; k < x.length && !u.aborted; k++) {
         const j = Date.now();
-        if (j - fe > 800 || k === 0 || k === v.length - 1) {
-          fe = j;
-          const X = Math.round((k + 1) / v.length * 100);
-          for (G.push({ time: j, count: k + 1 }); G.length > 0 && j - G[0].time > 5e3; )
-            G.shift();
-          let _ = "";
-          if (G.length > 1) {
-            const ne = G[0], re = G[G.length - 1], be = re.time - ne.time, ge = re.count - ne.count;
+        if (j - pe > 800 || k === 0 || k === x.length - 1) {
+          pe = j;
+          const X = Math.round((k + 1) / x.length * 100);
+          for (q.push({ time: j, count: k + 1 }); q.length > 0 && j - q[0].time > 5e3; )
+            q.shift();
+          let G = "";
+          if (q.length > 1) {
+            const ne = q[0], ae = q[q.length - 1], be = ae.time - ne.time, ge = ae.count - ne.count;
             if (be > 0 && ge > 0) {
-              const Te = be / ge, je = (v.length - (k + 1)) * Te;
-              _ = `
+              const Te = be / ge, je = (x.length - (k + 1)) * Te;
+              G = `
 ${this.formatDuration(je)} remaining`;
             }
           } else if (k > 0) {
-            const re = (j - Y) / k, ge = (v.length - k) * re;
-            _ = `
+            const ae = (j - Y) / k, ge = (x.length - k) * ae;
+            G = `
 ${this.formatDuration(ge)} remaining`;
           }
           this.notify({
             id: o,
             type: "loading",
             // Cleaned string
-            message: `Downloading segment ${k + 1}/${v.length}${_}`,
+            message: `Downloading segment ${k + 1}/${x.length}${G}`,
             progress: X,
             action: { label: "Cancel", onClick: () => this.cancelDownload(o) }
           });
         }
-        const T = await (await this.fetchWithRetry(v[k], 3, void 0, u)).arrayBuffer();
-        k === 0 && new Uint8Array(T.slice(0, 4))[0] === 71 && (g = !0, i === "mp4" && (this.notify({
+        const T = await (await this.fetchWithRetry(x[k], 3, void 0, u)).arrayBuffer();
+        k === 0 && new Uint8Array(T.slice(0, 4))[0] === 71 && (v = !0, i === "mp4" && (this.notify({
           type: "info",
           message: "Stream is MPEG-TS. Downloading as .ts to prevent corruption.",
           duration: 5e3
-        }), p = "ts", S = "video/mp2t"));
+        }), f = "ts", S = "video/mp2t"));
         const n = new Blob([T]);
         U ? await U.write(n) : H.push(n);
       }
@@ -1045,18 +1084,18 @@ ${this.formatDuration(ge)} remaining`;
         this.notify({ id: o, type: "loading", message: "Stitching video", progress: 100 });
         const k = new Blob(H, { type: S }), j = window.URL.createObjectURL(k), D = document.createElement("a");
         D.style.display = "none", D.href = j;
-        const T = i === "mp4" && g ? "ts" : p;
+        const T = i === "mp4" && v ? "ts" : f;
         D.download = `video.${T}`, document.body.appendChild(D), D.click(), window.URL.revokeObjectURL(j), document.body.removeChild(D), this.notify({ id: o, type: "success", message: "Saved!", duration: 3e3 });
       }
-    } catch (f) {
-      u.aborted ? this.removeNotification(o) : this.notify({ id: o, type: "error", message: `Download failed: ${f.message}`, duration: 4e3 });
+    } catch (p) {
+      u.aborted ? this.removeNotification(o) : this.notify({ id: o, type: "error", message: `Download failed: ${p.message}`, duration: 4e3 });
     } finally {
       this.activeDownloads.delete(o);
     }
   }
   notify(t) {
     const i = t.id || Math.random().toString(36).substr(2, 9), o = { ...t, id: i };
-    return this.store.setState((a) => a.notifications.find((h) => h.id === i) ? { notifications: a.notifications.map((h) => h.id === i ? o : h) } : { notifications: [...a.notifications, o] }), t.duration && setTimeout(() => this.removeNotification(i), t.duration), i;
+    return this.store.setState((r) => r.notifications.find((h) => h.id === i) ? { notifications: r.notifications.map((h) => h.id === i ? o : h) } : { notifications: [...r.notifications, o] }), t.duration && setTimeout(() => this.removeNotification(i), t.duration), i;
   }
   removeNotification(t) {
     const i = this.store.get().notifications;
@@ -1069,15 +1108,15 @@ ${this.formatDuration(ge)} remaining`;
     }));
   }
   destroy() {
-    this.retryTimer && clearTimeout(this.retryTimer), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), this.activeDownloads.forEach((i) => i.abort()), this.activeDownloads.clear(), this.store.get().isWebFullscreen && typeof document < "u" && (document.body.style.overflow = ""), document.removeEventListener("fullscreenchange", this.boundFullscreenChange), this.video.pause(), this.video.src = "";
-    const t = this.video.getElementsByTagName("track");
-    for (; t.length > 0; ) t[0].remove();
-    this.emit("destroy"), this.events.destroy(), this.store.destroy(), this.plugins.forEach((i) => i.destroy && i.destroy()), this.plugins.clear(), this.video.remove(), this.audioEngine.destroy();
+    this.retryTimer && clearTimeout(this.retryTimer), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), this.activeDownloads.forEach((o) => o.abort()), this.activeDownloads.clear(), this.store.get().isWebFullscreen && typeof document < "u" && (document.body.style.overflow = ""), ["fullscreenchange", "webkitfullscreenchange", "mozfullscreenchange", "MSFullscreenChange"].forEach((o) => document.removeEventListener(o, this.boundFullscreenChange)), this.video.pause(), this.video.src = "";
+    const i = this.video.getElementsByTagName("track");
+    for (; i.length > 0; ) i[0].remove();
+    this.emit("destroy"), this.events.destroy(), this.store.destroy(), this.plugins.forEach((o) => o.destroy && o.destroy()), this.plugins.clear(), this.video.remove(), this.audioEngine.destroy();
   }
 }
 const st = (s, t = 200) => {
-  const [i, o] = M(s), [a, u] = M(!1);
-  return ee(() => {
+  const [i, o] = M(s), [r, u] = M(!1);
+  return K(() => {
     if (s)
       o(!0), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
@@ -1091,18 +1130,18 @@ const st = (s, t = 200) => {
       }, t);
       return () => clearTimeout(h);
     }
-  }, [s, t]), { isMounted: i, isVisible: a };
+  }, [s, t]), { isMounted: i, isVisible: r };
 }, y = ({
   className: s,
   children: t,
   fill: i = "none",
   strokeWidth: o = 2,
-  viewBox: a = "0 0 24 24"
+  viewBox: r = "0 0 24 24"
 }) => /* @__PURE__ */ e(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: a,
+    viewBox: r,
     fill: i,
     stroke: "currentColor",
     strokeWidth: o,
@@ -1118,7 +1157,7 @@ const st = (s, t = 200) => {
   /* @__PURE__ */ e("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
   /* @__PURE__ */ e("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
   /* @__PURE__ */ e("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
-] }), Ei = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
+] }), $i = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
   /* @__PURE__ */ e("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
   /* @__PURE__ */ e("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
 ] }), Ut = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
@@ -1168,10 +1207,10 @@ const st = (s, t = 200) => {
   /* @__PURE__ */ e("circle", { cx: "9", cy: "7", r: "4" }),
   /* @__PURE__ */ e("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
   /* @__PURE__ */ e("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
-] }), Gi = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
+] }), qi = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
   /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
   /* @__PURE__ */ e("polyline", { points: "12 6 12 12 16 14" })
-] }), _i = ({ className: s }) => /* @__PURE__ */ e(y, { className: s, children: /* @__PURE__ */ e("path", { d: "M5 12h14" }) }), qi = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
+] }), Gi = ({ className: s }) => /* @__PURE__ */ e(y, { className: s, children: /* @__PURE__ */ e("path", { d: "M5 12h14" }) }), _i = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
   /* @__PURE__ */ e("path", { d: "M5 12h14" }),
   /* @__PURE__ */ e("path", { d: "M12 5v14" })
 ] }), Zt = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
@@ -1230,11 +1269,11 @@ const st = (s, t = 200) => {
 ] }), ti = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
   /* @__PURE__ */ e("path", { d: "M18 6 6 18" }),
   /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
-] }), as = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
+] }), rs = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
   /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
   /* @__PURE__ */ e("path", { d: "M12 16v-4" }),
   /* @__PURE__ */ e("path", { d: "M12 8h.01" })
-] }), rs = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
+] }), as = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
   /* @__PURE__ */ e("rect", { width: "20", height: "8", x: "2", y: "2", rx: "2", ry: "2" }),
   /* @__PURE__ */ e("rect", { width: "20", height: "8", x: "2", y: "14", rx: "2", ry: "2" }),
   /* @__PURE__ */ e("line", { x1: "6", x2: "6.01", y1: "6", y2: "6" }),
@@ -1258,7 +1297,7 @@ const st = (s, t = 200) => {
   /* @__PURE__ */ e("path", { d: "M1.42 9a16 16 0 0 1 21.16 0" }),
   /* @__PURE__ */ e("path", { d: "M8.53 16.11a6 6 0 0 1 6.95 0" }),
   /* @__PURE__ */ e("line", { x1: "12", x2: "12.01", y1: "20", y2: "20" })
-] }), at = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
+] }), rt = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
   /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
   /* @__PURE__ */ e("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
   /* @__PURE__ */ e("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
@@ -1268,12 +1307,12 @@ const st = (s, t = 200) => {
   /* @__PURE__ */ e("path", { d: "M12 20v-8" }),
   /* @__PURE__ */ e("path", { d: "M17 20V8" }),
   /* @__PURE__ */ e("path", { d: "M22 20V4" })
-] }), ps = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
+] }), fs = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
   /* @__PURE__ */ e("path", { d: "M21 7v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }),
   /* @__PURE__ */ e("path", { d: "M16 2v4" }),
   /* @__PURE__ */ e("path", { d: "M8 2v4" }),
   /* @__PURE__ */ e("path", { d: "M3 12h18" })
-] }), fs = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
+] }), ps = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
   /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "8" }),
   /* @__PURE__ */ e("path", { d: "m21 21-4.3-4.3" })
 ] }), ii = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
@@ -1285,7 +1324,7 @@ const st = (s, t = 200) => {
   /* @__PURE__ */ e("polyline", { points: "14 2 14 8 20 8" }),
   /* @__PURE__ */ e("path", { d: "M12 18h.01" }),
   /* @__PURE__ */ e("path", { d: "M12 12v4" })
-] }), Gt = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
+] }), qt = ({ className: s }) => /* @__PURE__ */ c(y, { className: s, children: [
   /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "5" }),
   /* @__PURE__ */ e("path", { d: "M12 1v2" }),
   /* @__PURE__ */ e("path", { d: "M12 21v2" }),
@@ -1299,13 +1338,13 @@ const st = (s, t = 200) => {
   /* @__PURE__ */ e("rect", { width: "18", height: "7", x: "3", y: "3", rx: "1" }),
   /* @__PURE__ */ e("rect", { width: "9", height: "7", x: "3", y: "14", rx: "1" }),
   /* @__PURE__ */ e("rect", { width: "5", height: "7", x: "16", y: "14", rx: "1" })
-] }), _t = ({ className: s }) => /* @__PURE__ */ c("div", { className: `relative flex items-center justify-center ${s}`, children: [
+] }), Gt = ({ className: s }) => /* @__PURE__ */ c("div", { className: `relative flex items-center justify-center ${s}`, children: [
   /* @__PURE__ */ c(y, { className: "w-full h-full", children: [
     /* @__PURE__ */ e("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
     /* @__PURE__ */ e("path", { d: "M3 3v5h5" })
   ] }),
   /* @__PURE__ */ e("span", { className: "absolute inset-0 flex items-center justify-center text-[32%] font-bold select-none mt-[1px]", children: "10" })
-] }), qt = ({ className: s }) => /* @__PURE__ */ c("div", { className: `relative flex items-center justify-center ${s}`, children: [
+] }), _t = ({ className: s }) => /* @__PURE__ */ c("div", { className: `relative flex items-center justify-center ${s}`, children: [
   /* @__PURE__ */ c(y, { className: "w-full h-full", children: [
     /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
     /* @__PURE__ */ e("path", { d: "M21 3v5h-5" })
@@ -1347,8 +1386,8 @@ const st = (s, t = 200) => {
           "button",
           {
             onClick: (o) => {
-              var a;
-              o.stopPropagation(), (a = t.action) == null || a.onClick();
+              var r;
+              o.stopPropagation(), (r = t.action) == null || r.onClick();
             },
             className: "text-zinc-500 hover:text-zinc-200 transition-colors p-1 -mt-1.5 -mr-1.5",
             title: t.action.label,
@@ -1358,8 +1397,8 @@ const st = (s, t = 200) => {
       ] }) }) : /* @__PURE__ */ c("div", { className: "flex items-start gap-2.5", children: [
         t.type === "loading" && /* @__PURE__ */ e(De, { className: "w-3.5 h-3.5 animate-spin text-[var(--accent)] shrink-0 mt-0.5" }),
         t.type === "success" && /* @__PURE__ */ e(He, { className: "w-3.5 h-3.5 text-emerald-500 shrink-0 mt-0.5" }),
-        t.type === "error" && /* @__PURE__ */ e(at, { className: "w-3.5 h-3.5 text-red-500 shrink-0 mt-0.5" }),
-        t.type === "warning" && /* @__PURE__ */ e(at, { className: "w-3.5 h-3.5 text-amber-500 shrink-0 mt-0.5" }),
+        t.type === "error" && /* @__PURE__ */ e(rt, { className: "w-3.5 h-3.5 text-red-500 shrink-0 mt-0.5" }),
+        t.type === "warning" && /* @__PURE__ */ e(rt, { className: "w-3.5 h-3.5 text-amber-500 shrink-0 mt-0.5" }),
         t.type === "info" && /* @__PURE__ */ e("div", { className: "w-1.5 h-1.5 rounded-full bg-[var(--accent)] mt-1.5 shrink-0" }),
         /* @__PURE__ */ c("div", { className: "flex flex-col gap-0.5 min-w-0", children: [
           /* @__PURE__ */ e("span", { className: "text-xs font-medium leading-snug break-words text-zinc-200 whitespace-pre-wrap", children: t.message }),
@@ -1367,8 +1406,8 @@ const st = (s, t = 200) => {
             "button",
             {
               onClick: (o) => {
-                var a;
-                o.stopPropagation(), (a = t.action) == null || a.onClick();
+                var r;
+                o.stopPropagation(), (r = t.action) == null || r.onClick();
               },
               className: "mt-1 self-start text-[10px] font-bold text-[var(--accent)] hover:text-white transition-colors uppercase tracking-wider",
               children: t.action.label
@@ -1405,7 +1444,7 @@ const st = (s, t = 200) => {
       style: {
         bottom: `${t.verticalOffset}px`
       },
-      children: s.map((o, a) => /* @__PURE__ */ e(
+      children: s.map((o, r) => /* @__PURE__ */ e(
         "div",
         {
           className: "mb-1 inline-block max-w-[80%]",
@@ -1430,11 +1469,11 @@ const st = (s, t = 200) => {
             }
           )
         },
-        a
+        r
       ))
     }
   );
-}, Oe = ({ content: s }) => typeof s == "string" ? s.trim().startsWith("<") ? /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: s } }) : /* @__PURE__ */ e("span", { children: s }) : /* @__PURE__ */ e(Q, { children: s }), le = ({ label: s, checked: t, onChange: i, icon: o, tooltip: a }) => /* @__PURE__ */ c(
+}, Oe = ({ content: s }) => typeof s == "string" ? s.trim().startsWith("<") ? /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: s } }) : /* @__PURE__ */ e("span", { children: s }) : /* @__PURE__ */ e(Q, { children: s }), le = ({ label: s, checked: t, onChange: i, icon: o, tooltip: r }) => /* @__PURE__ */ c(
   "div",
   {
     className: "flex items-center justify-between py-2.5 px-3 hover:bg-white/5 group transition-colors",
@@ -1444,7 +1483,7 @@ const st = (s, t = 200) => {
         o && /* @__PURE__ */ e("span", { className: "text-zinc-500 group-hover:text-zinc-400 transition-colors flex items-center justify-center w-4 h-4", children: /* @__PURE__ */ e(Oe, { content: o }) }),
         /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ e("span", { className: "text-sm text-zinc-300 font-medium group-hover:text-white transition-colors flex items-center", children: /* @__PURE__ */ e(Oe, { content: s }) }),
-          a && /* @__PURE__ */ e("span", { className: "text-[10px] text-zinc-500", children: a })
+          r && /* @__PURE__ */ e("span", { className: "text-[10px] text-zinc-500", children: r })
         ] })
       ] }),
       /* @__PURE__ */ e(
@@ -1472,7 +1511,7 @@ const st = (s, t = 200) => {
       )
     ]
   }
-), xe = ({ label: s, value: t, min: i, max: o, step: a, onChange: u, formatValue: h, icon: f }) => /* @__PURE__ */ c(
+), xe = ({ label: s, value: t, min: i, max: o, step: r, onChange: u, formatValue: h, icon: p }) => /* @__PURE__ */ c(
   "div",
   {
     className: "py-2.5 px-3 hover:bg-white/5 group transition-colors",
@@ -1480,7 +1519,7 @@ const st = (s, t = 200) => {
     children: [
       /* @__PURE__ */ c("div", { className: "flex justify-between items-center mb-2", children: [
         /* @__PURE__ */ c("div", { className: "flex items-center gap-3", children: [
-          f && /* @__PURE__ */ e("span", { className: "text-zinc-500 group-hover:text-zinc-400 transition-colors flex items-center justify-center w-4 h-4", children: /* @__PURE__ */ e(Oe, { content: f }) }),
+          p && /* @__PURE__ */ e("span", { className: "text-zinc-500 group-hover:text-zinc-400 transition-colors flex items-center justify-center w-4 h-4", children: /* @__PURE__ */ e(Oe, { content: p }) }),
           /* @__PURE__ */ e("span", { className: "text-xs font-bold text-zinc-400 uppercase tracking-wider group-hover:text-zinc-300 transition-colors", children: s })
         ] }),
         /* @__PURE__ */ e(
@@ -1499,9 +1538,9 @@ const st = (s, t = 200) => {
             type: "range",
             min: i,
             max: o,
-            step: a,
+            step: r,
             value: t,
-            onChange: (x) => u(parseFloat(x.target.value)),
+            onChange: (b) => u(parseFloat(b.target.value)),
             className: "w-full h-1.5 appearance-none cursor-pointer focus:outline-none focus:ring-2 strata-range-input",
             style: {
               borderRadius: "var(--radius-full)",
@@ -1530,14 +1569,14 @@ const st = (s, t = 200) => {
       ] })
     ]
   }
-), ws = ({ label: s, value: t, options: i, onChange: o, icon: a }) => /* @__PURE__ */ c(
+), ws = ({ label: s, value: t, options: i, onChange: o, icon: r }) => /* @__PURE__ */ c(
   "div",
   {
     className: "py-2.5 px-3 hover:bg-white/5 group transition-colors",
     style: { borderRadius: "var(--radius)" },
     children: [
       /* @__PURE__ */ c("div", { className: "flex items-center gap-3 mb-2", children: [
-        a && /* @__PURE__ */ e("span", { className: "text-zinc-500 group-hover:text-zinc-400 transition-colors flex items-center justify-center w-4 h-4", children: /* @__PURE__ */ e(Oe, { content: a }) }),
+        r && /* @__PURE__ */ e("span", { className: "text-zinc-500 group-hover:text-zinc-400 transition-colors flex items-center justify-center w-4 h-4", children: /* @__PURE__ */ e(Oe, { content: r }) }),
         /* @__PURE__ */ e("span", { className: "text-xs font-bold text-zinc-400 uppercase tracking-wider group-hover:text-zinc-300 transition-colors", children: s })
       ] }),
       /* @__PURE__ */ c("div", { className: "relative", children: [
@@ -1555,7 +1594,7 @@ const st = (s, t = 200) => {
       ] })
     ]
   }
-), pe = ({ title: s, children: t }) => /* @__PURE__ */ c("div", { className: "py-2", children: [
+), fe = ({ title: s, children: t }) => /* @__PURE__ */ c("div", { className: "py-2", children: [
   s && /* @__PURE__ */ e("h4", { className: "px-3 text-[10px] font-bold text-[var(--accent)] uppercase tracking-wider mb-1 mt-2", children: s }),
   /* @__PURE__ */ e("div", { className: "space-y-0.5", children: t })
 ] }), lt = ({
@@ -1563,18 +1602,18 @@ const st = (s, t = 200) => {
   onClose: t,
   align: i = "right",
   maxHeight: o,
-  className: a
+  className: r
 }) => {
-  const u = W(null), h = W(null), [f, x] = M("auto"), b = i === "center" ? "left-1/2 -translate-x-1/2 origin-bottom" : "right-0 origin-bottom-right";
+  const u = W(null), h = W(null), [p, b] = M("auto"), g = i === "center" ? "left-1/2 -translate-x-1/2 origin-bottom" : "right-0 origin-bottom-right";
   Be(() => {
     if (!h.current) return;
-    const v = () => {
-      h.current && x(h.current.offsetHeight);
-    }, p = new ResizeObserver(v);
-    return p.observe(h.current), v(), () => p.disconnect();
+    const x = () => {
+      h.current && b(h.current.offsetHeight);
+    }, f = new ResizeObserver(x);
+    return f.observe(h.current), x(), () => f.disconnect();
   }, []);
   const m = {
-    height: f === "auto" ? "auto" : `${f + 14}px`,
+    height: p === "auto" ? "auto" : `${p + 14}px`,
     // + padding
     maxHeight: o ? `${o}px` : void 0
   };
@@ -1582,11 +1621,11 @@ const st = (s, t = 200) => {
     "div",
     {
       ref: u,
-      className: `absolute bottom-full mb-4 ${b} bg-[var(--bg-panel)] backdrop-blur-xl border-[length:var(--border-width)] border-white/10 shadow-2xl overflow-hidden w-[300px] max-w-[calc(100vw-32px)] text-sm z-50 ring-1 ring-white/5 font-[family-name:var(--font-main)] flex flex-col p-1.5 transition-[height,opacity,transform] duration-300 ease-out ${a}`,
+      className: `absolute bottom-full mb-4 ${g} bg-[var(--bg-panel)] backdrop-blur-xl border-[length:var(--border-width)] border-white/10 shadow-2xl overflow-hidden w-[300px] max-w-[calc(100vw-32px)] text-sm z-50 ring-1 ring-white/5 font-[family-name:var(--font-main)] flex flex-col p-1.5 transition-[height,opacity,transform] duration-300 ease-out ${r}`,
       style: { ...m, borderRadius: "var(--radius-lg)" },
-      onClick: (v) => v.stopPropagation(),
-      onMouseDown: (v) => v.stopPropagation(),
-      onTouchStart: (v) => v.stopPropagation(),
+      onClick: (x) => x.stopPropagation(),
+      onMouseDown: (x) => x.stopPropagation(),
+      onTouchStart: (x) => x.stopPropagation(),
       children: /* @__PURE__ */ e(
         "div",
         {
@@ -1606,12 +1645,12 @@ const st = (s, t = 200) => {
     className: t,
     dangerouslySetInnerHTML: { __html: s }
   }
-) : /* @__PURE__ */ e("span", { className: t, children: s }) : /* @__PURE__ */ e("span", { className: t, children: s }), L = ({
+) : /* @__PURE__ */ e("span", { className: t, children: s }) : /* @__PURE__ */ e("span", { className: t, children: s }), P = ({
   label: s,
   value: t,
   active: i,
   onClick: o,
-  hasSubmenu: a,
+  hasSubmenu: r,
   icon: u,
   rightIcon: h
 }) => /* @__PURE__ */ c(
@@ -1643,11 +1682,11 @@ const st = (s, t = 200) => {
         ),
         h,
         i && /* @__PURE__ */ e(He, { className: "w-4 h-4 text-[var(--accent)] shrink-0" }),
-        a && /* @__PURE__ */ e("span", { className: "text-xs group-hover:translate-x-0.5 transition-transform text-zinc-500 shrink-0", children: "›" })
+        r && /* @__PURE__ */ e("span", { className: "text-xs group-hover:translate-x-0.5 transition-transform text-zinc-500 shrink-0", children: "›" })
       ] })
     ]
   }
-), Z = ({
+), ee = ({
   label: s,
   onBack: t,
   rightAction: i
@@ -1676,15 +1715,15 @@ const st = (s, t = 200) => {
   onClose: t,
   title: i,
   maxHeight: o,
-  className: a
+  className: r
 }) => {
-  const [u, h] = M([]), f = u.length > 0 ? u[u.length - 1] : null, x = f ? f.children || [] : s, b = f ? f.html : i || "Menu", m = () => {
-    h((p) => p.slice(0, -1));
-  }, v = (p) => {
-    p.children && h((S) => [...S, p]);
+  const [u, h] = M([]), p = u.length > 0 ? u[u.length - 1] : null, b = p ? p.children || [] : s, g = p ? p.html : i || "Menu", m = () => {
+    h((f) => f.slice(0, -1));
+  }, x = (f) => {
+    f.children && h((S) => [...S, f]);
   };
-  return /* @__PURE__ */ e(lt, { onClose: t, maxHeight: o, className: a, children: /* @__PURE__ */ c("div", { className: "animate-in fade-in slide-in-from-right-4 duration-200", children: [
-    u.length > 0 ? /* @__PURE__ */ e(Z, { label: b || "Menu", onBack: m }) : i && /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(lt, { onClose: t, maxHeight: o, className: r, children: /* @__PURE__ */ c("div", { className: "animate-in fade-in slide-in-from-right-4 duration-200", children: [
+    u.length > 0 ? /* @__PURE__ */ e(ee, { label: g || "Menu", onBack: m }) : i && /* @__PURE__ */ e(
       "div",
       {
         className: "px-3 py-2 mb-1 border-b border-white/5 font-bold text-zinc-400 uppercase text-[11px] tracking-wider flex justify-between items-center bg-white/5 sticky top-0 z-10 backdrop-blur-md",
@@ -1692,44 +1731,44 @@ const st = (s, t = 200) => {
         children: /* @__PURE__ */ e("span", { children: i })
       }
     ),
-    /* @__PURE__ */ e("div", { className: "pb-1", children: x.map((p, S) => p.separator ? /* @__PURE__ */ e(me, {}, S) : p.isLabel ? /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "pb-1", children: b.map((f, S) => f.separator ? /* @__PURE__ */ e(me, {}, S) : f.isLabel ? /* @__PURE__ */ e(
       "div",
       {
         className: "px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase tracking-wider select-none",
-        children: /* @__PURE__ */ e(Ne, { content: p.html || "" })
+        children: /* @__PURE__ */ e(Ne, { content: f.html || "" })
       },
       S
-    ) : p.range ? /* @__PURE__ */ e("div", { className: "px-1", children: /* @__PURE__ */ e(
+    ) : f.range ? /* @__PURE__ */ e("div", { className: "px-1", children: /* @__PURE__ */ e(
       xe,
       {
-        label: p.html,
-        icon: p.icon,
-        value: p.value ?? p.min ?? 0,
-        min: p.min ?? 0,
-        max: p.max ?? 100,
-        step: p.step ?? 1,
-        onChange: ($) => p.onRange && p.onRange($),
-        formatValue: p.formatValue
+        label: f.html,
+        icon: f.icon,
+        value: f.value ?? f.min ?? 0,
+        min: f.min ?? 0,
+        max: f.max ?? 100,
+        step: f.step ?? 1,
+        onChange: (L) => f.onRange && f.onRange(L),
+        formatValue: f.formatValue
       }
-    ) }, S) : p.switch !== void 0 ? /* @__PURE__ */ e("div", { className: "px-1", children: /* @__PURE__ */ e(
+    ) }, S) : f.switch !== void 0 ? /* @__PURE__ */ e("div", { className: "px-1", children: /* @__PURE__ */ e(
       le,
       {
-        label: p.html,
-        icon: p.icon,
-        checked: p.switch,
-        tooltip: p.tooltip,
-        onChange: ($) => p.onSwitch && p.onSwitch(p, $)
+        label: f.html,
+        icon: f.icon,
+        checked: f.switch,
+        tooltip: f.tooltip,
+        onChange: (L) => f.onSwitch && f.onSwitch(f, L)
       }
     ) }, S) : /* @__PURE__ */ e(Me.Fragment, { children: /* @__PURE__ */ e(
-      L,
+      P,
       {
-        label: p.html,
-        icon: p.icon,
-        value: p.currentLabel || p.value,
-        active: p.active,
-        hasSubmenu: !!p.children,
+        label: f.html,
+        icon: f.icon,
+        value: f.currentLabel || f.value,
+        active: f.active,
+        hasSubmenu: !!f.children,
         onClick: () => {
-          p.children ? v(p) : p.onClick ? (p.onClick(p), !p.switch && !p.range && t()) : p.click && (p.click(p), t());
+          f.children ? x(f) : f.onClick ? (f.onClick(f), !f.switch && !f.range && t()) : f.click && (f.click(f), t());
         }
       }
     ) }, S)) })
@@ -1739,27 +1778,27 @@ const st = (s, t = 200) => {
   current: t,
   onSelect: i,
   onUpload: o,
-  onClose: a,
+  onClose: r,
   settings: u,
   onSettingsChange: h,
-  onReset: f,
-  offset: x,
-  onOffsetChange: b,
+  onReset: p,
+  offset: b,
+  onOffsetChange: g,
   maxHeight: m,
-  animationClass: v
+  animationClass: x
 }) => {
-  const [p, S] = M("main"), [$, U] = M(""), H = W(null), q = Ce(() => $ ? s.filter(
-    (g) => g.label.toLowerCase().includes($.toLowerCase()) || g.srcLang && g.srcLang.toLowerCase().includes($.toLowerCase())
-  ) : s, [s, $]);
+  const [f, S] = M("main"), [L, U] = M(""), H = W(null), _ = Ce(() => L ? s.filter(
+    (v) => v.label.toLowerCase().includes(L.toLowerCase()) || v.srcLang && v.srcLang.toLowerCase().includes(L.toLowerCase())
+  ) : s, [s, L]);
   return /* @__PURE__ */ c(
     lt,
     {
-      onClose: a,
+      onClose: r,
       align: "right",
       maxHeight: m,
-      className: v,
+      className: x,
       children: [
-        p === "main" && /* @__PURE__ */ c("div", { className: "animate-in slide-in-from-left-4 fade-in duration-200 flex flex-col h-full", children: [
+        f === "main" && /* @__PURE__ */ c("div", { className: "animate-in slide-in-from-left-4 fade-in duration-200 flex flex-col h-full", children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -1770,13 +1809,13 @@ const st = (s, t = 200) => {
           ),
           /* @__PURE__ */ c("div", { className: "px-1.5 pb-2 shrink-0", children: [
             /* @__PURE__ */ e(
-              L,
+              P,
               {
                 label: "Upload Subtitle",
                 icon: /* @__PURE__ */ e(Hi, { className: "w-4 h-4" }),
                 onClick: () => {
-                  var g;
-                  return (g = H.current) == null ? void 0 : g.click();
+                  var v;
+                  return (v = H.current) == null ? void 0 : v.click();
                 }
               }
             ),
@@ -1787,14 +1826,14 @@ const st = (s, t = 200) => {
                 accept: ".vtt,.srt",
                 ref: H,
                 className: "hidden",
-                onChange: (g) => {
+                onChange: (v) => {
                   var Y;
-                  (Y = g.target.files) != null && Y[0] && o(g.target.files[0]);
+                  (Y = v.target.files) != null && Y[0] && o(v.target.files[0]);
                 }
               }
             ),
             /* @__PURE__ */ e(
-              L,
+              P,
               {
                 label: "Customize",
                 icon: /* @__PURE__ */ e(Zt, { className: "w-4 h-4" }),
@@ -1804,12 +1843,12 @@ const st = (s, t = 200) => {
             ),
             /* @__PURE__ */ e("div", { className: "h-px bg-white/5 mx-2 my-1" }),
             /* @__PURE__ */ e(
-              L,
+              P,
               {
                 label: "Off",
                 active: t === -1,
                 onClick: () => {
-                  i(-1), a();
+                  i(-1), r();
                 }
               }
             ),
@@ -1819,44 +1858,44 @@ const st = (s, t = 200) => {
                 {
                   type: "text",
                   placeholder: "Search subtitles...",
-                  value: $,
-                  onChange: (g) => U(g.target.value),
+                  value: L,
+                  onChange: (v) => U(v.target.value),
                   className: "w-full bg-zinc-800/50 border border-white/10 rounded-md py-1.5 pl-8 pr-3 text-xs text-zinc-200 focus:outline-none focus:border-white/20 transition-colors"
                 }
               ),
-              /* @__PURE__ */ e(fs, { className: "w-3.5 h-3.5 text-zinc-500 absolute left-2.5 top-1/2 -translate-y-1/2 pointer-events-none" })
+              /* @__PURE__ */ e(ps, { className: "w-3.5 h-3.5 text-zinc-500 absolute left-2.5 top-1/2 -translate-y-1/2 pointer-events-none" })
             ] })
           ] }),
           /* @__PURE__ */ c("div", { className: "overflow-y-auto hide-scrollbar flex-1", children: [
-            q.map((g) => {
+            _.map((v) => {
               let Y = null;
-              return g.status === "loading" ? Y = /* @__PURE__ */ e(De, { className: "w-3.5 h-3.5 animate-spin text-[var(--accent)]" }) : g.status === "error" ? Y = /* @__PURE__ */ e(bs, { className: "w-3.5 h-3.5 text-red-500" }) : g.status === "success" && (Y = /* @__PURE__ */ e(ii, { className: "w-3.5 h-3.5 text-emerald-500" })), /* @__PURE__ */ e(
-                L,
+              return v.status === "loading" ? Y = /* @__PURE__ */ e(De, { className: "w-3.5 h-3.5 animate-spin text-[var(--accent)]" }) : v.status === "error" ? Y = /* @__PURE__ */ e(bs, { className: "w-3.5 h-3.5 text-red-500" }) : v.status === "success" && (Y = /* @__PURE__ */ e(ii, { className: "w-3.5 h-3.5 text-emerald-500" })), /* @__PURE__ */ e(
+                P,
                 {
-                  label: g.label,
-                  value: g.srcLang,
-                  active: t === g.index,
+                  label: v.label,
+                  value: v.srcLang,
+                  active: t === v.index,
                   rightIcon: Y,
                   onClick: () => {
-                    i(g.index), a();
+                    i(v.index), r();
                   }
                 },
-                g.index
+                v.index
               );
             }),
-            q.length === 0 && $ && /* @__PURE__ */ e("div", { className: "px-4 py-3 text-center text-xs text-zinc-500", children: "No results found" })
+            _.length === 0 && L && /* @__PURE__ */ e("div", { className: "px-4 py-3 text-center text-xs text-zinc-500", children: "No results found" })
           ] })
         ] }),
-        p === "customize" && /* @__PURE__ */ c("div", { className: "animate-in slide-in-from-right-4 fade-in duration-200", children: [
+        f === "customize" && /* @__PURE__ */ c("div", { className: "animate-in slide-in-from-right-4 fade-in duration-200", children: [
           /* @__PURE__ */ e(
-            Z,
+            ee,
             {
               label: "Customize",
               onBack: () => S("main"),
               rightAction: /* @__PURE__ */ e(
                 "button",
                 {
-                  onClick: f,
+                  onClick: p,
                   className: "p-1.5 text-zinc-400 hover:text-white transition-colors rounded-md hover:bg-white/10",
                   title: "Reset All",
                   children: /* @__PURE__ */ e(Ji, { className: "w-4 h-4" })
@@ -1865,41 +1904,41 @@ const st = (s, t = 200) => {
             }
           ),
           /* @__PURE__ */ c("div", { className: "pb-1", children: [
-            /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(fe, { children: /* @__PURE__ */ e(
               le,
               {
                 label: "Native Video Subtitle",
                 checked: u.useNative,
-                onChange: (g) => h({ useNative: g })
+                onChange: (v) => h({ useNative: v })
               }
             ) }),
             !u.useNative && /* @__PURE__ */ c(Q, { children: [
-              /* @__PURE__ */ c(pe, { title: "Sync & Position", children: [
+              /* @__PURE__ */ c(fe, { title: "Sync & Position", children: [
                 /* @__PURE__ */ c("div", { className: "py-2.5 px-3 rounded-lg hover:bg-white/5 group transition-colors", children: [
                   /* @__PURE__ */ e("div", { className: "flex justify-between items-center mb-2", children: /* @__PURE__ */ c("div", { className: "flex items-center gap-3", children: [
-                    /* @__PURE__ */ e(Gi, { className: "w-4 h-4 text-zinc-500 group-hover:text-zinc-400 transition-colors" }),
+                    /* @__PURE__ */ e(qi, { className: "w-4 h-4 text-zinc-500 group-hover:text-zinc-400 transition-colors" }),
                     /* @__PURE__ */ e("span", { className: "text-xs font-bold text-zinc-400 uppercase tracking-wider group-hover:text-zinc-300 transition-colors", children: "Sync Offset" })
                   ] }) }),
                   /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
                     /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => b(Math.round((x - 0.1) * 10) / 10),
+                        onClick: () => g(Math.round((b - 0.1) * 10) / 10),
                         className: "w-8 h-8 flex items-center justify-center bg-zinc-800 rounded-lg hover:bg-zinc-700 text-zinc-300 transition-colors active:scale-95",
-                        children: /* @__PURE__ */ e(_i, { className: "w-4 h-4" })
+                        children: /* @__PURE__ */ e(Gi, { className: "w-4 h-4" })
                       }
                     ),
                     /* @__PURE__ */ c("div", { className: "flex-1 bg-zinc-900 border border-white/5 rounded-lg h-8 flex items-center justify-center text-xs font-mono font-medium text-[var(--accent)]", children: [
-                      x > 0 ? "+" : "",
-                      (x == null ? void 0 : x.toFixed(1)) || "0.0",
+                      b > 0 ? "+" : "",
+                      (b == null ? void 0 : b.toFixed(1)) || "0.0",
                       "s"
                     ] }),
                     /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => b(Math.round((x + 0.1) * 10) / 10),
+                        onClick: () => g(Math.round((b + 0.1) * 10) / 10),
                         className: "w-8 h-8 flex items-center justify-center bg-zinc-800 rounded-lg hover:bg-zinc-700 text-zinc-300 transition-colors active:scale-95",
-                        children: /* @__PURE__ */ e(qi, { className: "w-4 h-4" })
+                        children: /* @__PURE__ */ e(_i, { className: "w-4 h-4" })
                       }
                     )
                   ] })
@@ -1913,12 +1952,12 @@ const st = (s, t = 200) => {
                     min: 0,
                     max: 200,
                     step: 5,
-                    onChange: (g) => h({ verticalOffset: g }),
-                    formatValue: (g) => `${g}px`
+                    onChange: (v) => h({ verticalOffset: v }),
+                    formatValue: (v) => `${v}px`
                   }
                 )
               ] }),
-              /* @__PURE__ */ c(pe, { title: "Appearance", children: [
+              /* @__PURE__ */ c(fe, { title: "Appearance", children: [
                 /* @__PURE__ */ e(
                   xe,
                   {
@@ -1928,8 +1967,8 @@ const st = (s, t = 200) => {
                     min: 50,
                     max: 200,
                     step: 10,
-                    onChange: (g) => h({ textSize: g }),
-                    formatValue: (g) => `${g}%`
+                    onChange: (v) => h({ textSize: v }),
+                    formatValue: (v) => `${v}%`
                   }
                 ),
                 /* @__PURE__ */ c("div", { className: "py-2.5 px-3 rounded-lg hover:bg-white/5 group transition-colors", children: [
@@ -1945,17 +1984,17 @@ const st = (s, t = 200) => {
                       "#ff00ff",
                       "#ff0000",
                       "#00ff00"
-                    ].map((g) => /* @__PURE__ */ e(
+                    ].map((v) => /* @__PURE__ */ e(
                       "button",
                       {
-                        onClick: () => h({ textColor: g }),
-                        className: `w-6 h-6 rounded-full border border-white/10 transition-transform hover:scale-110 ${u.textColor === g ? "ring-2 scale-110" : ""}`,
+                        onClick: () => h({ textColor: v }),
+                        className: `w-6 h-6 rounded-full border border-white/10 transition-transform hover:scale-110 ${u.textColor === v ? "ring-2 scale-110" : ""}`,
                         style: {
-                          backgroundColor: g,
+                          backgroundColor: v,
                           "--tw-ring-color": "var(--accent)"
                         }
                       },
-                      g
+                      v
                     )),
                     /* @__PURE__ */ e("div", { className: "w-px h-6 bg-white/10 mx-1" }),
                     /* @__PURE__ */ e("div", { className: "relative w-6 h-6 rounded-full overflow-hidden ring-1 ring-white/20 cursor-pointer", children: /* @__PURE__ */ e(
@@ -1963,7 +2002,7 @@ const st = (s, t = 200) => {
                       {
                         type: "color",
                         value: u.textColor,
-                        onChange: (g) => h({ textColor: g.target.value }),
+                        onChange: (v) => h({ textColor: v.target.value }),
                         className: "absolute inset-[-4px] w-[150%] h-[150%] cursor-pointer p-0 border-0"
                       }
                     ) })
@@ -1981,8 +2020,8 @@ const st = (s, t = 200) => {
                       { label: "Depressed", value: "depressed" },
                       { label: "Drop Shadow", value: "shadow" }
                     ],
-                    onChange: (g) => h({
-                      textStyle: g
+                    onChange: (v) => h({
+                      textStyle: v
                     })
                   }
                 ),
@@ -1993,7 +2032,7 @@ const st = (s, t = 200) => {
                       label: "Bold",
                       icon: /* @__PURE__ */ e(Ki, { className: "w-4 h-4" }),
                       checked: u.isBold,
-                      onChange: (g) => h({ isBold: g })
+                      onChange: (v) => h({ isBold: v })
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -2002,12 +2041,12 @@ const st = (s, t = 200) => {
                       label: "Fix Caps",
                       icon: /* @__PURE__ */ e(Zi, { className: "w-4 h-4" }),
                       checked: u.fixCapitalization,
-                      onChange: (g) => h({ fixCapitalization: g })
+                      onChange: (v) => h({ fixCapitalization: v })
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ c(pe, { title: "Background", children: [
+              /* @__PURE__ */ c(fe, { title: "Background", children: [
                 /* @__PURE__ */ e(
                   xe,
                   {
@@ -2017,8 +2056,8 @@ const st = (s, t = 200) => {
                     min: 0,
                     max: 100,
                     step: 5,
-                    onChange: (g) => h({ backgroundOpacity: g }),
-                    formatValue: (g) => `${g}%`
+                    onChange: (v) => h({ backgroundOpacity: v }),
+                    formatValue: (v) => `${v}%`
                   }
                 ),
                 /* @__PURE__ */ e(
@@ -2027,7 +2066,7 @@ const st = (s, t = 200) => {
                     label: "Blur Background",
                     icon: /* @__PURE__ */ e(es, { className: "w-4 h-4" }),
                     checked: u.backgroundBlur,
-                    onChange: (g) => h({ backgroundBlur: g })
+                    onChange: (v) => h({ backgroundBlur: v })
                   }
                 ),
                 u.backgroundBlur && /* @__PURE__ */ e(
@@ -2038,8 +2077,8 @@ const st = (s, t = 200) => {
                     min: 0,
                     max: 20,
                     step: 1,
-                    onChange: (g) => h({ backgroundBlurAmount: g }),
-                    formatValue: (g) => `${g}px`
+                    onChange: (v) => h({ backgroundBlurAmount: v }),
+                    formatValue: (v) => `${v}px`
                   }
                 )
               ] })
@@ -2049,88 +2088,88 @@ const st = (s, t = 200) => {
       ]
     }
   );
-}, nt = ({ content: s }) => typeof s == "string" ? s.trim().startsWith("<") ? /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: s } }) : /* @__PURE__ */ e("span", { children: s }) : /* @__PURE__ */ e(Q, { children: s }), ks = ({ x: s, y: t, items: i, onClose: o, containerWidth: a, containerHeight: u }) => {
-  const h = W(null), [f, x] = M({
+}, nt = ({ content: s }) => typeof s == "string" ? s.trim().startsWith("<") ? /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: s } }) : /* @__PURE__ */ e("span", { children: s }) : /* @__PURE__ */ e(Q, { children: s }), ks = ({ x: s, y: t, items: i, onClose: o, containerWidth: r, containerHeight: u }) => {
+  const h = W(null), [p, b] = M({
     top: t,
     left: s,
     opacity: 0
   });
   return Be(() => {
     if (!h.current) return;
-    const b = h.current.getBoundingClientRect(), m = b.width, v = b.height;
-    let p = s, S = t;
-    s + m > a - 10 && (p = s - m), p < 10 && (p = 10), p + m > a && (p = Math.max(10, a - m - 10)), t + v > u - 10 && (S = t - v);
-    let $ = u - 20;
-    S < 10 && (S = 10), S + v > u - 10 && (S = Math.max(10, u - v - 10)), x({
+    const g = h.current.getBoundingClientRect(), m = g.width, x = g.height;
+    let f = s, S = t;
+    s + m > r - 10 && (f = s - m), f < 10 && (f = 10), f + m > r && (f = Math.max(10, r - m - 10)), t + x > u - 10 && (S = t - x);
+    let L = u - 20;
+    S < 10 && (S = 10), S + x > u - 10 && (S = Math.max(10, u - x - 10)), b({
       top: S,
-      left: p,
-      maxHeight: $,
+      left: f,
+      maxHeight: L,
       opacity: 1
     });
-  }, [s, t, i, a, u]), ee(() => {
-    const b = (m) => {
+  }, [s, t, i, r, u]), K(() => {
+    const g = (m) => {
       h.current && !h.current.contains(m.target) && o();
     };
-    return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
+    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
   }, [o]), /* @__PURE__ */ e(
     "div",
     {
       ref: h,
       className: "absolute z-50 min-w-[200px] bg-[var(--bg-panel)] backdrop-blur-xl border-[length:var(--border-width)] border-white/10 shadow-2xl p-1.5 font-[family-name:var(--font-main)] overflow-y-auto hide-scrollbar flex flex-col",
       style: {
-        top: f.top,
-        left: f.left,
-        maxHeight: f.maxHeight,
-        opacity: f.opacity,
+        top: p.top,
+        left: p.left,
+        maxHeight: p.maxHeight,
+        opacity: p.opacity,
         borderRadius: "var(--radius-lg)"
       },
-      onClick: (b) => b.stopPropagation(),
-      onMouseDown: (b) => b.stopPropagation(),
-      onTouchStart: (b) => b.stopPropagation(),
-      children: i.map((b, m) => b.separator ? /* @__PURE__ */ e("div", { className: "h-0 border-t border-white/10 mx-2 my-1.5" }, m) : b.isLabel ? /* @__PURE__ */ e("div", { className: "px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase tracking-wider select-none", children: /* @__PURE__ */ e(nt, { content: b.html || "" }) }, m) : /* @__PURE__ */ c(Me.Fragment, { children: [
+      onClick: (g) => g.stopPropagation(),
+      onMouseDown: (g) => g.stopPropagation(),
+      onTouchStart: (g) => g.stopPropagation(),
+      children: i.map((g, m) => g.separator ? /* @__PURE__ */ e("div", { className: "h-0 border-t border-white/10 mx-2 my-1.5" }, m) : g.isLabel ? /* @__PURE__ */ e("div", { className: "px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase tracking-wider select-none", children: /* @__PURE__ */ e(nt, { content: g.html || "" }) }, m) : /* @__PURE__ */ c(Me.Fragment, { children: [
         /* @__PURE__ */ c(
           "button",
           {
             onClick: () => {
-              b.disabled || (b.click ? b.click(o) : b.onClick && b.onClick(o));
+              g.disabled || (g.click ? g.click(o) : g.onClick && g.onClick(o));
             },
-            disabled: b.disabled,
+            disabled: g.disabled,
             className: "w-full text-left px-3 py-2.5 flex items-center justify-between hover:bg-white/10 focus:bg-white/10 focus:outline-none transition-colors text-sm text-zinc-200 disabled:opacity-50 disabled:cursor-not-allowed group my-0.5",
             style: { borderRadius: "var(--radius)" },
             children: [
               /* @__PURE__ */ c("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-                b.icon && /* @__PURE__ */ e("span", { className: "text-zinc-400 w-4 h-4 flex items-center justify-center shrink-0 group-hover:text-zinc-300 transition-colors", children: /* @__PURE__ */ e(nt, { content: b.icon }) }),
-                /* @__PURE__ */ e("span", { className: `flex items-center font-medium truncate ${b.checked ? "text-[var(--accent)]" : ""}`, children: /* @__PURE__ */ e(nt, { content: b.html || "" }) })
+                g.icon && /* @__PURE__ */ e("span", { className: "text-zinc-400 w-4 h-4 flex items-center justify-center shrink-0 group-hover:text-zinc-300 transition-colors", children: /* @__PURE__ */ e(nt, { content: g.icon }) }),
+                /* @__PURE__ */ e("span", { className: `flex items-center font-medium truncate ${g.checked ? "text-[var(--accent)]" : ""}`, children: /* @__PURE__ */ e(nt, { content: g.html || "" }) })
               ] }),
-              b.checked && /* @__PURE__ */ e(He, { className: "w-4 h-4 text-[var(--accent)] shrink-0 ml-2" })
+              g.checked && /* @__PURE__ */ e(He, { className: "w-4 h-4 text-[var(--accent)] shrink-0 ml-2" })
             ]
           }
         ),
-        b.showBorder && /* @__PURE__ */ e("div", { className: "h-0 border-t border-white/10 mx-2 my-1" })
+        g.showBorder && /* @__PURE__ */ e("div", { className: "h-0 border-t border-white/10 mx-2 my-1" })
       ] }, m))
     }
   );
 }, Ss = ({ player: s, onClose: t }) => {
   const [i, o] = M({});
-  return ee(() => {
-    const a = () => {
-      var x;
+  return K(() => {
+    const r = () => {
+      var b;
       if (!s.video) return;
-      const h = s.video, f = h.getVideoPlaybackQuality ? h.getVideoPlaybackQuality() : null;
+      const h = s.video, p = h.getVideoPlaybackQuality ? h.getVideoPlaybackQuality() : null;
       o({
         "Player Size": `${h.offsetWidth} x ${h.offsetHeight}`,
         "Video Resolution": `${h.videoWidth} x ${h.videoHeight}`,
         "Current Time": `${h.currentTime.toFixed(3)}s`,
         Duration: `${h.duration.toFixed(3)}s`,
         Volume: `${Math.round(h.volume * 100)}%`,
-        "Dropped Frames": f ? f.droppedVideoFrames : "N/A",
+        "Dropped Frames": p ? p.droppedVideoFrames : "N/A",
         Buffer: h.buffered.length > 0 ? `${(h.buffered.end(h.buffered.length - 1) - h.currentTime).toFixed(2)}s` : "0s",
-        Engine: ((x = s.store.get().sources[s.store.get().currentSourceIndex]) == null ? void 0 : x.type) || "native",
+        Engine: ((b = s.store.get().sources[s.store.get().currentSourceIndex]) == null ? void 0 : b.type) || "native",
         URL: h.currentSrc
       });
     };
-    a();
-    const u = setInterval(a, 1e3);
+    r();
+    const u = setInterval(r, 1e3);
     return () => clearInterval(u);
   }, [s]), /* @__PURE__ */ e("div", { className: "absolute inset-0 z-[60] flex items-center justify-center bg-black/60 backdrop-blur-sm p-4 animate-in fade-in duration-200", children: /* @__PURE__ */ c(
     "div",
@@ -2142,8 +2181,8 @@ const st = (s, t = 200) => {
           /* @__PURE__ */ e(
             "button",
             {
-              onClick: (a) => {
-                a.stopPropagation(), t();
+              onClick: (r) => {
+                r.stopPropagation(), t();
               },
               className: "absolute top-3 right-3 p-1.5 text-zinc-400 hover:text-white hover:bg-white/10 rounded-full transition-colors",
               children: /* @__PURE__ */ e(ti, { className: "w-4 h-4" })
@@ -2151,10 +2190,10 @@ const st = (s, t = 200) => {
           ),
           /* @__PURE__ */ e("h3", { className: "text-sm font-bold text-white mb-4 uppercase tracking-wider border-b border-white/10 pb-2", children: "Video Statistics" })
         ] }),
-        /* @__PURE__ */ e("div", { className: "overflow-y-auto hide-scrollbar p-5 pt-0 space-y-2.5 flex-1 min-h-0", children: Object.entries(i).map(([a, u]) => /* @__PURE__ */ c("div", { className: "flex flex-col sm:flex-row sm:justify-between sm:items-center gap-1", children: [
-          /* @__PURE__ */ e("span", { className: "text-zinc-500 font-bold shrink-0", children: a }),
+        /* @__PURE__ */ e("div", { className: "overflow-y-auto hide-scrollbar p-5 pt-0 space-y-2.5 flex-1 min-h-0", children: Object.entries(i).map(([r, u]) => /* @__PURE__ */ c("div", { className: "flex flex-col sm:flex-row sm:justify-between sm:items-center gap-1", children: [
+          /* @__PURE__ */ e("span", { className: "text-zinc-500 font-bold shrink-0", children: r }),
           /* @__PURE__ */ e("span", { className: "text-zinc-200 truncate select-all font-medium bg-white/5 px-1.5 py-0.5 rounded break-all text-right", title: String(u), children: String(u) })
-        ] }, a)) })
+        ] }, r)) })
       ]
     }
   ) });
@@ -2179,30 +2218,30 @@ const Ns = [
   { label: "Hacker", value: "hacker", color: "#22c55e" }
 ], Qt = ({ content: s, className: t, style: i }) => typeof s == "string" ? s.trim().startsWith("<") ? /* @__PURE__ */ e("div", { className: t, style: i, dangerouslySetInnerHTML: { __html: s } }) : /* @__PURE__ */ e("div", { className: t, style: i, children: s }) : /* @__PURE__ */ e("div", { className: t, style: i, children: s }), Yt = (s) => {
   var Dt, Ot;
-  const { src: t, type: i, sources: o, poster: a, autoPlay: u, thumbnails: h, textTracks: f, plugins: x, onGetInstance: b, ...m } = s, v = m.screenshot ?? !1, p = m.pip ?? !0, S = m.setting ?? !0, $ = m.fullscreen ?? !0, U = m.fullscreenWeb ?? !1, H = m.lock ?? !1, q = m.fastForward ?? !0, g = m.flip ?? !0, Y = m.aspectRatio ?? !0, G = m.hotKey ?? !0, fe = m.backdrop ?? !0, k = m.gestureSeek ?? !1, j = m.centerControls ?? !0, D = m.fetchTimeout ?? 3e4;
+  const { src: t, type: i, sources: o, poster: r, autoPlay: u, thumbnails: h, textTracks: p, plugins: b, onGetInstance: g, ...m } = s, x = m.screenshot ?? !1, f = m.pip ?? !0, S = m.setting ?? !0, L = m.fullscreen ?? !0, U = m.fullscreenWeb ?? !1, H = m.lock ?? !1, _ = m.fastForward ?? !0, v = m.flip ?? !0, Y = m.aspectRatio ?? !0, q = m.hotKey ?? !0, pe = m.backdrop ?? !0, k = m.gestureSeek ?? !1, j = m.centerControls ?? !0, D = m.fetchTimeout ?? 3e4;
   m.autoOrientation;
-  const T = W(null), [n, X] = M(null), [_, ne] = M(!1), [re, be] = M(0), [ge, Te] = M(0), [We, je] = M(!1), ct = Ce(() => Kt(m), []), r = Ni(
+  const T = W(null), [n, X] = M(null), [G, ne] = M(!1), [ae, be] = M(0), [ge, Te] = M(0), [We, je] = M(!1), ct = Ce(() => Kt(m), []), a = Ni(
     Ve((d) => n ? n.store.subscribe(d) : () => {
     }, [n]),
     () => n ? n.store.get() : ct,
     () => ct
-  ), si = Ce(() => Cs(r.themeColor), [r.themeColor]), [V, dt] = M(!1), [B, ut] = M(!1), [J, A] = M("main"), [E, Ue] = M(null), Ge = W(null);
-  E && (Ge.current = E);
-  const [oe, ht] = M({ x: 0, y: 0, visible: !1 }), [ni, mt] = M(!1), pt = st(V, 300), ft = st(B, 300), ze = st(!!E, 300), z = Ve(() => {
-    (V || B || E || oe.visible) && (dt(!1), ut(!1), Ue(null), ht((d) => ({ ...d, visible: !1 })));
-  }, [V, B, E, oe.visible]);
-  ee(() => {
+  ), si = Ce(() => Cs(a.themeColor), [a.themeColor]), [V, dt] = M(!1), [B, ut] = M(!1), [J, A] = M("main"), [$, Ue] = M(null), qe = W(null);
+  $ && (qe.current = $);
+  const [oe, ht] = M({ x: 0, y: 0, visible: !1 }), [ni, mt] = M(!1), ft = st(V, 300), pt = st(B, 300), ze = st(!!$, 300), z = Ve(() => {
+    (V || B || $ || oe.visible) && (dt(!1), ut(!1), Ue(null), ht((d) => ({ ...d, visible: !1 })));
+  }, [V, B, $, oe.visible]);
+  K(() => {
     const d = (w) => {
-      (V || B || E || oe.visible) && z();
+      (V || B || $ || oe.visible) && z();
     };
-    return (V || B || E || oe.visible) && (document.addEventListener("click", d), document.addEventListener("touchstart", d)), () => {
+    return (V || B || $ || oe.visible) && (document.addEventListener("click", d), document.addEventListener("touchstart", d)), () => {
       document.removeEventListener("click", d), document.removeEventListener("touchstart", d);
     };
-  }, [V, B, E, oe.visible, z]);
-  const [_e, Ie] = M(!1), [Re, qe] = M(0), [oi, bt] = M(!1), [ai, gt] = M(!1), [Pe, ve] = M(!1), [vt, Xe] = M(!1), [xt, wt] = M([]), [yt, kt] = M(null), [ri, li] = M(0), [ce, St] = M(null), [ue, Le] = M(null), [Ts, Ct] = M(null), [Qe, Nt] = M(!1), Ye = W(null), Mt = W(1), we = W(null), Fe = W(null), Tt = W(0), zt = W(0), It = W(0), te = W(null), ye = W(!1), ke = W(null), de = W(null), Je = W(null), Ke = W(null), Se = W(null);
+  }, [V, B, $, oe.visible, z]);
+  const [Ge, Ie] = M(!1), [Fe, _e] = M(0), [oi, bt] = M(!1), [ri, gt] = M(!1), [Re, ve] = M(!1), [vt, Xe] = M(!1), [xt, wt] = M([]), [yt, kt] = M(null), [ai, li] = M(0), [ce, St] = M(null), [ue, Pe] = M(null), [Ts, Ct] = M(null), [Qe, Nt] = M(!1), Ye = W(null), Mt = W(1), we = W(null), Ee = W(null), Tt = W(0), zt = W(0), It = W(0), te = W(null), ye = W(!1), ke = W(null), de = W(null), Je = W(null), Ke = W(null), Se = W(null);
   Be(() => {
     n && T.current && n.attach(T.current);
-  }, [n, r.isWebFullscreen]), Be(() => {
+  }, [n, a.isWebFullscreen]), Be(() => {
     if (!T.current) return;
     (() => {
       T.current && (be(T.current.clientHeight), Te(T.current.clientWidth));
@@ -2214,36 +2253,38 @@ const Ns = [
     return w.observe(T.current), () => {
       w.disconnect();
     };
-  }, [r.isWebFullscreen]), ee(() => {
+  }, [a.isWebFullscreen]), K(() => {
     if (je("ontouchstart" in window || navigator.maxTouchPoints > 0), !T.current) return;
-    const d = new $i({ ...m, poster: a });
-    return x && x.length > 0 && x.forEach((w) => d.use(w)), d.attach(T.current), X(d), b && b(d), () => {
+    const d = new Li({ ...m, poster: r });
+    return b && b.length > 0 && b.forEach((w) => d.use(w)), d.attach(T.current), X(d), g && g(d), () => {
       d.destroy(), X(null);
     };
-  }, []), ee(() => {
+  }, []), K(() => {
     if (!n) return;
     const d = {};
-    m.theme !== void 0 && m.theme !== r.theme && (d.theme = m.theme), m.themeColor !== void 0 && m.themeColor !== r.themeColor && (d.themeColor = m.themeColor), m.iconSize !== void 0 && m.iconSize !== r.iconSize && (d.iconSize = m.iconSize), m.brightness !== void 0 && Math.abs(m.brightness - r.brightness) > 0.05 && n.setBrightness(m.brightness), m.videoFit !== void 0 && m.videoFit !== r.videoFit && n.setVideoFit(m.videoFit), Object.keys(d).length > 0 && n.setAppearance(d), m.volume !== void 0 && Math.abs(m.volume - r.volume) > 0.01 && n.setVolume(m.volume), m.muted !== void 0 && m.muted !== r.isMuted && (m.muted ? n.video.muted = !0 : n.video.muted = !1);
-  }, [n, m.theme, m.themeColor, m.iconSize, m.volume, m.muted, m.brightness, m.videoFit]), ee(() => {
+    m.theme !== void 0 && m.theme !== a.theme && (d.theme = m.theme), m.themeColor !== void 0 && m.themeColor !== a.themeColor && (d.themeColor = m.themeColor), m.iconSize !== void 0 && m.iconSize !== a.iconSize && (d.iconSize = m.iconSize), m.brightness !== void 0 && Math.abs(m.brightness - a.brightness) > 0.05 && n.setBrightness(m.brightness), m.videoFit !== void 0 && m.videoFit !== a.videoFit && n.setVideoFit(m.videoFit), Object.keys(d).length > 0 && n.setAppearance(d), m.volume !== void 0 && Math.abs(m.volume - a.volume) > 0.01 && n.setVolume(m.volume), m.muted !== void 0 && m.muted !== a.isMuted && (m.muted ? n.video.muted = !0 : n.video.muted = !1);
+  }, [n, m.theme, m.themeColor, m.iconSize, m.volume, m.muted, m.brightness, m.videoFit]), K(() => {
     if (!n) return;
-    const d = f || [];
+    const d = p || [];
     o && o.length > 0 ? (ne(!1), n.setSources(o, d)) : t && (ne(!1), n.setSources([{ url: t, type: i || "auto" }], d));
-  }, [t, i, o, f, n]), ee(() => {
+  }, [t, i, o, n]), K(() => {
+    !n || !p || n.setTextTracks(p);
+  }, [p, n]), K(() => {
     n && u && n.play().catch(() => {
       n.pause(), n.store.setState({ isPlaying: !1, isBuffering: !1 }), n.notify({ type: "warning", message: "Autoplay blocked by browser. Click play to start.", duration: 5e3 });
     });
-  }, [n, u]), ee(() => {
-    r.isPlaying && !_ && ne(!0);
-  }, [r.isPlaying, _]), ee(() => {
-    h && n ? Li(h, n.notify.bind(n), D).then((d) => wt(d)) : wt([]);
-  }, [h, n, D]), ee(() => (ue && (Se.current && clearTimeout(Se.current), Se.current = setTimeout(() => {
-    Le(null);
+  }, [n, u]), K(() => {
+    a.isPlaying && !G && ne(!0);
+  }, [a.isPlaying, G]), K(() => {
+    h && n ? Pi(h, n.notify.bind(n), D).then((d) => wt(d)) : wt([]);
+  }, [h, n, D]), K(() => (ue && (Se.current && clearTimeout(Se.current), Se.current = setTimeout(() => {
+    Pe(null);
   }, 600)), () => {
     Se.current && clearTimeout(Se.current);
-  }), [ue]), ee(() => {
+  }), [ue]), K(() => {
     const d = (w) => {
       var N;
-      if (!n || !G || ((N = document.activeElement) == null ? void 0 : N.tagName) === "INPUT") return;
+      if (!n || !q || ((N = document.activeElement) == null ? void 0 : N.tagName) === "INPUT") return;
       switch (w.key.toLowerCase()) {
         case " ":
         case "k":
@@ -2273,18 +2314,18 @@ const Ns = [
       }
     };
     return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
-  }, [n, G]);
-  const Rt = () => {
-    n && (n.setControlsVisible(!0), de.current && clearTimeout(de.current), !(V || B || E) && (de.current = setTimeout(() => {
-      !r.isPlaying || V || B || E || n.setControlsVisible(!1);
+  }, [n, q]);
+  const Ft = () => {
+    n && (n.setControlsVisible(!0), de.current && clearTimeout(de.current), !(V || B || $) && (de.current = setTimeout(() => {
+      !a.isPlaying || V || B || $ || n.setControlsVisible(!1);
     }, 2500)));
   };
-  ee(() => {
-    n && (!V && !B && !E && r.isPlaying ? Rt() : (V || B || E) && (n.setControlsVisible(!0), de.current && clearTimeout(de.current)));
-  }, [V, B, E, r.isPlaying, n]);
-  const Pt = Ve(() => {
-    if (!(!q || !n || !r.isPlaying || r.isLocked)) {
-      if (V || B || E) {
+  K(() => {
+    n && (!V && !B && !$ && a.isPlaying ? Ft() : (V || B || $) && (n.setControlsVisible(!0), de.current && clearTimeout(de.current)));
+  }, [V, B, $, a.isPlaying, n]);
+  const Rt = Ve(() => {
+    if (!(!_ || !n || !a.isPlaying || a.isLocked)) {
+      if (V || B || $) {
         z();
         return;
       }
@@ -2292,85 +2333,85 @@ const Ns = [
         n.video.playbackRate = 2, Nt(!0);
       }, 500);
     }
-  }, [q, n, r.isPlaying, r.isLocked, V, B, E]), Ze = Ve(() => {
+  }, [_, n, a.isPlaying, a.isLocked, V, B, $]), Ze = Ve(() => {
     Ye.current && clearTimeout(Ye.current), Qe && n && (n.video.playbackRate = Mt.current, Nt(!1));
   }, [Qe, n]), ci = (d) => {
-    if (Pt(), V || B || E) {
+    if (Rt(), V || B || $) {
       z();
       return;
     }
-    r.isLocked || (we.current = d.touches[0].clientX, Fe.current = d.touches[0].clientY, Tt.current = r.currentTime, zt.current = r.volume, It.current = r.brightness, ye.current = !1, te.current = null);
+    a.isLocked || (we.current = d.touches[0].clientX, Ee.current = d.touches[0].clientY, Tt.current = a.currentTime, zt.current = a.volume, It.current = a.brightness, ye.current = !1, te.current = null);
   }, di = (d) => {
-    var ae, l;
-    if (r.isLocked || !n || we.current === null || Fe.current === null) return;
-    const w = d.touches[0].clientX, C = d.touches[0].clientY, N = w - we.current, P = C - Fe.current;
-    if (!te.current && (Math.abs(N) > 10 || Math.abs(P) > 10))
-      if (ye.current = !0, Ze(), Math.abs(N) > Math.abs(P))
+    var re, l;
+    if (a.isLocked || !n || we.current === null || Ee.current === null) return;
+    const w = d.touches[0].clientX, C = d.touches[0].clientY, N = w - we.current, R = C - Ee.current;
+    if (!te.current && (Math.abs(N) > 10 || Math.abs(R) > 10))
+      if (ye.current = !0, Ze(), Math.abs(N) > Math.abs(R))
         k && (te.current = "seek", Ie(!0));
       else {
-        const R = T.current ? T.current.clientWidth / 2 : window.innerWidth / 2;
-        we.current < R ? (te.current = "brightness", Xe(!0)) : (te.current = "volume", ve(!0));
+        const F = T.current ? T.current.clientWidth / 2 : window.innerWidth / 2;
+        we.current < F ? (te.current = "brightness", Xe(!0)) : (te.current = "volume", ve(!0));
       }
-    if (te.current === "seek" && T.current && r.duration) {
-      const R = T.current.getBoundingClientRect(), O = N / R.width, I = Math.max(0, Math.min(r.duration, Tt.current + O * r.duration));
-      qe(I);
+    if (te.current === "seek" && T.current && a.duration) {
+      const F = T.current.getBoundingClientRect(), O = N / F.width, I = Math.max(0, Math.min(a.duration, Tt.current + O * a.duration));
+      _e(I);
     } else if (te.current === "volume") {
-      const O = -(P / (((ae = T.current) == null ? void 0 : ae.clientHeight) || 300)) * 1.5;
+      const O = -(R / (((re = T.current) == null ? void 0 : re.clientHeight) || 300)) * 1.5;
       n.setVolume(Math.max(0, Math.min(1, zt.current + O)));
     } else if (te.current === "brightness") {
-      const O = -(P / (((l = T.current) == null ? void 0 : l.clientHeight) || 300)) * 1.5;
+      const O = -(R / (((l = T.current) == null ? void 0 : l.clientHeight) || 300)) * 1.5;
       n.setBrightness(Math.max(0, Math.min(2, It.current + O)));
     }
   }, ui = (d) => {
-    Ze(), te.current === "seek" ? (n == null || n.seek(Re), Ie(!1)) : te.current === "volume" ? ve(!1) : te.current === "brightness" && Xe(!1), ye.current = !1, te.current = null, we.current = null, Fe.current = null;
+    Ze(), te.current === "seek" ? (n == null || n.seek(Fe), Ie(!1)) : te.current === "volume" ? ve(!1) : te.current === "brightness" && Xe(!1), ye.current = !1, te.current = null, we.current = null, Ee.current = null;
   }, et = (d) => {
-    if (!Je.current || !r.duration) return 0;
+    if (!Je.current || !a.duration) return 0;
     const w = Je.current.getBoundingClientRect(), C = "touches" in d ? d.touches[0].clientX : d.clientX;
-    return Math.max(0, Math.min(1, (C - w.left) / w.width)) * r.duration;
-  }, Lt = (d) => {
-    if (d.stopPropagation(), r.isLocked) return;
-    (V || B || E) && z(), Ie(!0), qe(et(d));
-    const w = (N) => qe(et(N)), C = (N) => {
+    return Math.max(0, Math.min(1, (C - w.left) / w.width)) * a.duration;
+  }, Pt = (d) => {
+    if (d.stopPropagation(), a.isLocked) return;
+    (V || B || $) && z(), Ie(!0), _e(et(d));
+    const w = (N) => _e(et(N)), C = (N) => {
       n == null || n.seek(et(N)), Ie(!1), document.removeEventListener("mousemove", w), document.removeEventListener("touchmove", w), document.removeEventListener("mouseup", C), document.removeEventListener("touchend", C);
     };
     document.addEventListener("mousemove", w), document.addEventListener("touchmove", w), document.addEventListener("mouseup", C), document.addEventListener("touchend", C);
-  }, Ft = (d) => {
+  }, Et = (d) => {
     if (!Ke.current) return 0;
     const w = Ke.current.getBoundingClientRect(), C = "touches" in d ? d.touches[0].clientX : d.clientX;
     return Math.max(0, Math.min(1, (C - w.left) / w.width));
-  }, $t = (d) => {
-    if (d.stopPropagation(), !n || r.isLocked) return;
-    bt(!0), n.setVolume(Ft(d));
-    const w = (N) => n.setVolume(Ft(N)), C = () => {
+  }, Lt = (d) => {
+    if (d.stopPropagation(), !n || a.isLocked) return;
+    bt(!0), n.setVolume(Et(d));
+    const w = (N) => n.setVolume(Et(N)), C = () => {
       bt(!1), document.removeEventListener("mousemove", w), document.removeEventListener("touchmove", w), document.removeEventListener("mouseup", C), document.removeEventListener("touchend", C);
     };
     document.addEventListener("mousemove", w), document.addEventListener("touchmove", w), document.addEventListener("mouseup", C), document.addEventListener("touchend", C);
   }, hi = (d) => {
-    if (!r.duration || r.isLive) return;
-    const w = d.currentTarget.getBoundingClientRect(), C = (d.clientX - w.left) / w.width, N = C * r.duration;
-    li(C * 100), kt(N), xt.length > 0 && St(xt.find((P) => N >= P.start && N < P.end) || null);
-  }, $e = (d) => {
-    !n || r.isLocked || (n.skip(d === "forward" ? 10 : -10), Ct(d), setTimeout(() => Ct(null), 300));
+    if (!a.duration || a.isLive) return;
+    const w = d.currentTarget.getBoundingClientRect(), C = (d.clientX - w.left) / w.width, N = C * a.duration;
+    li(C * 100), kt(N), xt.length > 0 && St(xt.find((R) => N >= R.start && N < R.end) || null);
+  }, Le = (d) => {
+    !n || a.isLocked || (n.skip(d === "forward" ? 10 : -10), Ct(d), setTimeout(() => Ct(null), 300));
   }, mi = (d) => {
     if (!n) return;
     if (ye.current) {
       ye.current = !1;
       return;
     }
-    if (V || B || E || oe.visible) {
+    if (V || B || $ || oe.visible) {
       z();
       return;
     }
-    if (Pe && ve(!1), vt && Xe(!1), n.setControlsVisible(!0), de.current && clearTimeout(de.current), de.current = setTimeout(() => {
-      !r.isPlaying || V || B || E || n.setControlsVisible(!1);
-    }, 2500), r.isLocked) return;
-    const w = d.currentTarget.getBoundingClientRect(), C = d.clientX - w.left, N = w.width, P = Date.now();
-    ke.current ? (clearTimeout(ke.current), ke.current = null, C < N * 0.35 ? ($e("rewind"), Le({ type: "rewind", id: P })) : C > N * 0.65 ? ($e("forward"), Le({ type: "forward", id: P })) : n.toggleFullscreen()) : ke.current = setTimeout(() => {
+    if (Re && ve(!1), vt && Xe(!1), n.setControlsVisible(!0), de.current && clearTimeout(de.current), de.current = setTimeout(() => {
+      !a.isPlaying || V || B || $ || n.setControlsVisible(!1);
+    }, 2500), a.isLocked) return;
+    const w = d.currentTarget.getBoundingClientRect(), C = d.clientX - w.left, N = w.width, R = Date.now();
+    ke.current ? (clearTimeout(ke.current), ke.current = null, C < N * 0.35 ? (Le("rewind"), Pe({ type: "rewind", id: R })) : C > N * 0.65 ? (Le("forward"), Pe({ type: "forward", id: R })) : n.toggleFullscreen()) : ke.current = setTimeout(() => {
       n.togglePlay(), ke.current = null;
     }, 250);
-  }, pi = (d) => {
+  }, fi = (d) => {
     var C;
-    if (d.preventDefault(), d.stopPropagation(), r.isLocked) return;
+    if (d.preventDefault(), d.stopPropagation(), a.isLocked) return;
     z();
     const w = (C = T.current) == null ? void 0 : C.getBoundingClientRect();
     w && requestAnimationFrame(() => {
@@ -2380,14 +2421,14 @@ const Ns = [
         y: d.clientY - w.top
       });
     });
-  }, fi = (d) => {
-    if (d.stopPropagation(), z(), Pe) {
+  }, pi = (d) => {
+    if (d.stopPropagation(), z(), Re) {
       ve(!1);
       return;
     }
     We ? ve(!0) : n == null || n.toggleMute();
-  }, bi = r.isMuted || r.volume === 0 ? Ut : r.volume < 0.5 ? Ei : jt, Ee = Math.max(100, re - 120), gi = () => {
-    switch (r.iconSize) {
+  }, bi = a.isMuted || a.volume === 0 ? Ut : a.volume < 0.5 ? $i : jt, $e = Math.max(100, ae - 120), gi = () => {
+    switch (a.iconSize) {
       case "small":
         return "w-4 h-4";
       case "large":
@@ -2396,7 +2437,7 @@ const Ns = [
         return "w-5 h-5";
     }
   }, vi = () => {
-    switch (r.iconSize) {
+    switch (a.iconSize) {
       case "small":
         return "p-2 min-w-[32px] min-h-[32px]";
       case "large":
@@ -2405,7 +2446,7 @@ const Ns = [
         return "p-2.5 min-w-[36px] min-h-[36px]";
     }
   }, ie = gi(), se = vi(), he = (() => {
-    switch (r.iconSize) {
+    switch (a.iconSize) {
       case "small":
         return {
           playBtn: "w-14 h-14",
@@ -2428,7 +2469,7 @@ const Ns = [
           skipIcon: "w-6 h-6"
         };
     }
-  })(), xi = !r.isLocked && (r.controlsVisible || !r.isPlaying || V || B || E || oe.visible), Et = ai || oi || Pe, Ae = fe ? "backdrop-blur-xl bg-black/80" : "bg-black/95", At = Ce(() => {
+  })(), xi = !a.isLocked && (a.controlsVisible || !a.isPlaying || V || B || $ || oe.visible), $t = ri || oi || Re, Ae = pe ? "backdrop-blur-xl bg-black/80" : "bg-black/95", At = Ce(() => {
     const d = [
       { id: "play", position: "left", index: 10, isBuiltIn: !0 },
       { id: "volume", position: "left", index: 20, isBuiltIn: !0 },
@@ -2441,11 +2482,11 @@ const Ns = [
       { id: "fullscreenWeb", position: "right", index: 110, isBuiltIn: !0 },
       { id: "fullscreen", position: "right", index: 120, isBuiltIn: !0 }
     ];
-    m.controls && m.controls.forEach((P) => {
-      const ae = d.find((l) => l.id === P.id);
-      ae ? Object.assign(ae, P) : d.push(P);
+    m.controls && m.controls.forEach((R) => {
+      const re = d.find((l) => l.id === R.id);
+      re ? Object.assign(re, R) : d.push(R);
     });
-    const w = r.sources[r.currentSourceIndex] || { url: t || "", type: i || "auto" }, C = w.type === "hls" || w.url.includes(".m3u8"), N = d.find((P) => P.id === "download");
+    const w = a.sources[a.currentSourceIndex] || { url: t || "", type: i || "auto" }, C = w.type === "hls" || w.url.includes(".m3u8"), N = d.find((R) => R.id === "download");
     return N && (C ? (N.children = [
       { html: "Download Format", isLabel: !0 },
       {
@@ -2460,11 +2501,11 @@ const Ns = [
         icon: /* @__PURE__ */ e(Zt, { className: "w-3.5 h-3.5" }),
         onClick: () => n == null ? void 0 : n.download({ format: "mp4" })
       }
-    ], N.onClick = void 0) : (N.children = void 0, N.onClick = (P) => P.download())), d.filter((P) => !(P.id === "screenshot" && !v || P.id === "pip" && !p || P.id === "settings" && !S || P.id === "fullscreen" && !$ || P.id === "fullscreenWeb" && !U)).sort((P, ae) => P.index - ae.index);
-  }, [m.controls, v, p, S, $, U, r.currentSourceIndex, r.sources, t, i]), Vt = (d) => {
-    var w, C, N, P, ae;
+    ], N.onClick = void 0) : (N.children = void 0, N.onClick = (R) => R.download())), d.filter((R) => !(R.id === "screenshot" && !x || R.id === "pip" && !f || R.id === "settings" && !S || R.id === "fullscreen" && !L || R.id === "fullscreenWeb" && !U)).sort((R, re) => R.index - re.index);
+  }, [m.controls, x, f, S, L, U, a.currentSourceIndex, a.sources, t, i]), Vt = (d) => {
+    var w, C, N, R, re;
     if (!d.isBuiltIn) {
-      const l = d.id || `ctrl-${d.index}`, R = E === l, O = R || ze.isMounted && Ge.current === l;
+      const l = d.id || `ctrl-${d.index}`, F = $ === l, O = F || ze.isMounted && qe.current === l;
       return /* @__PURE__ */ c("div", { className: "relative", children: [
         /* @__PURE__ */ e(
           "button",
@@ -2473,12 +2514,12 @@ const Ns = [
             onTouchStart: (I) => I.stopPropagation(),
             onClick: (I) => {
               if (I.stopPropagation(), d.children) {
-                const tt = R;
+                const tt = F;
                 z(), tt || Ue(l);
               } else
                 z(), d.click ? d.click(n) : d.onClick && d.onClick(n);
             },
-            className: `strata-control-btn transition-colors focus:outline-none flex items-center justify-center ${se} ${R ? "text-[var(--accent)] bg-white/10" : "text-zinc-300 hover:text-white hover:bg-white/10"} ${d.className || ""}`,
+            className: `strata-control-btn transition-colors focus:outline-none flex items-center justify-center ${se} ${F ? "text-[var(--accent)] bg-white/10" : "text-zinc-300 hover:text-white hover:bg-white/10"} ${d.className || ""}`,
             style: { borderRadius: "var(--radius)", ...d.style },
             title: d.tooltip,
             children: /* @__PURE__ */ e(Qt, { content: d.html || "" })
@@ -2489,7 +2530,7 @@ const Ns = [
           {
             items: d.children,
             onClose: z,
-            maxHeight: Ee,
+            maxHeight: $e,
             className: `strata-backdrop ${Ae} ${ze.isVisible ? "opacity-100 translate-y-0 scale-100 animate-in fade-in zoom-in-95 duration-300" : "opacity-0 translate-y-2 scale-95 duration-300"}`
           }
         )
@@ -2499,7 +2540,7 @@ const Ns = [
       case "play":
         return /* @__PURE__ */ e("button", { onMouseDown: (l) => l.stopPropagation(), onTouchStart: (l) => l.stopPropagation(), onClick: (l) => {
           l.stopPropagation(), z(), n == null || n.togglePlay();
-        }, className: `strata-control-btn text-zinc-300 hover:text-white transition-colors hover:bg-white/10 focus:outline-none ${se}`, style: { borderRadius: "var(--radius)" }, children: r.isPlaying ? /* @__PURE__ */ e(Wt, { className: `${ie} fill-current` }) : /* @__PURE__ */ e(Ht, { className: `${ie} fill-current` }) }, "play");
+        }, className: `strata-control-btn text-zinc-300 hover:text-white transition-colors hover:bg-white/10 focus:outline-none ${se}`, style: { borderRadius: "var(--radius)" }, children: a.isPlaying ? /* @__PURE__ */ e(Wt, { className: `${ie} fill-current` }) : /* @__PURE__ */ e(Ht, { className: `${ie} fill-current` }) }, "play");
       case "volume":
         return /* @__PURE__ */ c(
           "div",
@@ -2512,49 +2553,49 @@ const Ns = [
               window.matchMedia("(hover: hover)").matches && gt(!1);
             },
             children: [
-              /* @__PURE__ */ e("button", { onMouseDown: (l) => l.stopPropagation(), onTouchStart: (l) => l.stopPropagation(), onClick: fi, className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 focus:outline-none ${se}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ e(bi, { className: ie }) }),
-              /* @__PURE__ */ e("div", { className: `relative h-8 flex items-center transition-all duration-300 ease-out overflow-hidden ${Et ? "w-28 opacity-100 ml-1" : "w-0 opacity-0"}`, children: /* @__PURE__ */ c("div", { ref: Ke, className: "relative w-full h-full flex items-center cursor-pointer px-2", onMouseDown: $t, onTouchStart: $t, children: [
-                /* @__PURE__ */ e("div", { className: "w-full h-1 bg-white/20 overflow-hidden", style: { borderRadius: "var(--radius-full)" }, children: /* @__PURE__ */ e("div", { className: "h-full bg-white", style: { width: `${(r.isMuted ? 0 : r.volume) * 100}%`, borderRadius: "var(--radius-full)" } }) }),
-                /* @__PURE__ */ e("div", { className: "absolute h-3 w-3 bg-white shadow-md top-1/2 -translate-y-1/2 pointer-events-none", style: { left: `calc(${(r.isMuted ? 0 : r.volume) * 100}% * 0.85 + 4px)`, borderRadius: "var(--radius-full)" } })
+              /* @__PURE__ */ e("button", { onMouseDown: (l) => l.stopPropagation(), onTouchStart: (l) => l.stopPropagation(), onClick: pi, className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 focus:outline-none ${se}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ e(bi, { className: ie }) }),
+              /* @__PURE__ */ e("div", { className: `relative h-8 flex items-center transition-all duration-300 ease-out overflow-hidden ${$t ? "w-28 opacity-100 ml-1" : "w-0 opacity-0"}`, children: /* @__PURE__ */ c("div", { ref: Ke, className: "relative w-full h-full flex items-center cursor-pointer px-2", onMouseDown: Lt, onTouchStart: Lt, children: [
+                /* @__PURE__ */ e("div", { className: "w-full h-1 bg-white/20 overflow-hidden", style: { borderRadius: "var(--radius-full)" }, children: /* @__PURE__ */ e("div", { className: "h-full bg-white", style: { width: `${(a.isMuted ? 0 : a.volume) * 100}%`, borderRadius: "var(--radius-full)" } }) }),
+                /* @__PURE__ */ e("div", { className: "absolute h-3 w-3 bg-white shadow-md top-1/2 -translate-y-1/2 pointer-events-none", style: { left: `calc(${(a.isMuted ? 0 : a.volume) * 100}% * 0.85 + 4px)`, borderRadius: "var(--radius-full)" } })
               ] }) }),
-              Et && /* @__PURE__ */ e("div", { className: "strata-tooltip absolute bottom-full mb-2 px-1.5 py-0.5 rounded text-[10px] font-bold font-mono shadow-lg pointer-events-none whitespace-nowrap z-50 transform -translate-x-1/2", style: { left: `calc(52px + ${(r.isMuted ? 0 : r.volume) * 80}px)` }, children: r.isMuted ? "0%" : `${Math.round(r.volume * 100)}%` })
+              $t && /* @__PURE__ */ e("div", { className: "strata-tooltip absolute bottom-full mb-2 px-1.5 py-0.5 rounded text-[10px] font-bold font-mono shadow-lg pointer-events-none whitespace-nowrap z-50 transform -translate-x-1/2", style: { left: `calc(52px + ${(a.isMuted ? 0 : a.volume) * 80}px)` }, children: a.isMuted ? "0%" : `${Math.round(a.volume * 100)}%` })
             ]
           },
           "volume"
         );
       case "time":
-        return m.isLive ? /* @__PURE__ */ c("div", { className: "flex items-center gap-2 px-2 py-0.5 rounded-md border border-white/10", style: { backgroundColor: `${r.themeColor}1a`, borderColor: `${r.themeColor}33` }, children: [
-          /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full animate-pulse", style: { backgroundColor: r.themeColor } }),
-          /* @__PURE__ */ e("span", { className: "text-[10px] font-bold tracking-wider", style: { color: r.themeColor }, children: "LIVE" })
+        return m.isLive ? /* @__PURE__ */ c("div", { className: "flex items-center gap-2 px-2 py-0.5 rounded-md border border-white/10", style: { backgroundColor: `${a.themeColor}1a`, borderColor: `${a.themeColor}33` }, children: [
+          /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full animate-pulse", style: { backgroundColor: a.themeColor } }),
+          /* @__PURE__ */ e("span", { className: "text-[10px] font-bold tracking-wider", style: { color: a.themeColor }, children: "LIVE" })
         ] }, "live") : /* @__PURE__ */ c("div", { className: "text-xs font-medium text-zinc-400 font-mono select-none hidden sm:block tabular-nums", children: [
-          it(_e ? Re : r.currentTime),
+          it(Ge ? Fe : a.currentTime),
           " ",
           /* @__PURE__ */ e("span", { className: "text-zinc-600", children: "/" }),
           " ",
-          it(r.duration)
+          it(a.duration)
         ] }, "time");
       case "subtitle":
         return /* @__PURE__ */ c("div", { className: "relative", children: [
           /* @__PURE__ */ e("button", { onMouseDown: (l) => l.stopPropagation(), onTouchStart: (l) => l.stopPropagation(), onClick: (l) => {
             l.stopPropagation();
-            const R = B;
-            z(), R || ut(!0);
+            const F = B;
+            z(), F || ut(!0);
           }, className: `strata-control-btn transition-colors focus:outline-none ${se} ${B ? "text-[var(--accent)] bg-white/10" : "text-zinc-300 hover:text-white hover:bg-white/10"}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ e(Oi, { className: ie }) }),
-          ft.isMounted && /* @__PURE__ */ e(
+          pt.isMounted && /* @__PURE__ */ e(
             ys,
             {
-              tracks: r.subtitleTracks,
-              current: r.currentSubtitle,
+              tracks: a.subtitleTracks,
+              current: a.currentSubtitle,
               onSelect: (l) => n == null ? void 0 : n.setSubtitle(l),
               onUpload: (l) => n == null ? void 0 : n.addTextTrack(l, l.name),
               onClose: z,
-              settings: r.subtitleSettings,
+              settings: a.subtitleSettings,
               onSettingsChange: (l) => n == null ? void 0 : n.updateSubtitleSettings(l),
               onReset: () => n == null ? void 0 : n.resetSubtitleSettings(),
-              offset: r.subtitleOffset,
+              offset: a.subtitleOffset,
               onOffsetChange: (l) => n == null ? void 0 : n.setSubtitleOffset(l),
-              maxHeight: Ee,
-              animationClass: `strata-backdrop ${Ae} ${ft.isVisible ? "opacity-100 translate-y-0 scale-100 animate-in fade-in zoom-in-95 duration-300" : "opacity-0 translate-y-2 scale-95 duration-300"}`
+              maxHeight: $e,
+              animationClass: `strata-backdrop ${Ae} ${pt.isVisible ? "opacity-100 translate-y-0 scale-100 animate-in fade-in zoom-in-95 duration-300" : "opacity-0 translate-y-2 scale-95 duration-300"}`
             }
           )
         ] }, "subtitle");
@@ -2568,19 +2609,19 @@ const Ns = [
         }, className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 transition-colors hidden sm:block focus:outline-none ${se}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ e(Di, { className: ie }) }, "pip");
       case "download":
         if (d.children) {
-          const l = E === "download-menu", R = l || ze.isMounted && Ge.current === "download-menu";
+          const l = $ === "download-menu", F = l || ze.isMounted && qe.current === "download-menu";
           return /* @__PURE__ */ c("div", { className: "relative", children: [
             /* @__PURE__ */ e("button", { onMouseDown: (O) => O.stopPropagation(), onTouchStart: (O) => O.stopPropagation(), onClick: (O) => {
               O.stopPropagation();
               const I = l;
               z(), I || Ue("download-menu");
             }, className: `strata-control-btn transition-colors hidden sm:block focus:outline-none ${se} ${l ? "text-[var(--accent)] bg-white/10" : "text-zinc-300 hover:text-white hover:bg-white/10"}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ e(ot, { className: ie }) }),
-            R && /* @__PURE__ */ e(
+            F && /* @__PURE__ */ e(
               Xt,
               {
                 items: d.children,
                 onClose: z,
-                maxHeight: Ee,
+                maxHeight: $e,
                 className: `strata-backdrop ${Ae} ${ze.isVisible ? "opacity-100 translate-y-0 scale-100 animate-in fade-in zoom-in-95 duration-300" : "opacity-0 translate-y-2 scale-95 duration-300"}`
               }
             )
@@ -2592,40 +2633,40 @@ const Ns = [
       case "fullscreen":
         return /* @__PURE__ */ e("button", { onMouseDown: (l) => l.stopPropagation(), onTouchStart: (l) => l.stopPropagation(), onClick: (l) => {
           l.stopPropagation(), z(), n == null || n.toggleFullscreen();
-        }, className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 rounded-lg transition-transform focus:outline-none ${se}`, style: { borderRadius: "var(--radius)" }, children: r.isFullscreen || r.isWebFullscreen ? /* @__PURE__ */ e(Vi, { className: ie }) : /* @__PURE__ */ e(Ai, { className: ie }) }, "fs");
+        }, className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 rounded-lg transition-transform focus:outline-none ${se}`, style: { borderRadius: "var(--radius)" }, children: a.isFullscreen || a.isWebFullscreen ? /* @__PURE__ */ e(Vi, { className: ie }) : /* @__PURE__ */ e(Ai, { className: ie }) }, "fs");
       case "fullscreenWeb":
         return /* @__PURE__ */ e("button", { onMouseDown: (l) => l.stopPropagation(), onTouchStart: (l) => l.stopPropagation(), onClick: (l) => {
           l.stopPropagation(), z(), n == null || n.toggleWebFullscreen();
-        }, className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 hidden sm:block focus:outline-none ${se} ${r.isWebFullscreen ? "text-[var(--accent)]" : ""}`, style: { borderRadius: "var(--radius)" }, title: "Web Fullscreen", children: /* @__PURE__ */ e(ns, { className: ie }) }, "fsw");
+        }, className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 hidden sm:block focus:outline-none ${se} ${a.isWebFullscreen ? "text-[var(--accent)]" : ""}`, style: { borderRadius: "var(--radius)" }, title: "Web Fullscreen", children: /* @__PURE__ */ e(ns, { className: ie }) }, "fsw");
       case "settings":
         return /* @__PURE__ */ c("div", { className: "relative", children: [
           /* @__PURE__ */ e("button", { onMouseDown: (l) => l.stopPropagation(), onTouchStart: (l) => l.stopPropagation(), onClick: (l) => {
             l.stopPropagation();
-            const R = V;
-            z(), R || (dt(!0), A("main"));
+            const F = V;
+            z(), F || (dt(!0), A("main"));
           }, className: `strata-control-btn transition-all duration-300 focus:outline-none ${se} ${V ? "rotate-90 text-[var(--accent)] bg-white/10" : "text-zinc-300 hover:text-white hover:bg-white/10"}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ e(Bi, { className: ie }) }),
-          pt.isMounted && /* @__PURE__ */ e(lt, { onClose: z, align: "right", maxHeight: Ee, className: `strata-backdrop ${Ae} ${pt.isVisible ? "opacity-100 translate-y-0 scale-100 animate-in fade-in zoom-in-95 duration-300" : "opacity-0 translate-y-2 scale-95 duration-300"}`, children: /* @__PURE__ */ c("div", { className: "w-full", children: [
+          ft.isMounted && /* @__PURE__ */ e(lt, { onClose: z, align: "right", maxHeight: $e, className: `strata-backdrop ${Ae} ${ft.isVisible ? "opacity-100 translate-y-0 scale-100 animate-in fade-in zoom-in-95 duration-300" : "opacity-0 translate-y-2 scale-95 duration-300"}`, children: /* @__PURE__ */ c("div", { className: "w-full", children: [
             J === "main" && /* @__PURE__ */ c("div", { className: "animate-in slide-in-from-left-4 fade-in duration-200", children: [
               /* @__PURE__ */ e("div", { className: "px-3 py-2 mb-1 border-b border-white/5 font-bold text-zinc-400 uppercase text-[11px] tracking-wider flex justify-between items-center bg-white/5 sticky top-0 z-10 backdrop-blur-md", style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ e("span", { children: "Settings" }) }),
-              r.sources.length > 1 && /* @__PURE__ */ c(Q, { children: [
-                /* @__PURE__ */ e(L, { label: "Source", icon: /* @__PURE__ */ e(rs, { className: "w-4 h-4" }), value: ((w = r.sources[r.currentSourceIndex]) == null ? void 0 : w.name) || `Source ${r.currentSourceIndex + 1}`, onClick: () => A("sources"), hasSubmenu: !0 }),
+              a.sources.length > 1 && /* @__PURE__ */ c(Q, { children: [
+                /* @__PURE__ */ e(P, { label: "Source", icon: /* @__PURE__ */ e(as, { className: "w-4 h-4" }), value: ((w = a.sources[a.currentSourceIndex]) == null ? void 0 : w.name) || `Source ${a.currentSourceIndex + 1}`, onClick: () => A("sources"), hasSubmenu: !0 }),
                 /* @__PURE__ */ e(me, {})
               ] }),
-              /* @__PURE__ */ e(L, { label: "Quality", icon: /* @__PURE__ */ e(ms, { className: "w-4 h-4" }), value: r.currentQuality === -1 ? "Auto" : `${(C = r.qualityLevels[r.currentQuality]) == null ? void 0 : C.height}p`, onClick: () => A("quality"), hasSubmenu: !0 }),
-              /* @__PURE__ */ e(L, { label: "Speed", icon: /* @__PURE__ */ e(ds, { className: "w-4 h-4" }), value: `${r.playbackRate}x`, onClick: () => A("speed"), hasSubmenu: !0 }),
-              /* @__PURE__ */ e(L, { label: "Audio", icon: /* @__PURE__ */ e(us, { className: "w-4 h-4" }), value: ((N = r.audioTracks[r.currentAudioTrack]) == null ? void 0 : N.label) || "Default", onClick: () => A("audio"), hasSubmenu: !0 }),
+              /* @__PURE__ */ e(P, { label: "Quality", icon: /* @__PURE__ */ e(ms, { className: "w-4 h-4" }), value: a.currentQuality === -1 ? "Auto" : `${(C = a.qualityLevels[a.currentQuality]) == null ? void 0 : C.height}p`, onClick: () => A("quality"), hasSubmenu: !0 }),
+              /* @__PURE__ */ e(P, { label: "Speed", icon: /* @__PURE__ */ e(ds, { className: "w-4 h-4" }), value: `${a.playbackRate}x`, onClick: () => A("speed"), hasSubmenu: !0 }),
+              /* @__PURE__ */ e(P, { label: "Audio", icon: /* @__PURE__ */ e(us, { className: "w-4 h-4" }), value: ((N = a.audioTracks[a.currentAudioTrack]) == null ? void 0 : N.label) || "Default", onClick: () => A("audio"), hasSubmenu: !0 }),
               /* @__PURE__ */ e(me, {}),
-              /* @__PURE__ */ e(L, { label: "Video Fit", icon: /* @__PURE__ */ e(gs, { className: "w-4 h-4" }), value: r.videoFit === "none" ? "Default" : r.videoFit.charAt(0).toUpperCase() + r.videoFit.slice(1), onClick: () => A("videofit"), hasSubmenu: !0 }),
-              Y && /* @__PURE__ */ e(L, { label: "Aspect Ratio", icon: /* @__PURE__ */ e(ls, { className: "w-4 h-4" }), value: r.aspectRatio, onClick: () => A("ratio"), hasSubmenu: !0 }),
-              g && /* @__PURE__ */ e(L, { label: "Flip", icon: /* @__PURE__ */ e(ps, { className: "w-4 h-4" }), value: r.flipState.horizontal ? "H" : r.flipState.vertical ? "V" : "Normal", onClick: () => A("flip"), hasSubmenu: !0 }),
-              /* @__PURE__ */ e(L, { label: "Audio Boost", icon: /* @__PURE__ */ e(cs, { className: "w-4 h-4" }), value: r.audioGain > 1 ? `${r.audioGain}x` : "Off", onClick: () => A("boost"), hasSubmenu: !0 }),
+              /* @__PURE__ */ e(P, { label: "Video Fit", icon: /* @__PURE__ */ e(gs, { className: "w-4 h-4" }), value: a.videoFit === "none" ? "Default" : a.videoFit.charAt(0).toUpperCase() + a.videoFit.slice(1), onClick: () => A("videofit"), hasSubmenu: !0 }),
+              Y && /* @__PURE__ */ e(P, { label: "Aspect Ratio", icon: /* @__PURE__ */ e(ls, { className: "w-4 h-4" }), value: a.aspectRatio, onClick: () => A("ratio"), hasSubmenu: !0 }),
+              v && /* @__PURE__ */ e(P, { label: "Flip", icon: /* @__PURE__ */ e(fs, { className: "w-4 h-4" }), value: a.flipState.horizontal ? "H" : a.flipState.vertical ? "V" : "Normal", onClick: () => A("flip"), hasSubmenu: !0 }),
+              /* @__PURE__ */ e(P, { label: "Audio Boost", icon: /* @__PURE__ */ e(cs, { className: "w-4 h-4" }), value: a.audioGain > 1 ? `${a.audioGain}x` : "Off", onClick: () => A("boost"), hasSubmenu: !0 }),
               /* @__PURE__ */ e(me, {}),
-              /* @__PURE__ */ e(L, { label: "Watch Party", icon: /* @__PURE__ */ e(Ui, { className: "w-4 h-4" }), onClick: () => A("party"), hasSubmenu: !0 }),
-              /* @__PURE__ */ e(L, { label: "Cast to Device", icon: /* @__PURE__ */ e(ji, { className: "w-4 h-4" }), onClick: () => {
+              /* @__PURE__ */ e(P, { label: "Watch Party", icon: /* @__PURE__ */ e(Ui, { className: "w-4 h-4" }), onClick: () => A("party"), hasSubmenu: !0 }),
+              /* @__PURE__ */ e(P, { label: "Cast to Device", icon: /* @__PURE__ */ e(ji, { className: "w-4 h-4" }), onClick: () => {
                 n == null || n.requestCast(), z();
               } }),
               m.settings && m.settings.length > 0 && /* @__PURE__ */ e(me, {}),
-              (P = m.settings) == null ? void 0 : P.map((l, R) => l.switch !== void 0 ? /* @__PURE__ */ e("div", { className: "px-1", children: /* @__PURE__ */ e(
+              (R = m.settings) == null ? void 0 : R.map((l, F) => l.switch !== void 0 ? /* @__PURE__ */ e("div", { className: "px-1", children: /* @__PURE__ */ e(
                 le,
                 {
                   label: l.html,
@@ -2636,32 +2677,32 @@ const Ns = [
                     l.onSwitch && l.onSwitch(l, O);
                   }
                 }
-              ) }, `cust-${R}`) : /* @__PURE__ */ e(
-                L,
+              ) }, `cust-${F}`) : /* @__PURE__ */ e(
+                P,
                 {
                   label: l.html,
                   icon: l.icon,
                   value: l.currentLabel || l.value,
                   hasSubmenu: !!l.children,
                   onClick: () => {
-                    l.children ? A(`custom-${R}`) : (l.click ? l.click(l) : l.onClick && l.onClick(l), z());
+                    l.children ? A(`custom-${F}`) : (l.click ? l.click(l) : l.onClick && l.onClick(l), z());
                   }
                 },
-                `cust-${R}`
+                `cust-${F}`
               )),
               /* @__PURE__ */ e(me, {}),
-              /* @__PURE__ */ e(L, { label: "Appearance", icon: /* @__PURE__ */ e(ei, { className: "w-4 h-4" }), onClick: () => A("appearance"), hasSubmenu: !0 })
+              /* @__PURE__ */ e(P, { label: "Appearance", icon: /* @__PURE__ */ e(ei, { className: "w-4 h-4" }), onClick: () => A("appearance"), hasSubmenu: !0 })
             ] }),
             J.startsWith("custom-") && (() => {
               var O;
-              const l = parseInt(J.split("-")[1]), R = (O = m.settings) == null ? void 0 : O[l];
-              return !R || !R.children ? null : /* @__PURE__ */ c("div", { className: "animate-in slide-in-from-right-4 fade-in duration-200", children: [
-                /* @__PURE__ */ e(Z, { label: R.html || "Menu", onBack: () => A("main") }),
-                R.children.map((I, tt) => /* @__PURE__ */ c(Me.Fragment, { children: [
+              const l = parseInt(J.split("-")[1]), F = (O = m.settings) == null ? void 0 : O[l];
+              return !F || !F.children ? null : /* @__PURE__ */ c("div", { className: "animate-in slide-in-from-right-4 fade-in duration-200", children: [
+                /* @__PURE__ */ e(ee, { label: F.html || "Menu", onBack: () => A("main") }),
+                F.children.map((I, tt) => /* @__PURE__ */ c(Me.Fragment, { children: [
                   I.separator && /* @__PURE__ */ e(me, {}),
                   I.switch !== void 0 && /* @__PURE__ */ e("div", { className: "px-1", children: /* @__PURE__ */ e(le, { label: I.html, checked: I.switch, onChange: (ki) => I.onSwitch && I.onSwitch(I, ki) }) }),
                   !I.separator && I.switch === void 0 && /* @__PURE__ */ e(
-                    L,
+                    P,
                     {
                       label: I.html,
                       icon: I.icon,
@@ -2677,74 +2718,74 @@ const Ns = [
             })(),
             ["speed", "quality", "audio", "boost", "party", "appearance", "sources", "flip", "ratio", "videofit"].includes(J) && /* @__PURE__ */ c("div", { className: "animate-in slide-in-from-right-4 fade-in duration-200", children: [
               J === "sources" && /* @__PURE__ */ c(Q, { children: [
-                /* @__PURE__ */ e(Z, { label: "Select Source", onBack: () => A("main") }),
-                r.sources.map((l, R) => {
-                  const O = r.sourceStatuses[R], I = O === "success" ? /* @__PURE__ */ e(hs, { className: "w-3.5 h-3.5 text-emerald-500" }) : O === "error" ? /* @__PURE__ */ e(at, { className: "w-3.5 h-3.5 text-red-500" }) : null;
+                /* @__PURE__ */ e(ee, { label: "Select Source", onBack: () => A("main") }),
+                a.sources.map((l, F) => {
+                  const O = a.sourceStatuses[F], I = O === "success" ? /* @__PURE__ */ e(hs, { className: "w-3.5 h-3.5 text-emerald-500" }) : O === "error" ? /* @__PURE__ */ e(rt, { className: "w-3.5 h-3.5 text-red-500" }) : null;
                   return /* @__PURE__ */ e(
-                    L,
+                    P,
                     {
-                      label: l.name || `Source ${R + 1}`,
+                      label: l.name || `Source ${F + 1}`,
                       value: l.type,
-                      active: r.currentSourceIndex === R,
+                      active: a.currentSourceIndex === F,
                       rightIcon: I,
-                      onClick: () => n == null ? void 0 : n.switchSource(R)
+                      onClick: () => n == null ? void 0 : n.switchSource(F)
                     },
-                    R
+                    F
                   );
                 })
               ] }),
               J === "speed" && /* @__PURE__ */ c(Q, { children: [
-                /* @__PURE__ */ e(Z, { label: "Speed", onBack: () => A("main") }),
-                [0.5, 1, 1.5, 2].map((l) => /* @__PURE__ */ e(L, { label: `${l}x`, active: r.playbackRate === l, onClick: () => n.video.playbackRate = l }, l))
+                /* @__PURE__ */ e(ee, { label: "Speed", onBack: () => A("main") }),
+                [0.5, 1, 1.5, 2].map((l) => /* @__PURE__ */ e(P, { label: `${l}x`, active: a.playbackRate === l, onClick: () => n.video.playbackRate = l }, l))
               ] }),
               J === "quality" && /* @__PURE__ */ c(Q, { children: [
-                /* @__PURE__ */ e(Z, { label: "Quality", onBack: () => A("main") }),
-                /* @__PURE__ */ e(L, { label: "Auto", active: r.currentQuality === -1, onClick: () => n == null ? void 0 : n.setQuality(-1) }),
-                r.qualityLevels.map((l) => /* @__PURE__ */ e(L, { label: `${l.height}p`, value: `${Math.round(l.bitrate / 1e3)}k`, active: r.currentQuality === l.index, onClick: () => n == null ? void 0 : n.setQuality(l.index) }, l.index))
+                /* @__PURE__ */ e(ee, { label: "Quality", onBack: () => A("main") }),
+                /* @__PURE__ */ e(P, { label: "Auto", active: a.currentQuality === -1, onClick: () => n == null ? void 0 : n.setQuality(-1) }),
+                a.qualityLevels.map((l) => /* @__PURE__ */ e(P, { label: `${l.height}p`, value: `${Math.round(l.bitrate / 1e3)}k`, active: a.currentQuality === l.index, onClick: () => n == null ? void 0 : n.setQuality(l.index) }, l.index))
               ] }),
               J === "audio" && /* @__PURE__ */ c(Q, { children: [
-                /* @__PURE__ */ e(Z, { label: "Audio Track", onBack: () => A("main") }),
-                r.audioTracks.length === 0 && /* @__PURE__ */ e("div", { className: "px-4 py-3 text-zinc-500 text-xs text-center", children: "No tracks available" }),
-                r.audioTracks.map((l) => /* @__PURE__ */ e(L, { label: l.label, value: l.language, active: r.currentAudioTrack === l.index, onClick: () => n == null ? void 0 : n.setAudioTrack(l.index) }, l.index))
+                /* @__PURE__ */ e(ee, { label: "Audio Track", onBack: () => A("main") }),
+                a.audioTracks.length === 0 && /* @__PURE__ */ e("div", { className: "px-4 py-3 text-zinc-500 text-xs text-center", children: "No tracks available" }),
+                a.audioTracks.map((l) => /* @__PURE__ */ e(P, { label: l.label, value: l.language, active: a.currentAudioTrack === l.index, onClick: () => n == null ? void 0 : n.setAudioTrack(l.index) }, l.index))
               ] }),
               J === "boost" && /* @__PURE__ */ c(Q, { children: [
-                /* @__PURE__ */ e(Z, { label: "Audio Boost", onBack: () => A("main") }),
-                [1, 1.5, 2, 3].map((l) => /* @__PURE__ */ e(L, { label: l === 1 ? "Off" : `${l}x`, active: r.audioGain === l, onClick: () => n == null ? void 0 : n.setAudioGain(l) }, l))
+                /* @__PURE__ */ e(ee, { label: "Audio Boost", onBack: () => A("main") }),
+                [1, 1.5, 2, 3].map((l) => /* @__PURE__ */ e(P, { label: l === 1 ? "Off" : `${l}x`, active: a.audioGain === l, onClick: () => n == null ? void 0 : n.setAudioGain(l) }, l))
               ] }),
               J === "flip" && /* @__PURE__ */ c(Q, { children: [
-                /* @__PURE__ */ e(Z, { label: "Video Flip", onBack: () => A("main") }),
+                /* @__PURE__ */ e(ee, { label: "Video Flip", onBack: () => A("main") }),
                 /* @__PURE__ */ c("div", { className: "p-2 space-y-1", children: [
-                  /* @__PURE__ */ e(le, { label: "Horizontal Flip", checked: r.flipState.horizontal, onChange: () => n == null ? void 0 : n.setFlip("horizontal") }),
-                  /* @__PURE__ */ e(le, { label: "Vertical Flip", checked: r.flipState.vertical, onChange: () => n == null ? void 0 : n.setFlip("vertical") })
+                  /* @__PURE__ */ e(le, { label: "Horizontal Flip", checked: a.flipState.horizontal, onChange: () => n == null ? void 0 : n.setFlip("horizontal") }),
+                  /* @__PURE__ */ e(le, { label: "Vertical Flip", checked: a.flipState.vertical, onChange: () => n == null ? void 0 : n.setFlip("vertical") })
                 ] })
               ] }),
               J === "ratio" && /* @__PURE__ */ c(Q, { children: [
-                /* @__PURE__ */ e(Z, { label: "Aspect Ratio", onBack: () => A("main") }),
-                /* @__PURE__ */ e("div", { className: "max-h-[250px] overflow-y-auto hide-scrollbar", children: ["default", "16:9", "4:3", "21:9", "18:9", "1:1", "9:16"].map((l) => /* @__PURE__ */ e(L, { label: l === "default" ? "Default" : l.replace(":", " : "), active: r.aspectRatio === l, onClick: () => n == null ? void 0 : n.setAspectRatio(l) }, l)) })
+                /* @__PURE__ */ e(ee, { label: "Aspect Ratio", onBack: () => A("main") }),
+                /* @__PURE__ */ e("div", { className: "max-h-[250px] overflow-y-auto hide-scrollbar", children: ["default", "16:9", "4:3", "21:9", "18:9", "1:1", "9:16"].map((l) => /* @__PURE__ */ e(P, { label: l === "default" ? "Default" : l.replace(":", " : "), active: a.aspectRatio === l, onClick: () => n == null ? void 0 : n.setAspectRatio(l) }, l)) })
               ] }),
               J === "videofit" && /* @__PURE__ */ c(Q, { children: [
-                /* @__PURE__ */ e(Z, { label: "Video Fit", onBack: () => A("main") }),
-                /* @__PURE__ */ e(L, { label: "Contain (Default)", value: "Fit", active: r.videoFit === "contain", onClick: () => n == null ? void 0 : n.setVideoFit("contain") }),
-                /* @__PURE__ */ e(L, { label: "Cover", value: "Zoom", active: r.videoFit === "cover", onClick: () => n == null ? void 0 : n.setVideoFit("cover") }),
-                /* @__PURE__ */ e(L, { label: "Fill", value: "Stretch", active: r.videoFit === "fill", onClick: () => n == null ? void 0 : n.setVideoFit("fill") }),
-                /* @__PURE__ */ e(L, { label: "None", value: "Original", active: r.videoFit === "none", onClick: () => n == null ? void 0 : n.setVideoFit("none") })
+                /* @__PURE__ */ e(ee, { label: "Video Fit", onBack: () => A("main") }),
+                /* @__PURE__ */ e(P, { label: "Contain (Default)", value: "Fit", active: a.videoFit === "contain", onClick: () => n == null ? void 0 : n.setVideoFit("contain") }),
+                /* @__PURE__ */ e(P, { label: "Cover", value: "Zoom", active: a.videoFit === "cover", onClick: () => n == null ? void 0 : n.setVideoFit("cover") }),
+                /* @__PURE__ */ e(P, { label: "Fill", value: "Stretch", active: a.videoFit === "fill", onClick: () => n == null ? void 0 : n.setVideoFit("fill") }),
+                /* @__PURE__ */ e(P, { label: "None", value: "Original", active: a.videoFit === "none", onClick: () => n == null ? void 0 : n.setVideoFit("none") })
               ] }),
               J === "party" && /* @__PURE__ */ c(Q, { children: [
-                /* @__PURE__ */ e(Z, { label: "Watch Party", onBack: () => A("main") }),
+                /* @__PURE__ */ e(ee, { label: "Watch Party", onBack: () => A("main") }),
                 /* @__PURE__ */ c("div", { className: "p-4 space-y-3", children: [
                   /* @__PURE__ */ e("p", { className: "text-xs text-zinc-400 leading-relaxed", children: "Create a synchronized room on WatchParty.me to watch together." }),
-                  /* @__PURE__ */ e("a", { href: `https://www.watchparty.me/create?video=${encodeURIComponent(((ae = r.sources[r.currentSourceIndex]) == null ? void 0 : ae.url) || t || "")}`, target: "_blank", rel: "noopener noreferrer", className: "flex items-center justify-center w-full py-2.5 bg-[var(--accent)] hover:opacity-90 text-white font-medium transition-opacity text-xs", style: { borderRadius: "var(--radius)" }, children: "Create Room" })
+                  /* @__PURE__ */ e("a", { href: `https://www.watchparty.me/create?video=${encodeURIComponent(((re = a.sources[a.currentSourceIndex]) == null ? void 0 : re.url) || t || "")}`, target: "_blank", rel: "noopener noreferrer", className: "flex items-center justify-center w-full py-2.5 bg-[var(--accent)] hover:opacity-90 text-white font-medium transition-opacity text-xs", style: { borderRadius: "var(--radius)" }, children: "Create Room" })
                 ] })
               ] }),
               J === "appearance" && /* @__PURE__ */ c(Q, { children: [
-                /* @__PURE__ */ e(Z, { label: "Appearance", onBack: () => A("main") }),
+                /* @__PURE__ */ e(ee, { label: "Appearance", onBack: () => A("main") }),
                 /* @__PURE__ */ c("div", { className: "pb-1", children: [
                   /* @__PURE__ */ e("div", { className: "px-1 pt-1", children: /* @__PURE__ */ e(
                     xe,
                     {
                       label: "Brightness",
-                      icon: /* @__PURE__ */ e(Gt, { className: "w-4 h-4" }),
-                      value: r.brightness,
+                      icon: /* @__PURE__ */ e(qt, { className: "w-4 h-4" }),
+                      value: a.brightness,
                       min: 0,
                       max: 2,
                       step: 0.1,
@@ -2752,14 +2793,14 @@ const Ns = [
                       formatValue: (l) => `${Math.round(l * 100)}%`
                     }
                   ) }),
-                  /* @__PURE__ */ e(pe, { title: "Theme", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-2 px-3", children: Ms.map((l) => /* @__PURE__ */ e("button", { onClick: () => n == null ? void 0 : n.setAppearance({ theme: l.value, themeColor: l.color }), className: `py-2 text-xs font-bold uppercase tracking-wide transition-colors border-[length:var(--border-width)] border-white/10 ${r.theme === l.value ? "bg-[var(--accent)] text-white" : "bg-white/5 text-zinc-400 hover:text-white"}`, style: { borderRadius: "var(--radius)" }, children: l.label }, l.value)) }) }),
-                  /* @__PURE__ */ e(pe, { title: "Icon Size", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-1 px-3", children: ["small", "medium", "large"].map((l) => /* @__PURE__ */ e("button", { onClick: () => n == null ? void 0 : n.setAppearance({ iconSize: l }), className: `py-1.5 text-xs font-medium transition-colors ${r.iconSize === l ? "bg-white text-black" : "bg-white/5 text-zinc-400 hover:text-zinc-200"}`, style: { borderRadius: "var(--radius)" }, children: l.charAt(0).toUpperCase() + l.slice(1) }, l)) }) }),
-                  /* @__PURE__ */ c(pe, { title: "Theme Color", children: [
-                    /* @__PURE__ */ e("div", { className: "grid grid-cols-6 gap-2 px-3", children: Ns.map((l) => /* @__PURE__ */ e("button", { title: l.label, onClick: () => n == null ? void 0 : n.setAppearance({ themeColor: l.value }), className: `w-6 h-6 transition-transform hover:scale-110 ${r.themeColor === l.value ? "ring-2 ring-white scale-110" : "ring-1 ring-white/10"}`, style: { backgroundColor: l.value, borderRadius: "var(--radius-full)" }, children: r.themeColor === l.value && /* @__PURE__ */ e(He, { className: "w-3 h-3 text-white mx-auto stroke-[3]" }) }, l.value)) }),
+                  /* @__PURE__ */ e(fe, { title: "Theme", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-2 px-3", children: Ms.map((l) => /* @__PURE__ */ e("button", { onClick: () => n == null ? void 0 : n.setAppearance({ theme: l.value, themeColor: l.color }), className: `py-2 text-xs font-bold uppercase tracking-wide transition-colors border-[length:var(--border-width)] border-white/10 ${a.theme === l.value ? "bg-[var(--accent)] text-white" : "bg-white/5 text-zinc-400 hover:text-white"}`, style: { borderRadius: "var(--radius)" }, children: l.label }, l.value)) }) }),
+                  /* @__PURE__ */ e(fe, { title: "Icon Size", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-1 px-3", children: ["small", "medium", "large"].map((l) => /* @__PURE__ */ e("button", { onClick: () => n == null ? void 0 : n.setAppearance({ iconSize: l }), className: `py-1.5 text-xs font-medium transition-colors ${a.iconSize === l ? "bg-white text-black" : "bg-white/5 text-zinc-400 hover:text-zinc-200"}`, style: { borderRadius: "var(--radius)" }, children: l.charAt(0).toUpperCase() + l.slice(1) }, l)) }) }),
+                  /* @__PURE__ */ c(fe, { title: "Theme Color", children: [
+                    /* @__PURE__ */ e("div", { className: "grid grid-cols-6 gap-2 px-3", children: Ns.map((l) => /* @__PURE__ */ e("button", { title: l.label, onClick: () => n == null ? void 0 : n.setAppearance({ themeColor: l.value }), className: `w-6 h-6 transition-transform hover:scale-110 ${a.themeColor === l.value ? "ring-2 ring-white scale-110" : "ring-1 ring-white/10"}`, style: { backgroundColor: l.value, borderRadius: "var(--radius-full)" }, children: a.themeColor === l.value && /* @__PURE__ */ e(He, { className: "w-3 h-3 text-white mx-auto stroke-[3]" }) }, l.value)) }),
                     /* @__PURE__ */ e("div", { className: "px-3 pt-4", children: /* @__PURE__ */ c("div", { className: "flex items-center gap-3 bg-white/5 p-2 hover:bg-white/10 transition-colors group", style: { borderRadius: "var(--radius)" }, children: [
-                      /* @__PURE__ */ e("div", { className: "relative w-6 h-6 overflow-hidden ring-1 ring-white/20", style: { borderRadius: "var(--radius-full)" }, children: /* @__PURE__ */ e("input", { type: "color", value: r.themeColor, onChange: (l) => n == null ? void 0 : n.setAppearance({ themeColor: l.target.value }), className: "absolute inset-[-4px] w-[150%] h-[150%] cursor-pointer p-0 border-0" }) }),
+                      /* @__PURE__ */ e("div", { className: "relative w-6 h-6 overflow-hidden ring-1 ring-white/20", style: { borderRadius: "var(--radius-full)" }, children: /* @__PURE__ */ e("input", { type: "color", value: a.themeColor, onChange: (l) => n == null ? void 0 : n.setAppearance({ themeColor: l.target.value }), className: "absolute inset-[-4px] w-[150%] h-[150%] cursor-pointer p-0 border-0" }) }),
                       /* @__PURE__ */ e("span", { className: "text-xs text-zinc-400 font-medium group-hover:text-zinc-200", children: "Custom Color" }),
-                      /* @__PURE__ */ e("span", { className: "text-[10px] font-mono text-zinc-500 ml-auto uppercase", children: r.themeColor })
+                      /* @__PURE__ */ e("span", { className: "text-[10px] font-mono text-zinc-500 ml-auto uppercase", children: a.themeColor })
                     ] }) })
                   ] })
                 ] })
@@ -2776,7 +2817,7 @@ const Ns = [
       { html: "Playback", isLabel: !0 },
       {
         html: "Loop",
-        checked: r.isLooping,
+        checked: a.isLooping,
         onClick: () => n == null ? void 0 : n.toggleLoop()
       },
       { separator: !0 },
@@ -2787,19 +2828,19 @@ const Ns = [
       { separator: !0 },
       // Aspect Ratio Group
       { html: "Aspect Ratio", isLabel: !0 },
-      { html: "Default", checked: r.aspectRatio === "default", onClick: () => n == null ? void 0 : n.setAspectRatio("default") },
-      { html: "16:9", checked: r.aspectRatio === "16:9", onClick: () => n == null ? void 0 : n.setAspectRatio("16:9") },
-      { html: "21:9", checked: r.aspectRatio === "21:9", onClick: () => n == null ? void 0 : n.setAspectRatio("21:9") },
+      { html: "Default", checked: a.aspectRatio === "default", onClick: () => n == null ? void 0 : n.setAspectRatio("default") },
+      { html: "16:9", checked: a.aspectRatio === "16:9", onClick: () => n == null ? void 0 : n.setAspectRatio("16:9") },
+      { html: "21:9", checked: a.aspectRatio === "21:9", onClick: () => n == null ? void 0 : n.setAspectRatio("21:9") },
       { separator: !0 },
       // Video Fit Group
       { html: "Video Fit", isLabel: !0 },
-      { html: "Contain", checked: r.videoFit === "contain", onClick: () => n == null ? void 0 : n.setVideoFit("contain") },
-      { html: "Cover", checked: r.videoFit === "cover", onClick: () => n == null ? void 0 : n.setVideoFit("cover") },
+      { html: "Contain", checked: a.videoFit === "contain", onClick: () => n == null ? void 0 : n.setVideoFit("contain") },
+      { html: "Cover", checked: a.videoFit === "cover", onClick: () => n == null ? void 0 : n.setVideoFit("cover") },
       { separator: !0 },
       // Stats
       {
         html: "Video Info",
-        icon: /* @__PURE__ */ e(as, { className: "w-3.5 h-3.5" }),
+        icon: /* @__PURE__ */ e(rs, { className: "w-3.5 h-3.5" }),
         onClick: () => mt(!0)
       },
       { separator: !0 }
@@ -2816,27 +2857,27 @@ const Ns = [
         /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
       ] }) })
     }), d;
-  }, [m.contextmenu, r.aspectRatio, r.isLooping, r.videoFit, n]), yi = r.isWebFullscreen, Bt = /* @__PURE__ */ c(
+  }, [m.contextmenu, a.aspectRatio, a.isLooping, a.videoFit, n]), yi = a.isWebFullscreen, Bt = /* @__PURE__ */ c(
     "div",
     {
       id: m.id,
       ref: T,
       className: `group bg-black overflow-hidden select-none font-[family-name:var(--font-main)] outline-none text-zinc-100 strata-player-reset flex items-center justify-center ${yi ? "fixed inset-0 z-[2147483647] w-screen h-screen rounded-none" : "relative w-full h-full rounded-[var(--radius-player)]"} ${m.container || ""}`,
-      style: { touchAction: "manipulation", "--accent": r.themeColor, "--accent-contrast": si },
-      onMouseMove: Rt,
+      style: { touchAction: "manipulation", "--accent": a.themeColor, "--accent-contrast": si },
+      onMouseMove: Ft,
       onMouseLeave: () => {
-        r.isPlaying && !V && !B && !E && n && n.setControlsVisible(!1);
+        a.isPlaying && !V && !B && !$ && n && n.setControlsVisible(!1);
       },
-      onMouseDown: Pt,
+      onMouseDown: Rt,
       onMouseUp: Ze,
       onTouchStart: ci,
       onTouchMove: di,
       onTouchEnd: ui,
-      onContextMenu: pi,
+      onContextMenu: fi,
       tabIndex: 0,
       role: "region",
       "aria-label": "Video Player",
-      "data-theme": r.theme,
+      "data-theme": a.theme,
       children: [
         /* @__PURE__ */ e("style", { children: `
                 [data-theme="default"] {
@@ -2936,7 +2977,7 @@ const Ns = [
                 [data-theme="pixel"] .strata-backdrop { backdrop-filter: none; background: #000; }
                 [data-theme="hacker"] .strata-backdrop { backdrop-filter: none; background: #000; }
             ` }),
-        r.theme === "hacker" && /* @__PURE__ */ e("div", { className: "strata-scanlines" }),
+        a.theme === "hacker" && /* @__PURE__ */ e("div", { className: "strata-scanlines" }),
         !n && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-zinc-950 z-50", children: /* @__PURE__ */ e(De, { className: "w-10 h-10 text-[var(--accent)] animate-spin" }) }),
         n && /* @__PURE__ */ c(Q, { children: [
           (Dt = m.layers) == null ? void 0 : Dt.map((d, w) => /* @__PURE__ */ e(
@@ -2948,8 +2989,8 @@ const Ns = [
             },
             w
           )),
-          /* @__PURE__ */ e(vs, { notifications: r.notifications }),
-          /* @__PURE__ */ e(xs, { cues: r.activeCues, settings: r.subtitleSettings }),
+          /* @__PURE__ */ e(vs, { notifications: a.notifications }),
+          /* @__PURE__ */ e(xs, { cues: a.activeCues, settings: a.subtitleSettings }),
           /* @__PURE__ */ e(
             "div",
             {
@@ -2960,11 +3001,11 @@ const Ns = [
               tabIndex: -1
             }
           ),
-          a && !_ && /* @__PURE__ */ e(
+          r && !G && /* @__PURE__ */ e(
             "div",
             {
               className: "absolute inset-0 bg-cover bg-center z-[5] pointer-events-none strata-poster",
-              style: { backgroundImage: `url(${a})` }
+              style: { backgroundImage: `url(${r})` }
             }
           ),
           oe.visible && /* @__PURE__ */ e(
@@ -2975,7 +3016,7 @@ const Ns = [
               items: wi,
               onClose: z,
               containerWidth: ge,
-              containerHeight: re
+              containerHeight: ae
             }
           ),
           ni && n && /* @__PURE__ */ e(Ss, { player: n, onClose: () => mt(!1) }),
@@ -2983,23 +3024,23 @@ const Ns = [
             /* @__PURE__ */ e(os, { className: "w-4 h-4 text-[var(--accent)] fill-current" }),
             /* @__PURE__ */ e("span", { className: "text-xs font-bold tracking-wider", children: "2x Speed" })
           ] }),
-          Pe && /* @__PURE__ */ c("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-black/60 backdrop-blur-md p-6 rounded-2xl flex flex-col items-center gap-4 z-40 animate-in fade-in zoom-in duration-200 pointer-events-none", children: [
-            r.isMuted || r.volume === 0 ? /* @__PURE__ */ e(Ut, { className: "w-10 h-10 text-white/80" }) : /* @__PURE__ */ e(jt, { className: "w-10 h-10 text-white/80" }),
-            /* @__PURE__ */ e("div", { className: "w-32 h-1.5 bg-white/20 rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full bg-[var(--accent)]", style: { width: `${r.isMuted ? 0 : r.volume * 100}%` } }) }),
+          Re && /* @__PURE__ */ c("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-black/60 backdrop-blur-md p-6 rounded-2xl flex flex-col items-center gap-4 z-40 animate-in fade-in zoom-in duration-200 pointer-events-none", children: [
+            a.isMuted || a.volume === 0 ? /* @__PURE__ */ e(Ut, { className: "w-10 h-10 text-white/80" }) : /* @__PURE__ */ e(jt, { className: "w-10 h-10 text-white/80" }),
+            /* @__PURE__ */ e("div", { className: "w-32 h-1.5 bg-white/20 rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full bg-[var(--accent)]", style: { width: `${a.isMuted ? 0 : a.volume * 100}%` } }) }),
             /* @__PURE__ */ c("span", { className: "text-xl font-bold font-mono", children: [
-              Math.round(r.volume * 100),
+              Math.round(a.volume * 100),
               "%"
             ] })
           ] }),
           vt && /* @__PURE__ */ c("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-black/60 backdrop-blur-md p-6 rounded-2xl flex flex-col items-center gap-4 z-40 animate-in fade-in zoom-in duration-200 pointer-events-none", children: [
-            /* @__PURE__ */ e(Gt, { className: "w-10 h-10 text-white/80" }),
-            /* @__PURE__ */ e("div", { className: "w-32 h-1.5 bg-white/20 rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full bg-[var(--accent)]", style: { width: `${Math.min(100, r.brightness * 100)}%` } }) }),
+            /* @__PURE__ */ e(qt, { className: "w-10 h-10 text-white/80" }),
+            /* @__PURE__ */ e("div", { className: "w-32 h-1.5 bg-white/20 rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full bg-[var(--accent)]", style: { width: `${Math.min(100, a.brightness * 100)}%` } }) }),
             /* @__PURE__ */ c("span", { className: "text-xl font-bold font-mono", children: [
-              Math.round(r.brightness * 100),
+              Math.round(a.brightness * 100),
               "%"
             ] })
           ] }),
-          H && We && r.controlsVisible && /* @__PURE__ */ e(
+          H && We && a.controlsVisible && /* @__PURE__ */ e(
             "button",
             {
               onMouseDown: (d) => d.stopPropagation(),
@@ -3007,43 +3048,43 @@ const Ns = [
               onClick: (d) => {
                 d.stopPropagation(), n.toggleLock();
               },
-              className: `absolute left-4 md:left-6 bottom-24 md:bottom-28 z-50 p-3 rounded-full bg-black/50 backdrop-blur-md border border-white/10 text-white transition-all active:scale-95 ${r.isLocked ? "text-[var(--accent)] bg-white/10" : "hover:bg-white/10"}`,
-              children: r.isLocked ? /* @__PURE__ */ e(is, { className: "w-5 h-5" }) : /* @__PURE__ */ e(ss, { className: "w-5 h-5" })
+              className: `absolute left-4 md:left-6 bottom-24 md:bottom-28 z-50 p-3 rounded-full bg-black/50 backdrop-blur-md border border-white/10 text-white transition-all active:scale-95 ${a.isLocked ? "text-[var(--accent)] bg-white/10" : "hover:bg-white/10"}`,
+              children: a.isLocked ? /* @__PURE__ */ e(is, { className: "w-5 h-5" }) : /* @__PURE__ */ e(ss, { className: "w-5 h-5" })
             }
           ),
           ue && /* @__PURE__ */ e(
             "div",
             {
               className: `absolute top-0 bottom-0 flex items-center justify-center w-[35%] z-20 bg-white/5 backdrop-blur-[1px] animate-out fade-out duration-500 fill-mode-forwards pointer-events-none ${ue.type === "rewind" ? "left-0 rounded-r-[4rem]" : "right-0 rounded-l-[4rem]"}`,
-              onAnimationEnd: () => Le(null),
+              onAnimationEnd: () => Pe(null),
               children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center text-white drop-shadow-lg", children: [
-                ue.type === "rewind" ? /* @__PURE__ */ e(_t, { className: "w-12 h-12 animate-pulse" }) : /* @__PURE__ */ e(qt, { className: "w-12 h-12 animate-pulse" }),
+                ue.type === "rewind" ? /* @__PURE__ */ e(Gt, { className: "w-12 h-12 animate-pulse" }) : /* @__PURE__ */ e(_t, { className: "w-12 h-12 animate-pulse" }),
                 /* @__PURE__ */ e("span", { className: "font-bold text-sm mt-2 font-mono", children: ue.type === "rewind" ? "-10s" : "+10s" })
               ] })
             },
             ue.id
           ),
-          r.isBuffering && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center z-20 pointer-events-none", children: /* @__PURE__ */ e(De, { className: "w-12 h-12 text-[var(--accent)] animate-spin drop-shadow-lg" }) }),
-          r.error && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center z-30 bg-black/90 backdrop-blur-md animate-in fade-in", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center gap-4 text-red-500 p-8 max-w-md text-center", children: [
+          a.isBuffering && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center z-20 pointer-events-none", children: /* @__PURE__ */ e(De, { className: "w-12 h-12 text-[var(--accent)] animate-spin drop-shadow-lg" }) }),
+          a.error && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center z-30 bg-black/90 backdrop-blur-md animate-in fade-in", children: /* @__PURE__ */ c("div", { className: "flex flex-col items-center gap-4 text-red-500 p-8 max-w-md text-center", children: [
             /* @__PURE__ */ e("span", { className: "text-5xl mb-2", children: "⚠️" }),
             /* @__PURE__ */ e("h3", { className: "text-xl font-bold text-white", children: "Playback Error" }),
-            /* @__PURE__ */ e("p", { className: "text-zinc-400 text-sm", children: r.error }),
-            /* @__PURE__ */ e("button", { onClick: () => n.load(n.store.get().sources[n.store.get().currentSourceIndex] || { url: t || "", type: i || "auto" }, f), className: "px-6 py-2 bg-[var(--accent)] text-white font-medium rounded-full hover:opacity-90 transition-opacity mt-4 shadow-lg", children: "Try Again" })
+            /* @__PURE__ */ e("p", { className: "text-zinc-400 text-sm", children: a.error }),
+            /* @__PURE__ */ e("button", { onClick: () => n.load(n.store.get().sources[n.store.get().currentSourceIndex] || { url: t || "", type: i || "auto" }, p), className: "px-6 py-2 bg-[var(--accent)] text-white font-medium rounded-full hover:opacity-90 transition-opacity mt-4 shadow-lg", children: "Try Again" })
           ] }) }),
-          j && !r.isLocked && (!r.isPlaying && !r.isBuffering && !r.error || r.controlsVisible) && !r.isBuffering ? /* @__PURE__ */ e(
+          j && !a.isLocked && (!a.isPlaying && !a.isBuffering && !a.error || a.controlsVisible) && !a.isBuffering ? /* @__PURE__ */ e(
             "div",
             {
-              className: `absolute inset-0 flex items-center justify-center z-10 transition-opacity duration-300 pointer-events-none ${r.controlsVisible || !r.isPlaying ? "opacity-100" : "opacity-0"}`,
+              className: `absolute inset-0 flex items-center justify-center z-10 transition-opacity duration-300 pointer-events-none ${a.controlsVisible || !a.isPlaying ? "opacity-100" : "opacity-0"}`,
               children: /* @__PURE__ */ c("div", { className: "flex items-center gap-8 md:gap-16 pointer-events-auto", children: [
                 /* @__PURE__ */ e("button", { onMouseDown: (d) => d.stopPropagation(), onTouchStart: (d) => d.stopPropagation(), onClick: (d) => {
-                  d.stopPropagation(), z(), $e("rewind");
-                }, className: `group flex items-center justify-center rounded-full bg-black/40 hover:bg-black/60 border border-white/10 transition-all duration-300 active:scale-125 active:opacity-80 text-white/90 focus:outline-none backdrop-blur-sm ${he.skipBtn}`, children: /* @__PURE__ */ e(_t, { className: he.skipIcon }) }),
+                  d.stopPropagation(), z(), Le("rewind");
+                }, className: `group flex items-center justify-center rounded-full bg-black/40 hover:bg-black/60 border border-white/10 transition-all duration-300 active:scale-125 active:opacity-80 text-white/90 focus:outline-none backdrop-blur-sm ${he.skipBtn}`, children: /* @__PURE__ */ e(Gt, { className: he.skipIcon }) }),
                 /* @__PURE__ */ e("button", { onMouseDown: (d) => d.stopPropagation(), onTouchStart: (d) => d.stopPropagation(), onClick: (d) => {
                   d.stopPropagation(), z(), n.togglePlay();
-                }, className: `group relative flex items-center justify-center rounded-full bg-white/10 hover:bg-[var(--accent)] border border-white/10 shadow-2xl transition-all duration-300 active:scale-90 active:opacity-80 focus:outline-none backdrop-blur-md ${he.playBtn}`, children: r.isPlaying ? /* @__PURE__ */ e(Wt, { className: `${he.playIcon} text-white fill-current` }) : /* @__PURE__ */ e(Ht, { className: `${he.playIcon} text-white ml-1 fill-current` }) }),
+                }, className: `group relative flex items-center justify-center rounded-full bg-white/10 hover:bg-[var(--accent)] border border-white/10 shadow-2xl transition-all duration-300 active:scale-90 active:opacity-80 focus:outline-none backdrop-blur-md ${he.playBtn}`, children: a.isPlaying ? /* @__PURE__ */ e(Wt, { className: `${he.playIcon} text-white fill-current` }) : /* @__PURE__ */ e(Ht, { className: `${he.playIcon} text-white ml-1 fill-current` }) }),
                 /* @__PURE__ */ e("button", { onMouseDown: (d) => d.stopPropagation(), onTouchStart: (d) => d.stopPropagation(), onClick: (d) => {
-                  d.stopPropagation(), z(), $e("forward");
-                }, className: `group flex items-center justify-center rounded-full bg-black/40 hover:bg-black/60 border border-white/10 transition-all duration-300 active:scale-125 active:opacity-80 text-white/90 focus:outline-none backdrop-blur-sm ${he.skipBtn}`, children: /* @__PURE__ */ e(qt, { className: he.skipIcon }) })
+                  d.stopPropagation(), z(), Le("forward");
+                }, className: `group flex items-center justify-center rounded-full bg-black/40 hover:bg-black/60 border border-white/10 transition-all duration-300 active:scale-125 active:opacity-80 text-white/90 focus:outline-none backdrop-blur-sm ${he.skipBtn}`, children: /* @__PURE__ */ e(_t, { className: he.skipIcon }) })
               ] })
             }
           ) : null,
@@ -3052,7 +3093,7 @@ const Ns = [
             {
               className: `absolute inset-x-0 bottom-0 z-30 transition-all duration-300 px-4 md:px-6 py-4 bg-gradient-to-t from-black/90 via-black/50 to-transparent ${xi ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4 pointer-events-none"}`,
               onClick: (d) => {
-                (V || B || E) && z(), d.target === d.currentTarget && ve(!1), d.stopPropagation();
+                (V || B || $) && z(), d.target === d.currentTarget && ve(!1), d.stopPropagation();
               },
               children: [
                 !m.isLive && /* @__PURE__ */ c(
@@ -3064,24 +3105,24 @@ const Ns = [
                     onMouseLeave: () => {
                       kt(null), St(null);
                     },
-                    onMouseDown: Lt,
-                    onTouchStart: Lt,
+                    onMouseDown: Pt,
+                    onTouchStart: Pt,
                     children: [
-                      (Ot = m.highlight) == null ? void 0 : Ot.map((d, w) => /* @__PURE__ */ e("div", { className: "absolute top-1/2 -translate-y-1/2 w-1.5 h-1.5 bg-yellow-400 rounded-full z-10 pointer-events-none", style: { left: `${d.time / r.duration * 100}%` }, title: d.text }, w)),
-                      yt !== null && /* @__PURE__ */ c("div", { className: "absolute bottom-full mb-1.5 flex flex-col items-center transform -translate-x-1/2 z-40 pointer-events-none transition-opacity duration-150", style: { left: `clamp(70px, ${ri}%, calc(100% - 70px))` }, children: [
+                      (Ot = m.highlight) == null ? void 0 : Ot.map((d, w) => /* @__PURE__ */ e("div", { className: "absolute top-1/2 -translate-y-1/2 w-1.5 h-1.5 bg-yellow-400 rounded-full z-10 pointer-events-none", style: { left: `${d.time / a.duration * 100}%` }, title: d.text }, w)),
+                      yt !== null && /* @__PURE__ */ c("div", { className: "absolute bottom-full mb-1.5 flex flex-col items-center transform -translate-x-1/2 z-40 pointer-events-none transition-opacity duration-150", style: { left: `clamp(70px, ${ai}%, calc(100% - 70px))` }, children: [
                         ce && /* @__PURE__ */ e("div", { className: "bg-black/90 border border-white/10 shadow-2xl overflow-hidden backdrop-blur-sm", style: { width: `${ce.w * 0.5}px`, height: `${ce.h * 0.5}px`, borderRadius: "var(--radius)" }, children: /* @__PURE__ */ e("div", { style: { backgroundImage: `url("${ce.url}")`, width: `${ce.w}px`, height: `${ce.h}px`, backgroundPosition: `-${ce.x}px -${ce.y}px`, backgroundRepeat: "no-repeat", transform: "scale(0.5)", transformOrigin: "top left" } }) }),
                         /* @__PURE__ */ e("div", { className: "strata-tooltip px-2 py-0.5 text-[11px] font-bold font-mono shadow-lg tabular-nums mt-1", children: it(yt) })
                       ] }),
                       /* @__PURE__ */ c("div", { className: "w-full h-1 bg-white/20 overflow-hidden relative backdrop-blur-sm border-[length:var(--border-width)] border-white/10", style: { borderRadius: "var(--radius-full)" }, children: [
-                        r.duration > 0 && r.buffered.map((d, w) => /* @__PURE__ */ e("div", { className: "absolute top-0 bottom-0 bg-white/20", style: { left: `${d.start / r.duration * 100}%`, width: `${(d.end - d.start) / r.duration * 100}%` } }, w)),
-                        /* @__PURE__ */ e("div", { className: "absolute left-0 top-0 bottom-0 bg-[var(--accent)]", style: { width: `${(_e ? Re : r.currentTime) / r.duration * 100}%` } })
+                        a.duration > 0 && a.buffered.map((d, w) => /* @__PURE__ */ e("div", { className: "absolute top-0 bottom-0 bg-white/20", style: { left: `${d.start / a.duration * 100}%`, width: `${(d.end - d.start) / a.duration * 100}%` } }, w)),
+                        /* @__PURE__ */ e("div", { className: "absolute left-0 top-0 bottom-0 bg-[var(--accent)]", style: { width: `${(Ge ? Fe : a.currentTime) / a.duration * 100}%` } })
                       ] }),
                       /* @__PURE__ */ e(
                         "div",
                         {
                           className: "absolute top-1/2 -translate-y-1/2 -translate-x-1/2 w-3.5 h-3.5 bg-white shadow-md scale-0 group-hover/slider:scale-100 transition-transform duration-100 z-10",
                           style: {
-                            left: `${(_e ? Re : r.currentTime) / r.duration * 100}%`,
+                            left: `${(Ge ? Fe : a.currentTime) / a.duration * 100}%`,
                             borderRadius: "var(--radius-full)"
                           }
                         }
@@ -3100,8 +3141,8 @@ const Ns = [
       ]
     }
   );
-  return r.isWebFullscreen && typeof document < "u" ? Ti(Bt, document.body) : Bt;
-}, $s = (s, t) => {
+  return a.isWebFullscreen && typeof document < "u" ? Ti(Bt, document.body) : Bt;
+}, Ls = (s, t) => {
   const i = Mi(s);
   return i.render(Me.createElement(Yt, t)), {
     unmount: () => {
@@ -3113,8 +3154,8 @@ const Ns = [
   };
 };
 export {
-  $i as StrataCore,
+  Li as StrataCore,
   Yt as StrataPlayer,
-  $s as mountStrataPlayer
+  Ls as mountStrataPlayer
 };
 //# sourceMappingURL=strataplayer.es.js.map