@weing-dev/ui-kit-primitive 0.3.1 → 0.4.1

package/dist/video-player.js

@@ -0,0 +1,1751 @@
+import { c as B, j as p } from "./compiler-runtime-BFrE5JtX.js";
+import _ from "react";
+import { c as Q } from "./bind-D3ZJ5k4I.js";
+import { useStore as We, create as Ke } from "zustand";
+import Je from "video.js";
+import { a as Ge } from "./Icon-DExqF865.js";
+const ke = (t) => Symbol.iterator in t, xe = (t) => (
+  // HACK: avoid checking entries type
+  "entries" in t
+), we = (t, e) => {
+  const n = t instanceof Map ? t : new Map(t.entries()), s = e instanceof Map ? e : new Map(e.entries());
+  if (n.size !== s.size)
+    return !1;
+  for (const [r, l] of n)
+    if (!Object.is(l, s.get(r)))
+      return !1;
+  return !0;
+}, Xe = (t, e) => {
+  const n = t[Symbol.iterator](), s = e[Symbol.iterator]();
+  let r = n.next(), l = s.next();
+  for (; !r.done && !l.done; ) {
+    if (!Object.is(r.value, l.value))
+      return !1;
+    r = n.next(), l = s.next();
+  }
+  return !!r.done && !!l.done;
+};
+function Qe(t, e) {
+  return Object.is(t, e) ? !0 : typeof t != "object" || t === null || typeof e != "object" || e === null ? !1 : !ke(t) || !ke(e) ? we(
+    { entries: () => Object.entries(t) },
+    { entries: () => Object.entries(e) }
+  ) : xe(t) && xe(e) ? we(t, e) : Xe(t, e);
+}
+function Le(t) {
+  const e = _.useRef();
+  return (n) => {
+    const s = t(n);
+    return Qe(e.current, s) ? e.current : e.current = s;
+  };
+}
+const me = _.createContext(void 0), ve = (t) => {
+  const e = B.c(14);
+  let n, s, r, l, o, c;
+  e[0] !== t ? ({
+    src: o,
+    alt: n,
+    width: c,
+    height: r,
+    className: s,
+    ...l
+  } = t, e[0] = t, e[1] = n, e[2] = s, e[3] = r, e[4] = l, e[5] = o, e[6] = c) : (n = e[1], s = e[2], r = e[3], l = e[4], o = e[5], c = e[6]);
+  let d;
+  return e[7] !== n || e[8] !== s || e[9] !== r || e[10] !== l || e[11] !== o || e[12] !== c ? (d = /* @__PURE__ */ p.jsx("img", { src: o, alt: n, width: c, height: r, className: s, ...l }), e[7] = n, e[8] = s, e[9] = r, e[10] = l, e[11] = o, e[12] = c, e[13] = d) : d = e[13], d;
+}, Te = _.createContext(ve), Ne = () => _.use(Te), Ie = (t) => {
+  const e = _.use(me);
+  if (!e)
+    throw new Error("useVideoPlayerStore는 VideoPlayerProvider 내부에서만 사용해야 합니다.");
+  return We(e, t);
+};
+function Y(t) {
+  const e = B.c(3), n = typeof t == "function", s = Le(n ? t : Ye);
+  let r;
+  e[0] !== t || e[1] !== n ? (r = (c) => n ? {} : Object.fromEntries(t.map((d) => [d, c[d]])), e[0] = t, e[1] = n, e[2] = r) : r = e[2];
+  const l = Le(r);
+  return Ie(n ? s : l);
+}
+function Ye() {
+  return {};
+}
+const F = {
+  layout: {
+    width: "100%",
+    height: "400px",
+    maxWidth: "1200px"
+  },
+  overlay: {
+    autoHide: !0,
+    autoHideDelayMs: 1e3
+  },
+  volume: {
+    persist: !0,
+    storageKey: "videoPlayerVolume",
+    fallback: 1
+  },
+  speed: {
+    options: [0.5, 0.75, 1, 1.25, 1.5, 2],
+    defaultRate: 1
+  },
+  texts: {
+    loading: "비디오를 로딩 중입니다...",
+    errorTitle: "비디오를 재생할 수 없습니다",
+    errorDescription: "비디오 파일을 확인해주세요.",
+    errorRetry: "다시 시도"
+  },
+  aria: {
+    progress: "비디오 진행률",
+    play: "재생",
+    pause: "일시정지",
+    fullscreenEnter: "전체화면",
+    fullscreenExit: "전체화면 종료",
+    pictureInPictureEnter: "Picture-in-Picture",
+    pictureInPictureExit: "Picture-in-Picture 종료",
+    speed: "재생 속도 조절",
+    mute: "음소거",
+    unmute: "음소거 해제",
+    captionOn: "자막 켜기",
+    captionOff: "자막 끄기",
+    back: "뒤로가기",
+    share: "공유"
+  },
+  icons: {
+    play: "Play",
+    pause: "Pause",
+    back: "BackButton",
+    share: "Share",
+    volumeOn: "VolumeUp",
+    volumeOff: "VolumeOff",
+    caption: "SubtitleFilled",
+    fullscreenEnter: "FullScreen",
+    fullscreenExit: "FullScreenClose",
+    pictureInPictureEnter: "Pip",
+    pictureInPictureExit: "PipExit"
+  }
+}, Oe = (t) => {
+  const e = t.tech();
+  if (!e) return null;
+  const n = e.el();
+  return n instanceof HTMLVideoElement ? n : null;
+}, Ve = (t) => {
+  const e = t.trim(), n = e.lastIndexOf("."), s = n >= 0 ? e.slice(0, n) : e, l = (n >= 0 ? e.slice(n + 1) : "0").padEnd(3, "0").slice(0, 3), o = Number.parseInt(l, 10);
+  if (Number.isNaN(o)) return null;
+  const c = s.split(":").map((d) => Number.parseInt(d.trim(), 10));
+  if (c.some((d) => Number.isNaN(d))) return null;
+  if (c.length === 3) {
+    const [d, f, u] = c;
+    return d === void 0 || f === void 0 || u === void 0 ? null : d * 3600 + f * 60 + u + o / 1e3;
+  }
+  if (c.length === 2) {
+    const [d, f] = c;
+    return d === void 0 || f === void 0 ? null : d * 60 + f + o / 1e3;
+  }
+  return null;
+}, Ze = (t) => {
+  const e = t.indexOf("-->");
+  if (e < 0) return null;
+  const n = t.slice(0, e).trim(), s = t.slice(e + 3).trim(), r = n.split(/\s+/)[0], l = s.split(/\s+/)[0];
+  if (r === void 0 || l === void 0) return null;
+  const o = Ve(r), c = Ve(l);
+  return o === null || c === null ? null : {
+    start: o,
+    end: c
+  };
+}, ze = (t) => {
+  const n = t.replace(/\r\n/g, `
+`).replace(/\r/g, `
+`).split(/\n{2,}/), s = [];
+  for (const r of n) {
+    const l = r.split(`
+`).map((i) => i.trimEnd()).filter((i) => i.trim() !== "");
+    if (l.length === 0) continue;
+    let o = 0;
+    const c = l[0];
+    c !== void 0 && !c.includes("-->") && (o = 1);
+    const d = l[o];
+    if (d === void 0 || !d.includes("-->")) continue;
+    const f = Ze(d);
+    if (!f) continue;
+    const h = l.slice(o + 1).join(`
+`).trim();
+    h !== "" && s.push({
+      start: f.start,
+      end: f.end,
+      text: h
+    });
+  }
+  return s;
+}, Ee = (t) => {
+  const e = (c) => c.replace(/\r\n/g, `
+`).replace(/\r/g, `
+`), n = (c) => c.trim().replace(/,/g, "."), s = (c) => {
+    const [d, ...f] = c.split("-->");
+    if (!d || f.length === 0)
+      return c.trim();
+    const u = f.join("-->").trim(), [h, ...i] = u.split(/\s+/), a = n(d), m = n(h ?? ""), y = i.length > 0 ? ` ${i.join(" ")}` : "";
+    return `${a} --> ${m}${y}`;
+  }, r = e(t).trim();
+  if (r === "")
+    return "WEBVTT";
+  const l = r.split(/\n{2,}/), o = ["WEBVTT", ""];
+  return l.forEach((c) => {
+    const d = c.split(`
+`).map((V) => V.trimEnd()).filter((V) => V.trim() !== "");
+    if (d.length === 0)
+      return;
+    const [f, u, ...h] = d, i = f.includes("-->"), a = (u == null ? void 0 : u.includes("-->")) ?? !1, m = !i && a, y = m ? u ?? "" : f;
+    if (!y.includes("-->")) {
+      d.forEach((V) => o.push(V)), o.push("");
+      return;
+    }
+    const b = m ? f : null, v = m ? h : [u, ...h].filter((V) => V !== void 0);
+    b !== null && o.push(b), o.push(s(y)), v.forEach((V) => {
+      o.push(V);
+    }), o.push("");
+  }), o.join(`
+`);
+}, $e = (t) => t.trim().toLowerCase().endsWith(".srt"), et = (t) => {
+  const e = Ee(t), n = new Blob([e], {
+    type: "text/vtt"
+  });
+  return URL.createObjectURL(n);
+}, tt = (t, e) => {
+  if (t === e) return !0;
+  if (t == null || e == null) return t === e;
+  if (t.length !== e.length) return !1;
+  for (let n = 0; n < t.length; n++) {
+    const s = t[n], r = e[n];
+    if (s === void 0 || r === void 0 || s.src !== r.src || s.type !== r.type) return !1;
+  }
+  return !0;
+}, Me = (t, e) => e.src !== void 0 && e.src !== t.src ? !0 : e.sources !== void 0 ? !tt(e.sources, t.sources) : !1, Se = (t) => Math.max(0, Math.min(1, t)), nt = (t, e) => {
+  if (typeof window > "u") return e;
+  const n = window.localStorage.getItem(t);
+  if (!n) return e;
+  const s = parseFloat(n);
+  return Number.isNaN(s) ? e : Se(s);
+}, rt = (t, e) => {
+  typeof window > "u" || window.localStorage.setItem(t, e.toString());
+}, je = (t) => ({
+  autoHide: t.autoHide,
+  isPlaying: t.isPlaying,
+  overlayAutoHideSuspended: t.overlayAutoHideSuspended,
+  overlayControlsVisible: t.overlayControlsVisible,
+  autoHideDelayMs: t.autoHideDelayMs
+}), st = (t, e) => t.autoHide === e.autoHide && t.isPlaying === e.isPlaying && t.overlayAutoHideSuspended === e.overlayAutoHideSuspended && t.overlayControlsVisible === e.overlayControlsVisible && t.autoHideDelayMs === e.autoHideDelayMs, De = (t) => ({
+  volumePersist: (t == null ? void 0 : t.volumePersist) ?? F.volume.persist,
+  volumeStorageKey: (t == null ? void 0 : t.volumeStorageKey) ?? F.volume.storageKey,
+  volumeFallback: (t == null ? void 0 : t.volumeFallback) ?? F.volume.fallback,
+  playbackRateDefault: (t == null ? void 0 : t.playbackRateDefault) ?? F.speed.defaultRate
+}), Ae = (t, e) => {
+  const n = De(t), s = nt(n.volumeStorageKey, n.volumeFallback), r = {
+    // 플레이어 상태
+    isLoading: !0,
+    hasError: !1,
+    isPlaying: !1,
+    currentTime: 0,
+    duration: 0,
+    buffered: 0,
+    volume: s,
+    playbackRate: n.playbackRateDefault,
+    isFullscreen: !1,
+    isPictureInPicture: !1,
+    isMuted: s === 0,
+    previousVolume: s || n.volumeFallback,
+    player: null,
+    // 플레이어 설정값
+    width: (e == null ? void 0 : e.width) ?? F.layout.width,
+    height: (e == null ? void 0 : e.height) ?? F.layout.height,
+    src: (e == null ? void 0 : e.src) ?? null,
+    sources: (e == null ? void 0 : e.sources) ?? null,
+    speedOptions: (e == null ? void 0 : e.speedOptions) ?? [...F.speed.options],
+    playerOptions: (e == null ? void 0 : e.playerOptions) ?? null,
+    events: (e == null ? void 0 : e.events) ?? null,
+    disableVideoJsStyles: (e == null ? void 0 : e.disableVideoJsStyles) ?? !1,
+    tracks: (e == null ? void 0 : e.tracks) ?? [],
+    activeCaptionLang: (e == null ? void 0 : e.activeCaptionLang) ?? (e == null ? void 0 : e.initialActiveCaptionLang) ?? null,
+    onCaptionLangChange: e == null ? void 0 : e.onCaptionLangChange,
+    // Overlay 설정값
+    autoHide: (e == null ? void 0 : e.autoHide) ?? F.overlay.autoHide,
+    autoHideDelayMs: (e == null ? void 0 : e.autoHideDelayMs) ?? F.overlay.autoHideDelayMs,
+    overlayClickAction: (e == null ? void 0 : e.overlayClickAction) ?? "toggle-play",
+    overlayControlsVisible: !0,
+    overlayAutoHideSuspended: !1,
+    // 기본 텍스트 설정값
+    loadingText: (e == null ? void 0 : e.loadingText) ?? F.texts.loading,
+    errorTitle: (e == null ? void 0 : e.errorTitle) ?? F.texts.errorTitle,
+    errorDescription: (e == null ? void 0 : e.errorDescription) ?? F.texts.errorDescription,
+    errorRetry: (e == null ? void 0 : e.errorRetry) ?? F.texts.errorRetry
+  };
+  return Ke()((l, o) => {
+    let c;
+    const d = () => {
+      typeof window > "u" || c !== void 0 && (window.clearTimeout(c), c = void 0);
+    }, f = () => {
+      if (typeof window > "u") return;
+      const i = o();
+      if (!i.autoHide) {
+        d(), i.overlayControlsVisible || l({
+          overlayControlsVisible: !0
+        });
+        return;
+      }
+      if (!i.isPlaying || i.overlayAutoHideSuspended) {
+        d(), i.overlayControlsVisible || l({
+          overlayControlsVisible: !0
+        });
+        return;
+      }
+      if (!i.overlayControlsVisible) {
+        d();
+        return;
+      }
+      d();
+      const a = i.autoHideDelayMs;
+      c = window.setTimeout(() => {
+        l({
+          overlayControlsVisible: !1
+        }), c = void 0, f();
+      }, a);
+    }, u = (i) => {
+      const a = je(o());
+      l(i);
+      const m = je(o());
+      st(a, m) || f();
+    }, h = {
+      ...r,
+      setState: u,
+      notifyOverlayPointerActivity: () => {
+        o().overlayControlsVisible || u({
+          overlayControlsVisible: !0
+        }), f();
+      },
+      notifyOverlayPointerLeave: () => {
+        f();
+      },
+      clearOverlayAutoHideTimer: () => {
+        d();
+      },
+      setPlayer: (i) => l({
+        player: i
+      }),
+      setVolume: (i) => l((a) => {
+        const m = Se(i);
+        return n.volumePersist && rt(n.volumeStorageKey, m), {
+          volume: m,
+          isMuted: m === 0,
+          previousVolume: m > 0 ? m : a.previousVolume
+        };
+      }),
+      handlePlayPause: () => {
+        const {
+          player: i,
+          isPlaying: a
+        } = o();
+        i && (a ? i.pause() : i.play());
+      },
+      handleSeek: (i) => {
+        const {
+          player: a
+        } = o();
+        a && a.currentTime(i);
+      },
+      handleSeekAndPlay: (i) => {
+        const {
+          player: a
+        } = o();
+        a && (a.currentTime(i), a.play());
+      },
+      handleVolumeChange: (i) => {
+        const {
+          player: a,
+          setVolume: m
+        } = o();
+        a && a.volume(Se(i)), m(i);
+      },
+      handleSpeedChange: (i) => {
+        const {
+          player: a
+        } = o();
+        a && a.playbackRate(i), o().setState({
+          playbackRate: i
+        });
+      },
+      handleFullscreenToggle: () => {
+        const {
+          player: i
+        } = o();
+        i && (i.isFullscreen() ? i.exitFullscreen() : i.requestFullscreen());
+      },
+      handlePictureInPictureToggle: () => {
+        if (typeof document > "u" || !document.pictureInPictureEnabled) return;
+        const {
+          player: i
+        } = o();
+        if (!i) return;
+        const a = Oe(i);
+        if (!(!a || a.disablePictureInPicture)) {
+          if (document.pictureInPictureElement === a) {
+            document.exitPictureInPicture().catch(() => {
+            });
+            return;
+          }
+          a.requestPictureInPicture().catch(() => {
+          });
+        }
+      },
+      handleMuteToggle: () => {
+        const {
+          player: i,
+          isMuted: a,
+          previousVolume: m,
+          setVolume: y
+        } = o();
+        if (!i) return;
+        if (a) {
+          const v = m || n.volumeFallback;
+          i.volume(v), y(v), o().setState({
+            isMuted: !1
+          });
+          return;
+        }
+        const b = i.volume() ?? n.volumeFallback;
+        o().setState({
+          previousVolume: b
+        }), i.volume(0), y(0), o().setState({
+          isMuted: !0
+        });
+      },
+      handleCaptionToggle: () => {
+        const {
+          activeCaptionLang: i,
+          tracks: a,
+          setActiveCaptionLang: m
+        } = o();
+        if (i !== null) {
+          m(null);
+          return;
+        }
+        const y = a.find((b) => {
+          const v = b.kind ?? "subtitles";
+          return !(v === "subtitles" || v === "captions") || !b.srclang ? !1 : b.srclang.trim() !== "";
+        });
+        m((y == null ? void 0 : y.srclang) ?? null);
+      },
+      setActiveCaptionLang: (i) => {
+        const {
+          onCaptionLangChange: a
+        } = o();
+        l({
+          activeCaptionLang: i
+        }), a == null || a(i);
+      }
+    };
+    return queueMicrotask(() => {
+      typeof window < "u" && f();
+    }), h;
+  });
+}, Be = (t) => {
+  const {
+    children: e,
+    storeConfig: n,
+    width: s,
+    height: r,
+    src: l,
+    sources: o,
+    speedOptions: c,
+    playerOptions: d,
+    events: f,
+    disableVideoJsStyles: u,
+    tracks: h,
+    initialActiveCaptionLang: i,
+    activeCaptionLang: a,
+    onCaptionLangChange: m,
+    autoHide: y,
+    autoHideDelayMs: b,
+    overlayClickAction: v,
+    loadingText: V,
+    errorTitle: N,
+    errorDescription: w,
+    errorRetry: k,
+    controllerRef: C
+  } = t, x = _.useRef(null);
+  x.current || (x.current = Ae(n, {
+    width: s,
+    height: r,
+    src: l,
+    sources: o,
+    speedOptions: c,
+    playerOptions: d,
+    events: f,
+    disableVideoJsStyles: u,
+    tracks: h,
+    initialActiveCaptionLang: i,
+    activeCaptionLang: a,
+    onCaptionLangChange: m,
+    autoHide: y,
+    autoHideDelayMs: b,
+    overlayClickAction: v,
+    loadingText: V,
+    errorTitle: N,
+    errorDescription: w,
+    errorRetry: k
+  }));
+  const L = _.useMemo(() => Object.fromEntries(Object.entries({
+    width: s,
+    height: r,
+    src: l,
+    sources: o,
+    speedOptions: c,
+    playerOptions: d,
+    events: f,
+    disableVideoJsStyles: u,
+    tracks: h,
+    activeCaptionLang: a,
+    onCaptionLangChange: m,
+    autoHide: y,
+    autoHideDelayMs: b,
+    overlayClickAction: v,
+    loadingText: V,
+    errorTitle: N,
+    errorDescription: w,
+    errorRetry: k
+  }).filter(([, S]) => S !== void 0)), [s, r, l, o, c, d, f, u, h, a, m, y, b, v, V, N, w, k]);
+  return _.useLayoutEffect(() => {
+    if (x.current && Object.keys(L).length > 0) {
+      const T = x.current.getState(), S = Me({
+        src: T.src,
+        sources: T.sources
+      }, L);
+      x.current.getState().setState({
+        ...L,
+        ...S ? {
+          currentTime: 0,
+          duration: 0,
+          buffered: 0,
+          isPlaying: !1,
+          hasError: !1,
+          isLoading: !0
+        } : {}
+      });
+    }
+  }, [L]), _.useEffect(() => {
+    if (!C || !x.current) return;
+    const T = x.current, S = {
+      getPlayer: () => T.getState().player,
+      isPlaying: () => T.getState().isPlaying,
+      getCurrentTime: () => T.getState().currentTime,
+      getDuration: () => T.getState().duration,
+      play: () => {
+        const j = T.getState().player;
+        j && j.play();
+      },
+      pause: () => {
+        const j = T.getState().player;
+        j && j.pause();
+      },
+      togglePlayPause: () => {
+        T.getState().handlePlayPause();
+      },
+      seek: (j) => {
+        T.getState().handleSeek(j);
+      },
+      seekAndPlay: (j) => {
+        T.getState().handleSeekAndPlay(j);
+      },
+      togglePictureInPicture: () => {
+        T.getState().handlePictureInPictureToggle();
+      },
+      toggleFullscreen: () => {
+        T.getState().handleFullscreenToggle();
+      }
+    };
+    return C.current = S, () => {
+      C.current === S && (C.current = null);
+    };
+  }, [C]), /* @__PURE__ */ p.jsx(me, { value: x.current, children: e });
+}, lt = "_Overlay_1topf_1", ot = "_fullscreen_1topf_11", it = "_OverlayGrid_1topf_19", at = "_TopLeft_1topf_32", ct = "_TopCenter_1topf_38", ut = "_TopRight_1topf_44", ft = "_MiddleLeft_1topf_50", dt = "_MiddleCenter_1topf_56", mt = "_MiddleRight_1topf_62", yt = "_BottomLeft_1topf_68", gt = "_BottomCenter_1topf_74", ht = "_BottomRight_1topf_80", pt = "_ProgressContainer_1topf_86", _t = "_visible_1topf_98", bt = "_Content_1topf_102", St = "_hidden_1topf_111", vt = {
+  Overlay: lt,
+  fullscreen: ot,
+  OverlayGrid: it,
+  TopLeft: at,
+  TopCenter: ct,
+  TopRight: ut,
+  MiddleLeft: ft,
+  MiddleCenter: dt,
+  MiddleRight: mt,
+  BottomLeft: yt,
+  BottomCenter: gt,
+  BottomRight: ht,
+  ProgressContainer: pt,
+  visible: _t,
+  Content: bt,
+  hidden: St
+}, G = Q.bind(vt), Tt = (t) => {
+  const e = B.c(13);
+  let n, s, r;
+  e[0] !== t ? ({
+    className: s,
+    children: n,
+    ...r
+  } = t, e[0] = t, e[1] = n, e[2] = s, e[3] = r) : (n = e[1], s = e[2], r = e[3]);
+  let l;
+  e[4] !== s ? (l = G("OverlayGrid", s), e[4] = s, e[5] = l) : l = e[5];
+  let o;
+  e[6] !== r ? (o = (d) => {
+    var f;
+    (f = r.onClick) == null || f.call(r, d);
+  }, e[6] = r, e[7] = o) : o = e[7];
+  let c;
+  return e[8] !== n || e[9] !== r || e[10] !== l || e[11] !== o ? (c = /* @__PURE__ */ p.jsx("div", { className: l, ...r, onClick: o, children: n }), e[8] = n, e[9] = r, e[10] = l, e[11] = o, e[12] = c) : c = e[12], c;
+}, Ct = (t) => {
+  const e = B.c(10);
+  let n, s, r;
+  e[0] !== t ? ({
+    className: s,
+    children: n,
+    ...r
+  } = t, e[0] = t, e[1] = n, e[2] = s, e[3] = r) : (n = e[1], s = e[2], r = e[3]);
+  let l;
+  e[4] !== s ? (l = G("TopLeft", s), e[4] = s, e[5] = l) : l = e[5];
+  let o;
+  return e[6] !== n || e[7] !== r || e[8] !== l ? (o = /* @__PURE__ */ p.jsx("div", { className: l, ...r, children: n }), e[6] = n, e[7] = r, e[8] = l, e[9] = o) : o = e[9], o;
+}, kt = (t) => {
+  const e = B.c(10);
+  let n, s, r;
+  e[0] !== t ? ({
+    className: s,
+    children: n,
+    ...r
+  } = t, e[0] = t, e[1] = n, e[2] = s, e[3] = r) : (n = e[1], s = e[2], r = e[3]);
+  let l;
+  e[4] !== s ? (l = G("TopCenter", s), e[4] = s, e[5] = l) : l = e[5];
+  let o;
+  return e[6] !== n || e[7] !== r || e[8] !== l ? (o = /* @__PURE__ */ p.jsx("div", { className: l, ...r, children: n }), e[6] = n, e[7] = r, e[8] = l, e[9] = o) : o = e[9], o;
+}, xt = (t) => {
+  const e = B.c(10);
+  let n, s, r;
+  e[0] !== t ? ({
+    className: s,
+    children: n,
+    ...r
+  } = t, e[0] = t, e[1] = n, e[2] = s, e[3] = r) : (n = e[1], s = e[2], r = e[3]);
+  let l;
+  e[4] !== s ? (l = G("TopRight", s), e[4] = s, e[5] = l) : l = e[5];
+  let o;
+  return e[6] !== n || e[7] !== r || e[8] !== l ? (o = /* @__PURE__ */ p.jsx("div", { className: l, ...r, children: n }), e[6] = n, e[7] = r, e[8] = l, e[9] = o) : o = e[9], o;
+}, wt = (t) => {
+  const e = B.c(10);
+  let n, s, r;
+  e[0] !== t ? ({
+    className: s,
+    children: n,
+    ...r
+  } = t, e[0] = t, e[1] = n, e[2] = s, e[3] = r) : (n = e[1], s = e[2], r = e[3]);
+  let l;
+  e[4] !== s ? (l = G("MiddleLeft", s), e[4] = s, e[5] = l) : l = e[5];
+  let o;
+  return e[6] !== n || e[7] !== r || e[8] !== l ? (o = /* @__PURE__ */ p.jsx("div", { className: l, ...r, children: n }), e[6] = n, e[7] = r, e[8] = l, e[9] = o) : o = e[9], o;
+}, Lt = (t) => {
+  const e = B.c(10);
+  let n, s, r;
+  e[0] !== t ? ({
+    className: s,
+    children: n,
+    ...r
+  } = t, e[0] = t, e[1] = n, e[2] = s, e[3] = r) : (n = e[1], s = e[2], r = e[3]);
+  let l;
+  e[4] !== s ? (l = G("MiddleCenter", s), e[4] = s, e[5] = l) : l = e[5];
+  let o;
+  return e[6] !== n || e[7] !== r || e[8] !== l ? (o = /* @__PURE__ */ p.jsx("div", { className: l, ...r, children: n }), e[6] = n, e[7] = r, e[8] = l, e[9] = o) : o = e[9], o;
+}, Vt = (t) => {
+  const e = B.c(10);
+  let n, s, r;
+  e[0] !== t ? ({
+    className: s,
+    children: n,
+    ...r
+  } = t, e[0] = t, e[1] = n, e[2] = s, e[3] = r) : (n = e[1], s = e[2], r = e[3]);
+  let l;
+  e[4] !== s ? (l = G("MiddleRight", s), e[4] = s, e[5] = l) : l = e[5];
+  let o;
+  return e[6] !== n || e[7] !== r || e[8] !== l ? (o = /* @__PURE__ */ p.jsx("div", { className: l, ...r, children: n }), e[6] = n, e[7] = r, e[8] = l, e[9] = o) : o = e[9], o;
+}, jt = (t) => {
+  const e = B.c(10);
+  let n, s, r;
+  e[0] !== t ? ({
+    className: s,
+    children: n,
+    ...r
+  } = t, e[0] = t, e[1] = n, e[2] = s, e[3] = r) : (n = e[1], s = e[2], r = e[3]);
+  let l;
+  e[4] !== s ? (l = G("BottomLeft", s), e[4] = s, e[5] = l) : l = e[5];
+  let o;
+  return e[6] !== n || e[7] !== r || e[8] !== l ? (o = /* @__PURE__ */ p.jsx("div", { className: l, ...r, children: n }), e[6] = n, e[7] = r, e[8] = l, e[9] = o) : o = e[9], o;
+}, Pt = (t) => {
+  const e = B.c(10);
+  let n, s, r;
+  e[0] !== t ? ({
+    className: s,
+    children: n,
+    ...r
+  } = t, e[0] = t, e[1] = n, e[2] = s, e[3] = r) : (n = e[1], s = e[2], r = e[3]);
+  let l;
+  e[4] !== s ? (l = G("BottomCenter", s), e[4] = s, e[5] = l) : l = e[5];
+  let o;
+  return e[6] !== n || e[7] !== r || e[8] !== l ? (o = /* @__PURE__ */ p.jsx("div", { className: l, ...r, children: n }), e[6] = n, e[7] = r, e[8] = l, e[9] = o) : o = e[9], o;
+}, Rt = (t) => {
+  const e = B.c(10);
+  let n, s, r;
+  e[0] !== t ? ({
+    className: s,
+    children: n,
+    ...r
+  } = t, e[0] = t, e[1] = n, e[2] = s, e[3] = r) : (n = e[1], s = e[2], r = e[3]);
+  let l;
+  e[4] !== s ? (l = G("BottomRight", s), e[4] = s, e[5] = l) : l = e[5];
+  let o;
+  return e[6] !== n || e[7] !== r || e[8] !== l ? (o = /* @__PURE__ */ p.jsx("div", { className: l, ...r, children: n }), e[6] = n, e[7] = r, e[8] = l, e[9] = o) : o = e[9], o;
+}, Nt = (t) => {
+  const e = B.c(30), {
+    className: n,
+    onOverlayClick: s,
+    children: r
+  } = t, l = n === void 0 ? "" : n, o = _.useContext(me);
+  if (!o)
+    throw new Error("VideoOverlay는 VideoPlayerProvider 내부에서만 사용해야 합니다.");
+  let c;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = ["handlePlayPause", "isFullscreen", "isPictureInPicture", "overlayClickAction", "overlayControlsVisible", "notifyOverlayPointerActivity", "notifyOverlayPointerLeave"], e[0] = c) : c = e[0];
+  const {
+    handlePlayPause: d,
+    isFullscreen: f,
+    isPictureInPicture: u,
+    overlayClickAction: h,
+    overlayControlsVisible: i,
+    notifyOverlayPointerActivity: a,
+    notifyOverlayPointerLeave: m
+  } = Y(c);
+  let y;
+  e[1] !== d || e[2] !== s || e[3] !== h ? (y = (S) => {
+    S.target === S.currentTarget && (s && s(), h !== "none" && d());
+  }, e[1] = d, e[2] = s, e[3] = h, e[4] = y) : y = e[4];
+  const b = y;
+  let v;
+  e[5] !== l || e[6] !== f ? (v = G("Overlay", {
+    fullscreen: f
+  }, l), e[5] = l, e[6] = f, e[7] = v) : v = e[7];
+  const V = v;
+  let N;
+  e[8] !== r || e[9] !== b || e[10] !== f || e[11] !== u || e[12] !== a || e[13] !== m || e[14] !== i ? (N = r({
+    showControls: i,
+    onMouseMove: a,
+    onMouseLeave: m,
+    onClick: b,
+    isFullscreen: f,
+    isPictureInPicture: u
+  }), e[8] = r, e[9] = b, e[10] = f, e[11] = u, e[12] = a, e[13] = m, e[14] = i, e[15] = N) : N = e[15];
+  const w = N;
+  let k;
+  e[16] !== o ? (k = (S) => {
+    S === null && o.getState().clearOverlayAutoHideTimer();
+  }, e[16] = o, e[17] = k) : k = e[17];
+  const C = !i;
+  let x;
+  e[18] !== C ? (x = G("Content", {
+    hidden: C
+  }), e[18] = C, e[19] = x) : x = e[19];
+  let L;
+  e[20] !== w || e[21] !== x ? (L = /* @__PURE__ */ p.jsx("div", { className: x, children: w }), e[20] = w, e[21] = x, e[22] = L) : L = e[22];
+  let T;
+  return e[23] !== V || e[24] !== b || e[25] !== a || e[26] !== m || e[27] !== k || e[28] !== L ? (T = /* @__PURE__ */ p.jsx("div", { className: V, onMouseMove: a, onMouseLeave: m, onClick: b, ref: k, role: "presentation", children: L }), e[23] = V, e[24] = b, e[25] = a, e[26] = m, e[27] = k, e[28] = L, e[29] = T) : T = e[29], T;
+}, It = Object.assign(Nt, {
+  Grid: Tt,
+  TopLeft: Ct,
+  TopCenter: kt,
+  TopRight: xt,
+  MiddleLeft: wt,
+  MiddleCenter: Lt,
+  MiddleRight: Vt,
+  BottomLeft: jt,
+  BottomCenter: Pt,
+  BottomRight: Rt
+}), Ot = "_Loading_1nfaq_1", Et = "_LoadingSpinner_1nfaq_11", $t = "_spin_1nfaq_1", Mt = "_LoadingText_1nfaq_27", Dt = {
+  Loading: Ot,
+  LoadingSpinner: Et,
+  spin: $t,
+  LoadingText: Mt
+}, be = Q.bind(Dt), At = (t) => {
+  const e = B.c(13), {
+    className: n,
+    as: s
+  } = t, r = n === void 0 ? "" : n;
+  let l;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (l = ["isLoading", "loadingText"], e[0] = l) : l = e[0];
+  const {
+    isLoading: o,
+    loadingText: c
+  } = Y(l);
+  if (!o)
+    return null;
+  const d = c;
+  let f, u;
+  if (e[1] !== s || e[2] !== r || e[3] !== d) {
+    u = Symbol.for("react.early_return_sentinel");
+    e:
+      if (f = be("Loading", r), s) {
+        u = /* @__PURE__ */ p.jsx(p.Fragment, { children: s({
+          defaultClassName: f,
+          loadingText: d
+        }) });
+        break e;
+      }
+    e[1] = s, e[2] = r, e[3] = d, e[4] = f, e[5] = u;
+  } else
+    f = e[4], u = e[5];
+  if (u !== Symbol.for("react.early_return_sentinel"))
+    return u;
+  let h, i;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ p.jsx("div", { className: be("LoadingSpinner") }), i = be("LoadingText"), e[6] = h, e[7] = i) : (h = e[6], i = e[7]);
+  let a;
+  e[8] !== d ? (a = /* @__PURE__ */ p.jsx("div", { className: i, children: d }), e[8] = d, e[9] = a) : a = e[9];
+  let m;
+  return e[10] !== f || e[11] !== a ? (m = /* @__PURE__ */ p.jsxs("div", { className: f, children: [
+    h,
+    a
+  ] }), e[10] = f, e[11] = a, e[12] = m) : m = e[12], m;
+}, Bt = "_ErrorTitle_1755e_16", Ft = "_ErrorDescription_1755e_22", Ht = "_ErrorActionButton_1755e_28", Ut = {
+  Error: "_Error_1755e_1",
+  ErrorTitle: Bt,
+  ErrorDescription: Ft,
+  ErrorActionButton: Ht
+}, ge = Q.bind(Ut), qt = (t) => {
+  const e = B.c(26), {
+    className: n,
+    onRetry: s,
+    as: r
+  } = t, l = n === void 0 ? "" : n;
+  let o;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (o = ["hasError", "errorTitle", "errorDescription", "errorRetry"], e[0] = o) : o = e[0];
+  const {
+    hasError: c,
+    errorTitle: d,
+    errorDescription: f,
+    errorRetry: u
+  } = Y(o);
+  if (!c)
+    return null;
+  const h = d, i = f, a = u;
+  let m;
+  e[1] !== s ? (m = () => {
+    if (s) {
+      s();
+      return;
+    }
+    window.location.reload();
+  }, e[1] = s, e[2] = m) : m = e[2];
+  const y = m;
+  let b, v;
+  if (e[3] !== r || e[4] !== l || e[5] !== y || e[6] !== i || e[7] !== a || e[8] !== h) {
+    v = Symbol.for("react.early_return_sentinel");
+    e:
+      if (b = ge("Error", l), r) {
+        v = /* @__PURE__ */ p.jsx(p.Fragment, { children: r({
+          defaultClassName: b,
+          errorTitle: h,
+          errorDescription: i,
+          errorRetry: a,
+          onRetry: y
+        }) });
+        break e;
+      }
+    e[3] = r, e[4] = l, e[5] = y, e[6] = i, e[7] = a, e[8] = h, e[9] = b, e[10] = v;
+  } else
+    b = e[9], v = e[10];
+  if (v !== Symbol.for("react.early_return_sentinel"))
+    return v;
+  let V;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (V = ge("ErrorTitle"), e[11] = V) : V = e[11];
+  let N;
+  e[12] !== h ? (N = /* @__PURE__ */ p.jsx("h3", { className: V, children: h }), e[12] = h, e[13] = N) : N = e[13];
+  let w;
+  e[14] === Symbol.for("react.memo_cache_sentinel") ? (w = ge("ErrorDescription"), e[14] = w) : w = e[14];
+  let k;
+  e[15] !== i ? (k = /* @__PURE__ */ p.jsx("p", { className: w, children: i }), e[15] = i, e[16] = k) : k = e[16];
+  let C;
+  e[17] === Symbol.for("react.memo_cache_sentinel") ? (C = ge("ErrorActionButton"), e[17] = C) : C = e[17];
+  let x;
+  e[18] !== y || e[19] !== a ? (x = /* @__PURE__ */ p.jsx("button", { className: C, onClick: y, children: a }), e[18] = y, e[19] = a, e[20] = x) : x = e[20];
+  let L;
+  return e[21] !== b || e[22] !== N || e[23] !== k || e[24] !== x ? (L = /* @__PURE__ */ p.jsxs("div", { className: b, children: [
+    N,
+    k,
+    x
+  ] }), e[21] = b, e[22] = N, e[23] = k, e[24] = x, e[25] = L) : L = e[25], L;
+}, Wt = "_Frame_1y5ek_1", Kt = {
+  Frame: Wt,
+  "vjs-tech": "_vjs-tech_1y5ek_23",
+  "vjs-fullscreen": "_vjs-fullscreen_1y5ek_29",
+  "vjs-control-bar": "_vjs-control-bar_1y5ek_43",
+  "vjs-big-play-button": "_vjs-big-play-button_1y5ek_46",
+  "vjs-loading-spinner": "_vjs-loading-spinner_1y5ek_49",
+  "vjs-error-display": "_vjs-error-display_1y5ek_52"
+}, Jt = Q.bind(Kt), Gt = (t) => {
+  const e = B.c(17);
+  let n, s, r;
+  e[0] !== t ? ({
+    className: r,
+    children: n,
+    ...s
+  } = t, e[0] = t, e[1] = n, e[2] = s, e[3] = r) : (n = e[1], s = e[2], r = e[3]);
+  const l = r === void 0 ? "" : r;
+  let o;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (o = ["width", "height"], e[4] = o) : o = e[4];
+  const {
+    width: c,
+    height: d
+  } = Y(o), f = typeof c == "number" ? `${c}px` : c, u = typeof d == "number" ? `${d}px` : d;
+  let h;
+  e[5] !== u || e[6] !== f ? (h = {
+    "--video-player-width": f,
+    "--video-player-height": u,
+    "--video-player-max-width": F.layout.maxWidth
+  }, e[5] = u, e[6] = f, e[7] = h) : h = e[7];
+  const i = h;
+  let a;
+  e[8] !== l ? (a = Jt("Frame", l), e[8] = l, e[9] = a) : a = e[9];
+  let m;
+  e[10] !== n ? (m = /* @__PURE__ */ p.jsx("div", { "data-vjs-player": !0, children: n }), e[10] = n, e[11] = m) : m = e[11];
+  let y;
+  return e[12] !== i || e[13] !== s || e[14] !== a || e[15] !== m ? (y = /* @__PURE__ */ p.jsx("div", { className: a, style: i, ...s, children: m }), e[12] = i, e[13] = s, e[14] = a, e[15] = m, e[16] = y) : y = e[16], y;
+}, Xt = "_VideoElement_cfekd_2", Qt = {
+  VideoElement: Xt
+}, Yt = Q.bind(Qt), oe = (t) => t ? t.trim().toLowerCase() : "", Zt = (t) => oe(t.srclang) || oe(t.language), zt = (t) => {
+  const {
+    src: e,
+    sources: n
+  } = t;
+  return n && n.length > 0 ? n : e.includes(".m3u8") ? [{
+    src: e,
+    type: "application/x-mpegURL"
+  }] : [{
+    src: e,
+    type: "video/mp4"
+  }];
+}, en = (t) => t.map((e) => `${e.src}|${e.srclang ?? ""}|${e.kind ?? "subtitles"}`).join(";"), tn = (t) => {
+  const {
+    className: e = "",
+    preload: n,
+    ...s
+  } = t, {
+    width: r,
+    height: l,
+    src: o,
+    sources: c,
+    speedOptions: d,
+    playerOptions: f,
+    events: u,
+    disableVideoJsStyles: h,
+    tracks: i,
+    player: a,
+    activeCaptionLang: m,
+    setState: y,
+    setPlayer: b,
+    setVolume: v,
+    volume: V,
+    playbackRate: N
+  } = Y(["width", "height", "src", "sources", "speedOptions", "playerOptions", "events", "disableVideoJsStyles", "tracks", "player", "activeCaptionLang", "setState", "setPlayer", "setVolume", "volume", "playbackRate"]), w = _.useRef(null), k = _.useRef(null), C = _.useRef(null), x = _.useRef(0), L = _.useRef([]), T = _.useRef(null), S = _.useRef(null), j = _.useRef(V), E = _.useRef(N), D = _.useRef(m);
+  D.current = m;
+  const H = _.useMemo(() => zt({
+    src: o ?? "",
+    sources: c ?? void 0
+  }), [o, c]), $ = d, O = _.useMemo(() => en(i), [i]), K = _.useRef(i);
+  K.current = i;
+  const g = _.useMemo(() => u, [u]);
+  return _.useEffect(() => {
+    j.current = V;
+  }, [V]), _.useEffect(() => {
+    E.current = N;
+  }, [N]), _.useEffect(() => {
+    if (!a) return;
+    const A = a.textTracks(), I = Array.prototype.slice.call(A);
+    for (const q of I)
+      if (q.kind === "subtitles" || q.kind === "captions") {
+        const U = oe(m) !== "" && Zt(q) === oe(m);
+        q.mode = U ? "showing" : "hidden";
+      }
+  }, [a, m]), _.useLayoutEffect(() => () => {
+    var I;
+    x.current += 1, (I = C.current) == null || I.call(C), C.current = null, y({
+      isPictureInPicture: !1
+    });
+    const A = k.current;
+    A && (A.dispose(), k.current = null, b(null)), T.current = null, S.current = null, L.current.length > 0 && (L.current.forEach((q) => {
+      URL.revokeObjectURL(q);
+    }), L.current = []);
+  }, [b, y]), _.useLayoutEffect(() => {
+    var U;
+    if (!o)
+      return;
+    const A = JSON.stringify(H), I = k.current;
+    if (I && T.current !== null && T.current === O) {
+      S.current !== A && (I.src(H), I.load(), y({
+        hasError: !1,
+        isLoading: !0
+      }), S.current = A);
+      return;
+    }
+    if (I && T.current !== O && ((U = C.current) == null || U.call(C), C.current = null, y({
+      isPictureInPicture: !1
+    }), I.dispose(), k.current = null, b(null), T.current = null, S.current = null, L.current.length > 0 && (L.current.forEach((te) => {
+      URL.revokeObjectURL(te);
+    }), L.current = [])), k.current)
+      return;
+    (async () => {
+      var ne, fe;
+      const te = x.current;
+      if (!((ne = w.current) != null && ne.isConnected))
+        return;
+      const re = K.current, se = re.length > 0 ? await Promise.all(re.map(async (P) => {
+        let R = P.src;
+        if ($e(R))
+          try {
+            const W = await fetch(R);
+            if (!W.ok)
+              throw new Error(`Failed to load subtitle: ${W.status}`);
+            const Z = await W.text(), z = et(Z);
+            L.current = [...L.current, z], R = z;
+          } catch (W) {
+            console.error("SRT 자막 변환에 실패했습니다. 원본 경로를 사용합니다.", W);
+          }
+        return {
+          src: R,
+          kind: P.kind ?? "subtitles",
+          srclang: P.srclang ?? "",
+          label: P.label ?? "",
+          default: oe(D.current) !== "" && oe(P.srclang) === oe(D.current)
+        };
+      })) : void 0;
+      if (te !== x.current || !((fe = w.current) != null && fe.isConnected) || k.current)
+        return;
+      const ie = {
+        ...{
+          controls: !1,
+          responsive: !1,
+          fluid: !1,
+          width: r,
+          height: l,
+          preload: "auto",
+          playbackRates: $,
+          fullscreen: {
+            options: {
+              navigationUI: "hide"
+            }
+          },
+          html5: {
+            vhs: {
+              overrideNative: !0,
+              enableLowInitialPlaylist: !0,
+              smoothQualityChange: !0
+            }
+          },
+          sources: H,
+          ...se ? {
+            tracks: se
+          } : {}
+        },
+        ...f ?? {}
+      };
+      try {
+        const P = Je(w.current, ie);
+        k.current = P, T.current = O, S.current = A, b(P), P.on("ready", () => {
+          var W;
+          y({
+            isLoading: !1
+          }), P.volume(j.current), P.playbackRate(E.current), v(j.current), y({
+            playbackRate: E.current
+          }), (W = C.current) == null || W.call(C), C.current = null;
+          const R = Oe(P);
+          if (R) {
+            const Z = () => {
+              const ee = typeof document < "u" && document.pictureInPictureElement === R;
+              y({
+                isPictureInPicture: ee
+              }), g != null && g.onPictureInPictureChange && g.onPictureInPictureChange(ee);
+            }, z = () => {
+              y({
+                isPictureInPicture: !0
+              }), g != null && g.onPictureInPictureChange && g.onPictureInPictureChange(!0);
+            }, ae = () => {
+              y({
+                isPictureInPicture: !1
+              }), g != null && g.onPictureInPictureChange && g.onPictureInPictureChange(!1);
+            };
+            R.addEventListener("enterpictureinpicture", z), R.addEventListener("leavepictureinpicture", ae), Z(), C.current = () => {
+              R.removeEventListener("enterpictureinpicture", z), R.removeEventListener("leavepictureinpicture", ae);
+            };
+          }
+          g != null && g.onReady && g.onReady(P);
+        }), P.on("loadstart", () => {
+          y({
+            isLoading: !0,
+            hasError: !1
+          }), g != null && g.onLoadStart && g.onLoadStart();
+        }), P.on("canplay", () => {
+          y({
+            isLoading: !1
+          }), g != null && g.onCanPlay && g.onCanPlay();
+        }), P.on("error", (R) => {
+          console.error("비디오 에러:", R), y({
+            hasError: !0,
+            isLoading: !1
+          }), g != null && g.onError && g.onError(R);
+        }), P.on("play", () => {
+          y({
+            isPlaying: !0
+          }), g != null && g.onPlay && g.onPlay();
+        }), P.on("pause", () => {
+          y({
+            isPlaying: !1
+          }), g != null && g.onPause && g.onPause();
+        }), P.on("ended", () => {
+          y({
+            isPlaying: !1
+          }), g != null && g.onEnded && g.onEnded();
+        }), P.on("timeupdate", () => {
+          const R = P.currentTime() ?? 0;
+          y({
+            currentTime: R
+          }), g != null && g.onTimeUpdate && g.onTimeUpdate(R);
+        }), P.on("progress", () => {
+          const R = P.buffered();
+          if (R.length > 0) {
+            const W = R.end(R.length - 1);
+            y({
+              buffered: W
+            }), g != null && g.onProgress && g.onProgress(W);
+          }
+        }), P.on("volumechange", () => {
+          const R = P.volume() ?? 1;
+          v(R), g != null && g.onVolumeChange && g.onVolumeChange(R);
+        }), P.on("ratechange", () => {
+          const R = P.playbackRate() ?? 1;
+          y({
+            playbackRate: R
+          }), g != null && g.onRateChange && g.onRateChange(R);
+        }), P.on("fullscreenchange", () => {
+          const R = P.isFullscreen() ?? !1;
+          y({
+            isFullscreen: R
+          }), g != null && g.onFullscreenChange && g.onFullscreenChange(R);
+        }), P.on("loadedmetadata", () => {
+          const R = P.duration() ?? 0;
+          y({
+            duration: R
+          }), g != null && g.onDurationChange && g.onDurationChange(R);
+        });
+      } catch (P) {
+        console.error("Video.js 플레이어 생성 실패:", P), y({
+          hasError: !0,
+          isLoading: !1
+        }), g != null && g.onError && g.onError(P);
+      }
+    })();
+  }, [o, r, l, O, b, y, v, H, $, f, g]), _.useLayoutEffect(() => {
+    const A = k.current;
+    A && (A.width(r), A.height(l));
+  }, [r, l]), /* @__PURE__ */ p.jsx("video", { ref: w, className: Yt("VideoElement", "video-js", h ? "" : "vjs-default-skin", e), preload: n ?? "auto", ...s });
+}, nn = "_Thumbnail_1hgib_1", rn = "_ThumbnailImage_1hgib_11", sn = {
+  Thumbnail: nn,
+  ThumbnailImage: rn
+}, Pe = Q.bind(sn), ln = (t) => {
+  const e = B.c(17);
+  let n, s, r, l;
+  e[0] !== t ? ({
+    src: s,
+    alt: r,
+    className: l,
+    ...n
+  } = t, e[0] = t, e[1] = n, e[2] = s, e[3] = r, e[4] = l) : (n = e[1], s = e[2], r = e[3], l = e[4]);
+  const o = r === void 0 ? "Video thumbnail" : r, c = l === void 0 ? "" : l, d = Ne();
+  let f;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (f = ["isPlaying", "currentTime"], e[5] = f) : f = e[5];
+  const {
+    isPlaying: u,
+    currentTime: h
+  } = Y(f);
+  if (u || h !== 0)
+    return null;
+  let i;
+  e[6] !== c ? (i = Pe("Thumbnail", c), e[6] = c, e[7] = i) : i = e[7];
+  let a;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (a = Pe("ThumbnailImage"), e[8] = a) : a = e[8];
+  let m;
+  e[9] !== d || e[10] !== o || e[11] !== s ? (m = /* @__PURE__ */ p.jsx(d, { src: s, alt: o, className: a }), e[9] = d, e[10] = o, e[11] = s, e[12] = m) : m = e[12];
+  let y;
+  return e[13] !== n || e[14] !== i || e[15] !== m ? (y = /* @__PURE__ */ p.jsx("div", { className: i, ...n, children: m }), e[13] = n, e[14] = i, e[15] = m, e[16] = y) : y = e[16], y;
+}, on = "_WidgetButton_1g3p0_2", an = {
+  WidgetButton: on
+}, cn = Q.bind(an), Ce = (t) => {
+  const e = B.c(20);
+  let n, s, r, l, o, c;
+  e[0] !== t ? ({
+    icon: r,
+    children: s,
+    onClick: l,
+    ariaLabel: n,
+    className: c,
+    ...o
+  } = t, e[0] = t, e[1] = n, e[2] = s, e[3] = r, e[4] = l, e[5] = o, e[6] = c) : (n = e[1], s = e[2], r = e[3], l = e[4], o = e[5], c = e[6]);
+  const d = c === void 0 ? "" : c;
+  let f;
+  e[7] !== d ? (f = cn("WidgetButton", d), e[7] = d, e[8] = f) : f = e[8];
+  let u;
+  e[9] !== l ? (u = (a) => {
+    a.stopPropagation(), l == null || l();
+  }, e[9] = l, e[10] = u) : u = e[10];
+  let h;
+  e[11] !== s || e[12] !== r ? (h = s ?? (r ? /* @__PURE__ */ p.jsx(Ge, { ...r }) : null), e[11] = s, e[12] = r, e[13] = h) : h = e[13];
+  let i;
+  return e[14] !== n || e[15] !== o || e[16] !== f || e[17] !== u || e[18] !== h ? (i = /* @__PURE__ */ p.jsx("button", { type: "button", className: f, onClick: u, "aria-label": n, ...o, children: h }), e[14] = n, e[15] = o, e[16] = f, e[17] = u, e[18] = h, e[19] = i) : i = e[19], i;
+}, un = "_ProgressBar_yylk1_1", fn = "_ProgressTrack_yylk1_16", dn = "_BufferedProgress_yylk1_24", mn = "_CurrentProgress_yylk1_33", yn = {
+  ProgressBar: un,
+  ProgressTrack: fn,
+  BufferedProgress: dn,
+  CurrentProgress: mn
+}, he = Q.bind(yn), gn = (t) => {
+  const e = B.c(48), {
+    className: n,
+    onInteractionChange: s,
+    ariaLabel: r,
+    as: l
+  } = t, o = n === void 0 ? "" : n;
+  let c;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = ["isPlaying", "playbackRate", "duration", "buffered", "currentTime", "handleSeek"], e[0] = c) : c = e[0];
+  const {
+    isPlaying: d,
+    playbackRate: f,
+    duration: u,
+    buffered: h,
+    currentTime: i,
+    handleSeek: a
+  } = Y(c), m = _.useRef(i), y = _.useRef(null), [b, v] = _.useState(0), [V, N] = _.useState(0), [w, k] = _.useState(!1), [C, x] = _.useState(!1), L = _.useRef(void 0);
+  let T, S;
+  e[1] !== h || e[2] !== u || e[3] !== d || e[4] !== f ? (T = () => {
+    let M = Date.now();
+    const J = () => {
+      const pe = Date.now(), _e = (pe - M) / 1e3;
+      if (M = pe, d) {
+        const Ue = m.current + _e * f, qe = u > 0 ? Ue / u * 100 : 0;
+        v(qe);
+      }
+      const He = u > 0 ? h / u * 100 : 0;
+      N(He);
+    }, X = window.setInterval(J, 8.333333333333334);
+    return () => {
+      window.clearInterval(X);
+    };
+  }, S = [d, f, u, h], e[1] = h, e[2] = u, e[3] = d, e[4] = f, e[5] = T, e[6] = S) : (T = e[5], S = e[6]), _.useEffect(T, S);
+  let j, E;
+  e[7] !== i || e[8] !== u || e[9] !== d ? (j = () => {
+    if (m.current = i, !d) {
+      const M = u > 0 ? i / u * 100 : 0;
+      v(M);
+    }
+  }, E = [i, d, u], e[7] = i, e[8] = u, e[9] = d, e[10] = j, e[11] = E) : (j = e[10], E = e[11]), _.useEffect(j, E);
+  let D;
+  e[12] !== u || e[13] !== a ? (D = (M) => {
+    if (u <= 0)
+      return;
+    const J = Math.min(Math.max(M, 0), u);
+    m.current = J;
+    const X = J / u * 100;
+    v(X), a(J);
+  }, e[12] = u, e[13] = a, e[14] = D) : D = e[14];
+  const H = D;
+  let $;
+  e[15] !== u || e[16] !== H ? ($ = (M) => {
+    const J = y.current;
+    if (J === null || u <= 0)
+      return;
+    const X = J.getBoundingClientRect();
+    if (X.width === 0)
+      return;
+    const _e = (M - X.left) / X.width * u;
+    H(_e);
+  }, e[15] = u, e[16] = H, e[17] = $) : $ = e[17];
+  const O = $;
+  let K;
+  e[18] !== O ? (K = (M) => {
+    M.preventDefault(), M.stopPropagation(), k(!0), O(M.clientX);
+  }, e[18] = O, e[19] = K) : K = e[19];
+  const g = K;
+  let A, I;
+  e[20] !== w || e[21] !== O ? (I = () => {
+    if (!w)
+      return;
+    const M = (X) => {
+      O(X.clientX);
+    }, J = () => {
+      k(!1);
+    };
+    return window.addEventListener("pointermove", M), window.addEventListener("pointerup", J), () => {
+      window.removeEventListener("pointermove", M), window.removeEventListener("pointerup", J);
+    };
+  }, A = [w, O], e[20] = w, e[21] = O, e[22] = A, e[23] = I) : (A = e[22], I = e[23]), _.useEffect(I, A);
+  const q = (M) => {
+    if (u <= 0)
+      return;
+    const J = Math.max(u * 0.02, 1);
+    if (M.key === "ArrowRight" || M.key === "ArrowUp" || M.key === "ArrowLeft" || M.key === "ArrowDown") {
+      M.preventDefault(), L.current && (window.clearTimeout(L.current), L.current = void 0), x(!0);
+      const X = M.key === "ArrowRight" || M.key === "ArrowUp" ? J : -J;
+      H(m.current + X), L.current = window.setTimeout(() => {
+        x(!1), L.current = void 0;
+      }, 600);
+    }
+  };
+  let U, te;
+  e[24] !== w || e[25] !== C || e[26] !== s ? (U = () => {
+    s && s(w || C);
+  }, te = [w, C, s], e[24] = w, e[25] = C, e[26] = s, e[27] = U, e[28] = te) : (U = e[27], te = e[28]), _.useEffect(U, te);
+  let re, se;
+  e[29] === Symbol.for("react.memo_cache_sentinel") ? (re = () => () => {
+    L.current && window.clearTimeout(L.current);
+  }, se = [], e[29] = re, e[30] = se) : (re = e[29], se = e[30]), _.useEffect(re, se);
+  const ue = he("ProgressBar", o), ie = r ?? F.aria.progress, ne = b, fe = V;
+  if (l)
+    return /* @__PURE__ */ p.jsx(p.Fragment, { children: l({
+      defaultClassName: ue,
+      progress: ne,
+      buffered: fe,
+      ariaLabel: ie,
+      onPointerDown: g,
+      onKeyDown: q,
+      trackRef: y
+    }) });
+  let P, R;
+  e[31] === Symbol.for("react.memo_cache_sentinel") ? (P = he("ProgressTrack"), R = he("BufferedProgress"), e[31] = P, e[32] = R) : (P = e[31], R = e[32]);
+  const W = `${fe}%`;
+  let Z;
+  e[33] !== W ? (Z = /* @__PURE__ */ p.jsx("div", { className: R, style: {
+    width: W
+  } }), e[33] = W, e[34] = Z) : Z = e[34];
+  let z;
+  e[35] === Symbol.for("react.memo_cache_sentinel") ? (z = he("CurrentProgress"), e[35] = z) : z = e[35];
+  const ae = `${ne}%`;
+  let ee;
+  e[36] !== ae ? (ee = /* @__PURE__ */ p.jsx("div", { className: z, style: {
+    width: ae
+  } }), e[36] = ae, e[37] = ee) : ee = e[37];
+  let ce;
+  e[38] !== Z || e[39] !== ee ? (ce = /* @__PURE__ */ p.jsxs("div", { className: P, children: [
+    Z,
+    ee
+  ] }), e[38] = Z, e[39] = ee, e[40] = ce) : ce = e[40];
+  let ye;
+  return e[41] !== ue || e[42] !== q || e[43] !== g || e[44] !== ne || e[45] !== ie || e[46] !== ce ? (ye = /* @__PURE__ */ p.jsx("div", { className: ue, ref: y, onPointerDown: g, onKeyDown: q, role: "progressbar", tabIndex: 0, "aria-valuenow": ne, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": ie, children: ce }), e[41] = ue, e[42] = q, e[43] = g, e[44] = ne, e[45] = ie, e[46] = ce, e[47] = ye) : ye = e[47], ye;
+}, hn = "_VolumeControl_cqcm4_1", pn = "_isActive_cqcm4_25", _n = "_VolumeSlider_cqcm4_30", bn = "_VolumeButton_cqcm4_35", Sn = "_InlineTrackWrapper_cqcm4_63", vn = "_InlineTrackBackground_cqcm4_78", Tn = "_InlineTrackProgress_cqcm4_88", Cn = "_InlineThumb_cqcm4_98", kn = "_VolumeValue_cqcm4_110", xn = {
+  VolumeControl: hn,
+  isActive: pn,
+  VolumeSlider: _n,
+  VolumeButton: bn,
+  InlineTrackWrapper: Sn,
+  InlineTrackBackground: vn,
+  InlineTrackProgress: Tn,
+  InlineThumb: Cn,
+  VolumeValue: kn
+}, le = Q.bind(xn);
+function Re(t, e) {
+  return t === void 0 ? {
+    name: e,
+    size: 24
+  } : typeof t == "string" ? {
+    name: t,
+    size: 24
+  } : {
+    size: 24,
+    ...t
+  };
+}
+const wn = (t) => {
+  const {
+    className: e = "",
+    onInteractionChange: n,
+    icons: s,
+    aria: r,
+    as: l
+  } = t, o = {
+    volumeOn: Re(s == null ? void 0 : s.volumeOn, F.icons.volumeOn),
+    volumeOff: Re(s == null ? void 0 : s.volumeOff, F.icons.volumeOff)
+  }, c = {
+    mute: (r == null ? void 0 : r.mute) ?? F.aria.mute,
+    unmute: (r == null ? void 0 : r.unmute) ?? F.aria.unmute
+  }, {
+    volume: d,
+    isMuted: f,
+    handleVolumeChange: u,
+    handleMuteToggle: h
+  } = Y(["volume", "isMuted", "handleVolumeChange", "handleMuteToggle"]), [i, a] = _.useState(!1), [m, y] = _.useState(!1), b = i || m, v = d, V = _.useRef(null), N = _.useMemo(() => ({
+    "--vp-volume-fill": `${v * 100}%`,
+    "--vp-volume-thumb": `${v * 100}%`
+  }), [v]), w = _.useCallback((S) => {
+    const j = Math.min(Math.max(S, 0), 1);
+    u(j);
+  }, [u]), k = _.useCallback((S) => {
+    const j = V.current;
+    if (j === null)
+      return;
+    const E = j.getBoundingClientRect();
+    if (E.width === 0)
+      return;
+    const D = (S - E.left) / E.width;
+    w(D);
+  }, [w]), C = _.useCallback((S) => {
+    S.preventDefault(), a(!0), y(!0), k(S.clientX);
+  }, [k]);
+  _.useEffect(() => {
+    n && n(b || m);
+  }, [m, n, b]), _.useEffect(() => {
+    if (!m)
+      return;
+    const S = (E) => {
+      k(E.clientX);
+    }, j = () => {
+      y(!1), a(!1);
+    };
+    return window.addEventListener("pointermove", S), window.addEventListener("pointerup", j), () => {
+      window.removeEventListener("pointermove", S), window.removeEventListener("pointerup", j);
+    };
+  }, [m, k]);
+  const x = _.useCallback((S) => {
+    S.key === "ArrowRight" || S.key === "ArrowUp" ? (S.preventDefault(), w(v + 0.05), a(!0)) : (S.key === "ArrowLeft" || S.key === "ArrowDown") && (S.preventDefault(), w(v - 0.05), a(!0));
+  }, [w, v]), L = le("VolumeControl", {
+    isActive: b
+  }, e), T = f ? c.unmute : c.mute;
+  return l ? /* @__PURE__ */ p.jsx(p.Fragment, { children: l({
+    defaultClassName: L,
+    volume: d,
+    isMuted: f,
+    ariaLabel: T,
+    onMuteToggle: h,
+    onVolumeChange: u,
+    volumeOnIcon: o.volumeOn.name,
+    volumeOffIcon: o.volumeOff.name,
+    sliderVisible: b,
+    sliderValue: v,
+    onSliderFocus: a,
+    onPointerDown: (S) => {
+      C(S);
+    },
+    trackRef: V
+  }) }) : /* @__PURE__ */ p.jsxs("div", { className: L, children: [
+    /* @__PURE__ */ p.jsx(Ce, { className: le("VolumeButton"), icon: f ? o.volumeOff : o.volumeOn, onClick: h, ariaLabel: T }),
+    /* @__PURE__ */ p.jsx("div", { className: le("VolumeSlider"), "aria-hidden": !b, children: /* @__PURE__ */ p.jsxs("div", { className: le("InlineTrackWrapper"), ref: V, role: "slider", "aria-valuemin": 0, "aria-valuemax": 1, "aria-valuenow": Number(v.toFixed(2)), "aria-valuetext": `${Math.round(v * 100)}%`, tabIndex: 0, style: N, onPointerDown: C, onKeyDown: x, onFocus: () => a(!0), onBlur: () => a(!1), children: [
+      /* @__PURE__ */ p.jsx("div", { className: le("InlineTrackBackground"), children: /* @__PURE__ */ p.jsx("div", { className: le("InlineTrackProgress") }) }),
+      /* @__PURE__ */ p.jsx("div", { className: le("InlineThumb") })
+    ] }) })
+  ] });
+}, Ln = "_SpeedControl_3kfjh_1", Vn = "_SpeedButton_3kfjh_8", jn = "_SpeedText_3kfjh_23", Pn = "_SpeedMenu_3kfjh_28", Rn = "_SpeedOption_3kfjh_40", Nn = "_active_3kfjh_54", In = "_cycle_3kfjh_59", On = {
+  SpeedControl: Ln,
+  SpeedButton: Vn,
+  SpeedText: jn,
+  SpeedMenu: Pn,
+  SpeedOption: Rn,
+  active: Nn,
+  cycle: In
+}, de = Q.bind(On), En = (t) => {
+  const e = B.c(48), {
+    className: n,
+    variant: s,
+    ariaLabel: r,
+    as: l
+  } = t, o = n === void 0 ? "" : n, c = s === void 0 ? "menu" : s;
+  let d;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (d = ["playbackRate", "speedOptions", "handleSpeedChange"], e[0] = d) : d = e[0];
+  const {
+    playbackRate: f,
+    speedOptions: u,
+    handleSpeedChange: h
+  } = Y(d), [i, a] = _.useState(!1);
+  let m;
+  e[1] !== h ? (m = ($) => {
+    h($), a(!1);
+  }, e[1] = h, e[2] = m) : m = e[2];
+  const y = m;
+  let b;
+  e[3] !== h || e[4] !== f || e[5] !== u ? (b = () => {
+    const O = (u.findIndex((K) => K === f) + 1) % u.length;
+    h(u[O]);
+  }, e[3] = h, e[4] = f, e[5] = u, e[6] = b) : b = e[6];
+  const v = b;
+  let V;
+  e[7] !== v || e[8] !== c ? (V = () => {
+    c === "cycle" ? v() : a($n);
+  }, e[7] = v, e[8] = c, e[9] = V) : V = e[9];
+  const N = V;
+  let w, k, C;
+  if (e[10] !== r || e[11] !== l || e[12] !== o || e[13] !== N || e[14] !== y || e[15] !== i || e[16] !== f || e[17] !== u || e[18] !== c) {
+    C = Symbol.for("react.early_return_sentinel");
+    e:
+      if (w = de("SpeedControl", o, c), k = r ?? F.aria.speed, l) {
+        let $, O;
+        e[22] !== c ? ($ = () => {
+          c === "menu" && a(!0);
+        }, O = () => {
+          c === "menu" && a(!1);
+        }, e[22] = c, e[23] = $, e[24] = O) : ($ = e[23], O = e[24]), C = /* @__PURE__ */ p.jsx(p.Fragment, { children: l({
+          defaultClassName: w,
+          playbackRate: f,
+          speedOptions: u,
+          variant: c,
+          isOpen: i,
+          ariaLabel: k,
+          onButtonClick: N,
+          onSpeedSelect: y,
+          onMouseEnter: $,
+          onMouseLeave: O
+        }) });
+        break e;
+      }
+    e[10] = r, e[11] = l, e[12] = o, e[13] = N, e[14] = y, e[15] = i, e[16] = f, e[17] = u, e[18] = c, e[19] = w, e[20] = k, e[21] = C;
+  } else
+    w = e[19], k = e[20], C = e[21];
+  if (C !== Symbol.for("react.early_return_sentinel"))
+    return C;
+  let x, L;
+  e[25] !== c ? (x = () => {
+    c === "menu" && a(!0);
+  }, L = () => {
+    c === "menu" && a(!1);
+  }, e[25] = c, e[26] = x, e[27] = L) : (x = e[26], L = e[27]);
+  let T;
+  e[28] === Symbol.for("react.memo_cache_sentinel") ? (T = de("SpeedButton"), e[28] = T) : T = e[28];
+  let S;
+  e[29] === Symbol.for("react.memo_cache_sentinel") ? (S = de("SpeedText"), e[29] = S) : S = e[29];
+  let j;
+  e[30] !== f ? (j = /* @__PURE__ */ p.jsxs("span", { className: S, children: [
+    f,
+    "x"
+  ] }), e[30] = f, e[31] = j) : j = e[31];
+  let E;
+  e[32] !== N || e[33] !== k || e[34] !== j ? (E = /* @__PURE__ */ p.jsx(Ce, { className: T, ariaLabel: k, onClick: N, children: j }), e[32] = N, e[33] = k, e[34] = j, e[35] = E) : E = e[35];
+  let D;
+  e[36] !== y || e[37] !== i || e[38] !== f || e[39] !== u || e[40] !== c ? (D = c === "menu" && i && /* @__PURE__ */ p.jsx("div", { className: de("SpeedMenu"), children: u.map(($) => /* @__PURE__ */ p.jsxs("button", { className: de("SpeedOption", {
+    active: $ === f
+  }), onClick: () => y($), children: [
+    $,
+    "x"
+  ] }, $)) }), e[36] = y, e[37] = i, e[38] = f, e[39] = u, e[40] = c, e[41] = D) : D = e[41];
+  let H;
+  return e[42] !== w || e[43] !== E || e[44] !== D || e[45] !== x || e[46] !== L ? (H = /* @__PURE__ */ p.jsxs("div", { className: w, onMouseEnter: x, onMouseLeave: L, children: [
+    E,
+    D
+  ] }), e[42] = w, e[43] = E, e[44] = D, e[45] = x, e[46] = L, e[47] = H) : H = e[47], H;
+};
+function $n(t) {
+  return !t;
+}
+const Mn = "_TimeDisplay_1m48s_2", Dn = {
+  TimeDisplay: Mn
+}, An = Q.bind(Dn), Bn = (t) => {
+  const e = Math.floor(t / 60), n = Math.floor(t % 60);
+  return `${e.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
+}, Fn = (t) => {
+  const e = B.c(14), {
+    className: n,
+    formatTime: s,
+    as: r
+  } = t, l = n === void 0 ? "" : n, o = s === void 0 ? Bn : s;
+  let c;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = ["currentTime", "duration"], e[0] = c) : c = e[0];
+  const {
+    currentTime: d,
+    duration: f
+  } = Y(c);
+  let u, h, i, a;
+  if (e[1] !== r || e[2] !== l || e[3] !== d || e[4] !== f || e[5] !== o) {
+    a = Symbol.for("react.early_return_sentinel");
+    e:
+      if (h = o(d), i = o(f), u = An("TimeDisplay", l), r) {
+        a = /* @__PURE__ */ p.jsx(p.Fragment, { children: r({
+          defaultClassName: u,
+          currentTime: d,
+          duration: f,
+          formattedCurrentTime: h,
+          formattedDuration: i
+        }) });
+        break e;
+      }
+    e[1] = r, e[2] = l, e[3] = d, e[4] = f, e[5] = o, e[6] = u, e[7] = h, e[8] = i, e[9] = a;
+  } else
+    u = e[6], h = e[7], i = e[8], a = e[9];
+  if (a !== Symbol.for("react.early_return_sentinel"))
+    return a;
+  let m;
+  return e[10] !== u || e[11] !== h || e[12] !== i ? (m = /* @__PURE__ */ p.jsxs("div", { className: u, children: [
+    h,
+    " / ",
+    i
+  ] }), e[10] = u, e[11] = h, e[12] = i, e[13] = m) : m = e[13], m;
+}, Hn = Object.assign({}, {
+  Button: Ce,
+  ProgressBar: gn,
+  VolumeControl: wn,
+  SpeedControl: En,
+  Time: Fn
+}), Fe = (t) => {
+  const e = B.c(53), {
+    storeConfig: n,
+    Image: s,
+    width: r,
+    height: l,
+    src: o,
+    sources: c,
+    speedOptions: d,
+    playerOptions: f,
+    events: u,
+    disableVideoJsStyles: h,
+    tracks: i,
+    initialActiveCaptionLang: a,
+    activeCaptionLang: m,
+    onCaptionLangChange: y,
+    autoHide: b,
+    autoHideDelayMs: v,
+    overlayClickAction: V,
+    loadingText: N,
+    errorTitle: w,
+    errorDescription: k,
+    errorRetry: C,
+    controllerRef: x,
+    children: L
+  } = t, T = _.useContext(me);
+  let S, j;
+  e[0] !== x || e[1] !== T ? (S = () => {
+    if (!x)
+      return;
+    const I = T;
+    if (!I)
+      return;
+    const q = {
+      getPlayer: () => I.getState().player,
+      isPlaying: () => I.getState().isPlaying,
+      getCurrentTime: () => I.getState().currentTime,
+      getDuration: () => I.getState().duration,
+      play: () => {
+        const U = I.getState().player;
+        U && U.play();
+      },
+      pause: () => {
+        const U = I.getState().player;
+        U && U.pause();
+      },
+      togglePlayPause: () => {
+        I.getState().handlePlayPause();
+      },
+      seek: (U) => {
+        I.getState().handleSeek(U);
+      },
+      seekAndPlay: (U) => {
+        I.getState().handleSeekAndPlay(U);
+      },
+      togglePictureInPicture: () => {
+        I.getState().handlePictureInPictureToggle();
+      },
+      toggleFullscreen: () => {
+        I.getState().handleFullscreenToggle();
+      }
+    };
+    return x.current = q, () => {
+      x.current === q && (x.current = null);
+    };
+  }, j = [T, x], e[0] = x, e[1] = T, e[2] = S, e[3] = j) : (S = e[2], j = e[3]), _.useEffect(S, j);
+  const E = s || ve;
+  let D;
+  e[4] !== E || e[5] !== L ? (D = /* @__PURE__ */ p.jsx(Te, { value: E, children: L }), e[4] = E, e[5] = L, e[6] = D) : D = e[6];
+  const H = D;
+  let $;
+  e[7] !== m || e[8] !== b || e[9] !== v || e[10] !== h || e[11] !== k || e[12] !== C || e[13] !== w || e[14] !== u || e[15] !== l || e[16] !== N || e[17] !== y || e[18] !== V || e[19] !== f || e[20] !== c || e[21] !== d || e[22] !== o || e[23] !== i || e[24] !== r ? ($ = Object.fromEntries(Object.entries({
+    width: r,
+    height: l,
+    src: o,
+    sources: c,
+    speedOptions: d,
+    playerOptions: f,
+    events: u,
+    disableVideoJsStyles: h,
+    tracks: i,
+    activeCaptionLang: m,
+    onCaptionLangChange: y,
+    autoHide: b,
+    autoHideDelayMs: v,
+    overlayClickAction: V,
+    loadingText: N,
+    errorTitle: w,
+    errorDescription: k,
+    errorRetry: C
+  }).filter(Un)), e[7] = m, e[8] = b, e[9] = v, e[10] = h, e[11] = k, e[12] = C, e[13] = w, e[14] = u, e[15] = l, e[16] = N, e[17] = y, e[18] = V, e[19] = f, e[20] = c, e[21] = d, e[22] = o, e[23] = i, e[24] = r, e[25] = $) : $ = e[25];
+  const O = $;
+  let K, g;
+  if (e[26] !== O || e[27] !== T ? (K = () => {
+    if (T && Object.keys(O).length > 0) {
+      const I = T.getState(), q = Me({
+        src: I.src,
+        sources: I.sources
+      }, O);
+      T.getState().setState({
+        ...O,
+        ...q ? {
+          currentTime: 0,
+          duration: 0,
+          buffered: 0,
+          isPlaying: !1,
+          hasError: !1,
+          isLoading: !0
+        } : {}
+      });
+    }
+  }, g = [T, O], e[26] = O, e[27] = T, e[28] = K, e[29] = g) : (K = e[28], g = e[29]), _.useLayoutEffect(K, g), T)
+    return H;
+  let A;
+  return e[30] !== m || e[31] !== b || e[32] !== v || e[33] !== H || e[34] !== x || e[35] !== h || e[36] !== k || e[37] !== C || e[38] !== w || e[39] !== u || e[40] !== l || e[41] !== a || e[42] !== N || e[43] !== y || e[44] !== V || e[45] !== f || e[46] !== c || e[47] !== d || e[48] !== o || e[49] !== n || e[50] !== i || e[51] !== r ? (A = /* @__PURE__ */ p.jsx(Be, { storeConfig: n, width: r, height: l, src: o, sources: c, speedOptions: d, playerOptions: f, events: u, disableVideoJsStyles: h, tracks: i, initialActiveCaptionLang: a, activeCaptionLang: m, onCaptionLangChange: y, autoHide: b, autoHideDelayMs: v, overlayClickAction: V, loadingText: N, errorTitle: w, errorDescription: k, errorRetry: C, controllerRef: x, children: H }), e[30] = m, e[31] = b, e[32] = v, e[33] = H, e[34] = x, e[35] = h, e[36] = k, e[37] = C, e[38] = w, e[39] = u, e[40] = l, e[41] = a, e[42] = N, e[43] = y, e[44] = V, e[45] = f, e[46] = c, e[47] = d, e[48] = o, e[49] = n, e[50] = i, e[51] = r, e[52] = A) : A = e[52], A;
+};
+Fe.displayName = "VideoPlayer.Root";
+const Qn = Object.assign({
+  Root: Fe,
+  Frame: Gt,
+  Player: tn,
+  Thumbnail: ln,
+  Overlay: It,
+  Loading: At,
+  Error: qt,
+  Widgets: Hn
+}, {
+  useVideoPlayerStore: Ie,
+  useVideoPlayerShallow: Y,
+  useVideoPlayerImage: Ne,
+  VideoPlayerStoreContext: me,
+  VideoPlayerImageContext: Te,
+  VideoPlayerProvider: Be,
+  createVideoPlayerStore: Ae,
+  resolveVideoPlayerStoreConfig: De,
+  VIDEO_PLAYER_DEFAULTS: F,
+  DefaultImage: ve,
+  convertSrtToVtt: Ee,
+  isSrtSubtitleSource: $e,
+  parseWebVttToCues: ze
+});
+function Un(t) {
+  const [, e] = t;
+  return e !== void 0;
+}
+export {
+  F as VIDEO_PLAYER_DEFAULTS,
+  Ee as VideeoPlayerConvertSrtToVtt,
+  ze as VideeoPlayerParseWebVttToCues,
+  Qn as VideoPlayer,
+  Ee as convertSrtToVtt,
+  Oe as getHtmlVideoElementFromVideoJs,
+  $e as isSrtSubtitleSource,
+  ze as parseWebVttToCues,
+  Ee as videeoPlayerConvertSrtToVtt,
+  ze as videeoPlayerParseWebVttToCues
+};