@halibegic/react-video-player 0.0.13 → 0.0.14

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

@@ -1,4 +1,4 @@
-import Re, { useLayoutEffect as vo, useEffect as te, useRef as q, useState as Y, createContext as Nn, useContext as Zt, useDebugValue as mn, createElement as wo, forwardRef as yt, useCallback as z } from "react";
+import Re, { useLayoutEffect as vo, useEffect as J, useRef as q, useState as Y, createContext as Nn, useContext as Zt, useDebugValue as mn, createElement as wo, forwardRef as yt, useCallback as z } from "react";
 import { create as Hn, useStore as $n } from "zustand";
 import * as vt from "@radix-ui/react-slider";
 import he from "hls.js";
@@ -18,12 +18,12 @@ function bo() {
   if (gn) return Ge;
   gn = 1;
   var e = Re, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(c, u, d) {
-    var p, h = {}, b = null, x = null;
-    d !== void 0 && (b = "" + d), u.key !== void 0 && (b = "" + u.key), u.ref !== void 0 && (x = u.ref);
+  function l(c, u, f) {
+    var p, h = {}, b = null, S = null;
+    f !== void 0 && (b = "" + f), u.key !== void 0 && (b = "" + u.key), u.ref !== void 0 && (S = u.ref);
     for (p in u) r.call(u, p) && !s.hasOwnProperty(p) && (h[p] = u[p]);
     if (c && c.defaultProps) for (p in u = c.defaultProps, u) h[p] === void 0 && (h[p] = u[p]);
-    return { $$typeof: t, type: c, key: b, ref: x, props: h, _owner: i.current };
+    return { $$typeof: t, type: c, key: b, ref: S, props: h, _owner: i.current };
   }
   return Ge.Fragment = n, Ge.jsx = l, Ge.jsxs = l, Ge;
 }
@@ -40,46 +40,46 @@ var Xe = {};
 var yn;
 function xo() {
   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"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), x = Symbol.for("react.offscreen"), R = Symbol.iterator, L = "@@iterator";
-    function T(o) {
+    var e = Re, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), T = Symbol.iterator, j = "@@iterator";
+    function V(o) {
       if (o === null || typeof o != "object")
         return null;
-      var f = R && o[R] || o[L];
-      return typeof f == "function" ? f : null;
+      var d = T && o[T] || o[j];
+      return typeof d == "function" ? d : null;
     }
-    var E = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function v(o) {
+    var w = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function x(o) {
       {
-        for (var f = arguments.length, g = new Array(f > 1 ? f - 1 : 0), C = 1; C < f; C++)
-          g[C - 1] = arguments[C];
-        w("error", o, g);
+        for (var d = arguments.length, g = new Array(d > 1 ? d - 1 : 0), k = 1; k < d; k++)
+          g[k - 1] = arguments[k];
+        v("error", o, g);
       }
     }
-    function w(o, f, g) {
+    function v(o, d, g) {
       {
-        var C = E.ReactDebugCurrentFrame, O = C.getStackAddendum();
-        O !== "" && (f += "%s", g = g.concat([O]));
-        var M = g.map(function(_) {
-          return String(_);
+        var k = w.ReactDebugCurrentFrame, A = k.getStackAddendum();
+        A !== "" && (d += "%s", g = g.concat([A]));
+        var F = g.map(function(L) {
+          return String(L);
         });
-        M.unshift("Warning: " + f), Function.prototype.apply.call(console[o], console, M);
+        F.unshift("Warning: " + d), Function.prototype.apply.call(console[o], console, F);
       }
     }
-    var y = !1, I = !1, k = !1, S = !1, W = !1, J;
-    J = Symbol.for("react.module.reference");
-    function A(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === r || o === s || W || o === i || o === d || o === p || S || o === x || y || I || k || typeof o == "object" && o !== null && (o.$$typeof === b || o.$$typeof === h || o.$$typeof === l || o.$$typeof === c || o.$$typeof === u || // This needs to include all possible module reference object
+    var y = !1, _ = !1, E = !1, C = !1, B = !1, K;
+    K = Symbol.for("react.module.reference");
+    function D(o) {
+      return !!(typeof o == "string" || typeof o == "function" || o === r || o === s || B || o === i || o === f || o === p || C || o === S || y || _ || E || typeof o == "object" && o !== null && (o.$$typeof === b || o.$$typeof === h || o.$$typeof === l || o.$$typeof === c || o.$$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.
-      o.$$typeof === J || o.getModuleId !== void 0));
+      o.$$typeof === K || o.getModuleId !== void 0));
     }
-    function _e(o, f, g) {
-      var C = o.displayName;
-      if (C)
-        return C;
-      var O = f.displayName || f.name || "";
-      return O !== "" ? g + "(" + O + ")" : g;
+    function _e(o, d, g) {
+      var k = o.displayName;
+      if (k)
+        return k;
+      var A = d.displayName || d.name || "";
+      return A !== "" ? g + "(" + A + ")" : g;
     }
     function fe(o) {
       return o.displayName || "Context";
@@ -87,7 +87,7 @@ function xo() {
     function Z(o) {
       if (o == null)
         return null;
-      if (typeof o.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
+      if (typeof o.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
         return o.displayName || o.name || null;
       if (typeof o == "string")
         return o;
@@ -100,7 +100,7 @@ function xo() {
           return "Profiler";
         case i:
           return "StrictMode";
-        case d:
+        case f:
           return "Suspense";
         case p:
           return "SuspenseList";
@@ -108,20 +108,20 @@ function xo() {
       if (typeof o == "object")
         switch (o.$$typeof) {
           case c:
-            var f = o;
-            return fe(f) + ".Consumer";
+            var d = o;
+            return fe(d) + ".Consumer";
           case l:
             var g = o;
             return fe(g._context) + ".Provider";
           case u:
             return _e(o, o.render, "ForwardRef");
           case h:
-            var C = o.displayName || null;
-            return C !== null ? C : Z(o.type) || "Memo";
+            var k = o.displayName || null;
+            return k !== null ? k : Z(o.type) || "Memo";
           case b: {
-            var O = o, M = O._payload, _ = O._init;
+            var A = o, F = A._payload, L = A._init;
             try {
-              return Z(_(M));
+              return Z(L(F));
             } catch {
               return null;
             }
@@ -129,14 +129,14 @@ function xo() {
         }
       return null;
     }
-    var ne = Object.assign, ue = 0, Se, K, Ye, re, ge, ye, G;
+    var ne = Object.assign, ue = 0, Se, Q, Ye, re, ge, ye, G;
     function Ie() {
     }
     Ie.__reactDisabledLog = !0;
     function qe() {
       {
         if (ue === 0) {
-          Se = console.log, K = console.info, Ye = console.warn, re = console.error, ge = console.group, ye = console.groupCollapsed, G = console.groupEnd;
+          Se = console.log, Q = console.info, Ye = console.warn, re = console.error, ge = console.group, ye = console.groupCollapsed, G = console.groupEnd;
           var o = {
             configurable: !0,
             enumerable: !0,
@@ -169,7 +169,7 @@ function xo() {
               value: Se
             }),
             info: ne({}, o, {
-              value: K
+              value: Q
             }),
             warn: ne({}, o, {
               value: Ye
@@ -188,18 +188,18 @@ function xo() {
             })
           });
         }
-        ue < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ue < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var pe = E.ReactCurrentDispatcher, ve;
-    function se(o, f, g) {
+    var pe = w.ReactCurrentDispatcher, ve;
+    function se(o, d, g) {
       {
         if (ve === void 0)
           try {
             throw Error();
-          } catch (O) {
-            var C = O.stack.trim().match(/\n( *(at )?)/);
-            ve = C && C[1] || "";
+          } catch (A) {
+            var k = A.stack.trim().match(/\n( *(at )?)/);
+            ve = k && k[1] || "";
           }
         return `
 ` + ve + o;
@@ -210,7 +210,7 @@ function xo() {
       var Ae = typeof WeakMap == "function" ? WeakMap : Map;
       we = new Ae();
     }
-    function ce(o, f) {
+    function ce(o, d) {
       if (!o || ae)
         return "";
       {
@@ -218,57 +218,57 @@ function xo() {
         if (g !== void 0)
           return g;
       }
-      var C;
+      var k;
       ae = !0;
-      var O = Error.prepareStackTrace;
+      var A = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var M;
-      M = pe.current, pe.current = null, qe();
+      var F;
+      F = pe.current, pe.current = null, qe();
       try {
-        if (f) {
-          var _ = function() {
+        if (d) {
+          var L = function() {
             throw Error();
           };
-          if (Object.defineProperty(_.prototype, "props", {
+          if (Object.defineProperty(L.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(_, []);
-            } catch (Q) {
-              C = Q;
+              Reflect.construct(L, []);
+            } catch (ee) {
+              k = ee;
             }
-            Reflect.construct(o, [], _);
+            Reflect.construct(o, [], L);
           } else {
             try {
-              _.call();
-            } catch (Q) {
-              C = Q;
+              L.call();
+            } catch (ee) {
+              k = ee;
             }
-            o.call(_.prototype);
+            o.call(L.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (Q) {
-            C = Q;
+          } catch (ee) {
+            k = ee;
           }
           o();
         }
-      } catch (Q) {
-        if (Q && C && typeof Q.stack == "string") {
-          for (var j = Q.stack.split(`
-`), X = C.stack.split(`
-`), N = j.length - 1, H = X.length - 1; N >= 1 && H >= 0 && j[N] !== X[H]; )
+      } catch (ee) {
+        if (ee && k && typeof ee.stack == "string") {
+          for (var R = ee.stack.split(`
+`), X = k.stack.split(`
+`), N = R.length - 1, H = X.length - 1; N >= 1 && H >= 0 && R[N] !== X[H]; )
             H--;
           for (; N >= 1 && H >= 0; N--, H--)
-            if (j[N] !== X[H]) {
+            if (R[N] !== X[H]) {
               if (N !== 1 || H !== 1)
                 do
-                  if (N--, H--, H < 0 || j[N] !== X[H]) {
+                  if (N--, H--, H < 0 || R[N] !== X[H]) {
                     var oe = `
-` + j[N].replace(" at new ", " at ");
+` + R[N].replace(" at new ", " at ");
                     return o.displayName && oe.includes("<anonymous>") && (oe = oe.replace("<anonymous>", o.displayName)), typeof o == "function" && we.set(o, oe), oe;
                   }
                 while (N >= 1 && H >= 0);
@@ -276,19 +276,19 @@ function xo() {
             }
         }
       } finally {
-        ae = !1, pe.current = M, De(), Error.prepareStackTrace = O;
+        ae = !1, pe.current = F, De(), Error.prepareStackTrace = A;
       }
       var Fe = o ? o.displayName || o.name : "", Ce = Fe ? se(Fe) : "";
       return typeof o == "function" && we.set(o, Ce), Ce;
     }
-    function qr(o, f, g) {
+    function qr(o, d, g) {
       return ce(o, !1);
     }
     function Zr(o) {
-      var f = o.prototype;
-      return !!(f && f.isReactComponent);
+      var d = o.prototype;
+      return !!(d && d.isReactComponent);
     }
-    function et(o, f, g) {
+    function et(o, d, g) {
       if (o == null)
         return "";
       if (typeof o == "function")
@@ -296,7 +296,7 @@ function xo() {
       if (typeof o == "string")
         return se(o);
       switch (o) {
-        case d:
+        case f:
           return se("Suspense");
         case p:
           return se("SuspenseList");
@@ -306,41 +306,41 @@ function xo() {
           case u:
             return qr(o.render);
           case h:
-            return et(o.type, f, g);
+            return et(o.type, d, g);
           case b: {
-            var C = o, O = C._payload, M = C._init;
+            var k = o, A = k._payload, F = k._init;
             try {
-              return et(M(O), f, g);
+              return et(F(A), d, g);
             } catch {
             }
           }
         }
       return "";
     }
-    var Ze = Object.prototype.hasOwnProperty, en = {}, tn = E.ReactDebugCurrentFrame;
+    var Ze = Object.prototype.hasOwnProperty, en = {}, tn = w.ReactDebugCurrentFrame;
     function tt(o) {
       if (o) {
-        var f = o._owner, g = et(o.type, o._source, f ? f.type : null);
+        var d = o._owner, g = et(o.type, o._source, d ? d.type : null);
         tn.setExtraStackFrame(g);
       } else
         tn.setExtraStackFrame(null);
     }
-    function Gr(o, f, g, C, O) {
+    function Gr(o, d, g, k, A) {
       {
-        var M = Function.call.bind(Ze);
-        for (var _ in o)
-          if (M(o, _)) {
-            var j = void 0;
+        var F = Function.call.bind(Ze);
+        for (var L in o)
+          if (F(o, L)) {
+            var R = void 0;
             try {
-              if (typeof o[_] != "function") {
-                var X = Error((C || "React class") + ": " + g + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof o[L] != "function") {
+                var X = Error((k || "React class") + ": " + g + " type `" + L + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[L] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw X.name = "Invariant Violation", X;
               }
-              j = o[_](f, _, C, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              R = o[L](d, L, k, g, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (N) {
-              j = N;
+              R = N;
             }
-            j && !(j instanceof Error) && (tt(O), v("%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).", C || "React class", g, _, typeof j), tt(null)), j instanceof Error && !(j.message in en) && (en[j.message] = !0, tt(O), v("Failed %s type: %s", g, j.message), tt(null));
+            R && !(R instanceof Error) && (tt(A), x("%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).", k || "React class", g, L, typeof R), tt(null)), R instanceof Error && !(R.message in en) && (en[R.message] = !0, tt(A), x("Failed %s type: %s", g, R.message), tt(null));
           }
       }
     }
@@ -350,7 +350,7 @@ function xo() {
     }
     function Jr(o) {
       {
-        var f = typeof Symbol == "function" && Symbol.toStringTag, g = f && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        var d = typeof Symbol == "function" && Symbol.toStringTag, g = d && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return g;
       }
     }
@@ -366,9 +366,9 @@ function xo() {
     }
     function rn(o) {
       if (Kr(o))
-        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Jr(o)), nn(o);
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Jr(o)), nn(o);
     }
-    var on = E.ReactCurrentOwner, Qr = {
+    var on = w.ReactCurrentOwner, Qr = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -376,27 +376,27 @@ function xo() {
     }, sn, an;
     function eo(o) {
       if (Ze.call(o, "ref")) {
-        var f = Object.getOwnPropertyDescriptor(o, "ref").get;
-        if (f && f.isReactWarning)
+        var d = Object.getOwnPropertyDescriptor(o, "ref").get;
+        if (d && d.isReactWarning)
           return !1;
       }
       return o.ref !== void 0;
     }
     function to(o) {
       if (Ze.call(o, "key")) {
-        var f = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (f && f.isReactWarning)
+        var d = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (d && d.isReactWarning)
           return !1;
       }
       return o.key !== void 0;
     }
-    function no(o, f) {
+    function no(o, d) {
       typeof o.ref == "string" && on.current;
     }
-    function ro(o, f) {
+    function ro(o, d) {
       {
         var g = function() {
-          sn || (sn = !0, v("%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));
+          sn || (sn = !0, x("%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)", d));
         };
         g.isReactWarning = !0, Object.defineProperty(o, "key", {
           get: g,
@@ -404,10 +404,10 @@ function xo() {
         });
       }
     }
-    function oo(o, f) {
+    function oo(o, d) {
       {
         var g = function() {
-          an || (an = !0, v("%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));
+          an || (an = !0, x("%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)", d));
         };
         g.isReactWarning = !0, Object.defineProperty(o, "ref", {
           get: g,
@@ -415,57 +415,57 @@ function xo() {
         });
       }
     }
-    var io = function(o, f, g, C, O, M, _) {
-      var j = {
+    var io = function(o, d, g, k, A, F, L) {
+      var R = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: o,
-        key: f,
+        key: d,
         ref: g,
-        props: _,
+        props: L,
         // Record the component responsible for creating this element.
-        _owner: M
+        _owner: F
       };
-      return j._store = {}, Object.defineProperty(j._store, "validated", {
+      return R._store = {}, Object.defineProperty(R._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(j, "_self", {
+      }), Object.defineProperty(R, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: C
-      }), Object.defineProperty(j, "_source", {
+        value: k
+      }), Object.defineProperty(R, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: O
-      }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
+        value: A
+      }), Object.freeze && (Object.freeze(R.props), Object.freeze(R)), R;
     };
-    function so(o, f, g, C, O) {
+    function so(o, d, g, k, A) {
       {
-        var M, _ = {}, j = null, X = null;
-        g !== void 0 && (rn(g), j = "" + g), to(f) && (rn(f.key), j = "" + f.key), eo(f) && (X = f.ref, no(f, O));
-        for (M in f)
-          Ze.call(f, M) && !Qr.hasOwnProperty(M) && (_[M] = f[M]);
+        var F, L = {}, R = null, X = null;
+        g !== void 0 && (rn(g), R = "" + g), to(d) && (rn(d.key), R = "" + d.key), eo(d) && (X = d.ref, no(d, A));
+        for (F in d)
+          Ze.call(d, F) && !Qr.hasOwnProperty(F) && (L[F] = d[F]);
         if (o && o.defaultProps) {
           var N = o.defaultProps;
-          for (M in N)
-            _[M] === void 0 && (_[M] = N[M]);
+          for (F in N)
+            L[F] === void 0 && (L[F] = N[F]);
         }
-        if (j || X) {
+        if (R || X) {
           var H = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          j && ro(_, H), X && oo(_, H);
+          R && ro(L, H), X && oo(L, H);
         }
-        return io(o, j, X, O, C, on.current, _);
+        return io(o, R, X, A, k, on.current, L);
       }
     }
-    var Rt = E.ReactCurrentOwner, cn = E.ReactDebugCurrentFrame;
+    var Rt = w.ReactCurrentOwner, cn = w.ReactDebugCurrentFrame;
     function Oe(o) {
       if (o) {
-        var f = o._owner, g = et(o.type, o._source, f ? f.type : null);
+        var d = o._owner, g = et(o.type, o._source, d ? d.type : null);
         cn.setExtraStackFrame(g);
       } else
         cn.setExtraStackFrame(null);
@@ -493,120 +493,120 @@ Check the render method of \`` + o + "`.";
     var un = {};
     function co(o) {
       {
-        var f = ln();
-        if (!f) {
+        var d = ln();
+        if (!d) {
           var g = typeof o == "string" ? o : o.displayName || o.name;
-          g && (f = `
+          g && (d = `
 
 Check the top-level render call using <` + g + ">.");
         }
-        return f;
+        return d;
       }
     }
-    function dn(o, f) {
+    function dn(o, d) {
       {
         if (!o._store || o._store.validated || o.key != null)
           return;
         o._store.validated = !0;
-        var g = co(f);
+        var g = co(d);
         if (un[g])
           return;
         un[g] = !0;
-        var C = "";
-        o && o._owner && o._owner !== Rt.current && (C = " It was passed a child from " + Z(o._owner.type) + "."), Oe(o), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, C), Oe(null);
+        var k = "";
+        o && o._owner && o._owner !== Rt.current && (k = " It was passed a child from " + Z(o._owner.type) + "."), Oe(o), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, k), Oe(null);
       }
     }
-    function fn(o, f) {
+    function fn(o, d) {
       {
         if (typeof o != "object")
           return;
         if (Tt(o))
           for (var g = 0; g < o.length; g++) {
-            var C = o[g];
-            Lt(C) && dn(C, f);
+            var k = o[g];
+            Lt(k) && dn(k, d);
           }
         else if (Lt(o))
           o._store && (o._store.validated = !0);
         else if (o) {
-          var O = T(o);
-          if (typeof O == "function" && O !== o.entries)
-            for (var M = O.call(o), _; !(_ = M.next()).done; )
-              Lt(_.value) && dn(_.value, f);
+          var A = V(o);
+          if (typeof A == "function" && A !== o.entries)
+            for (var F = A.call(o), L; !(L = F.next()).done; )
+              Lt(L.value) && dn(L.value, d);
         }
       }
     }
     function lo(o) {
       {
-        var f = o.type;
-        if (f == null || typeof f == "string")
+        var d = o.type;
+        if (d == null || typeof d == "string")
           return;
         var g;
-        if (typeof f == "function")
-          g = f.propTypes;
-        else if (typeof f == "object" && (f.$$typeof === u || // Note: Memo only checks outer props here.
+        if (typeof d == "function")
+          g = d.propTypes;
+        else if (typeof d == "object" && (d.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        f.$$typeof === h))
-          g = f.propTypes;
+        d.$$typeof === h))
+          g = d.propTypes;
         else
           return;
         if (g) {
-          var C = Z(f);
-          Gr(g, o.props, "prop", C, o);
-        } else if (f.PropTypes !== void 0 && !jt) {
+          var k = Z(d);
+          Gr(g, o.props, "prop", k, o);
+        } else if (d.PropTypes !== void 0 && !jt) {
           jt = !0;
-          var O = Z(f);
-          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
+          var A = Z(d);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", A || "Unknown");
         }
-        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function uo(o) {
       {
-        for (var f = Object.keys(o.props), g = 0; g < f.length; g++) {
-          var C = f[g];
-          if (C !== "children" && C !== "key") {
-            Oe(o), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", C), Oe(null);
+        for (var d = Object.keys(o.props), g = 0; g < d.length; g++) {
+          var k = d[g];
+          if (k !== "children" && k !== "key") {
+            Oe(o), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", k), Oe(null);
             break;
           }
         }
-        o.ref !== null && (Oe(o), v("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
+        o.ref !== null && (Oe(o), x("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
       }
     }
     var pn = {};
-    function hn(o, f, g, C, O, M) {
+    function hn(o, d, g, k, A, F) {
       {
-        var _ = A(o);
-        if (!_) {
-          var j = "";
-          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (j += " 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 L = D(o);
+        if (!L) {
+          var R = "";
+          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).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 = ao();
-          X ? j += X : j += ln();
+          X ? R += X : R += ln();
           var N;
-          o === null ? N = "null" : Tt(o) ? N = "array" : o !== void 0 && o.$$typeof === t ? (N = "<" + (Z(o.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : N = typeof o, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", N, j);
+          o === null ? N = "null" : Tt(o) ? N = "array" : o !== void 0 && o.$$typeof === t ? (N = "<" + (Z(o.type) || "Unknown") + " />", R = " Did you accidentally export a JSX literal instead of a component?") : N = typeof o, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", N, R);
         }
-        var H = so(o, f, g, O, M);
+        var H = so(o, d, g, A, F);
         if (H == null)
           return H;
-        if (_) {
-          var oe = f.children;
+        if (L) {
+          var oe = d.children;
           if (oe !== void 0)
-            if (C)
+            if (k)
               if (Tt(oe)) {
                 for (var Fe = 0; Fe < oe.length; Fe++)
                   fn(oe[Fe], o);
                 Object.freeze && Object.freeze(oe);
               } else
-                v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                x("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, o);
         }
-        if (Ze.call(f, "key")) {
-          var Ce = Z(o), Q = Object.keys(f).filter(function(yo) {
+        if (Ze.call(d, "key")) {
+          var Ce = Z(o), ee = Object.keys(d).filter(function(yo) {
             return yo !== "key";
-          }), _t = Q.length > 0 ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), _t = ee.length > 0 ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!pn[Ce + _t]) {
-            var go = Q.length > 0 ? "{" + Q.join(": ..., ") + ": ...}" : "{}";
-            v(`A props object containing a "key" prop is being spread into JSX:
+            var go = ee.length > 0 ? "{" + ee.join(": ..., ") + ": ...}" : "{}";
+            x(`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:
@@ -617,11 +617,11 @@ React keys must be passed directly to JSX without using spread:
         return o === r ? uo(H) : lo(H), H;
       }
     }
-    function fo(o, f, g) {
-      return hn(o, f, g, !0);
+    function fo(o, d, g) {
+      return hn(o, d, g, !0);
     }
-    function po(o, f, g) {
-      return hn(o, f, g, !1);
+    function po(o, d, g) {
+      return hn(o, d, g, !1);
     }
     var ho = po, mo = fo;
     Xe.Fragment = r, Xe.jsx = ho, Xe.jsxs = mo;
@@ -632,12 +632,12 @@ function So() {
   return vn || (vn = 1, process.env.NODE_ENV === "production" ? nt.exports = bo() : nt.exports = xo()), nt.exports;
 }
 var a = So();
-const Co = typeof window < "u" ? vo : te;
+const Co = typeof window < "u" ? vo : J;
 function wt(e, t) {
   const n = q(e);
   Co(() => {
     n.current = e;
-  }, [e]), te(() => {
+  }, [e]), J(() => {
     if (t === null)
       return;
     const r = setInterval(() => {
@@ -672,20 +672,20 @@ const Eo = (e, t) => Hn((n) => ({
     null
   );
   return r.current || (r.current = Eo(t, n)), /* @__PURE__ */ a.jsx(zn.Provider, { value: r.current, children: e });
-}, U = (e) => {
+}, W = (e) => {
   const t = Zt(zn);
   if (!t)
     throw new Error("usePlayerStore must be used within PlayerStoreProvider");
   return $n(t, e);
 };
-var ee = function() {
-  return ee = Object.assign || function(t) {
+var te = function() {
+  return te = Object.assign || function(t) {
     for (var n, r = 1, i = arguments.length; r < i; r++) {
       n = arguments[r];
       for (var s in n) Object.prototype.hasOwnProperty.call(n, s) && (t[s] = n[s]);
     }
     return t;
-  }, ee.apply(this, arguments);
+  }, te.apply(this, arguments);
 };
 function je(e, t, n) {
   if (n || arguments.length === 2) for (var r = 0, i = t.length, s; r < i; r++)
@@ -703,9 +703,9 @@ var Ro = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
     return Ro.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), V = "-ms-", Ke = "-moz-", F = "-webkit-", Bn = "comm", bt = "rule", Gt = "decl", Lo = "@import", Un = "@keyframes", _o = "@layer", Wn = Math.abs, Xt = String.fromCharCode, Ft = Object.assign;
+), M = "-ms-", Ke = "-moz-", O = "-webkit-", Bn = "comm", bt = "rule", Gt = "decl", Lo = "@import", Un = "@keyframes", _o = "@layer", Wn = Math.abs, Xt = String.fromCharCode, Ft = Object.assign;
 function Io(e, t) {
-  return B(e, 0) ^ 45 ? (((t << 2 ^ B(e, 0)) << 2 ^ B(e, 1)) << 2 ^ B(e, 2)) << 2 ^ B(e, 3) : 0;
+  return U(e, 0) ^ 45 ? (((t << 2 ^ U(e, 0)) << 2 ^ U(e, 1)) << 2 ^ U(e, 2)) << 2 ^ U(e, 3) : 0;
 }
 function Yn(e) {
   return e.trim();
@@ -719,7 +719,7 @@ function P(e, t, n) {
 function at(e, t, n) {
   return e.indexOf(t, n);
 }
-function B(e, t) {
+function U(e, t) {
   return e.charCodeAt(t) | 0;
 }
 function Ve(e, t, n) {
@@ -758,13 +758,13 @@ function Ao() {
   return $;
 }
 function Oo() {
-  return $ = ie > 0 ? B(Ue, --ie) : 0, Ne--, $ === 10 && (Ne = 1, xt--), $;
+  return $ = ie > 0 ? U(Ue, --ie) : 0, Ne--, $ === 10 && (Ne = 1, xt--), $;
 }
 function le() {
-  return $ = ie < Zn ? B(Ue, ie++) : 0, Ne++, $ === 10 && (Ne = 1, xt++), $;
+  return $ = ie < Zn ? U(Ue, ie++) : 0, Ne++, $ === 10 && (Ne = 1, xt++), $;
 }
 function Pe() {
-  return B(Ue, ie);
+  return U(Ue, ie);
 }
 function ct() {
   return ie;
@@ -866,30 +866,30 @@ function zo(e) {
   return Mo(lt("", null, null, null, [""], e = Fo(e), 0, [0], e));
 }
 function lt(e, t, n, r, i, s, l, c, u) {
-  for (var d = 0, p = 0, h = l, b = 0, x = 0, R = 0, L = 1, T = 1, E = 1, v = 0, w = "", y = i, I = s, k = r, S = w; T; )
-    switch (R = v, v = le()) {
+  for (var f = 0, p = 0, h = l, b = 0, S = 0, T = 0, j = 1, V = 1, w = 1, x = 0, v = "", y = i, _ = s, E = r, C = v; V; )
+    switch (T = x, x = le()) {
       // (
       case 40:
-        if (R != 108 && B(S, h - 1) == 58) {
-          at(S += P(It(v), "&", "&\f"), "&\f", Wn(d ? c[d - 1] : 0)) != -1 && (E = -1);
+        if (T != 108 && U(C, h - 1) == 58) {
+          at(C += P(It(x), "&", "&\f"), "&\f", Wn(f ? c[f - 1] : 0)) != -1 && (w = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        S += It(v);
+        C += It(x);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        S += Vo(R);
+        C += Vo(T);
         break;
       // \
       case 92:
-        S += No(ct() - 1, 7);
+        C += No(ct() - 1, 7);
         continue;
       // /
       case 47:
@@ -899,83 +899,83 @@ function lt(e, t, n, r, i, s, l, c, u) {
             Je(Bo(Ho(le(), ct()), t, n, u), u);
             break;
           default:
-            S += "/";
+            C += "/";
         }
         break;
       // {
-      case 123 * L:
-        c[d++] = de(S) * E;
+      case 123 * j:
+        c[f++] = de(C) * w;
       // } ; \0
-      case 125 * L:
+      case 125 * j:
       case 59:
       case 0:
-        switch (v) {
+        switch (x) {
           // \0 }
           case 0:
           case 125:
-            T = 0;
+            V = 0;
           // ;
           case 59 + p:
-            E == -1 && (S = P(S, /\f/g, "")), x > 0 && de(S) - h && Je(x > 32 ? xn(S + ";", r, n, h - 1, u) : xn(P(S, " ", "") + ";", r, n, h - 2, u), u);
+            w == -1 && (C = P(C, /\f/g, "")), S > 0 && de(C) - h && Je(S > 32 ? xn(C + ";", r, n, h - 1, u) : xn(P(C, " ", "") + ";", r, n, h - 2, u), u);
             break;
           // @ ;
           case 59:
-            S += ";";
+            C += ";";
           // { rule/at-rule
           default:
-            if (Je(k = bn(S, t, n, d, p, i, c, w, y = [], I = [], h, s), s), v === 123)
+            if (Je(E = bn(C, t, n, f, p, i, c, v, y = [], _ = [], h, s), s), x === 123)
               if (p === 0)
-                lt(S, t, k, k, y, s, h, c, I);
+                lt(C, t, E, E, y, s, h, c, _);
               else
-                switch (b === 99 && B(S, 3) === 110 ? 100 : b) {
+                switch (b === 99 && U(C, 3) === 110 ? 100 : b) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    lt(e, k, k, r && Je(bn(e, k, k, 0, 0, i, c, w, i, y = [], h, I), I), i, I, h, c, r ? y : I);
+                    lt(e, E, E, r && Je(bn(e, E, E, 0, 0, i, c, v, i, y = [], h, _), _), i, _, h, c, r ? y : _);
                     break;
                   default:
-                    lt(S, k, k, k, [""], I, 0, c, I);
+                    lt(C, E, E, E, [""], _, 0, c, _);
                 }
         }
-        d = p = x = 0, L = E = 1, w = S = "", h = l;
+        f = p = S = 0, j = w = 1, v = C = "", h = l;
         break;
       // :
       case 58:
-        h = 1 + de(S), x = R;
+        h = 1 + de(C), S = T;
       default:
-        if (L < 1) {
-          if (v == 123)
-            --L;
-          else if (v == 125 && L++ == 0 && Oo() == 125)
+        if (j < 1) {
+          if (x == 123)
+            --j;
+          else if (x == 125 && j++ == 0 && Oo() == 125)
             continue;
         }
-        switch (S += Xt(v), v * L) {
+        switch (C += Xt(x), x * j) {
           // &
           case 38:
-            E = p > 0 ? 1 : (S += "\f", -1);
+            w = p > 0 ? 1 : (C += "\f", -1);
             break;
           // ,
           case 44:
-            c[d++] = (de(S) - 1) * E, E = 1;
+            c[f++] = (de(C) - 1) * w, w = 1;
             break;
           // @
           case 64:
-            Pe() === 45 && (S += It(le())), b = Pe(), p = h = de(w = S += $o(ct())), v++;
+            Pe() === 45 && (C += It(le())), b = Pe(), p = h = de(v = C += $o(ct())), x++;
             break;
           // -
           case 45:
-            R === 45 && de(S) == 2 && (L = 0);
+            T === 45 && de(C) == 2 && (j = 0);
         }
     }
   return s;
 }
-function bn(e, t, n, r, i, s, l, c, u, d, p, h) {
-  for (var b = i - 1, x = i === 0 ? s : [""], R = qn(x), L = 0, T = 0, E = 0; L < r; ++L)
-    for (var v = 0, w = Ve(e, b + 1, b = Wn(T = l[L])), y = e; v < R; ++v)
-      (y = Yn(T > 0 ? x[v] + " " + w : P(w, /&\f/g, x[v]))) && (u[E++] = y);
-  return St(e, t, n, i === 0 ? bt : c, u, d, p, h);
+function bn(e, t, n, r, i, s, l, c, u, f, p, h) {
+  for (var b = i - 1, S = i === 0 ? s : [""], T = qn(S), j = 0, V = 0, w = 0; j < r; ++j)
+    for (var x = 0, v = Ve(e, b + 1, b = Wn(V = l[j])), y = e; x < T; ++x)
+      (y = Yn(V > 0 ? S[x] + " " + v : P(v, /&\f/g, S[x]))) && (u[w++] = y);
+  return St(e, t, n, i === 0 ? bt : c, u, f, p, h);
 }
 function Bo(e, t, n, r) {
   return St(e, t, n, Bn, Xt(Ao()), Ve(e, 2, -2), 0, r);
@@ -987,7 +987,7 @@ function Gn(e, t, n) {
   switch (Io(e, t)) {
     // color-adjust
     case 5103:
-      return F + "print-" + e + e;
+      return O + "print-" + e + e;
     // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
     case 5737:
     case 4201:
@@ -1017,7 +1017,7 @@ function Gn(e, t, n) {
     case 5365:
     case 5621:
     case 3829:
-      return F + e + e;
+      return O + e + e;
     // tab-size
     case 4789:
       return Ke + e + e;
@@ -1027,85 +1027,85 @@ function Gn(e, t, n) {
     case 4810:
     case 6968:
     case 2756:
-      return F + e + Ke + e + V + e + e;
+      return O + e + Ke + e + M + e + e;
     // writing-mode
     case 5936:
-      switch (B(e, t + 11)) {
+      switch (U(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return F + e + V + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return O + e + M + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return F + e + V + P(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return O + e + M + P(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return F + e + V + P(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          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 F + e + V + e + e;
+      return O + e + M + e + e;
     // order
     case 6165:
-      return F + e + V + "flex-" + e + e;
+      return O + e + M + "flex-" + e + e;
     // align-items
     case 5187:
-      return F + e + P(e, /(\w+).+(:[^]+)/, F + "box-$1$2" + V + "flex-$1$2") + e;
+      return O + e + P(e, /(\w+).+(:[^]+)/, O + "box-$1$2" + M + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return F + e + V + "flex-item-" + P(e, /flex-|-self/g, "") + (me(e, /flex-|baseline/) ? "" : V + "grid-row-" + P(e, /flex-|-self/g, "")) + e;
+      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 F + e + V + "flex-line-pack" + P(e, /align-content|flex-|-self/g, "") + e;
+      return O + e + M + "flex-line-pack" + P(e, /align-content|flex-|-self/g, "") + e;
     // flex-shrink
     case 5548:
-      return F + e + V + P(e, "shrink", "negative") + e;
+      return O + e + M + P(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return F + e + V + P(e, "basis", "preferred-size") + e;
+      return O + e + M + P(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return F + "box-" + P(e, "-grow", "") + F + e + V + P(e, "grow", "positive") + e;
+      return O + "box-" + P(e, "-grow", "") + O + e + M + P(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return F + P(e, /([^-])(transform)/g, "$1" + F + "$2") + e;
+      return O + P(e, /([^-])(transform)/g, "$1" + O + "$2") + e;
     // cursor
     case 6187:
-      return P(P(P(e, /(zoom-|grab)/, F + "$1"), /(image-set)/, F + "$1"), e, "") + e;
+      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\([^]*)/, F + "$1$`$1");
+      return P(e, /(image-set\([^]*)/, O + "$1$`$1");
     // justify-content
     case 4968:
-      return P(P(e, /(.+:)(flex-)?(.*)/, F + "box-pack:$3" + V + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + F + e + e;
+      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 V + "grid-column-align" + Ve(e, t) + e;
+      if (!me(e, /flex-|baseline/)) return M + "grid-column-align" + Ve(e, t) + e;
       break;
     // grid-template-(columns|rows)
     case 2592:
     case 3360:
-      return V + P(e, "template-", "") + e;
+      return M + P(e, "template-", "") + e;
     // grid-(row|column)-start
     case 4384:
     case 3616:
       return n && n.some(function(r, i) {
         return t = i, me(r.props, /grid-\w+-end/);
-      }) ? ~at(e + (n = n[t].value), "span", 0) ? e : V + P(e, "-start", "") + e + V + "grid-row-span:" + (~at(n, "span", 0) ? me(n, /\d+/) : +me(n, /\d+/) - +me(e, /\d+/)) + ";" : V + P(e, "-start", "") + e;
+      }) ? ~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 : V + P(P(e, "-end", "-span"), "span ", "") + e;
+      }) ? 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(.+)/, F + "$1$2") + e;
+      return P(e, /(.+)-inline(.+)/, O + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -1120,14 +1120,14 @@ function Gn(e, t, n) {
     case 5021:
     case 4765:
       if (de(e) - 1 - t > 6)
-        switch (B(e, t + 1)) {
+        switch (U(e, t + 1)) {
           // (m)ax-content, (m)in-content
           case 109:
-            if (B(e, t + 4) !== 45)
+            if (U(e, t + 4) !== 45)
               break;
           // (f)ill-available, (f)it-content
           case 102:
-            return P(e, /(.+:)(.+)-([^]+)/, "$1" + F + "$2-$3$1" + Ke + (B(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+            return P(e, /(.+:)(.+)-([^]+)/, "$1" + O + "$2-$3$1" + Ke + (U(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;
@@ -1136,23 +1136,23 @@ function Gn(e, t, n) {
     // grid-(column|row)
     case 5152:
     case 5920:
-      return P(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, i, s, l, c, u, d) {
-        return V + i + ":" + s + d + (l ? V + i + "-span:" + (c ? u : +u - +s) + d : "") + e;
+      return P(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, i, s, l, c, u, f) {
+        return M + i + ":" + s + f + (l ? M + i + "-span:" + (c ? u : +u - +s) + f : "") + e;
       });
     // position: sticky
     case 4949:
-      if (B(e, t + 6) === 121)
-        return P(e, ":", ":" + F) + e;
+      if (U(e, t + 6) === 121)
+        return P(e, ":", ":" + O) + e;
       break;
     // display: (flex|inline-flex|grid|inline-grid)
     case 6444:
-      switch (B(e, B(e, 14) === 45 ? 18 : 11)) {
+      switch (U(e, U(e, 14) === 45 ? 18 : 11)) {
         // (inline-)?fle(x)
         case 120:
-          return P(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + F + (B(e, 14) === 45 ? "inline-" : "") + "box$3$1" + F + "$2$3$1" + V + "$2box$3") + e;
+          return P(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + O + (U(e, 14) === 45 ? "inline-" : "") + "box$3$1" + O + "$2$3$1" + M + "$2box$3") + e;
         // (inline-)?gri(d)
         case 100:
-          return P(e, ":", ":" + V) + e;
+          return P(e, ":", ":" + M) + e;
       }
       break;
     // scroll-margin, scroll-margin-(top|right|bottom|left)
@@ -1206,7 +1206,7 @@ function qo(e, t, n, r) {
         e.return = Gn(e.value, e.length, n);
         return;
       case Un:
-        return ft([be(e, { value: P(e.value, "@", "@" + F) })], r);
+        return ft([be(e, { value: P(e.value, "@", "@" + O) })], r);
       case bt:
         if (e.length)
           return Do(n = e.props, function(i) {
@@ -1218,7 +1218,7 @@ function qo(e, t, n, r) {
                 break;
               // :placeholder
               case "::placeholder":
-                Me(be(e, { props: [P(i, /:(plac\w+)/, ":" + F + "input-$1")] })), Me(be(e, { props: [P(i, /:(plac\w+)/, ":" + Ke + "$1")] })), Me(be(e, { props: [P(i, /:(plac\w+)/, V + "input-$1")] })), Me(be(e, { props: [i] })), Ft(e, { props: wn(n, r) });
+                Me(be(e, { props: [P(i, /:(plac\w+)/, ":" + O + "input-$1")] })), Me(be(e, { props: [P(i, /:(plac\w+)/, ":" + Ke + "$1")] })), Me(be(e, { props: [P(i, /:(plac\w+)/, M + "input-$1")] })), Me(be(e, { props: [i] })), Ft(e, { props: wn(n, r) });
                 break;
             }
             return "";
@@ -1341,9 +1341,9 @@ function ir(e, t, n) {
     for (var s = En(e), l = En(t), c = 0; c < i.length; ++c) {
       var u = i[c];
       if (!(u in ri || n && n[u] || l && u in l || s && u in s)) {
-        var d = ai(t, u);
+        var f = ai(t, u);
         try {
-          ii(e, u, d);
+          ii(e, u, f);
         } catch {
         }
       }
@@ -1472,8 +1472,8 @@ var di = (function() {
     if (c) {
       var u = c.match(mi);
       if (u) {
-        var d = 0 | parseInt(u[1], 10), p = u[2];
-        d !== 0 && (pi(p, d), gi(e, p, u[3]), e.getTag().insertRules(d, i)), i.length = 0;
+        var f = 0 | parseInt(u[1], 10), p = u[2];
+        f !== 0 && (pi(p, f), gi(e, p, u[3]), e.getTag().insertRules(f, i)), i.length = 0;
       } else i.push(c);
     }
   }
@@ -1547,20 +1547,20 @@ var sr = function(e) {
   function e(t, n, r) {
     t === void 0 && (t = He), n === void 0 && (n = {});
     var i = this;
-    this.options = ee(ee({}, Si), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && pt && jn && (jn = !1, Rn(this)), Qt(this, function() {
+    this.options = te(te({}, Si), 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(s) {
-        for (var l = s.getTag(), c = l.length, u = "", d = function(h) {
-          var b = (function(E) {
-            return ht.get(E);
+        for (var l = s.getTag(), c = l.length, u = "", f = function(h) {
+          var b = (function(w) {
+            return ht.get(w);
           })(h);
           if (b === void 0) return "continue";
-          var x = s.names.get(b), R = l.getGroup(h);
-          if (x === void 0 || !x.size || R.length === 0) return "continue";
-          var L = "".concat(Le, ".g").concat(h, '[id="').concat(b, '"]'), T = "";
-          x !== void 0 && x.forEach(function(E) {
-            E.length > 0 && (T += "".concat(E, ","));
-          }), u += "".concat(R).concat(L, '{content:"').concat(T, '"}').concat(Jt);
-        }, p = 0; p < c; p++) d(p);
+          var S = s.names.get(b), T = l.getGroup(h);
+          if (S === void 0 || !S.size || T.length === 0) return "continue";
+          var j = "".concat(Le, ".g").concat(h, '[id="').concat(b, '"]'), V = "";
+          S !== void 0 && S.forEach(function(w) {
+            w.length > 0 && (V += "".concat(w, ","));
+          }), u += "".concat(T).concat(j, '{content:"').concat(V, '"}').concat(Jt);
+        }, p = 0; p < c; p++) f(p);
         return u;
       })(i);
     });
@@ -1570,7 +1570,7 @@ var sr = function(e) {
   }, e.prototype.rehydrate = function() {
     !this.server && pt && Rn(this);
   }, e.prototype.reconstructWithOptions = function(t, n) {
-    return n === void 0 && (n = !0), new e(ee(ee({}, this.options), t), this.gs, n && this.names || void 0);
+    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() {
@@ -1605,23 +1605,23 @@ function cr(e, t) {
   });
 }
 function Ei(e) {
-  var t, n, r, i = He, s = i.options, l = s === void 0 ? He : s, c = i.plugins, u = c === void 0 ? Et : c, d = function(b, x, R) {
-    return R.startsWith(n) && R.endsWith(n) && R.replaceAll(n, "").length > 0 ? ".".concat(t) : b;
+  var t, n, r, i = He, s = i.options, l = s === void 0 ? He : s, c = i.plugins, u = c === void 0 ? Et : c, f = function(b, S, T) {
+    return T.startsWith(n) && T.endsWith(n) && T.replaceAll(n, "").length > 0 ? ".".concat(t) : b;
   }, p = u.slice();
   p.push(function(b) {
-    b.type === bt && b.value.includes("&") && (b.props[0] = b.props[0].replace(Ci, n).replace(r, d));
+    b.type === bt && b.value.includes("&") && (b.props[0] = b.props[0].replace(Ci, n).replace(r, f));
   }), l.prefix && p.push(qo), p.push(Uo);
-  var h = function(b, x, R, L) {
-    x === void 0 && (x = ""), R === void 0 && (R = ""), L === void 0 && (L = "&"), t = L, n = x, r = new RegExp("\\".concat(n, "\\b"), "g");
-    var T = b.replace(ki, ""), E = zo(R || x ? "".concat(R, " ").concat(x, " { ").concat(T, " }") : T);
-    l.namespace && (E = cr(E, l.namespace));
-    var v = [];
-    return ft(E, Wo(p.concat(Yo(function(w) {
-      return v.push(w);
-    })))), v;
+  var h = function(b, S, T, j) {
+    S === void 0 && (S = ""), T === void 0 && (T = ""), j === void 0 && (j = "&"), t = j, n = S, r = new RegExp("\\".concat(n, "\\b"), "g");
+    var V = b.replace(ki, ""), w = zo(T || S ? "".concat(T, " ").concat(S, " { ").concat(V, " }") : V);
+    l.namespace && (w = cr(w, l.namespace));
+    var x = [];
+    return ft(w, Wo(p.concat(Yo(function(v) {
+      return x.push(v);
+    })))), x;
   };
-  return h.hash = u.length ? u.reduce(function(b, x) {
-    return x.name || We(15), ke(b, x.name);
+  return h.hash = u.length ? u.reduce(function(b, S) {
+    return S.name || We(15), ke(b, S.name);
   }, Kn).toString() : "", h;
 }
 var Pi = new ar(), Bt = Ei(), lr = Re.createContext({ shouldForwardProp: void 0, styleSheet: Pi, stylis: Bt });
@@ -1701,17 +1701,17 @@ var ji = Qn(kt), Li = (function() {
       i = Ee(i, l), this.staticRulesId = l;
     }
     else {
-      for (var u = ke(this.baseHash, r.hash), d = "", p = 0; p < this.rules.length; p++) {
+      for (var u = ke(this.baseHash, r.hash), f = "", p = 0; p < this.rules.length; p++) {
         var h = this.rules[p];
-        if (typeof h == "string") d += h, process.env.NODE_ENV !== "production" && (u = ke(u, h));
+        if (typeof h == "string") f += h, process.env.NODE_ENV !== "production" && (u = ke(u, h));
         else if (h) {
           var b = $t(Te(h, t, n, r));
-          u = ke(u, b + p), d += b;
+          u = ke(u, b + p), f += b;
         }
       }
-      if (d) {
-        var x = Ht(u >>> 0);
-        n.hasNameForId(this.componentId, x) || n.insertRules(this.componentId, x, r(d, ".".concat(x), void 0, this.componentId)), i = Ee(i, x);
+      if (f) {
+        var S = Ht(u >>> 0);
+        n.hasNameForId(this.componentId, S) || n.insertRules(this.componentId, S, r(f, ".".concat(S), void 0, this.componentId)), i = Ee(i, S);
       }
     }
     return i;
@@ -1720,61 +1720,61 @@ var ji = Qn(kt), Li = (function() {
 fr.Consumer;
 var Ot = {}, In = /* @__PURE__ */ new Set();
 function _i(e, t, n) {
-  var r = Kt(e), i = e, s = !At(e), l = t.attrs, c = l === void 0 ? Et : l, u = t.componentId, d = u === void 0 ? (function(y, I) {
-    var k = typeof y != "string" ? "sc" : Cn(y);
-    Ot[k] = (Ot[k] || 0) + 1;
-    var S = "".concat(k, "-").concat(er(kt + k + Ot[k]));
-    return I ? "".concat(I, "-").concat(S) : S;
+  var r = Kt(e), i = e, s = !At(e), l = t.attrs, c = l === void 0 ? Et : l, u = t.componentId, f = u === void 0 ? (function(y, _) {
+    var E = typeof y != "string" ? "sc" : Cn(y);
+    Ot[E] = (Ot[E] || 0) + 1;
+    var C = "".concat(E, "-").concat(er(kt + E + Ot[E]));
+    return _ ? "".concat(_, "-").concat(C) : C;
   })(t.displayName, t.parentComponentId) : u, p = t.displayName, h = p === void 0 ? (function(y) {
     return At(y) ? "styled.".concat(y) : "Styled(".concat(tr(y), ")");
-  })(e) : p, b = t.displayName && t.componentId ? "".concat(Cn(t.displayName), "-").concat(t.componentId) : t.componentId || d, x = r && i.attrs ? i.attrs.concat(c).filter(Boolean) : c, R = t.shouldForwardProp;
+  })(e) : p, b = t.displayName && t.componentId ? "".concat(Cn(t.displayName), "-").concat(t.componentId) : t.componentId || f, S = r && i.attrs ? i.attrs.concat(c).filter(Boolean) : c, T = t.shouldForwardProp;
   if (r && i.shouldForwardProp) {
-    var L = i.shouldForwardProp;
+    var j = i.shouldForwardProp;
     if (t.shouldForwardProp) {
-      var T = t.shouldForwardProp;
-      R = function(y, I) {
-        return L(y, I) && T(y, I);
+      var V = t.shouldForwardProp;
+      T = function(y, _) {
+        return j(y, _) && V(y, _);
       };
-    } else R = L;
+    } else T = j;
   }
-  var E = new Li(n, b, r ? i.componentStyle : void 0);
-  function v(y, I) {
-    return (function(k, S, W) {
-      var J = k.attrs, A = k.componentStyle, _e = k.defaultProps, fe = k.foldedComponentIds, Z = k.styledComponentId, ne = k.target, ue = Re.useContext(fr), Se = Ln(), K = k.shouldForwardProp || Se.shouldForwardProp;
+  var w = new Li(n, b, r ? i.componentStyle : void 0);
+  function x(y, _) {
+    return (function(E, C, B) {
+      var K = E.attrs, D = E.componentStyle, _e = E.defaultProps, fe = E.foldedComponentIds, Z = E.styledComponentId, ne = E.target, ue = Re.useContext(fr), Se = Ln(), Q = E.shouldForwardProp || Se.shouldForwardProp;
       process.env.NODE_ENV !== "production" && mn(Z);
-      var Ye = Jo(S, ue, _e) || He, re = (function(De, pe, ve) {
-        for (var se, ae = ee(ee({}, pe), { className: void 0, theme: ve }), we = 0; we < De.length; we += 1) {
+      var Ye = Jo(C, ue, _e) || He, re = (function(De, pe, ve) {
+        for (var se, ae = te(te({}, pe), { className: void 0, theme: ve }), we = 0; we < De.length; we += 1) {
           var Ae = $e(se = De[we]) ? se(ae) : se;
-          for (var ce in Ae) ae[ce] = ce === "className" ? Ee(ae[ce], Ae[ce]) : ce === "style" ? ee(ee({}, ae[ce]), Ae[ce]) : Ae[ce];
+          for (var ce in Ae) ae[ce] = ce === "className" ? Ee(ae[ce], Ae[ce]) : ce === "style" ? te(te({}, ae[ce]), Ae[ce]) : Ae[ce];
         }
         return pe.className && (ae.className = Ee(ae.className, pe.className)), ae;
-      })(J, S, Ye), ge = re.as || ne, ye = {};
-      for (var G in re) re[G] === void 0 || G[0] === "$" || G === "as" || G === "theme" && re.theme === Ye || (G === "forwardedAs" ? ye.as = re.forwardedAs : K && !K(G, ge) || (ye[G] = re[G], K || process.env.NODE_ENV !== "development" || jo(G) || In.has(G) || !Nt.has(ge) || (In.add(G), console.warn('styled-components: it looks like an unknown prop "'.concat(G, '" 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.)')))));
+      })(K, C, Ye), ge = re.as || ne, ye = {};
+      for (var G in re) re[G] === void 0 || G[0] === "$" || G === "as" || G === "theme" && re.theme === Ye || (G === "forwardedAs" ? ye.as = re.forwardedAs : Q && !Q(G, ge) || (ye[G] = re[G], Q || process.env.NODE_ENV !== "development" || jo(G) || In.has(G) || !Nt.has(ge) || (In.add(G), console.warn('styled-components: it looks like an unknown prop "'.concat(G, '" 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, pe) {
         var ve = Ln(), se = De.generateAndInjectStyles(pe, ve.styleSheet, ve.stylis);
         return process.env.NODE_ENV !== "production" && mn(se), se;
-      })(A, re);
-      process.env.NODE_ENV !== "production" && k.warnTooManyClasses && k.warnTooManyClasses(Ie);
+      })(D, re);
+      process.env.NODE_ENV !== "production" && E.warnTooManyClasses && E.warnTooManyClasses(Ie);
       var qe = Ee(fe, Z);
-      return Ie && (qe += " " + Ie), re.className && (qe += " " + re.className), ye[At(ge) && !Nt.has(ge) ? "class" : "className"] = qe, W && (ye.ref = W), wo(ge, ye);
-    })(w, y, I);
+      return Ie && (qe += " " + Ie), re.className && (qe += " " + re.className), ye[At(ge) && !Nt.has(ge) ? "class" : "className"] = qe, B && (ye.ref = B), wo(ge, ye);
+    })(v, y, _);
   }
-  v.displayName = h;
-  var w = Re.forwardRef(v);
-  return w.attrs = x, w.componentStyle = E, w.displayName = h, w.shouldForwardProp = R, w.foldedComponentIds = r ? Ee(i.foldedComponentIds, i.styledComponentId) : "", w.styledComponentId = b, w.target = r ? i.target : e, Object.defineProperty(w, "defaultProps", { get: function() {
+  x.displayName = h;
+  var v = Re.forwardRef(x);
+  return v.attrs = S, v.componentStyle = w, v.displayName = h, v.shouldForwardProp = T, v.foldedComponentIds = r ? Ee(i.foldedComponentIds, i.styledComponentId) : "", v.styledComponentId = b, v.target = r ? i.target : e, Object.defineProperty(v, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(y) {
-    this._foldedDefaultProps = r ? (function(I) {
-      for (var k = [], S = 1; S < arguments.length; S++) k[S - 1] = arguments[S];
-      for (var W = 0, J = k; W < J.length; W++) zt(I, J[W], !0);
-      return I;
+    this._foldedDefaultProps = r ? (function(_) {
+      for (var E = [], C = 1; C < arguments.length; C++) E[C - 1] = arguments[C];
+      for (var B = 0, K = E; B < K.length; B++) zt(_, K[B], !0);
+      return _;
     })({}, i.defaultProps, y) : y;
-  } }), process.env.NODE_ENV !== "production" && (Xo(h, b), w.warnTooManyClasses = /* @__PURE__ */ (function(y, I) {
-    var k = {}, S = !1;
-    return function(W) {
-      if (!S && (k[W] = !0, Object.keys(k).length >= 200)) {
-        var J = I ? ' with the id of "'.concat(I, '"') : "";
-        console.warn("Over ".concat(200, " classes were generated for component ").concat(y).concat(J, `.
+  } }), process.env.NODE_ENV !== "production" && (Xo(h, b), v.warnTooManyClasses = /* @__PURE__ */ (function(y, _) {
+    var E = {}, C = !1;
+    return function(B) {
+      if (!C && (E[B] = !0, Object.keys(E).length >= 200)) {
+        var K = _ ? ' with the id of "'.concat(_, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(y).concat(K, `.
 `) + `Consider using the attrs method, together with a style object for frequently changed styles.
 Example:
   const Component = styled.div.attrs(props => ({
@@ -1783,12 +1783,12 @@ Example:
     },
   }))\`width: 100%;\`
 
-  <Component />`), S = !0, k = {};
+  <Component />`), C = !0, E = {};
       }
     };
-  })(h, b)), Qt(w, function() {
-    return ".".concat(w.styledComponentId);
-  }), s && ir(w, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), w;
+  })(h, b)), Qt(v, function() {
+    return ".".concat(v.styledComponentId);
+  }), s && ir(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, i = t.length; r < i; r += 1) n.push(t[r], e[r + 1]);
@@ -1810,16 +1810,16 @@ function Wt(e, t, n) {
     return e(t, n, mt.apply(void 0, je([i], s, !1)));
   };
   return r.attrs = function(i) {
-    return Wt(e, t, ee(ee({}, n), { attrs: Array.prototype.concat(n.attrs, i).filter(Boolean) }));
+    return Wt(e, t, te(te({}, n), { attrs: Array.prototype.concat(n.attrs, i).filter(Boolean) }));
   }, r.withConfig = function(i) {
-    return Wt(e, t, ee(ee({}, n), i));
+    return Wt(e, t, te(te({}, n), i));
   }, r;
 }
 var pr = function(e) {
   return Wt(_i, e);
-}, D = pr;
+}, I = pr;
 Nt.forEach(function(e) {
-  D[e] = pr(e);
+  I[e] = pr(e);
 });
 function Ii(e) {
   for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
@@ -1840,7 +1840,7 @@ function Di({
   eventNotStartedMessage: n,
   eventStartingSoonMessage: r
 }) {
-  const i = U((d) => d.startDate), s = U((d) => d.endDate), l = Date.now(), c = l < i.getTime(), u = l > s.getTime();
+  const i = W((f) => f.startDate), s = W((f) => f.endDate), l = Date.now(), c = l < i.getTime(), u = l > s.getTime();
   return ko(5e3), c ? /* @__PURE__ */ a.jsx(
     Ai,
     {
@@ -1866,7 +1866,7 @@ function Ai({ startDate: e, title: t, message: n }) {
 function Oi({ title: e }) {
   return /* @__PURE__ */ a.jsx(Yt, { children: /* @__PURE__ */ a.jsx(qt, { children: e }) });
 }
-const Yt = D.div`
+const Yt = I.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -1879,14 +1879,14 @@ const Yt = D.div`
   justify-content: center;
   color: black;
   background: #f7e406;
-`, qt = D.h3`
+`, qt = I.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;
-`, Fi = D.p`
+`, Fi = I.p`
   margin: 0;
   height: 1.25rem;
   font-size: 1rem;
@@ -1909,7 +1909,7 @@ const xe = yt(
   ({ shape: e = "circle", ...t }, n) => /* @__PURE__ */ a.jsx(Vi, { ref: n, $shape: e, ...t })
 );
 xe.displayName = "PlayerButton";
-const Vi = D.button`
+const Vi = I.button`
   margin: 0;
   display: flex;
   align-items: center;
@@ -1958,7 +1958,7 @@ const Vi = D.button`
     `}
 `;
 function Ni({ message: e, ...t }) {
-  const n = U((s) => s.delay), r = U((s) => s.setDelay), i = () => r(0);
+  const n = W((s) => s.delay), r = W((s) => s.setDelay), i = () => r(0);
   return n ? /* @__PURE__ */ a.jsxs(xe, { onClick: i, shape: "square", ...t, children: [
     /* @__PURE__ */ a.jsx("span", { children: e || "Live" }),
     /* @__PURE__ */ a.jsx(Mi, {})
@@ -2190,7 +2190,7 @@ const m = (e) => {
   return $n(t, e);
 };
 function es() {
-  const e = m((c) => c.isPlaying), t = m((c) => c.pause), n = m((c) => c.getPauseTimeDiff), r = m((c) => c.play), i = U((c) => c.delay), s = U((c) => c.setDelay), l = () => {
+  const e = m((c) => c.isPlaying), t = m((c) => c.pause), n = m((c) => c.getPauseTimeDiff), r = m((c) => c.play), i = W((c) => c.delay), s = W((c) => c.setDelay), l = () => {
     if (e)
       t();
     else {
@@ -2206,16 +2206,16 @@ function vr({
   ...n
 }) {
   const r = q(null), i = m((h) => h.exitFullscreen), s = m((h) => h.isFullscreen), l = m((h) => h.requestFullscreen), c = (h) => {
-    p() ? (d(), s ? i() : l()) : u(h);
+    p() ? (f(), s ? i() : l()) : u(h);
   }, u = (h) => {
     r.current = window.setTimeout(() => {
-      t?.(h), d();
+      t?.(h), f();
     }, 200);
-  }, d = () => {
+  }, f = () => {
     r.current !== null && (window.clearTimeout(r.current), r.current = null);
   }, p = () => r.current !== null;
-  return te(() => () => {
-    d();
+  return J(() => () => {
+    f();
   }, []), /* @__PURE__ */ a.jsx(
     ts,
     {
@@ -2226,7 +2226,7 @@ function vr({
     }
   );
 }
-const ts = D.button`
+const ts = I.button`
   position: absolute;
   top: 0;
   left: 0;
@@ -2246,7 +2246,7 @@ const ts = D.button`
   }
 `;
 function ns() {
-  const e = m((c) => c.isPlaying), t = m((c) => c.pause), n = m((c) => c.getPauseTimeDiff), r = m((c) => c.play), i = U((c) => c.delay), s = U((c) => c.setDelay), l = () => {
+  const e = m((c) => c.isPlaying), t = m((c) => c.pause), n = m((c) => c.getPauseTimeDiff), r = m((c) => c.play), i = W((c) => c.delay), s = W((c) => c.setDelay), l = () => {
     if (e)
       t();
     else {
@@ -2256,11 +2256,11 @@ function ns() {
   };
   return /* @__PURE__ */ a.jsx(vr, { onClick: l });
 }
-const wr = D.div`
+const wr = I.div`
   position: relative;
   width: 100%;
   margin-bottom: -0.25rem;
-`, br = D.div`
+`, br = I.div`
   position: absolute;
   bottom: 1.75rem;
   left: 0;
@@ -2271,7 +2271,7 @@ const wr = D.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;
-`, xr = D.p`
+`, xr = I.p`
   margin: 0;
   padding: 0.25rem;
   font-variant-numeric: tabular-nums;
@@ -2303,7 +2303,7 @@ const wr = D.div`
   }
 ));
 Pt.displayName = "PlayerSlider";
-const rs = D(vt.Root)`
+const rs = I(vt.Root)`
   position: relative;
   display: flex;
   align-items: center;
@@ -2317,20 +2317,20 @@ const rs = D(vt.Root)`
     cursor: not-allowed;
     opacity: 0.5;
   }
-`, os = D(vt.Track)`
+`, os = I(vt.Track)`
   position: relative;
   height: 0.25rem;
   flex-grow: 1;
   background: rgba(255, 255, 255, 0.2);
   border-radius: 1rem;
   overflow: hidden;
-`, is = D(vt.Range)`
+`, is = I(vt.Range)`
   position: absolute;
   height: 100%;
   background: #f7e406;
   transition: width 0.2s ease-in-out;
   border-radius: 1rem;
-`, ss = D(vt.Thumb)`
+`, ss = I(vt.Thumb)`
   display: block;
   width: 0.875rem;
   height: 0.875rem;
@@ -2397,43 +2397,43 @@ function cs({
 }
 const On = "vod-player-progress-bar";
 function ls() {
-  const e = q(null), t = q(null), [n, r] = Y(0), [i, s] = Y(0), [l, c] = Y(!1), [u, d] = Y(-1), [p, h] = Y(-1), b = U((A) => A.delay), x = U((A) => A.startTime), R = U((A) => A.endTime), L = U((A) => A.setDelay), T = m((A) => A.isPlaying), E = m((A) => A.addIdleLock), v = m((A) => A.removeIdleLock), w = z(() => {
-    r(Cr(x, b)), s(kr(x, R));
-  }, [b, R, x]), y = parseFloat(
+  const e = q(null), t = q(null), [n, r] = Y(0), [i, s] = Y(0), [l, c] = Y(!1), [u, f] = Y(-1), [p, h] = Y(-1), b = W((D) => D.delay), S = W((D) => D.startTime), T = W((D) => D.endTime), j = W((D) => D.setDelay), V = m((D) => D.isPlaying), w = m((D) => D.addIdleLock), x = m((D) => D.removeIdleLock), v = z(() => {
+    r(Cr(S, b)), s(kr(S, T));
+  }, [b, T, S]), y = parseFloat(
     (i ? (p !== -1 ? p : n) / i * 100 : 0).toFixed(1)
-  ), I = (A) => {
-    h(i * (A[0] / 100)), E(On);
-  }, k = () => {
+  ), _ = (D) => {
+    h(i * (D[0] / 100)), w(On);
+  }, E = () => {
     if (p !== -1) {
-      const A = Sr(x, p);
-      L(A), h(-1), v(On);
+      const D = Sr(S, p);
+      j(D), h(-1), x(On);
     }
-  }, S = () => c(!0), W = () => c(!1), J = z(
-    (A) => {
+  }, C = () => c(!0), B = () => c(!1), K = z(
+    (D) => {
       const _e = e.current, fe = t.current;
       if (_e && fe) {
-        const Z = gt(_e), ne = gt(fe), ue = (A.pageX || A.clientX) - Z.left, Se = ue / Z.width;
+        const Z = gt(_e), ne = gt(fe), ue = (D.pageX || D.clientX) - Z.left, Se = ue / Z.width;
         if (Se < 0) return;
-        let K = ue - ne.width / 2;
-        K < 0 && (K = 0), K > Z.width - ne.width && (K = -1), fe.style.left = K > -1 ? `${K}px` : "auto", fe.style.right = K > -1 ? "auto" : "0px", d(Se * i);
+        let Q = ue - ne.width / 2;
+        Q < 0 && (Q = 0), Q > Z.width - ne.width && (Q = -1), fe.style.left = Q > -1 ? `${Q}px` : "auto", fe.style.right = Q > -1 ? "auto" : "0px", f(Se * i);
       }
-      S();
+      C();
     },
     [i]
   );
-  return wt(() => w(), T ? 1e3 : null), te(() => {
-    w();
-  }, [w]), /* @__PURE__ */ a.jsxs(wr, { children: [
+  return wt(() => v(), V ? 1e3 : null), J(() => {
+    v();
+  }, [v]), /* @__PURE__ */ a.jsxs(wr, { children: [
     /* @__PURE__ */ a.jsx(
       Pt,
       {
         ref: e,
         value: [y],
-        onPointerLeave: W,
-        onPointerDown: W,
-        onPointerMove: J,
-        onValueChange: I,
-        onValueCommit: k,
+        onPointerLeave: B,
+        onPointerDown: B,
+        onPointerMove: K,
+        onValueChange: _,
+        onValueCommit: E,
         step: 0.1
       }
     ),
@@ -2450,10 +2450,10 @@ function us({
 }) {
   return /* @__PURE__ */ a.jsx(Po, { startDate: t, endDate: n, children: /* @__PURE__ */ a.jsx(Er, { children: e }) });
 }
-const Pr = D.div`
+const Pr = I.div`
   display: flex;
   align-items: center;
-`, Tr = D.p`
+`, Tr = I.p`
   margin: 0;
   padding: 0;
   font-variant-numeric: tabular-nums;
@@ -2461,11 +2461,11 @@ const Pr = D.div`
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
     "Helvetica Neue", Arial, sans-serif;
   font-weight: 500;
-`, Rr = D(Tr)`
+`, Rr = I(Tr)`
   margin-right: 0.5rem;
-`, jr = D(Tr)`
+`, jr = I(Tr)`
   margin-left: 0.5rem;
-`, Lr = D.p`
+`, Lr = I.p`
   margin: 0;
   padding: 0;
   font-size: 0.8125rem;
@@ -2478,10 +2478,10 @@ const Pr = D.div`
   }
 `;
 function ds() {
-  const [e, t] = Y(0), [n, r] = Y(0), i = m((d) => d.isPlaying), s = U((d) => d.delay), l = U((d) => d.startTime), c = U((d) => d.endTime), u = z(() => {
+  const [e, t] = Y(0), [n, r] = Y(0), i = m((f) => f.isPlaying), s = W((f) => f.delay), l = W((f) => f.startTime), c = W((f) => f.endTime), u = z(() => {
     t(Cr(l, s)), r(kr(l, c));
   }, [s, c, l]);
-  return wt(() => u(), i ? 1e3 : null), te(() => {
+  return wt(() => u(), i ? 1e3 : null), J(() => {
     u();
   }, [u]), s ? /* @__PURE__ */ a.jsxs(Pr, { children: [
     /* @__PURE__ */ a.jsx(Rr, { children: Be(e) }),
@@ -2501,47 +2501,47 @@ function fs() {
   );
 }
 function ps() {
-  const e = U((r) => r.startTime), t = U((r) => r.setDelay), n = () => t(Sr(e));
+  const e = W((r) => r.startTime), t = W((r) => r.setDelay), n = () => t(Sr(e));
   return /* @__PURE__ */ a.jsx(xe, { onClick: n, children: /* @__PURE__ */ a.jsx(fs, {}) });
 }
 function hs({ url: e, isLive: t }) {
-  const n = q(null), r = m((T) => T.level), i = m((T) => T.levels), s = m((T) => T.setLevel), l = m((T) => T.setLevels), c = m((T) => T.techRef), [u, d] = Y(!1), p = z(
-    (T) => {
-      if (n.current && (n.current.nextLevel = T, s(null), i)) {
-        const E = i.map((v) => ({
+  const n = q(null), r = m((w) => w.level), i = m((w) => w.levels), s = m((w) => w.setLevel), l = m((w) => w.setLevels), c = m((w) => w.techRef), u = m((w) => w.isStarted), [f, p] = Y(!1), h = z(
+    (w) => {
+      if (n.current && (n.current.nextLevel = w, s(null), i)) {
+        const x = i.map((v) => ({
           ...v,
-          selected: v.value === T
+          selected: v.value === w
         }));
-        l(E);
+        l(x);
       }
     },
     [i, s, l, n]
-  ), h = z(() => {
+  ), b = z(() => {
     n.current && (console.log("[Player][HLS] MEDIA_ATTACHED"), n.current.loadSource(e));
-  }, [e]), b = z(() => {
+  }, [e]), S = z(() => {
     if (!n.current) return;
-    console.log("[Player][HLS] MANIFEST_LOADED"), d(!1);
-    const T = n.current.levels, E = n.current.currentLevel, v = n.current.autoLevelEnabled;
+    console.log("[Player][HLS] MANIFEST_LOADED");
+    const w = n.current.levels, x = n.current.currentLevel, v = n.current.autoLevelEnabled;
     l(
       cs({
-        levels: T.map((w, y) => {
-          const { bitrate: I, height: k, width: S } = w;
+        levels: w.map((y, _) => {
+          const { bitrate: E, height: C, width: B } = y;
           return {
-            bitrate: I,
-            height: k,
-            index: y,
-            width: S
+            bitrate: E,
+            height: C,
+            index: _,
+            width: B
           };
         }),
-        level: E,
+        level: x,
         isAuto: v
       })
     );
-  }, [l]), x = z(
-    (T, E) => {
-      console.error("[Player][HLS] ERROR", T, E), u ? console.error("[Player][HLS] Stream failed and retry limit reached") : (console.log(
+  }, [l]), T = z(
+    (w, x) => {
+      console.error("[Player][HLS] ERROR", w, x), f ? console.error("[Player][HLS] Stream failed and retry limit reached") : (console.log(
         "[Player][HLS] Stream failed, attempting failover retry..."
-      ), d(!0), setTimeout(() => {
+      ), p(!0), setTimeout(() => {
         if (n.current && c.current)
           try {
             console.log("[Player][HLS] Retrying stream..."), n.current.loadSource(e);
@@ -2550,8 +2550,8 @@ function hs({ url: e, isLive: t }) {
           }
       }, 1e3));
     },
-    [u, e, c]
-  ), R = z(() => {
+    [f, e, c]
+  ), j = z(() => {
     if (!c.current) return;
     const v = t ? {
       backBufferLength: 10,
@@ -2561,41 +2561,43 @@ function hs({ url: e, isLive: t }) {
       startLevel: -1
     };
     try {
-      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(v)), console.log("[Player][HLS] Version", he.version), n.current = new he(v), n.current.attachMedia(c.current), n.current.on(he.Events.MEDIA_ATTACHED, h), n.current.on(he.Events.MANIFEST_LOADED, b), n.current.on(he.Events.ERROR, x);
-    } catch (w) {
-      throw new Error(`Error initializing Hls: ${w}`);
+      console.log("[Player][HLS] URL", e), console.log("[Player][HLS] Config", JSON.stringify(v)), console.log("[Player][HLS] Version", he.version), n.current = new he(v), n.current.attachMedia(c.current), n.current.on(he.Events.MEDIA_ATTACHED, b), n.current.on(he.Events.MANIFEST_LOADED, S), n.current.on(he.Events.ERROR, T);
+    } catch (y) {
+      throw new Error(`Error initializing Hls: ${y}`);
     }
   }, [
+    S,
     b,
-    h,
-    x,
+    T,
     t,
     c,
     e
-  ]), L = z(() => {
-    n.current && (n.current.off(he.Events.MEDIA_ATTACHED, h), n.current.off(he.Events.MANIFEST_LOADED, b), n.current.off(he.Events.ERROR, x), n.current.destroy(), n.current = null), d(!1);
-  }, [b, h, x]);
-  return te(() => {
-    r !== null && p(r);
-  }, [r, p]), te(() => (he.isSupported() && R(), L), [L, R]), null;
+  ]), V = z(() => {
+    n.current && (n.current.off(he.Events.MEDIA_ATTACHED, b), n.current.off(he.Events.MANIFEST_LOADED, S), n.current.off(he.Events.ERROR, T), n.current.destroy(), n.current = null), p(!1);
+  }, [S, b, T]);
+  return J(() => {
+    r !== null && h(r);
+  }, [r, h]), J(() => {
+    u && p(!1);
+  }, [u]), J(() => (he.isSupported() && j(), V), [V, j]), null;
 }
 function _r({ url: e, isLive: t, isMuted: n = !1 }) {
-  const r = m((y) => y.handleDurationChange), i = m((y) => y.handleEnd), s = m((y) => y.handleLoadedMetadata), l = m((y) => y.handleLoadStart), c = m((y) => y.handlePause), u = m((y) => y.handlePlay), d = m((y) => y.handlePlaying), p = m((y) => y.handleSeeked), h = m((y) => y.handleSeeking), b = m((y) => y.handleTimeUpdate), x = m((y) => y.handleWaiting), R = m((y) => y.techRef), L = q(null), T = (y) => {
+  const r = m((y) => y.handleDurationChange), i = m((y) => y.handleEnd), s = m((y) => y.handleLoadedMetadata), l = m((y) => y.handleLoadStart), c = m((y) => y.handlePause), u = m((y) => y.handlePlay), f = m((y) => y.handlePlaying), p = m((y) => y.handleSeeked), h = m((y) => y.handleSeeking), b = m((y) => y.handleTimeUpdate), S = m((y) => y.handleWaiting), T = m((y) => y.techRef), j = q(null), V = (y) => {
     console.error("[Player][Native] ERROR", y);
-  }, E = () => t ? {} : {
+  }, w = () => t ? {} : {
     onDurationChange: r,
     onSeeked: p,
     onSeeking: h,
-    onTimeUpdate: v
-  }, v = () => {
-    (!L.current || Date.now() - L.current >= 1e3) && (b(), L.current = Date.now());
-  }, w = E();
+    onTimeUpdate: x
+  }, x = () => {
+    (!j.current || Date.now() - j.current >= 1e3) && (b(), j.current = Date.now());
+  }, v = w();
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(hs, { isLive: t, url: e }),
     /* @__PURE__ */ a.jsx(
       ms,
       {
-        ref: R,
+        ref: T,
         playsInline: !0,
         autoPlay: !0,
         controls: !1,
@@ -2603,20 +2605,20 @@ function _r({ url: e, isLive: t, isMuted: n = !1 }) {
         preload: "auto",
         crossOrigin: "anonymous",
         onEnded: i,
-        onError: T,
+        onError: V,
         onLoadedMetadata: s,
         onLoadStart: l,
         onPause: c,
         onPlay: u,
-        onPlaying: d,
-        onWaiting: x,
+        onPlaying: f,
+        onWaiting: S,
         tabIndex: -1,
-        ...w
+        ...v
       }
     )
   ] });
 }
-const ms = D.video`
+const ms = I.video`
   position: relative;
   width: 100%;
   height: 100%;
@@ -2626,7 +2628,7 @@ const ms = D.video`
   }
 `;
 function gs({ url: e }) {
-  const [t, n] = Y(null), r = U((s) => s.delay), i = z(async () => {
+  const [t, n] = Y(null), r = W((s) => s.delay), i = z(async () => {
     n(
       r ? e.replace(
         "playlist.m3u8",
@@ -2634,11 +2636,11 @@ function gs({ url: e }) {
       ) : e
     );
   }, [r, e]);
-  return te(() => {
+  return J(() => {
     i();
   }, [i]), t ? /* @__PURE__ */ a.jsx(_r, { url: t, isLive: !0 }) : null;
 }
-const Ir = D.div`
+const Ir = I.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -2647,7 +2649,7 @@ const Ir = D.div`
   color: white;
   background: black;
   overflow: hidden;
-`, Dr = D.div`
+`, Dr = I.div`
   position: absolute;
   left: 0;
   width: 100%;
@@ -2659,7 +2661,7 @@ const Ir = D.div`
   @media (min-width: 768px) {
     padding-top: 2rem;
   }
-`, Ar = D.div`
+`, Ar = I.div`
   display: flex;
   flex-direction: column;
   padding-left: 0.5rem;
@@ -2671,19 +2673,19 @@ const Ir = D.div`
     padding-left: 1rem;
     padding-right: 1rem;
   }
-`, Or = D.div`
+`, Or = I.div`
   display: flex;
   padding: 0.5rem 0;
   width: 100%;
   align-items: center;
-`, Fr = D.div`
+`, Fr = I.div`
   display: flex;
   flex: 1;
   align-items: center;
   gap: 0.5rem;
-`, Mr = D(Fr)`
+`, Mr = I(Fr)`
   justify-content: flex-start;
-`, Vr = D(Fr)`
+`, Vr = I(Fr)`
   justify-content: flex-end;
 `;
 function ys() {
@@ -2709,45 +2711,45 @@ function vs() {
   );
 }
 function Nr() {
-  const e = m((d) => d.containerRef), t = m((d) => d.exitFullscreen), n = m((d) => d.isFullscreen), r = m((d) => d.requestFullscreen), i = m((d) => d.setIsFullscreen), s = m((d) => d.setIsFullscreenReady), l = m((d) => d.techRef), c = z(
-    (d) => {
-      d.stopPropagation(), i(Bi());
+  const e = m((f) => f.containerRef), t = m((f) => f.exitFullscreen), n = m((f) => f.isFullscreen), r = m((f) => f.requestFullscreen), i = m((f) => f.setIsFullscreen), s = m((f) => f.setIsFullscreenReady), l = m((f) => f.techRef), c = z(
+    (f) => {
+      f.stopPropagation(), i(Bi());
     },
     [i]
   ), u = () => {
     n ? t() : r();
   };
-  return te(() => {
-    const d = gr ? l.current : e.current;
-    if (d)
-      return Yi(d, c);
-  }, [e, c, l]), te(() => {
+  return J(() => {
+    const f = gr ? l.current : e.current;
+    if (f)
+      return Yi(f, c);
+  }, [e, c, l]), J(() => {
     s(!0);
   }, [s]), /* @__PURE__ */ a.jsx(xe, { onClick: u, children: n ? /* @__PURE__ */ a.jsx(vs, {}) : /* @__PURE__ */ a.jsx(ys, {}) });
 }
 const ws = 5 * 1e3;
 function Hr({ children: e }) {
-  const t = q(null), [n, r] = Y(!1), i = q(null), l = m((d) => d.idleLocks).size, c = z(() => {
+  const t = q(null), [n, r] = Y(!1), i = q(null), l = m((f) => f.idleLocks).size, c = z(() => {
     i.current !== null && (window.clearTimeout(i.current), i.current = null);
   }, []), u = z(() => {
     c(), i.current = window.setTimeout(() => r(!0), ws);
   }, [c]);
-  return te(() => (r(!1), u(), () => {
+  return J(() => (r(!1), u(), () => {
     c();
-  }), [c, u]), te(() => {
-    const d = t.current;
-    if (!d) return;
+  }), [c, u]), J(() => {
+    const f = t.current;
+    if (!f) return;
     const p = (b) => {
       n && (b.stopPropagation(), r(!1), u());
     }, h = () => {
       n && r(!1), u();
     };
-    return d.addEventListener("click", p), d.addEventListener("mousemove", h), () => {
-      d.removeEventListener("click", p), d.removeEventListener("mousemove", h);
+    return f.addEventListener("click", p), f.addEventListener("mousemove", h), () => {
+      f.removeEventListener("click", p), f.removeEventListener("mousemove", h);
     };
   }, [t, n, r, u]), /* @__PURE__ */ a.jsx(bs, { ref: t, $isIdle: n && !l, children: e });
 }
-const bs = D.div`
+const bs = I.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -2767,7 +2769,7 @@ const Ss = Ii`
   to {
     transform: rotate(360deg);
   }
-`, Cs = D.div`
+`, Cs = I.div`
   width: 1.5rem;
   height: 1.5rem;
   border: 2px solid white;
@@ -2777,7 +2779,7 @@ const Ss = Ii`
 `;
 function ks(e, t = 500) {
   const [n, r] = Y(e);
-  return te(() => {
+  return J(() => {
     const i = window.setTimeout(() => r(e), t);
     return () => {
       window.clearTimeout(i);
@@ -2788,7 +2790,7 @@ function $r({ style: e, ...t }) {
   const n = m((i) => i.isLoading);
   return ks(n, 100) ? /* @__PURE__ */ a.jsx(Es, { style: e, ...t, children: /* @__PURE__ */ a.jsx(xs, {}) }) : null;
 }
-const Es = D.div`
+const Es = I.div`
   pointer-events: none;
   position: absolute;
   top: 0;
@@ -2837,7 +2839,7 @@ const Rs = Qe.Root, js = Qe.Trigger, Ls = Qe.Portal, zr = yt(({ sideOffset: e =
 zr.displayName = "PlayerDropdownMenuContent";
 const Br = yt((e, t) => /* @__PURE__ */ a.jsx(Is, { ref: t, ...e }));
 Br.displayName = "PlayerDropdownMenuItem";
-const _s = D(Qe.Content).withConfig({
+const _s = I(Qe.Content).withConfig({
   shouldForwardProp: (e) => e !== "ref"
 })`
   padding: 0.25rem;
@@ -2914,7 +2916,7 @@ const _s = D(Qe.Content).withConfig({
       transform: translateX(0);
     }
   }
-`, Is = D(Qe.Item)`
+`, Is = I(Qe.Item)`
   position: relative;
   display: flex;
   align-items: center;
@@ -3027,11 +3029,11 @@ function Wr() {
     ) })
   ] });
 }
-const Yr = D.div`
+const Yr = I.div`
   width: 0;
   opacity: 0;
   transition: all 0.2s ease-in-out;
-`, Fs = D.div`
+`, Fs = I.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -3107,36 +3109,36 @@ function Ns() {
 }
 const Vn = "vod-player-progress-bar";
 function Hs() {
-  const e = q(null), t = q(null), [n, r] = Y(!1), [i, s] = Y(-1), [l, c] = Y(-1), u = m((w) => w.currentTime), d = m((w) => w.duration), p = m((w) => w.seek), h = m((w) => w.addIdleLock), b = m((w) => w.removeIdleLock), x = parseFloat(
-    (d ? (l !== -1 ? l : u) / d * 100 : 0).toFixed(1)
-  ), R = (w) => {
-    c(d * (w[0] / 100)), h(Vn);
-  }, L = () => {
+  const e = q(null), t = q(null), [n, r] = Y(!1), [i, s] = Y(-1), [l, c] = Y(-1), u = m((v) => v.currentTime), f = m((v) => v.duration), p = m((v) => v.seek), h = m((v) => v.addIdleLock), b = m((v) => v.removeIdleLock), S = parseFloat(
+    (f ? (l !== -1 ? l : u) / f * 100 : 0).toFixed(1)
+  ), T = (v) => {
+    c(f * (v[0] / 100)), h(Vn);
+  }, j = () => {
     l !== -1 && (p(l), c(-1), b(Vn));
-  }, T = () => r(!0), E = () => r(!1), v = z(
-    (w) => {
-      const y = e.current, I = t.current;
-      if (y && I) {
-        const k = gt(y), S = gt(I), W = (w.pageX || w.clientX) - k.left, J = W / k.width;
-        if (J < 0) return;
-        let A = W - S.width / 2;
-        A < 0 && (A = 0), A > k.width - S.width && (A = -1), I.style.left = A > -1 ? `${A}px` : "auto", I.style.right = A > -1 ? "auto" : "0px", s(J * d);
+  }, V = () => r(!0), w = () => r(!1), x = z(
+    (v) => {
+      const y = e.current, _ = t.current;
+      if (y && _) {
+        const E = gt(y), C = gt(_), B = (v.pageX || v.clientX) - E.left, K = B / E.width;
+        if (K < 0) return;
+        let D = B - C.width / 2;
+        D < 0 && (D = 0), D > E.width - C.width && (D = -1), _.style.left = D > -1 ? `${D}px` : "auto", _.style.right = D > -1 ? "auto" : "0px", s(K * f);
       }
-      T();
+      V();
     },
-    [d]
+    [f]
   );
   return /* @__PURE__ */ a.jsxs(wr, { children: [
     /* @__PURE__ */ a.jsx(
       Pt,
       {
         ref: e,
-        value: [x],
-        onPointerLeave: E,
-        onPointerDown: E,
-        onPointerMove: v,
-        onValueChange: R,
-        onValueCommit: L,
+        value: [S],
+        onPointerLeave: w,
+        onPointerDown: w,
+        onPointerMove: x,
+        onValueChange: T,
+        onValueCommit: j,
         step: 0.1
       }
     ),
@@ -3173,14 +3175,14 @@ function Us({ storageKey: e }) {
     return { startTime: null, progress: null };
   }, [e]), u = z(() => {
     t < zs || l();
-  }, [t, l]), d = z(() => {
+  }, [t, l]), f = z(() => {
     if (s.current) return;
     const { progress: p, startTime: h } = c();
     h && p && p < Bs && (i(h), s.current = !0);
   }, [c, i]);
-  return wt(() => u(), r ? 1e3 : null), te(() => {
-    d();
-  }, [d]), null;
+  return wt(() => u(), r ? 1e3 : null), J(() => {
+    f();
+  }, [f]), null;
 }
 function Xs({ url: e, watchHistory: t }) {
   return /* @__PURE__ */ a.jsxs(Er, { children: [