strataplayer 1.2.10 → 1.2.12

package/dist/strataplayer.es.js

@@ -1,61 +1,62 @@
-var Jt = Object.defineProperty;
-var Kt = (o, e, i) => e in o ? Jt(o, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[e] = i;
-var S = (o, e, i) => Kt(o, typeof e != "symbol" ? e + "" : e, i);
-import Te, { useState as C, useEffect as E, forwardRef as yt, createElement as Ie, useRef as I, useLayoutEffect as Yt, useMemo as Ce, useSyncExternalStore as Zt, useCallback as Ne } from "react";
-import { createRoot as ei } from "react-dom/client";
-import { jsxs as h, jsx as t, Fragment as L } from "react/jsx-runtime";
+var Xt = Object.defineProperty;
+var Jt = (s, t, i) => t in s ? Xt(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
+var C = (s, t, i) => Jt(s, typeof t != "symbol" ? t + "" : t, i);
+import ze, { useState as N, useEffect as P, useRef as I, useLayoutEffect as Kt, useMemo as Ce, useSyncExternalStore as Yt, useCallback as Ne } from "react";
+import { createRoot as Zt } from "react-dom/client";
+import { jsxs as l, jsx as e, Fragment as L } from "react/jsx-runtime";
+import { createPortal as ei } from "react-dom";
 class ti {
   constructor() {
-    S(this, "events");
+    C(this, "events");
     this.events = /* @__PURE__ */ new Map();
   }
-  on(e, i) {
-    var n;
-    return this.events.has(e) || this.events.set(e, []), (n = this.events.get(e)) == null || n.push(i), () => this.off(e, i);
+  on(t, i) {
+    var r;
+    return this.events.has(t) || this.events.set(t, []), (r = this.events.get(t)) == null || r.push(i), () => this.off(t, i);
   }
-  off(e, i) {
-    const n = this.events.get(e);
-    n && this.events.set(
-      e,
-      n.filter((r) => r !== i)
+  off(t, i) {
+    const r = this.events.get(t);
+    r && this.events.set(
+      t,
+      r.filter((o) => o !== i)
     );
   }
-  emit(e, i) {
-    const n = this.events.get(e);
-    n && n.forEach((r) => r(i));
+  emit(t, i) {
+    const r = this.events.get(t);
+    r && r.forEach((o) => o(i));
   }
   destroy() {
     this.events.clear();
   }
 }
 class ii {
-  constructor(e) {
-    S(this, "state");
-    S(this, "listeners");
-    this.state = e, this.listeners = /* @__PURE__ */ new Set();
+  constructor(t) {
+    C(this, "state");
+    C(this, "listeners");
+    this.state = t, this.listeners = /* @__PURE__ */ new Set();
   }
   get() {
     return this.state;
   }
-  setState(e) {
-    const i = this.state, n = typeof e == "function" ? e(i) : e;
-    this.state = { ...i, ...n }, this.listeners.forEach((r) => r(this.state, i));
+  setState(t) {
+    const i = this.state, r = typeof t == "function" ? t(i) : t;
+    this.state = { ...i, ...r }, this.listeners.forEach((o) => o(this.state, i));
   }
-  subscribe(e) {
-    return this.listeners.add(e), () => this.listeners.delete(e);
+  subscribe(t) {
+    return this.listeners.add(t), () => this.listeners.delete(t);
   }
   destroy() {
     this.listeners.clear();
   }
 }
 class si {
-  constructor(e) {
-    S(this, "context", null);
-    S(this, "source", null);
-    S(this, "gainNode", null);
-    S(this, "video");
-    S(this, "isInitialized", !1);
-    this.video = e;
+  constructor(t) {
+    C(this, "context", null);
+    C(this, "source", null);
+    C(this, "gainNode", null);
+    C(this, "video");
+    C(this, "isInitialized", !1);
+    this.video = t;
   }
   /**
    * Initialize the AudioContext. Must be called after user interaction.
@@ -70,14 +71,14 @@ class si {
       }
     }
   }
-  setGain(e) {
-    this.isInitialized || this.init(), this.gainNode && this.context && (this.gainNode.gain.value = e, this.context.state === "suspended" && this.context.resume());
+  setGain(t) {
+    this.isInitialized || this.init(), this.gainNode && this.context && (this.gainNode.gain.value = t, this.context.state === "suspended" && this.context.resume());
   }
   destroy() {
     this.context && this.context.close(), this.isInitialized = !1;
   }
 }
-const Le = {
+const Re = {
   useNative: !1,
   fixCapitalization: !1,
   backgroundOpacity: 50,
@@ -88,7 +89,7 @@ const Le = {
   isBold: !1,
   textColor: "#ffffff",
   verticalOffset: 40
-}, wt = "strata-settings", V = {
+}, yt = "strata-settings", B = {
   isPlaying: !1,
   isBuffering: !1,
   isLive: !1,
@@ -105,11 +106,12 @@ const Le = {
   currentAudioTrack: -1,
   error: null,
   isFullscreen: !1,
+  isWebFullscreen: !1,
   isPip: !1,
   subtitleTracks: [],
   currentSubtitle: -1,
   subtitleOffset: 0,
-  subtitleSettings: Le,
+  subtitleSettings: Re,
   activeCues: [],
   viewMode: "normal",
   notifications: [],
@@ -125,84 +127,84 @@ const Le = {
   isAutoSized: !1,
   isLooping: !1,
   controlsVisible: !0
-}, kt = (o = {}) => {
-  let e = {};
-  if (!o.disablePersistence && typeof window < "u")
+}, kt = (s = {}) => {
+  let t = {};
+  if (!s.disablePersistence && typeof window < "u")
     try {
-      const n = localStorage.getItem(wt);
-      n && (e = JSON.parse(n));
+      const r = localStorage.getItem(yt);
+      r && (t = JSON.parse(r));
     } catch {
     }
   const i = {
-    ...Le,
-    ...e.subtitleSettings || {},
-    ...o.subtitleSettings || {}
+    ...Re,
+    ...t.subtitleSettings || {},
+    ...s.subtitleSettings || {}
   };
   return {
-    ...V,
-    ...e,
+    ...B,
+    ...t,
     // Load saved first
     // Override with config if present (not undefined)
-    volume: o.volume ?? e.volume ?? V.volume,
-    isMuted: o.muted ?? e.isMuted ?? V.isMuted,
-    playbackRate: o.playbackRate ?? e.playbackRate ?? V.playbackRate,
-    audioGain: o.audioGain ?? e.audioGain ?? V.audioGain,
-    theme: o.theme ?? e.theme ?? V.theme,
-    themeColor: o.themeColor ?? e.themeColor ?? V.themeColor,
-    iconSize: o.iconSize ?? e.iconSize ?? V.iconSize,
+    volume: s.volume ?? t.volume ?? B.volume,
+    isMuted: s.muted ?? t.isMuted ?? B.isMuted,
+    playbackRate: s.playbackRate ?? t.playbackRate ?? B.playbackRate,
+    audioGain: s.audioGain ?? t.audioGain ?? B.audioGain,
+    theme: s.theme ?? t.theme ?? B.theme,
+    themeColor: s.themeColor ?? t.themeColor ?? B.themeColor,
+    iconSize: s.iconSize ?? t.iconSize ?? B.iconSize,
     subtitleSettings: i,
     // Config overrides state for these visual modes
-    isAutoSized: o.autoSize ?? V.isAutoSized,
-    isLive: o.isLive ?? e.isLive ?? V.isLive,
-    isLooping: o.loop ?? e.isLooping ?? V.isLooping
+    isAutoSized: s.autoSize ?? B.isAutoSized,
+    isLive: s.isLive ?? t.isLive ?? B.isLive,
+    isLooping: s.loop ?? t.isLooping ?? B.isLooping
   };
 };
 class ni {
-  constructor(e = {}, i) {
-    S(this, "video");
-    S(this, "container", null);
-    S(this, "events");
-    S(this, "store");
-    S(this, "plugins", /* @__PURE__ */ new Map());
-    S(this, "audioEngine");
-    S(this, "config");
-    S(this, "resizeObserver", null);
+  constructor(t = {}, i) {
+    C(this, "video");
+    C(this, "container", null);
+    C(this, "events");
+    C(this, "store");
+    C(this, "plugins", /* @__PURE__ */ new Map());
+    C(this, "audioEngine");
+    C(this, "config");
+    C(this, "resizeObserver", null);
     // Retry Logic
-    S(this, "retryCount", 0);
-    S(this, "maxRetries", 5);
-    S(this, "retryTimer", null);
-    S(this, "currentSource", null);
-    S(this, "currentSrc", "");
-    S(this, "currentTracks", []);
+    C(this, "retryCount", 0);
+    C(this, "maxRetries", 5);
+    C(this, "retryTimer", null);
+    C(this, "currentSource", null);
+    C(this, "currentSrc", "");
+    C(this, "currentTracks", []);
     // Cast
-    S(this, "castInitialized", !1);
-    S(this, "boundCueChange");
-    S(this, "boundFullscreenChange");
-    this.config = e, 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", e.playsInline !== !1 && (this.video.playsInline = !0), this.events = new ti();
-    const n = kt(e);
-    this.store = new ii(n), this.audioEngine = new si(this.video), this.boundCueChange = this.handleCueChange.bind(this), this.boundFullscreenChange = () => {
-      const r = !!document.fullscreenElement;
-      if (this.store.setState({ isFullscreen: r }), this.emit("resize"), this.emit(r ? "fullscreen" : "fullscreen_exit"), r && this.config.autoOrientation && screen.orientation && "lock" in screen.orientation) {
+    C(this, "castInitialized", !1);
+    C(this, "boundCueChange");
+    C(this, "boundFullscreenChange");
+    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", t.playsInline !== !1 && (this.video.playsInline = !0), this.events = new ti();
+    const r = kt(t);
+    this.store = new ii(r), this.audioEngine = new si(this.video), this.boundCueChange = this.handleCueChange.bind(this), this.boundFullscreenChange = () => {
+      const o = !!document.fullscreenElement;
+      if (this.store.setState({ isFullscreen: o }), this.emit("resize"), this.emit(o ? "fullscreen" : "fullscreen_exit"), o && this.config.autoOrientation && screen.orientation && "lock" in screen.orientation) {
         const m = this.video.videoWidth > this.video.videoHeight ? "landscape" : "portrait";
         try {
           screen.orientation.lock(m).catch(() => {
           });
         } catch {
         }
-      } else !r && screen.orientation && "unlock" in screen.orientation && screen.orientation.unlock();
-    }, this.video.volume = n.volume, this.video.muted = n.isMuted, this.video.playbackRate = n.playbackRate, this.video.loop = n.isLooping, n.audioGain > 1 && this.audioEngine.setGain(n.audioGain), n.isAutoSized && (this.video.style.objectFit = "cover"), this.initVideoListeners(), this.initMediaSession(), this.initCast(), e.disablePersistence || this.store.subscribe((r) => {
-      const c = {
-        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
+      } else !o && screen.orientation && "unlock" in screen.orientation && screen.orientation.unlock();
+    }, this.video.volume = r.volume, this.video.muted = r.isMuted, this.video.playbackRate = r.playbackRate, this.video.loop = r.isLooping, r.audioGain > 1 && this.audioEngine.setGain(r.audioGain), r.isAutoSized && (this.video.style.objectFit = "cover"), this.initVideoListeners(), this.initMediaSession(), this.initCast(), t.disablePersistence || this.store.subscribe((o) => {
+      const d = {
+        volume: o.volume,
+        isMuted: o.isMuted,
+        playbackRate: o.playbackRate,
+        subtitleSettings: o.subtitleSettings,
+        iconSize: o.iconSize,
+        themeColor: o.themeColor,
+        theme: o.theme,
+        isLive: o.isLive,
+        isLooping: o.isLooping
       };
-      localStorage.setItem(wt, JSON.stringify(c));
+      localStorage.setItem(yt, JSON.stringify(d));
     });
   }
   // --- Instance Properties ---
@@ -212,8 +214,8 @@ class ni {
   get currentTime() {
     return this.video.currentTime;
   }
-  set currentTime(e) {
-    this.seek(e);
+  set currentTime(t) {
+    this.seek(t);
   }
   get duration() {
     return this.video.duration || 0;
@@ -224,46 +226,46 @@ class ni {
   get volume() {
     return this.video.volume;
   }
-  set volume(e) {
-    this.setVolume(e);
+  set volume(t) {
+    this.setVolume(t);
   }
   get muted() {
     return this.video.muted;
   }
-  set muted(e) {
-    this.video.muted = e, this.store.setState({ isMuted: e });
+  set muted(t) {
+    this.video.muted = t, this.store.setState({ isMuted: t });
   }
   get playbackRate() {
     return this.video.playbackRate;
   }
-  set playbackRate(e) {
-    this.video.playbackRate = e;
+  set playbackRate(t) {
+    this.video.playbackRate = t;
   }
   get loop() {
     return this.video.loop;
   }
-  set loop(e) {
-    this.video.loop = e, this.store.setState({ isLooping: e });
+  set loop(t) {
+    this.video.loop = t, this.store.setState({ isLooping: t });
   }
   // --- Instance Methods ---
-  forward(e = 10) {
-    this.skip(e);
+  forward(t = 10) {
+    this.skip(t);
   }
-  backward(e = 10) {
-    this.skip(-e);
+  backward(t = 10) {
+    this.skip(-t);
   }
   // --- Event API ---
-  on(e, i) {
-    return this.events.on(e, i);
+  on(t, i) {
+    return this.events.on(t, i);
   }
-  off(e, i) {
-    return this.events.off(e, i);
+  off(t, i) {
+    return this.events.off(t, i);
   }
-  emit(e, i) {
-    return this.events.emit(e, i);
+  emit(t, i) {
+    return this.events.emit(t, i);
   }
   initVideoListeners() {
-    const e = (n) => this.store.setState(n);
+    const t = (r) => this.store.setState(r);
     [
       "abort",
       "canplay",
@@ -287,47 +289,47 @@ class ni {
       "timeupdate",
       "volumechange",
       "waiting"
-    ].forEach((n) => {
-      this.video.addEventListener(n, (r) => {
-        switch (this.emit(`video:${n}`, r), n === "play" && this.emit("play"), n === "pause" && this.emit("pause"), n === "ended" && this.emit("ended"), n === "error" && this.emit("error", this.video.error), n === "seeked" && this.emit("seek"), n) {
+    ].forEach((r) => {
+      this.video.addEventListener(r, (o) => {
+        switch (this.emit(`video:${r}`, o), 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":
-            e({ isPlaying: !0 }), "mediaSession" in navigator && (navigator.mediaSession.playbackState = "playing"), this.updateMediaSessionPosition();
+            t({ isPlaying: !0 }), "mediaSession" in navigator && (navigator.mediaSession.playbackState = "playing"), this.updateMediaSessionPosition();
             break;
           case "pause":
-            e({ isPlaying: !1 }), "mediaSession" in navigator && (navigator.mediaSession.playbackState = "paused");
+            t({ isPlaying: !1 }), "mediaSession" in navigator && (navigator.mediaSession.playbackState = "paused");
             break;
           case "ended":
-            e({ isPlaying: !1 }), "mediaSession" in navigator && (navigator.mediaSession.playbackState = "paused");
+            t({ isPlaying: !1 }), "mediaSession" in navigator && (navigator.mediaSession.playbackState = "paused");
             break;
           case "waiting":
-            e({ isBuffering: !0 }), this.emit("loading", !0);
+            t({ isBuffering: !0 }), this.emit("loading", !0);
             break;
           case "playing":
-            e({ isBuffering: !1 }), this.emit("loading", !1);
+            t({ isBuffering: !1 }), this.emit("loading", !1);
             break;
           case "canplay":
-            e({ isBuffering: !1 }), this.emit("loading", !1);
+            t({ isBuffering: !1 }), this.emit("loading", !1);
             break;
           case "loadeddata":
-            e({ isBuffering: !1 }), this.retryCount = 0, this.removeNotification("retry"), this.store.get().error && e({ error: null });
+            t({ isBuffering: !1 }), this.retryCount = 0, this.removeNotification("retry"), this.store.get().error && t({ error: null });
             break;
           case "loadedmetadata":
             this.updateMediaSessionMetadata(), this.updateMediaSessionPosition();
             break;
           case "timeupdate":
-            this.video.seeking || e({ currentTime: this.video.currentTime }), this.updateMediaSessionPosition();
+            this.video.seeking || t({ currentTime: this.video.currentTime }), this.updateMediaSessionPosition();
             break;
           case "seeked":
-            e({ currentTime: this.video.currentTime }), this.updateMediaSessionPosition();
+            t({ currentTime: this.video.currentTime }), this.updateMediaSessionPosition();
             break;
           case "durationchange":
-            e({ duration: this.video.duration }), this.updateMediaSessionPosition();
+            t({ duration: this.video.duration }), this.updateMediaSessionPosition();
             break;
           case "volumechange":
-            e({ volume: this.video.volume, isMuted: this.video.muted });
+            t({ volume: this.video.volume, isMuted: this.video.muted });
             break;
           case "ratechange":
-            e({ playbackRate: this.video.playbackRate }), this.updateMediaSessionPosition();
+            t({ playbackRate: this.video.playbackRate }), this.updateMediaSessionPosition();
             break;
           case "error":
             this.handleError();
@@ -336,156 +338,156 @@ class ni {
             this.updateBuffer();
             break;
           case "enterpictureinpicture":
-            e({ isPip: !0 });
+            t({ isPip: !0 });
             break;
           case "leavepictureinpicture":
-            e({ isPip: !1 });
+            t({ isPip: !1 });
             break;
         }
       });
     }), this.video.addEventListener("enterpictureinpicture", () => {
-      e({ isPip: !0 }), this.emit("pip", !0);
+      t({ isPip: !0 }), this.emit("pip", !0);
     }), this.video.addEventListener("leavepictureinpicture", () => {
-      e({ isPip: !1 }), this.emit("pip", !1);
+      t({ isPip: !1 }), this.emit("pip", !1);
     }), document.addEventListener("fullscreenchange", this.boundFullscreenChange), this.video.textTracks.addEventListener("addtrack", this.updateSubtitles.bind(this)), this.video.textTracks.addEventListener("removetrack", this.updateSubtitles.bind(this));
   }
   // --- Media Session API ---
   initMediaSession() {
     if (!("mediaSession" in navigator)) return;
-    const e = navigator.mediaSession;
-    e.setActionHandler("play", () => this.play()), e.setActionHandler("pause", () => this.pause()), e.setActionHandler("seekbackward", (i) => this.skip(i.seekOffset ? -i.seekOffset : -10)), e.setActionHandler("seekforward", (i) => this.skip(i.seekOffset || 10)), e.setActionHandler("seekto", (i) => {
+    const t = navigator.mediaSession;
+    t.setActionHandler("play", () => this.play()), t.setActionHandler("pause", () => this.pause()), t.setActionHandler("seekbackward", (i) => this.skip(i.seekOffset ? -i.seekOffset : -10)), t.setActionHandler("seekforward", (i) => this.skip(i.seekOffset || 10)), t.setActionHandler("seekto", (i) => {
       i.seekTime !== void 0 && this.seek(i.seekTime);
-    }), e.setActionHandler("stop", () => {
+    }), t.setActionHandler("stop", () => {
       this.pause(), this.seek(0);
-    }), e.setActionHandler("previoustrack", () => {
+    }), t.setActionHandler("previoustrack", () => {
       const i = this.store.get().currentSourceIndex;
       i > 0 && this.switchSource(i - 1);
-    }), e.setActionHandler("nexttrack", () => {
-      const i = this.store.get().currentSourceIndex, n = this.store.get().sources.length;
-      i < n - 1 && this.switchSource(i + 1);
+    }), t.setActionHandler("nexttrack", () => {
+      const i = this.store.get().currentSourceIndex, r = this.store.get().sources.length;
+      i < r - 1 && this.switchSource(i + 1);
     });
   }
   updateMediaSessionMetadata() {
-    var n, r;
+    var r, o;
     if (!("mediaSession" in navigator)) return;
-    const e = ((n = this.currentSource) == null ? void 0 : n.name) || ((r = this.currentSource) == null ? void 0 : r.url.split("/").pop()) || "Video", i = [];
+    const t = ((r = this.currentSource) == null ? void 0 : r.name) || ((o = this.currentSource) == null ? void 0 : o.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: e,
+      title: t,
       artist: "StrataPlayer",
       artwork: i
     });
   }
   updateMediaSessionPosition() {
     if (!("mediaSession" in navigator)) return;
-    const e = this.video.duration, i = this.video.currentTime, n = this.video.playbackRate;
-    if (!isNaN(e) && isFinite(e) && !isNaN(i))
+    const t = this.video.duration, i = this.video.currentTime, r = this.video.playbackRate;
+    if (!isNaN(t) && isFinite(t) && !isNaN(i))
       try {
         navigator.mediaSession.setPositionState({
-          duration: Math.max(0, e),
-          playbackRate: n,
-          position: Math.max(0, Math.min(i, e))
+          duration: Math.max(0, t),
+          playbackRate: r,
+          position: Math.max(0, Math.min(i, t))
           // Ensure within [0, duration]
         });
-      } catch (r) {
-        console.warn("MediaSession Position Error:", r);
+      } catch (o) {
+        console.warn("MediaSession Position Error:", o);
       }
   }
-  triggerError(e, i = !1) {
-    i ? this.handleError(e) : this.notify({ type: "warning", message: `Warning: ${e}`, duration: 5e3 });
+  triggerError(t, i = !1) {
+    i ? this.handleError(t) : this.notify({ type: "warning", message: `Warning: ${t}`, duration: 5e3 });
   }
-  handleError(e) {
-    const i = this.video.error, n = e || (i == null ? void 0 : i.message) || (i ? `Code ${i.code}` : "Unknown Error");
+  handleError(t) {
+    const i = this.video.error, r = 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 r = Math.pow(2, this.retryCount - 1) * 1500;
+      const o = Math.pow(2, this.retryCount - 1) * 1500;
       this.notify({
         id: "retry",
         type: "loading",
-        message: `Error: ${n}. Retrying (${this.retryCount}/${this.maxRetries})...`
-      }), console.warn(`[StrataPlayer] Error: ${n}. Retrying in ${r}ms...`), this.retryTimer && clearTimeout(this.retryTimer), this.retryTimer = setTimeout(() => {
+        message: `Error: ${r}. Retrying (${this.retryCount}/${this.maxRetries})...`
+      }), console.warn(`[StrataPlayer] Error: ${r}. Retrying in ${o}ms...`), this.retryTimer && clearTimeout(this.retryTimer), this.retryTimer = setTimeout(() => {
         if (this.currentSource) {
           this.load(this.currentSource, this.currentTracks, !0);
-          const c = this.store.get().currentTime;
-          if (c > 0) {
+          const d = this.store.get().currentTime;
+          if (d > 0) {
             const m = () => {
-              this.video.currentTime = c, this.video.removeEventListener("canplay", m);
+              this.video.currentTime = d, this.video.removeEventListener("canplay", m);
             };
             this.video.addEventListener("canplay", m);
           }
         }
-      }, r);
+      }, o);
     } else {
       this.removeNotification("retry");
-      const r = `Failed to play after ${this.maxRetries} attempts: ${n}`;
-      this.store.setState({ error: r }), this.emit("error", r);
+      const o = `Failed to play after ${this.maxRetries} attempts: ${r}`;
+      this.store.setState({ error: o }), this.emit("error", o);
     }
   }
   updateBuffer() {
-    const e = [];
+    const t = [];
     for (let i = 0; i < this.video.buffered.length; i++)
-      e.push({
+      t.push({
         start: this.video.buffered.start(i),
         end: this.video.buffered.end(i)
       });
-    this.store.setState({ buffered: e });
+    this.store.setState({ buffered: t });
   }
   updateSubtitles() {
     setTimeout(() => {
-      const e = Array.from(this.video.textTracks).filter((n) => n.kind === "subtitles" || n.kind === "captions").map((n, r) => ({
-        label: n.label || n.language || `Track ${r + 1}`,
-        language: n.language,
-        index: r
+      const t = Array.from(this.video.textTracks).filter((r) => r.kind === "subtitles" || r.kind === "captions").map((r, o) => ({
+        label: r.label || r.language || `Track ${o + 1}`,
+        language: r.language,
+        index: o
       }));
-      this.store.setState({ subtitleTracks: e });
+      this.store.setState({ subtitleTracks: t });
       const i = this.store.get();
-      i.currentSubtitle !== -1 && e.length > 0 && i.currentSubtitle < e.length && this.setSubtitle(i.currentSubtitle);
+      i.currentSubtitle !== -1 && t.length > 0 && i.currentSubtitle < t.length && this.setSubtitle(i.currentSubtitle);
     }, 50);
   }
   // --- Utility ---
-  async fetchWithRetry(e, i = 3, n) {
-    const r = n ?? this.config.fetchTimeout ?? 3e4;
-    for (let c = 0; c < i; c++) {
-      const m = new AbortController(), v = setTimeout(() => m.abort(), r);
+  async fetchWithRetry(t, i = 3, r) {
+    const o = r ?? this.config.fetchTimeout ?? 3e4;
+    for (let d = 0; d < i; d++) {
+      const m = new AbortController(), v = setTimeout(() => m.abort(), o);
       try {
-        const x = await fetch(e, { signal: m.signal });
-        if (clearTimeout(v), !x.ok) throw new Error(`HTTP ${x.status}`);
-        return x;
-      } catch (x) {
-        if (clearTimeout(v), c === i - 1) throw x;
-        x.name === "AbortError" && console.warn(`Fetch timeout (${r}ms) for ${e}`), await new Promise((b) => setTimeout(b, 1e3 * Math.pow(2, c)));
+        const w = await fetch(t, { signal: m.signal });
+        if (clearTimeout(v), !w.ok) throw new Error(`HTTP ${w.status}`);
+        return w;
+      } catch (w) {
+        if (clearTimeout(v), d === i - 1) throw w;
+        w.name === "AbortError" && console.warn(`Fetch timeout (${o}ms) for ${t}`), await new Promise((b) => setTimeout(b, 1e3 * Math.pow(2, d)));
       }
     }
     throw new Error("Fetch failed");
   }
   // --- Core Methods ---
-  attach(e) {
-    this.container = e, this.container.contains(this.video) || (this.video.style.width = "100%", this.video.style.height = "100%", this.video.style.objectFit = this.store.get().isAutoSized ? "cover" : "contain", this.video.style.backgroundColor = "black", this.container.appendChild(this.video)), this.resizeObserver = new ResizeObserver((i) => {
-      for (const n of i)
-        this.emit("resize", { width: n.contentRect.width, height: n.contentRect.height });
+  attach(t) {
+    this.container = t, this.container.contains(this.video) || (this.video.style.width = "100%", this.video.style.height = "100%", this.video.style.objectFit = this.store.get().isAutoSized ? "cover" : "contain", this.video.style.backgroundColor = "black", this.container.appendChild(this.video)), this.resizeObserver = new ResizeObserver((i) => {
+      for (const r of i)
+        this.emit("resize", { width: r.contentRect.width, height: r.contentRect.height });
     }), this.resizeObserver.observe(this.container), this.emit("ready");
   }
-  use(e) {
-    this.plugins.has(e.name) || (e.init(this), this.plugins.set(e.name, e));
+  use(t) {
+    this.plugins.has(t.name) || (t.init(this), this.plugins.set(t.name, t));
   }
-  setSources(e, i = []) {
-    this.store.setState({ sources: e }), this.currentTracks = i, e.length > 0 && this.load(e[0], i);
+  setSources(t, i = []) {
+    this.store.setState({ sources: t }), this.currentTracks = i, t.length > 0 && this.load(t[0], i);
   }
-  switchSource(e) {
+  switchSource(t) {
     const i = this.store.get().sources;
-    if (e >= 0 && e < i.length) {
-      const n = this.video.currentTime, r = !this.video.paused;
-      this.load(i[e], this.currentTracks);
-      const c = () => {
-        this.video.currentTime = n, r && this.video.play(), this.video.removeEventListener("canplay", c);
+    if (t >= 0 && t < i.length) {
+      const r = this.video.currentTime, o = !this.video.paused;
+      this.load(i[t], this.currentTracks);
+      const d = () => {
+        this.video.currentTime = r, o && this.video.play(), this.video.removeEventListener("canplay", d);
       };
-      this.video.addEventListener("canplay", c);
+      this.video.addEventListener("canplay", d);
     }
   }
-  load(e, i = [], n = !1) {
+  load(t, i = [], r = !1) {
     this.retryTimer && clearTimeout(this.retryTimer);
-    const r = typeof e == "string" ? { url: e, type: "auto" } : e;
-    n || (this.retryCount = 0, this.store.setState({ error: null }), this.removeNotification("retry")), this.currentSrc = r.url, this.currentSource = r, this.currentTracks = i;
-    const m = this.store.get().sources.findIndex((b) => b.url === r.url);
+    const o = typeof t == "string" ? { url: t, type: "auto" } : t;
+    r || (this.retryCount = 0, this.store.setState({ error: null }), this.removeNotification("retry")), this.currentSrc = o.url, this.currentSource = o, this.currentTracks = i;
+    const m = this.store.get().sources.findIndex((b) => b.url === o.url);
     this.store.setState({
       isBuffering: !0,
       qualityLevels: [],
@@ -497,44 +499,44 @@ class ni {
       // subtitleTracks and currentSubtitle are purposely preserved
       currentSourceIndex: m
     }), this.updateMediaSessionMetadata();
-    let v = r.type || "auto";
-    v === "auto" && (r.url.includes(".m3u8") ? v = "hls" : r.url.includes(".mpd") ? v = "dash" : r.url.includes(".flv") || r.url.includes(".ts") ? v = "mpegts" : r.url.startsWith("magnet:") || r.url.includes(".torrent") ? v = "webtorrent" : v = "mp4"), this.events.emit("load", { url: r.url, type: v });
-    const x = this.video.getElementsByTagName("track");
-    for (; x.length > 0; )
-      x[0].remove();
+    let v = o.type || "auto";
+    v === "auto" && (o.url.includes(".m3u8") ? v = "hls" : o.url.includes(".mpd") ? v = "dash" : o.url.includes(".flv") || o.url.includes(".ts") ? v = "mpegts" : o.url.startsWith("magnet:") || o.url.includes(".torrent") ? v = "webtorrent" : v = "mp4"), this.events.emit("load", { url: o.url, type: v });
+    const w = this.video.getElementsByTagName("track");
+    for (; w.length > 0; )
+      w[0].remove();
     i.length > 0 && i.forEach((b) => {
       this.fetchWithRetry(b.src).then(() => {
         this.addTextTrackInternal(b.src, b.label, b.srcLang, b.default);
-      }).catch((d) => {
+      }).catch((h) => {
         this.notify({ type: "warning", message: `Failed to load subtitle: ${b.label}`, duration: 4e3 });
       });
-    }), (v === "mp4" || v === "webm" || v === "ogg") && (this.video.src = r.url);
+    }), (v === "mp4" || v === "webm" || v === "ogg") && (this.video.src = o.url);
   }
   // Wrapper for external subtitle API
-  loadSubtitle(e, i = "Subtitle") {
-    this.addTextTrackInternal(e, i, void 0, !0);
-  }
-  addTextTrack(e, i) {
-    const n = new FileReader();
-    n.onload = (r) => {
-      var x;
-      if (!((x = r.target) != null && x.result)) return;
-      let c = r.target.result;
-      (e.name.toLowerCase().endsWith(".srt") || !c.trim().startsWith("WEBVTT")) && (c = c.replace(/(\d{2}:\d{2}:\d{2}),(\d{3})/g, "$1.$2"), c.trim().startsWith("WEBVTT") || (c = `WEBVTT
+  loadSubtitle(t, i = "Subtitle") {
+    this.addTextTrackInternal(t, i, void 0, !0);
+  }
+  addTextTrack(t, i) {
+    const r = new FileReader();
+    r.onload = (o) => {
+      var w;
+      if (!((w = o.target) != null && w.result)) return;
+      let d = o.target.result;
+      (t.name.toLowerCase().endsWith(".srt") || !d.trim().startsWith("WEBVTT")) && (d = d.replace(/(\d{2}:\d{2}:\d{2}),(\d{3})/g, "$1.$2"), d.trim().startsWith("WEBVTT") || (d = `WEBVTT
 
-` + c));
-      const m = new Blob([c], { type: "text/vtt" }), v = URL.createObjectURL(m);
+` + d));
+      const m = new Blob([d], { type: "text/vtt" }), v = URL.createObjectURL(m);
       this.addTextTrackInternal(v, i, "user", !0), setTimeout(() => {
-        const d = this.store.get().subtitleTracks.findIndex((w) => w.label === i);
-        d !== -1 && (this.setSubtitle(d), this.notify({ type: "success", message: "Subtitle uploaded", duration: 3e3 }));
+        const h = this.store.get().subtitleTracks.findIndex((y) => y.label === i);
+        h !== -1 && (this.setSubtitle(h), this.notify({ type: "success", message: "Subtitle uploaded", duration: 3e3 }));
       }, 200);
-    }, n.onerror = () => {
+    }, r.onerror = () => {
       this.notify({ type: "error", message: "Failed to read file", duration: 3e3 });
-    }, n.readAsText(e);
+    }, r.readAsText(t);
   }
-  addTextTrackInternal(e, i, n = "", r = !1) {
-    const c = document.createElement("track");
-    c.kind = "subtitles", c.label = i, c.src = e, c.srclang = n, r && (c.default = !0), this.video.appendChild(c), this.updateSubtitles();
+  addTextTrackInternal(t, i, r = "", o = !1) {
+    const d = document.createElement("track");
+    d.kind = "subtitles", d.label = i, d.src = t, d.srclang = r, o && (d.default = !0), this.video.appendChild(d), this.updateSubtitles();
   }
   play() {
     return this.video.play();
@@ -545,101 +547,108 @@ class ni {
   togglePlay() {
     this.video.paused ? this.play() : this.pause();
   }
-  seek(e) {
-    if (isNaN(e)) return;
-    const i = Math.max(0, Math.min(e, this.video.duration));
+  seek(t) {
+    if (isNaN(t)) return;
+    const i = Math.max(0, Math.min(t, this.video.duration));
     this.store.setState({ currentTime: i }), this.video.currentTime = i;
   }
-  skip(e) {
-    this.seek(this.video.currentTime + e);
+  skip(t) {
+    this.seek(this.video.currentTime + t);
   }
-  setVolume(e) {
-    const i = Math.max(0, Math.min(e, 1));
+  setVolume(t) {
+    const i = Math.max(0, Math.min(t, 1));
     this.video.volume = i, i > 0 && this.video.muted && (this.video.muted = !1), i === 0 && (this.video.muted = !0);
   }
   toggleMute() {
     this.video.muted = !this.video.muted;
   }
-  setAudioGain(e) {
-    this.store.setState({ audioGain: e }), this.audioEngine.setGain(e);
+  setAudioGain(t) {
+    this.store.setState({ audioGain: t }), this.audioEngine.setGain(t);
   }
-  setQuality(e) {
-    this.store.setState({ currentQuality: e }), this.events.emit("quality-request", e);
+  setQuality(t) {
+    this.store.setState({ currentQuality: t }), this.events.emit("quality-request", t);
   }
-  setAudioTrack(e) {
-    this.store.setState({ currentAudioTrack: e }), this.events.emit("audio-track-request", e);
+  setAudioTrack(t) {
+    this.store.setState({ currentAudioTrack: t }), this.events.emit("audio-track-request", t);
   }
-  setControlsVisible(e) {
-    this.store.get().controlsVisible !== e && (this.store.setState({ controlsVisible: e }), this.emit("control", e));
+  setControlsVisible(t) {
+    this.store.get().controlsVisible !== t && (this.store.setState({ controlsVisible: t }), this.emit("control", t));
   }
   async toggleFullscreen() {
     if (this.container)
       try {
         document.fullscreenElement ? await document.exitFullscreen() : await this.container.requestFullscreen();
-      } catch (e) {
-        console.error("Fullscreen toggle failed", e);
+      } catch (t) {
+        console.error("Fullscreen toggle failed", t);
       }
   }
+  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);
+  }
   togglePip() {
     document.pictureInPictureElement ? document.exitPictureInPicture() : this.video !== document.pictureInPictureElement && this.video.requestPictureInPicture && this.video.requestPictureInPicture();
   }
   screenshot() {
-    const e = document.createElement("canvas");
-    e.width = this.video.videoWidth, e.height = this.video.videoHeight;
-    const i = e.getContext("2d");
+    const t = document.createElement("canvas");
+    t.width = this.video.videoWidth, t.height = this.video.videoHeight;
+    const i = t.getContext("2d");
     if (i) {
-      i.drawImage(this.video, 0, 0, e.width, e.height);
+      i.drawImage(this.video, 0, 0, t.width, t.height);
       try {
-        const n = e.toDataURL("image/png"), r = document.createElement("a");
-        r.download = `screenshot-${(/* @__PURE__ */ new Date()).toISOString()}.png`, r.href = n, r.click(), this.notify({ type: "success", message: "Screenshot saved", duration: 2e3 });
+        const r = t.toDataURL("image/png"), o = document.createElement("a");
+        o.download = `screenshot-${(/* @__PURE__ */ new Date()).toISOString()}.png`, o.href = r, o.click(), this.notify({ type: "success", message: "Screenshot saved", duration: 2e3 });
       } catch {
         this.notify({ type: "error", message: "Failed to take screenshot", duration: 3e3 });
       }
     }
   }
   toggleLock() {
-    this.store.setState((e) => ({ isLocked: !e.isLocked }));
+    this.store.setState((t) => ({ isLocked: !t.isLocked }));
   }
   toggleLoop() {
     this.video.loop = !this.video.loop, this.store.setState({ isLooping: this.video.loop }), this.notify({ type: "info", message: `Loop: ${this.video.loop ? "On" : "Off"}`, duration: 1500 });
   }
-  setFlip(e) {
-    const i = this.store.get().flipState, n = {
+  setFlip(t) {
+    const i = this.store.get().flipState, r = {
       ...i,
-      [e]: !i[e]
+      [t]: !i[t]
     };
-    this.store.setState({ flipState: n });
-    const r = n.horizontal ? -1 : 1, c = n.vertical ? -1 : 1;
-    this.video.style.transform = `scale(${r}, ${c})`;
+    this.store.setState({ flipState: r });
+    const o = r.horizontal ? -1 : 1, d = r.vertical ? -1 : 1;
+    this.video.style.transform = `scale(${o}, ${d})`;
   }
-  setAspectRatio(e) {
-    if (this.store.setState({ aspectRatio: e }), e === "default") {
+  setAspectRatio(t) {
+    if (this.store.setState({ aspectRatio: t }), t === "default") {
       this.video.style.objectFit = this.store.get().isAutoSized ? "cover" : "contain", this.video.style.width = "100%", this.video.style.height = "100%";
       return;
     }
-    this.video.style.objectFit = "contain", this.notify({ type: "info", message: `Aspect Ratio: ${e} (CSS support limited)`, duration: 2e3 });
+    this.video.style.objectFit = "contain", this.notify({ type: "info", message: `Aspect Ratio: ${t} (CSS support limited)`, duration: 2e3 });
   }
   initCast() {
-    const e = window, i = () => {
+    const t = window, i = () => {
       if (!this.castInitialized)
         try {
-          e.cast && e.cast.framework && e.chrome && e.chrome.cast && (e.cast.framework.CastContext.getInstance().setOptions({
-            receiverApplicationId: e.chrome.cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID,
-            autoJoinPolicy: e.chrome.cast.AutoJoinPolicy.ORIGIN_SCOPED
+          t.cast && t.cast.framework && t.chrome && t.chrome.cast && (t.cast.framework.CastContext.getInstance().setOptions({
+            receiverApplicationId: t.chrome.cast.media.DEFAULT_MEDIA_RECEIVER_APP_ID,
+            autoJoinPolicy: t.chrome.cast.AutoJoinPolicy.ORIGIN_SCOPED
           }), this.castInitialized = !0);
-        } catch (n) {
-          console.warn("Cast Init Error or already initialized", n);
+        } catch (r) {
+          console.warn("Cast Init Error or already initialized", r);
         }
     };
-    e.cast && e.cast.framework ? i() : e.__onGCastApiAvailable = (n) => {
-      n && i();
+    t.cast && t.cast.framework ? i() : t.__onGCastApiAvailable = (r) => {
+      r && i();
     };
   }
   requestCast() {
-    const e = window;
-    if (e.cast && e.cast.framework)
+    const t = window;
+    if (t.cast && t.cast.framework)
       try {
-        this.castInitialized || this.initCast(), e.cast.framework.CastContext.getInstance().requestSession().then(() => {
+        this.castInitialized || this.initCast(), t.cast.framework.CastContext.getInstance().requestSession().then(() => {
           this.loadMediaToCast();
         }).catch((i) => {
           i !== "cancel" && this.notify({ type: "error", message: "Cast failed: " + i, duration: 3e3 });
@@ -651,733 +660,339 @@ class ni {
       this.notify({ type: "warning", message: "Cast API not loaded", duration: 3e3 });
   }
   loadMediaToCast() {
-    const e = window;
+    const t = window;
     try {
-      const i = e.cast.framework.CastContext.getInstance().getCurrentSession();
+      const i = t.cast.framework.CastContext.getInstance().getCurrentSession();
       if (!i) return;
-      const n = new e.chrome.cast.media.MediaInfo(this.currentSrc, this.currentSrc.includes(".m3u8") ? "application/x-mpegurl" : "video/mp4"), r = new e.chrome.cast.media.LoadRequest(n);
-      i.loadMedia(r).then(() => {
+      const r = new t.chrome.cast.media.MediaInfo(this.currentSrc, this.currentSrc.includes(".m3u8") ? "application/x-mpegurl" : "video/mp4"), o = new t.chrome.cast.media.LoadRequest(r);
+      i.loadMedia(o).then(() => {
         this.notify({ type: "success", message: "Casting...", duration: 3e3 });
-      }).catch((c) => console.error("Cast load error", c));
+      }).catch((d) => console.error("Cast load error", d));
     } catch (i) {
       console.error("Failed to load media into Cast session", i);
     }
   }
   handleCueChange() {
-    const e = this.store.get();
-    if (e.currentSubtitle === -1) {
+    const t = this.store.get();
+    if (t.currentSubtitle === -1) {
       this.store.setState({ activeCues: [] });
       return;
     }
-    const n = Array.from(this.video.textTracks).filter((r) => r.kind === "subtitles" || r.kind === "captions")[e.currentSubtitle];
-    if (n && n.activeCues) {
-      const r = Array.from(n.activeCues).map((c) => c.text);
-      this.store.setState({ activeCues: r });
+    const r = Array.from(this.video.textTracks).filter((o) => o.kind === "subtitles" || o.kind === "captions")[t.currentSubtitle];
+    if (r && r.activeCues) {
+      const o = Array.from(r.activeCues).map((d) => d.text);
+      this.store.setState({ activeCues: o });
     } else
       this.store.setState({ activeCues: [] });
   }
-  setSubtitle(e) {
+  setSubtitle(t) {
     if (Array.from(this.video.textTracks).forEach((i) => {
       i.removeEventListener("cuechange", this.boundCueChange), i.mode = "hidden";
-    }), this.store.setState({ currentSubtitle: e, subtitleOffset: 0, activeCues: [] }), e !== -1) {
-      const n = Array.from(this.video.textTracks).filter((r) => r.kind === "subtitles" || r.kind === "captions")[e];
-      if (n) {
-        const r = this.store.get().subtitleSettings;
-        n.mode = r.useNative ? "showing" : "hidden", n.addEventListener("cuechange", this.boundCueChange), this.handleCueChange();
+    }), this.store.setState({ currentSubtitle: t, subtitleOffset: 0, activeCues: [] }), t !== -1) {
+      const r = Array.from(this.video.textTracks).filter((o) => o.kind === "subtitles" || o.kind === "captions")[t];
+      if (r) {
+        const o = this.store.get().subtitleSettings;
+        r.mode = o.useNative ? "showing" : "hidden", r.addEventListener("cuechange", this.boundCueChange), this.handleCueChange();
       }
     }
   }
-  updateSubtitleSettings(e) {
-    const n = { ...this.store.get().subtitleSettings, ...e };
-    this.store.setState({ subtitleSettings: n }), e.useNative !== void 0 && this.setSubtitle(this.store.get().currentSubtitle);
+  updateSubtitleSettings(t) {
+    const r = { ...this.store.get().subtitleSettings, ...t };
+    this.store.setState({ subtitleSettings: r }), t.useNative !== void 0 && this.setSubtitle(this.store.get().currentSubtitle);
   }
   resetSubtitleSettings() {
-    this.store.setState({ subtitleSettings: Le }), this.setSubtitle(this.store.get().currentSubtitle);
+    this.store.setState({ subtitleSettings: Re }), this.setSubtitle(this.store.get().currentSubtitle);
   }
-  setSubtitleOffset(e) {
-    const i = this.store.get().subtitleOffset, n = e - i;
-    Math.abs(n) < 1e-3 || (Array.from(this.video.textTracks).forEach((r) => {
-      (r.mode === "showing" || r.mode === "hidden") && r.cues && Array.from(r.cues).forEach((c) => {
-        c.startTime += n, c.endTime += n;
+  setSubtitleOffset(t) {
+    const i = this.store.get().subtitleOffset, r = t - i;
+    Math.abs(r) < 1e-3 || (Array.from(this.video.textTracks).forEach((o) => {
+      (o.mode === "showing" || o.mode === "hidden") && o.cues && Array.from(o.cues).forEach((d) => {
+        d.startTime += r, d.endTime += r;
       });
-    }), this.store.setState({ subtitleOffset: e }), this.notify({ type: "info", message: `Subtitle Offset: ${e > 0 ? "+" : ""}${e.toFixed(1)}s`, duration: 1500 }));
+    }), this.store.setState({ subtitleOffset: t }), this.notify({ type: "info", message: `Subtitle Offset: ${t > 0 ? "+" : ""}${t.toFixed(1)}s`, duration: 1500 }));
   }
   async download() {
-    var n;
+    var r;
     if (!this.video.src) return;
-    const e = this.video.src;
-    if (e.includes("blob:") || e.includes(".m3u8")) {
+    const t = this.video.src;
+    if (t.includes("blob:") || t.includes(".m3u8")) {
       this.notify({ type: "warning", message: "Stream download not supported in browser.", duration: 4e3 });
       return;
     }
     const i = this.notify({ type: "loading", message: "Preparing download...", progress: 0 });
     try {
-      const r = await this.fetchWithRetry(e);
-      if (!r.body) throw new Error("No body");
-      const c = r.body.getReader(), m = r.headers.get("Content-Length"), v = m ? parseInt(m, 10) : 0;
-      let x = 0;
+      const o = await this.fetchWithRetry(t);
+      if (!o.body) throw new Error("No body");
+      const d = o.body.getReader(), m = o.headers.get("Content-Length"), v = m ? parseInt(m, 10) : 0;
+      let w = 0;
       const b = [];
       for (; ; ) {
-        const { done: T, value: R } = await c.read();
-        if (T) break;
-        if (b.push(R), x += R.length, v) {
-          const p = Math.round(x / v * 100);
+        const { done: z, value: R } = await d.read();
+        if (z) break;
+        if (b.push(R), w += R.length, v) {
+          const p = Math.round(w / v * 100);
           this.notify({ id: i, type: "loading", message: `Downloading... ${p}%`, progress: p });
         }
       }
-      const d = new Blob(b), w = window.URL.createObjectURL(d), k = document.createElement("a");
-      k.style.display = "none", k.href = w, k.download = ((n = e.split("/").pop()) == null ? void 0 : n.split("?")[0]) || "video.mp4", document.body.appendChild(k), k.click(), window.URL.revokeObjectURL(w), document.body.removeChild(k), this.notify({ id: i, type: "success", message: "Saved!", duration: 3e3 });
+      const h = new Blob(b), y = window.URL.createObjectURL(h), k = document.createElement("a");
+      k.style.display = "none", k.href = y, k.download = ((r = t.split("/").pop()) == null ? void 0 : r.split("?")[0]) || "video.mp4", document.body.appendChild(k), k.click(), window.URL.revokeObjectURL(y), document.body.removeChild(k), this.notify({ id: i, type: "success", message: "Saved!", duration: 3e3 });
     } catch {
-      this.notify({ id: i, type: "error", message: "Download failed.", duration: 4e3 }), window.open(e, "_blank");
+      this.notify({ id: i, type: "error", message: "Download failed.", duration: 4e3 }), window.open(t, "_blank");
     }
   }
-  notify(e) {
-    const i = e.id || Math.random().toString(36).substr(2, 9), n = { ...e, id: i };
-    return this.store.setState({ notifications: [n] }), e.duration && setTimeout(() => this.removeNotification(i), e.duration), i;
+  notify(t) {
+    const i = t.id || Math.random().toString(36).substr(2, 9), r = { ...t, id: i };
+    return this.store.setState({ notifications: [r] }), t.duration && setTimeout(() => this.removeNotification(i), t.duration), i;
   }
-  removeNotification(e) {
+  removeNotification(t) {
     const i = this.store.get().notifications;
-    this.store.setState({ notifications: i.filter((n) => n.id !== e) });
+    this.store.setState({ notifications: i.filter((r) => r.id !== t) });
   }
-  setAppearance(e) {
+  setAppearance(t) {
     this.store.setState((i) => ({
       ...i,
-      ...e
+      ...t
     }));
   }
   destroy() {
-    this.retryTimer && clearTimeout(this.retryTimer), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), document.removeEventListener("fullscreenchange", this.boundFullscreenChange), this.video.pause(), this.video.src = "";
-    const e = this.video.getElementsByTagName("track");
-    for (; e.length > 0; ) e[0].remove();
+    this.retryTimer && clearTimeout(this.retryTimer), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), 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();
   }
 }
-const ze = (o) => {
-  if (isNaN(o)) return "00:00";
-  const e = Math.floor(o / 3600), i = Math.floor(o % 3600 / 60), n = Math.floor(o % 60);
-  return e > 0 ? `${e}:${i.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}` : `${i}:${n.toString().padStart(2, "0")}`;
-}, ri = async (o, e = 3, i = 2e4) => {
-  for (let n = 0; n < e; n++) {
-    const r = new AbortController(), c = setTimeout(() => r.abort(), i);
+const Te = (s) => {
+  if (isNaN(s)) return "00:00";
+  const t = Math.floor(s / 3600), i = Math.floor(s % 3600 / 60), r = Math.floor(s % 60);
+  return t > 0 ? `${t}:${i.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}` : `${i}:${r.toString().padStart(2, "0")}`;
+}, ri = async (s, t = 3, i = 2e4) => {
+  for (let r = 0; r < t; r++) {
+    const o = new AbortController(), d = setTimeout(() => o.abort(), i);
     try {
-      const m = await fetch(o, { signal: r.signal });
-      if (clearTimeout(c), !m.ok) throw new Error(`HTTP ${m.status}`);
+      const m = await fetch(s, { signal: o.signal });
+      if (clearTimeout(d), !m.ok) throw new Error(`HTTP ${m.status}`);
       return await m.text();
     } catch (m) {
-      if (clearTimeout(c), n === e - 1) throw m;
+      if (clearTimeout(d), r === t - 1) throw m;
       await new Promise((v) => setTimeout(v, 1e3));
     }
   }
   throw new Error("Failed");
-}, ai = async (o, e, i = 2e4) => {
+}, oi = async (s, t, i = 2e4) => {
   try {
-    const r = (await ri(o, 3, i)).split(`
-`), c = [];
+    const o = (await ri(s, 3, i)).split(`
+`), d = [];
     let m = null, v = null;
-    const x = o.substring(0, o.lastIndexOf("/") + 1), b = (d) => {
-      const w = d.split(":");
+    const w = s.substring(0, s.lastIndexOf("/") + 1), b = (h) => {
+      const y = h.split(":");
       let k = 0;
-      return w.length === 3 ? (k += parseFloat(w[0]) * 3600, k += parseFloat(w[1]) * 60, k += parseFloat(w[2])) : (k += parseFloat(w[0]) * 60, k += parseFloat(w[1])), k;
+      return y.length === 3 ? (k += parseFloat(y[0]) * 3600, k += parseFloat(y[1]) * 60, k += parseFloat(y[2])) : (k += parseFloat(y[0]) * 60, k += parseFloat(y[1])), k;
     };
-    for (let d of r)
-      if (d = d.trim(), d.includes("-->")) {
-        const w = d.split("-->");
-        m = b(w[0].trim()), v = b(w[1].trim());
-      } else if (m !== null && v !== null && d.length > 0) {
-        let [w, k] = d.split("#");
-        !w.match(/^https?:\/\//) && !w.startsWith("data:") && (w = x + w);
-        let T = 0, R = 0, p = 0, D = 0;
+    for (let h of o)
+      if (h = h.trim(), h.includes("-->")) {
+        const y = h.split("-->");
+        m = b(y[0].trim()), v = b(y[1].trim());
+      } else if (m !== null && v !== null && h.length > 0) {
+        let [y, k] = h.split("#");
+        !y.match(/^https?:\/\//) && !y.startsWith("data:") && (y = w + y);
+        let z = 0, R = 0, p = 0, W = 0;
         if (k && k.startsWith("xywh=")) {
-          const W = k.replace("xywh=", "").split(",");
-          W.length === 4 && (T = parseInt(W[0]), R = parseInt(W[1]), p = parseInt(W[2]), D = parseInt(W[3]));
+          const D = k.replace("xywh=", "").split(",");
+          D.length === 4 && (z = parseInt(D[0]), R = parseInt(D[1]), p = parseInt(D[2]), W = parseInt(D[3]));
         }
-        p > 0 && D > 0 && c.push({ start: m, end: v, url: w, x: T, y: R, w: p, h: D }), m = null, v = null;
+        p > 0 && W > 0 && d.push({ start: m, end: v, url: y, x: z, y: R, w: p, h: W }), m = null, v = null;
       }
-    return c;
+    return d;
   } catch {
-    return e({ type: "warning", message: "Failed to load thumbnails", duration: 4e3 }), [];
+    return t({ type: "warning", message: "Failed to load thumbnails", duration: 4e3 }), [];
   }
-}, ut = (o, e = 200) => {
-  const [i, n] = C(o), [r, c] = C(!1);
-  return E(() => {
-    if (o)
-      n(!0), requestAnimationFrame(() => {
+}, ht = (s, t = 200) => {
+  const [i, r] = N(s), [o, d] = N(!1);
+  return P(() => {
+    if (s)
+      r(!0), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          c(!0);
+          d(!0);
         });
       });
     else {
-      c(!1);
+      d(!1);
       const m = setTimeout(() => {
-        n(!1);
-      }, e);
+        r(!1);
+      }, t);
       return () => clearTimeout(m);
     }
-  }, [o, e]), { isMounted: i, isVisible: r };
-};
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const oi = (o) => o.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), St = (...o) => o.filter((e, i, n) => !!e && e.trim() !== "" && n.indexOf(e) === i).join(" ").trim();
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-var li = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ci = yt(
-  ({
-    color: o = "currentColor",
-    size: e = 24,
-    strokeWidth: i = 2,
-    absoluteStrokeWidth: n,
-    className: r = "",
-    children: c,
-    iconNode: m,
-    ...v
-  }, x) => Ie(
-    "svg",
-    {
-      ref: x,
-      ...li,
-      width: e,
-      height: e,
-      stroke: o,
-      strokeWidth: n ? Number(i) * 24 / Number(e) : i,
-      className: St("lucide", r),
-      ...v
-    },
-    [
-      ...m.map(([b, d]) => Ie(b, d)),
-      ...Array.isArray(c) ? c : [c]
-    ]
-  )
-);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const y = (o, e) => {
-  const i = yt(
-    ({ className: n, ...r }, c) => Ie(ci, {
-      ref: c,
-      iconNode: e,
-      className: St(`lucide-${oi(o)}`, n),
-      ...r
-    })
-  );
-  return i.displayName = `${o}`, i;
-};
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const di = y("ArrowLeft", [
-  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
-  ["path", { d: "M19 12H5", key: "x3x0zl" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ui = y("Bold", [
-  [
-    "path",
-    { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
-  ]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const hi = y("Camera", [
-  [
-    "path",
-    {
-      d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z",
-      key: "1tc9qg"
-    }
-  ],
-  ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const mi = y("Captions", [
-  ["rect", { width: "18", height: "14", x: "3", y: "5", rx: "2", ry: "2", key: "12ruh7" }],
-  ["path", { d: "M7 15h4M15 15h2M7 11h2M13 11h4", key: "1ueiar" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const fi = y("CaseUpper", [
-  ["path", { d: "m3 15 4-8 4 8", key: "1vwr6u" }],
-  ["path", { d: "M4 13h6", key: "1r9ots" }],
-  ["path", { d: "M15 11h4.5a2 2 0 0 1 0 4H15V7h4a2 2 0 0 1 0 4", key: "1sqfas" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const pi = y("Cast", [
-  ["path", { d: "M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6", key: "3zrzxg" }],
-  ["path", { d: "M2 12a9 9 0 0 1 8 8", key: "g6cvee" }],
-  ["path", { d: "M2 16a5 5 0 0 1 4 4", key: "1y1dii" }],
-  ["line", { x1: "2", x2: "2.01", y1: "20", y2: "20", key: "xu2jvo" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const bi = y("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const vi = y("Clock", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const gi = y("Download", [
-  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
-  ["polyline", { points: "7 10 12 15 17 10", key: "2ggqvy" }],
-  ["line", { x1: "12", x2: "12", y1: "15", y2: "3", key: "1vk2je" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const xi = y("Droplet", [
-  [
-    "path",
-    {
-      d: "M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z",
-      key: "c7niix"
-    }
-  ]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const yi = y("Eye", [
-  [
-    "path",
-    {
-      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
-      key: "1nclc0"
-    }
-  ],
-  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const wi = y("Info", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "M12 16v-4", key: "1dtifu" }],
-  ["path", { d: "M12 8h.01", key: "e9boi3" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ki = y("LoaderCircle", [
-  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Si = y("LockOpen", [
-  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
-  ["path", { d: "M7 11V7a5 5 0 0 1 9.9-1", key: "1mm8w8" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ci = y("Lock", [
-  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
-  ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ni = y("Maximize", [
-  ["path", { d: "M8 3H5a2 2 0 0 0-2 2v3", key: "1dcmit" }],
-  ["path", { d: "M21 8V5a2 2 0 0 0-2-2h-3", key: "1e4gt3" }],
-  ["path", { d: "M3 16v3a2 2 0 0 0 2 2h3", key: "wsl5sc" }],
-  ["path", { d: "M16 21h3a2 2 0 0 0 2-2v-3", key: "18trek" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const zi = y("Minimize", [
-  ["path", { d: "M8 3v3a2 2 0 0 1-2 2H3", key: "hohbtr" }],
-  ["path", { d: "M21 8h-3a2 2 0 0 1-2-2V3", key: "5jw1f3" }],
-  ["path", { d: "M3 16h3a2 2 0 0 1 2 2v3", key: "198tvr" }],
-  ["path", { d: "M16 21v-3a2 2 0 0 1 2-2h3", key: "ph8mxp" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Mi = y("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ti = y("Monitor", [
-  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
-  ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
-  ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ii = y("MoveVertical", [
-  ["path", { d: "M12 2v20", key: "t6zp3m" }],
-  ["path", { d: "m8 18 4 4 4-4", key: "bh5tu3" }],
-  ["path", { d: "m8 6 4-4 4 4", key: "ybng9g" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ri = y("Palette", [
-  ["circle", { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor", key: "1okk4w" }],
-  ["circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor", key: "f64h9f" }],
-  ["circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor", key: "fotxhn" }],
-  ["circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor", key: "qy21gx" }],
-  [
-    "path",
-    {
-      d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z",
-      key: "12rzf8"
-    }
-  ]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Li = y("Pause", [
-  ["rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", key: "zuxfzm" }],
-  ["rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", key: "1okwgv" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const $i = y("PictureInPicture", [
-  [
-    "path",
-    {
-      d: "M8 4.5v5H3m-1-6 6 6m13 0v-3c0-1.16-.84-2-2-2h-7m-9 9v2c0 1.05.95 2 2 2h3",
-      key: "bcd8fb"
-    }
-  ],
-  ["rect", { width: "10", height: "7", x: "12", y: "13.5", ry: "2", key: "136fx3" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Pi = y("Play", [
-  ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ei = y("Plus", [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "M12 5v14", key: "s699le" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ai = y("RefreshCcw", [
-  ["path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "14sxne" }],
-  ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
-  ["path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16", key: "1hlbsb" }],
-  ["path", { d: "M16 16h5v5", key: "ccwih5" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Bi = y("RotateCcw", [
-  ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
-  ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Vi = y("RotateCw", [
-  ["path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8", key: "1p45f6" }],
-  ["path", { d: "M21 3v5h-5", key: "1q7to0" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Fi = y("Settings", [
-  [
-    "path",
-    {
-      d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",
-      key: "1qme2f"
-    }
-  ],
-  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Oi = y("SlidersHorizontal", [
-  ["line", { x1: "21", x2: "14", y1: "4", y2: "4", key: "obuewd" }],
-  ["line", { x1: "10", x2: "3", y1: "4", y2: "4", key: "1q6298" }],
-  ["line", { x1: "21", x2: "12", y1: "12", y2: "12", key: "1iu8h1" }],
-  ["line", { x1: "8", x2: "3", y1: "12", y2: "12", key: "ntss68" }],
-  ["line", { x1: "21", x2: "16", y1: "20", y2: "20", key: "14d8ph" }],
-  ["line", { x1: "12", x2: "3", y1: "20", y2: "20", key: "m0wm8r" }],
-  ["line", { x1: "14", x2: "14", y1: "2", y2: "6", key: "14e1ph" }],
-  ["line", { x1: "8", x2: "8", y1: "10", y2: "14", key: "1i6ji0" }],
-  ["line", { x1: "16", x2: "16", y1: "18", y2: "22", key: "1lctlv" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ji = y("Type", [
-  ["polyline", { points: "4 7 4 4 20 4 20 7", key: "1nosan" }],
-  ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
-  ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Hi = y("Upload", [
-  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
-  ["polyline", { points: "17 8 12 3 7 8", key: "t8dd8p" }],
-  ["line", { x1: "12", x2: "12", y1: "3", y2: "15", key: "widbto" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Di = y("Users", [
-  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
-  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }],
-  ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", key: "kshegd" }],
-  ["path", { d: "M16 3.13a4 4 0 0 1 0 7.75", key: "1da9ce" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Wi = y("Volume1", [
-  [
-    "path",
-    {
-      d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
-      key: "uqj9uw"
-    }
-  ],
-  ["path", { d: "M16 9a5 5 0 0 1 0 6", key: "1q6k2b" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const qi = y("Volume2", [
-  [
-    "path",
-    {
-      d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
-      key: "uqj9uw"
-    }
-  ],
-  ["path", { d: "M16 9a5 5 0 0 1 0 6", key: "1q6k2b" }],
-  ["path", { d: "M19.364 18.364a9 9 0 0 0 0-12.728", key: "ijwkga" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ui = y("VolumeX", [
-  [
-    "path",
-    {
-      d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
-      key: "uqj9uw"
-    }
-  ],
-  ["line", { x1: "22", x2: "16", y1: "9", y2: "15", key: "1ewh16" }],
-  ["line", { x1: "16", x2: "22", y1: "9", y2: "15", key: "5ykzw1" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Gi = y("X", [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]);
-/**
- * @license lucide-react v0.462.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const _i = y("Zap", [
-  [
-    "path",
-    {
-      d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
-      key: "1xq2db"
-    }
-  ]
-]), ht = Pi, mt = Li, Xi = qi, Qi = Wi, Ji = Ui, Ki = Ni, Yi = zi, Zi = Fi, $e = bi, es = $i, ts = mi, is = gi, ss = Hi, ns = di, Re = ki, rs = pi, as = Di, os = vi, ls = Mi, cs = Ei, ds = Oi, us = ji, Ct = Ri, hs = yi, ms = Ii, fs = Ai, ps = ui, bs = fi, vs = xi, gs = hi, xs = Ci, ys = Si, ws = Ti, ks = _i, Ss = Gi, Cs = wi, ft = ({ className: o }) => /* @__PURE__ */ h("div", { className: `relative flex items-center justify-center ${o}`, children: [
-  /* @__PURE__ */ t(Bi, { className: "w-full h-full", strokeWidth: 2 }),
-  /* @__PURE__ */ t("span", { className: "absolute inset-0 flex items-center justify-center text-[32%] font-bold select-none mt-[1px]", children: "10" })
-] }), pt = ({ className: o }) => /* @__PURE__ */ h("div", { className: `relative flex items-center justify-center ${o}`, children: [
-  /* @__PURE__ */ t(Vi, { className: "w-full h-full", strokeWidth: 2 }),
-  /* @__PURE__ */ t("span", { className: "absolute inset-0 flex items-center justify-center text-[32%] font-bold select-none mt-[1px]", children: "10" })
-] }), Ns = ({ notifications: o }) => /* @__PURE__ */ t("div", { className: "absolute top-4 left-4 z-50 flex flex-col gap-2 pointer-events-none font-sans max-w-[85%] md:max-w-[400px]", children: o.map((e) => /* @__PURE__ */ h(
+  }, [s, t]), { isMounted: i, isVisible: o };
+}, x = ({ className: s, children: t, fill: i = "none", strokeWidth: r = 2, viewBox: o = "0 0 24 24" }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: o,
+    fill: i,
+    stroke: "currentColor",
+    strokeWidth: r,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: s,
+    children: t
+  }
+), mt = ({ className: s }) => /* @__PURE__ */ e(x, { className: s, children: /* @__PURE__ */ e("polygon", { points: "5 3 19 12 5 21 5 3" }) }), ft = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("rect", { width: "4", height: "16", x: "6", y: "4", rx: "1" }),
+  /* @__PURE__ */ e("rect", { width: "4", height: "16", x: "14", y: "4", rx: "1" })
+] }), ai = ({ className: s }) => /* @__PURE__ */ l(x, { 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: "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" })
+] }), li = ({ className: s }) => /* @__PURE__ */ l(x, { 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" })
+] }), ci = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+  /* @__PURE__ */ e("line", { x1: "23", x2: "17", y1: "9", y2: "15" }),
+  /* @__PURE__ */ e("line", { x1: "17", x2: "23", y1: "9", y2: "15" })
+] }), di = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "M8 3H5a2 2 0 0 0-2 2v3" }),
+  /* @__PURE__ */ e("path", { d: "M21 8V5a2 2 0 0 0-2-2h-3" }),
+  /* @__PURE__ */ e("path", { d: "M3 16v3a2 2 0 0 0 2 2h3" }),
+  /* @__PURE__ */ e("path", { d: "M16 21h3a2 2 0 0 0 2-2v-3" })
+] }), ui = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "M8 3v3a2 2 0 0 1-2 2H3" }),
+  /* @__PURE__ */ e("path", { d: "M21 8h-3a2 2 0 0 1-2-2V3" }),
+  /* @__PURE__ */ e("path", { d: "M3 16h3a2 2 0 0 1 2 2v3" }),
+  /* @__PURE__ */ e("path", { d: "M16 21v-3a2 2 0 0 1 2-2h3" })
+] }), hi = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.09a2 2 0 0 1-1-1.74v-.47a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }),
+  /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "3" })
+] }), Le = ({ className: s }) => /* @__PURE__ */ e(x, { className: s, children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" }) }), mi = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "M21 9V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v10c0 1.1.9 2 2 2h4" }),
+  /* @__PURE__ */ e("rect", { x: "12", y: "13", width: "10", height: "7", rx: "2" })
+] }), fi = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("rect", { width: "18", height: "14", x: "3", y: "5", rx: "2", ry: "2" }),
+  /* @__PURE__ */ e("path", { d: "M7 15h4" }),
+  /* @__PURE__ */ e("path", { d: "M15 15h2" }),
+  /* @__PURE__ */ e("path", { d: "M7 11h2" }),
+  /* @__PURE__ */ e("path", { d: "M13 11h4" })
+] }), pi = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+  /* @__PURE__ */ e("polyline", { points: "7 10 12 15 17 10" }),
+  /* @__PURE__ */ e("line", { x1: "12", x2: "12", y1: "15", y2: "3" })
+] }), bi = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+  /* @__PURE__ */ e("polyline", { points: "17 8 12 3 7 8" }),
+  /* @__PURE__ */ e("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
+] }), vi = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "m12 19-7-7 7-7" }),
+  /* @__PURE__ */ e("path", { d: "M19 12H5" })
+] }), Ie = ({ className: s }) => /* @__PURE__ */ e(x, { className: s, children: /* @__PURE__ */ e("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }), gi = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "M2 16.1A5 5 0 0 1 5.9 20" }),
+  /* @__PURE__ */ e("path", { d: "M2 12.05A9 9 0 0 1 9.95 20" }),
+  /* @__PURE__ */ e("path", { d: "M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6" }),
+  /* @__PURE__ */ e("line", { x1: "2", x2: "2.01", y1: "20", y2: "20" })
+] }), xi = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+  /* @__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" })
+] }), wi = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ e("polyline", { points: "12 6 12 12 16 14" })
+] }), yi = ({ className: s }) => /* @__PURE__ */ e(x, { className: s, children: /* @__PURE__ */ e("path", { d: "M5 12h14" }) }), ki = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "M5 12h14" }),
+  /* @__PURE__ */ e("path", { d: "M12 5v14" })
+] }), Si = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "M4 21v-7" }),
+  /* @__PURE__ */ e("path", { d: "M4 10V3" }),
+  /* @__PURE__ */ e("path", { d: "M12 21v-9" }),
+  /* @__PURE__ */ e("path", { d: "M12 8V3" }),
+  /* @__PURE__ */ e("path", { d: "M20 21v-5" }),
+  /* @__PURE__ */ e("path", { d: "M20 12V3" }),
+  /* @__PURE__ */ e("path", { d: "M1 14h6" }),
+  /* @__PURE__ */ e("path", { d: "M9 8h6" }),
+  /* @__PURE__ */ e("path", { d: "M17 16h6" })
+] }), Ci = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("polyline", { points: "4 7 4 4 20 4 20 7" }),
+  /* @__PURE__ */ e("line", { x1: "9", x2: "15", y1: "20", y2: "20" }),
+  /* @__PURE__ */ e("line", { x1: "12", x2: "12", y1: "4", y2: "20" })
+] }), St = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("circle", { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor" }),
+  /* @__PURE__ */ e("circle", { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor" }),
+  /* @__PURE__ */ e("circle", { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor" }),
+  /* @__PURE__ */ e("circle", { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor" }),
+  /* @__PURE__ */ e("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z" })
+] }), Ni = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
+  /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "3" })
+] }), Ti = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("polyline", { points: "8 18 12 22 16 18" }),
+  /* @__PURE__ */ e("polyline", { points: "8 6 12 2 16 6" }),
+  /* @__PURE__ */ e("line", { x1: "12", x2: "12", y1: "2", y2: "22" })
+] }), Mi = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, 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" })
+] }), zi = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" }),
+  /* @__PURE__ */ e("path", { d: "M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" })
+] }), Ii = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "m3 17 4-10 4 10" }),
+  /* @__PURE__ */ e("path", { d: "M4 13h6" }),
+  /* @__PURE__ */ e("path", { d: "M15 12h4.5a2.5 2.5 0 0 1 0 5H15V7h4a2.5 2.5 0 0 1 0 5h-4" })
+] }), Ri = ({ className: s }) => /* @__PURE__ */ e(x, { className: s, children: /* @__PURE__ */ e("path", { d: "M12 22a7 7 0 0 0 7-7c0-2-1-3.9-3-5.5s-3.5-4-4-6.5c-.5 2.5-2 4.9-4 6.5C6 11.1 5 13 5 15a7 7 0 0 0 7 7z" }) }), Li = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z" }),
+  /* @__PURE__ */ e("circle", { cx: "12", cy: "13", r: "3" })
+] }), $i = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+  /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+] }), Ei = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+  /* @__PURE__ */ e("path", { d: "M7 11V7a5 5 0 0 1 9.9-1" })
+] }), Pi = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
+  /* @__PURE__ */ e("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
+  /* @__PURE__ */ e("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
+] }), Fi = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("polygon", { points: "13 19 22 12 13 5 13 19" }),
+  /* @__PURE__ */ e("polygon", { points: "2 19 11 12 2 5 2 19" })
+] }), Ai = ({ className: s }) => /* @__PURE__ */ l(x, { className: s, children: [
+  /* @__PURE__ */ e("path", { d: "M18 6 6 18" }),
+  /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
+] }), Bi = ({ className: s }) => /* @__PURE__ */ l(x, { 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" })
+] }), pt = ({ className: s }) => /* @__PURE__ */ l("div", { className: `relative flex items-center justify-center ${s}`, children: [
+  /* @__PURE__ */ l(x, { 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" })
+] }), bt = ({ className: s }) => /* @__PURE__ */ l("div", { className: `relative flex items-center justify-center ${s}`, children: [
+  /* @__PURE__ */ l(x, { 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" })
+  ] }),
+  /* @__PURE__ */ e("span", { className: "absolute inset-0 flex items-center justify-center text-[32%] font-bold select-none mt-[1px]", children: "10" })
+] }), Vi = ({ notifications: s }) => /* @__PURE__ */ e("div", { className: "absolute top-4 left-4 z-50 flex flex-col gap-2 pointer-events-none font-sans max-w-[85%] md:max-w-[400px]", children: s.map((t) => /* @__PURE__ */ l(
   "div",
   {
     className: `
                         bg-zinc-950/90 backdrop-blur-md border border-white/10 text-white px-4 py-3 rounded-lg shadow-xl text-sm font-medium flex items-start gap-3 animate-in slide-in-from-left-2 fade-in duration-300 pointer-events-auto
                         w-fit max-w-full
-                        ${e.type === "error" ? "border-red-500/50 text-red-100" : ""}
-                        ${e.type === "warning" ? "border-amber-500/50 text-amber-100" : ""}
+                        ${t.type === "error" ? "border-red-500/50 text-red-100" : ""}
+                        ${t.type === "warning" ? "border-amber-500/50 text-amber-100" : ""}
                     `,
     children: [
-      e.type === "loading" && /* @__PURE__ */ t(Re, { className: "w-4 h-4 animate-spin text-[var(--accent)] shrink-0 mt-0.5" }),
-      /* @__PURE__ */ h("div", { className: "flex flex-col gap-1 min-w-0", children: [
-        /* @__PURE__ */ t("span", { className: "break-words line-clamp-4 leading-relaxed whitespace-pre-wrap", children: e.message }),
-        typeof e.progress == "number" && /* @__PURE__ */ t("div", { className: "h-1 w-full bg-white/10 rounded-full overflow-hidden mt-1.5", children: /* @__PURE__ */ t("div", { className: "h-full bg-[var(--accent)] transition-all duration-300", style: { width: `${e.progress}%` } }) })
+      t.type === "loading" && /* @__PURE__ */ e(Ie, { className: "w-4 h-4 animate-spin text-[var(--accent)] shrink-0 mt-0.5" }),
+      /* @__PURE__ */ l("div", { className: "flex flex-col gap-1 min-w-0", children: [
+        /* @__PURE__ */ e("span", { className: "break-words line-clamp-4 leading-relaxed whitespace-pre-wrap", children: t.message }),
+        typeof t.progress == "number" && /* @__PURE__ */ e("div", { className: "h-1 w-full bg-white/10 rounded-full overflow-hidden mt-1.5", children: /* @__PURE__ */ e("div", { className: "h-full bg-[var(--accent)] transition-all duration-300", style: { width: `${t.progress}%` } }) })
       ] })
     ]
   },
-  e.id
-)) }), zs = ({ cues: o, settings: e }) => {
-  if (e.useNative || o.length === 0) return null;
+  t.id
+)) }), Oi = ({ cues: s, settings: t }) => {
+  if (t.useNative || s.length === 0) return null;
   const i = () => {
-    switch (e.textStyle) {
+    switch (t.textStyle) {
       case "outline":
         return "0px 0px 4px black, 0px 0px 4px black";
       case "raised":
@@ -1390,118 +1005,118 @@ const _i = y("Zap", [
         return "none";
     }
   };
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     "div",
     {
       className: "absolute inset-x-0 flex flex-col items-center justify-end text-center z-10 pointer-events-none transition-all duration-200",
       style: {
-        bottom: `${e.verticalOffset}px`
+        bottom: `${t.verticalOffset}px`
       },
-      children: o.map((n, r) => /* @__PURE__ */ t(
+      children: s.map((r, o) => /* @__PURE__ */ e(
         "div",
         {
           className: "mb-1 inline-block max-w-[80%]",
           style: {
-            fontSize: `${e.textSize}%`,
-            color: e.textColor,
-            fontWeight: e.isBold ? "bold" : "normal",
-            textTransform: e.fixCapitalization ? "capitalize" : "none",
+            fontSize: `${t.textSize}%`,
+            color: t.textColor,
+            fontWeight: t.isBold ? "bold" : "normal",
+            textTransform: t.fixCapitalization ? "capitalize" : "none",
             textShadow: i(),
             lineHeight: 1.4
           },
-          children: /* @__PURE__ */ t(
+          children: /* @__PURE__ */ e(
             "span",
             {
               className: "px-2 py-0.5 rounded",
               style: {
-                backgroundColor: `rgba(0, 0, 0, ${e.backgroundOpacity / 100})`,
-                backdropFilter: e.backgroundBlur ? `blur(${e.backgroundBlurAmount}px)` : "none"
+                backgroundColor: `rgba(0, 0, 0, ${t.backgroundOpacity / 100})`,
+                backdropFilter: t.backgroundBlur ? `blur(${t.backgroundBlurAmount}px)` : "none"
               },
-              dangerouslySetInnerHTML: { __html: n }
+              dangerouslySetInnerHTML: { __html: r }
             }
           )
         },
-        r
+        o
       ))
     }
   );
-}, Nt = ({ children: o, onClose: e, align: i = "right", maxHeight: n, className: r }) => {
-  const c = I(null), m = i === "center" ? "left-1/2 -translate-x-1/2 origin-bottom" : "right-0 origin-bottom-right", v = n ? { maxHeight: `${n}px` } : {};
-  return /* @__PURE__ */ t(
+}, Ct = ({ children: s, onClose: t, align: i = "right", maxHeight: r, className: o }) => {
+  const d = I(null), m = i === "center" ? "left-1/2 -translate-x-1/2 origin-bottom" : "right-0 origin-bottom-right", v = r ? { maxHeight: `${r}px` } : {};
+  return /* @__PURE__ */ e(
     "div",
     {
-      className: `absolute bottom-full mb-4 ${m} 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-all duration-300 ease-out ${r}`,
+      className: `absolute bottom-full mb-4 ${m} 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-all duration-300 ease-out ${o}`,
       style: { ...v, borderRadius: "var(--radius-lg)" },
-      onClick: (x) => x.stopPropagation(),
-      children: /* @__PURE__ */ t("div", { className: "overflow-y-auto hide-scrollbar flex-1", style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ t("div", { ref: c, children: o }) })
+      onClick: (w) => w.stopPropagation(),
+      children: /* @__PURE__ */ e("div", { className: "overflow-y-auto hide-scrollbar flex-1", style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ e("div", { ref: d, children: s }) })
     }
   );
-}, bt = ({ content: o, className: e }) => typeof o == "string" ? o.trim().startsWith("<") ? /* @__PURE__ */ t("span", { className: e, dangerouslySetInnerHTML: { __html: o } }) : /* @__PURE__ */ t("span", { className: e, children: o }) : /* @__PURE__ */ t("span", { className: e, children: o }), z = ({ label: o, value: e, active: i, onClick: n, hasSubmenu: r, icon: c }) => /* @__PURE__ */ h(
+}, vt = ({ content: s, className: t }) => typeof s == "string" ? s.trim().startsWith("<") ? /* @__PURE__ */ e("span", { className: t, dangerouslySetInnerHTML: { __html: s } }) : /* @__PURE__ */ e("span", { className: t, children: s }) : /* @__PURE__ */ e("span", { className: t, children: s }), T = ({ label: s, value: t, active: i, onClick: r, hasSubmenu: o, icon: d }) => /* @__PURE__ */ l(
   "button",
   {
-    onClick: n,
+    onClick: r,
     className: "w-full flex items-center justify-between px-3 py-2.5 hover:bg-white/10 transition-colors text-left text-zinc-200 active:bg-white/5 focus:outline-none focus:bg-white/10 group overflow-hidden my-0.5",
     style: { borderRadius: "var(--radius)" },
     children: [
-      /* @__PURE__ */ h("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-        c && /* @__PURE__ */ t("span", { className: "text-zinc-400 shrink-0 group-hover:text-zinc-300 transition-colors flex items-center justify-center w-4 h-4", children: /* @__PURE__ */ t(bt, { content: c }) }),
-        /* @__PURE__ */ t("span", { className: `font-medium truncate text-sm flex items-center ${i ? "text-[var(--accent)]" : ""}`, title: typeof o == "string" ? o : void 0, children: /* @__PURE__ */ t(bt, { content: o }) })
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-3 overflow-hidden", children: [
+        d && /* @__PURE__ */ e("span", { className: "text-zinc-400 shrink-0 group-hover:text-zinc-300 transition-colors flex items-center justify-center w-4 h-4", children: /* @__PURE__ */ e(vt, { content: d }) }),
+        /* @__PURE__ */ e("span", { className: `font-medium truncate text-sm flex items-center ${i ? "text-[var(--accent)]" : ""}`, title: typeof s == "string" ? s : void 0, children: /* @__PURE__ */ e(vt, { content: s }) })
       ] }),
-      /* @__PURE__ */ h("div", { className: "flex items-center gap-2 text-zinc-400 shrink-0", children: [
-        e && /* @__PURE__ */ t("span", { className: "text-xs font-medium truncate max-w-[60px]", title: e, children: e }),
-        i && /* @__PURE__ */ t($e, { className: "w-4 h-4 text-[var(--accent)] shrink-0" }),
-        r && /* @__PURE__ */ t("span", { className: "text-xs group-hover:translate-x-0.5 transition-transform text-zinc-500 shrink-0", children: "›" })
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-2 text-zinc-400 shrink-0", children: [
+        t && /* @__PURE__ */ e("span", { className: "text-xs font-medium truncate max-w-[60px]", title: t, children: t }),
+        i && /* @__PURE__ */ e(Le, { className: "w-4 h-4 text-[var(--accent)] shrink-0" }),
+        o && /* @__PURE__ */ e("span", { className: "text-xs group-hover:translate-x-0.5 transition-transform text-zinc-500 shrink-0", children: "›" })
       ] })
     ]
   }
-), H = ({ label: o, onBack: e, rightAction: i }) => /* @__PURE__ */ h(
+), H = ({ label: s, onBack: t, rightAction: i }) => /* @__PURE__ */ l(
   "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__ */ h(
+      /* @__PURE__ */ l(
         "button",
         {
           className: "flex items-center gap-2 hover:text-white transition-colors focus:outline-none",
-          onClick: e,
+          onClick: t,
           children: [
-            /* @__PURE__ */ t(ns, { className: "w-3 h-3" }),
-            /* @__PURE__ */ t("span", { children: o })
+            /* @__PURE__ */ e(vi, { className: "w-3 h-3" }),
+            /* @__PURE__ */ e("span", { children: s })
           ]
         }
       ),
       i
     ]
   }
-), vt = () => /* @__PURE__ */ t("div", { className: "h-px bg-white/5 mx-2 my-1" }), de = ({ content: o }) => typeof o == "string" ? o.trim().startsWith("<") ? /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: o } }) : /* @__PURE__ */ t("span", { children: o }) : /* @__PURE__ */ t(L, { children: o }), K = ({ label: o, checked: e, onChange: i, icon: n, tooltip: r }) => /* @__PURE__ */ h(
+), gt = () => /* @__PURE__ */ e("div", { className: "h-px bg-white/5 mx-2 my-1" }), de = ({ content: s }) => typeof s == "string" ? s.trim().startsWith("<") ? /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: s } }) : /* @__PURE__ */ e("span", { children: s }) : /* @__PURE__ */ e(L, { children: s }), K = ({ label: s, checked: t, onChange: i, icon: r, tooltip: o }) => /* @__PURE__ */ l(
   "div",
   {
     className: "flex items-center justify-between py-2.5 px-3 hover:bg-white/5 group transition-colors",
     style: { borderRadius: "var(--radius)" },
     children: [
-      /* @__PURE__ */ h("div", { className: "flex items-center gap-3", children: [
-        n && /* @__PURE__ */ t("span", { className: "text-zinc-500 group-hover:text-zinc-400 transition-colors flex items-center justify-center w-4 h-4", children: /* @__PURE__ */ t(de, { content: n }) }),
-        /* @__PURE__ */ h("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ t("span", { className: "text-sm text-zinc-300 font-medium group-hover:text-white transition-colors flex items-center", children: /* @__PURE__ */ t(de, { content: o }) }),
-          r && /* @__PURE__ */ t("span", { className: "text-[10px] text-zinc-500", children: r })
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+        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(de, { content: r }) }),
+        /* @__PURE__ */ l("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(de, { content: s }) }),
+          o && /* @__PURE__ */ e("span", { className: "text-[10px] text-zinc-500", children: o })
         ] })
       ] }),
-      /* @__PURE__ */ t(
+      /* @__PURE__ */ e(
         "button",
         {
-          onClick: () => i(!e),
-          className: `w-11 h-6 shrink-0 transition-colors relative focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-zinc-900 ${e ? "bg-[var(--accent)]" : "bg-zinc-700"}`,
+          onClick: () => i(!t),
+          className: `w-11 h-6 shrink-0 transition-colors relative focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-zinc-900 ${t ? "bg-[var(--accent)]" : "bg-zinc-700"}`,
           style: {
             "--tw-ring-color": "var(--accent)",
             borderRadius: "var(--radius-full)",
             borderWidth: "var(--border-width)",
             borderColor: "rgba(255,255,255,0.1)"
           },
-          children: /* @__PURE__ */ t(
+          children: /* @__PURE__ */ e(
             "div",
             {
-              className: `absolute top-1/2 -translate-y-1/2 left-0.5 bg-white w-4 h-4 transition-transform shadow-sm ${e ? "translate-x-5" : "translate-x-0"}`,
+              className: `absolute top-1/2 -translate-y-1/2 left-0.5 bg-white w-4 h-4 transition-transform shadow-sm ${t ? "translate-x-5" : "translate-x-0"}`,
               style: { borderRadius: "var(--radius-full)" }
             }
           )
@@ -1509,45 +1124,45 @@ const _i = y("Zap", [
       )
     ]
   }
-), ce = ({ label: o, value: e, min: i, max: n, step: r, onChange: c, formatValue: m, icon: v }) => /* @__PURE__ */ h(
+), ce = ({ label: s, value: t, min: i, max: r, step: o, onChange: d, formatValue: m, icon: v }) => /* @__PURE__ */ l(
   "div",
   {
     className: "py-2.5 px-3 hover:bg-white/5 group transition-colors",
     style: { borderRadius: "var(--radius)" },
     children: [
-      /* @__PURE__ */ h("div", { className: "flex justify-between items-center mb-2", children: [
-        /* @__PURE__ */ h("div", { className: "flex items-center gap-3", children: [
-          v && /* @__PURE__ */ t("span", { className: "text-zinc-500 group-hover:text-zinc-400 transition-colors flex items-center justify-center w-4 h-4", children: /* @__PURE__ */ t(de, { content: v }) }),
-          /* @__PURE__ */ t("span", { className: "text-xs font-bold text-zinc-400 uppercase tracking-wider group-hover:text-zinc-300 transition-colors", children: o })
+      /* @__PURE__ */ l("div", { className: "flex justify-between items-center mb-2", children: [
+        /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+          v && /* @__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(de, { content: v }) }),
+          /* @__PURE__ */ e("span", { className: "text-xs font-bold text-zinc-400 uppercase tracking-wider group-hover:text-zinc-300 transition-colors", children: s })
         ] }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "span",
           {
             className: "text-[10px] font-mono font-medium text-zinc-300 bg-white/10 px-1.5 py-0.5 tabular-nums",
             style: { borderRadius: "var(--radius-sm)" },
-            children: m ? m(e) : e
+            children: m ? m(t) : t
           }
         )
       ] }),
-      /* @__PURE__ */ h("div", { className: "relative h-4 flex items-center px-1", children: [
-        /* @__PURE__ */ t(
+      /* @__PURE__ */ l("div", { className: "relative h-4 flex items-center px-1", children: [
+        /* @__PURE__ */ e(
           "input",
           {
             type: "range",
             min: i,
-            max: n,
-            step: r,
-            value: e,
-            onChange: (x) => c(parseFloat(x.target.value)),
+            max: r,
+            step: o,
+            value: t,
+            onChange: (w) => d(parseFloat(w.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)",
-              background: `linear-gradient(to right, var(--accent) 0%, var(--accent) ${(e - i) / (n - i) * 100}%, #3f3f46 ${(e - i) / (n - i) * 100}%, #3f3f46 100%)`,
+              background: `linear-gradient(to right, var(--accent) 0%, var(--accent) ${(t - i) / (r - i) * 100}%, #3f3f46 ${(t - i) / (r - i) * 100}%, #3f3f46 100%)`,
               "--tw-ring-color": "var(--accent)"
             }
           }
         ),
-        /* @__PURE__ */ t("style", { children: `
+        /* @__PURE__ */ e("style", { children: `
                 .strata-range-input::-webkit-slider-thumb {
                     -webkit-appearance: none;
                     height: 14px;
@@ -1567,151 +1182,151 @@ const _i = y("Zap", [
       ] })
     ]
   }
-), Ms = ({ label: o, value: e, options: i, onChange: n, icon: r }) => /* @__PURE__ */ h(
+), ji = ({ label: s, value: t, options: i, onChange: r, icon: o }) => /* @__PURE__ */ l(
   "div",
   {
     className: "py-2.5 px-3 hover:bg-white/5 group transition-colors",
     style: { borderRadius: "var(--radius)" },
     children: [
-      /* @__PURE__ */ h("div", { className: "flex items-center gap-3 mb-2", children: [
-        r && /* @__PURE__ */ t("span", { className: "text-zinc-500 group-hover:text-zinc-400 transition-colors flex items-center justify-center w-4 h-4", children: /* @__PURE__ */ t(de, { content: r }) }),
-        /* @__PURE__ */ t("span", { className: "text-xs font-bold text-zinc-400 uppercase tracking-wider group-hover:text-zinc-300 transition-colors", children: o })
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-3 mb-2", children: [
+        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(de, { content: o }) }),
+        /* @__PURE__ */ e("span", { className: "text-xs font-bold text-zinc-400 uppercase tracking-wider group-hover:text-zinc-300 transition-colors", children: s })
       ] }),
-      /* @__PURE__ */ h("div", { className: "relative", children: [
-        /* @__PURE__ */ t(
+      /* @__PURE__ */ l("div", { className: "relative", children: [
+        /* @__PURE__ */ e(
           "select",
           {
-            value: e,
-            onChange: (c) => n(c.target.value),
+            value: t,
+            onChange: (d) => r(d.target.value),
             className: "w-full bg-zinc-800 border-[length:var(--border-width)] border-white/10 px-3 py-2 text-sm text-zinc-200 focus:outline-none focus:ring-2 appearance-none hover:bg-zinc-700 transition-colors cursor-pointer",
             style: { "--tw-ring-color": "var(--accent)", borderRadius: "var(--radius)" },
-            children: i.map((c) => /* @__PURE__ */ t("option", { value: c.value, children: c.label }, c.value))
+            children: i.map((d) => /* @__PURE__ */ e("option", { value: d.value, children: d.label }, d.value))
           }
         ),
-        /* @__PURE__ */ t("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none text-zinc-400", children: /* @__PURE__ */ t("svg", { width: "10", height: "6", viewBox: "0 0 10 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M1 1L5 5L9 1", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+        /* @__PURE__ */ e("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none text-zinc-400", children: /* @__PURE__ */ e("svg", { width: "10", height: "6", viewBox: "0 0 10 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M1 1L5 5L9 1", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
       ] })
     ]
   }
-), Y = ({ title: o, children: e }) => /* @__PURE__ */ h("div", { className: "py-2", children: [
-  o && /* @__PURE__ */ t("h4", { className: "px-3 text-[10px] font-bold text-[var(--accent)] uppercase tracking-wider mb-1 mt-2", children: o }),
-  /* @__PURE__ */ t("div", { className: "space-y-0.5", children: e })
-] }), Ts = ({ tracks: o, current: e, onSelect: i, onUpload: n, onClose: r, settings: c, onSettingsChange: m, onReset: v, offset: x, onOffsetChange: b, maxHeight: d, animationClass: w }) => {
-  const [k, T] = C("main"), R = I(null);
-  return /* @__PURE__ */ h(Nt, { onClose: r, align: "right", maxHeight: d, className: w, children: [
-    k === "main" && /* @__PURE__ */ h("div", { className: "animate-in slide-in-from-left-4 fade-in duration-200", children: [
-      /* @__PURE__ */ t(
+), Y = ({ title: s, children: t }) => /* @__PURE__ */ l("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 })
+] }), Hi = ({ tracks: s, current: t, onSelect: i, onUpload: r, onClose: o, settings: d, onSettingsChange: m, onReset: v, offset: w, onOffsetChange: b, maxHeight: h, animationClass: y }) => {
+  const [k, z] = N("main"), R = I(null);
+  return /* @__PURE__ */ l(Ct, { onClose: o, align: "right", maxHeight: h, className: y, children: [
+    k === "main" && /* @__PURE__ */ l("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__ */ t("span", { children: "Subtitles" })
+          children: /* @__PURE__ */ e("span", { children: "Subtitles" })
         }
       ),
-      /* @__PURE__ */ h("div", { children: [
-        /* @__PURE__ */ t(
-          z,
+      /* @__PURE__ */ l("div", { children: [
+        /* @__PURE__ */ e(
+          T,
           {
             label: "Upload Subtitle",
-            icon: /* @__PURE__ */ t(ss, { className: "w-4 h-4" }),
+            icon: /* @__PURE__ */ e(bi, { className: "w-4 h-4" }),
             onClick: () => {
               var p;
               return (p = R.current) == null ? void 0 : p.click();
             }
           }
         ),
-        /* @__PURE__ */ t("input", { type: "file", accept: ".vtt,.srt", ref: R, className: "hidden", onChange: (p) => {
-          var D;
-          (D = p.target.files) != null && D[0] && n(p.target.files[0]);
+        /* @__PURE__ */ e("input", { type: "file", accept: ".vtt,.srt", ref: R, className: "hidden", onChange: (p) => {
+          var W;
+          (W = p.target.files) != null && W[0] && r(p.target.files[0]);
         } }),
-        /* @__PURE__ */ t(
-          z,
+        /* @__PURE__ */ e(
+          T,
           {
             label: "Customize",
-            icon: /* @__PURE__ */ t(ds, { className: "w-4 h-4" }),
-            onClick: () => T("customize"),
+            icon: /* @__PURE__ */ e(Si, { className: "w-4 h-4" }),
+            onClick: () => z("customize"),
             hasSubmenu: !0
           }
         ),
-        /* @__PURE__ */ t("div", { className: "h-px bg-white/5 mx-2 my-1" }),
-        /* @__PURE__ */ t(
-          z,
+        /* @__PURE__ */ e("div", { className: "h-px bg-white/5 mx-2 my-1" }),
+        /* @__PURE__ */ e(
+          T,
           {
             label: "Off",
-            active: e === -1,
+            active: t === -1,
             onClick: () => {
-              i(-1), r();
+              i(-1), o();
             }
           }
         ),
-        o.map((p) => /* @__PURE__ */ t(
-          z,
+        s.map((p) => /* @__PURE__ */ e(
+          T,
           {
             label: p.label,
             value: p.language,
-            active: e === p.index,
+            active: t === p.index,
             onClick: () => {
-              i(p.index), r();
+              i(p.index), o();
             }
           },
           p.index
         ))
       ] })
     ] }),
-    k === "customize" && /* @__PURE__ */ h("div", { className: "animate-in slide-in-from-right-4 fade-in duration-200", children: [
-      /* @__PURE__ */ t(
+    k === "customize" && /* @__PURE__ */ l("div", { className: "animate-in slide-in-from-right-4 fade-in duration-200", children: [
+      /* @__PURE__ */ e(
         H,
         {
           label: "Customize",
-          onBack: () => T("main"),
-          rightAction: /* @__PURE__ */ t("button", { onClick: v, className: "p-1.5 text-zinc-400 hover:text-white transition-colors rounded-md hover:bg-white/10", title: "Reset All", children: /* @__PURE__ */ t(fs, { className: "w-4 h-4" }) })
+          onBack: () => z("main"),
+          rightAction: /* @__PURE__ */ e("button", { onClick: v, className: "p-1.5 text-zinc-400 hover:text-white transition-colors rounded-md hover:bg-white/10", title: "Reset All", children: /* @__PURE__ */ e(Mi, { className: "w-4 h-4" }) })
         }
       ),
-      /* @__PURE__ */ h("div", { className: "pb-1", children: [
-        /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(
+      /* @__PURE__ */ l("div", { className: "pb-1", children: [
+        /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(
           K,
           {
             label: "Native Video Subtitle",
-            checked: c.useNative,
+            checked: d.useNative,
             onChange: (p) => m({ useNative: p })
           }
         ) }),
-        !c.useNative && /* @__PURE__ */ h(L, { children: [
-          /* @__PURE__ */ h(Y, { title: "Sync & Position", children: [
-            /* @__PURE__ */ h("div", { className: "py-2.5 px-3 rounded-lg hover:bg-white/5 group transition-colors", children: [
-              /* @__PURE__ */ t("div", { className: "flex justify-between items-center mb-2", children: /* @__PURE__ */ h("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ t(os, { className: "w-4 h-4 text-zinc-500 group-hover:text-zinc-400 transition-colors" }),
-                /* @__PURE__ */ t("span", { className: "text-xs font-bold text-zinc-400 uppercase tracking-wider group-hover:text-zinc-300 transition-colors", children: "Sync Offset" })
+        !d.useNative && /* @__PURE__ */ l(L, { children: [
+          /* @__PURE__ */ l(Y, { title: "Sync & Position", children: [
+            /* @__PURE__ */ l("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__ */ l("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ e(wi, { 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__ */ h("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ t(
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => b(Math.round((x - 0.1) * 10) / 10),
+                    onClick: () => b(Math.round((w - 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__ */ t(ls, { className: "w-4 h-4" })
+                    children: /* @__PURE__ */ e(yi, { className: "w-4 h-4" })
                   }
                 ),
-                /* @__PURE__ */ h("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",
+                /* @__PURE__ */ l("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: [
+                  w > 0 ? "+" : "",
+                  (w == null ? void 0 : w.toFixed(1)) || "0.0",
                   "s"
                 ] }),
-                /* @__PURE__ */ t(
+                /* @__PURE__ */ e(
                   "button",
                   {
-                    onClick: () => b(Math.round((x + 0.1) * 10) / 10),
+                    onClick: () => b(Math.round((w + 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__ */ t(cs, { className: "w-4 h-4" })
+                    children: /* @__PURE__ */ e(ki, { className: "w-4 h-4" })
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ e(
               ce,
               {
                 label: "Vertical Position",
-                icon: /* @__PURE__ */ t(ms, { className: "w-4 h-4" }),
-                value: c.verticalOffset,
+                icon: /* @__PURE__ */ e(Ti, { className: "w-4 h-4" }),
+                value: d.verticalOffset,
                 min: 0,
                 max: 200,
                 step: 5,
@@ -1720,13 +1335,13 @@ const _i = y("Zap", [
               }
             )
           ] }),
-          /* @__PURE__ */ h(Y, { title: "Appearance", children: [
-            /* @__PURE__ */ t(
+          /* @__PURE__ */ l(Y, { title: "Appearance", children: [
+            /* @__PURE__ */ e(
               ce,
               {
                 label: "Text Size",
-                icon: /* @__PURE__ */ t(us, { className: "w-4 h-4" }),
-                value: c.textSize,
+                icon: /* @__PURE__ */ e(Ci, { className: "w-4 h-4" }),
+                value: d.textSize,
                 min: 50,
                 max: 200,
                 step: 10,
@@ -1734,38 +1349,38 @@ const _i = y("Zap", [
                 formatValue: (p) => `${p}%`
               }
             ),
-            /* @__PURE__ */ h("div", { className: "py-2.5 px-3 rounded-lg hover:bg-white/5 group transition-colors", children: [
-              /* @__PURE__ */ h("div", { className: "flex items-center gap-3 mb-2", children: [
-                /* @__PURE__ */ t(Ct, { className: "w-4 h-4 text-zinc-500 group-hover:text-zinc-400 transition-colors" }),
-                /* @__PURE__ */ t("span", { className: "text-xs font-bold text-zinc-400 uppercase tracking-wider group-hover:text-zinc-300 transition-colors", children: "Text Color" })
+            /* @__PURE__ */ l("div", { className: "py-2.5 px-3 rounded-lg hover:bg-white/5 group transition-colors", children: [
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-3 mb-2", children: [
+                /* @__PURE__ */ e(St, { 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: "Text Color" })
               ] }),
-              /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 p-1 bg-zinc-800/50 rounded-lg", children: [
-                ["#ffffff", "#ffff00", "#00ffff", "#ff00ff", "#ff0000", "#00ff00"].map((p) => /* @__PURE__ */ t(
+              /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-2 p-1 bg-zinc-800/50 rounded-lg", children: [
+                ["#ffffff", "#ffff00", "#00ffff", "#ff00ff", "#ff0000", "#00ff00"].map((p) => /* @__PURE__ */ e(
                   "button",
                   {
                     onClick: () => m({ textColor: p }),
-                    className: `w-6 h-6 rounded-full border border-white/10 transition-transform hover:scale-110 ${c.textColor === p ? "ring-2 scale-110" : ""}`,
+                    className: `w-6 h-6 rounded-full border border-white/10 transition-transform hover:scale-110 ${d.textColor === p ? "ring-2 scale-110" : ""}`,
                     style: { backgroundColor: p, "--tw-ring-color": "var(--accent)" }
                   },
                   p
                 )),
-                /* @__PURE__ */ t("div", { className: "w-px h-6 bg-white/10 mx-1" }),
-                /* @__PURE__ */ t("div", { className: "relative w-6 h-6 rounded-full overflow-hidden ring-1 ring-white/20 cursor-pointer", children: /* @__PURE__ */ t(
+                /* @__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(
                   "input",
                   {
                     type: "color",
-                    value: c.textColor,
+                    value: d.textColor,
                     onChange: (p) => m({ textColor: p.target.value }),
                     className: "absolute inset-[-4px] w-[150%] h-[150%] cursor-pointer p-0 border-0"
                   }
                 ) })
               ] })
             ] }),
-            /* @__PURE__ */ t(
-              Ms,
+            /* @__PURE__ */ e(
+              ji,
               {
                 label: "Text Style",
-                value: c.textStyle,
+                value: d.textStyle,
                 options: [
                   { label: "None", value: "none" },
                   { label: "Outline", value: "outline" },
@@ -1776,18 +1391,18 @@ const _i = y("Zap", [
                 onChange: (p) => m({ textStyle: p })
               }
             ),
-            /* @__PURE__ */ h("div", { className: "grid grid-cols-2 gap-2 mt-1 px-1", children: [
-              /* @__PURE__ */ t(K, { label: "Bold", icon: /* @__PURE__ */ t(ps, { className: "w-4 h-4" }), checked: c.isBold, onChange: (p) => m({ isBold: p }) }),
-              /* @__PURE__ */ t(K, { label: "Fix Caps", icon: /* @__PURE__ */ t(bs, { className: "w-4 h-4" }), checked: c.fixCapitalization, onChange: (p) => m({ fixCapitalization: p }) })
+            /* @__PURE__ */ l("div", { className: "grid grid-cols-2 gap-2 mt-1 px-1", children: [
+              /* @__PURE__ */ e(K, { label: "Bold", icon: /* @__PURE__ */ e(zi, { className: "w-4 h-4" }), checked: d.isBold, onChange: (p) => m({ isBold: p }) }),
+              /* @__PURE__ */ e(K, { label: "Fix Caps", icon: /* @__PURE__ */ e(Ii, { className: "w-4 h-4" }), checked: d.fixCapitalization, onChange: (p) => m({ fixCapitalization: p }) })
             ] })
           ] }),
-          /* @__PURE__ */ h(Y, { title: "Background", children: [
-            /* @__PURE__ */ t(
+          /* @__PURE__ */ l(Y, { title: "Background", children: [
+            /* @__PURE__ */ e(
               ce,
               {
                 label: "Opacity",
-                icon: /* @__PURE__ */ t(hs, { className: "w-4 h-4" }),
-                value: c.backgroundOpacity,
+                icon: /* @__PURE__ */ e(Ni, { className: "w-4 h-4" }),
+                value: d.backgroundOpacity,
                 min: 0,
                 max: 100,
                 step: 5,
@@ -1795,12 +1410,12 @@ const _i = y("Zap", [
                 formatValue: (p) => `${p}%`
               }
             ),
-            /* @__PURE__ */ t(K, { label: "Blur Background", icon: /* @__PURE__ */ t(vs, { className: "w-4 h-4" }), checked: c.backgroundBlur, onChange: (p) => m({ backgroundBlur: p }) }),
-            c.backgroundBlur && /* @__PURE__ */ t(
+            /* @__PURE__ */ e(K, { label: "Blur Background", icon: /* @__PURE__ */ e(Ri, { className: "w-4 h-4" }), checked: d.backgroundBlur, onChange: (p) => m({ backgroundBlur: p }) }),
+            d.backgroundBlur && /* @__PURE__ */ e(
               ce,
               {
                 label: "Blur Intensity",
-                value: c.backgroundBlurAmount,
+                value: d.backgroundBlurAmount,
                 min: 0,
                 max: 20,
                 step: 1,
@@ -1813,30 +1428,30 @@ const _i = y("Zap", [
       ] })
     ] })
   ] });
-}, Me = ({ content: o }) => typeof o == "string" ? o.trim().startsWith("<") ? /* @__PURE__ */ t("span", { dangerouslySetInnerHTML: { __html: o } }) : /* @__PURE__ */ t("span", { children: o }) : /* @__PURE__ */ t(L, { children: o }), Is = ({ x: o, y: e, items: i, onClose: n, containerWidth: r, containerHeight: c }) => {
-  const m = I(null), [v, x] = C({
-    top: e,
-    left: o,
+}, Me = ({ content: s }) => typeof s == "string" ? s.trim().startsWith("<") ? /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: s } }) : /* @__PURE__ */ e("span", { children: s }) : /* @__PURE__ */ e(L, { children: s }), Wi = ({ x: s, y: t, items: i, onClose: r, containerWidth: o, containerHeight: d }) => {
+  const m = I(null), [v, w] = N({
+    top: t,
+    left: s,
     opacity: 0
   });
-  return Yt(() => {
+  return Kt(() => {
     if (!m.current) return;
-    const b = m.current.getBoundingClientRect(), d = b.width, w = b.height;
-    let k = o, T = e;
-    o + d > r - 10 && (k = o - d), k < 10 && (k = 10), k + d > r && (k = Math.max(10, r - d - 10)), e + w > c - 10 && (T = e - w);
-    let R = c - 20;
-    T < 10 && (T = 10), T + w > c - 10 && (T = Math.max(10, c - w - 10)), x({
-      top: T,
+    const b = m.current.getBoundingClientRect(), h = b.width, y = b.height;
+    let k = s, z = t;
+    s + h > o - 10 && (k = s - h), k < 10 && (k = 10), k + h > o && (k = Math.max(10, o - h - 10)), t + y > d - 10 && (z = t - y);
+    let R = d - 20;
+    z < 10 && (z = 10), z + y > d - 10 && (z = Math.max(10, d - y - 10)), w({
+      top: z,
       left: k,
       maxHeight: R,
       opacity: 1
     });
-  }, [o, e, i, r, c]), E(() => {
-    const b = (d) => {
-      m.current && !m.current.contains(d.target) && n();
+  }, [s, t, i, o, d]), P(() => {
+    const b = (h) => {
+      m.current && !m.current.contains(h.target) && r();
     };
     return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
-  }, [n]), /* @__PURE__ */ t(
+  }, [r]), /* @__PURE__ */ e(
     "div",
     {
       ref: m,
@@ -1849,37 +1464,37 @@ const _i = y("Zap", [
         borderRadius: "var(--radius-lg)"
       },
       onClick: (b) => b.stopPropagation(),
-      children: i.map((b, d) => b.separator ? /* @__PURE__ */ t("div", { className: "h-0 border-t border-white/10 mx-2 my-1.5" }, d) : b.isLabel ? /* @__PURE__ */ t("div", { className: "px-3 py-1.5 text-[10px] font-bold text-zinc-500 uppercase tracking-wider select-none", children: /* @__PURE__ */ t(Me, { content: b.html || "" }) }, d) : /* @__PURE__ */ h(Te.Fragment, { children: [
-        /* @__PURE__ */ h(
+      children: i.map((b, h) => b.separator ? /* @__PURE__ */ e("div", { className: "h-0 border-t border-white/10 mx-2 my-1.5" }, h) : 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(Me, { content: b.html || "" }) }, h) : /* @__PURE__ */ l(ze.Fragment, { children: [
+        /* @__PURE__ */ l(
           "button",
           {
             onClick: () => {
-              b.disabled || (b.click ? b.click(n) : b.onClick && b.onClick(n));
+              b.disabled || (b.click ? b.click(r) : b.onClick && b.onClick(r));
             },
             disabled: b.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__ */ h("div", { className: "flex items-center gap-3 overflow-hidden", children: [
-                b.icon && /* @__PURE__ */ t("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__ */ t(Me, { content: b.icon }) }),
-                /* @__PURE__ */ t("span", { className: `flex items-center font-medium truncate ${b.checked ? "text-[var(--accent)]" : ""}`, children: /* @__PURE__ */ t(Me, { content: b.html || "" }) })
+              /* @__PURE__ */ l("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(Me, { content: b.icon }) }),
+                /* @__PURE__ */ e("span", { className: `flex items-center font-medium truncate ${b.checked ? "text-[var(--accent)]" : ""}`, children: /* @__PURE__ */ e(Me, { content: b.html || "" }) })
               ] }),
-              b.checked && /* @__PURE__ */ t($e, { className: "w-4 h-4 text-[var(--accent)] shrink-0 ml-2" })
+              b.checked && /* @__PURE__ */ e(Le, { className: "w-4 h-4 text-[var(--accent)] shrink-0 ml-2" })
             ]
           }
         ),
-        b.showBorder && /* @__PURE__ */ t("div", { className: "h-0 border-t border-white/10 mx-2 my-1" })
-      ] }, d))
+        b.showBorder && /* @__PURE__ */ e("div", { className: "h-0 border-t border-white/10 mx-2 my-1" })
+      ] }, h))
     }
   );
-}, Rs = ({ player: o, onClose: e }) => {
-  const [i, n] = C({});
-  return E(() => {
-    const r = () => {
-      var x;
-      if (!o.video) return;
-      const m = o.video, v = m.getVideoPlaybackQuality ? m.getVideoPlaybackQuality() : null;
-      n({
+}, Di = ({ player: s, onClose: t }) => {
+  const [i, r] = N({});
+  return P(() => {
+    const o = () => {
+      var w;
+      if (!s.video) return;
+      const m = s.video, v = m.getVideoPlaybackQuality ? m.getVideoPlaybackQuality() : null;
+      r({
         "Player Size": `${m.offsetWidth} x ${m.offsetHeight}`,
         "Video Resolution": `${m.videoWidth} x ${m.videoHeight}`,
         "Current Time": `${m.currentTime.toFixed(3)}s`,
@@ -1887,211 +1502,214 @@ const _i = y("Zap", [
         Volume: `${Math.round(m.volume * 100)}%`,
         "Dropped Frames": v ? v.droppedVideoFrames : "N/A",
         Buffer: m.buffered.length > 0 ? `${(m.buffered.end(m.buffered.length - 1) - m.currentTime).toFixed(2)}s` : "0s",
-        Engine: ((x = o.store.get().sources[o.store.get().currentSourceIndex]) == null ? void 0 : x.type) || "native",
+        Engine: ((w = s.store.get().sources[s.store.get().currentSourceIndex]) == null ? void 0 : w.type) || "native",
         URL: m.currentSrc
       });
     };
-    r();
-    const c = setInterval(r, 1e3);
-    return () => clearInterval(c);
-  }, [o]), /* @__PURE__ */ t("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__ */ h(
+    o();
+    const d = setInterval(o, 1e3);
+    return () => clearInterval(d);
+  }, [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__ */ l(
     "div",
     {
       className: "bg-[var(--bg-panel)] border border-white/10 rounded-xl w-full max-w-md shadow-2xl relative font-mono text-xs text-zinc-300 flex flex-col",
       style: { borderRadius: "var(--radius)", maxHeight: "90%" },
       children: [
-        /* @__PURE__ */ h("div", { className: "p-5 pb-0 flex-shrink-0 relative", children: [
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ l("div", { className: "p-5 pb-0 flex-shrink-0 relative", children: [
+          /* @__PURE__ */ e(
             "button",
             {
-              onClick: (r) => {
-                r.stopPropagation(), e();
+              onClick: (o) => {
+                o.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__ */ t(Ss, { className: "w-4 h-4" })
+              children: /* @__PURE__ */ e(Ai, { className: "w-4 h-4" })
             }
           ),
-          /* @__PURE__ */ t("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("h3", { className: "text-sm font-bold text-white mb-4 uppercase tracking-wider border-b border-white/10 pb-2", children: "Video Statistics" })
         ] }),
-        /* @__PURE__ */ t("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, c]) => /* @__PURE__ */ h("div", { className: "flex flex-col sm:flex-row sm:justify-between sm:items-center gap-1", children: [
-          /* @__PURE__ */ t("span", { className: "text-zinc-500 font-bold shrink-0", children: r }),
-          /* @__PURE__ */ t("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(c), children: String(c) })
-        ] }, r)) })
+        /* @__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(([o, d]) => /* @__PURE__ */ l("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: o }),
+          /* @__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(d), children: String(d) })
+        ] }, o)) })
       ]
     }
   ) });
-}, Ls = [
+}, Ui = [
   { label: "Strata", value: "#6366f1" },
   { label: "Emerald", value: "#10b981" },
   { label: "Rose", value: "#f43f5e" },
   { label: "Amber", value: "#f59e0b" },
   { label: "Sky", value: "#0ea5e9" },
   { label: "Violet", value: "#8b5cf6" }
-], $s = [
+], Gi = [
   { label: "Default", value: "default", color: "#6366f1" },
   { label: "Pixel", value: "pixel", color: "#ef4444" },
   { label: "Game", value: "game", color: "#eab308" },
   { label: "Hacker", value: "hacker", color: "#22c55e" }
-], gt = ({ content: o, className: e, style: i }) => typeof o == "string" ? o.trim().startsWith("<") ? /* @__PURE__ */ t("div", { className: e, style: i, dangerouslySetInnerHTML: { __html: o } }) : /* @__PURE__ */ t("div", { className: e, style: i, children: o }) : /* @__PURE__ */ t("div", { className: e, style: i, children: o }), xt = (o) => {
-  var lt, ct;
-  const { src: e, type: i, sources: n, poster: r, autoPlay: c, thumbnails: m, textTracks: v, plugins: x, onGetInstance: b, ...d } = o, w = d.screenshot ?? !1, k = d.pip ?? !0, T = d.setting ?? !0, R = d.fullscreen ?? !0, p = d.fullscreenWeb ?? !1, D = d.lock ?? !1, W = d.fastForward ?? !0, zt = d.flip ?? !0, Mt = d.aspectRatio ?? !0, Pe = d.hotKey ?? !0, Tt = d.backdrop ?? !0, ue = d.gestureSeek ?? !1, It = d.centerControls ?? !0, Ee = d.fetchTimeout ?? 3e4;
-  d.autoOrientation;
-  const _ = I(null), [s, Ae] = C(null), [he, me] = C(!1), [Be, Rt] = C(0), [Lt, $t] = C(0), Ve = Ce(() => kt(d), []), a = Zt(
-    Ne((l) => s ? s.store.subscribe(l) : () => {
-    }, [s]),
-    () => s ? s.store.get() : Ve,
-    () => Ve
-  ), [$, F] = C(!1), [P, q] = C(!1), [A, M] = C("main"), [Z, fe] = C({ x: 0, y: 0, visible: !1 }), [Pt, Fe] = C(!1), Oe = ut($, 200), je = ut(P, 200), [pe, ne] = C(!1), [re, be] = C(0), [Et, He] = C(!1), [At, De] = C(!1), [ve, ae] = C(!1), [We, qe] = C([]), [Ue, Ge] = C(null), [Bt, Vt] = C(0), [U, _e] = C(null), [X, oe] = C(null), [Ps, Xe] = C(null), [ge, Qe] = C(!1), xe = I(null), Je = I(1), te = I(null), Ke = I(0), ee = I(!1), ie = I(null), G = I(null), ye = I(null), we = I(null), se = I(null);
-  E(() => {
-    if (!_.current) return;
-    const l = new ni({ ...d, poster: r });
-    x && x.length > 0 && x.forEach((g) => l.use(g)), l.attach(_.current), Ae(l), b && b(l);
+], xt = ({ 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 }), wt = (s) => {
+  var ct, dt;
+  const { src: t, type: i, sources: r, poster: o, autoPlay: d, thumbnails: m, textTracks: v, plugins: w, onGetInstance: b, ...h } = s, y = h.screenshot ?? !1, k = h.pip ?? !0, z = h.setting ?? !0, R = h.fullscreen ?? !0, p = h.fullscreenWeb ?? !1, W = h.lock ?? !1, D = h.fastForward ?? !0, Nt = h.flip ?? !0, Tt = h.aspectRatio ?? !0, $e = h.hotKey ?? !0, Mt = h.backdrop ?? !0, ue = h.gestureSeek ?? !1, zt = h.centerControls ?? !0, Ee = h.fetchTimeout ?? 3e4;
+  h.autoOrientation;
+  const q = I(null), [n, Pe] = N(null), [he, me] = N(!1), [Fe, It] = N(0), [Rt, Lt] = N(0), Ae = Ce(() => kt(h), []), a = Yt(
+    Ne((c) => n ? n.store.subscribe(c) : () => {
+    }, [n]),
+    () => n ? n.store.get() : Ae,
+    () => Ae
+  ), [$, V] = N(!1), [E, U] = N(!1), [F, M] = N("main"), [Z, fe] = N({ x: 0, y: 0, visible: !1 }), [$t, Be] = N(!1), Ve = ht($, 200), Oe = ht(E, 200), [pe, ne] = N(!1), [re, be] = N(0), [Et, je] = N(!1), [Pt, He] = N(!1), [ve, oe] = N(!1), [We, De] = N([]), [Ue, Ge] = N(null), [Ft, At] = N(0), [G, _e] = N(null), [Q, ae] = N(null), [_i, qe] = N(null), [ge, Qe] = N(!1), xe = I(null), Xe = I(1), te = I(null), Je = I(0), ee = I(!1), ie = I(null), _ = I(null), we = I(null), ye = I(null), se = I(null);
+  P(() => {
+    if (!q.current) return;
+    const c = new ni({ ...h, poster: o });
+    w && w.length > 0 && w.forEach((g) => c.use(g)), c.attach(q.current), Pe(c), b && b(c);
     const f = new ResizeObserver((g) => {
-      for (const N of g)
-        Rt(N.contentRect.height), $t(N.contentRect.width);
+      for (const S of g)
+        It(S.contentRect.height), Lt(S.contentRect.width);
     });
-    return f.observe(_.current), () => {
-      f.disconnect(), l.destroy(), Ae(null);
+    return f.observe(q.current), () => {
+      f.disconnect(), c.destroy(), Pe(null);
     };
-  }, []), E(() => {
-    if (!s) return;
-    const l = {};
-    d.theme !== void 0 && d.theme !== a.theme && (l.theme = d.theme), d.themeColor !== void 0 && d.themeColor !== a.themeColor && (l.themeColor = d.themeColor), d.iconSize !== void 0 && d.iconSize !== a.iconSize && (l.iconSize = d.iconSize), Object.keys(l).length > 0 && s.setAppearance(l), d.volume !== void 0 && Math.abs(d.volume - a.volume) > 0.01 && s.setVolume(d.volume), d.muted !== void 0 && d.muted !== a.isMuted && (d.muted ? s.video.muted = !0 : s.video.muted = !1);
-  }, [s, d.theme, d.themeColor, d.iconSize, d.volume, d.muted]), E(() => {
-    if (!s) return;
-    const l = v || [];
-    n && n.length > 0 ? (me(!1), s.setSources(n, l)) : e && (me(!1), s.setSources([{ url: e, type: i || "auto" }], l));
-  }, [e, i, n, v, s]), E(() => {
-    s && c && (s.video.muted = !0, s.store.setState({ isMuted: !0 }), s.play().catch(() => {
+  }, []), P(() => {
+    if (!n) return;
+    const c = {};
+    h.theme !== void 0 && h.theme !== a.theme && (c.theme = h.theme), h.themeColor !== void 0 && h.themeColor !== a.themeColor && (c.themeColor = h.themeColor), h.iconSize !== void 0 && h.iconSize !== a.iconSize && (c.iconSize = h.iconSize), Object.keys(c).length > 0 && n.setAppearance(c), h.volume !== void 0 && Math.abs(h.volume - a.volume) > 0.01 && n.setVolume(h.volume), h.muted !== void 0 && h.muted !== a.isMuted && (h.muted ? n.video.muted = !0 : n.video.muted = !1);
+  }, [n, h.theme, h.themeColor, h.iconSize, h.volume, h.muted]), P(() => {
+    if (!n) return;
+    const c = v || [];
+    r && r.length > 0 ? (me(!1), n.setSources(r, c)) : t && (me(!1), n.setSources([{ url: t, type: i || "auto" }], c));
+  }, [t, i, r, v, n]), P(() => {
+    n && d && (n.video.muted = !0, n.store.setState({ isMuted: !0 }), n.play().catch(() => {
     }));
-  }, [s, c]), E(() => {
+  }, [n, d]), P(() => {
     a.isPlaying && !he && me(!0);
-  }, [a.isPlaying, he]), E(() => {
-    m && s ? ai(m, s.notify.bind(s), Ee).then((l) => qe(l)) : qe([]);
-  }, [m, s, Ee]), E(() => (X && (se.current && clearTimeout(se.current), se.current = setTimeout(() => {
-    oe(null);
+  }, [a.isPlaying, he]), P(() => {
+    m && n ? oi(m, n.notify.bind(n), Ee).then((c) => De(c)) : De([]);
+  }, [m, n, Ee]), P(() => (Q && (se.current && clearTimeout(se.current), se.current = setTimeout(() => {
+    ae(null);
   }, 600)), () => {
     se.current && clearTimeout(se.current);
-  }), [X]), E(() => {
-    const l = (f) => {
-      var g;
-      if (!(!s || !Pe) && ((g = document.activeElement) == null ? void 0 : g.tagName) !== "INPUT")
-        switch (f.key.toLowerCase()) {
-          case " ":
-          case "k":
-            f.preventDefault(), s.togglePlay();
-            break;
-          case "arrowright":
-            f.preventDefault(), s.skip(5);
-            break;
-          case "arrowleft":
-            f.preventDefault(), s.skip(-5);
-            break;
-          case "arrowup":
-            f.preventDefault(), s.setVolume(s.video.volume + 0.1);
-            break;
-          case "arrowdown":
-            f.preventDefault(), s.setVolume(s.video.volume - 0.1);
-            break;
-          case "f":
-            f.preventDefault(), s.toggleFullscreen();
-            break;
-          case "m":
-            f.preventDefault(), s.toggleMute();
-            break;
-        }
+  }), [Q]), P(() => {
+    const c = (f) => {
+      var S;
+      if (!n || !$e || ((S = document.activeElement) == null ? void 0 : S.tagName) === "INPUT") return;
+      switch (f.key.toLowerCase()) {
+        case " ":
+        case "k":
+          f.preventDefault(), n.togglePlay();
+          break;
+        case "arrowright":
+          f.preventDefault(), n.skip(5);
+          break;
+        case "arrowleft":
+          f.preventDefault(), n.skip(-5);
+          break;
+        case "arrowup":
+          f.preventDefault(), n.setVolume(n.video.volume + 0.1);
+          break;
+        case "arrowdown":
+          f.preventDefault(), n.setVolume(n.video.volume - 0.1);
+          break;
+        case "f":
+          f.preventDefault(), n.toggleFullscreen();
+          break;
+        case "m":
+          f.preventDefault(), n.toggleMute();
+          break;
+        case "escape":
+          n.store.get().isWebFullscreen && (f.preventDefault(), n.toggleWebFullscreen());
+          break;
+      }
     };
-    return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
-  }, [s, Pe]);
-  const Ye = () => {
-    s && (s.setControlsVisible(!0), G.current && clearTimeout(G.current), !($ || P) && (G.current = setTimeout(() => {
-      !a.isPlaying || $ || P || s.setControlsVisible(!1);
+    return window.addEventListener("keydown", c), () => window.removeEventListener("keydown", c);
+  }, [n, $e]);
+  const Ke = () => {
+    n && (n.setControlsVisible(!0), _.current && clearTimeout(_.current), !($ || E) && (_.current = setTimeout(() => {
+      !a.isPlaying || $ || E || n.setControlsVisible(!1);
     }, 2500)));
   };
-  E(() => {
-    s && (!$ && !P && a.isPlaying ? Ye() : ($ || P) && (s.setControlsVisible(!0), G.current && clearTimeout(G.current)));
-  }, [$, P, a.isPlaying, s]);
-  const Ze = Ne(() => {
-    !W || !s || !a.isPlaying || a.isLocked || (Je.current = s.video.playbackRate, xe.current = setTimeout(() => {
-      s.video.playbackRate = 2, Qe(!0);
+  P(() => {
+    n && (!$ && !E && a.isPlaying ? Ke() : ($ || E) && (n.setControlsVisible(!0), _.current && clearTimeout(_.current)));
+  }, [$, E, a.isPlaying, n]);
+  const Ye = Ne(() => {
+    !D || !n || !a.isPlaying || a.isLocked || (Xe.current = n.video.playbackRate, xe.current = setTimeout(() => {
+      n.video.playbackRate = 2, Qe(!0);
     }, 500));
-  }, [W, s, a.isPlaying, a.isLocked]), ke = Ne(() => {
-    xe.current && clearTimeout(xe.current), ge && s && (s.video.playbackRate = Je.current, Qe(!1));
-  }, [ge, s]), Ft = (l) => {
-    Ze(), ue && !a.isLocked && (te.current = l.touches[0].clientX, Ke.current = a.currentTime, ee.current = !1);
-  }, Ot = (l) => {
+  }, [D, n, a.isPlaying, a.isLocked]), ke = Ne(() => {
+    xe.current && clearTimeout(xe.current), ge && n && (n.video.playbackRate = Xe.current, Qe(!1));
+  }, [ge, n]), Bt = (c) => {
+    Ye(), ue && !a.isLocked && (te.current = c.touches[0].clientX, Je.current = a.currentTime, ee.current = !1);
+  }, Vt = (c) => {
     if (!a.isLocked && ue && te.current !== null) {
-      const f = l.touches[0].clientX - te.current;
-      if (Math.abs(f) > 10 && (ke(), ee.current = !0, ne(!0), _.current && a.duration)) {
-        const g = _.current.getBoundingClientRect(), N = f / g.width, j = Math.max(0, Math.min(a.duration, Ke.current + N * a.duration));
+      const f = c.touches[0].clientX - te.current;
+      if (Math.abs(f) > 10 && (ke(), ee.current = !0, ne(!0), q.current && a.duration)) {
+        const g = q.current.getBoundingClientRect(), S = f / g.width, j = Math.max(0, Math.min(a.duration, Je.current + S * a.duration));
         be(j);
       }
     }
-  }, jt = (l) => {
+  }, Ot = (c) => {
     if (ke(), ue && ee.current) {
-      s == null || s.seek(re), ne(!1), ee.current = !1, te.current = null;
+      n == null || n.seek(re), ne(!1), ee.current = !1, te.current = null;
       return;
     }
     te.current = null;
-  }, Se = (l) => {
-    if (!ye.current || !a.duration) return 0;
-    const f = ye.current.getBoundingClientRect(), g = "touches" in l ? l.touches[0].clientX : l.clientX;
+  }, Se = (c) => {
+    if (!we.current || !a.duration) return 0;
+    const f = we.current.getBoundingClientRect(), g = "touches" in c ? c.touches[0].clientX : c.clientX;
     return Math.max(0, Math.min(1, (g - f.left) / f.width)) * a.duration;
-  }, et = (l) => {
+  }, Ze = (c) => {
     if (a.isLocked) return;
-    ne(!0), be(Se(l));
-    const f = (N) => be(Se(N)), g = (N) => {
-      s == null || s.seek(Se(N)), ne(!1), document.removeEventListener("mousemove", f), document.removeEventListener("touchmove", f), document.removeEventListener("mouseup", g), document.removeEventListener("touchend", g);
+    ne(!0), be(Se(c));
+    const f = (S) => be(Se(S)), g = (S) => {
+      n == null || n.seek(Se(S)), ne(!1), document.removeEventListener("mousemove", f), document.removeEventListener("touchmove", f), document.removeEventListener("mouseup", g), document.removeEventListener("touchend", g);
     };
     document.addEventListener("mousemove", f), document.addEventListener("touchmove", f), document.addEventListener("mouseup", g), document.addEventListener("touchend", g);
-  }, tt = (l) => {
-    if (!we.current) return 0;
-    const f = we.current.getBoundingClientRect(), g = "touches" in l ? l.touches[0].clientX : l.clientX;
+  }, et = (c) => {
+    if (!ye.current) return 0;
+    const f = ye.current.getBoundingClientRect(), g = "touches" in c ? c.touches[0].clientX : c.clientX;
     return Math.max(0, Math.min(1, (g - f.left) / f.width));
-  }, it = (l) => {
-    if (!s || a.isLocked) return;
-    He(!0), s.setVolume(tt(l));
-    const f = (N) => s.setVolume(tt(N)), g = () => {
-      He(!1), document.removeEventListener("mousemove", f), document.removeEventListener("touchmove", f), document.removeEventListener("mouseup", g), document.removeEventListener("touchend", g);
+  }, tt = (c) => {
+    if (!n || a.isLocked) return;
+    je(!0), n.setVolume(et(c));
+    const f = (S) => n.setVolume(et(S)), g = () => {
+      je(!1), document.removeEventListener("mousemove", f), document.removeEventListener("touchmove", f), document.removeEventListener("mouseup", g), document.removeEventListener("touchend", g);
     };
     document.addEventListener("mousemove", f), document.addEventListener("touchmove", f), document.addEventListener("mouseup", g), document.addEventListener("touchend", g);
-  }, Ht = (l) => {
+  }, jt = (c) => {
     if (!a.duration || a.isLive) return;
-    const f = l.currentTarget.getBoundingClientRect(), g = (l.clientX - f.left) / f.width, N = g * a.duration;
-    Vt(g * 100), Ge(N), We.length > 0 && _e(We.find((j) => N >= j.start && N < j.end) || null);
-  }, le = (l) => {
-    !s || a.isLocked || (s.skip(l === "forward" ? 10 : -10), Xe(l), setTimeout(() => Xe(null), 300));
-  }, Dt = (l) => {
-    if (!s) return;
+    const f = c.currentTarget.getBoundingClientRect(), g = (c.clientX - f.left) / f.width, S = g * a.duration;
+    At(g * 100), Ge(S), We.length > 0 && _e(We.find((j) => S >= j.start && S < j.end) || null);
+  }, le = (c) => {
+    !n || a.isLocked || (n.skip(c === "forward" ? 10 : -10), qe(c), setTimeout(() => qe(null), 300));
+  }, Ht = (c) => {
+    if (!n) return;
     if (ee.current) {
       ee.current = !1;
       return;
     }
-    if ($ && F(!1), P && q(!1), ve && ae(!1), Z.visible && fe({ ...Z, visible: !1 }), s.setControlsVisible(!0), G.current && clearTimeout(G.current), G.current = setTimeout(() => {
-      !a.isPlaying || $ || P || s.setControlsVisible(!1);
+    if ($ && V(!1), E && U(!1), ve && oe(!1), Z.visible && fe({ ...Z, visible: !1 }), n.setControlsVisible(!0), _.current && clearTimeout(_.current), _.current = setTimeout(() => {
+      !a.isPlaying || $ || E || n.setControlsVisible(!1);
     }, 2500), a.isLocked) return;
-    const f = l.currentTarget.getBoundingClientRect(), g = l.clientX - f.left, N = f.width, j = Date.now();
-    ie.current ? (clearTimeout(ie.current), ie.current = null, g < N * 0.35 ? (le("rewind"), oe({ type: "rewind", id: j })) : g > N * 0.65 ? (le("forward"), oe({ type: "forward", id: j })) : s.toggleFullscreen()) : ie.current = setTimeout(() => {
-      s.togglePlay(), ie.current = null;
+    const f = c.currentTarget.getBoundingClientRect(), g = c.clientX - f.left, S = f.width, j = Date.now();
+    ie.current ? (clearTimeout(ie.current), ie.current = null, g < S * 0.35 ? (le("rewind"), ae({ type: "rewind", id: j })) : g > S * 0.65 ? (le("forward"), ae({ type: "forward", id: j })) : n.toggleFullscreen()) : ie.current = setTimeout(() => {
+      n.togglePlay(), ie.current = null;
     }, 250);
-  }, Wt = (l) => {
+  }, Wt = (c) => {
     var g;
-    if (l.preventDefault(), a.isLocked) return;
-    const f = (g = _.current) == null ? void 0 : g.getBoundingClientRect();
+    if (c.preventDefault(), a.isLocked) return;
+    const f = (g = q.current) == null ? void 0 : g.getBoundingClientRect();
     f && fe({
       visible: !0,
-      x: l.clientX - f.left,
-      y: l.clientY - f.top
+      x: c.clientX - f.left,
+      y: c.clientY - f.top
     });
-  }, qt = (l) => {
-    l.stopPropagation();
+  }, Dt = (c) => {
+    c.stopPropagation();
     const f = "ontouchstart" in window || navigator.maxTouchPoints > 0, g = window.matchMedia("(hover: none)").matches || f;
     if (ve) {
-      ae(!1);
+      oe(!1);
       return;
     }
-    g ? ae(!0) : s == null || s.toggleMute();
-  }, Ut = a.isMuted || a.volume === 0 ? Ji : a.volume < 0.5 ? Qi : Xi, st = Math.max(100, Be - 120), Gt = () => {
+    g ? oe(!0) : n == null || n.toggleMute();
+  }, Ut = a.isMuted || a.volume === 0 ? ci : a.volume < 0.5 ? li : ai, it = Math.max(100, Fe - 120), Gt = () => {
     switch (a.iconSize) {
       case "small":
         return "w-4 h-4";
@@ -2109,7 +1727,7 @@ const _i = y("Zap", [
       default:
         return "p-2.5 min-w-[36px] min-h-[36px]";
     }
-  }, B = Gt(), O = _t(), Q = (() => {
+  }, A = Gt(), O = _t(), X = (() => {
     switch (a.iconSize) {
       case "small":
         return {
@@ -2133,8 +1751,8 @@ const _i = y("Zap", [
           skipIcon: "w-6 h-6"
         };
     }
-  })(), Xt = !a.isLocked && (a.controlsVisible || !a.isPlaying || $ || P), nt = At || Et || ve, rt = Tt ? "backdrop-blur-xl bg-black/80" : "bg-black/95", at = Ce(() => {
-    const l = [
+  })(), qt = !a.isLocked && (a.controlsVisible || !a.isPlaying || $ || E), st = Pt || Et || ve, nt = Mt ? "backdrop-blur-xl bg-black/80" : "bg-black/95", rt = Ce(() => {
+    const c = [
       { id: "play", position: "left", index: 10, isBuiltIn: !0 },
       { id: "volume", position: "left", index: 20, isBuiltIn: !0 },
       { id: "time", position: "left", index: 30, isBuiltIn: !0 },
@@ -2146,192 +1764,192 @@ const _i = y("Zap", [
       { id: "fullscreenWeb", position: "right", index: 110, isBuiltIn: !0 },
       { id: "fullscreen", position: "right", index: 120, isBuiltIn: !0 }
     ];
-    return d.controls && d.controls.forEach((f) => {
-      const g = l.find((N) => N.id === f.id);
-      g ? Object.assign(g, f) : l.push(f);
-    }), l.filter((f) => !(f.id === "screenshot" && !w || f.id === "pip" && !k || f.id === "settings" && !T || f.id === "fullscreen" && !R || f.id === "fullscreenWeb" && !p)).sort((f, g) => f.index - g.index);
-  }, [d.controls, w, k, T, R, p]), ot = (l) => {
-    var f, g, N, j, dt;
-    if (!l.isBuiltIn)
-      return /* @__PURE__ */ t(
+    return h.controls && h.controls.forEach((f) => {
+      const g = c.find((S) => S.id === f.id);
+      g ? Object.assign(g, f) : c.push(f);
+    }), c.filter((f) => !(f.id === "screenshot" && !y || f.id === "pip" && !k || f.id === "settings" && !z || f.id === "fullscreen" && !R || f.id === "fullscreenWeb" && !p)).sort((f, g) => f.index - g.index);
+  }, [h.controls, y, k, z, R, p]), ot = (c) => {
+    var f, g, S, j, ut;
+    if (!c.isBuiltIn)
+      return /* @__PURE__ */ e(
         "button",
         {
           onClick: () => {
-            l.click ? l.click(s) : l.onClick && l.onClick(s);
+            c.click ? c.click(n) : c.onClick && c.onClick(n);
           },
-          className: `strata-control-btn text-zinc-300 hover:text-white transition-colors hover:bg-white/10 focus:outline-none flex items-center justify-center ${O} ${l.className || ""}`,
-          style: { borderRadius: "var(--radius)", ...l.style },
-          title: l.tooltip,
-          children: /* @__PURE__ */ t(gt, { content: l.html || "" })
+          className: `strata-control-btn text-zinc-300 hover:text-white transition-colors hover:bg-white/10 focus:outline-none flex items-center justify-center ${O} ${c.className || ""}`,
+          style: { borderRadius: "var(--radius)", ...c.style },
+          title: c.tooltip,
+          children: /* @__PURE__ */ e(xt, { content: c.html || "" })
         },
-        l.index
+        c.index
       );
-    switch (l.id) {
+    switch (c.id) {
       case "play":
-        return /* @__PURE__ */ t("button", { onClick: () => s == null ? void 0 : s.togglePlay(), className: `strata-control-btn text-zinc-300 hover:text-white transition-colors hover:bg-white/10 focus:outline-none ${O}`, style: { borderRadius: "var(--radius)" }, children: a.isPlaying ? /* @__PURE__ */ t(mt, { className: `${B} fill-current` }) : /* @__PURE__ */ t(ht, { className: `${B} fill-current` }) }, "play");
+        return /* @__PURE__ */ e("button", { onClick: () => n == null ? void 0 : n.togglePlay(), className: `strata-control-btn text-zinc-300 hover:text-white transition-colors hover:bg-white/10 focus:outline-none ${O}`, style: { borderRadius: "var(--radius)" }, children: a.isPlaying ? /* @__PURE__ */ e(ft, { className: `${A} fill-current` }) : /* @__PURE__ */ e(mt, { className: `${A} fill-current` }) }, "play");
       case "volume":
-        return /* @__PURE__ */ h(
+        return /* @__PURE__ */ l(
           "div",
           {
             className: "flex items-center gap-2 group/vol relative",
             onMouseEnter: () => {
-              window.matchMedia("(hover: hover)").matches && De(!0);
+              window.matchMedia("(hover: hover)").matches && He(!0);
             },
             onMouseLeave: () => {
-              window.matchMedia("(hover: hover)").matches && De(!1);
+              window.matchMedia("(hover: hover)").matches && He(!1);
             },
             children: [
-              /* @__PURE__ */ t("button", { onClick: qt, className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 focus:outline-none ${O}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ t(Ut, { className: B }) }),
-              /* @__PURE__ */ t("div", { className: `relative h-8 flex items-center transition-all duration-300 ease-out overflow-hidden ${nt ? "w-28 opacity-100 ml-1" : "w-0 opacity-0"}`, children: /* @__PURE__ */ h("div", { ref: we, className: "relative w-full h-full flex items-center cursor-pointer px-2", onMouseDown: it, onTouchStart: it, children: [
-                /* @__PURE__ */ t("div", { className: "w-full h-1 bg-white/20 overflow-hidden", style: { borderRadius: "var(--radius-full)" }, children: /* @__PURE__ */ t("div", { className: "h-full bg-white", style: { width: `${(a.isMuted ? 0 : a.volume) * 100}%`, borderRadius: "var(--radius-full)" } }) }),
-                /* @__PURE__ */ t("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)" } })
+              /* @__PURE__ */ e("button", { onClick: Dt, className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 focus:outline-none ${O}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ e(Ut, { className: A }) }),
+              /* @__PURE__ */ e("div", { className: `relative h-8 flex items-center transition-all duration-300 ease-out overflow-hidden ${st ? "w-28 opacity-100 ml-1" : "w-0 opacity-0"}`, children: /* @__PURE__ */ l("div", { ref: ye, className: "relative w-full h-full flex items-center cursor-pointer px-2", onMouseDown: tt, onTouchStart: tt, 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)" } })
               ] }) }),
-              nt && /* @__PURE__ */ t("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)}%` })
+              st && /* @__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 d.isLive ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 px-2 py-0.5 bg-red-500/10 border border-red-500/20 rounded-md", children: [
-          /* @__PURE__ */ t("div", { className: "w-2 h-2 rounded-full bg-red-500 animate-pulse" }),
-          /* @__PURE__ */ t("span", { className: "text-[10px] font-bold text-red-500 tracking-wider", children: "LIVE" })
-        ] }, "live") : /* @__PURE__ */ h("div", { className: "text-xs font-medium text-zinc-400 font-mono select-none hidden sm:block tabular-nums", children: [
-          ze(pe ? re : a.currentTime),
+        return h.isLive ? /* @__PURE__ */ l("div", { className: "flex items-center gap-2 px-2 py-0.5 bg-red-500/10 border border-red-500/20 rounded-md", children: [
+          /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full bg-red-500 animate-pulse" }),
+          /* @__PURE__ */ e("span", { className: "text-[10px] font-bold text-red-500 tracking-wider", children: "LIVE" })
+        ] }, "live") : /* @__PURE__ */ l("div", { className: "text-xs font-medium text-zinc-400 font-mono select-none hidden sm:block tabular-nums", children: [
+          Te(pe ? re : a.currentTime),
           " ",
-          /* @__PURE__ */ t("span", { className: "text-zinc-600", children: "/" }),
+          /* @__PURE__ */ e("span", { className: "text-zinc-600", children: "/" }),
           " ",
-          ze(a.duration)
+          Te(a.duration)
         ] }, "time");
       case "subtitle":
-        return /* @__PURE__ */ h("div", { className: "relative", children: [
-          /* @__PURE__ */ t("button", { onClick: (u) => {
-            u.stopPropagation(), q(!P), F(!1);
-          }, className: `strata-control-btn transition-colors focus:outline-none ${O} ${P ? "text-[var(--accent)] bg-white/10" : "text-zinc-300 hover:text-white hover:bg-white/10"}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ t(ts, { className: B }) }),
-          je.isMounted && /* @__PURE__ */ t(
-            Ts,
+        return /* @__PURE__ */ l("div", { className: "relative", children: [
+          /* @__PURE__ */ e("button", { onClick: (u) => {
+            u.stopPropagation(), U(!E), V(!1);
+          }, className: `strata-control-btn transition-colors focus:outline-none ${O} ${E ? "text-[var(--accent)] bg-white/10" : "text-zinc-300 hover:text-white hover:bg-white/10"}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ e(fi, { className: A }) }),
+          Oe.isMounted && /* @__PURE__ */ e(
+            Hi,
             {
               tracks: a.subtitleTracks,
               current: a.currentSubtitle,
-              onSelect: (u) => s == null ? void 0 : s.setSubtitle(u),
-              onUpload: (u) => s == null ? void 0 : s.addTextTrack(u, u.name),
-              onClose: () => q(!1),
+              onSelect: (u) => n == null ? void 0 : n.setSubtitle(u),
+              onUpload: (u) => n == null ? void 0 : n.addTextTrack(u, u.name),
+              onClose: () => U(!1),
               settings: a.subtitleSettings,
-              onSettingsChange: (u) => s == null ? void 0 : s.updateSubtitleSettings(u),
-              onReset: () => s == null ? void 0 : s.resetSubtitleSettings(),
+              onSettingsChange: (u) => n == null ? void 0 : n.updateSubtitleSettings(u),
+              onReset: () => n == null ? void 0 : n.resetSubtitleSettings(),
               offset: a.subtitleOffset,
-              onOffsetChange: (u) => s == null ? void 0 : s.setSubtitleOffset(u),
-              maxHeight: st,
-              animationClass: `strata-backdrop ${rt} ${je.isVisible ? "opacity-100 translate-y-0 scale-100" : "opacity-0 translate-y-2 scale-95"}`
+              onOffsetChange: (u) => n == null ? void 0 : n.setSubtitleOffset(u),
+              maxHeight: it,
+              animationClass: `strata-backdrop ${nt} ${Oe.isVisible ? "opacity-100 translate-y-0 scale-100" : "opacity-0 translate-y-2 scale-95"}`
             }
           )
         ] }, "subtitle");
       case "screenshot":
-        return /* @__PURE__ */ t("button", { onClick: () => s == null ? void 0 : s.screenshot(), className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 transition-colors hidden sm:block focus:outline-none ${O}`, style: { borderRadius: "var(--radius)" }, title: "Screenshot", children: /* @__PURE__ */ t(gs, { className: B }) }, "ss");
+        return /* @__PURE__ */ e("button", { onClick: () => n == null ? void 0 : n.screenshot(), className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 transition-colors hidden sm:block focus:outline-none ${O}`, style: { borderRadius: "var(--radius)" }, title: "Screenshot", children: /* @__PURE__ */ e(Li, { className: A }) }, "ss");
       case "pip":
-        return /* @__PURE__ */ t("button", { onClick: () => s == null ? void 0 : s.togglePip(), className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 transition-colors hidden sm:block focus:outline-none ${O}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ t(es, { className: B }) }, "pip");
+        return /* @__PURE__ */ e("button", { onClick: () => n == null ? void 0 : n.togglePip(), className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 transition-colors hidden sm:block focus:outline-none ${O}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ e(mi, { className: A }) }, "pip");
       case "download":
-        return /* @__PURE__ */ t("button", { onClick: () => s == null ? void 0 : s.download(), className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 transition-colors hidden sm:block focus:outline-none ${O}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ t(is, { className: B }) }, "dl");
+        return /* @__PURE__ */ e("button", { onClick: () => n == null ? void 0 : n.download(), className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 transition-colors hidden sm:block focus:outline-none ${O}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ e(pi, { className: A }) }, "dl");
       case "fullscreen":
-        return /* @__PURE__ */ t("button", { onClick: () => s == null ? void 0 : s.toggleFullscreen(), className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 rounded-lg transition-transform hover:scale-110 focus:outline-none ${O}`, style: { borderRadius: "var(--radius)" }, children: a.isFullscreen ? /* @__PURE__ */ t(Yi, { className: B }) : /* @__PURE__ */ t(Ki, { className: B }) }, "fs");
+        return /* @__PURE__ */ e("button", { onClick: () => n == null ? void 0 : n.toggleFullscreen(), className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 rounded-lg transition-transform hover:scale-110 focus:outline-none ${O}`, style: { borderRadius: "var(--radius)" }, children: a.isFullscreen ? /* @__PURE__ */ e(ui, { className: A }) : /* @__PURE__ */ e(di, { className: A }) }, "fs");
       case "fullscreenWeb":
-        return /* @__PURE__ */ t("button", { className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 hidden sm:block focus:outline-none ${O}`, style: { borderRadius: "var(--radius)" }, title: "Web Fullscreen", children: /* @__PURE__ */ t(ws, { className: B }) }, "fsw");
+        return /* @__PURE__ */ e("button", { onClick: () => n == null ? void 0 : n.toggleWebFullscreen(), className: `strata-control-btn text-zinc-300 hover:text-white hover:bg-white/10 hidden sm:block focus:outline-none ${O} ${a.isWebFullscreen ? "text-[var(--accent)]" : ""}`, style: { borderRadius: "var(--radius)" }, title: "Web Fullscreen", children: /* @__PURE__ */ e(Pi, { className: A }) }, "fsw");
       case "settings":
-        return /* @__PURE__ */ h("div", { className: "relative", children: [
-          /* @__PURE__ */ t("button", { onClick: (u) => {
-            u.stopPropagation(), F(!$), q(!1), M("main");
-          }, className: `strata-control-btn transition-all duration-300 focus:outline-none ${O} ${$ ? "rotate-90 text-[var(--accent)] bg-white/10" : "text-zinc-300 hover:text-white hover:bg-white/10"}`, style: { borderRadius: "var(--radius)" }, children: /* @__PURE__ */ t(Zi, { className: B }) }),
-          Oe.isMounted && /* @__PURE__ */ t(Nt, { onClose: () => F(!1), align: "right", maxHeight: st, className: `strata-backdrop ${rt} ${Oe.isVisible ? "opacity-100 translate-y-0 scale-100" : "opacity-0 translate-y-2 scale-95"}`, children: /* @__PURE__ */ h("div", { className: "w-full", children: [
-            A === "main" && /* @__PURE__ */ h("div", { className: "animate-in slide-in-from-left-4 fade-in duration-200", children: [
-              /* @__PURE__ */ t("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__ */ t("span", { children: "Settings" }) }),
-              a.sources.length > 1 && /* @__PURE__ */ t(z, { label: "Source", value: ((f = a.sources[a.currentSourceIndex]) == null ? void 0 : f.name) || `Source ${a.currentSourceIndex + 1}`, onClick: () => M("sources"), hasSubmenu: !0 }),
-              /* @__PURE__ */ t(z, { label: "Speed", value: `${a.playbackRate}x`, onClick: () => M("speed"), hasSubmenu: !0 }),
-              /* @__PURE__ */ t(z, { label: "Quality", value: a.currentQuality === -1 ? "Auto" : `${(g = a.qualityLevels[a.currentQuality]) == null ? void 0 : g.height}p`, onClick: () => M("quality"), hasSubmenu: !0 }),
-              /* @__PURE__ */ t(z, { label: "Audio", value: ((N = a.audioTracks[a.currentAudioTrack]) == null ? void 0 : N.label) || "Default", onClick: () => M("audio"), hasSubmenu: !0 }),
-              zt && /* @__PURE__ */ t(z, { label: "Flip", value: a.flipState.horizontal ? "H" : a.flipState.vertical ? "V" : "Normal", onClick: () => M("flip"), hasSubmenu: !0 }),
-              Mt && /* @__PURE__ */ t(z, { label: "Aspect Ratio", value: a.aspectRatio, onClick: () => M("ratio"), hasSubmenu: !0 }),
-              /* @__PURE__ */ t(vt, {}),
-              /* @__PURE__ */ t(z, { label: "Audio Boost", value: a.audioGain > 1 ? `${a.audioGain}x` : "Off", onClick: () => M("boost"), hasSubmenu: !0 }),
-              /* @__PURE__ */ t(z, { label: "Watch Party", icon: /* @__PURE__ */ t(as, { className: "w-4 h-4" }), onClick: () => M("party"), hasSubmenu: !0 }),
-              /* @__PURE__ */ t(z, { label: "Cast to Device", icon: /* @__PURE__ */ t(rs, { className: "w-4 h-4" }), onClick: () => {
-                s == null || s.requestCast(), F(!1);
+        return /* @__PURE__ */ l("div", { className: "relative", children: [
+          /* @__PURE__ */ e("button", { onClick: (u) => {
+            u.stopPropagation(), V(!$), U(!1), M("main");
+          }, className: `strata-control-btn transition-all duration-300 focus:outline-none ${O} ${$ ? "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(hi, { className: A }) }),
+          Ve.isMounted && /* @__PURE__ */ e(Ct, { onClose: () => V(!1), align: "right", maxHeight: it, className: `strata-backdrop ${nt} ${Ve.isVisible ? "opacity-100 translate-y-0 scale-100" : "opacity-0 translate-y-2 scale-95"}`, children: /* @__PURE__ */ l("div", { className: "w-full", children: [
+            F === "main" && /* @__PURE__ */ l("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" }) }),
+              a.sources.length > 1 && /* @__PURE__ */ e(T, { label: "Source", value: ((f = a.sources[a.currentSourceIndex]) == null ? void 0 : f.name) || `Source ${a.currentSourceIndex + 1}`, onClick: () => M("sources"), hasSubmenu: !0 }),
+              /* @__PURE__ */ e(T, { label: "Speed", value: `${a.playbackRate}x`, onClick: () => M("speed"), hasSubmenu: !0 }),
+              /* @__PURE__ */ e(T, { label: "Quality", value: a.currentQuality === -1 ? "Auto" : `${(g = a.qualityLevels[a.currentQuality]) == null ? void 0 : g.height}p`, onClick: () => M("quality"), hasSubmenu: !0 }),
+              /* @__PURE__ */ e(T, { label: "Audio", value: ((S = a.audioTracks[a.currentAudioTrack]) == null ? void 0 : S.label) || "Default", onClick: () => M("audio"), hasSubmenu: !0 }),
+              Nt && /* @__PURE__ */ e(T, { label: "Flip", value: a.flipState.horizontal ? "H" : a.flipState.vertical ? "V" : "Normal", onClick: () => M("flip"), hasSubmenu: !0 }),
+              Tt && /* @__PURE__ */ e(T, { label: "Aspect Ratio", value: a.aspectRatio, onClick: () => M("ratio"), hasSubmenu: !0 }),
+              /* @__PURE__ */ e(gt, {}),
+              /* @__PURE__ */ e(T, { label: "Audio Boost", value: a.audioGain > 1 ? `${a.audioGain}x` : "Off", onClick: () => M("boost"), hasSubmenu: !0 }),
+              /* @__PURE__ */ e(T, { label: "Watch Party", icon: /* @__PURE__ */ e(xi, { className: "w-4 h-4" }), onClick: () => M("party"), hasSubmenu: !0 }),
+              /* @__PURE__ */ e(T, { label: "Cast to Device", icon: /* @__PURE__ */ e(gi, { className: "w-4 h-4" }), onClick: () => {
+                n == null || n.requestCast(), V(!1);
               } }),
-              (j = d.settings) == null ? void 0 : j.map((u, J) => u.switch !== void 0 ? /* @__PURE__ */ t("div", { className: "px-1", children: /* @__PURE__ */ t(
+              (j = h.settings) == null ? void 0 : j.map((u, J) => u.switch !== void 0 ? /* @__PURE__ */ e("div", { className: "px-1", children: /* @__PURE__ */ e(
                 K,
                 {
                   label: u.html,
                   icon: u.icon,
                   checked: u.switch,
                   tooltip: u.tooltip,
-                  onChange: (As) => {
+                  onChange: (Qi) => {
                     u.onSwitch && u.onSwitch(u);
                   }
                 }
-              ) }, `cust-${J}`) : /* @__PURE__ */ t(
-                z,
+              ) }, `cust-${J}`) : /* @__PURE__ */ e(
+                T,
                 {
                   label: u.html,
                   icon: u.icon,
                   onClick: () => {
-                    u.click ? u.click() : u.onClick && u.onClick(), F(!1);
+                    u.click ? u.click() : u.onClick && u.onClick(), V(!1);
                   }
                 },
                 `cust-${J}`
               )),
-              /* @__PURE__ */ t(vt, {}),
-              /* @__PURE__ */ t(z, { label: "Appearance", icon: /* @__PURE__ */ t(Ct, { className: "w-4 h-4" }), onClick: () => M("appearance"), hasSubmenu: !0 })
+              /* @__PURE__ */ e(gt, {}),
+              /* @__PURE__ */ e(T, { label: "Appearance", icon: /* @__PURE__ */ e(St, { className: "w-4 h-4" }), onClick: () => M("appearance"), hasSubmenu: !0 })
             ] }),
-            ["speed", "quality", "audio", "boost", "party", "appearance", "sources", "flip", "ratio"].includes(A) && /* @__PURE__ */ h("div", { className: "animate-in slide-in-from-right-4 fade-in duration-200", children: [
-              A === "sources" && /* @__PURE__ */ h(L, { children: [
-                /* @__PURE__ */ t(H, { label: "Select Source", onBack: () => M("main") }),
-                a.sources.map((u, J) => /* @__PURE__ */ t(z, { label: u.name || `Source ${J + 1}`, value: u.type, active: a.currentSourceIndex === J, onClick: () => s == null ? void 0 : s.switchSource(J) }, J))
+            ["speed", "quality", "audio", "boost", "party", "appearance", "sources", "flip", "ratio"].includes(F) && /* @__PURE__ */ l("div", { className: "animate-in slide-in-from-right-4 fade-in duration-200", children: [
+              F === "sources" && /* @__PURE__ */ l(L, { children: [
+                /* @__PURE__ */ e(H, { label: "Select Source", onBack: () => M("main") }),
+                a.sources.map((u, J) => /* @__PURE__ */ e(T, { label: u.name || `Source ${J + 1}`, value: u.type, active: a.currentSourceIndex === J, onClick: () => n == null ? void 0 : n.switchSource(J) }, J))
               ] }),
-              A === "speed" && /* @__PURE__ */ h(L, { children: [
-                /* @__PURE__ */ t(H, { label: "Speed", onBack: () => M("main") }),
-                [0.5, 1, 1.5, 2].map((u) => /* @__PURE__ */ t(z, { label: `${u}x`, active: a.playbackRate === u, onClick: () => s.video.playbackRate = u }, u))
+              F === "speed" && /* @__PURE__ */ l(L, { children: [
+                /* @__PURE__ */ e(H, { label: "Speed", onBack: () => M("main") }),
+                [0.5, 1, 1.5, 2].map((u) => /* @__PURE__ */ e(T, { label: `${u}x`, active: a.playbackRate === u, onClick: () => n.video.playbackRate = u }, u))
               ] }),
-              A === "quality" && /* @__PURE__ */ h(L, { children: [
-                /* @__PURE__ */ t(H, { label: "Quality", onBack: () => M("main") }),
-                /* @__PURE__ */ t(z, { label: "Auto", active: a.currentQuality === -1, onClick: () => s == null ? void 0 : s.setQuality(-1) }),
-                a.qualityLevels.map((u) => /* @__PURE__ */ t(z, { label: `${u.height}p`, value: `${Math.round(u.bitrate / 1e3)}k`, active: a.currentQuality === u.index, onClick: () => s == null ? void 0 : s.setQuality(u.index) }, u.index))
+              F === "quality" && /* @__PURE__ */ l(L, { children: [
+                /* @__PURE__ */ e(H, { label: "Quality", onBack: () => M("main") }),
+                /* @__PURE__ */ e(T, { label: "Auto", active: a.currentQuality === -1, onClick: () => n == null ? void 0 : n.setQuality(-1) }),
+                a.qualityLevels.map((u) => /* @__PURE__ */ e(T, { label: `${u.height}p`, value: `${Math.round(u.bitrate / 1e3)}k`, active: a.currentQuality === u.index, onClick: () => n == null ? void 0 : n.setQuality(u.index) }, u.index))
               ] }),
-              A === "audio" && /* @__PURE__ */ h(L, { children: [
-                /* @__PURE__ */ t(H, { label: "Audio Track", onBack: () => M("main") }),
-                a.audioTracks.length === 0 && /* @__PURE__ */ t("div", { className: "px-4 py-3 text-zinc-500 text-xs text-center", children: "No tracks available" }),
-                a.audioTracks.map((u) => /* @__PURE__ */ t(z, { label: u.label, value: u.language, active: a.currentAudioTrack === u.index, onClick: () => s == null ? void 0 : s.setAudioTrack(u.index) }, u.index))
+              F === "audio" && /* @__PURE__ */ l(L, { children: [
+                /* @__PURE__ */ e(H, { label: "Audio Track", onBack: () => M("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((u) => /* @__PURE__ */ e(T, { label: u.label, value: u.language, active: a.currentAudioTrack === u.index, onClick: () => n == null ? void 0 : n.setAudioTrack(u.index) }, u.index))
               ] }),
-              A === "boost" && /* @__PURE__ */ h(L, { children: [
-                /* @__PURE__ */ t(H, { label: "Audio Boost", onBack: () => M("main") }),
-                [1, 1.5, 2, 3].map((u) => /* @__PURE__ */ t(z, { label: u === 1 ? "Off" : `${u}x`, active: a.audioGain === u, onClick: () => s == null ? void 0 : s.setAudioGain(u) }, u))
+              F === "boost" && /* @__PURE__ */ l(L, { children: [
+                /* @__PURE__ */ e(H, { label: "Audio Boost", onBack: () => M("main") }),
+                [1, 1.5, 2, 3].map((u) => /* @__PURE__ */ e(T, { label: u === 1 ? "Off" : `${u}x`, active: a.audioGain === u, onClick: () => n == null ? void 0 : n.setAudioGain(u) }, u))
               ] }),
-              A === "flip" && /* @__PURE__ */ h(L, { children: [
-                /* @__PURE__ */ t(H, { label: "Video Flip", onBack: () => M("main") }),
-                /* @__PURE__ */ h("div", { className: "p-2 space-y-1", children: [
-                  /* @__PURE__ */ t(K, { label: "Horizontal Flip", checked: a.flipState.horizontal, onChange: () => s == null ? void 0 : s.setFlip("horizontal") }),
-                  /* @__PURE__ */ t(K, { label: "Vertical Flip", checked: a.flipState.vertical, onChange: () => s == null ? void 0 : s.setFlip("vertical") })
+              F === "flip" && /* @__PURE__ */ l(L, { children: [
+                /* @__PURE__ */ e(H, { label: "Video Flip", onBack: () => M("main") }),
+                /* @__PURE__ */ l("div", { className: "p-2 space-y-1", children: [
+                  /* @__PURE__ */ e(K, { label: "Horizontal Flip", checked: a.flipState.horizontal, onChange: () => n == null ? void 0 : n.setFlip("horizontal") }),
+                  /* @__PURE__ */ e(K, { label: "Vertical Flip", checked: a.flipState.vertical, onChange: () => n == null ? void 0 : n.setFlip("vertical") })
                 ] })
               ] }),
-              A === "ratio" && /* @__PURE__ */ h(L, { children: [
-                /* @__PURE__ */ t(H, { label: "Aspect Ratio", onBack: () => M("main") }),
-                ["default", "16:9", "4:3"].map((u) => /* @__PURE__ */ t(z, { label: u === "default" ? "Default" : u, active: a.aspectRatio === u, onClick: () => s == null ? void 0 : s.setAspectRatio(u) }, u))
+              F === "ratio" && /* @__PURE__ */ l(L, { children: [
+                /* @__PURE__ */ e(H, { label: "Aspect Ratio", onBack: () => M("main") }),
+                ["default", "16:9", "4:3"].map((u) => /* @__PURE__ */ e(T, { label: u === "default" ? "Default" : u, active: a.aspectRatio === u, onClick: () => n == null ? void 0 : n.setAspectRatio(u) }, u))
               ] }),
-              A === "party" && /* @__PURE__ */ h(L, { children: [
-                /* @__PURE__ */ t(H, { label: "Watch Party", onBack: () => M("main") }),
-                /* @__PURE__ */ h("div", { className: "p-4 space-y-3", children: [
-                  /* @__PURE__ */ t("p", { className: "text-xs text-zinc-400 leading-relaxed", children: "Create a synchronized room on WatchParty.me to watch together." }),
-                  /* @__PURE__ */ t("a", { href: `https://www.watchparty.me/create?video=${encodeURIComponent(((dt = a.sources[a.currentSourceIndex]) == null ? void 0 : dt.url) || e || "")}`, 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" })
+              F === "party" && /* @__PURE__ */ l(L, { children: [
+                /* @__PURE__ */ e(H, { label: "Watch Party", onBack: () => M("main") }),
+                /* @__PURE__ */ l("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(((ut = a.sources[a.currentSourceIndex]) == null ? void 0 : ut.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" })
                 ] })
               ] }),
-              A === "appearance" && /* @__PURE__ */ h(L, { children: [
-                /* @__PURE__ */ t(H, { label: "Appearance", onBack: () => M("main") }),
-                /* @__PURE__ */ h("div", { className: "pb-1", children: [
-                  /* @__PURE__ */ t(Y, { title: "Theme", children: /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-2 px-3", children: $s.map((u) => /* @__PURE__ */ t("button", { onClick: () => s == null ? void 0 : s.setAppearance({ theme: u.value, themeColor: u.color }), className: `py-2 text-xs font-bold uppercase tracking-wide transition-colors border-[length:var(--border-width)] border-white/10 ${a.theme === u.value ? "bg-[var(--accent)] text-white" : "bg-white/5 text-zinc-400 hover:text-white"}`, style: { borderRadius: "var(--radius)" }, children: u.label }, u.value)) }) }),
-                  /* @__PURE__ */ t(Y, { title: "Icon Size", children: /* @__PURE__ */ t("div", { className: "grid grid-cols-3 gap-1 px-3", children: ["small", "medium", "large"].map((u) => /* @__PURE__ */ t("button", { onClick: () => s == null ? void 0 : s.setAppearance({ iconSize: u }), className: `py-1.5 text-xs font-medium transition-colors ${a.iconSize === u ? "bg-white text-black" : "bg-white/5 text-zinc-400 hover:text-zinc-200"}`, style: { borderRadius: "var(--radius)" }, children: u.charAt(0).toUpperCase() + u.slice(1) }, u)) }) }),
-                  /* @__PURE__ */ h(Y, { title: "Theme Color", children: [
-                    /* @__PURE__ */ t("div", { className: "grid grid-cols-6 gap-2 px-3", children: Ls.map((u) => /* @__PURE__ */ t("button", { title: u.label, onClick: () => s == null ? void 0 : s.setAppearance({ themeColor: u.value }), className: `w-6 h-6 transition-transform hover:scale-110 ${a.themeColor === u.value ? "ring-2 ring-white scale-110" : "ring-1 ring-white/10"}`, style: { backgroundColor: u.value, borderRadius: "var(--radius-full)" }, children: a.themeColor === u.value && /* @__PURE__ */ t($e, { className: "w-3 h-3 text-white mx-auto stroke-[3]" }) }, u.value)) }),
-                    /* @__PURE__ */ t("div", { className: "px-3 pt-4", children: /* @__PURE__ */ h("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__ */ t("div", { className: "relative w-6 h-6 overflow-hidden ring-1 ring-white/20", style: { borderRadius: "var(--radius-full)" }, children: /* @__PURE__ */ t("input", { type: "color", value: a.themeColor, onChange: (u) => s == null ? void 0 : s.setAppearance({ themeColor: u.target.value }), className: "absolute inset-[-4px] w-[150%] h-[150%] cursor-pointer p-0 border-0" }) }),
-                      /* @__PURE__ */ t("span", { className: "text-xs text-zinc-400 font-medium group-hover:text-zinc-200", children: "Custom Color" }),
-                      /* @__PURE__ */ t("span", { className: "text-[10px] font-mono text-zinc-500 ml-auto uppercase", children: a.themeColor })
+              F === "appearance" && /* @__PURE__ */ l(L, { children: [
+                /* @__PURE__ */ e(H, { label: "Appearance", onBack: () => M("main") }),
+                /* @__PURE__ */ l("div", { className: "pb-1", children: [
+                  /* @__PURE__ */ e(Y, { title: "Theme", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-2 gap-2 px-3", children: Gi.map((u) => /* @__PURE__ */ e("button", { onClick: () => n == null ? void 0 : n.setAppearance({ theme: u.value, themeColor: u.color }), className: `py-2 text-xs font-bold uppercase tracking-wide transition-colors border-[length:var(--border-width)] border-white/10 ${a.theme === u.value ? "bg-[var(--accent)] text-white" : "bg-white/5 text-zinc-400 hover:text-white"}`, style: { borderRadius: "var(--radius)" }, children: u.label }, u.value)) }) }),
+                  /* @__PURE__ */ e(Y, { title: "Icon Size", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-1 px-3", children: ["small", "medium", "large"].map((u) => /* @__PURE__ */ e("button", { onClick: () => n == null ? void 0 : n.setAppearance({ iconSize: u }), className: `py-1.5 text-xs font-medium transition-colors ${a.iconSize === u ? "bg-white text-black" : "bg-white/5 text-zinc-400 hover:text-zinc-200"}`, style: { borderRadius: "var(--radius)" }, children: u.charAt(0).toUpperCase() + u.slice(1) }, u)) }) }),
+                  /* @__PURE__ */ l(Y, { title: "Theme Color", children: [
+                    /* @__PURE__ */ e("div", { className: "grid grid-cols-6 gap-2 px-3", children: Ui.map((u) => /* @__PURE__ */ e("button", { title: u.label, onClick: () => n == null ? void 0 : n.setAppearance({ themeColor: u.value }), className: `w-6 h-6 transition-transform hover:scale-110 ${a.themeColor === u.value ? "ring-2 ring-white scale-110" : "ring-1 ring-white/10"}`, style: { backgroundColor: u.value, borderRadius: "var(--radius-full)" }, children: a.themeColor === u.value && /* @__PURE__ */ e(Le, { className: "w-3 h-3 text-white mx-auto stroke-[3]" }) }, u.value)) }),
+                    /* @__PURE__ */ e("div", { className: "px-3 pt-4", children: /* @__PURE__ */ l("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: a.themeColor, onChange: (u) => n == null ? void 0 : n.setAppearance({ themeColor: u.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: a.themeColor })
                     ] }) })
                   ] })
                 ] })
@@ -2343,70 +1961,69 @@ const _i = y("Zap", [
         return null;
     }
   }, Qt = Ce(() => {
-    const l = [
+    const c = [
       // Loop (Playback Group)
       { html: "Playback", isLabel: !0 },
       {
         html: "Loop",
         checked: a.isLooping,
-        onClick: () => s == null ? void 0 : s.toggleLoop()
+        onClick: () => n == null ? void 0 : n.toggleLoop()
       },
       { separator: !0 },
       // Flip (Transform Group)
       { html: "Transform", isLabel: !0 },
-      { html: "Flip Horizontal", onClick: () => s == null ? void 0 : s.setFlip("horizontal") },
-      { html: "Flip Vertical", onClick: () => s == null ? void 0 : s.setFlip("vertical") },
+      { html: "Flip Horizontal", onClick: () => n == null ? void 0 : n.setFlip("horizontal") },
+      { html: "Flip Vertical", onClick: () => n == null ? void 0 : n.setFlip("vertical") },
       { separator: !0 },
       // Aspect Ratio Group
       { html: "Aspect Ratio", isLabel: !0 },
-      { html: "Default", checked: a.aspectRatio === "default", onClick: () => s == null ? void 0 : s.setAspectRatio("default") },
-      { html: "16:9", checked: a.aspectRatio === "16:9", onClick: () => s == null ? void 0 : s.setAspectRatio("16:9") },
-      { html: "4:3", checked: a.aspectRatio === "4:3", onClick: () => s == null ? void 0 : s.setAspectRatio("4:3") },
+      { 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: "4:3", checked: a.aspectRatio === "4:3", onClick: () => n == null ? void 0 : n.setAspectRatio("4:3") },
       { separator: !0 },
       // Stats
       {
         html: "Video Info",
-        icon: /* @__PURE__ */ t(Cs, { className: "w-3.5 h-3.5" }),
-        onClick: () => Fe(!0)
+        icon: /* @__PURE__ */ e(Bi, { className: "w-3.5 h-3.5" }),
+        onClick: () => Be(!0)
       },
       { separator: !0 }
     ];
-    return d.contextmenu && l.push(...d.contextmenu), l.push({
-      html: /* @__PURE__ */ t("span", { className: "text-zinc-500 text-xs font-semibold tracking-wide", children: "StrataPlayer" }),
+    return h.contextmenu && c.push(...h.contextmenu), c.push({
+      html: /* @__PURE__ */ e("span", { className: "text-zinc-500 text-xs font-semibold tracking-wide", children: "StrataPlayer" }),
       disabled: !0
-    }), l.push({
+    }), c.push({
       html: "Close",
       onClick: (f) => f(),
       // Wrapper handles close
-      icon: /* @__PURE__ */ t("div", { className: "text-red-400", children: /* @__PURE__ */ h("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [
-        /* @__PURE__ */ t("path", { d: "M18 6 6 18" }),
-        /* @__PURE__ */ t("path", { d: "m6 6 12 12" })
+      icon: /* @__PURE__ */ e("div", { className: "text-red-400", children: /* @__PURE__ */ l("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [
+        /* @__PURE__ */ e("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ e("path", { d: "m6 6 12 12" })
       ] }) })
-    }), l;
-  }, [d.contextmenu, a.aspectRatio, a.isLooping, s]);
-  return /* @__PURE__ */ h(
+    }), c;
+  }, [h.contextmenu, a.aspectRatio, a.isLooping, n]), at = a.isWebFullscreen, lt = /* @__PURE__ */ l(
     "div",
     {
-      id: d.id,
-      ref: _,
-      className: `group relative w-full h-full bg-black overflow-hidden select-none font-[family-name:var(--font-main)] outline-none rounded-[var(--radius)] text-zinc-100 strata-player-reset ${d.container || ""}`,
+      id: h.id,
+      ref: q,
+      className: `group bg-black overflow-hidden select-none font-[family-name:var(--font-main)] outline-none text-zinc-100 strata-player-reset ${at ? "fixed inset-0 z-[2147483647] w-screen h-screen rounded-none" : "relative w-full h-full rounded-[var(--radius)]"} ${h.container || ""}`,
       style: { touchAction: "manipulation", "--accent": a.themeColor },
-      onMouseMove: Ye,
+      onMouseMove: Ke,
       onMouseLeave: () => {
-        a.isPlaying && !$ && !P && s && s.setControlsVisible(!1);
+        a.isPlaying && !$ && !E && n && n.setControlsVisible(!1);
       },
-      onMouseDown: Ze,
+      onMouseDown: Ye,
       onMouseUp: ke,
-      onTouchStart: Ft,
-      onTouchMove: Ot,
-      onTouchEnd: jt,
+      onTouchStart: Bt,
+      onTouchMove: Vt,
+      onTouchEnd: Ot,
       onContextMenu: Wt,
       tabIndex: 0,
       role: "region",
       "aria-label": "Video Player",
       "data-theme": a.theme,
       children: [
-        /* @__PURE__ */ t("style", { children: `
+        /* @__PURE__ */ e("style", { children: `
                 [data-theme="default"] {
                     --radius: 0.75rem;
                     --radius-lg: 0.75rem;
@@ -2500,120 +2117,120 @@ const _i = y("Zap", [
                 [data-theme="pixel"] .strata-backdrop { backdrop-filter: none; background: #000; }
                 [data-theme="hacker"] .strata-backdrop { backdrop-filter: none; background: #000; }
             ` }),
-        a.theme === "hacker" && /* @__PURE__ */ t("div", { className: "strata-scanlines" }),
-        !s && /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center bg-zinc-950 z-50", children: /* @__PURE__ */ t(Re, { className: "w-10 h-10 text-[var(--accent)] animate-spin" }) }),
-        s && /* @__PURE__ */ h(L, { children: [
-          (lt = d.layers) == null ? void 0 : lt.map((l, f) => /* @__PURE__ */ t(
+        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(Ie, { className: "w-10 h-10 text-[var(--accent)] animate-spin" }) }),
+        n && /* @__PURE__ */ l(L, { children: [
+          (ct = h.layers) == null ? void 0 : ct.map((c, f) => /* @__PURE__ */ e(
             "div",
             {
-              className: `absolute inset-0 pointer-events-none z-10 ${l.className || ""}`,
-              style: l.style,
-              children: /* @__PURE__ */ t(gt, { content: l.html || "", className: "w-full h-full" })
+              className: `absolute inset-0 pointer-events-none z-10 ${c.className || ""}`,
+              style: c.style,
+              children: /* @__PURE__ */ e(xt, { content: c.html || "", className: "w-full h-full" })
             },
             f
           )),
-          /* @__PURE__ */ t(Ns, { notifications: a.notifications }),
-          /* @__PURE__ */ t(zs, { cues: a.activeCues, settings: a.subtitleSettings }),
-          /* @__PURE__ */ t("div", { className: "absolute inset-0 z-0", onClick: Dt, "aria-hidden": "true" }),
-          r && !he && /* @__PURE__ */ t(
+          /* @__PURE__ */ e(Vi, { notifications: a.notifications }),
+          /* @__PURE__ */ e(Oi, { cues: a.activeCues, settings: a.subtitleSettings }),
+          /* @__PURE__ */ e("div", { className: "absolute inset-0 z-0", onClick: Ht, "aria-hidden": "true" }),
+          o && !he && /* @__PURE__ */ e(
             "div",
             {
               className: "absolute inset-0 bg-cover bg-center z-[5] pointer-events-none",
-              style: { backgroundImage: `url(${r})` }
+              style: { backgroundImage: `url(${o})` }
             }
           ),
-          Z.visible && /* @__PURE__ */ t(
-            Is,
+          Z.visible && /* @__PURE__ */ e(
+            Wi,
             {
               x: Z.x,
               y: Z.y,
               items: Qt,
               onClose: () => fe({ ...Z, visible: !1 }),
-              containerWidth: Lt,
-              containerHeight: Be
+              containerWidth: Rt,
+              containerHeight: Fe
             }
           ),
-          Pt && s && /* @__PURE__ */ t(Rs, { player: s, onClose: () => Fe(!1) }),
-          ge && /* @__PURE__ */ h("div", { className: "absolute top-8 left-1/2 -translate-x-1/2 bg-black/50 backdrop-blur-md px-4 py-2 rounded-full flex items-center gap-2 z-40 animate-in fade-in zoom-in duration-200", children: [
-            /* @__PURE__ */ t(ks, { className: "w-4 h-4 text-[var(--accent)] fill-current" }),
-            /* @__PURE__ */ t("span", { className: "text-xs font-bold tracking-wider", children: "2x Speed" })
+          $t && n && /* @__PURE__ */ e(Di, { player: n, onClose: () => Be(!1) }),
+          ge && /* @__PURE__ */ l("div", { className: "absolute top-8 left-1/2 -translate-x-1/2 bg-black/50 backdrop-blur-md px-4 py-2 rounded-full flex items-center gap-2 z-40 animate-in fade-in zoom-in duration-200", children: [
+            /* @__PURE__ */ e(Fi, { className: "w-4 h-4 text-[var(--accent)] fill-current" }),
+            /* @__PURE__ */ e("span", { className: "text-xs font-bold tracking-wider", children: "2x Speed" })
           ] }),
-          D && a.controlsVisible && /* @__PURE__ */ t(
+          W && a.controlsVisible && /* @__PURE__ */ e(
             "button",
             {
-              onClick: (l) => {
-                l.stopPropagation(), s.toggleLock();
+              onClick: (c) => {
+                c.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 ${a.isLocked ? "text-[var(--accent)] bg-white/10" : "hover:bg-white/10"}`,
-              children: a.isLocked ? /* @__PURE__ */ t(xs, { className: "w-5 h-5" }) : /* @__PURE__ */ t(ys, { className: "w-5 h-5" })
+              children: a.isLocked ? /* @__PURE__ */ e($i, { className: "w-5 h-5" }) : /* @__PURE__ */ e(Ei, { className: "w-5 h-5" })
             }
           ),
-          X && /* @__PURE__ */ t(
+          Q && /* @__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 ${X.type === "rewind" ? "left-0 rounded-r-[4rem]" : "right-0 rounded-l-[4rem]"}`,
-              onAnimationEnd: () => oe(null),
-              children: /* @__PURE__ */ h("div", { className: "flex flex-col items-center text-white drop-shadow-lg", children: [
-                X.type === "rewind" ? /* @__PURE__ */ t(ft, { className: "w-12 h-12 animate-pulse" }) : /* @__PURE__ */ t(pt, { className: "w-12 h-12 animate-pulse" }),
-                /* @__PURE__ */ t("span", { className: "font-bold text-sm mt-2 font-mono", children: X.type === "rewind" ? "-10s" : "+10s" })
+              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 ${Q.type === "rewind" ? "left-0 rounded-r-[4rem]" : "right-0 rounded-l-[4rem]"}`,
+              onAnimationEnd: () => ae(null),
+              children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center text-white drop-shadow-lg", children: [
+                Q.type === "rewind" ? /* @__PURE__ */ e(pt, { className: "w-12 h-12 animate-pulse" }) : /* @__PURE__ */ e(bt, { className: "w-12 h-12 animate-pulse" }),
+                /* @__PURE__ */ e("span", { className: "font-bold text-sm mt-2 font-mono", children: Q.type === "rewind" ? "-10s" : "+10s" })
               ] })
             },
-            X.id
+            Q.id
           ),
-          a.isBuffering && /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center z-20 pointer-events-none", children: /* @__PURE__ */ t(Re, { className: "w-12 h-12 text-[var(--accent)] animate-spin drop-shadow-lg" }) }),
-          a.error && /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center z-30 bg-black/90 backdrop-blur-md animate-in fade-in", children: /* @__PURE__ */ h("div", { className: "flex flex-col items-center gap-4 text-red-500 p-8 max-w-md text-center", children: [
-            /* @__PURE__ */ t("span", { className: "text-5xl mb-2", children: "⚠️" }),
-            /* @__PURE__ */ t("h3", { className: "text-xl font-bold text-white", children: "Playback Error" }),
-            /* @__PURE__ */ t("p", { className: "text-zinc-400 text-sm", children: a.error }),
-            /* @__PURE__ */ t("button", { onClick: () => s.load(s.store.get().sources[s.store.get().currentSourceIndex] || { url: e || "" }, v), 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" })
+          a.isBuffering && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center z-20 pointer-events-none", children: /* @__PURE__ */ e(Ie, { 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__ */ l("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: a.error }),
+            /* @__PURE__ */ e("button", { onClick: () => n.load(n.store.get().sources[n.store.get().currentSourceIndex] || { url: t || "" }, v), 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" })
           ] }) }),
-          It && !a.isLocked && (!a.isPlaying && !a.isBuffering && !a.error || a.controlsVisible) && !a.isBuffering ? /* @__PURE__ */ t(
+          zt && !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 ${a.controlsVisible || !a.isPlaying ? "opacity-100" : "opacity-0"}`,
-              children: /* @__PURE__ */ h("div", { className: "flex items-center gap-8 md:gap-16 pointer-events-auto", children: [
-                /* @__PURE__ */ t("button", { onClick: (l) => {
-                  l.stopPropagation(), F(!1), q(!1), le("rewind");
-                }, className: `group flex items-center justify-center rounded-full bg-black/40 hover:bg-black/60 border border-white/10 transition-all active:scale-110 text-white/90 focus:outline-none backdrop-blur-sm ${Q.skipBtn}`, children: /* @__PURE__ */ t(ft, { className: Q.skipIcon }) }),
-                /* @__PURE__ */ t("button", { onClick: (l) => {
-                  l.stopPropagation(), F(!1), q(!1), s.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 hover:scale-105 active:scale-110 duration-75 focus:outline-none backdrop-blur-md ${Q.playBtn}`, children: a.isPlaying ? /* @__PURE__ */ t(mt, { className: `${Q.playIcon} text-white fill-current` }) : /* @__PURE__ */ t(ht, { className: `${Q.playIcon} text-white ml-1 fill-current` }) }),
-                /* @__PURE__ */ t("button", { onClick: (l) => {
-                  l.stopPropagation(), F(!1), q(!1), le("forward");
-                }, className: `group flex items-center justify-center rounded-full bg-black/40 hover:bg-black/60 border border-white/10 transition-all active:scale-110 text-white/90 focus:outline-none backdrop-blur-sm ${Q.skipBtn}`, children: /* @__PURE__ */ t(pt, { className: Q.skipIcon }) })
+              children: /* @__PURE__ */ l("div", { className: "flex items-center gap-8 md:gap-16 pointer-events-auto", children: [
+                /* @__PURE__ */ e("button", { onClick: (c) => {
+                  c.stopPropagation(), V(!1), U(!1), 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 ${X.skipBtn}`, children: /* @__PURE__ */ e(pt, { className: X.skipIcon }) }),
+                /* @__PURE__ */ e("button", { onClick: (c) => {
+                  c.stopPropagation(), V(!1), U(!1), 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 hover:scale-110 active:scale-90 active:opacity-80 focus:outline-none backdrop-blur-md ${X.playBtn}`, children: a.isPlaying ? /* @__PURE__ */ e(ft, { className: `${X.playIcon} text-white fill-current` }) : /* @__PURE__ */ e(mt, { className: `${X.playIcon} text-white ml-1 fill-current` }) }),
+                /* @__PURE__ */ e("button", { onClick: (c) => {
+                  c.stopPropagation(), V(!1), U(!1), 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 ${X.skipBtn}`, children: /* @__PURE__ */ e(bt, { className: X.skipIcon }) })
               ] })
             }
           ) : null,
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ l(
             "div",
             {
-              className: `absolute inset-x-0 bottom-0 z-30 transition-all duration-300 px-4 md:px-6 pb-4 md:pb-6 pt-24 bg-gradient-to-t from-black/95 via-black/70 to-transparent ${Xt ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4 pointer-events-none"}`,
-              onClick: (l) => {
-                l.target === l.currentTarget && (F(!1), q(!1), ae(!1)), l.stopPropagation();
+              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 ${qt ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4 pointer-events-none"}`,
+              onClick: (c) => {
+                c.target === c.currentTarget && (V(!1), U(!1), oe(!1)), c.stopPropagation();
               },
               children: [
-                !d.isLive && /* @__PURE__ */ h(
+                !h.isLive && /* @__PURE__ */ l(
                   "div",
                   {
-                    ref: ye,
+                    ref: we,
                     className: "relative w-full h-3 group/slider mb-3 cursor-pointer touch-none flex items-center",
-                    onMouseMove: Ht,
+                    onMouseMove: jt,
                     onMouseLeave: () => {
                       Ge(null), _e(null);
                     },
-                    onMouseDown: et,
-                    onTouchStart: et,
+                    onMouseDown: Ze,
+                    onTouchStart: Ze,
                     children: [
-                      (ct = d.highlight) == null ? void 0 : ct.map((l, f) => /* @__PURE__ */ t("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: `${l.time / a.duration * 100}%` }, title: l.text }, f)),
-                      Ue !== null && /* @__PURE__ */ h("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, ${Bt}%, calc(100% - 70px))` }, children: [
-                        U && /* @__PURE__ */ t("div", { className: "bg-black/90 border border-white/10 shadow-2xl overflow-hidden backdrop-blur-sm", style: { width: `${U.w * 0.5}px`, height: `${U.h * 0.5}px`, borderRadius: "var(--radius)" }, children: /* @__PURE__ */ t("div", { style: { backgroundImage: `url("${U.url}")`, width: `${U.w}px`, height: `${U.h}px`, backgroundPosition: `-${U.x}px -${U.y}px`, backgroundRepeat: "no-repeat", transform: "scale(0.5)", transformOrigin: "top left" } }) }),
-                        /* @__PURE__ */ t("div", { className: "strata-tooltip px-2 py-0.5 text-[11px] font-bold font-mono shadow-lg tabular-nums mt-1", children: ze(Ue) })
+                      (dt = h.highlight) == null ? void 0 : dt.map((c, f) => /* @__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: `${c.time / a.duration * 100}%` }, title: c.text }, f)),
+                      Ue !== null && /* @__PURE__ */ l("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, ${Ft}%, calc(100% - 70px))` }, children: [
+                        G && /* @__PURE__ */ e("div", { className: "bg-black/90 border border-white/10 shadow-2xl overflow-hidden backdrop-blur-sm", style: { width: `${G.w * 0.5}px`, height: `${G.h * 0.5}px`, borderRadius: "var(--radius)" }, children: /* @__PURE__ */ e("div", { style: { backgroundImage: `url("${G.url}")`, width: `${G.w}px`, height: `${G.h}px`, backgroundPosition: `-${G.x}px -${G.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: Te(Ue) })
                       ] }),
-                      /* @__PURE__ */ h("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: [
-                        a.duration > 0 && a.buffered.map((l, f) => /* @__PURE__ */ t("div", { className: "absolute top-0 bottom-0 bg-white/20", style: { left: `${l.start / a.duration * 100}%`, width: `${(l.end - l.start) / a.duration * 100}%` } }, f)),
-                        /* @__PURE__ */ t("div", { className: "absolute left-0 top-0 bottom-0 bg-[var(--accent)]", style: { width: `${(pe ? re : a.currentTime) / a.duration * 100}%` } })
+                      /* @__PURE__ */ l("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: [
+                        a.duration > 0 && a.buffered.map((c, f) => /* @__PURE__ */ e("div", { className: "absolute top-0 bottom-0 bg-white/20", style: { left: `${c.start / a.duration * 100}%`, width: `${(c.end - c.start) / a.duration * 100}%` } }, f)),
+                        /* @__PURE__ */ e("div", { className: "absolute left-0 top-0 bottom-0 bg-[var(--accent)]", style: { width: `${(pe ? re : a.currentTime) / a.duration * 100}%` } })
                       ] }),
-                      /* @__PURE__ */ t(
+                      /* @__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",
@@ -2626,9 +2243,9 @@ const _i = y("Zap", [
                     ]
                   }
                 ),
-                /* @__PURE__ */ h("div", { className: "flex items-center justify-between pointer-events-auto", children: [
-                  /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: at.filter((l) => l.position === "left" || l.position === "center").map(ot) }),
-                  /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: at.filter((l) => l.position === "right").map(ot) })
+                /* @__PURE__ */ l("div", { className: "flex items-center justify-between pointer-events-auto", children: [
+                  /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: rt.filter((c) => c.position === "left" || c.position === "center").map(ot) }),
+                  /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: rt.filter((c) => c.position === "right").map(ot) })
                 ] })
               ]
             }
@@ -2637,20 +2254,21 @@ const _i = y("Zap", [
       ]
     }
   );
-}, js = (o, e) => {
-  const i = ei(o);
-  return i.render(Te.createElement(xt, e)), {
+  return at && typeof document < "u" ? ei(lt, document.body) : lt;
+}, es = (s, t) => {
+  const i = Zt(s);
+  return i.render(ze.createElement(wt, t)), {
     unmount: () => {
       i.unmount();
     },
-    update: (n) => {
-      i.render(Te.createElement(xt, { ...e, ...n }));
+    update: (r) => {
+      i.render(ze.createElement(wt, { ...t, ...r }));
     }
   };
 };
 export {
   ni as StrataCore,
-  xt as StrataPlayer,
-  js as mountStrataPlayer
+  wt as StrataPlayer,
+  es as mountStrataPlayer
 };
 //# sourceMappingURL=strataplayer.es.js.map