@halibegic/react-video-player 0.0.16 → 0.0.17

package/dist/react-video-player.es.js

@@ -1,9 +1,11 @@
-import Re, { useLayoutEffect as wo, useEffect as Y, useRef as Z, useState as q, createContext as Nn, useContext as Zt, useDebugValue as mn, createElement as bo, forwardRef as yt, useCallback as N } from "react";
-import { create as Hn, useStore as $n } from "zustand";
-import * as vt from "@radix-ui/react-slider";
-import se from "hls.js";
-import * as Qe from "@radix-ui/react-dropdown-menu";
-var nt = { exports: {} }, Ge = {};
+import st, { useLayoutEffect as bn, useEffect as M, useRef as $, useState as H, createContext as at, useContext as lt, forwardRef as ge, useCallback as I } from "react";
+import { create as ct, useStore as ut } from "zustand";
+import C, { css as Ge, keyframes as En } from "styled-components";
+import Tn from "mitt";
+import * as ye from "@radix-ui/react-slider";
+import z from "hls.js";
+import * as ce from "@radix-ui/react-dropdown-menu";
+var pe = { exports: {} }, ae = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -13,21 +15,21 @@ var nt = { exports: {} }, Ge = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var gn;
-function xo() {
-  if (gn) return Ge;
-  gn = 1;
-  var e = Re, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function u(i, l, d) {
-    var h, m = {}, x = null, S = null;
-    d !== void 0 && (x = "" + d), l.key !== void 0 && (x = "" + l.key), l.ref !== void 0 && (S = l.ref);
-    for (h in l) r.call(l, h) && !a.hasOwnProperty(h) && (m[h] = l[h]);
-    if (i && i.defaultProps) for (h in l = i.defaultProps, l) m[h] === void 0 && (m[h] = l[h]);
-    return { $$typeof: t, type: i, key: x, ref: S, props: m, _owner: o.current };
+var Qe;
+function Cn() {
+  if (Qe) return ae;
+  Qe = 1;
+  var e = st, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function h(i, u, f) {
+    var w, x = {}, L = null, j = null;
+    f !== void 0 && (L = "" + f), u.key !== void 0 && (L = "" + u.key), u.ref !== void 0 && (j = u.ref);
+    for (w in u) s.call(u, w) && !d.hasOwnProperty(w) && (x[w] = u[w]);
+    if (i && i.defaultProps) for (w in u = i.defaultProps, u) x[w] === void 0 && (x[w] = u[w]);
+    return { $$typeof: t, type: i, key: L, ref: j, props: x, _owner: a.current };
   }
-  return Ge.Fragment = n, Ge.jsx = u, Ge.jsxs = u, Ge;
+  return ae.Fragment = r, ae.jsx = h, ae.jsxs = h, ae;
 }
-var Ke = {};
+var le = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -37,91 +39,91 @@ var Ke = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var yn;
-function So() {
-  return yn || (yn = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = Re, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), i = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), C = Symbol.iterator, j = "@@iterator";
-    function V(s) {
-      if (s === null || typeof s != "object")
+var et;
+function Rn() {
+  return et || (et = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = st, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), i = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), V = Symbol.iterator, U = "@@iterator";
+    function F(n) {
+      if (n === null || typeof n != "object")
         return null;
-      var f = C && s[C] || s[j];
-      return typeof f == "function" ? f : null;
+      var l = V && n[V] || n[U];
+      return typeof l == "function" ? l : null;
     }
-    var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function w(s) {
+    var g = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function E(n) {
       {
-        for (var f = arguments.length, g = new Array(f > 1 ? f - 1 : 0), E = 1; E < f; E++)
-          g[E - 1] = arguments[E];
-        v("error", s, g);
+        for (var l = arguments.length, m = new Array(l > 1 ? l - 1 : 0), p = 1; p < l; p++)
+          m[p - 1] = arguments[p];
+        T("error", n, m);
       }
     }
-    function v(s, f, g) {
+    function T(n, l, m) {
       {
-        var E = b.ReactDebugCurrentFrame, A = E.getStackAddendum();
-        A !== "" && (f += "%s", g = g.concat([A]));
-        var F = g.map(function(L) {
-          return String(L);
+        var p = g.ReactDebugCurrentFrame, S = p.getStackAddendum();
+        S !== "" && (l += "%s", m = m.concat([S]));
+        var P = m.map(function(b) {
+          return String(b);
         });
-        F.unshift("Warning: " + f), Function.prototype.apply.call(console[s], console, F);
+        P.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, P);
       }
     }
-    var y = !1, _ = !1, T = !1, k = !1, U = !1, J;
-    J = Symbol.for("react.module.reference");
-    function D(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === r || s === a || U || s === o || s === d || s === h || k || s === S || y || _ || T || typeof s == "object" && s !== null && (s.$$typeof === x || s.$$typeof === m || s.$$typeof === u || s.$$typeof === i || s.$$typeof === l || // This needs to include all possible module reference object
+    var B = !1, v = !1, Y = !1, X = !1, K = !1, Q;
+    Q = Symbol.for("react.module.reference");
+    function R(n) {
+      return !!(typeof n == "string" || typeof n == "function" || n === s || n === d || K || n === a || n === f || n === w || X || n === j || B || v || Y || typeof n == "object" && n !== null && (n.$$typeof === L || n.$$typeof === x || n.$$typeof === h || n.$$typeof === i || n.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      s.$$typeof === J || s.getModuleId !== void 0));
+      n.$$typeof === Q || n.getModuleId !== void 0));
     }
-    function _e(s, f, g) {
-      var E = s.displayName;
-      if (E)
-        return E;
-      var A = f.displayName || f.name || "";
-      return A !== "" ? g + "(" + A + ")" : g;
+    function ue(n, l, m) {
+      var p = n.displayName;
+      if (p)
+        return p;
+      var S = l.displayName || l.name || "";
+      return S !== "" ? m + "(" + S + ")" : m;
     }
-    function pe(s) {
-      return s.displayName || "Context";
+    function ee(n) {
+      return n.displayName || "Context";
     }
-    function G(s) {
-      if (s == null)
+    function N(n) {
+      if (n == null)
         return null;
-      if (typeof s.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
-        return s.displayName || s.name || null;
-      if (typeof s == "string")
-        return s;
-      switch (s) {
-        case r:
+      if (typeof n.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
+        return n.displayName || n.name || null;
+      if (typeof n == "string")
+        return n;
+      switch (n) {
+        case s:
           return "Fragment";
-        case n:
+        case r:
           return "Portal";
-        case a:
+        case d:
           return "Profiler";
-        case o:
+        case a:
           return "StrictMode";
-        case d:
+        case f:
           return "Suspense";
-        case h:
+        case w:
           return "SuspenseList";
       }
-      if (typeof s == "object")
-        switch (s.$$typeof) {
+      if (typeof n == "object")
+        switch (n.$$typeof) {
           case i:
-            var f = s;
-            return pe(f) + ".Consumer";
+            var l = n;
+            return ee(l) + ".Consumer";
+          case h:
+            var m = n;
+            return ee(m._context) + ".Provider";
           case u:
-            var g = s;
-            return pe(g._context) + ".Provider";
-          case l:
-            return _e(s, s.render, "ForwardRef");
-          case m:
-            var E = s.displayName || null;
-            return E !== null ? E : G(s.type) || "Memo";
-          case x: {
-            var A = s, F = A._payload, L = A._init;
+            return ue(n, n.render, "ForwardRef");
+          case x:
+            var p = n.displayName || null;
+            return p !== null ? p : N(n.type) || "Memo";
+          case L: {
+            var S = n, P = S._payload, b = S._init;
             try {
-              return G(L(F));
+              return N(b(P));
             } catch {
               return null;
             }
@@ -129,1744 +131,588 @@ function So() {
         }
       return null;
     }
-    var ne = Object.assign, de = 0, Se, Q, Ye, re, ge, ye, K;
-    function Ie() {
+    var W = Object.assign, J = 0, ie, Z, Fe, De, _e, Me, Ie;
+    function Ve() {
     }
-    Ie.__reactDisabledLog = !0;
-    function qe() {
+    Ve.__reactDisabledLog = !0;
+    function Zt() {
       {
-        if (de === 0) {
-          Se = console.log, Q = console.info, Ye = console.warn, re = console.error, ge = console.group, ye = console.groupCollapsed, K = console.groupEnd;
-          var s = {
+        if (J === 0) {
+          ie = console.log, Z = console.info, Fe = console.warn, De = console.error, _e = console.group, Me = console.groupCollapsed, Ie = console.groupEnd;
+          var n = {
             configurable: !0,
             enumerable: !0,
-            value: Ie,
+            value: Ve,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: s,
-            log: s,
-            warn: s,
-            error: s,
-            group: s,
-            groupCollapsed: s,
-            groupEnd: s
+            info: n,
+            log: n,
+            warn: n,
+            error: n,
+            group: n,
+            groupCollapsed: n,
+            groupEnd: n
           });
         }
-        de++;
+        J++;
       }
     }
-    function De() {
+    function Yt() {
       {
-        if (de--, de === 0) {
-          var s = {
+        if (J--, J === 0) {
+          var n = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: ne({}, s, {
-              value: Se
+            log: W({}, n, {
+              value: ie
             }),
-            info: ne({}, s, {
-              value: Q
+            info: W({}, n, {
+              value: Z
             }),
-            warn: ne({}, s, {
-              value: Ye
+            warn: W({}, n, {
+              value: Fe
             }),
-            error: ne({}, s, {
-              value: re
+            error: W({}, n, {
+              value: De
             }),
-            group: ne({}, s, {
-              value: ge
+            group: W({}, n, {
+              value: _e
             }),
-            groupCollapsed: ne({}, s, {
-              value: ye
+            groupCollapsed: W({}, n, {
+              value: Me
             }),
-            groupEnd: ne({}, s, {
-              value: K
+            groupEnd: W({}, n, {
+              value: Ie
             })
           });
         }
-        de < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        J < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var he = b.ReactCurrentDispatcher, ve;
-    function ae(s, f, g) {
+    var we = g.ReactCurrentDispatcher, be;
+    function de(n, l, m) {
       {
-        if (ve === void 0)
+        if (be === void 0)
           try {
             throw Error();
-          } catch (A) {
-            var E = A.stack.trim().match(/\n( *(at )?)/);
-            ve = E && E[1] || "";
+          } catch (S) {
+            var p = S.stack.trim().match(/\n( *(at )?)/);
+            be = p && p[1] || "";
           }
         return `
-` + ve + s;
+` + be + n;
       }
     }
-    var ce = !1, we;
+    var Ee = !1, fe;
     {
-      var Ae = typeof WeakMap == "function" ? WeakMap : Map;
-      we = new Ae();
+      var Kt = typeof WeakMap == "function" ? WeakMap : Map;
+      fe = new Kt();
     }
-    function le(s, f) {
-      if (!s || ce)
+    function He(n, l) {
+      if (!n || Ee)
         return "";
       {
-        var g = we.get(s);
-        if (g !== void 0)
-          return g;
+        var m = fe.get(n);
+        if (m !== void 0)
+          return m;
       }
-      var E;
-      ce = !0;
-      var A = Error.prepareStackTrace;
+      var p;
+      Ee = !0;
+      var S = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var F;
-      F = he.current, he.current = null, qe();
+      var P;
+      P = we.current, we.current = null, Zt();
       try {
-        if (f) {
-          var L = function() {
+        if (l) {
+          var b = function() {
             throw Error();
           };
-          if (Object.defineProperty(L.prototype, "props", {
+          if (Object.defineProperty(b.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(L, []);
-            } catch (ee) {
-              E = ee;
+              Reflect.construct(b, []);
+            } catch (A) {
+              p = A;
             }
-            Reflect.construct(s, [], L);
+            Reflect.construct(n, [], b);
           } else {
             try {
-              L.call();
-            } catch (ee) {
-              E = ee;
+              b.call();
+            } catch (A) {
+              p = A;
             }
-            s.call(L.prototype);
+            n.call(b.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (ee) {
-            E = ee;
+          } catch (A) {
+            p = A;
           }
-          s();
+          n();
         }
-      } catch (ee) {
-        if (ee && E && typeof ee.stack == "string") {
-          for (var R = ee.stack.split(`
-`), X = E.stack.split(`
-`), H = R.length - 1, $ = X.length - 1; H >= 1 && $ >= 0 && R[H] !== X[$]; )
-            $--;
-          for (; H >= 1 && $ >= 0; H--, $--)
-            if (R[H] !== X[$]) {
-              if (H !== 1 || $ !== 1)
+      } catch (A) {
+        if (A && p && typeof A.stack == "string") {
+          for (var y = A.stack.split(`
+`), O = p.stack.split(`
+`), k = y.length - 1, D = O.length - 1; k >= 1 && D >= 0 && y[k] !== O[D]; )
+            D--;
+          for (; k >= 1 && D >= 0; k--, D--)
+            if (y[k] !== O[D]) {
+              if (k !== 1 || D !== 1)
                 do
-                  if (H--, $--, $ < 0 || R[H] !== X[$]) {
-                    var oe = `
-` + R[H].replace(" at new ", " at ");
-                    return s.displayName && oe.includes("<anonymous>") && (oe = oe.replace("<anonymous>", s.displayName)), typeof s == "function" && we.set(s, oe), oe;
+                  if (k--, D--, D < 0 || y[k] !== O[D]) {
+                    var q = `
+` + y[k].replace(" at new ", " at ");
+                    return n.displayName && q.includes("<anonymous>") && (q = q.replace("<anonymous>", n.displayName)), typeof n == "function" && fe.set(n, q), q;
                   }
-                while (H >= 1 && $ >= 0);
+                while (k >= 1 && D >= 0);
               break;
             }
         }
       } finally {
-        ce = !1, he.current = F, De(), Error.prepareStackTrace = A;
+        Ee = !1, we.current = P, Yt(), Error.prepareStackTrace = S;
       }
-      var Fe = s ? s.displayName || s.name : "", ke = Fe ? ae(Fe) : "";
-      return typeof s == "function" && we.set(s, ke), ke;
+      var re = n ? n.displayName || n.name : "", te = re ? de(re) : "";
+      return typeof n == "function" && fe.set(n, te), te;
     }
-    function Zr(s, f, g) {
-      return le(s, !1);
+    function Xt(n, l, m) {
+      return He(n, !1);
     }
-    function Gr(s) {
-      var f = s.prototype;
-      return !!(f && f.isReactComponent);
+    function Jt(n) {
+      var l = n.prototype;
+      return !!(l && l.isReactComponent);
     }
-    function et(s, f, g) {
-      if (s == null)
+    function me(n, l, m) {
+      if (n == null)
         return "";
-      if (typeof s == "function")
-        return le(s, Gr(s));
-      if (typeof s == "string")
-        return ae(s);
-      switch (s) {
-        case d:
-          return ae("Suspense");
-        case h:
-          return ae("SuspenseList");
+      if (typeof n == "function")
+        return He(n, Jt(n));
+      if (typeof n == "string")
+        return de(n);
+      switch (n) {
+        case f:
+          return de("Suspense");
+        case w:
+          return de("SuspenseList");
       }
-      if (typeof s == "object")
-        switch (s.$$typeof) {
-          case l:
-            return Zr(s.render);
-          case m:
-            return et(s.type, f, g);
-          case x: {
-            var E = s, A = E._payload, F = E._init;
+      if (typeof n == "object")
+        switch (n.$$typeof) {
+          case u:
+            return Xt(n.render);
+          case x:
+            return me(n.type, l, m);
+          case L: {
+            var p = n, S = p._payload, P = p._init;
             try {
-              return et(F(A), f, g);
+              return me(P(S), l, m);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ze = Object.prototype.hasOwnProperty, en = {}, tn = b.ReactDebugCurrentFrame;
-    function tt(s) {
-      if (s) {
-        var f = s._owner, g = et(s.type, s._source, f ? f.type : null);
-        tn.setExtraStackFrame(g);
+    var se = Object.prototype.hasOwnProperty, Oe = {}, Ae = g.ReactDebugCurrentFrame;
+    function he(n) {
+      if (n) {
+        var l = n._owner, m = me(n.type, n._source, l ? l.type : null);
+        Ae.setExtraStackFrame(m);
       } else
-        tn.setExtraStackFrame(null);
+        Ae.setExtraStackFrame(null);
     }
-    function Kr(s, f, g, E, A) {
+    function Gt(n, l, m, p, S) {
       {
-        var F = Function.call.bind(Ze);
-        for (var L in s)
-          if (F(s, L)) {
-            var R = void 0;
+        var P = Function.call.bind(se);
+        for (var b in n)
+          if (P(n, b)) {
+            var y = void 0;
             try {
-              if (typeof s[L] != "function") {
-                var X = Error((E || "React class") + ": " + g + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw X.name = "Invariant Violation", X;
+              if (typeof n[b] != "function") {
+                var O = Error((p || "React class") + ": " + m + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw O.name = "Invariant Violation", O;
               }
-              R = s[L](f, L, E, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (H) {
-              R = H;
+              y = n[b](l, b, p, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (k) {
+              y = k;
             }
-            R && !(R instanceof Error) && (tt(A), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", E || "React class", g, L, typeof R), tt(null)), R instanceof Error && !(R.message in en) && (en[R.message] = !0, tt(A), w("Failed %s type: %s", g, R.message), tt(null));
+            y && !(y instanceof Error) && (he(S), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", m, b, typeof y), he(null)), y instanceof Error && !(y.message in Oe) && (Oe[y.message] = !0, he(S), E("Failed %s type: %s", m, y.message), he(null));
           }
       }
     }
-    var Xr = Array.isArray;
-    function Ct(s) {
-      return Xr(s);
+    var Qt = Array.isArray;
+    function Te(n) {
+      return Qt(n);
     }
-    function Jr(s) {
+    function en(n) {
       {
-        var f = typeof Symbol == "function" && Symbol.toStringTag, g = f && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return g;
+        var l = typeof Symbol == "function" && Symbol.toStringTag, m = l && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return m;
       }
     }
-    function Qr(s) {
+    function tn(n) {
       try {
-        return nn(s), !1;
+        return $e(n), !1;
       } catch {
         return !0;
       }
     }
-    function nn(s) {
-      return "" + s;
+    function $e(n) {
+      return "" + n;
     }
-    function rn(s) {
-      if (Qr(s))
-        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Jr(s)), nn(s);
+    function Ue(n) {
+      if (tn(n))
+        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", en(n)), $e(n);
     }
-    var on = b.ReactCurrentOwner, eo = {
+    var Be = g.ReactCurrentOwner, nn = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, sn, an;
-    function to(s) {
-      if (Ze.call(s, "ref")) {
-        var f = Object.getOwnPropertyDescriptor(s, "ref").get;
-        if (f && f.isReactWarning)
+    }, Ne, qe;
+    function rn(n) {
+      if (se.call(n, "ref")) {
+        var l = Object.getOwnPropertyDescriptor(n, "ref").get;
+        if (l && l.isReactWarning)
           return !1;
       }
-      return s.ref !== void 0;
+      return n.ref !== void 0;
     }
-    function no(s) {
-      if (Ze.call(s, "key")) {
-        var f = Object.getOwnPropertyDescriptor(s, "key").get;
-        if (f && f.isReactWarning)
+    function on(n) {
+      if (se.call(n, "key")) {
+        var l = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (l && l.isReactWarning)
           return !1;
       }
-      return s.key !== void 0;
+      return n.key !== void 0;
     }
-    function ro(s, f) {
-      typeof s.ref == "string" && on.current;
+    function sn(n, l) {
+      typeof n.ref == "string" && Be.current;
     }
-    function oo(s, f) {
+    function an(n, l) {
       {
-        var g = function() {
-          sn || (sn = !0, w("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
+        var m = function() {
+          Ne || (Ne = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
-        g.isReactWarning = !0, Object.defineProperty(s, "key", {
-          get: g,
+        m.isReactWarning = !0, Object.defineProperty(n, "key", {
+          get: m,
           configurable: !0
         });
       }
     }
-    function so(s, f) {
+    function ln(n, l) {
       {
-        var g = function() {
-          an || (an = !0, w("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
+        var m = function() {
+          qe || (qe = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", l));
         };
-        g.isReactWarning = !0, Object.defineProperty(s, "ref", {
-          get: g,
+        m.isReactWarning = !0, Object.defineProperty(n, "ref", {
+          get: m,
           configurable: !0
         });
       }
     }
-    var io = function(s, f, g, E, A, F, L) {
-      var R = {
+    var cn = function(n, l, m, p, S, P, b) {
+      var y = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
-        type: s,
-        key: f,
-        ref: g,
-        props: L,
+        type: n,
+        key: l,
+        ref: m,
+        props: b,
         // Record the component responsible for creating this element.
-        _owner: F
+        _owner: P
       };
-      return R._store = {}, Object.defineProperty(R._store, "validated", {
+      return y._store = {}, Object.defineProperty(y._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(R, "_self", {
+      }), Object.defineProperty(y, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
-      }), Object.defineProperty(R, "_source", {
+        value: p
+      }), Object.defineProperty(y, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: A
-      }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
+        value: S
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
     };
-    function ao(s, f, g, E, A) {
+    function un(n, l, m, p, S) {
       {
-        var F, L = {}, R = null, X = null;
-        g !== void 0 && (rn(g), R = "" + g), no(f) && (rn(f.key), R = "" + f.key), to(f) && (X = f.ref, ro(f, A));
-        for (F in f)
-          Ze.call(f, F) && !eo.hasOwnProperty(F) && (L[F] = f[F]);
-        if (s && s.defaultProps) {
-          var H = s.defaultProps;
-          for (F in H)
-            L[F] === void 0 && (L[F] = H[F]);
+        var P, b = {}, y = null, O = null;
+        m !== void 0 && (Ue(m), y = "" + m), on(l) && (Ue(l.key), y = "" + l.key), rn(l) && (O = l.ref, sn(l, S));
+        for (P in l)
+          se.call(l, P) && !nn.hasOwnProperty(P) && (b[P] = l[P]);
+        if (n && n.defaultProps) {
+          var k = n.defaultProps;
+          for (P in k)
+            b[P] === void 0 && (b[P] = k[P]);
         }
-        if (R || X) {
-          var $ = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          R && oo(L, $), X && so(L, $);
+        if (y || O) {
+          var D = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          y && an(b, D), O && ln(b, D);
         }
-        return io(s, R, X, A, E, on.current, L);
+        return cn(n, y, O, S, p, Be.current, b);
       }
     }
-    var Rt = b.ReactCurrentOwner, cn = b.ReactDebugCurrentFrame;
-    function Oe(s) {
-      if (s) {
-        var f = s._owner, g = et(s.type, s._source, f ? f.type : null);
-        cn.setExtraStackFrame(g);
+    var Ce = g.ReactCurrentOwner, ze = g.ReactDebugCurrentFrame;
+    function ne(n) {
+      if (n) {
+        var l = n._owner, m = me(n.type, n._source, l ? l.type : null);
+        ze.setExtraStackFrame(m);
       } else
-        cn.setExtraStackFrame(null);
+        ze.setExtraStackFrame(null);
     }
-    var jt;
-    jt = !1;
-    function Lt(s) {
-      return typeof s == "object" && s !== null && s.$$typeof === t;
+    var Re;
+    Re = !1;
+    function Se(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === t;
     }
-    function ln() {
+    function We() {
       {
-        if (Rt.current) {
-          var s = G(Rt.current.type);
-          if (s)
+        if (Ce.current) {
+          var n = N(Ce.current.type);
+          if (n)
             return `
 
-Check the render method of \`` + s + "`.";
+Check the render method of \`` + n + "`.";
         }
         return "";
       }
     }
-    function co(s) {
+    function dn(n) {
       return "";
     }
-    var un = {};
-    function lo(s) {
+    var Ze = {};
+    function fn(n) {
       {
-        var f = ln();
-        if (!f) {
-          var g = typeof s == "string" ? s : s.displayName || s.name;
-          g && (f = `
+        var l = We();
+        if (!l) {
+          var m = typeof n == "string" ? n : n.displayName || n.name;
+          m && (l = `
 
-Check the top-level render call using <` + g + ">.");
+Check the top-level render call using <` + m + ">.");
         }
-        return f;
+        return l;
       }
     }
-    function dn(s, f) {
+    function Ye(n, l) {
       {
-        if (!s._store || s._store.validated || s.key != null)
+        if (!n._store || n._store.validated || n.key != null)
           return;
-        s._store.validated = !0;
-        var g = lo(f);
-        if (un[g])
+        n._store.validated = !0;
+        var m = fn(l);
+        if (Ze[m])
           return;
-        un[g] = !0;
-        var E = "";
-        s && s._owner && s._owner !== Rt.current && (E = " It was passed a child from " + G(s._owner.type) + "."), Oe(s), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, E), Oe(null);
+        Ze[m] = !0;
+        var p = "";
+        n && n._owner && n._owner !== Ce.current && (p = " It was passed a child from " + N(n._owner.type) + "."), ne(n), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, p), ne(null);
       }
     }
-    function fn(s, f) {
+    function Ke(n, l) {
       {
-        if (typeof s != "object")
+        if (typeof n != "object")
           return;
-        if (Ct(s))
-          for (var g = 0; g < s.length; g++) {
-            var E = s[g];
-            Lt(E) && dn(E, f);
+        if (Te(n))
+          for (var m = 0; m < n.length; m++) {
+            var p = n[m];
+            Se(p) && Ye(p, l);
           }
-        else if (Lt(s))
-          s._store && (s._store.validated = !0);
-        else if (s) {
-          var A = V(s);
-          if (typeof A == "function" && A !== s.entries)
-            for (var F = A.call(s), L; !(L = F.next()).done; )
-              Lt(L.value) && dn(L.value, f);
+        else if (Se(n))
+          n._store && (n._store.validated = !0);
+        else if (n) {
+          var S = F(n);
+          if (typeof S == "function" && S !== n.entries)
+            for (var P = S.call(n), b; !(b = P.next()).done; )
+              Se(b.value) && Ye(b.value, l);
         }
       }
     }
-    function uo(s) {
+    function mn(n) {
       {
-        var f = s.type;
-        if (f == null || typeof f == "string")
+        var l = n.type;
+        if (l == null || typeof l == "string")
           return;
-        var g;
-        if (typeof f == "function")
-          g = f.propTypes;
-        else if (typeof f == "object" && (f.$$typeof === l || // Note: Memo only checks outer props here.
+        var m;
+        if (typeof l == "function")
+          m = l.propTypes;
+        else if (typeof l == "object" && (l.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        f.$$typeof === m))
-          g = f.propTypes;
+        l.$$typeof === x))
+          m = l.propTypes;
         else
           return;
-        if (g) {
-          var E = G(f);
-          Kr(g, s.props, "prop", E, s);
-        } else if (f.PropTypes !== void 0 && !jt) {
-          jt = !0;
-          var A = G(f);
-          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", A || "Unknown");
+        if (m) {
+          var p = N(l);
+          Gt(m, n.props, "prop", p, n);
+        } else if (l.PropTypes !== void 0 && !Re) {
+          Re = !0;
+          var S = N(l);
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", S || "Unknown");
         }
-        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof l.getDefaultProps == "function" && !l.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function fo(s) {
+    function hn(n) {
       {
-        for (var f = Object.keys(s.props), g = 0; g < f.length; g++) {
-          var E = f[g];
-          if (E !== "children" && E !== "key") {
-            Oe(s), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Oe(null);
+        for (var l = Object.keys(n.props), m = 0; m < l.length; m++) {
+          var p = l[m];
+          if (p !== "children" && p !== "key") {
+            ne(n), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), ne(null);
             break;
           }
         }
-        s.ref !== null && (Oe(s), w("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
+        n.ref !== null && (ne(n), E("Invalid attribute `ref` supplied to `React.Fragment`."), ne(null));
       }
     }
-    var pn = {};
-    function hn(s, f, g, E, A, F) {
+    var Xe = {};
+    function Je(n, l, m, p, S, P) {
       {
-        var L = D(s);
-        if (!L) {
-          var R = "";
-          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (R += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var X = co();
-          X ? R += X : R += ln();
-          var H;
-          s === null ? H = "null" : Ct(s) ? H = "array" : s !== void 0 && s.$$typeof === t ? (H = "<" + (G(s.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : H = typeof s, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", H, R);
+        var b = R(n);
+        if (!b) {
+          var y = "";
+          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (y += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var O = dn();
+          O ? y += O : y += We();
+          var k;
+          n === null ? k = "null" : Te(n) ? k = "array" : n !== void 0 && n.$$typeof === t ? (k = "<" + (N(n.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : k = typeof n, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, y);
         }
-        var $ = ao(s, f, g, A, F);
-        if ($ == null)
-          return $;
-        if (L) {
-          var oe = f.children;
-          if (oe !== void 0)
-            if (E)
-              if (Ct(oe)) {
-                for (var Fe = 0; Fe < oe.length; Fe++)
-                  fn(oe[Fe], s);
-                Object.freeze && Object.freeze(oe);
+        var D = un(n, l, m, S, P);
+        if (D == null)
+          return D;
+        if (b) {
+          var q = l.children;
+          if (q !== void 0)
+            if (p)
+              if (Te(q)) {
+                for (var re = 0; re < q.length; re++)
+                  Ke(q[re], n);
+                Object.freeze && Object.freeze(q);
               } else
-                w("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              fn(oe, s);
+              Ke(q, n);
         }
-        if (Ze.call(f, "key")) {
-          var ke = G(s), ee = Object.keys(f).filter(function(vo) {
-            return vo !== "key";
-          }), _t = ee.length > 0 ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!pn[ke + _t]) {
-            var yo = ee.length > 0 ? "{" + ee.join(": ..., ") + ": ...}" : "{}";
-            w(`A props object containing a "key" prop is being spread into JSX:
+        if (se.call(l, "key")) {
+          var te = N(n), A = Object.keys(l).filter(function(wn) {
+            return wn !== "key";
+          }), Pe = A.length > 0 ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Xe[te + Pe]) {
+            var xn = A.length > 0 ? "{" + A.join(": ..., ") + ": ...}" : "{}";
+            E(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, _t, ke, yo, ke), pn[ke + _t] = !0;
+  <%s key={someKey} {...props} />`, Pe, te, xn, te), Xe[te + Pe] = !0;
           }
         }
-        return s === r ? fo($) : uo($), $;
+        return n === s ? hn(D) : mn(D), D;
       }
     }
-    function po(s, f, g) {
-      return hn(s, f, g, !0);
+    function pn(n, l, m) {
+      return Je(n, l, m, !0);
     }
-    function ho(s, f, g) {
-      return hn(s, f, g, !1);
+    function vn(n, l, m) {
+      return Je(n, l, m, !1);
     }
-    var mo = ho, go = po;
-    Ke.Fragment = r, Ke.jsx = mo, Ke.jsxs = go;
-  })()), Ke;
+    var gn = vn, yn = pn;
+    le.Fragment = s, le.jsx = gn, le.jsxs = yn;
+  })()), le;
 }
-var vn;
-function ko() {
-  return vn || (vn = 1, process.env.NODE_ENV === "production" ? nt.exports = xo() : nt.exports = So()), nt.exports;
+var tt;
+function Sn() {
+  return tt || (tt = 1, process.env.NODE_ENV === "production" ? pe.exports = Cn() : pe.exports = Rn()), pe.exports;
 }
-var c = ko();
-const Eo = typeof window < "u" ? wo : Y;
-function wt(e, t) {
-  const n = Z(e);
-  Eo(() => {
-    n.current = e;
-  }, [e]), Y(() => {
+var o = Sn();
+const Pn = typeof window < "u" ? bn : M;
+function ke(e, t) {
+  const r = $(e);
+  Pn(() => {
+    r.current = e;
+  }, [e]), M(() => {
     if (t === null)
       return;
-    const r = setInterval(() => {
-      n.current();
+    const s = setInterval(() => {
+      r.current();
     }, t);
     return () => {
-      clearInterval(r);
+      clearInterval(s);
     };
   }, [t]);
 }
-function To(e) {
-  const [, t] = q(0);
-  wt(() => t((n) => n + 1), e);
+function Ln(e) {
+  const [, t] = H(0);
+  ke(() => t((r) => r + 1), e);
 }
-const Po = (e, t) => Hn((n) => ({
+const jn = (e, t) => ct((r) => ({
   delay: 0,
   startDate: e,
   endDate: t,
   startTime: e.getTime(),
   endTime: t.getTime(),
-  setDelay: (r) => n({ delay: r }),
-  setStartDate: (r) => n({ startDate: r }),
-  setEndDate: (r) => n({ endDate: r })
-})), zn = Nn(
+  setDelay: (s) => r({ delay: s }),
+  setStartDate: (s) => r({ startDate: s }),
+  setEndDate: (s) => r({ endDate: s })
+})), dt = at(
   null
-), Co = ({
+), kn = ({
   children: e,
   startDate: t,
-  endDate: n
+  endDate: r
 }) => {
-  const r = Z(
+  const s = $(
     null
   );
-  return r.current || (r.current = Po(t, n)), /* @__PURE__ */ c.jsx(zn.Provider, { value: r.current, children: e });
-}, B = (e) => {
-  const t = Zt(zn);
+  return s.current || (s.current = jn(t, r)), /* @__PURE__ */ o.jsx(dt.Provider, { value: s.current, children: e });
+}, _ = (e) => {
+  const t = lt(dt);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return $n(t, e);
-};
-var te = function() {
-  return te = Object.assign || function(t) {
-    for (var n, r = 1, o = arguments.length; r < o; r++) {
-      n = arguments[r];
-      for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
-    }
-    return t;
-  }, te.apply(this, arguments);
-};
-function je(e, t, n) {
-  if (n || arguments.length === 2) for (var r = 0, o = t.length, a; r < o; r++)
-    (a || !(r in t)) && (a || (a = Array.prototype.slice.call(t, 0, r)), a[r] = t[r]);
-  return e.concat(a || Array.prototype.slice.call(t));
-}
-function Ro(e) {
-  var t = /* @__PURE__ */ Object.create(null);
-  return function(n) {
-    return t[n] === void 0 && (t[n] = e(n)), t[n];
-  };
-}
-var jo = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Lo = /* @__PURE__ */ Ro(
-  function(e) {
-    return jo.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
-  }
-  /* Z+1 */
-), M = "-ms-", Je = "-moz-", O = "-webkit-", Bn = "comm", bt = "rule", Gt = "decl", _o = "@import", Un = "@keyframes", Io = "@layer", Wn = Math.abs, Kt = String.fromCharCode, Ft = Object.assign;
-function Do(e, t) {
-  return W(e, 0) ^ 45 ? (((t << 2 ^ W(e, 0)) << 2 ^ W(e, 1)) << 2 ^ W(e, 2)) << 2 ^ W(e, 3) : 0;
-}
-function Yn(e) {
-  return e.trim();
-}
-function me(e, t) {
-  return (e = t.exec(e)) ? e[0] : e;
-}
-function P(e, t, n) {
-  return e.replace(t, n);
-}
-function at(e, t, n) {
-  return e.indexOf(t, n);
-}
-function W(e, t) {
-  return e.charCodeAt(t) | 0;
-}
-function Ve(e, t, n) {
-  return e.slice(t, n);
-}
-function fe(e) {
-  return e.length;
-}
-function qn(e) {
-  return e.length;
-}
-function Xe(e, t) {
-  return t.push(e), e;
-}
-function Ao(e, t) {
-  return e.map(t).join("");
-}
-function wn(e, t) {
-  return e.filter(function(n) {
-    return !me(n, t);
-  });
-}
-var xt = 1, Ne = 1, Zn = 0, ie = 0, z = 0, Ue = "";
-function St(e, t, n, r, o, a, u, i) {
-  return { value: e, root: t, parent: n, type: r, props: o, children: a, line: xt, column: Ne, length: u, return: "", siblings: i };
-}
-function be(e, t) {
-  return Ft(St("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
-}
-function Me(e) {
-  for (; e.root; )
-    e = be(e.root, { children: [e] });
-  Xe(e, e.siblings);
-}
-function Oo() {
-  return z;
-}
-function Fo() {
-  return z = ie > 0 ? W(Ue, --ie) : 0, Ne--, z === 10 && (Ne = 1, xt--), z;
-}
-function ue() {
-  return z = ie < Zn ? W(Ue, ie++) : 0, Ne++, z === 10 && (Ne = 1, xt++), z;
-}
-function Pe() {
-  return W(Ue, ie);
-}
-function ct() {
-  return ie;
-}
-function kt(e, t) {
-  return Ve(Ue, e, t);
-}
-function Mt(e) {
-  switch (e) {
-    // \0 \t \n \r \s whitespace token
-    case 0:
-    case 9:
-    case 10:
-    case 13:
-    case 32:
-      return 5;
-    // ! + , / > @ ~ isolate token
-    case 33:
-    case 43:
-    case 44:
-    case 47:
-    case 62:
-    case 64:
-    case 126:
-    // ; { } breakpoint token
-    case 59:
-    case 123:
-    case 125:
-      return 4;
-    // : accompanied token
-    case 58:
-      return 3;
-    // " ' ( [ opening delimit token
-    case 34:
-    case 39:
-    case 40:
-    case 91:
-      return 2;
-    // ) ] closing delimit token
-    case 41:
-    case 93:
-      return 1;
-  }
-  return 0;
-}
-function Mo(e) {
-  return xt = Ne = 1, Zn = fe(Ue = e), ie = 0, [];
-}
-function Vo(e) {
-  return Ue = "", e;
-}
-function It(e) {
-  return Yn(kt(ie - 1, Vt(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
-}
-function No(e) {
-  for (; (z = Pe()) && z < 33; )
-    ue();
-  return Mt(e) > 2 || Mt(z) > 3 ? "" : " ";
-}
-function Ho(e, t) {
-  for (; --t && ue() && !(z < 48 || z > 102 || z > 57 && z < 65 || z > 70 && z < 97); )
-    ;
-  return kt(e, ct() + (t < 6 && Pe() == 32 && ue() == 32));
-}
-function Vt(e) {
-  for (; ue(); )
-    switch (z) {
-      // ] ) " '
-      case e:
-        return ie;
-      // " '
-      case 34:
-      case 39:
-        e !== 34 && e !== 39 && Vt(z);
-        break;
-      // (
-      case 40:
-        e === 41 && Vt(e);
-        break;
-      // \
-      case 92:
-        ue();
-        break;
-    }
-  return ie;
-}
-function $o(e, t) {
-  for (; ue() && e + z !== 57; )
-    if (e + z === 84 && Pe() === 47)
-      break;
-  return "/*" + kt(t, ie - 1) + "*" + Kt(e === 47 ? e : ue());
-}
-function zo(e) {
-  for (; !Mt(Pe()); )
-    ue();
-  return kt(e, ie);
-}
-function Bo(e) {
-  return Vo(lt("", null, null, null, [""], e = Mo(e), 0, [0], e));
-}
-function lt(e, t, n, r, o, a, u, i, l) {
-  for (var d = 0, h = 0, m = u, x = 0, S = 0, C = 0, j = 1, V = 1, b = 1, w = 0, v = "", y = o, _ = a, T = r, k = v; V; )
-    switch (C = w, w = ue()) {
-      // (
-      case 40:
-        if (C != 108 && W(k, m - 1) == 58) {
-          at(k += P(It(w), "&", "&\f"), "&\f", Wn(d ? i[d - 1] : 0)) != -1 && (b = -1);
-          break;
-        }
-      // " ' [
-      case 34:
-      case 39:
-      case 91:
-        k += It(w);
-        break;
-      // \t \n \r \s
-      case 9:
-      case 10:
-      case 13:
-      case 32:
-        k += No(C);
-        break;
-      // \
-      case 92:
-        k += Ho(ct() - 1, 7);
-        continue;
-      // /
-      case 47:
-        switch (Pe()) {
-          case 42:
-          case 47:
-            Xe(Uo($o(ue(), ct()), t, n, l), l);
-            break;
-          default:
-            k += "/";
-        }
-        break;
-      // {
-      case 123 * j:
-        i[d++] = fe(k) * b;
-      // } ; \0
-      case 125 * j:
-      case 59:
-      case 0:
-        switch (w) {
-          // \0 }
-          case 0:
-          case 125:
-            V = 0;
-          // ;
-          case 59 + h:
-            b == -1 && (k = P(k, /\f/g, "")), S > 0 && fe(k) - m && Xe(S > 32 ? xn(k + ";", r, n, m - 1, l) : xn(P(k, " ", "") + ";", r, n, m - 2, l), l);
-            break;
-          // @ ;
-          case 59:
-            k += ";";
-          // { rule/at-rule
-          default:
-            if (Xe(T = bn(k, t, n, d, h, o, i, v, y = [], _ = [], m, a), a), w === 123)
-              if (h === 0)
-                lt(k, t, T, T, y, a, m, i, _);
-              else
-                switch (x === 99 && W(k, 3) === 110 ? 100 : x) {
-                  // d l m s
-                  case 100:
-                  case 108:
-                  case 109:
-                  case 115:
-                    lt(e, T, T, r && Xe(bn(e, T, T, 0, 0, o, i, v, o, y = [], m, _), _), o, _, m, i, r ? y : _);
-                    break;
-                  default:
-                    lt(k, T, T, T, [""], _, 0, i, _);
-                }
-        }
-        d = h = S = 0, j = b = 1, v = k = "", m = u;
-        break;
-      // :
-      case 58:
-        m = 1 + fe(k), S = C;
-      default:
-        if (j < 1) {
-          if (w == 123)
-            --j;
-          else if (w == 125 && j++ == 0 && Fo() == 125)
-            continue;
-        }
-        switch (k += Kt(w), w * j) {
-          // &
-          case 38:
-            b = h > 0 ? 1 : (k += "\f", -1);
-            break;
-          // ,
-          case 44:
-            i[d++] = (fe(k) - 1) * b, b = 1;
-            break;
-          // @
-          case 64:
-            Pe() === 45 && (k += It(ue())), x = Pe(), h = m = fe(v = k += zo(ct())), w++;
-            break;
-          // -
-          case 45:
-            C === 45 && fe(k) == 2 && (j = 0);
-        }
-    }
-  return a;
-}
-function bn(e, t, n, r, o, a, u, i, l, d, h, m) {
-  for (var x = o - 1, S = o === 0 ? a : [""], C = qn(S), j = 0, V = 0, b = 0; j < r; ++j)
-    for (var w = 0, v = Ve(e, x + 1, x = Wn(V = u[j])), y = e; w < C; ++w)
-      (y = Yn(V > 0 ? S[w] + " " + v : P(v, /&\f/g, S[w]))) && (l[b++] = y);
-  return St(e, t, n, o === 0 ? bt : i, l, d, h, m);
-}
-function Uo(e, t, n, r) {
-  return St(e, t, n, Bn, Kt(Oo()), Ve(e, 2, -2), 0, r);
-}
-function xn(e, t, n, r, o) {
-  return St(e, t, n, Gt, Ve(e, 0, r), Ve(e, r + 1, -1), r, o);
-}
-function Gn(e, t, n) {
-  switch (Do(e, t)) {
-    // color-adjust
-    case 5103:
-      return O + "print-" + e + e;
-    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
-    case 5737:
-    case 4201:
-    case 3177:
-    case 3433:
-    case 1641:
-    case 4457:
-    case 2921:
-    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
-    case 5572:
-    case 6356:
-    case 5844:
-    case 3191:
-    case 6645:
-    case 3005:
-    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
-    case 6391:
-    case 5879:
-    case 5623:
-    case 6135:
-    case 4599:
-    case 4855:
-    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
-    case 4215:
-    case 6389:
-    case 5109:
-    case 5365:
-    case 5621:
-    case 3829:
-      return O + e + e;
-    // tab-size
-    case 4789:
-      return Je + e + e;
-    // appearance, user-select, transform, hyphens, text-size-adjust
-    case 5349:
-    case 4246:
-    case 4810:
-    case 6968:
-    case 2756:
-      return O + e + Je + e + M + e + e;
-    // writing-mode
-    case 5936:
-      switch (W(e, t + 11)) {
-        // vertical-l(r)
-        case 114:
-          return O + e + M + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
-        // vertical-r(l)
-        case 108:
-          return O + e + M + P(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
-        // horizontal(-)tb
-        case 45:
-          return O + e + M + P(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
-      }
-    // flex, flex-direction, scroll-snap-type, writing-mode
-    case 6828:
-    case 4268:
-    case 2903:
-      return O + e + M + e + e;
-    // order
-    case 6165:
-      return O + e + M + "flex-" + e + e;
-    // align-items
-    case 5187:
-      return O + e + P(e, /(\w+).+(:[^]+)/, O + "box-$1$2" + M + "flex-$1$2") + e;
-    // align-self
-    case 5443:
-      return O + e + M + "flex-item-" + P(e, /flex-|-self/g, "") + (me(e, /flex-|baseline/) ? "" : M + "grid-row-" + P(e, /flex-|-self/g, "")) + e;
-    // align-content
-    case 4675:
-      return O + e + M + "flex-line-pack" + P(e, /align-content|flex-|-self/g, "") + e;
-    // flex-shrink
-    case 5548:
-      return O + e + M + P(e, "shrink", "negative") + e;
-    // flex-basis
-    case 5292:
-      return O + e + M + P(e, "basis", "preferred-size") + e;
-    // flex-grow
-    case 6060:
-      return O + "box-" + P(e, "-grow", "") + O + e + M + P(e, "grow", "positive") + e;
-    // transition
-    case 4554:
-      return O + P(e, /([^-])(transform)/g, "$1" + O + "$2") + e;
-    // cursor
-    case 6187:
-      return P(P(P(e, /(zoom-|grab)/, O + "$1"), /(image-set)/, O + "$1"), e, "") + e;
-    // background, background-image
-    case 5495:
-    case 3959:
-      return P(e, /(image-set\([^]*)/, O + "$1$`$1");
-    // justify-content
-    case 4968:
-      return P(P(e, /(.+:)(flex-)?(.*)/, O + "box-pack:$3" + M + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + O + e + e;
-    // justify-self
-    case 4200:
-      if (!me(e, /flex-|baseline/)) return M + "grid-column-align" + Ve(e, t) + e;
-      break;
-    // grid-template-(columns|rows)
-    case 2592:
-    case 3360:
-      return M + P(e, "template-", "") + e;
-    // grid-(row|column)-start
-    case 4384:
-    case 3616:
-      return n && n.some(function(r, o) {
-        return t = o, me(r.props, /grid-\w+-end/);
-      }) ? ~at(e + (n = n[t].value), "span", 0) ? e : M + P(e, "-start", "") + e + M + "grid-row-span:" + (~at(n, "span", 0) ? me(n, /\d+/) : +me(n, /\d+/) - +me(e, /\d+/)) + ";" : M + P(e, "-start", "") + e;
-    // grid-(row|column)-end
-    case 4896:
-    case 4128:
-      return n && n.some(function(r) {
-        return me(r.props, /grid-\w+-start/);
-      }) ? e : M + P(P(e, "-end", "-span"), "span ", "") + e;
-    // (margin|padding)-inline-(start|end)
-    case 4095:
-    case 3583:
-    case 4068:
-    case 2532:
-      return P(e, /(.+)-inline(.+)/, O + "$1$2") + e;
-    // (min|max)?(width|height|inline-size|block-size)
-    case 8116:
-    case 7059:
-    case 5753:
-    case 5535:
-    case 5445:
-    case 5701:
-    case 4933:
-    case 4677:
-    case 5533:
-    case 5789:
-    case 5021:
-    case 4765:
-      if (fe(e) - 1 - t > 6)
-        switch (W(e, t + 1)) {
-          // (m)ax-content, (m)in-content
-          case 109:
-            if (W(e, t + 4) !== 45)
-              break;
-          // (f)ill-available, (f)it-content
-          case 102:
-            return P(e, /(.+:)(.+)-([^]+)/, "$1" + O + "$2-$3$1" + Je + (W(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
-          // (s)tretch
-          case 115:
-            return ~at(e, "stretch", 0) ? Gn(P(e, "stretch", "fill-available"), t, n) + e : e;
-        }
-      break;
-    // grid-(column|row)
-    case 5152:
-    case 5920:
-      return P(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, o, a, u, i, l, d) {
-        return M + o + ":" + a + d + (u ? M + o + "-span:" + (i ? l : +l - +a) + d : "") + e;
-      });
-    // position: sticky
-    case 4949:
-      if (W(e, t + 6) === 121)
-        return P(e, ":", ":" + O) + e;
-      break;
-    // display: (flex|inline-flex|grid|inline-grid)
-    case 6444:
-      switch (W(e, W(e, 14) === 45 ? 18 : 11)) {
-        // (inline-)?fle(x)
-        case 120:
-          return P(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + O + (W(e, 14) === 45 ? "inline-" : "") + "box$3$1" + O + "$2$3$1" + M + "$2box$3") + e;
-        // (inline-)?gri(d)
-        case 100:
-          return P(e, ":", ":" + M) + e;
-      }
-      break;
-    // scroll-margin, scroll-margin-(top|right|bottom|left)
-    case 5719:
-    case 2647:
-    case 2135:
-    case 3927:
-    case 2391:
-      return P(e, "scroll-", "scroll-snap-") + e;
-  }
-  return e;
-}
-function ft(e, t) {
-  for (var n = "", r = 0; r < e.length; r++)
-    n += t(e[r], r, e, t) || "";
-  return n;
-}
-function Wo(e, t, n, r) {
-  switch (e.type) {
-    case Io:
-      if (e.children.length) break;
-    case _o:
-    case Gt:
-      return e.return = e.return || e.value;
-    case Bn:
-      return "";
-    case Un:
-      return e.return = e.value + "{" + ft(e.children, r) + "}";
-    case bt:
-      if (!fe(e.value = e.props.join(","))) return "";
-  }
-  return fe(n = ft(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
-}
-function Yo(e) {
-  var t = qn(e);
-  return function(n, r, o, a) {
-    for (var u = "", i = 0; i < t; i++)
-      u += e[i](n, r, o, a) || "";
-    return u;
-  };
-}
-function qo(e) {
-  return function(t) {
-    t.root || (t = t.return) && e(t);
-  };
-}
-function Zo(e, t, n, r) {
-  if (e.length > -1 && !e.return)
-    switch (e.type) {
-      case Gt:
-        e.return = Gn(e.value, e.length, n);
-        return;
-      case Un:
-        return ft([be(e, { value: P(e.value, "@", "@" + O) })], r);
-      case bt:
-        if (e.length)
-          return Ao(n = e.props, function(o) {
-            switch (me(o, r = /(::plac\w+|:read-\w+)/)) {
-              // :read-(only|write)
-              case ":read-only":
-              case ":read-write":
-                Me(be(e, { props: [P(o, /:(read-\w+)/, ":" + Je + "$1")] })), Me(be(e, { props: [o] })), Ft(e, { props: wn(n, r) });
-                break;
-              // :placeholder
-              case "::placeholder":
-                Me(be(e, { props: [P(o, /:(plac\w+)/, ":" + O + "input-$1")] })), Me(be(e, { props: [P(o, /:(plac\w+)/, ":" + Je + "$1")] })), Me(be(e, { props: [P(o, /:(plac\w+)/, M + "input-$1")] })), Me(be(e, { props: [o] })), Ft(e, { props: wn(n, r) });
-                break;
-            }
-            return "";
-          });
-    }
-}
-var Go = {
-  animationIterationCount: 1,
-  aspectRatio: 1,
-  borderImageOutset: 1,
-  borderImageSlice: 1,
-  borderImageWidth: 1,
-  boxFlex: 1,
-  boxFlexGroup: 1,
-  boxOrdinalGroup: 1,
-  columnCount: 1,
-  columns: 1,
-  flex: 1,
-  flexGrow: 1,
-  flexPositive: 1,
-  flexShrink: 1,
-  flexNegative: 1,
-  flexOrder: 1,
-  gridRow: 1,
-  gridRowEnd: 1,
-  gridRowSpan: 1,
-  gridRowStart: 1,
-  gridColumn: 1,
-  gridColumnEnd: 1,
-  gridColumnSpan: 1,
-  gridColumnStart: 1,
-  msGridRow: 1,
-  msGridRowSpan: 1,
-  msGridColumn: 1,
-  msGridColumnSpan: 1,
-  fontWeight: 1,
-  lineHeight: 1,
-  opacity: 1,
-  order: 1,
-  orphans: 1,
-  tabSize: 1,
-  widows: 1,
-  zIndex: 1,
-  zoom: 1,
-  WebkitLineClamp: 1,
-  // SVG-related properties
-  fillOpacity: 1,
-  floodOpacity: 1,
-  stopOpacity: 1,
-  strokeDasharray: 1,
-  strokeDashoffset: 1,
-  strokeMiterlimit: 1,
-  strokeOpacity: 1,
-  strokeWidth: 1
-}, Le = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", Kn = "active", Xn = "data-styled-version", Et = "6.1.19", Xt = `/*!sc*/
-`, pt = typeof window < "u" && typeof document < "u", Ko = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), Sn = /invalid hook call/i, rt = /* @__PURE__ */ new Set(), Xo = function(e, t) {
-  if (process.env.NODE_ENV !== "production") {
-    var n = t ? ' with the id of "'.concat(t, '"') : "", r = "The component ".concat(e).concat(n, ` has been created dynamically.
-`) + `You may see this warning because you've called styled inside another component.
-To resolve this only create new StyledComponents outside of any render method and function component.
-See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
-`, o = console.error;
-    try {
-      var a = !0;
-      console.error = function(u) {
-        for (var i = [], l = 1; l < arguments.length; l++) i[l - 1] = arguments[l];
-        Sn.test(u) ? (a = !1, rt.delete(r)) : o.apply(void 0, je([u], i, !1));
-      }, Z(), a && !rt.has(r) && (console.warn(r), rt.add(r));
-    } catch (u) {
-      Sn.test(u.message) && rt.delete(r);
-    } finally {
-      console.error = o;
-    }
-  }
-}, Tt = Object.freeze([]), He = Object.freeze({});
-function Jo(e, t, n) {
-  return n === void 0 && (n = He), e.theme !== n.theme && e.theme || t || n.theme;
-}
-var Nt = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), Qo = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, es = /(^-|-$)/g;
-function kn(e) {
-  return e.replace(Qo, "-").replace(es, "");
-}
-var ts = /(a)(d)/gi, ot = 52, En = function(e) {
-  return String.fromCharCode(e + (e > 25 ? 39 : 97));
-};
-function Ht(e) {
-  var t, n = "";
-  for (t = Math.abs(e); t > ot; t = t / ot | 0) n = En(t % ot) + n;
-  return (En(t % ot) + n).replace(ts, "$1-$2");
-}
-var Dt, Jn = 5381, Ee = function(e, t) {
-  for (var n = t.length; n; ) e = 33 * e ^ t.charCodeAt(--n);
-  return e;
-}, Qn = function(e) {
-  return Ee(Jn, e);
-};
-function er(e) {
-  return Ht(Qn(e) >>> 0);
-}
-function tr(e) {
-  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
-}
-function At(e) {
-  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
-}
-var nr = typeof Symbol == "function" && Symbol.for, rr = nr ? Symbol.for("react.memo") : 60115, ns = nr ? Symbol.for("react.forward_ref") : 60112, rs = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, os = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, or = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, ss = ((Dt = {})[ns] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Dt[rr] = or, Dt);
-function Tn(e) {
-  return ("type" in (t = e) && t.type.$$typeof) === rr ? or : "$$typeof" in e ? ss[e.$$typeof] : rs;
-  var t;
-}
-var is = Object.defineProperty, as = Object.getOwnPropertyNames, Pn = Object.getOwnPropertySymbols, cs = Object.getOwnPropertyDescriptor, ls = Object.getPrototypeOf, Cn = Object.prototype;
-function sr(e, t, n) {
-  if (typeof t != "string") {
-    if (Cn) {
-      var r = ls(t);
-      r && r !== Cn && sr(e, r, n);
-    }
-    var o = as(t);
-    Pn && (o = o.concat(Pn(t)));
-    for (var a = Tn(e), u = Tn(t), i = 0; i < o.length; ++i) {
-      var l = o[i];
-      if (!(l in os || n && n[l] || u && l in u || a && l in a)) {
-        var d = cs(t, l);
-        try {
-          is(e, l, d);
-        } catch {
-        }
-      }
-    }
-  }
-  return e;
-}
-function $e(e) {
-  return typeof e == "function";
-}
-function Jt(e) {
-  return typeof e == "object" && "styledComponentId" in e;
-}
-function Te(e, t) {
-  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
-}
-function $t(e, t) {
-  if (e.length === 0) return "";
-  for (var n = e[0], r = 1; r < e.length; r++) n += e[r];
-  return n;
-}
-function ze(e) {
-  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
-}
-function zt(e, t, n) {
-  if (n === void 0 && (n = !1), !n && !ze(e) && !Array.isArray(e)) return t;
-  if (Array.isArray(t)) for (var r = 0; r < t.length; r++) e[r] = zt(e[r], t[r]);
-  else if (ze(t)) for (var r in t) e[r] = zt(e[r], t[r]);
-  return e;
-}
-function Qt(e, t) {
-  Object.defineProperty(e, "toString", { value: t });
-}
-var us = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
-
-`, 2: `Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
-
-- Are you trying to reuse it across renders?
-- Are you accidentally calling collectStyles twice?
-
-`, 3: `Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
-
-`, 4: `The \`StyleSheetManager\` expects a valid target or sheet prop!
-
-- Does this error occur on the client and is your target falsy?
-- Does this error occur on the server and is the sheet falsy?
-
-`, 5: `The clone method cannot be used on the client!
-
-- Are you running in a client-like environment on the server?
-- Are you trying to run SSR on the client?
-
-`, 6: `Trying to insert a new style tag, but the given Node is unmounted!
-
-- Are you using a custom target that isn't mounted?
-- Does your document not have a valid head element?
-- Have you accidentally removed a style tag manually?
-
-`, 7: 'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n', 8: `ThemeProvider: Please make your "theme" prop an object.
-
-`, 9: "Missing document `<head>`\n\n", 10: `Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
-
-`, 11: `_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
-
-`, 12: "It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n", 13: `%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
-
-`, 14: `ThemeProvider: "theme" prop is required.
-
-`, 15: "A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n", 16: `Reached the limit of how many styled components may be created at group %s.
-You may only create up to 1,073,741,824 components. If you're creating components dynamically,
-as for instance in your render method then you may be running into this limitation.
-
-`, 17: `CSSStyleSheet could not be found on HTMLStyleElement.
-Has styled-components' style tag been unmounted or altered by another script?
-`, 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
-function ds() {
-  for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
-  for (var n = e[0], r = [], o = 1, a = e.length; o < a; o += 1) r.push(e[o]);
-  return r.forEach(function(u) {
-    n = n.replace(/%[a-z]/, u);
-  }), n;
-}
-function We(e) {
-  for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
-  return process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e, " for more information.").concat(t.length > 0 ? " Args: ".concat(t.join(", ")) : "")) : new Error(ds.apply(void 0, je([us[e]], t, !1)).trim());
-}
-var fs = (function() {
-  function e(t) {
-    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t;
-  }
-  return e.prototype.indexOfGroup = function(t) {
-    for (var n = 0, r = 0; r < t; r++) n += this.groupSizes[r];
-    return n;
-  }, e.prototype.insertRules = function(t, n) {
-    if (t >= this.groupSizes.length) {
-      for (var r = this.groupSizes, o = r.length, a = o; t >= a; ) if ((a <<= 1) < 0) throw We(16, "".concat(t));
-      this.groupSizes = new Uint32Array(a), this.groupSizes.set(r), this.length = a;
-      for (var u = o; u < a; u++) this.groupSizes[u] = 0;
-    }
-    for (var i = this.indexOfGroup(t + 1), l = (u = 0, n.length); u < l; u++) this.tag.insertRule(i, n[u]) && (this.groupSizes[t]++, i++);
-  }, e.prototype.clearGroup = function(t) {
-    if (t < this.length) {
-      var n = this.groupSizes[t], r = this.indexOfGroup(t), o = r + n;
-      this.groupSizes[t] = 0;
-      for (var a = r; a < o; a++) this.tag.deleteRule(r);
-    }
-  }, e.prototype.getGroup = function(t) {
-    var n = "";
-    if (t >= this.length || this.groupSizes[t] === 0) return n;
-    for (var r = this.groupSizes[t], o = this.indexOfGroup(t), a = o + r, u = o; u < a; u++) n += "".concat(this.tag.getRule(u)).concat(Xt);
-    return n;
-  }, e;
-})(), ps = 1 << 30, ut = /* @__PURE__ */ new Map(), ht = /* @__PURE__ */ new Map(), dt = 1, st = function(e) {
-  if (ut.has(e)) return ut.get(e);
-  for (; ht.has(dt); ) dt++;
-  var t = dt++;
-  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > ps)) throw We(16, "".concat(t));
-  return ut.set(e, t), ht.set(t, e), t;
-}, hs = function(e, t) {
-  dt = t + 1, ut.set(e, t), ht.set(t, e);
-}, ms = "style[".concat(Le, "][").concat(Xn, '="').concat(Et, '"]'), gs = new RegExp("^".concat(Le, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), ys = function(e, t, n) {
-  for (var r, o = n.split(","), a = 0, u = o.length; a < u; a++) (r = o[a]) && e.registerName(t, r);
-}, vs = function(e, t) {
-  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(Xt), o = [], a = 0, u = r.length; a < u; a++) {
-    var i = r[a].trim();
-    if (i) {
-      var l = i.match(gs);
-      if (l) {
-        var d = 0 | parseInt(l[1], 10), h = l[2];
-        d !== 0 && (hs(h, d), ys(e, h, l[3]), e.getTag().insertRules(d, o)), o.length = 0;
-      } else o.push(i);
-    }
-  }
-}, Rn = function(e) {
-  for (var t = document.querySelectorAll(ms), n = 0, r = t.length; n < r; n++) {
-    var o = t[n];
-    o && o.getAttribute(Le) !== Kn && (vs(e, o), o.parentNode && o.parentNode.removeChild(o));
-  }
-};
-function ws() {
-  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
-}
-var ir = function(e) {
-  var t = document.head, n = e || t, r = document.createElement("style"), o = (function(i) {
-    var l = Array.from(i.querySelectorAll("style[".concat(Le, "]")));
-    return l[l.length - 1];
-  })(n), a = o !== void 0 ? o.nextSibling : null;
-  r.setAttribute(Le, Kn), r.setAttribute(Xn, Et);
-  var u = ws();
-  return u && r.setAttribute("nonce", u), n.insertBefore(r, a), r;
-}, bs = (function() {
-  function e(t) {
-    this.element = ir(t), this.element.appendChild(document.createTextNode("")), this.sheet = (function(n) {
-      if (n.sheet) return n.sheet;
-      for (var r = document.styleSheets, o = 0, a = r.length; o < a; o++) {
-        var u = r[o];
-        if (u.ownerNode === n) return u;
-      }
-      throw We(17);
-    })(this.element), this.length = 0;
-  }
-  return e.prototype.insertRule = function(t, n) {
-    try {
-      return this.sheet.insertRule(n, t), this.length++, !0;
-    } catch {
-      return !1;
-    }
-  }, e.prototype.deleteRule = function(t) {
-    this.sheet.deleteRule(t), this.length--;
-  }, e.prototype.getRule = function(t) {
-    var n = this.sheet.cssRules[t];
-    return n && n.cssText ? n.cssText : "";
-  }, e;
-})(), xs = (function() {
-  function e(t) {
-    this.element = ir(t), this.nodes = this.element.childNodes, this.length = 0;
-  }
-  return e.prototype.insertRule = function(t, n) {
-    if (t <= this.length && t >= 0) {
-      var r = document.createTextNode(n);
-      return this.element.insertBefore(r, this.nodes[t] || null), this.length++, !0;
-    }
-    return !1;
-  }, e.prototype.deleteRule = function(t) {
-    this.element.removeChild(this.nodes[t]), this.length--;
-  }, e.prototype.getRule = function(t) {
-    return t < this.length ? this.nodes[t].textContent : "";
-  }, e;
-})(), Ss = (function() {
-  function e(t) {
-    this.rules = [], this.length = 0;
-  }
-  return e.prototype.insertRule = function(t, n) {
-    return t <= this.length && (this.rules.splice(t, 0, n), this.length++, !0);
-  }, e.prototype.deleteRule = function(t) {
-    this.rules.splice(t, 1), this.length--;
-  }, e.prototype.getRule = function(t) {
-    return t < this.length ? this.rules[t] : "";
-  }, e;
-})(), jn = pt, ks = { isServer: !pt, useCSSOMInjection: !Ko }, ar = (function() {
-  function e(t, n, r) {
-    t === void 0 && (t = He), n === void 0 && (n = {});
-    var o = this;
-    this.options = te(te({}, ks), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && pt && jn && (jn = !1, Rn(this)), Qt(this, function() {
-      return (function(a) {
-        for (var u = a.getTag(), i = u.length, l = "", d = function(m) {
-          var x = (function(b) {
-            return ht.get(b);
-          })(m);
-          if (x === void 0) return "continue";
-          var S = a.names.get(x), C = u.getGroup(m);
-          if (S === void 0 || !S.size || C.length === 0) return "continue";
-          var j = "".concat(Le, ".g").concat(m, '[id="').concat(x, '"]'), V = "";
-          S !== void 0 && S.forEach(function(b) {
-            b.length > 0 && (V += "".concat(b, ","));
-          }), l += "".concat(C).concat(j, '{content:"').concat(V, '"}').concat(Xt);
-        }, h = 0; h < i; h++) d(h);
-        return l;
-      })(o);
-    });
-  }
-  return e.registerId = function(t) {
-    return st(t);
-  }, e.prototype.rehydrate = function() {
-    !this.server && pt && Rn(this);
-  }, e.prototype.reconstructWithOptions = function(t, n) {
-    return n === void 0 && (n = !0), new e(te(te({}, this.options), t), this.gs, n && this.names || void 0);
-  }, e.prototype.allocateGSInstance = function(t) {
-    return this.gs[t] = (this.gs[t] || 0) + 1;
-  }, e.prototype.getTag = function() {
-    return this.tag || (this.tag = (t = (function(n) {
-      var r = n.useCSSOMInjection, o = n.target;
-      return n.isServer ? new Ss(o) : r ? new bs(o) : new xs(o);
-    })(this.options), new fs(t)));
-    var t;
-  }, e.prototype.hasNameForId = function(t, n) {
-    return this.names.has(t) && this.names.get(t).has(n);
-  }, e.prototype.registerName = function(t, n) {
-    if (st(t), this.names.has(t)) this.names.get(t).add(n);
-    else {
-      var r = /* @__PURE__ */ new Set();
-      r.add(n), this.names.set(t, r);
-    }
-  }, e.prototype.insertRules = function(t, n, r) {
-    this.registerName(t, n), this.getTag().insertRules(st(t), r);
-  }, e.prototype.clearNames = function(t) {
-    this.names.has(t) && this.names.get(t).clear();
-  }, e.prototype.clearRules = function(t) {
-    this.getTag().clearGroup(st(t)), this.clearNames(t);
-  }, e.prototype.clearTag = function() {
-    this.tag = void 0;
-  }, e;
-})(), Es = /&/g, Ts = /^\s*\/\/.*$/gm;
-function cr(e, t) {
-  return e.map(function(n) {
-    return n.type === "rule" && (n.value = "".concat(t, " ").concat(n.value), n.value = n.value.replaceAll(",", ",".concat(t, " ")), n.props = n.props.map(function(r) {
-      return "".concat(t, " ").concat(r);
-    })), Array.isArray(n.children) && n.type !== "@keyframes" && (n.children = cr(n.children, t)), n;
-  });
-}
-function Ps(e) {
-  var t, n, r, o = He, a = o.options, u = a === void 0 ? He : a, i = o.plugins, l = i === void 0 ? Tt : i, d = function(x, S, C) {
-    return C.startsWith(n) && C.endsWith(n) && C.replaceAll(n, "").length > 0 ? ".".concat(t) : x;
-  }, h = l.slice();
-  h.push(function(x) {
-    x.type === bt && x.value.includes("&") && (x.props[0] = x.props[0].replace(Es, n).replace(r, d));
-  }), u.prefix && h.push(Zo), h.push(Wo);
-  var m = function(x, S, C, j) {
-    S === void 0 && (S = ""), C === void 0 && (C = ""), j === void 0 && (j = "&"), t = j, n = S, r = new RegExp("\\".concat(n, "\\b"), "g");
-    var V = x.replace(Ts, ""), b = Bo(C || S ? "".concat(C, " ").concat(S, " { ").concat(V, " }") : V);
-    u.namespace && (b = cr(b, u.namespace));
-    var w = [];
-    return ft(b, Yo(h.concat(qo(function(v) {
-      return w.push(v);
-    })))), w;
-  };
-  return m.hash = l.length ? l.reduce(function(x, S) {
-    return S.name || We(15), Ee(x, S.name);
-  }, Jn).toString() : "", m;
-}
-var Cs = new ar(), Bt = Ps(), lr = Re.createContext({ shouldForwardProp: void 0, styleSheet: Cs, stylis: Bt });
-lr.Consumer;
-Re.createContext(void 0);
-function Ln() {
-  return Zt(lr);
-}
-var Ut = (function() {
-  function e(t, n) {
-    var r = this;
-    this.inject = function(o, a) {
-      a === void 0 && (a = Bt);
-      var u = r.name + a.hash;
-      o.hasNameForId(r.id, u) || o.insertRules(r.id, u, a(r.rules, u, "@keyframes"));
-    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, Qt(this, function() {
-      throw We(12, String(r.name));
-    });
-  }
-  return e.prototype.getName = function(t) {
-    return t === void 0 && (t = Bt), this.name + t.hash;
-  }, e;
-})(), Rs = function(e) {
-  return e >= "A" && e <= "Z";
+  return ut(t, e);
 };
-function _n(e) {
-  for (var t = "", n = 0; n < e.length; n++) {
-    var r = e[n];
-    if (n === 1 && r === "-" && e[0] === "-") return e;
-    Rs(r) ? t += "-" + r.toLowerCase() : t += r;
-  }
-  return t.startsWith("ms-") ? "-" + t : t;
-}
-var ur = function(e) {
-  return e == null || e === !1 || e === "";
-}, dr = function(e) {
-  var t, n, r = [];
-  for (var o in e) {
-    var a = e[o];
-    e.hasOwnProperty(o) && !ur(a) && (Array.isArray(a) && a.isCss || $e(a) ? r.push("".concat(_n(o), ":"), a, ";") : ze(a) ? r.push.apply(r, je(je(["".concat(o, " {")], dr(a), !1), ["}"], !1)) : r.push("".concat(_n(o), ": ").concat((t = o, (n = a) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in Go || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
-  }
-  return r;
-};
-function Ce(e, t, n, r) {
-  if (ur(e)) return [];
-  if (Jt(e)) return [".".concat(e.styledComponentId)];
-  if ($e(e)) {
-    if (!$e(a = e) || a.prototype && a.prototype.isReactComponent || !t) return [e];
-    var o = e(t);
-    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof Ut || ze(o) || o === null || console.error("".concat(tr(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), Ce(o, t, n, r);
-  }
-  var a;
-  return e instanceof Ut ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : ze(e) ? dr(e) : Array.isArray(e) ? Array.prototype.concat.apply(Tt, e.map(function(u) {
-    return Ce(u, t, n, r);
-  })) : [e.toString()];
-}
-function js(e) {
-  for (var t = 0; t < e.length; t += 1) {
-    var n = e[t];
-    if ($e(n) && !Jt(n)) return !1;
-  }
-  return !0;
-}
-var Ls = Qn(Et), _s = (function() {
-  function e(t, n, r) {
-    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && js(t), this.componentId = n, this.baseHash = Ee(Ls, n), this.baseStyle = r, ar.registerId(n);
-  }
-  return e.prototype.generateAndInjectStyles = function(t, n, r) {
-    var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, n, r) : "";
-    if (this.isStatic && !r.hash) if (this.staticRulesId && n.hasNameForId(this.componentId, this.staticRulesId)) o = Te(o, this.staticRulesId);
-    else {
-      var a = $t(Ce(this.rules, t, n, r)), u = Ht(Ee(this.baseHash, a) >>> 0);
-      if (!n.hasNameForId(this.componentId, u)) {
-        var i = r(a, ".".concat(u), void 0, this.componentId);
-        n.insertRules(this.componentId, u, i);
-      }
-      o = Te(o, u), this.staticRulesId = u;
-    }
-    else {
-      for (var l = Ee(this.baseHash, r.hash), d = "", h = 0; h < this.rules.length; h++) {
-        var m = this.rules[h];
-        if (typeof m == "string") d += m, process.env.NODE_ENV !== "production" && (l = Ee(l, m));
-        else if (m) {
-          var x = $t(Ce(m, t, n, r));
-          l = Ee(l, x + h), d += x;
-        }
-      }
-      if (d) {
-        var S = Ht(l >>> 0);
-        n.hasNameForId(this.componentId, S) || n.insertRules(this.componentId, S, r(d, ".".concat(S), void 0, this.componentId)), o = Te(o, S);
-      }
-    }
-    return o;
-  }, e;
-})(), fr = Re.createContext(void 0);
-fr.Consumer;
-var Ot = {}, In = /* @__PURE__ */ new Set();
-function Is(e, t, n) {
-  var r = Jt(e), o = e, a = !At(e), u = t.attrs, i = u === void 0 ? Tt : u, l = t.componentId, d = l === void 0 ? (function(y, _) {
-    var T = typeof y != "string" ? "sc" : kn(y);
-    Ot[T] = (Ot[T] || 0) + 1;
-    var k = "".concat(T, "-").concat(er(Et + T + Ot[T]));
-    return _ ? "".concat(_, "-").concat(k) : k;
-  })(t.displayName, t.parentComponentId) : l, h = t.displayName, m = h === void 0 ? (function(y) {
-    return At(y) ? "styled.".concat(y) : "Styled(".concat(tr(y), ")");
-  })(e) : h, x = t.displayName && t.componentId ? "".concat(kn(t.displayName), "-").concat(t.componentId) : t.componentId || d, S = r && o.attrs ? o.attrs.concat(i).filter(Boolean) : i, C = t.shouldForwardProp;
-  if (r && o.shouldForwardProp) {
-    var j = o.shouldForwardProp;
-    if (t.shouldForwardProp) {
-      var V = t.shouldForwardProp;
-      C = function(y, _) {
-        return j(y, _) && V(y, _);
-      };
-    } else C = j;
-  }
-  var b = new _s(n, x, r ? o.componentStyle : void 0);
-  function w(y, _) {
-    return (function(T, k, U) {
-      var J = T.attrs, D = T.componentStyle, _e = T.defaultProps, pe = T.foldedComponentIds, G = T.styledComponentId, ne = T.target, de = Re.useContext(fr), Se = Ln(), Q = T.shouldForwardProp || Se.shouldForwardProp;
-      process.env.NODE_ENV !== "production" && mn(G);
-      var Ye = Jo(k, de, _e) || He, re = (function(De, he, ve) {
-        for (var ae, ce = te(te({}, he), { className: void 0, theme: ve }), we = 0; we < De.length; we += 1) {
-          var Ae = $e(ae = De[we]) ? ae(ce) : ae;
-          for (var le in Ae) ce[le] = le === "className" ? Te(ce[le], Ae[le]) : le === "style" ? te(te({}, ce[le]), Ae[le]) : Ae[le];
-        }
-        return he.className && (ce.className = Te(ce.className, he.className)), ce;
-      })(J, k, Ye), ge = re.as || ne, ye = {};
-      for (var K in re) re[K] === void 0 || K[0] === "$" || K === "as" || K === "theme" && re.theme === Ye || (K === "forwardedAs" ? ye.as = re.forwardedAs : Q && !Q(K, ge) || (ye[K] = re[K], Q || process.env.NODE_ENV !== "development" || Lo(K) || In.has(K) || !Nt.has(ge) || (In.add(K), console.warn('styled-components: it looks like an unknown prop "'.concat(K, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
-      var Ie = (function(De, he) {
-        var ve = Ln(), ae = De.generateAndInjectStyles(he, ve.styleSheet, ve.stylis);
-        return process.env.NODE_ENV !== "production" && mn(ae), ae;
-      })(D, re);
-      process.env.NODE_ENV !== "production" && T.warnTooManyClasses && T.warnTooManyClasses(Ie);
-      var qe = Te(pe, G);
-      return Ie && (qe += " " + Ie), re.className && (qe += " " + re.className), ye[At(ge) && !Nt.has(ge) ? "class" : "className"] = qe, U && (ye.ref = U), bo(ge, ye);
-    })(v, y, _);
-  }
-  w.displayName = m;
-  var v = Re.forwardRef(w);
-  return v.attrs = S, v.componentStyle = b, v.displayName = m, v.shouldForwardProp = C, v.foldedComponentIds = r ? Te(o.foldedComponentIds, o.styledComponentId) : "", v.styledComponentId = x, v.target = r ? o.target : e, Object.defineProperty(v, "defaultProps", { get: function() {
-    return this._foldedDefaultProps;
-  }, set: function(y) {
-    this._foldedDefaultProps = r ? (function(_) {
-      for (var T = [], k = 1; k < arguments.length; k++) T[k - 1] = arguments[k];
-      for (var U = 0, J = T; U < J.length; U++) zt(_, J[U], !0);
-      return _;
-    })({}, o.defaultProps, y) : y;
-  } }), process.env.NODE_ENV !== "production" && (Xo(m, x), v.warnTooManyClasses = /* @__PURE__ */ (function(y, _) {
-    var T = {}, k = !1;
-    return function(U) {
-      if (!k && (T[U] = !0, Object.keys(T).length >= 200)) {
-        var J = _ ? ' with the id of "'.concat(_, '"') : "";
-        console.warn("Over ".concat(200, " classes were generated for component ").concat(y).concat(J, `.
-`) + `Consider using the attrs method, together with a style object for frequently changed styles.
-Example:
-  const Component = styled.div.attrs(props => ({
-    style: {
-      background: props.background,
-    },
-  }))\`width: 100%;\`
-
-  <Component />`), k = !0, T = {};
-      }
-    };
-  })(m, x)), Qt(v, function() {
-    return ".".concat(v.styledComponentId);
-  }), a && sr(v, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), v;
-}
-function Dn(e, t) {
-  for (var n = [e[0]], r = 0, o = t.length; r < o; r += 1) n.push(t[r], e[r + 1]);
-  return n;
-}
-var An = function(e) {
-  return Object.assign(e, { isCss: !0 });
-};
-function mt(e) {
-  for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
-  if ($e(e) || ze(e)) return An(Ce(Dn(Tt, je([e], t, !0))));
-  var r = e;
-  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? Ce(r) : An(Ce(Dn(r, t)));
-}
-function Wt(e, t, n) {
-  if (n === void 0 && (n = He), !t) throw We(1, t);
-  var r = function(o) {
-    for (var a = [], u = 1; u < arguments.length; u++) a[u - 1] = arguments[u];
-    return e(t, n, mt.apply(void 0, je([o], a, !1)));
-  };
-  return r.attrs = function(o) {
-    return Wt(e, t, te(te({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
-  }, r.withConfig = function(o) {
-    return Wt(e, t, te(te({}, n), o));
-  }, r;
-}
-var pr = function(e) {
-  return Wt(Is, e);
-}, I = pr;
-Nt.forEach(function(e) {
-  I[e] = pr(e);
-});
-function Ds(e) {
-  for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
-  process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");
-  var r = $t(mt.apply(void 0, je([e], t, !1))), o = er(r);
-  return new Ut(o, r);
-}
-process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
-Perhaps you're looking to import 'styled-components/native'?
-Read more about this at https://www.styled-components.com/docs/basics#react-native`);
-var it = "__sc-".concat(Le, "__");
-process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[it] || (window[it] = 0), window[it] === 1 && console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
-
-See https://s-c.sh/2BAXzed for more info.`), window[it] += 1);
-function As({
+function Fn({
   children: e,
   eventFinishedMessage: t,
-  eventNotStartedMessage: n,
-  eventStartingSoonMessage: r
+  eventNotStartedMessage: r,
+  eventStartingSoonMessage: s
 }) {
-  const o = B((d) => d.startDate), a = B((d) => d.endDate), u = Date.now(), i = u < o.getTime(), l = u > a.getTime();
-  return To(5e3), i ? /* @__PURE__ */ c.jsx(
-    Os,
+  const a = _((f) => f.startDate), d = _((f) => f.endDate), h = Date.now(), i = h < a.getTime(), u = h > d.getTime();
+  return Ln(5e3), i ? /* @__PURE__ */ o.jsx(
+    Dn,
     {
-      startDate: o,
-      title: n || "Event has not started yet.",
-      message: r || "Starting in few seconds..."
+      startDate: a,
+      title: r || "Event has not started yet.",
+      message: s || "Starting in few seconds..."
     }
-  ) : l ? /* @__PURE__ */ c.jsx(Fs, { title: t || "Event has finished." }) : /* @__PURE__ */ c.jsx(c.Fragment, { children: e });
+  ) : u ? /* @__PURE__ */ o.jsx(_n, { title: t || "Event has finished." }) : /* @__PURE__ */ o.jsx(o.Fragment, { children: e });
 }
-function Os({ startDate: e, title: t, message: n }) {
-  const r = e.getTime() - Date.now(), o = Math.floor(r / (1e3 * 60 * 60)), a = Math.floor(
-    r % (1e3 * 60 * 60) / (1e3 * 60)
+function Dn({ startDate: e, title: t, message: r }) {
+  const s = e.getTime() - Date.now(), a = Math.floor(s / (1e3 * 60 * 60)), d = Math.floor(
+    s % (1e3 * 60 * 60) / (1e3 * 60)
   );
-  return o || a ? /* @__PURE__ */ c.jsxs(Yt, { children: [
-    /* @__PURE__ */ c.jsx(qt, { children: t }),
-    /* @__PURE__ */ c.jsxs(Ms, { children: [
+  return a || d ? /* @__PURE__ */ o.jsxs(Le, { children: [
+    /* @__PURE__ */ o.jsx(je, { children: t }),
+    /* @__PURE__ */ o.jsxs(Mn, { children: [
       "(",
-      o > 0 ? `${o}h ${a}m` : `${a}m`,
+      a > 0 ? `${a}h ${d}m` : `${d}m`,
       ")"
     ] })
-  ] }) : /* @__PURE__ */ c.jsx(Yt, { children: /* @__PURE__ */ c.jsx(qt, { children: n }) });
+  ] }) : /* @__PURE__ */ o.jsx(Le, { children: /* @__PURE__ */ o.jsx(je, { children: r }) });
 }
-function Fs({ title: e }) {
-  return /* @__PURE__ */ c.jsx(Yt, { children: /* @__PURE__ */ c.jsx(qt, { children: e }) });
+function _n({ title: e }) {
+  return /* @__PURE__ */ o.jsx(Le, { children: /* @__PURE__ */ o.jsx(je, { children: e }) });
 }
-const Yt = I.div`
+const Le = C.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -1879,14 +725,14 @@ const Yt = I.div`
   justify-content: center;
   color: black;
   background: #f7e406;
-`, qt = I.h3`
+`, je = C.h3`
   margin: 0;
   padding: 0.5rem 0;
   font-size: 1.5rem;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
-`, Ms = I.p`
+`, Mn = C.p`
   margin: 0;
   height: 1.25rem;
   font-size: 1rem;
@@ -1894,22 +740,22 @@ const Yt = I.div`
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
 `;
-function Vs() {
-  return /* @__PURE__ */ c.jsx(
+function In() {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ c.jsx("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" })
+      children: /* @__PURE__ */ o.jsx("path", { d: "M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z" })
     }
   );
 }
-const xe = yt(
-  ({ shape: e = "circle", ...t }, n) => /* @__PURE__ */ c.jsx(Ns, { ref: n, $shape: e, ...t })
+const G = ge(
+  ({ shape: e = "circle", ...t }, r) => /* @__PURE__ */ o.jsx(Vn, { ref: r, $shape: e, ...t })
 );
-xe.displayName = "PlayerButton";
-const Ns = I.button`
+G.displayName = "PlayerButton";
+const Vn = C.button`
   margin: 0;
   display: flex;
   align-items: center;
@@ -1947,61 +793,61 @@ const Ns = I.button`
     cursor: not-allowed;
   }
 
-  ${({ $shape: e }) => e === "circle" && mt`
+  ${({ $shape: e }) => e === "circle" && Ge`
       padding: 0;
       width: 2rem;
       height: 2rem;
     `}
 
-  ${({ $shape: e }) => e === "square" && mt`
+  ${({ $shape: e }) => e === "square" && Ge`
       padding: 0.25rem 0.5rem;
     `}
 `;
-function Hs({ message: e, ...t }) {
-  const n = B((a) => a.delay), r = B((a) => a.setDelay), o = () => r(0);
-  return n ? /* @__PURE__ */ c.jsxs(xe, { onClick: o, shape: "square", ...t, children: [
-    /* @__PURE__ */ c.jsx("span", { children: e || "Live" }),
-    /* @__PURE__ */ c.jsx(Vs, {})
+function Hn({ message: e, ...t }) {
+  const r = _((d) => d.delay), s = _((d) => d.setDelay), a = () => s(0);
+  return r ? /* @__PURE__ */ o.jsxs(G, { onClick: a, shape: "square", ...t, children: [
+    /* @__PURE__ */ o.jsx("span", { children: e || "Live" }),
+    /* @__PURE__ */ o.jsx(In, {})
   ] }) : null;
 }
-function $s(e, t, n) {
-  const r = {
+function On(e, t, r) {
+  const s = {
     days: 86400,
     hours: 3600,
     minutes: 60,
     seconds: 1,
     milliseconds: 1e-3
   };
-  return e * (r[t] / r[n]);
+  return e * (s[t] / s[r]);
 }
-function zs(e) {
-  return $s(e, "milliseconds", "seconds");
+function An(e) {
+  return On(e, "milliseconds", "seconds");
 }
-const Be = (e) => {
-  const t = Math.floor(e / 60), n = Math.floor(e % 60);
-  return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
+const oe = (e) => {
+  const t = Math.floor(e / 60), r = Math.floor(e % 60);
+  return `${t.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}`;
 };
-function Bs(e) {
+function $n(e) {
   const t = typeof window < "u" && window.navigator?.userAgent || "";
   return e.test(t);
 }
-const hr = Bs(/iPhone|iPad|iPod/i);
-function Us() {
+const ft = $n(/iPhone|iPad|iPod/i);
+function Un() {
   const e = document;
   return !!(e.fullscreenElement || e.mozFullScreenElement || e.webkitFullscreenElement || e.msFullscreenElement);
 }
-function Ws(e) {
+function Bn(e) {
   e.requestFullscreen ? e.requestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitRequestFullScreen ? e.webkitRequestFullScreen() : e.webkitEnterFullScreen ? e.webkitEnterFullScreen() : e.mozRequestFullScreen && e.mozRequestFullScreen();
 }
-function Ys(e) {
+function Nn(e) {
   e.exitFullscreen ? e.exitFullscreen() : e.msExitFullscreen ? e.msExitFullscreen() : e.webkitExitFullscreen ? e.webkitExitFullscreen() : e.mozCancelFullScreen && e.mozCancelFullScreen();
 }
-function qs(e, t) {
+function qn(e, t) {
   return e.addEventListener("fullscreenchange", t), e.addEventListener("webkitfullscreenchange", t), e.addEventListener("mozfullscreenchange", t), e.addEventListener("MSFullscreenChange", t), () => {
     e.removeEventListener("fullscreenchange", t), e.removeEventListener("webkitfullscreenchange", t), e.removeEventListener("mozfullscreenchange", t), e.removeEventListener("MSFullscreenChange", t);
   };
 }
-const Zs = (e, t) => ({
+const zn = () => Tn(), Wn = (e, t) => ({
   currentTime: 0,
   duration: 0,
   isEnded: !1,
@@ -2018,30 +864,32 @@ const Zs = (e, t) => ({
   destroy: () => {
   },
   handleDurationChange: () => {
-    const n = t().techRef.current;
-    n && e({ duration: n.duration });
+    const r = t().techRef.current;
+    r && e({ duration: r.duration });
   },
   handleEnd: () => {
-    t().techRef.current && e({
+    t().techRef.current && (t().eventEmitter.emit("ended"), e({
       isEnded: !0,
       isLoading: !1,
       isMetaLoaded: !1,
       isPlaying: !1
-    });
+    }));
   },
   handleLoadedMetadata: () => {
-    const n = t().techRef.current;
-    n && (n.loop = t().isLoop, n.volume = n.muted ? 0 : 1, t().startTime !== -1 && (n.currentTime = t().startTime), e({
-      currentTime: t().startTime !== -1 ? t().startTime : n.currentTime,
-      duration: n.duration,
+    const r = t().techRef.current;
+    r && (t().eventEmitter.emit("loadedMetadata", {
+      duration: r.duration
+    }), r.loop = t().isLoop, r.volume = r.muted ? 0 : 1, t().startTime !== -1 && (r.currentTime = t().startTime), e({
+      currentTime: t().startTime !== -1 ? t().startTime : r.currentTime,
+      duration: r.duration,
       startTime: -1,
       isMetaLoaded: !0,
-      volume: n.muted ? 0 : 100
+      volume: r.muted ? 0 : 100
     }));
   },
   handleLoadStart: () => {
-    const n = t().techRef.current;
-    n && (e({ isReady: !0 }), n.play().then(() => {
+    const r = t().techRef.current;
+    r && (t().eventEmitter.emit("loadStart"), e({ isReady: !0 }), r.play().then(() => {
       e({
         isEnded: !1,
         isLoading: !1,
@@ -2049,70 +897,92 @@ const Zs = (e, t) => ({
         isStarted: !0,
         pauseTime: 0
       });
-    }).catch(
-      (r) => e(() => (console.info("Player failed to autoplay", r), {
+    }).catch((s) => {
+      e(() => (console.info("Player failed to autoplay", s), {
         isStarted: !1,
         isEnded: !1,
         isLoading: !1,
         isPlaying: !1
-      }))
-    ));
+      }));
+    }));
+  },
+  handlePause: () => {
+    t().techRef.current && (t().eventEmitter.emit("pause"), e({
+      isPlaying: !1,
+      pauseTime: Date.now()
+    }));
+  },
+  handlePlay: () => {
+    t().techRef.current && (t().eventEmitter.emit("play"), e({
+      isPlaying: !0,
+      pauseTime: 0
+    }));
+  },
+  handlePlaying: () => {
+    t().techRef.current && (t().eventEmitter.emit("playing"), e({ isLoading: !1 }));
+  },
+  handleSeeked: () => {
+    t().techRef.current && (t().eventEmitter.emit("seeked"), e({ isLoading: !1 }));
+  },
+  handleSeeking: () => {
+    t().techRef.current && (t().eventEmitter.emit("seeking"), e({ isLoading: !0 }));
   },
-  handlePause: () => e({
-    isPlaying: !1,
-    pauseTime: Date.now()
-  }),
-  handlePlay: () => e({
-    isPlaying: !0,
-    pauseTime: 0
-  }),
-  handlePlaying: () => e({ isLoading: !1 }),
-  handleSeeked: () => e({ isLoading: !1 }),
-  handleSeeking: () => e({ isLoading: !0 }),
   handleTimeUpdate: () => {
-    const n = t().techRef.current;
-    n && e({ currentTime: n.currentTime });
+    const r = t().techRef.current;
+    r && (t().eventEmitter.emit("timeUpdate", {
+      currentTime: r.currentTime,
+      duration: r.duration
+    }), e({ currentTime: r.currentTime }));
+  },
+  handleWaiting: () => {
+    t().techRef.current && (t().eventEmitter.emit("waiting"), e({ isLoading: !0 }));
+  },
+  handleVolumeChange: () => {
+    const r = t().techRef.current;
+    r && t().eventEmitter.emit("volumeChange", { volume: r.volume });
+  },
+  handleError: (r) => {
+    t().techRef.current && t().eventEmitter.emit("error", r);
   },
-  handleWaiting: () => e({ isLoading: !0 }),
   pause: () => {
-    const n = t().techRef.current;
-    n && (n.pause(), e({
+    const r = t().techRef.current;
+    r && (r.pause(), e({
       isEnded: !1,
       isPlaying: !1,
       pauseTime: Date.now()
     }));
   },
   getPauseTimeDiff: () => !t().isStarted || !t().pauseTime ? 0 : parseInt(
-    zs(Date.now() - t().pauseTime).toFixed(0)
+    An(Date.now() - t().pauseTime).toFixed(0)
   ),
   play: () => {
-    const n = t().techRef.current;
-    n && (n.play(), e({
+    const r = t().techRef.current;
+    r && (r.play(), e({
       isEnded: !1,
       isPlaying: !0,
       isStarted: !0,
       pauseTime: 0
     }));
   },
-  seek: (n) => {
-    const r = t().techRef.current;
-    r && (r.currentTime = n, (r.paused || r.ended) && r.play(), e({
+  seek: (r) => {
+    const s = t().techRef.current;
+    s && (s.currentTime = r, (s.paused || s.ended) && s.play(), e({
       seekTime: -1,
-      currentTime: n,
+      currentTime: r,
       isStarted: !0,
       isEnded: !1,
       isPlaying: !0
     }));
   },
-  setIsLoading: (n) => e({ isLoading: n }),
-  setIsLoop: (n) => {
-    const r = t().techRef.current;
-    r && (r.loop = n, e({ isLoop: n }));
+  setIsLoading: (r) => e({ isLoading: r }),
+  setIsLoop: (r) => {
+    const s = t().techRef.current;
+    s && (s.loop = r, e({ isLoop: r }));
   },
-  setStartTime: (n) => e({ startTime: n }),
-  setVolume: (n) => {
-    const r = t().techRef.current;
-    r && (r.muted = n === 0, r.volume = n / 100, e({ volume: n }));
+  setStartTime: (r) => e({ startTime: r }),
+  setVolume: (r) => {
+    const s = t().techRef.current;
+    s && (s.muted = r === 0, s.volume = r / 100, e({ volume: r }));
   },
   stop: () => {
     t().techRef.current && e({
@@ -2120,179 +990,188 @@ const Zs = (e, t) => ({
       isLoading: !1
     });
   }
-}), Gs = (e) => ({
+}), Zn = (e) => ({
   idleLocks: /* @__PURE__ */ new Set(),
-  addIdleLock: (t) => e((n) => ({
-    idleLocks: new Set(n.idleLocks).add(t)
+  addIdleLock: (t) => e((r) => ({
+    idleLocks: new Set(r.idleLocks).add(t)
   })),
-  removeIdleLock: (t) => e((n) => {
-    const r = new Set(n.idleLocks);
-    return r.delete(t), { idleLocks: r };
+  removeIdleLock: (t) => e((r) => {
+    const s = new Set(r.idleLocks);
+    return s.delete(t), { idleLocks: s };
   })
-}), Ks = (e) => ({
+}), Yn = (e, t) => ({
   level: null,
   levels: null,
-  setLevels: (t) => e({ levels: t }),
-  setLevel: (t) => e({ level: t })
-}), Xs = (e, t) => ({
+  setLevels: (r) => e({ levels: r }),
+  setLevel: (r) => {
+    r && t().eventEmitter.emit("qualityChange", { level: r }), e({ level: r });
+  }
+}), Kn = (e, t) => ({
   isFullscreen: !1,
   isFullscreenReady: !1,
   exitFullscreen: () => {
-    Ys(document), e({ isFullscreen: !1 });
+    t().eventEmitter.emit("fullscreenChange", { isFullscreen: !1 }), Nn(document), e({ isFullscreen: !1 });
   },
   requestFullscreen: () => {
-    const n = t().techRef.current, r = t().containerRef.current;
-    if (!n || !r) return;
-    const o = hr ? n : r;
-    o && Ws(o), e({ isFullscreen: !0 });
+    const r = t().techRef.current, s = t().containerRef.current;
+    if (!r || !s) return;
+    t().eventEmitter.emit("fullscreenChange", { isFullscreen: !0 });
+    const a = ft ? r : s;
+    a && Bn(a), e({ isFullscreen: !0 });
   },
-  setIsFullscreen: (n) => e({ isFullscreen: n }),
-  setIsFullscreenReady: (n) => e({ isFullscreenReady: n })
-}), Js = (e) => () => ({
+  setIsFullscreen: (r) => e({ isFullscreen: r }),
+  setIsFullscreenReady: (r) => e({ isFullscreenReady: r })
+}), Xn = () => ({
+  eventEmitter: zn()
+}), Jn = (e) => () => ({
   ...e
-}), Qs = (e, t) => Hn()((...n) => ({
-  ...Zs(...n),
-  ...Gs(...n),
-  ...Xs(...n),
-  ...Ks(...n),
-  ...Js({ techRef: e, containerRef: t })(...n)
-})), mr = Nn(null);
-function ei({ children: e }) {
-  const t = Z(null), n = Z(null), r = Z(null);
-  return t.current || (t.current = Qs(n, r)), /* @__PURE__ */ c.jsx(mr.Provider, { value: t.current, children: e });
-}
-const p = (e) => {
-  const t = Zt(mr);
+}), Gn = (e, t) => ct()((...r) => ({
+  ...Wn(...r),
+  ...Zn(...r),
+  ...Kn(...r),
+  ...Yn(...r),
+  ...Xn(...r),
+  ...Jn({
+    techRef: e,
+    containerRef: t
+  })(...r)
+})), mt = at(null);
+function Qn({ children: e }) {
+  const t = $(null), r = $(null), s = $(null);
+  return t.current || (t.current = Gn(r, s)), /* @__PURE__ */ o.jsx(mt.Provider, { value: t.current, children: e });
+}
+const c = (e) => {
+  const t = lt(mt);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
-  return $n(t, e);
+  return ut(t, e);
 };
-function gr() {
-  const e = p((i) => i.exitFullscreen), t = p((i) => i.isFullscreen), n = p((i) => i.isFullscreenReady), r = p((i) => i.requestFullscreen), o = p((i) => i.setVolume), a = p((i) => i.volume), u = N(
+function ht() {
+  const e = c((i) => i.exitFullscreen), t = c((i) => i.isFullscreen), r = c((i) => i.isFullscreenReady), s = c((i) => i.requestFullscreen), a = c((i) => i.setVolume), d = c((i) => i.volume), h = I(
     (i) => {
-      let l = !1;
+      let u = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
         switch (i.code) {
           case "ArrowUp":
-            o(a + 10 < 100 ? a + 10 : 100), l = !0;
+            a(d + 10 < 100 ? d + 10 : 100), u = !0;
             break;
           case "ArrowDown":
-            o(a - 10 > 0 ? a - 10 : 0), l = !0;
+            a(d - 10 > 0 ? d - 10 : 0), u = !0;
             break;
           case "KeyM":
-            o(a === 0 ? 100 : 0), l = !0;
+            a(d === 0 ? 100 : 0), u = !0;
             break;
           case "KeyF":
-            n && (t ? e() : r(), l = !0);
+            r && (t ? e() : s(), u = !0);
             break;
         }
-        l && i.preventDefault();
+        u && i.preventDefault();
       }
     },
     [
       e,
       t,
-      n,
       r,
-      o,
-      a
+      s,
+      a,
+      d
     ]
   );
-  return Y(() => (document.addEventListener("keydown", u), () => {
-    document.removeEventListener("keydown", u);
-  }), [u]), null;
+  return M(() => (document.addEventListener("keydown", h), () => {
+    document.removeEventListener("keydown", h);
+  }), [h]), null;
 }
-function ti() {
-  const e = B((i) => i.delay), t = p((i) => i.isPlaying), n = p((i) => i.pause), r = p((i) => i.getPauseTimeDiff), o = p((i) => i.play), a = B((i) => i.setDelay), u = N(
+function er() {
+  const e = _((i) => i.delay), t = c((i) => i.isPlaying), r = c((i) => i.pause), s = c((i) => i.getPauseTimeDiff), a = c((i) => i.play), d = _((i) => i.setDelay), h = I(
     (i) => {
-      let l = !1;
+      let u = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
         switch (i.code) {
           case "ArrowLeft":
-            a(e + 10), l = !0;
+            d(e + 10), u = !0;
             break;
           case "ArrowRight":
-            a(e - 10 > 0 ? e - 10 : 0), l = !0;
+            d(e - 10 > 0 ? e - 10 : 0), u = !0;
             break;
           case "Space":
             if (t)
-              n();
+              r();
             else {
-              const d = r();
-              d && a(e + d), o();
+              const f = s();
+              f && d(e + f), a();
             }
-            l = !0;
+            u = !0;
             break;
         }
-        l && i.preventDefault();
+        u && i.preventDefault();
       }
     },
-    [e, r, t, n, o, a]
+    [e, s, t, r, a, d]
   );
-  return Y(() => (document.addEventListener("keydown", u), () => {
-    document.removeEventListener("keydown", u);
-  }), [u]), /* @__PURE__ */ c.jsx(gr, {});
+  return M(() => (document.addEventListener("keydown", h), () => {
+    document.removeEventListener("keydown", h);
+  }), [h]), /* @__PURE__ */ o.jsx(ht, {});
 }
-function yr() {
-  return /* @__PURE__ */ c.jsx(
+function pt() {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ c.jsx("path", { d: "M6 5H8V19H6V5ZM16 5H18V19H16V5Z" })
+      children: /* @__PURE__ */ o.jsx("path", { d: "M6 5H8V19H6V5ZM16 5H18V19H16V5Z" })
     }
   );
 }
-function vr() {
-  return /* @__PURE__ */ c.jsx(
+function vt() {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ c.jsx("path", { d: "M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z" })
+      children: /* @__PURE__ */ o.jsx("path", { d: "M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z" })
     }
   );
 }
-function ni() {
-  const e = p((i) => i.isPlaying), t = p((i) => i.pause), n = p((i) => i.getPauseTimeDiff), r = p((i) => i.play), o = B((i) => i.delay), a = B((i) => i.setDelay), u = () => {
+function tr() {
+  const e = c((i) => i.isPlaying), t = c((i) => i.pause), r = c((i) => i.getPauseTimeDiff), s = c((i) => i.play), a = _((i) => i.delay), d = _((i) => i.setDelay), h = () => {
     if (e)
       t();
     else {
-      const i = n();
-      i && a(o + i), r();
+      const i = r();
+      i && d(a + i), s();
     }
   };
-  return /* @__PURE__ */ c.jsx(xe, { onClick: u, children: e ? /* @__PURE__ */ c.jsx(yr, {}) : /* @__PURE__ */ c.jsx(vr, {}) });
+  return /* @__PURE__ */ o.jsx(G, { onClick: h, children: e ? /* @__PURE__ */ o.jsx(pt, {}) : /* @__PURE__ */ o.jsx(vt, {}) });
 }
-function wr({
+function gt({
   className: e,
   onClick: t,
-  ...n
+  ...r
 }) {
-  const r = Z(null), o = p((m) => m.exitFullscreen), a = p((m) => m.isFullscreen), u = p((m) => m.requestFullscreen), i = (m) => {
-    h() ? (d(), a ? o() : u()) : l(m);
-  }, l = (m) => {
-    r.current = window.setTimeout(() => {
-      t?.(m), d();
+  const s = $(null), a = c((x) => x.exitFullscreen), d = c((x) => x.isFullscreen), h = c((x) => x.requestFullscreen), i = (x) => {
+    w() ? (f(), d ? a() : h()) : u(x);
+  }, u = (x) => {
+    s.current = window.setTimeout(() => {
+      t?.(x), f();
     }, 200);
-  }, d = () => {
-    r.current !== null && (window.clearTimeout(r.current), r.current = null);
-  }, h = () => r.current !== null;
-  return Y(() => () => {
-    d();
-  }, []), /* @__PURE__ */ c.jsx(
-    ri,
+  }, f = () => {
+    s.current !== null && (window.clearTimeout(s.current), s.current = null);
+  }, w = () => s.current !== null;
+  return M(() => () => {
+    f();
+  }, []), /* @__PURE__ */ o.jsx(
+    nr,
     {
       onClick: i,
       className: e,
       "aria-label": "Player playback indicator",
-      ...n
+      ...r
     }
   );
 }
-const ri = I.button`
+const nr = C.button`
   position: absolute;
   top: 0;
   left: 0;
@@ -2311,22 +1190,22 @@ const ri = I.button`
     outline: none;
   }
 `;
-function oi() {
-  const e = p((i) => i.isPlaying), t = p((i) => i.pause), n = p((i) => i.getPauseTimeDiff), r = p((i) => i.play), o = B((i) => i.delay), a = B((i) => i.setDelay), u = () => {
+function rr() {
+  const e = c((i) => i.isPlaying), t = c((i) => i.pause), r = c((i) => i.getPauseTimeDiff), s = c((i) => i.play), a = _((i) => i.delay), d = _((i) => i.setDelay), h = () => {
     if (e)
       t();
     else {
-      const i = n();
-      i && a(o + i), r();
+      const i = r();
+      i && d(a + i), s();
     }
   };
-  return /* @__PURE__ */ c.jsx(wr, { onClick: u });
+  return /* @__PURE__ */ o.jsx(gt, { onClick: h });
 }
-const br = I.div`
+const yt = C.div`
   position: relative;
   width: 100%;
   margin-bottom: -0.25rem;
-`, xr = I.div`
+`, xt = C.div`
   position: absolute;
   bottom: 1.75rem;
   left: 0;
@@ -2337,7 +1216,7 @@ const br = I.div`
   opacity: ${({ $isVisible: e }) => e ? 1 : 0};
   transform: ${({ $isVisible: e }) => e ? "translateY(0)" : "translateY(-0.5rem)"};
   transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
-`, Sr = I.p`
+`, wt = C.p`
   margin: 0;
   padding: 0.25rem;
   font-variant-numeric: tabular-nums;
@@ -2349,27 +1228,27 @@ const br = I.div`
   color: white;
   background: rgba(0, 0, 0, 0.8);
   border-radius: 1rem;
-`, Pt = yt(({ max: e = 100, min: t = 0, ...n }, r) => /* @__PURE__ */ c.jsxs(
-  si,
+`, xe = ge(({ max: e = 100, min: t = 0, ...r }, s) => /* @__PURE__ */ o.jsxs(
+  or,
   {
-    ref: r,
+    ref: s,
     min: t,
     max: e,
     "aria-label": "Player progress",
-    onKeyDown: (o) => (
+    onKeyDown: (a) => (
       // Prevent the slider from being controlled by the keyboard
       // when the slider is focused by a click
-      o.preventDefault()
+      a.preventDefault()
     ),
-    ...n,
+    ...r,
     children: [
-      /* @__PURE__ */ c.jsx(ii, { children: /* @__PURE__ */ c.jsx(ai, {}) }),
-      /* @__PURE__ */ c.jsx(ci, {})
+      /* @__PURE__ */ o.jsx(ir, { children: /* @__PURE__ */ o.jsx(sr, {}) }),
+      /* @__PURE__ */ o.jsx(ar, {})
     ]
   }
 ));
-Pt.displayName = "PlayerSlider";
-const si = I(vt.Root)`
+xe.displayName = "PlayerSlider";
+const or = C(ye.Root)`
   position: relative;
   display: flex;
   align-items: center;
@@ -2383,20 +1262,20 @@ const si = I(vt.Root)`
     cursor: not-allowed;
     opacity: 0.5;
   }
-`, ii = I(vt.Track)`
+`, ir = C(ye.Track)`
   position: relative;
   height: 0.25rem;
   flex-grow: 1;
   background: rgba(255, 255, 255, 0.2);
   border-radius: 1rem;
   overflow: hidden;
-`, ai = I(vt.Range)`
+`, sr = C(ye.Range)`
   position: absolute;
   height: 100%;
   background: #f7e406;
   transition: width 0.2s ease-in-out;
   border-radius: 1rem;
-`, ci = I(vt.Thumb)`
+`, ar = C(ye.Thumb)`
   display: block;
   width: 0.875rem;
   height: 0.875rem;
@@ -2420,7 +1299,7 @@ const si = I(vt.Root)`
     opacity: 0.5;
   }
 `;
-function gt(e) {
+function ve(e) {
   const t = e.getBoundingClientRect();
   return e.offsetWidth / e.offsetHeight > e.clientWidth / e.clientHeight ? {
     left: t.left * 100,
@@ -2431,95 +1310,95 @@ function gt(e) {
     height: t.height * 100
   } : t;
 }
-const kr = (e, t = 0) => parseInt(
+const bt = (e, t = 0) => parseInt(
   Math.max(0, (Date.now() - (e + t * 1e3)) / 1e3).toFixed(0)
-), Er = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Tr = (e, t) => Math.max(0, (t - e) / 1e3), li = (e, t = 0) => {
-  const r = t < 0 ? 0 : t, o = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], a = Math.floor(Math.log(e) / Math.log(1024));
-  return `${parseFloat((e / Math.pow(1024, a)).toFixed(r))}${o[a]}`;
+), Et = (e, t) => Math.max(0, (Date.now() - e - t * 1e3) / 1e3), Tt = (e, t) => Math.max(0, (t - e) / 1e3), lr = (e, t = 0) => {
+  const s = t < 0 ? 0 : t, a = ["bytes", "kb", "mb", "gb", "tb", "pb", "eb", "zb", "yb"], d = Math.floor(Math.log(e) / Math.log(1024));
+  return `${parseFloat((e / Math.pow(1024, d)).toFixed(s))}${a[d]}`;
 };
-function ui({
+function cr({
   isAuto: e,
   level: t,
-  levels: n
+  levels: r
 }) {
-  const r = n.length, o = [];
-  return r > 1 && o.push({
+  const s = r.length, a = [];
+  return s > 1 && a.push({
     sid: "quality-level-auto",
     label: "Auto",
     value: -1,
     selected: e || t === -1
-  }), n.sort(function(a, u) {
-    const i = a.height || a.bitrate || 0, l = u.height || u.bitrate || 0;
-    return i === l ? 0 : i > l ? 1 : -1;
-  }), n.map((a) => {
-    const { bitrate: u, height: i, index: l } = a;
-    o.push({
-      sid: `quality-level-${l}`,
-      label: i ? `${i}p` : li(u),
-      value: l,
-      selected: r === 1 || !e && l === t
+  }), r.sort(function(d, h) {
+    const i = d.height || d.bitrate || 0, u = h.height || h.bitrate || 0;
+    return i === u ? 0 : i > u ? 1 : -1;
+  }), r.map((d) => {
+    const { bitrate: h, height: i, index: u } = d;
+    a.push({
+      sid: `quality-level-${u}`,
+      label: i ? `${i}p` : lr(h),
+      value: u,
+      selected: s === 1 || !e && u === t
     });
-  }), o;
-}
-const On = "vod-player-progress-bar";
-function di() {
-  const e = Z(null), t = Z(null), [n, r] = q(0), [o, a] = q(0), [u, i] = q(!1), [l, d] = q(-1), [h, m] = q(-1), x = B((D) => D.delay), S = B((D) => D.startTime), C = B((D) => D.endTime), j = B((D) => D.setDelay), V = p((D) => D.isPlaying), b = p((D) => D.addIdleLock), w = p((D) => D.removeIdleLock), v = N(() => {
-    r(Er(S, x)), a(Tr(S, C));
-  }, [x, C, S]), y = parseFloat(
-    (o ? (h !== -1 ? h : n) / o * 100 : 0).toFixed(1)
-  ), _ = (D) => {
-    m(o * (D[0] / 100)), b(On);
-  }, T = () => {
-    if (h !== -1) {
-      const D = kr(S, h);
-      j(D), m(-1), w(On);
-    }
-  }, k = () => i(!0), U = () => i(!1), J = N(
-    (D) => {
-      const _e = e.current, pe = t.current;
-      if (_e && pe) {
-        const G = gt(_e), ne = gt(pe), de = (D.pageX || D.clientX) - G.left, Se = de / G.width;
-        if (Se < 0) return;
-        let Q = de - ne.width / 2;
-        Q < 0 && (Q = 0), Q > G.width - ne.width && (Q = -1), pe.style.left = Q > -1 ? `${Q}px` : "auto", pe.style.right = Q > -1 ? "auto" : "0px", d(Se * o);
+  }), a;
+}
+const nt = "vod-player-progress-bar";
+function ur() {
+  const e = $(null), t = $(null), [r, s] = H(0), [a, d] = H(0), [h, i] = H(!1), [u, f] = H(-1), [w, x] = H(-1), L = _((R) => R.delay), j = _((R) => R.startTime), V = _((R) => R.endTime), U = _((R) => R.setDelay), F = c((R) => R.isPlaying), g = c((R) => R.addIdleLock), E = c((R) => R.removeIdleLock), T = I(() => {
+    s(Et(j, L)), d(Tt(j, V));
+  }, [L, V, j]), B = parseFloat(
+    (a ? (w !== -1 ? w : r) / a * 100 : 0).toFixed(1)
+  ), v = (R) => {
+    x(a * (R[0] / 100)), g(nt);
+  }, Y = () => {
+    if (w !== -1) {
+      const R = bt(j, w);
+      U(R), x(-1), E(nt);
+    }
+  }, X = () => i(!0), K = () => i(!1), Q = I(
+    (R) => {
+      const ue = e.current, ee = t.current;
+      if (ue && ee) {
+        const N = ve(ue), W = ve(ee), J = (R.pageX || R.clientX) - N.left, ie = J / N.width;
+        if (ie < 0) return;
+        let Z = J - W.width / 2;
+        Z < 0 && (Z = 0), Z > N.width - W.width && (Z = -1), ee.style.left = Z > -1 ? `${Z}px` : "auto", ee.style.right = Z > -1 ? "auto" : "0px", f(ie * a);
       }
-      k();
+      X();
     },
-    [o]
+    [a]
   );
-  return wt(() => v(), V ? 1e3 : null), Y(() => {
-    v();
-  }, [v]), /* @__PURE__ */ c.jsxs(br, { children: [
-    /* @__PURE__ */ c.jsx(
-      Pt,
+  return ke(() => T(), F ? 1e3 : null), M(() => {
+    T();
+  }, [T]), /* @__PURE__ */ o.jsxs(yt, { children: [
+    /* @__PURE__ */ o.jsx(
+      xe,
       {
         ref: e,
-        value: [y],
-        onPointerLeave: U,
-        onPointerDown: U,
-        onPointerMove: J,
-        onValueChange: _,
-        onValueCommit: T,
+        value: [B],
+        onPointerLeave: K,
+        onPointerDown: K,
+        onPointerMove: Q,
+        onValueChange: v,
+        onValueCommit: Y,
         step: 0.1
       }
     ),
-    /* @__PURE__ */ c.jsx(xr, { ref: t, $isVisible: u, children: /* @__PURE__ */ c.jsx(Sr, { children: Be(l) }) })
+    /* @__PURE__ */ o.jsx(xt, { ref: t, $isVisible: h, children: /* @__PURE__ */ o.jsx(wt, { children: oe(u) }) })
   ] });
 }
-function Pr({ children: e }) {
-  return /* @__PURE__ */ c.jsx(ei, { children: e });
+function Ct({ children: e }) {
+  return /* @__PURE__ */ o.jsx(Qn, { children: e });
 }
-function fi({
+function dr({
   children: e,
   startDate: t,
-  endDate: n
+  endDate: r
 }) {
-  return /* @__PURE__ */ c.jsx(Co, { startDate: t, endDate: n, children: /* @__PURE__ */ c.jsx(Pr, { children: e }) });
+  return /* @__PURE__ */ o.jsx(kn, { startDate: t, endDate: r, children: /* @__PURE__ */ o.jsx(Ct, { children: e }) });
 }
-const Cr = I.div`
+const Rt = C.div`
   display: flex;
   align-items: center;
-`, Rr = I.p`
+`, St = C.p`
   margin: 0;
   padding: 0;
   font-variant-numeric: tabular-nums;
@@ -2527,11 +1406,11 @@ const Cr = I.div`
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
-`, jr = I(Rr)`
+`, Pt = C(St)`
   margin-right: 0.5rem;
-`, Lr = I(Rr)`
+`, Lt = C(St)`
   margin-left: 0.5rem;
-`, _r = I.p`
+`, jt = C.p`
   margin: 0;
   padding: 0;
   font-size: 0.8125rem;
@@ -2543,162 +1422,161 @@ const Cr = I.div`
     content: "/";
   }
 `;
-function pi() {
-  const [e, t] = q(0), [n, r] = q(0), o = p((d) => d.isPlaying), a = B((d) => d.delay), u = B((d) => d.startTime), i = B((d) => d.endTime), l = N(() => {
-    t(Er(u, a)), r(Tr(u, i));
-  }, [a, i, u]);
-  return wt(() => l(), o ? 1e3 : null), Y(() => {
-    l();
-  }, [l]), a ? /* @__PURE__ */ c.jsxs(Cr, { children: [
-    /* @__PURE__ */ c.jsx(jr, { children: Be(e) }),
-    /* @__PURE__ */ c.jsx(_r, {}),
-    /* @__PURE__ */ c.jsx(Lr, { children: Be(n) })
+function fr() {
+  const [e, t] = H(0), [r, s] = H(0), a = c((f) => f.isPlaying), d = _((f) => f.delay), h = _((f) => f.startTime), i = _((f) => f.endTime), u = I(() => {
+    t(Et(h, d)), s(Tt(h, i));
+  }, [d, i, h]);
+  return ke(() => u(), a ? 1e3 : null), M(() => {
+    u();
+  }, [u]), d ? /* @__PURE__ */ o.jsxs(Rt, { children: [
+    /* @__PURE__ */ o.jsx(Pt, { children: oe(e) }),
+    /* @__PURE__ */ o.jsx(jt, {}),
+    /* @__PURE__ */ o.jsx(Lt, { children: oe(r) })
   ] }) : null;
 }
-function hi() {
-  return /* @__PURE__ */ c.jsx(
+function mr() {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ c.jsx("path", { d: "M22 12C22 17.5228 17.5229 22 12 22C6.4772 22 2 17.5228 2 12C2 6.47715 6.4772 2 12 2V4C7.5817 4 4 7.58172 4 12C4 16.4183 7.5817 20 12 20C16.4183 20 20 16.4183 20 12C20 9.53614 18.8862 7.33243 17.1346 5.86492L15 8V2L21 2L18.5535 4.44656C20.6649 6.28002 22 8.9841 22 12Z" })
+      children: /* @__PURE__ */ o.jsx("path", { d: "M22 12C22 17.5228 17.5229 22 12 22C6.4772 22 2 17.5228 2 12C2 6.47715 6.4772 2 12 2V4C7.5817 4 4 7.58172 4 12C4 16.4183 7.5817 20 12 20C16.4183 20 20 16.4183 20 12C20 9.53614 18.8862 7.33243 17.1346 5.86492L15 8V2L21 2L18.5535 4.44656C20.6649 6.28002 22 8.9841 22 12Z" })
     }
   );
 }
-function mi() {
-  const e = B((r) => r.startTime), t = B((r) => r.setDelay), n = () => t(kr(e));
-  return /* @__PURE__ */ c.jsx(xe, { onClick: n, children: /* @__PURE__ */ c.jsx(hi, {}) });
-}
-function gi({ url: e, isLive: t }) {
-  const n = Z(null), r = p((b) => b.level), o = p((b) => b.levels), a = p((b) => b.setLevel), u = p((b) => b.setLevels), i = p((b) => b.techRef), l = p((b) => b.isStarted), [d, h] = q(!1), m = N(
-    (b) => {
-      if (n.current && (n.current.nextLevel = b, a(null), o)) {
-        const w = o.map((v) => ({
-          ...v,
-          selected: v.value === b
+function hr() {
+  const e = _((s) => s.startTime), t = _((s) => s.setDelay), r = () => t(bt(e));
+  return /* @__PURE__ */ o.jsx(G, { onClick: r, children: /* @__PURE__ */ o.jsx(mr, {}) });
+}
+function pr({ url: e, isLive: t }) {
+  const r = $(null), s = c((g) => g.level), a = c((g) => g.levels), d = c((g) => g.setLevel), h = c((g) => g.setLevels), i = c((g) => g.techRef), u = c((g) => g.isStarted), [f, w] = H(!1), x = I(
+    (g) => {
+      if (r.current && (r.current.nextLevel = g, d(null), a)) {
+        const E = a.map((T) => ({
+          ...T,
+          selected: T.value === g
         }));
-        u(w);
+        h(E);
       }
     },
-    [o, a, u, n]
-  ), x = N(() => {
-    n.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), n.current.loadSource(e));
-  }, [e]), S = N(() => {
-    if (!n.current) return;
+    [a, d, h, r]
+  ), L = I(() => {
+    r.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), r.current.loadSource(e));
+  }, [e]), j = I(() => {
+    if (!r.current) return;
     console.log("[Player][HLS] MANIFEST_LOADED");
-    const b = n.current.levels, w = n.current.currentLevel, v = n.current.autoLevelEnabled;
-    u(
-      ui({
-        levels: b.map((y, _) => {
-          const { bitrate: T, height: k, width: U } = y;
+    const g = r.current.levels, E = r.current.currentLevel, T = r.current.autoLevelEnabled;
+    h(
+      cr({
+        levels: g.map((B, v) => {
+          const { bitrate: Y, height: X, width: K } = B;
           return {
-            bitrate: T,
-            height: k,
-            index: _,
-            width: U
+            bitrate: Y,
+            height: X,
+            index: v,
+            width: K
           };
         }),
-        level: w,
-        isAuto: v
+        level: E,
+        isAuto: T
       })
     );
-  }, [u]), C = N(
+  }, [h]), V = I(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    (b, w) => {
-      if (console.error("[Player][HLS] ERROR", b, w), !!n.current)
-        switch (w.type) {
-          case se.ErrorTypes.NETWORK_ERROR:
-            w.fatal && n.current.startLoad();
+    (g, E) => {
+      if (console.error("[Player][HLS] ERROR", g, E), !!r.current)
+        switch (E.type) {
+          case z.ErrorTypes.NETWORK_ERROR:
+            E.fatal && r.current.startLoad();
             break;
-          case se.ErrorTypes.MEDIA_ERROR:
-            if (w.fatal) n.current.recoverMediaError();
-            else if (w.details === se.ErrorDetails.BUFFER_STALLED_ERROR && t && !d) {
-              h(!0), console.log(
+          case z.ErrorTypes.MEDIA_ERROR:
+            if (E.fatal) r.current.recoverMediaError();
+            else if (E.details === z.ErrorDetails.BUFFER_STALLED_ERROR && t && !f) {
+              w(!0), console.log(
                 "[Player][HLS] Stream failed, attempting failover retry..."
               );
               try {
-                console.log("[Player][HLS] Retrying stream..."), n.current.loadSource(e);
-              } catch (v) {
-                console.error("[Player][HLS] Failover retry failed:", v);
+                console.log("[Player][HLS] Retrying stream..."), r.current.loadSource(e);
+              } catch (T) {
+                console.error("[Player][HLS] Failover retry failed:", T);
               }
             }
             break;
         }
     },
-    [t, d, e]
-  ), j = N(() => {
+    [t, f, e]
+  ), U = I(() => {
     if (!i.current) return;
-    const b = {
+    const g = {
       backBufferLength: 10,
       startLevel: -1,
       maxBufferSize: 30 * 1024 * 1024
       // 30MB
-    }, w = {
+    }, E = {
       backBufferLength: 60,
       startLevel: -1,
       maxBufferSize: 30 * 1024 * 1024
       // 30MB
-    }, v = t ? b : w;
+    }, T = t ? g : E;
     try {
-      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(v)), console.log("[Player][HLS] Version", se.version), n.current = new se(v), n.current.attachMedia(i.current), n.current.on(se.Events.MEDIA_ATTACHED, x), n.current.on(se.Events.MANIFEST_LOADED, S), n.current.on(se.Events.ERROR, C);
-    } catch (y) {
-      throw new Error(`Error initializing Hls: ${y}`);
+      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(T)), console.log("[Player][HLS] Version", z.version), r.current = new z(T), r.current.attachMedia(i.current), r.current.on(z.Events.MEDIA_ATTACHED, L), r.current.on(z.Events.MANIFEST_LOADED, j), r.current.on(z.Events.ERROR, V);
+    } catch (B) {
+      throw new Error(`Error initializing Hls: ${B}`);
     }
   }, [
-    S,
-    x,
-    C,
+    j,
+    L,
+    V,
     t,
     i,
     e
-  ]), V = N(() => {
-    n.current && (n.current.off(se.Events.MEDIA_ATTACHED, x), n.current.off(se.Events.MANIFEST_LOADED, S), n.current.off(se.Events.ERROR, C), n.current.destroy(), n.current = null), h(!1);
-  }, [S, x, C]);
-  return Y(() => {
-    r !== null && m(r);
-  }, [r, m]), Y(() => {
-    l && h(!1);
-  }, [l]), Y(() => (se.isSupported() && j(), V), [V, j]), null;
-}
-function Ir({ url: e, isLive: t, isMuted: n = !1 }) {
-  const r = p((y) => y.handleDurationChange), o = p((y) => y.handleEnd), a = p((y) => y.handleLoadedMetadata), u = p((y) => y.handleLoadStart), i = p((y) => y.handlePause), l = p((y) => y.handlePlay), d = p((y) => y.handlePlaying), h = p((y) => y.handleSeeked), m = p((y) => y.handleSeeking), x = p((y) => y.handleTimeUpdate), S = p((y) => y.handleWaiting), C = p((y) => y.techRef), j = Z(null), V = (y) => {
-    console.error("[Player][Native] ERROR", y);
-  }, b = () => t ? {} : {
-    onDurationChange: r,
-    onSeeked: h,
-    onSeeking: m,
-    onTimeUpdate: w
-  }, w = () => {
-    (!j.current || Date.now() - j.current >= 1e3) && (x(), j.current = Date.now());
-  }, v = b();
-  return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-    /* @__PURE__ */ c.jsx(gi, { isLive: t, url: e }),
-    /* @__PURE__ */ c.jsx(
-      yi,
+  ]), F = I(() => {
+    r.current && (r.current.off(z.Events.MEDIA_ATTACHED, L), r.current.off(z.Events.MANIFEST_LOADED, j), r.current.off(z.Events.ERROR, V), r.current.destroy(), r.current = null), w(!1);
+  }, [j, L, V]);
+  return M(() => {
+    s !== null && x(s);
+  }, [s, x]), M(() => {
+    u && w(!1);
+  }, [u]), M(() => (z.isSupported() && U(), F), [F, U]), null;
+}
+function kt({ url: e, isLive: t, isMuted: r = !1 }) {
+  const s = c((v) => v.handleDurationChange), a = c((v) => v.handleEnd), d = c((v) => v.handleLoadedMetadata), h = c((v) => v.handleLoadStart), i = c((v) => v.handlePause), u = c((v) => v.handlePlay), f = c((v) => v.handlePlaying), w = c((v) => v.handleSeeked), x = c((v) => v.handleSeeking), L = c((v) => v.handleTimeUpdate), j = c((v) => v.handleWaiting), V = c((v) => v.handleVolumeChange), U = c((v) => v.handleError), F = c((v) => v.techRef), g = $(null), E = () => t ? {} : {
+    onDurationChange: s,
+    onSeeked: w,
+    onSeeking: x,
+    onTimeUpdate: T
+  }, T = () => {
+    (!g.current || Date.now() - g.current >= 1e3) && (L(), g.current = Date.now());
+  }, B = E();
+  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx(pr, { isLive: t, url: e }),
+    /* @__PURE__ */ o.jsx(
+      vr,
       {
-        ref: C,
+        ref: F,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
-        muted: n,
+        muted: r,
         preload: "auto",
         crossOrigin: "anonymous",
-        onEnded: o,
-        onError: V,
-        onLoadedMetadata: a,
-        onLoadStart: u,
+        onEnded: a,
+        onError: U,
+        onLoadedMetadata: d,
+        onLoadStart: h,
         onPause: i,
-        onPlay: l,
-        onPlaying: d,
-        onWaiting: S,
+        onPlay: u,
+        onPlaying: f,
+        onWaiting: j,
+        onVolumeChange: V,
         tabIndex: -1,
-        ...v
+        ...B
       }
     )
   ] });
 }
-const yi = I.video`
+const vr = C.video`
   position: relative;
   width: 100%;
   height: 100%;
@@ -2707,17 +1585,26 @@ const yi = I.video`
     pointer-events: none;
   }
 `;
-function vi({ url: e }) {
-  const [t, n] = q(null), r = B((a) => a.delay), o = N(async () => {
-    n(
-      r ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${r}.m3u8`) : e
+function gr({ url: e }) {
+  const [t, r] = H(null), s = _((d) => d.delay), a = I(async () => {
+    r(
+      s ? e.replace("-live", "-catchup").replace("playlist.m3u8", `playlist_fmp4_dvr_timeshift-${s}.m3u8`) : e
     );
-  }, [r, e]);
-  return Y(() => {
-    o();
-  }, [o]), t ? /* @__PURE__ */ c.jsx(Ir, { url: t, isLive: !0 }) : null;
+  }, [s, e]);
+  return M(() => {
+    a();
+  }, [a]), t ? /* @__PURE__ */ o.jsx(kt, { url: t, isLive: !0 }) : null;
+}
+function Ft({ callback: e }) {
+  const t = c((r) => r.eventEmitter);
+  return M(() => {
+    const r = () => e("play", void 0), s = () => e("pause", void 0), a = () => e("ended", void 0), d = () => e("seeking", void 0), h = () => e("seeked", void 0), i = (F) => e("timeUpdate", F), u = (F) => e("volumeChange", F), f = (F) => e("fullscreenChange", F), w = (F) => e("qualityChange", F), x = (F) => e("loadedMetadata", F), L = () => e("loadStart", void 0), j = () => e("playing", void 0), V = () => e("waiting", void 0), U = () => e("error", void 0);
+    return t.on("play", r), t.on("pause", s), t.on("ended", a), t.on("seeking", d), t.on("seeked", h), t.on("timeUpdate", i), t.on("volumeChange", u), t.on("fullscreenChange", f), t.on("qualityChange", w), t.on("loadedMetadata", x), t.on("loadStart", L), t.on("playing", j), t.on("waiting", V), t.on("error", U), () => {
+      t.off("play", r), t.off("pause", s), t.off("ended", a), t.off("seeking", d), t.off("seeked", h), t.off("timeUpdate", i), t.off("volumeChange", u), t.off("fullscreenChange", f), t.off("qualityChange", w), t.off("loadedMetadata", x), t.off("loadStart", L), t.off("playing", j), t.off("waiting", V), t.off("error", U);
+    };
+  }, [e, t]), null;
 }
-const Dr = I.div`
+const Dt = C.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -2726,7 +1613,7 @@ const Dr = I.div`
   color: white;
   background: black;
   overflow: hidden;
-`, Ar = I.div`
+`, _t = C.div`
   position: absolute;
   left: 0;
   width: 100%;
@@ -2738,7 +1625,7 @@ const Dr = I.div`
   @media (min-width: 768px) {
     padding-top: 2rem;
   }
-`, Or = I.div`
+`, Mt = C.div`
   display: flex;
   flex-direction: column;
   padding-left: 0.5rem;
@@ -2750,83 +1637,83 @@ const Dr = I.div`
     padding-left: 1rem;
     padding-right: 1rem;
   }
-`, Fr = I.div`
+`, It = C.div`
   display: flex;
   padding: 0.5rem 0;
   width: 100%;
   align-items: center;
-`, Mr = I.div`
+`, Vt = C.div`
   display: flex;
   flex: 1;
   align-items: center;
   gap: 0.5rem;
-`, Vr = I(Mr)`
+`, Ht = C(Vt)`
   justify-content: flex-start;
-`, Nr = I(Mr)`
+`, Ot = C(Vt)`
   justify-content: flex-end;
 `;
-function wi() {
-  return /* @__PURE__ */ c.jsx(
+function yr() {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ c.jsx("path", { d: "M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z" })
+      children: /* @__PURE__ */ o.jsx("path", { d: "M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z" })
     }
   );
 }
-function bi() {
-  return /* @__PURE__ */ c.jsx(
+function xr() {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ c.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
+      children: /* @__PURE__ */ o.jsx("path", { d: "M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z" })
     }
   );
 }
-function Hr() {
-  const e = p((d) => d.containerRef), t = p((d) => d.exitFullscreen), n = p((d) => d.isFullscreen), r = p((d) => d.requestFullscreen), o = p((d) => d.setIsFullscreen), a = p((d) => d.setIsFullscreenReady), u = p((d) => d.techRef), i = N(
-    (d) => {
-      d.stopPropagation(), o(Us());
+function At() {
+  const e = c((f) => f.containerRef), t = c((f) => f.exitFullscreen), r = c((f) => f.isFullscreen), s = c((f) => f.requestFullscreen), a = c((f) => f.setIsFullscreen), d = c((f) => f.setIsFullscreenReady), h = c((f) => f.techRef), i = I(
+    (f) => {
+      f.stopPropagation(), a(Un());
     },
-    [o]
-  ), l = () => {
-    n ? t() : r();
+    [a]
+  ), u = () => {
+    r ? t() : s();
   };
-  return Y(() => {
-    const d = hr ? u.current : e.current;
-    if (d)
-      return qs(d, i);
-  }, [e, i, u]), Y(() => {
-    a(!0);
-  }, [a]), /* @__PURE__ */ c.jsx(xe, { onClick: l, children: n ? /* @__PURE__ */ c.jsx(bi, {}) : /* @__PURE__ */ c.jsx(wi, {}) });
-}
-const xi = 5 * 1e3;
-function $r({ children: e }) {
-  const t = Z(null), [n, r] = q(!1), o = Z(null), u = p((d) => d.idleLocks).size, i = N(() => {
-    o.current !== null && (window.clearTimeout(o.current), o.current = null);
-  }, []), l = N(() => {
-    i(), o.current = window.setTimeout(() => r(!0), xi);
+  return M(() => {
+    const f = ft ? h.current : e.current;
+    if (f)
+      return qn(f, i);
+  }, [e, i, h]), M(() => {
+    d(!0);
+  }, [d]), /* @__PURE__ */ o.jsx(G, { onClick: u, children: r ? /* @__PURE__ */ o.jsx(xr, {}) : /* @__PURE__ */ o.jsx(yr, {}) });
+}
+const wr = 5 * 1e3;
+function $t({ children: e }) {
+  const t = $(null), [r, s] = H(!1), a = $(null), h = c((f) => f.idleLocks).size, i = I(() => {
+    a.current !== null && (window.clearTimeout(a.current), a.current = null);
+  }, []), u = I(() => {
+    i(), a.current = window.setTimeout(() => s(!0), wr);
   }, [i]);
-  return Y(() => (r(!1), l(), () => {
+  return M(() => (s(!1), u(), () => {
     i();
-  }), [i, l]), Y(() => {
-    const d = t.current;
-    if (!d) return;
-    const h = (x) => {
-      n && (x.stopPropagation(), r(!1), l());
-    }, m = () => {
-      n && r(!1), l();
+  }), [i, u]), M(() => {
+    const f = t.current;
+    if (!f) return;
+    const w = (L) => {
+      r && (L.stopPropagation(), s(!1), u());
+    }, x = () => {
+      r && s(!1), u();
     };
-    return d.addEventListener("click", h), d.addEventListener("mousemove", m), () => {
-      d.removeEventListener("click", h), d.removeEventListener("mousemove", m);
+    return f.addEventListener("click", w), f.addEventListener("mousemove", x), () => {
+      f.removeEventListener("click", w), f.removeEventListener("mousemove", x);
     };
-  }, [t, n, r, l]), /* @__PURE__ */ c.jsx(Si, { ref: t, $isIdle: n && !u, children: e });
+  }, [t, r, s, u]), /* @__PURE__ */ o.jsx(br, { ref: t, $isIdle: r && !h, children: e });
 }
-const Si = I.div`
+const br = C.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -2836,38 +1723,38 @@ const Si = I.div`
   cursor: ${({ $isIdle: e }) => e ? "none" : "auto"};
   opacity: ${({ $isIdle: e }) => e ? 0 : 1};
 `;
-function ki(e) {
-  return /* @__PURE__ */ c.jsx(Ti, { ...e });
+function Er(e) {
+  return /* @__PURE__ */ o.jsx(Cr, { ...e });
 }
-const Ei = Ds`
+const Tr = En`
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
-`, Ti = I.div`
+`, Cr = C.div`
   width: 1.5rem;
   height: 1.5rem;
   border: 2px solid white;
   border-bottom-color: transparent;
   border-radius: 50%;
-  animation: ${Ei} 1s linear infinite;
+  animation: ${Tr} 1s linear infinite;
 `;
-function Pi(e, t = 500) {
-  const [n, r] = q(e);
-  return Y(() => {
-    const o = window.setTimeout(() => r(e), t);
+function Rr(e, t = 500) {
+  const [r, s] = H(e);
+  return M(() => {
+    const a = window.setTimeout(() => s(e), t);
     return () => {
-      window.clearTimeout(o);
+      window.clearTimeout(a);
     };
-  }, [e, t]), n;
+  }, [e, t]), r;
 }
-function zr({ style: e, ...t }) {
-  const n = p((o) => o.isLoading);
-  return Pi(n, 100) ? /* @__PURE__ */ c.jsx(Ci, { style: e, ...t, children: /* @__PURE__ */ c.jsx(ki, {}) }) : null;
+function Ut({ style: e, ...t }) {
+  const r = c((a) => a.isLoading);
+  return Rr(r, 100) ? /* @__PURE__ */ o.jsx(Sr, { style: e, ...t, children: /* @__PURE__ */ o.jsx(Er, {}) }) : null;
 }
-const Ci = I.div`
+const Sr = C.div`
   pointer-events: none;
   position: absolute;
   top: 0;
@@ -2880,43 +1767,43 @@ const Ci = I.div`
   align-items: center;
   justify-content: center;
 `;
-function Ri() {
-  return /* @__PURE__ */ c.jsx(
+function Pr() {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ c.jsx("path", { d: "M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z" })
+      children: /* @__PURE__ */ o.jsx("path", { d: "M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z" })
     }
   );
 }
-function ji() {
-  return /* @__PURE__ */ c.jsx(
+function Lr() {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ c.jsx("path", { d: "M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z" })
+      children: /* @__PURE__ */ o.jsx("path", { d: "M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z" })
     }
   );
 }
-const Li = Qe.Root, _i = Qe.Trigger, Ii = Qe.Portal, Br = yt(({ sideOffset: e = 4, ...t }, n) => /* @__PURE__ */ c.jsx(
-  Di,
+const jr = ce.Root, kr = ce.Trigger, Fr = ce.Portal, Bt = ge(({ sideOffset: e = 4, ...t }, r) => /* @__PURE__ */ o.jsx(
+  Dr,
   {
-    ref: n,
+    ref: r,
     sideOffset: e,
-    onCloseAutoFocus: (r) => {
-      r.preventDefault();
+    onCloseAutoFocus: (s) => {
+      s.preventDefault();
     },
     ...t
   }
 ));
-Br.displayName = "PlayerDropdownMenuContent";
-const Ur = yt((e, t) => /* @__PURE__ */ c.jsx(Ai, { ref: t, ...e }));
-Ur.displayName = "PlayerDropdownMenuItem";
-const Di = I(Qe.Content).withConfig({
+Bt.displayName = "PlayerDropdownMenuContent";
+const Nt = ge((e, t) => /* @__PURE__ */ o.jsx(_r, { ref: t, ...e }));
+Nt.displayName = "PlayerDropdownMenuItem";
+const Dr = C(ce.Content).withConfig({
   shouldForwardProp: (e) => e !== "ref"
 })`
   padding: 0.25rem;
@@ -2993,7 +1880,7 @@ const Di = I(Qe.Content).withConfig({
       transform: translateX(0);
     }
   }
-`, Ai = I(Qe.Item)`
+`, _r = C(ce.Item)`
   position: relative;
   display: flex;
   align-items: center;
@@ -3030,87 +1917,87 @@ const Di = I(Qe.Content).withConfig({
     color: rgba(255, 255, 255, 0.5);
     pointer-events: none;
   }
-`, Fn = "settings";
-function Wr() {
-  const [e, t] = q(!1), n = p((l) => l.containerRef), r = p((l) => l.addIdleLock), o = p((l) => l.removeIdleLock), a = p((l) => l.levels), u = p((l) => l.setLevel), i = N(
-    (l) => {
-      t(l), l ? r(Fn) : o(Fn);
+`, rt = "settings";
+function qt() {
+  const [e, t] = H(!1), r = c((u) => u.containerRef), s = c((u) => u.addIdleLock), a = c((u) => u.removeIdleLock), d = c((u) => u.levels), h = c((u) => u.setLevel), i = I(
+    (u) => {
+      t(u), u ? s(rt) : a(rt);
     },
-    [r, o]
+    [s, a]
   );
-  return /* @__PURE__ */ c.jsxs(Li, { open: e, onOpenChange: i, children: [
-    /* @__PURE__ */ c.jsx(_i, { asChild: !0, children: /* @__PURE__ */ c.jsx(xe, { children: /* @__PURE__ */ c.jsx(ji, {}) }) }),
-    /* @__PURE__ */ c.jsx(Ii, { container: n.current, children: /* @__PURE__ */ c.jsx(Br, { side: "top", align: "end", children: a?.map((l) => /* @__PURE__ */ c.jsxs(
-      Ur,
+  return /* @__PURE__ */ o.jsxs(jr, { open: e, onOpenChange: i, children: [
+    /* @__PURE__ */ o.jsx(kr, { asChild: !0, children: /* @__PURE__ */ o.jsx(G, { children: /* @__PURE__ */ o.jsx(Lr, {}) }) }),
+    /* @__PURE__ */ o.jsx(Fr, { container: r.current, children: /* @__PURE__ */ o.jsx(Bt, { side: "top", align: "end", children: d?.map((u) => /* @__PURE__ */ o.jsxs(
+      Nt,
       {
-        onClick: () => u(l.value),
+        onClick: () => h(u.value),
         children: [
-          l.label,
-          l.selected && /* @__PURE__ */ c.jsx(Ri, {})
+          u.label,
+          u.selected && /* @__PURE__ */ o.jsx(Pr, {})
         ]
       },
-      l.sid
+      u.sid
     )) }) })
   ] });
 }
-function Oi() {
-  return /* @__PURE__ */ c.jsx(
+function Mr() {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ c.jsx("path", { d: "M6.60282 10.0001L10 7.22056V16.7796L6.60282 14.0001H3V10.0001H6.60282ZM2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z" })
+      children: /* @__PURE__ */ o.jsx("path", { d: "M6.60282 10.0001L10 7.22056V16.7796L6.60282 14.0001H3V10.0001H6.60282ZM2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z" })
     }
   );
 }
-function Fi() {
-  return /* @__PURE__ */ c.jsx(
+function Ir() {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ c.jsx("path", { d: "M13 7.22056L9.60282 10.0001H6V14.0001H9.60282L13 16.7796V7.22056ZM8.88889 16.0001H5C4.44772 16.0001 4 15.5524 4 15.0001V9.00007C4 8.44778 4.44772 8.00007 5 8.00007H8.88889L14.1834 3.66821C14.3971 3.49335 14.7121 3.52485 14.887 3.73857C14.9601 3.8279 15 3.93977 15 4.05519V19.9449C15 20.2211 14.7761 20.4449 14.5 20.4449C14.3846 20.4449 14.2727 20.405 14.1834 20.3319L8.88889 16.0001ZM18.8631 16.5911L17.4411 15.1691C18.3892 14.4376 19 13.2902 19 12.0001C19 10.5697 18.2493 9.31476 17.1203 8.60766L18.5589 7.16906C20.0396 8.26166 21 10.0187 21 12.0001C21 13.8422 20.1698 15.4905 18.8631 16.5911Z" })
+      children: /* @__PURE__ */ o.jsx("path", { d: "M13 7.22056L9.60282 10.0001H6V14.0001H9.60282L13 16.7796V7.22056ZM8.88889 16.0001H5C4.44772 16.0001 4 15.5524 4 15.0001V9.00007C4 8.44778 4.44772 8.00007 5 8.00007H8.88889L14.1834 3.66821C14.3971 3.49335 14.7121 3.52485 14.887 3.73857C14.9601 3.8279 15 3.93977 15 4.05519V19.9449C15 20.2211 14.7761 20.4449 14.5 20.4449C14.3846 20.4449 14.2727 20.405 14.1834 20.3319L8.88889 16.0001ZM18.8631 16.5911L17.4411 15.1691C18.3892 14.4376 19 13.2902 19 12.0001C19 10.5697 18.2493 9.31476 17.1203 8.60766L18.5589 7.16906C20.0396 8.26166 21 10.0187 21 12.0001C21 13.8422 20.1698 15.4905 18.8631 16.5911Z" })
     }
   );
 }
-function Mi() {
-  return /* @__PURE__ */ c.jsx(
+function Vr() {
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 24 24",
       fill: "currentColor",
-      children: /* @__PURE__ */ c.jsx("path", { d: "M10 7.22056L6.60282 10.0001H3V14.0001H6.60282L10 16.7796V7.22056ZM5.88889 16.0001H2C1.44772 16.0001 1 15.5524 1 15.0001V9.00007C1 8.44778 1.44772 8.00007 2 8.00007H5.88889L11.1834 3.66821C11.3971 3.49335 11.7121 3.52485 11.887 3.73857C11.9601 3.8279 12 3.93977 12 4.05519V19.9449C12 20.2211 11.7761 20.4449 11.5 20.4449C11.3846 20.4449 11.2727 20.405 11.1834 20.3319L5.88889 16.0001ZM20.4142 12.0001L23.9497 15.5356L22.5355 16.9498L19 13.4143L15.4645 16.9498L14.0503 15.5356L17.5858 12.0001L14.0503 8.46454L15.4645 7.05032L19 10.5859L22.5355 7.05032L23.9497 8.46454L20.4142 12.0001Z" })
+      children: /* @__PURE__ */ o.jsx("path", { d: "M10 7.22056L6.60282 10.0001H3V14.0001H6.60282L10 16.7796V7.22056ZM5.88889 16.0001H2C1.44772 16.0001 1 15.5524 1 15.0001V9.00007C1 8.44778 1.44772 8.00007 2 8.00007H5.88889L11.1834 3.66821C11.3971 3.49335 11.7121 3.52485 11.887 3.73857C11.9601 3.8279 12 3.93977 12 4.05519V19.9449C12 20.2211 11.7761 20.4449 11.5 20.4449C11.3846 20.4449 11.2727 20.405 11.1834 20.3319L5.88889 16.0001ZM20.4142 12.0001L23.9497 15.5356L22.5355 16.9498L19 13.4143L15.4645 16.9498L14.0503 15.5356L17.5858 12.0001L14.0503 8.46454L15.4645 7.05032L19 10.5859L22.5355 7.05032L23.9497 8.46454L20.4142 12.0001Z" })
     }
   );
 }
-const Mn = "volume";
-function Yr() {
-  p((i) => i.containerRef);
-  const e = p((i) => i.setVolume), t = p((i) => i.volume), n = p((i) => i.addIdleLock), r = p((i) => i.removeIdleLock), o = (i) => {
-    e(i[0]), n(Mn);
-  }, a = () => {
-    r(Mn);
-  }, u = () => e(t ? 0 : 100);
-  return /* @__PURE__ */ c.jsxs(Vi, { children: [
-    /* @__PURE__ */ c.jsx(xe, { onClick: u, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ c.jsx(Oi, {}) : /* @__PURE__ */ c.jsx(Fi, {}) : /* @__PURE__ */ c.jsx(Mi, {}) }),
-    /* @__PURE__ */ c.jsx(qr, { children: /* @__PURE__ */ c.jsx(
-      Pt,
+const ot = "volume";
+function zt() {
+  c((i) => i.containerRef);
+  const e = c((i) => i.setVolume), t = c((i) => i.volume), r = c((i) => i.addIdleLock), s = c((i) => i.removeIdleLock), a = (i) => {
+    e(i[0]), r(ot);
+  }, d = () => {
+    s(ot);
+  }, h = () => e(t ? 0 : 100);
+  return /* @__PURE__ */ o.jsxs(Hr, { children: [
+    /* @__PURE__ */ o.jsx(G, { onClick: h, className: "shrink-0", children: t ? t > 50 ? /* @__PURE__ */ o.jsx(Mr, {}) : /* @__PURE__ */ o.jsx(Ir, {}) : /* @__PURE__ */ o.jsx(Vr, {}) }),
+    /* @__PURE__ */ o.jsx(Wt, { children: /* @__PURE__ */ o.jsx(
+      xe,
       {
         value: [t],
-        onValueChange: o,
-        onValueCommit: a
+        onValueChange: a,
+        onValueCommit: d
       }
     ) })
   ] });
 }
-const qr = I.div`
+const Wt = C.div`
   width: 0;
   opacity: 0;
   transition: all 0.2s ease-in-out;
-`, Vi = I.div`
+`, Hr = C.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3121,50 +2008,60 @@ const qr = I.div`
     &:hover {
       width: 6rem;
 
-      ${qr} {
+      ${Wt} {
         width: 100%;
         opacity: 1;
       }
     }
   }
 `;
-function Ji({ url: e, startDate: t, endDate: n, messages: r }) {
-  return /* @__PURE__ */ c.jsx(
-    fi,
+function Xr({
+  url: e,
+  startDate: t,
+  endDate: r,
+  messages: s,
+  onEvent: a
+}) {
+  return /* @__PURE__ */ o.jsx(
+    dr,
     {
       startDate: new Date(t),
-      endDate: new Date(n),
-      children: /* @__PURE__ */ c.jsx(Ni, { url: e, messages: r })
+      endDate: new Date(r),
+      children: /* @__PURE__ */ o.jsx(Or, { url: e, messages: s, onEvent: a })
     }
   );
 }
-function Ni({ url: e, messages: t }) {
-  const n = p((r) => r.containerRef);
-  return /* @__PURE__ */ c.jsxs(Dr, { ref: n, children: [
-    /* @__PURE__ */ c.jsxs(
-      As,
+function Or({
+  url: e,
+  messages: t,
+  onEvent: r
+}) {
+  const s = c((a) => a.containerRef);
+  return /* @__PURE__ */ o.jsxs(Dt, { ref: s, children: [
+    /* @__PURE__ */ o.jsxs(
+      Fn,
       {
         eventFinishedMessage: t?.eventFinished,
         eventNotStartedMessage: t?.eventNotStarted,
         eventStartingSoonMessage: t?.eventStartingSoon,
         children: [
-          /* @__PURE__ */ c.jsx(vi, { url: e }),
-          /* @__PURE__ */ c.jsx(zr, {}),
-          /* @__PURE__ */ c.jsxs($r, { children: [
-            /* @__PURE__ */ c.jsx(oi, {}),
-            /* @__PURE__ */ c.jsx(Ar, { children: /* @__PURE__ */ c.jsxs(Or, { children: [
-              /* @__PURE__ */ c.jsx(di, {}),
-              /* @__PURE__ */ c.jsxs(Fr, { children: [
-                /* @__PURE__ */ c.jsxs(Vr, { children: [
-                  /* @__PURE__ */ c.jsx(ni, {}),
-                  /* @__PURE__ */ c.jsx(mi, {}),
-                  /* @__PURE__ */ c.jsx(Yr, {}),
-                  /* @__PURE__ */ c.jsx(pi, {})
+          /* @__PURE__ */ o.jsx(gr, { url: e }),
+          /* @__PURE__ */ o.jsx(Ut, {}),
+          /* @__PURE__ */ o.jsxs($t, { children: [
+            /* @__PURE__ */ o.jsx(rr, {}),
+            /* @__PURE__ */ o.jsx(_t, { children: /* @__PURE__ */ o.jsxs(Mt, { children: [
+              /* @__PURE__ */ o.jsx(ur, {}),
+              /* @__PURE__ */ o.jsxs(It, { children: [
+                /* @__PURE__ */ o.jsxs(Ht, { children: [
+                  /* @__PURE__ */ o.jsx(tr, {}),
+                  /* @__PURE__ */ o.jsx(hr, {}),
+                  /* @__PURE__ */ o.jsx(zt, {}),
+                  /* @__PURE__ */ o.jsx(fr, {})
                 ] }),
-                /* @__PURE__ */ c.jsxs(Nr, { children: [
-                  /* @__PURE__ */ c.jsx(Hs, { message: t?.live }),
-                  /* @__PURE__ */ c.jsx(Wr, {}),
-                  /* @__PURE__ */ c.jsx(Hr, {})
+                /* @__PURE__ */ o.jsxs(Ot, { children: [
+                  /* @__PURE__ */ o.jsx(Hn, { message: t?.live }),
+                  /* @__PURE__ */ o.jsx(qt, {}),
+                  /* @__PURE__ */ o.jsx(At, {})
                 ] })
               ] })
             ] }) })
@@ -3172,156 +2069,126 @@ function Ni({ url: e, messages: t }) {
         ]
       }
     ),
-    /* @__PURE__ */ c.jsx(ti, {})
+    /* @__PURE__ */ o.jsx(er, {}),
+    r && /* @__PURE__ */ o.jsx(Ft, { callback: r })
   ] });
 }
-function Hi() {
-  const e = p((i) => i.currentTime), t = p((i) => i.duration), n = p((i) => i.isPlaying), r = p((i) => i.pause), o = p((i) => i.play), a = p((i) => i.seek), u = N(
+function Ar() {
+  const e = c((i) => i.currentTime), t = c((i) => i.duration), r = c((i) => i.isPlaying), s = c((i) => i.pause), a = c((i) => i.play), d = c((i) => i.seek), h = I(
     (i) => {
-      let l = !1;
+      let u = !1;
       if (!(i.target instanceof HTMLInputElement || i.ctrlKey)) {
         switch (i.code) {
           case "ArrowLeft":
-            a(e - 10 >= 0 ? e - 10 : 0), l = !0;
+            d(e - 10 >= 0 ? e - 10 : 0), u = !0;
             break;
           case "ArrowRight":
-            a(e + 10 < t ? e + 10 : t), l = !0;
+            d(e + 10 < t ? e + 10 : t), u = !0;
             break;
           case "Space":
-            n ? r() : o(), l = !0;
+            r ? s() : a(), u = !0;
             break;
         }
-        l && i.preventDefault();
+        u && i.preventDefault();
       }
     },
-    [e, t, n, r, o, a]
+    [e, t, r, s, a, d]
   );
-  return Y(() => (document.addEventListener("keydown", u), () => {
-    document.removeEventListener("keydown", u);
-  }), [u]), /* @__PURE__ */ c.jsx(gr, {});
+  return M(() => (document.addEventListener("keydown", h), () => {
+    document.removeEventListener("keydown", h);
+  }), [h]), /* @__PURE__ */ o.jsx(ht, {});
 }
-function $i() {
-  const e = p((o) => o.isPlaying), t = p((o) => o.pause), n = p((o) => o.play), r = () => {
-    e ? t() : n();
+function $r() {
+  const e = c((a) => a.isPlaying), t = c((a) => a.pause), r = c((a) => a.play), s = () => {
+    e ? t() : r();
   };
-  return /* @__PURE__ */ c.jsx(xe, { onClick: r, children: e ? /* @__PURE__ */ c.jsx(yr, {}) : /* @__PURE__ */ c.jsx(vr, {}) });
+  return /* @__PURE__ */ o.jsx(G, { onClick: s, children: e ? /* @__PURE__ */ o.jsx(pt, {}) : /* @__PURE__ */ o.jsx(vt, {}) });
 }
-function zi() {
-  const e = p((o) => o.isPlaying), t = p((o) => o.pause), n = p((o) => o.play), r = () => {
-    e ? t() : n();
+function Ur() {
+  const e = c((a) => a.isPlaying), t = c((a) => a.pause), r = c((a) => a.play), s = () => {
+    e ? t() : r();
   };
-  return /* @__PURE__ */ c.jsx(wr, { onClick: r });
-}
-const Vn = "vod-player-progress-bar";
-function Bi() {
-  const e = Z(null), t = Z(null), [n, r] = q(!1), [o, a] = q(-1), [u, i] = q(-1), l = p((v) => v.currentTime), d = p((v) => v.duration), h = p((v) => v.seek), m = p((v) => v.addIdleLock), x = p((v) => v.removeIdleLock), S = parseFloat(
-    (d ? (u !== -1 ? u : l) / d * 100 : 0).toFixed(1)
-  ), C = (v) => {
-    i(d * (v[0] / 100)), m(Vn);
-  }, j = () => {
-    u !== -1 && (h(u), i(-1), x(Vn));
-  }, V = () => r(!0), b = () => r(!1), w = N(
-    (v) => {
-      const y = e.current, _ = t.current;
-      if (y && _) {
-        const T = gt(y), k = gt(_), U = (v.pageX || v.clientX) - T.left, J = U / T.width;
-        if (J < 0) return;
-        let D = U - k.width / 2;
-        D < 0 && (D = 0), D > T.width - k.width && (D = -1), _.style.left = D > -1 ? `${D}px` : "auto", _.style.right = D > -1 ? "auto" : "0px", a(J * d);
+  return /* @__PURE__ */ o.jsx(gt, { onClick: s });
+}
+const it = "vod-player-progress-bar";
+function Br() {
+  const e = $(null), t = $(null), [r, s] = H(!1), [a, d] = H(-1), [h, i] = H(-1), u = c((T) => T.currentTime), f = c((T) => T.duration), w = c((T) => T.seek), x = c((T) => T.addIdleLock), L = c((T) => T.removeIdleLock), j = parseFloat(
+    (f ? (h !== -1 ? h : u) / f * 100 : 0).toFixed(1)
+  ), V = (T) => {
+    i(f * (T[0] / 100)), x(it);
+  }, U = () => {
+    h !== -1 && (w(h), i(-1), L(it));
+  }, F = () => s(!0), g = () => s(!1), E = I(
+    (T) => {
+      const B = e.current, v = t.current;
+      if (B && v) {
+        const Y = ve(B), X = ve(v), K = (T.pageX || T.clientX) - Y.left, Q = K / Y.width;
+        if (Q < 0) return;
+        let R = K - X.width / 2;
+        R < 0 && (R = 0), R > Y.width - X.width && (R = -1), v.style.left = R > -1 ? `${R}px` : "auto", v.style.right = R > -1 ? "auto" : "0px", d(Q * f);
       }
-      V();
+      F();
     },
-    [d]
+    [f]
   );
-  return /* @__PURE__ */ c.jsxs(br, { children: [
-    /* @__PURE__ */ c.jsx(
-      Pt,
+  return /* @__PURE__ */ o.jsxs(yt, { children: [
+    /* @__PURE__ */ o.jsx(
+      xe,
       {
         ref: e,
-        value: [S],
-        onPointerLeave: b,
-        onPointerDown: b,
-        onPointerMove: w,
-        onValueChange: C,
-        onValueCommit: j,
+        value: [j],
+        onPointerLeave: g,
+        onPointerDown: g,
+        onPointerMove: E,
+        onValueChange: V,
+        onValueCommit: U,
         step: 0.1
       }
     ),
-    /* @__PURE__ */ c.jsx(xr, { ref: t, $isVisible: n, children: /* @__PURE__ */ c.jsx(Sr, { children: Be(o) }) })
-  ] });
-}
-function Ui() {
-  const e = p((n) => n.currentTime), t = p((n) => n.duration);
-  return /* @__PURE__ */ c.jsxs(Cr, { children: [
-    /* @__PURE__ */ c.jsx(jr, { children: Be(e) }),
-    /* @__PURE__ */ c.jsx(_r, {}),
-    /* @__PURE__ */ c.jsx(Lr, { children: Be(t) })
+    /* @__PURE__ */ o.jsx(xt, { ref: t, $isVisible: r, children: /* @__PURE__ */ o.jsx(wt, { children: oe(a) }) })
   ] });
 }
-const Wi = 60, Yi = 95;
-function qi({ storageKey: e }) {
-  const t = p((h) => h.currentTime), n = p((h) => h.duration), r = p((h) => h.isPlaying), o = p((h) => h.setStartTime), a = Z(!1), u = N(() => {
-    window.localStorage.setItem(
-      e,
-      JSON.stringify({
-        currentTime: t,
-        duration: n
-      })
-    );
-  }, [t, n, e]), i = N(() => {
-    const h = window.localStorage.getItem(e);
-    if (h) {
-      const m = JSON.parse(h);
-      return {
-        startTime: m.currentTime,
-        progress: m.currentTime / m.duration * 100
-      };
-    }
-    return { startTime: null, progress: null };
-  }, [e]), l = N(() => {
-    t < Wi || u();
-  }, [t, u]), d = N(() => {
-    if (a.current) return;
-    const { progress: h, startTime: m } = i();
-    m && h && h < Yi && (o(m), a.current = !0);
-  }, [i, o]);
-  return wt(() => l(), r ? 1e3 : null), Y(() => {
-    d();
-  }, [d]), null;
-}
-function Qi({ url: e, watchHistory: t }) {
-  return /* @__PURE__ */ c.jsxs(Pr, { children: [
-    /* @__PURE__ */ c.jsx(Zi, { url: e }),
-    t?.enabled && /* @__PURE__ */ c.jsx(qi, { storageKey: t.storageKey })
+function Nr() {
+  const e = c((r) => r.currentTime), t = c((r) => r.duration);
+  return /* @__PURE__ */ o.jsxs(Rt, { children: [
+    /* @__PURE__ */ o.jsx(Pt, { children: oe(e) }),
+    /* @__PURE__ */ o.jsx(jt, {}),
+    /* @__PURE__ */ o.jsx(Lt, { children: oe(t) })
   ] });
 }
-function Zi({ url: e }) {
-  const t = p((n) => n.containerRef);
-  return /* @__PURE__ */ c.jsxs(Dr, { ref: t, children: [
-    /* @__PURE__ */ c.jsx(Ir, { url: e, isLive: !1 }),
-    /* @__PURE__ */ c.jsx(zr, {}),
-    /* @__PURE__ */ c.jsxs($r, { children: [
-      /* @__PURE__ */ c.jsx(zi, {}),
-      /* @__PURE__ */ c.jsx(Ar, { children: /* @__PURE__ */ c.jsxs(Or, { children: [
-        /* @__PURE__ */ c.jsx(Bi, {}),
-        /* @__PURE__ */ c.jsxs(Fr, { children: [
-          /* @__PURE__ */ c.jsxs(Vr, { children: [
-            /* @__PURE__ */ c.jsx($i, {}),
-            /* @__PURE__ */ c.jsx(Yr, {}),
-            /* @__PURE__ */ c.jsx(Ui, {})
+function Jr(e) {
+  return /* @__PURE__ */ o.jsx(Ct, { children: /* @__PURE__ */ o.jsx(qr, { ...e }) });
+}
+function qr({ url: e, onEvent: t, startTime: r }) {
+  const s = c((d) => d.setStartTime), a = c((d) => d.containerRef);
+  return M(() => {
+    r && s(r);
+  }, [r, s]), /* @__PURE__ */ o.jsxs(Dt, { ref: a, children: [
+    /* @__PURE__ */ o.jsx(kt, { url: e, isLive: !1 }),
+    /* @__PURE__ */ o.jsx(Ut, {}),
+    /* @__PURE__ */ o.jsxs($t, { children: [
+      /* @__PURE__ */ o.jsx(Ur, {}),
+      /* @__PURE__ */ o.jsx(_t, { children: /* @__PURE__ */ o.jsxs(Mt, { children: [
+        /* @__PURE__ */ o.jsx(Br, {}),
+        /* @__PURE__ */ o.jsxs(It, { children: [
+          /* @__PURE__ */ o.jsxs(Ht, { children: [
+            /* @__PURE__ */ o.jsx($r, {}),
+            /* @__PURE__ */ o.jsx(zt, {}),
+            /* @__PURE__ */ o.jsx(Nr, {})
           ] }),
-          /* @__PURE__ */ c.jsxs(Nr, { children: [
-            /* @__PURE__ */ c.jsx(Wr, {}),
-            /* @__PURE__ */ c.jsx(Hr, {})
+          /* @__PURE__ */ o.jsxs(Ot, { children: [
+            /* @__PURE__ */ o.jsx(qt, {}),
+            /* @__PURE__ */ o.jsx(At, {})
           ] })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ c.jsx(Hi, {})
+    /* @__PURE__ */ o.jsx(Ar, {}),
+    t && /* @__PURE__ */ o.jsx(Ft, { callback: t })
   ] });
 }
 export {
-  Ji as LivePlayer,
-  Qi as VodPlayer
+  Xr as LivePlayer,
+  Jr as VodPlayer
 };
 //# sourceMappingURL=react-video-player.es.js.map