@devix-technologies/react-gjirafa-vp-player 1.0.31-beta.3 → 1.0.31-beta.5

package/dist/react-gjirafa-vp-player.es.js

@@ -1,5 +1,5 @@
 import * as ne from "react";
-import hr, { forwardRef as mr, useContext as gr, useState as Re, useEffect as je, useRef as be, useId as yr, useMemo as ve } from "react";
+import mr, { forwardRef as nr, useContext as gr, useState as Re, useEffect as je, useRef as be, useId as yr, useMemo as ve, useImperativeHandle as br } from "react";
 var xe = { exports: {} }, fe = {};
 /**
  * @license React
@@ -11,23 +11,23 @@ var xe = { exports: {} }, fe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var We;
-function br() {
+function vr() {
   if (We) return fe;
   We = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function t(a, n, o) {
-    var s = null;
-    if (o !== void 0 && (s = "" + o), n.key !== void 0 && (s = "" + n.key), "key" in n) {
-      o = {};
-      for (var l in n)
-        l !== "key" && (o[l] = n[l]);
-    } else o = n;
-    return n = o.ref, {
+  function t(a, n, s) {
+    var l = null;
+    if (s !== void 0 && (l = "" + s), n.key !== void 0 && (l = "" + n.key), "key" in n) {
+      s = {};
+      for (var u in n)
+        u !== "key" && (s[u] = n[u]);
+    } else s = n;
+    return n = s.ref, {
       $$typeof: e,
       type: a,
-      key: s,
+      key: l,
       ref: n !== void 0 ? n : null,
-      props: o
+      props: s
     };
   }
   return fe.Fragment = r, fe.jsx = t, fe.jsxs = t, fe;
@@ -43,251 +43,251 @@ var de = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ye;
-function vr() {
+function xr() {
   return Ye || (Ye = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(i) {
-      if (i == null) return null;
-      if (typeof i == "function")
-        return i.$$typeof === G ? null : i.displayName || i.name || null;
-      if (typeof i == "string") return i;
-      switch (i) {
-        case y:
+    function e(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === B ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
+        case x:
           return "Fragment";
-        case P:
+        case R:
           return "Profiler";
-        case b:
+        case w:
           return "StrictMode";
-        case C:
+        case $:
           return "Suspense";
-        case x:
+        case k:
           return "SuspenseList";
         case L:
           return "Activity";
       }
-      if (typeof i == "object")
-        switch (typeof i.tag == "number" && console.error(
+      if (typeof o == "object")
+        switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), i.$$typeof) {
-          case g:
+        ), o.$$typeof) {
+          case v:
             return "Portal";
           case M:
-            return i.displayName || "Context";
-          case O:
-            return (i._context.displayName || "Context") + ".Consumer";
-          case F:
-            var c = i.render;
-            return i = i.displayName, i || (i = c.displayName || c.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
-          case Y:
-            return c = i.displayName || null, c !== null ? c : e(i.type) || "Memo";
+            return o.displayName || "Context";
+          case j:
+            return (o._context.displayName || "Context") + ".Consumer";
+          case N:
+            var f = o.render;
+            return o = o.displayName, o || (o = f.displayName || f.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case q:
+            return f = o.displayName || null, f !== null ? f : e(o.type) || "Memo";
           case J:
-            c = i._payload, i = i._init;
+            f = o._payload, o = o._init;
             try {
-              return e(i(c));
+              return e(o(f));
             } catch {
             }
         }
       return null;
     }
-    function r(i) {
-      return "" + i;
+    function r(o) {
+      return "" + o;
     }
-    function t(i) {
+    function t(o) {
       try {
-        r(i);
-        var c = !1;
+        r(o);
+        var f = !1;
       } catch {
-        c = !0;
+        f = !0;
       }
-      if (c) {
-        c = console;
-        var _ = c.error, T = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return _.call(
-          c,
+      if (f) {
+        f = console;
+        var i = f.error, c = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return i.call(
+          f,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          T
-        ), r(i);
+          c
+        ), r(o);
       }
     }
-    function a(i) {
-      if (i === y) return "<>";
-      if (typeof i == "object" && i !== null && i.$$typeof === J)
+    function a(o) {
+      if (o === x) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === J)
         return "<...>";
       try {
-        var c = e(i);
-        return c ? "<" + c + ">" : "<...>";
+        var f = e(o);
+        return f ? "<" + f + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function n() {
-      var i = z.A;
-      return i === null ? null : i.getOwner();
+      var o = z.A;
+      return o === null ? null : o.getOwner();
     }
-    function o() {
+    function s() {
       return Error("react-stack-top-frame");
     }
-    function s(i) {
-      if ($.call(i, "key")) {
-        var c = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (c && c.isReactWarning) return !1;
+    function l(o) {
+      if (g.call(o, "key")) {
+        var f = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (f && f.isReactWarning) return !1;
       }
-      return i.key !== void 0;
+      return o.key !== void 0;
     }
-    function l(i, c) {
-      function _() {
-        D || (D = !0, console.error(
+    function u(o, f) {
+      function i() {
+        W || (W = !0, console.error(
           "%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://react.dev/link/special-props)",
-          c
+          f
         ));
       }
-      _.isReactWarning = !0, Object.defineProperty(i, "key", {
-        get: _,
+      i.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: i,
         configurable: !0
       });
     }
-    function d() {
-      var i = e(this.type);
-      return Q[i] || (Q[i] = !0, console.error(
+    function h() {
+      var o = e(this.type);
+      return te[o] || (te[o] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), i = this.props.ref, i !== void 0 ? i : null;
+      )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function h(i, c, _, T, q, oe) {
-      var v = _.ref;
-      return i = {
-        $$typeof: R,
-        type: i,
-        key: c,
-        props: _,
-        _owner: T
-      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(i, "ref", {
+    function y(o, f, i, c, C, oe) {
+      var P = i.ref;
+      return o = {
+        $$typeof: A,
+        type: o,
+        key: f,
+        props: i,
+        _owner: c
+      }, (P !== void 0 ? P : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: d
-      }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
+        get: h
+      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(i, "_debugInfo", {
+      }), Object.defineProperty(o, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(i, "_debugStack", {
+      }), Object.defineProperty(o, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: q
-      }), Object.defineProperty(i, "_debugTask", {
+        value: C
+      }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: oe
-      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function p(i, c, _, T, q, oe) {
-      var v = c.children;
-      if (v !== void 0)
-        if (T)
-          if (Z(v)) {
-            for (T = 0; T < v.length; T++)
-              m(v[T]);
-            Object.freeze && Object.freeze(v);
+    function m(o, f, i, c, C, oe) {
+      var P = f.children;
+      if (P !== void 0)
+        if (c)
+          if (Z(P)) {
+            for (c = 0; c < P.length; c++)
+              b(P[c]);
+            Object.freeze && Object.freeze(P);
           } else
             console.error(
               "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 m(v);
-      if ($.call(c, "key")) {
-        v = e(i);
-        var E = Object.keys(c).filter(function(u) {
-          return u !== "key";
+        else b(P);
+      if (g.call(f, "key")) {
+        P = e(o);
+        var _ = Object.keys(f).filter(function(d) {
+          return d !== "key";
         });
-        T = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", ae[v + T] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+        c = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", ae[P + c] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
           `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,
-          v,
-          E,
-          v
-        ), ae[v + T] = !0);
+          c,
+          P,
+          _,
+          P
+        ), ae[P + c] = !0);
       }
-      if (v = null, _ !== void 0 && (t(_), v = "" + _), s(c) && (t(c.key), v = "" + c.key), "key" in c) {
-        _ = {};
-        for (var f in c)
-          f !== "key" && (_[f] = c[f]);
-      } else _ = c;
-      return v && l(
-        _,
-        typeof i == "function" ? i.displayName || i.name || "Unknown" : i
-      ), h(
+      if (P = null, i !== void 0 && (t(i), P = "" + i), l(f) && (t(f.key), P = "" + f.key), "key" in f) {
+        i = {};
+        for (var p in f)
+          p !== "key" && (i[p] = f[p]);
+      } else i = f;
+      return P && u(
+        i,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      ), y(
+        o,
+        P,
         i,
-        v,
-        _,
         n(),
-        q,
+        C,
         oe
       );
     }
-    function m(i) {
-      A(i) ? i._store && (i._store.validated = 1) : typeof i == "object" && i !== null && i.$$typeof === J && (i._payload.status === "fulfilled" ? A(i._payload.value) && i._payload.value._store && (i._payload.value._store.validated = 1) : i._store && (i._store.validated = 1));
+    function b(o) {
+      O(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === J && (o._payload.status === "fulfilled" ? O(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
-    function A(i) {
-      return typeof i == "object" && i !== null && i.$$typeof === R;
+    function O(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === A;
     }
-    var S = hr, R = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), M = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), J = Symbol.for("react.lazy"), L = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), z = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, Z = Array.isArray, U = console.createTask ? console.createTask : function() {
+    var T = mr, A = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), M = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), $ = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), J = Symbol.for("react.lazy"), L = Symbol.for("react.activity"), B = Symbol.for("react.client.reference"), z = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, g = Object.prototype.hasOwnProperty, Z = Array.isArray, D = console.createTask ? console.createTask : function() {
       return null;
     };
-    S = {
-      react_stack_bottom_frame: function(i) {
-        return i();
+    T = {
+      react_stack_bottom_frame: function(o) {
+        return o();
       }
     };
-    var D, Q = {}, B = S.react_stack_bottom_frame.bind(
-      S,
-      o
-    )(), te = U(a(o)), ae = {};
-    de.Fragment = y, de.jsx = function(i, c, _) {
-      var T = 1e4 > z.recentlyCreatedOwnerStacks++;
-      return p(
+    var W, te = {}, H = T.react_stack_bottom_frame.bind(
+      T,
+      s
+    )(), Q = D(a(s)), ae = {};
+    de.Fragment = x, de.jsx = function(o, f, i) {
+      var c = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return m(
+        o,
+        f,
         i,
-        c,
-        _,
         !1,
-        T ? Error("react-stack-top-frame") : B,
-        T ? U(a(i)) : te
+        c ? Error("react-stack-top-frame") : H,
+        c ? D(a(o)) : Q
       );
-    }, de.jsxs = function(i, c, _) {
-      var T = 1e4 > z.recentlyCreatedOwnerStacks++;
-      return p(
+    }, de.jsxs = function(o, f, i) {
+      var c = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return m(
+        o,
+        f,
         i,
-        c,
-        _,
         !0,
-        T ? Error("react-stack-top-frame") : B,
-        T ? U(a(i)) : te
+        c ? Error("react-stack-top-frame") : H,
+        c ? D(a(o)) : Q
       );
     };
   })()), de;
 }
 var qe;
-function xr() {
-  return qe || (qe = 1, process.env.NODE_ENV === "production" ? xe.exports = br() : xe.exports = vr()), xe.exports;
+function wr() {
+  return qe || (qe = 1, process.env.NODE_ENV === "production" ? xe.exports = vr() : xe.exports = xr()), xe.exports;
 }
-var I = xr();
-function Ie() {
-  return Ie = Object.assign ? Object.assign.bind() : function(e) {
+var I = wr();
+function Fe() {
+  return Fe = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
       var t = arguments[r];
       for (var a in t) ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
     }
     return e;
-  }, Ie.apply(null, arguments);
+  }, Fe.apply(null, arguments);
 }
-function wr(e) {
+function Pr(e) {
   if (e.sheet)
     return e.sheet;
   for (var r = 0; r < document.styleSheets.length; r++)
@@ -298,12 +298,12 @@ function kr(e) {
   var r = document.createElement("style");
   return r.setAttribute("data-emotion", e.key), e.nonce !== void 0 && r.setAttribute("nonce", e.nonce), r.appendChild(document.createTextNode("")), r.setAttribute("data-s", ""), r;
 }
-var Pr = /* @__PURE__ */ (function() {
+var Sr = /* @__PURE__ */ (function() {
   function e(t) {
     var a = this;
     this._insertTag = function(n) {
-      var o;
-      a.tags.length === 0 ? a.insertionPoint ? o = a.insertionPoint.nextSibling : a.prepend ? o = a.container.firstChild : o = a.before : o = a.tags[a.tags.length - 1].nextSibling, a.container.insertBefore(n, o), a.tags.push(n);
+      var s;
+      a.tags.length === 0 ? a.insertionPoint ? s = a.insertionPoint.nextSibling : a.prepend ? s = a.container.firstChild : s = a.before : s = a.tags[a.tags.length - 1].nextSibling, a.container.insertBefore(n, s), a.tags.push(n);
     }, this.isSpeedy = t.speedy === void 0 ? !0 : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
   }
   var r = e.prototype;
@@ -313,9 +313,9 @@ var Pr = /* @__PURE__ */ (function() {
     this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(kr(this));
     var n = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var o = wr(n);
+      var s = Pr(n);
       try {
-        o.insertRule(a, o.cssRules.length);
+        s.insertRule(a, s.cssRules.length);
       } catch {
       }
     } else
@@ -327,23 +327,23 @@ var Pr = /* @__PURE__ */ (function() {
       return (n = a.parentNode) == null ? void 0 : n.removeChild(a);
     }), this.tags = [], this.ctr = 0;
   }, e;
-})(), V = "-ms-", _e = "-moz-", w = "-webkit-", nr = "comm", Le = "rule", Ne = "decl", Er = "@import", ar = "@keyframes", Sr = "@layer", Rr = Math.abs, Te = String.fromCharCode, _r = Object.assign;
-function Tr(e, r) {
-  return N(e, 0) ^ 45 ? (((r << 2 ^ N(e, 0)) << 2 ^ N(e, 1)) << 2 ^ N(e, 2)) << 2 ^ N(e, 3) : 0;
+})(), U = "-ms-", _e = "-moz-", S = "-webkit-", ar = "comm", Ne = "rule", Le = "decl", Er = "@import", ir = "@keyframes", Rr = "@layer", _r = Math.abs, Te = String.fromCharCode, Tr = Object.assign;
+function Ar(e, r) {
+  return V(e, 0) ^ 45 ? (((r << 2 ^ V(e, 0)) << 2 ^ V(e, 1)) << 2 ^ V(e, 2)) << 2 ^ V(e, 3) : 0;
 }
-function ir(e) {
+function or(e) {
   return e.trim();
 }
-function Ar(e, r) {
+function Cr(e, r) {
   return (e = r.exec(e)) ? e[0] : e;
 }
-function k(e, r, t) {
+function E(e, r, t) {
   return e.replace(r, t);
 }
-function Me(e, r) {
+function Ie(e, r) {
   return e.indexOf(r);
 }
-function N(e, r) {
+function V(e, r) {
   return e.charCodeAt(r) | 0;
 }
 function he(e, r, t) {
@@ -358,30 +358,30 @@ function Ve(e) {
 function we(e, r) {
   return r.push(e), e;
 }
-function Cr(e, r) {
+function Or(e, r) {
   return e.map(r).join("");
 }
-var Ae = 1, ce = 1, or = 0, W = 0, j = 0, ue = "";
-function Ce(e, r, t, a, n, o, s) {
-  return { value: e, root: r, parent: t, type: a, props: n, children: o, line: Ae, column: ce, length: s, return: "" };
+var Ae = 1, ce = 1, sr = 0, Y = 0, F = 0, ue = "";
+function Ce(e, r, t, a, n, s, l) {
+  return { value: e, root: r, parent: t, type: a, props: n, children: s, line: Ae, column: ce, length: l, return: "" };
 }
 function pe(e, r) {
-  return _r(Ce("", null, null, "", null, null, 0), e, { length: -e.length }, r);
-}
-function Or() {
-  return j;
+  return Tr(Ce("", null, null, "", null, null, 0), e, { length: -e.length }, r);
 }
 function $r() {
-  return j = W > 0 ? N(ue, --W) : 0, ce--, j === 10 && (ce = 1, Ae--), j;
+  return F;
 }
-function H() {
-  return j = W < or ? N(ue, W++) : 0, ce++, j === 10 && (ce = 1, Ae++), j;
+function jr() {
+  return F = Y > 0 ? V(ue, --Y) : 0, ce--, F === 10 && (ce = 1, Ae--), F;
+}
+function G() {
+  return F = Y < sr ? V(ue, Y++) : 0, ce++, F === 10 && (ce = 1, Ae++), F;
 }
 function re() {
-  return N(ue, W);
+  return V(ue, Y);
 }
-function Pe() {
-  return W;
+function ke() {
+  return Y;
 }
 function ye(e, r) {
   return he(ue, e, r);
@@ -424,232 +424,232 @@ function me(e) {
   }
   return 0;
 }
-function sr(e) {
-  return Ae = ce = 1, or = K(ue = e), W = 0, [];
-}
 function cr(e) {
+  return Ae = ce = 1, sr = K(ue = e), Y = 0, [];
+}
+function lr(e) {
   return ue = "", e;
 }
-function Ee(e) {
-  return ir(ye(W - 1, Fe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+function Se(e) {
+  return or(ye(Y - 1, Me(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function jr(e) {
-  for (; (j = re()) && j < 33; )
-    H();
-  return me(e) > 2 || me(j) > 3 ? "" : " ";
+function Fr(e) {
+  for (; (F = re()) && F < 33; )
+    G();
+  return me(e) > 2 || me(F) > 3 ? "" : " ";
 }
 function Ir(e, r) {
-  for (; --r && H() && !(j < 48 || j > 102 || j > 57 && j < 65 || j > 70 && j < 97); )
+  for (; --r && G() && !(F < 48 || F > 102 || F > 57 && F < 65 || F > 70 && F < 97); )
     ;
-  return ye(e, Pe() + (r < 6 && re() == 32 && H() == 32));
+  return ye(e, ke() + (r < 6 && re() == 32 && G() == 32));
 }
-function Fe(e) {
-  for (; H(); )
-    switch (j) {
+function Me(e) {
+  for (; G(); )
+    switch (F) {
       // ] ) " '
       case e:
-        return W;
+        return Y;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Fe(j);
+        e !== 34 && e !== 39 && Me(F);
         break;
       // (
       case 40:
-        e === 41 && Fe(e);
+        e === 41 && Me(e);
         break;
       // \
       case 92:
-        H();
+        G();
         break;
     }
-  return W;
+  return Y;
 }
 function Mr(e, r) {
-  for (; H() && e + j !== 57; )
-    if (e + j === 84 && re() === 47)
+  for (; G() && e + F !== 57; )
+    if (e + F === 84 && re() === 47)
       break;
-  return "/*" + ye(r, W - 1) + "*" + Te(e === 47 ? e : H());
+  return "/*" + ye(r, Y - 1) + "*" + Te(e === 47 ? e : G());
 }
-function Fr(e) {
+function Nr(e) {
   for (; !me(re()); )
-    H();
-  return ye(e, W);
+    G();
+  return ye(e, Y);
 }
 function Lr(e) {
-  return cr(Se("", null, null, null, [""], e = sr(e), 0, [0], e));
+  return lr(Ee("", null, null, null, [""], e = cr(e), 0, [0], e));
 }
-function Se(e, r, t, a, n, o, s, l, d) {
-  for (var h = 0, p = 0, m = s, A = 0, S = 0, R = 0, g = 1, y = 1, b = 1, P = 0, O = "", M = n, F = o, C = a, x = O; y; )
-    switch (R = P, P = H()) {
+function Ee(e, r, t, a, n, s, l, u, h) {
+  for (var y = 0, m = 0, b = l, O = 0, T = 0, A = 0, v = 1, x = 1, w = 1, R = 0, j = "", M = n, N = s, $ = a, k = j; x; )
+    switch (A = R, R = G()) {
       // (
       case 40:
-        if (R != 108 && N(x, m - 1) == 58) {
-          Me(x += k(Ee(P), "&", "&\f"), "&\f") != -1 && (b = -1);
+        if (A != 108 && V(k, b - 1) == 58) {
+          Ie(k += E(Se(R), "&", "&\f"), "&\f") != -1 && (w = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        x += Ee(P);
+        k += Se(R);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        x += jr(R);
+        k += Fr(A);
         break;
       // \
       case 92:
-        x += Ir(Pe() - 1, 7);
+        k += Ir(ke() - 1, 7);
         continue;
       // /
       case 47:
         switch (re()) {
           case 42:
           case 47:
-            we(Nr(Mr(H(), Pe()), r, t), d);
+            we(Vr(Mr(G(), ke()), r, t), h);
             break;
           default:
-            x += "/";
+            k += "/";
         }
         break;
       // {
-      case 123 * g:
-        l[h++] = K(x) * b;
+      case 123 * v:
+        u[y++] = K(k) * w;
       // } ; \0
-      case 125 * g:
+      case 125 * v:
       case 59:
       case 0:
-        switch (P) {
+        switch (R) {
           // \0 }
           case 0:
           case 125:
-            y = 0;
+            x = 0;
           // ;
-          case 59 + p:
-            b == -1 && (x = k(x, /\f/g, "")), S > 0 && K(x) - m && we(S > 32 ? Ge(x + ";", a, t, m - 1) : Ge(k(x, " ", "") + ";", a, t, m - 2), d);
+          case 59 + m:
+            w == -1 && (k = E(k, /\f/g, "")), T > 0 && K(k) - b && we(T > 32 ? Ge(k + ";", a, t, b - 1) : Ge(E(k, " ", "") + ";", a, t, b - 2), h);
             break;
           // @ ;
           case 59:
-            x += ";";
+            k += ";";
           // { rule/at-rule
           default:
-            if (we(C = He(x, r, t, h, p, n, l, O, M = [], F = [], m), o), P === 123)
-              if (p === 0)
-                Se(x, r, C, C, M, o, m, l, F);
+            if (we($ = He(k, r, t, y, m, n, u, j, M = [], N = [], b), s), R === 123)
+              if (m === 0)
+                Ee(k, r, $, $, M, s, b, u, N);
               else
-                switch (A === 99 && N(x, 3) === 110 ? 100 : A) {
+                switch (O === 99 && V(k, 3) === 110 ? 100 : O) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Se(e, C, C, a && we(He(e, C, C, 0, 0, n, l, O, n, M = [], m), F), n, F, m, l, a ? M : F);
+                    Ee(e, $, $, a && we(He(e, $, $, 0, 0, n, u, j, n, M = [], b), N), n, N, b, u, a ? M : N);
                     break;
                   default:
-                    Se(x, C, C, C, [""], F, 0, l, F);
+                    Ee(k, $, $, $, [""], N, 0, u, N);
                 }
         }
-        h = p = S = 0, g = b = 1, O = x = "", m = s;
+        y = m = T = 0, v = w = 1, j = k = "", b = l;
         break;
       // :
       case 58:
-        m = 1 + K(x), S = R;
+        b = 1 + K(k), T = A;
       default:
-        if (g < 1) {
-          if (P == 123)
-            --g;
-          else if (P == 125 && g++ == 0 && $r() == 125)
+        if (v < 1) {
+          if (R == 123)
+            --v;
+          else if (R == 125 && v++ == 0 && jr() == 125)
             continue;
         }
-        switch (x += Te(P), P * g) {
+        switch (k += Te(R), R * v) {
           // &
           case 38:
-            b = p > 0 ? 1 : (x += "\f", -1);
+            w = m > 0 ? 1 : (k += "\f", -1);
             break;
           // ,
           case 44:
-            l[h++] = (K(x) - 1) * b, b = 1;
+            u[y++] = (K(k) - 1) * w, w = 1;
             break;
           // @
           case 64:
-            re() === 45 && (x += Ee(H())), A = re(), p = m = K(O = x += Fr(Pe())), P++;
+            re() === 45 && (k += Se(G())), O = re(), m = b = K(j = k += Nr(ke())), R++;
             break;
           // -
           case 45:
-            R === 45 && K(x) == 2 && (g = 0);
+            A === 45 && K(k) == 2 && (v = 0);
         }
     }
-  return o;
+  return s;
 }
-function He(e, r, t, a, n, o, s, l, d, h, p) {
-  for (var m = n - 1, A = n === 0 ? o : [""], S = Ve(A), R = 0, g = 0, y = 0; R < a; ++R)
-    for (var b = 0, P = he(e, m + 1, m = Rr(g = s[R])), O = e; b < S; ++b)
-      (O = ir(g > 0 ? A[b] + " " + P : k(P, /&\f/g, A[b]))) && (d[y++] = O);
-  return Ce(e, r, t, n === 0 ? Le : l, d, h, p);
+function He(e, r, t, a, n, s, l, u, h, y, m) {
+  for (var b = n - 1, O = n === 0 ? s : [""], T = Ve(O), A = 0, v = 0, x = 0; A < a; ++A)
+    for (var w = 0, R = he(e, b + 1, b = _r(v = l[A])), j = e; w < T; ++w)
+      (j = or(v > 0 ? O[w] + " " + R : E(R, /&\f/g, O[w]))) && (h[x++] = j);
+  return Ce(e, r, t, n === 0 ? Ne : u, h, y, m);
 }
-function Nr(e, r, t) {
-  return Ce(e, r, t, nr, Te(Or()), he(e, 2, -2), 0);
+function Vr(e, r, t) {
+  return Ce(e, r, t, ar, Te($r()), he(e, 2, -2), 0);
 }
 function Ge(e, r, t, a) {
-  return Ce(e, r, t, Ne, he(e, 0, a), he(e, a + 1, -1), a);
+  return Ce(e, r, t, Le, he(e, 0, a), he(e, a + 1, -1), a);
 }
 function se(e, r) {
   for (var t = "", a = Ve(e), n = 0; n < a; n++)
     t += r(e[n], n, e, r) || "";
   return t;
 }
-function Vr(e, r, t, a) {
+function zr(e, r, t, a) {
   switch (e.type) {
-    case Sr:
+    case Rr:
       if (e.children.length) break;
     case Er:
-    case Ne:
+    case Le:
       return e.return = e.return || e.value;
-    case nr:
-      return "";
     case ar:
+      return "";
+    case ir:
       return e.return = e.value + "{" + se(e.children, a) + "}";
-    case Le:
+    case Ne:
       e.value = e.props.join(",");
   }
   return K(t = se(e.children, a)) ? e.return = e.value + "{" + t + "}" : "";
 }
-function zr(e) {
+function Ur(e) {
   var r = Ve(e);
-  return function(t, a, n, o) {
-    for (var s = "", l = 0; l < r; l++)
-      s += e[l](t, a, n, o) || "";
-    return s;
+  return function(t, a, n, s) {
+    for (var l = "", u = 0; u < r; u++)
+      l += e[u](t, a, n, s) || "";
+    return l;
   };
 }
-function Ur(e) {
+function Dr(e) {
   return function(r) {
     r.root || (r = r.return) && e(r);
   };
 }
-function lr(e) {
+function ur(e) {
   var r = /* @__PURE__ */ Object.create(null);
   return function(t) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var Dr = function(r, t, a) {
-  for (var n = 0, o = 0; n = o, o = re(), n === 38 && o === 12 && (t[a] = 1), !me(o); )
-    H();
-  return ye(r, W);
-}, Wr = function(r, t) {
+var Wr = function(r, t, a) {
+  for (var n = 0, s = 0; n = s, s = re(), n === 38 && s === 12 && (t[a] = 1), !me(s); )
+    G();
+  return ye(r, Y);
+}, Yr = function(r, t) {
   var a = -1, n = 44;
   do
     switch (me(n)) {
       case 0:
-        n === 38 && re() === 12 && (t[a] = 1), r[a] += Dr(W - 1, t, a);
+        n === 38 && re() === 12 && (t[a] = 1), r[a] += Wr(Y - 1, t, a);
         break;
       case 2:
-        r[a] += Ee(n);
+        r[a] += Se(n);
         break;
       case 4:
         if (n === 44) {
@@ -660,11 +660,11 @@ var Dr = function(r, t, a) {
       default:
         r[a] += Te(n);
     }
-  while (n = H());
+  while (n = G());
   return r;
-}, Yr = function(r, t) {
-  return cr(Wr(sr(r), t));
-}, Be = /* @__PURE__ */ new WeakMap(), qr = function(r) {
+}, qr = function(r, t) {
+  return lr(Yr(cr(r), t));
+}, Be = /* @__PURE__ */ new WeakMap(), Hr = function(r) {
   if (!(r.type !== "rule" || !r.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   r.length < 1)) {
@@ -672,12 +672,12 @@ var Dr = function(r, t, a) {
       if (a = a.parent, !a) return;
     if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !Be.get(a)) && !n) {
       Be.set(r, !0);
-      for (var o = [], s = Yr(t, o), l = a.props, d = 0, h = 0; d < s.length; d++)
-        for (var p = 0; p < l.length; p++, h++)
-          r.props[h] = o[d] ? s[d].replace(/&\f/g, l[p]) : l[p] + " " + s[d];
+      for (var s = [], l = qr(t, s), u = a.props, h = 0, y = 0; h < l.length; h++)
+        for (var m = 0; m < u.length; m++, y++)
+          r.props[y] = s[h] ? l[h].replace(/&\f/g, u[m]) : u[m] + " " + l[h];
     }
   }
-}, Hr = function(r) {
+}, Gr = function(r) {
   if (r.type === "decl") {
     var t = r.value;
     // charcode for l
@@ -685,11 +685,11 @@ var Dr = function(r, t, a) {
     t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
   }
 };
-function ur(e, r) {
-  switch (Tr(e, r)) {
+function fr(e, r) {
+  switch (Ar(e, r)) {
     // color-adjust
     case 5103:
-      return w + "print-" + e + e;
+      return S + "print-" + e + e;
     // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
     case 5737:
     case 4201:
@@ -719,58 +719,58 @@ function ur(e, r) {
     case 5365:
     case 5621:
     case 3829:
-      return w + e + e;
+      return S + e + e;
     // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return w + e + _e + e + V + e + e;
+      return S + e + _e + e + U + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return w + e + V + e + e;
+      return S + e + U + e + e;
     // order
     case 6165:
-      return w + e + V + "flex-" + e + e;
+      return S + e + U + "flex-" + e + e;
     // align-items
     case 5187:
-      return w + e + k(e, /(\w+).+(:[^]+)/, w + "box-$1$2" + V + "flex-$1$2") + e;
+      return S + e + E(e, /(\w+).+(:[^]+)/, S + "box-$1$2" + U + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return w + e + V + "flex-item-" + k(e, /flex-|-self/, "") + e;
+      return S + e + U + "flex-item-" + E(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return w + e + V + "flex-line-pack" + k(e, /align-content|flex-|-self/, "") + e;
+      return S + e + U + "flex-line-pack" + E(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return w + e + V + k(e, "shrink", "negative") + e;
+      return S + e + U + E(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return w + e + V + k(e, "basis", "preferred-size") + e;
+      return S + e + U + E(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return w + "box-" + k(e, "-grow", "") + w + e + V + k(e, "grow", "positive") + e;
+      return S + "box-" + E(e, "-grow", "") + S + e + U + E(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return w + k(e, /([^-])(transform)/g, "$1" + w + "$2") + e;
+      return S + E(e, /([^-])(transform)/g, "$1" + S + "$2") + e;
     // cursor
     case 6187:
-      return k(k(k(e, /(zoom-|grab)/, w + "$1"), /(image-set)/, w + "$1"), e, "") + e;
+      return E(E(E(e, /(zoom-|grab)/, S + "$1"), /(image-set)/, S + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return k(e, /(image-set\([^]*)/, w + "$1$`$1");
+      return E(e, /(image-set\([^]*)/, S + "$1$`$1");
     // justify-content
     case 4968:
-      return k(k(e, /(.+:)(flex-)?(.*)/, w + "box-pack:$3" + V + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + w + e + e;
+      return E(E(e, /(.+:)(flex-)?(.*)/, S + "box-pack:$3" + U + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + S + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return k(e, /(.+)-inline(.+)/, w + "$1$2") + e;
+      return E(e, /(.+)-inline(.+)/, S + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -784,135 +784,135 @@ function ur(e, r) {
     case 5789:
     case 5021:
     case 4765:
-      if (K(e) - 1 - r > 6) switch (N(e, r + 1)) {
+      if (K(e) - 1 - r > 6) switch (V(e, r + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (N(e, r + 4) !== 45) break;
+          if (V(e, r + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return k(e, /(.+:)(.+)-([^]+)/, "$1" + w + "$2-$3$1" + _e + (N(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return E(e, /(.+:)(.+)-([^]+)/, "$1" + S + "$2-$3$1" + _e + (V(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~Me(e, "stretch") ? ur(k(e, "stretch", "fill-available"), r) + e : e;
+          return ~Ie(e, "stretch") ? fr(E(e, "stretch", "fill-available"), r) + e : e;
       }
       break;
     // position: sticky
     case 4949:
-      if (N(e, r + 1) !== 115) break;
+      if (V(e, r + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (N(e, K(e) - 3 - (~Me(e, "!important") && 10))) {
+      switch (V(e, K(e) - 3 - (~Ie(e, "!important") && 10))) {
         // stic(k)y
         case 107:
-          return k(e, ":", ":" + w) + e;
+          return E(e, ":", ":" + S) + e;
         // (inline-)?fl(e)x
         case 101:
-          return k(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + w + (N(e, 14) === 45 ? "inline-" : "") + "box$3$1" + w + "$2$3$1" + V + "$2box$3") + e;
+          return E(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + S + (V(e, 14) === 45 ? "inline-" : "") + "box$3$1" + S + "$2$3$1" + U + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch (N(e, r + 11)) {
+      switch (V(e, r + 11)) {
         // vertical-l(r)
         case 114:
-          return w + e + V + k(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return S + e + U + E(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return w + e + V + k(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return S + e + U + E(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return w + e + V + k(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return S + e + U + E(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return w + e + V + e + e;
+      return S + e + U + e + e;
   }
   return e;
 }
-var Gr = function(r, t, a, n) {
+var Br = function(r, t, a, n) {
   if (r.length > -1 && !r.return) switch (r.type) {
-    case Ne:
-      r.return = ur(r.value, r.length);
+    case Le:
+      r.return = fr(r.value, r.length);
       break;
-    case ar:
+    case ir:
       return se([pe(r, {
-        value: k(r.value, "@", "@" + w)
+        value: E(r.value, "@", "@" + S)
       })], n);
-    case Le:
-      if (r.length) return Cr(r.props, function(o) {
-        switch (Ar(o, /(::plac\w+|:read-\w+)/)) {
+    case Ne:
+      if (r.length) return Or(r.props, function(s) {
+        switch (Cr(s, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
             return se([pe(r, {
-              props: [k(o, /:(read-\w+)/, ":" + _e + "$1")]
+              props: [E(s, /:(read-\w+)/, ":" + _e + "$1")]
             })], n);
           // :placeholder
           case "::placeholder":
             return se([pe(r, {
-              props: [k(o, /:(plac\w+)/, ":" + w + "input-$1")]
+              props: [E(s, /:(plac\w+)/, ":" + S + "input-$1")]
             }), pe(r, {
-              props: [k(o, /:(plac\w+)/, ":" + _e + "$1")]
+              props: [E(s, /:(plac\w+)/, ":" + _e + "$1")]
             }), pe(r, {
-              props: [k(o, /:(plac\w+)/, V + "input-$1")]
+              props: [E(s, /:(plac\w+)/, U + "input-$1")]
             })], n);
         }
         return "";
       });
   }
-}, Br = [Gr], Xr = function(r) {
+}, Xr = [Br], Jr = function(r) {
   var t = r.key;
   if (t === "css") {
     var a = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(a, function(g) {
-      var y = g.getAttribute("data-emotion");
-      y.indexOf(" ") !== -1 && (document.head.appendChild(g), g.setAttribute("data-s", ""));
+    Array.prototype.forEach.call(a, function(v) {
+      var x = v.getAttribute("data-emotion");
+      x.indexOf(" ") !== -1 && (document.head.appendChild(v), v.setAttribute("data-s", ""));
     });
   }
-  var n = r.stylisPlugins || Br, o = {}, s, l = [];
-  s = r.container || document.head, Array.prototype.forEach.call(
+  var n = r.stylisPlugins || Xr, s = {}, l, u = [];
+  l = r.container || document.head, Array.prototype.forEach.call(
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + t + ' "]'),
-    function(g) {
-      for (var y = g.getAttribute("data-emotion").split(" "), b = 1; b < y.length; b++)
-        o[y[b]] = !0;
-      l.push(g);
+    function(v) {
+      for (var x = v.getAttribute("data-emotion").split(" "), w = 1; w < x.length; w++)
+        s[x[w]] = !0;
+      u.push(v);
     }
   );
-  var d, h = [qr, Hr];
+  var h, y = [Hr, Gr];
   {
-    var p, m = [Vr, Ur(function(g) {
-      p.insert(g);
-    })], A = zr(h.concat(n, m)), S = function(y) {
-      return se(Lr(y), A);
+    var m, b = [zr, Dr(function(v) {
+      m.insert(v);
+    })], O = Ur(y.concat(n, b)), T = function(x) {
+      return se(Lr(x), O);
     };
-    d = function(y, b, P, O) {
-      p = P, S(y ? y + "{" + b.styles + "}" : b.styles), O && (R.inserted[b.name] = !0);
+    h = function(x, w, R, j) {
+      m = R, T(x ? x + "{" + w.styles + "}" : w.styles), j && (A.inserted[w.name] = !0);
     };
   }
-  var R = {
+  var A = {
     key: t,
-    sheet: new Pr({
+    sheet: new Sr({
       key: t,
-      container: s,
+      container: l,
       nonce: r.nonce,
       speedy: r.speedy,
       prepend: r.prepend,
       insertionPoint: r.insertionPoint
     }),
     nonce: r.nonce,
-    inserted: o,
+    inserted: s,
     registered: {},
-    insert: d
+    insert: h
   };
-  return R.sheet.hydrate(l), R;
-}, Jr = !0;
-function Zr(e, r, t) {
+  return A.sheet.hydrate(u), A;
+}, Zr = !0;
+function Qr(e, r, t) {
   var a = "";
   return t.split(" ").forEach(function(n) {
     e[n] !== void 0 ? r.push(e[n] + ";") : n && (a += n + " ");
   }), a;
 }
-var fr = function(r, t, a) {
+var dr = function(r, t, a) {
   var n = r.key + "-" + t.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -923,18 +923,18 @@ var fr = function(r, t, a) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  Jr === !1) && r.registered[n] === void 0 && (r.registered[n] = t.styles);
-}, Qr = function(r, t, a) {
-  fr(r, t, a);
+  Zr === !1) && r.registered[n] === void 0 && (r.registered[n] = t.styles);
+}, Kr = function(r, t, a) {
+  dr(r, t, a);
   var n = r.key + "-" + t.name;
   if (r.inserted[t.name] === void 0) {
-    var o = t;
+    var s = t;
     do
-      r.insert(t === o ? "." + n : "", o, r.sheet, !0), o = o.next;
-    while (o !== void 0);
+      r.insert(t === s ? "." + n : "", s, r.sheet, !0), s = s.next;
+    while (s !== void 0);
   }
 };
-function Kr(e) {
+function et(e) {
   for (var r = 0, t, a = 0, n = e.length; n >= 4; ++a, n -= 4)
     t = e.charCodeAt(a) & 255 | (e.charCodeAt(++a) & 255) << 8 | (e.charCodeAt(++a) & 255) << 16 | (e.charCodeAt(++a) & 255) << 24, t = /* Math.imul(k, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
@@ -953,7 +953,7 @@ function Kr(e) {
   return r ^= r >>> 13, r = /* Math.imul(h, m): */
   (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
 }
-var et = {
+var rt = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1002,26 +1002,26 @@ var et = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, rt = /[A-Z]|^ms/g, tt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, dr = function(r) {
+}, tt = /[A-Z]|^ms/g, nt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, pr = function(r) {
   return r.charCodeAt(1) === 45;
 }, Xe = function(r) {
   return r != null && typeof r != "boolean";
-}, $e = /* @__PURE__ */ lr(function(e) {
-  return dr(e) ? e : e.replace(rt, "-$&").toLowerCase();
+}, $e = /* @__PURE__ */ ur(function(e) {
+  return pr(e) ? e : e.replace(tt, "-$&").toLowerCase();
 }), Je = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(tt, function(a, n, o) {
+        return t.replace(nt, function(a, n, s) {
           return ee = {
             name: n,
-            styles: o,
+            styles: s,
             next: ee
           }, n;
         });
   }
-  return et[r] !== 1 && !dr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+  return rt[r] !== 1 && !pr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
 function ge(e, r, t) {
   if (t == null)
@@ -1040,183 +1040,183 @@ function ge(e, r, t) {
           styles: n.styles,
           next: ee
         }, n.name;
-      var o = t;
-      if (o.styles !== void 0) {
-        var s = o.next;
-        if (s !== void 0)
-          for (; s !== void 0; )
+      var s = t;
+      if (s.styles !== void 0) {
+        var l = s.next;
+        if (l !== void 0)
+          for (; l !== void 0; )
             ee = {
-              name: s.name,
-              styles: s.styles,
+              name: l.name,
+              styles: l.styles,
               next: ee
-            }, s = s.next;
-        var l = o.styles + ";";
-        return l;
+            }, l = l.next;
+        var u = s.styles + ";";
+        return u;
       }
-      return nt(e, r, t);
+      return at(e, r, t);
     }
     case "function": {
       if (e !== void 0) {
-        var d = ee, h = t(e);
-        return ee = d, ge(e, r, h);
+        var h = ee, y = t(e);
+        return ee = h, ge(e, r, y);
       }
       break;
     }
   }
-  var p = t;
+  var m = t;
   if (r == null)
-    return p;
-  var m = r[p];
-  return m !== void 0 ? m : p;
+    return m;
+  var b = r[m];
+  return b !== void 0 ? b : m;
 }
-function nt(e, r, t) {
+function at(e, r, t) {
   var a = "";
   if (Array.isArray(t))
     for (var n = 0; n < t.length; n++)
       a += ge(e, r, t[n]) + ";";
   else
-    for (var o in t) {
-      var s = t[o];
-      if (typeof s != "object") {
-        var l = s;
-        r != null && r[l] !== void 0 ? a += o + "{" + r[l] + "}" : Xe(l) && (a += $e(o) + ":" + Je(o, l) + ";");
-      } else if (Array.isArray(s) && typeof s[0] == "string" && (r == null || r[s[0]] === void 0))
-        for (var d = 0; d < s.length; d++)
-          Xe(s[d]) && (a += $e(o) + ":" + Je(o, s[d]) + ";");
+    for (var s in t) {
+      var l = t[s];
+      if (typeof l != "object") {
+        var u = l;
+        r != null && r[u] !== void 0 ? a += s + "{" + r[u] + "}" : Xe(u) && (a += $e(s) + ":" + Je(s, u) + ";");
+      } else if (Array.isArray(l) && typeof l[0] == "string" && (r == null || r[l[0]] === void 0))
+        for (var h = 0; h < l.length; h++)
+          Xe(l[h]) && (a += $e(s) + ":" + Je(s, l[h]) + ";");
       else {
-        var h = ge(e, r, s);
-        switch (o) {
+        var y = ge(e, r, l);
+        switch (s) {
           case "animation":
           case "animationName": {
-            a += $e(o) + ":" + h + ";";
+            a += $e(s) + ":" + y + ";";
             break;
           }
           default:
-            a += o + "{" + h + "}";
+            a += s + "{" + y + "}";
         }
       }
     }
   return a;
 }
 var Ze = /label:\s*([^\s;{]+)\s*(;|$)/g, ee;
-function at(e, r, t) {
+function it(e, r, t) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var a = !0, n = "";
   ee = void 0;
-  var o = e[0];
-  if (o == null || o.raw === void 0)
-    a = !1, n += ge(t, r, o);
+  var s = e[0];
+  if (s == null || s.raw === void 0)
+    a = !1, n += ge(t, r, s);
   else {
-    var s = o;
-    n += s[0];
+    var l = s;
+    n += l[0];
   }
-  for (var l = 1; l < e.length; l++)
-    if (n += ge(t, r, e[l]), a) {
-      var d = o;
-      n += d[l];
+  for (var u = 1; u < e.length; u++)
+    if (n += ge(t, r, e[u]), a) {
+      var h = s;
+      n += h[u];
     }
   Ze.lastIndex = 0;
-  for (var h = "", p; (p = Ze.exec(n)) !== null; )
-    h += "-" + p[1];
-  var m = Kr(n) + h;
+  for (var y = "", m; (m = Ze.exec(n)) !== null; )
+    y += "-" + m[1];
+  var b = et(n) + y;
   return {
-    name: m,
+    name: b,
     styles: n,
     next: ee
   };
 }
-var it = function(r) {
+var ot = function(r) {
   return r();
-}, ot = ne.useInsertionEffect ? ne.useInsertionEffect : !1, st = ot || it, pr = /* @__PURE__ */ ne.createContext(
+}, st = ne.useInsertionEffect ? ne.useInsertionEffect : !1, ct = st || ot, hr = /* @__PURE__ */ ne.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
   // and we could have a special build just for that
   // but this is much easier and the native packages
   // might use a different theme context in the future anyway
-  typeof HTMLElement < "u" ? /* @__PURE__ */ Xr({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ Jr({
     key: "css"
   }) : null
 );
-pr.Provider;
-var ct = function(r) {
-  return /* @__PURE__ */ mr(function(t, a) {
-    var n = gr(pr);
+hr.Provider;
+var lt = function(r) {
+  return /* @__PURE__ */ nr(function(t, a) {
+    var n = gr(hr);
     return r(t, n, a);
   });
-}, lt = /* @__PURE__ */ ne.createContext({}), ut = /^((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|fetchpriority|fetchPriority|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|popover|popoverTarget|popoverTargetAction|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)-.*))$/, ft = /* @__PURE__ */ lr(
+}, ut = /* @__PURE__ */ ne.createContext({}), ft = /^((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|fetchpriority|fetchPriority|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|popover|popoverTarget|popoverTargetAction|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)-.*))$/, dt = /* @__PURE__ */ ur(
   function(e) {
-    return ut.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+    return ft.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), dt = ft, pt = function(r) {
+), pt = dt, ht = function(r) {
   return r !== "theme";
 }, Qe = function(r) {
   return typeof r == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
-  r.charCodeAt(0) > 96 ? dt : pt;
+  r.charCodeAt(0) > 96 ? pt : ht;
 }, Ke = function(r, t, a) {
   var n;
   if (t) {
-    var o = t.shouldForwardProp;
-    n = r.__emotion_forwardProp && o ? function(s) {
-      return r.__emotion_forwardProp(s) && o(s);
-    } : o;
+    var s = t.shouldForwardProp;
+    n = r.__emotion_forwardProp && s ? function(l) {
+      return r.__emotion_forwardProp(l) && s(l);
+    } : s;
   }
   return typeof n != "function" && a && (n = r.__emotion_forwardProp), n;
-}, ht = function(r) {
+}, mt = function(r) {
   var t = r.cache, a = r.serialized, n = r.isStringTag;
-  return fr(t, a, n), st(function() {
-    return Qr(t, a, n);
+  return dr(t, a, n), ct(function() {
+    return Kr(t, a, n);
   }), null;
-}, mt = function e(r, t) {
-  var a = r.__emotion_real === r, n = a && r.__emotion_base || r, o, s;
-  t !== void 0 && (o = t.label, s = t.target);
-  var l = Ke(r, t, a), d = l || Qe(n), h = !d("as");
+}, gt = function e(r, t) {
+  var a = r.__emotion_real === r, n = a && r.__emotion_base || r, s, l;
+  t !== void 0 && (s = t.label, l = t.target);
+  var u = Ke(r, t, a), h = u || Qe(n), y = !h("as");
   return function() {
-    var p = arguments, m = a && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
-    if (o !== void 0 && m.push("label:" + o + ";"), p[0] == null || p[0].raw === void 0)
-      m.push.apply(m, p);
+    var m = arguments, b = a && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
+    if (s !== void 0 && b.push("label:" + s + ";"), m[0] == null || m[0].raw === void 0)
+      b.push.apply(b, m);
     else {
-      var A = p[0];
-      m.push(A[0]);
-      for (var S = p.length, R = 1; R < S; R++)
-        m.push(p[R], A[R]);
+      var O = m[0];
+      b.push(O[0]);
+      for (var T = m.length, A = 1; A < T; A++)
+        b.push(m[A], O[A]);
     }
-    var g = ct(function(y, b, P) {
-      var O = h && y.as || n, M = "", F = [], C = y;
-      if (y.theme == null) {
-        C = {};
-        for (var x in y)
-          C[x] = y[x];
-        C.theme = ne.useContext(lt);
+    var v = lt(function(x, w, R) {
+      var j = y && x.as || n, M = "", N = [], $ = x;
+      if (x.theme == null) {
+        $ = {};
+        for (var k in x)
+          $[k] = x[k];
+        $.theme = ne.useContext(ut);
       }
-      typeof y.className == "string" ? M = Zr(b.registered, F, y.className) : y.className != null && (M = y.className + " ");
-      var Y = at(m.concat(F), b.registered, C);
-      M += b.key + "-" + Y.name, s !== void 0 && (M += " " + s);
-      var J = h && l === void 0 ? Qe(O) : d, L = {};
-      for (var G in y)
-        h && G === "as" || J(G) && (L[G] = y[G]);
-      return L.className = M, P && (L.ref = P), /* @__PURE__ */ ne.createElement(ne.Fragment, null, /* @__PURE__ */ ne.createElement(ht, {
-        cache: b,
-        serialized: Y,
-        isStringTag: typeof O == "string"
-      }), /* @__PURE__ */ ne.createElement(O, L));
+      typeof x.className == "string" ? M = Qr(w.registered, N, x.className) : x.className != null && (M = x.className + " ");
+      var q = it(b.concat(N), w.registered, $);
+      M += w.key + "-" + q.name, l !== void 0 && (M += " " + l);
+      var J = y && u === void 0 ? Qe(j) : h, L = {};
+      for (var B in x)
+        y && B === "as" || J(B) && (L[B] = x[B]);
+      return L.className = M, R && (L.ref = R), /* @__PURE__ */ ne.createElement(ne.Fragment, null, /* @__PURE__ */ ne.createElement(mt, {
+        cache: w,
+        serialized: q,
+        isStringTag: typeof j == "string"
+      }), /* @__PURE__ */ ne.createElement(j, L));
     });
-    return g.displayName = o !== void 0 ? o : "Styled(" + (typeof n == "string" ? n : n.displayName || n.name || "Component") + ")", g.defaultProps = r.defaultProps, g.__emotion_real = g, g.__emotion_base = n, g.__emotion_styles = m, g.__emotion_forwardProp = l, Object.defineProperty(g, "toString", {
+    return v.displayName = s !== void 0 ? s : "Styled(" + (typeof n == "string" ? n : n.displayName || n.name || "Component") + ")", v.defaultProps = r.defaultProps, v.__emotion_real = v, v.__emotion_base = n, v.__emotion_styles = b, v.__emotion_forwardProp = u, Object.defineProperty(v, "toString", {
       value: function() {
-        return "." + s;
+        return "." + l;
       }
-    }), g.withComponent = function(y, b) {
-      var P = e(y, Ie({}, t, b, {
-        shouldForwardProp: Ke(g, b, !0)
+    }), v.withComponent = function(x, w) {
+      var R = e(x, Fe({}, t, w, {
+        shouldForwardProp: Ke(v, w, !0)
       }));
-      return P.apply(void 0, m);
-    }, g;
+      return R.apply(void 0, b);
+    }, v;
   };
-}, gt = [
+}, yt = [
   "a",
   "abbr",
   "address",
@@ -1352,11 +1352,11 @@ var ct = function(r) {
   "svg",
   "text",
   "tspan"
-], le = mt.bind(null);
-gt.forEach(function(e) {
+], le = gt.bind(null);
+yt.forEach(function(e) {
   le[e] = le(e);
 });
-const yt = le.div`
+const bt = le.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1397,7 +1397,7 @@ const yt = le.div`
       return "";
   }
 }}
-`, er = ({ type: e, children: r, className: t, icon: a, action: n }) => /* @__PURE__ */ I.jsxs(yt, { type: e, className: t, children: [
+`, er = ({ type: e, children: r, className: t, icon: a, action: n }) => /* @__PURE__ */ I.jsxs(bt, { type: e, className: t, children: [
   a && /* @__PURE__ */ I.jsx("span", { children: a }),
   /* @__PURE__ */ I.jsx("span", { children: r }),
   n && /* @__PURE__ */ I.jsx("span", { children: n })
@@ -1413,7 +1413,7 @@ const yt = le.div`
 
   /* Hide specific elements inside the player */
   ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((r) => `.${r} { display: none !important; }`).join("")}
-`, bt = le.div`
+`, vt = le.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -1425,7 +1425,7 @@ const yt = le.div`
   align-items: center;
   z-index: 1000;
   pointer-events: auto;
-`, vt = le.div`
+`, xt = le.div`
   position: relative;
   height: 80vh;
   width: auto;
@@ -1433,64 +1433,64 @@ const yt = le.div`
   max-width: 90vw;
   max-height: 90vh;
   z-index: 1001;
-`, Oe = "https://host.vpplayer.tech", xt = (e) => `${Oe}/player/${e}/vpplayer.js`, Tt = (e) => `${Oe}/player/${e}.js`, wt = (e, r) => `${Oe}/player/${e}/${r}.js`, tr = (e) => `${Oe}/vertical-player/${e}.js`, kt = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", Pt = (e, r) => {
+`, Oe = "https://host.vpplayer.tech", wt = (e) => `${Oe}/player/${e}/vpplayer.js`, Ct = (e) => `${Oe}/player/${e}.js`, Pt = (e, r) => `${Oe}/player/${e}/${r}.js`, tr = (e) => `${Oe}/vertical-player/${e}.js`, kt = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", St = (e, r) => {
   const t = new URL(e);
   return t.searchParams.set("divId", r), t.toString();
-}, ke = /* @__PURE__ */ new Map(), Et = (e, r) => {
-  const [t, a] = Re(!1), [n, o] = Re(null);
+}, Pe = /* @__PURE__ */ new Map(), Et = (e, r) => {
+  const [t, a] = Re(!1), [n, s] = Re(null);
   return je(() => {
-    let s;
+    let l;
     try {
-      s = r || xt(e || "latest");
-    } catch (h) {
-      const p = h instanceof Error ? h.message : String(h);
-      o(`Failed to resolve script URL: ${p}`);
+      l = r || wt(e || "latest");
+    } catch (y) {
+      const m = y instanceof Error ? y.message : String(y);
+      s(`Failed to resolve script URL: ${m}`);
       return;
     }
-    if (!ke.has(s))
+    if (!Pe.has(l))
       if (document.querySelector(
-        `script[src="${s}"]`
+        `script[src="${l}"]`
       ))
-        ke.set(s, Promise.resolve());
+        Pe.set(l, Promise.resolve());
       else {
-        const p = new Promise((m, A) => {
-          const S = document.createElement("script");
-          S.src = s, S.async = !0, S.onload = () => m(), S.onerror = () => A(new Error(`Failed to load script: ${s}`)), document.body.appendChild(S);
+        const m = new Promise((b, O) => {
+          const T = document.createElement("script");
+          T.src = l, T.async = !0, T.onload = () => b(), T.onerror = () => O(new Error(`Failed to load script: ${l}`)), document.body.appendChild(T);
         });
-        ke.set(s, p);
+        Pe.set(l, m);
       }
-    let l = !0;
-    const d = ke.get(s);
-    return d && d.then(() => {
-      l && (a(!0), o(null));
-    }).catch((h) => {
-      l && (a(!1), o(h instanceof Error ? h.message : String(h)));
+    let u = !0;
+    const h = Pe.get(l);
+    return h && h.then(() => {
+      u && (a(!0), s(null));
+    }).catch((y) => {
+      u && (a(!1), s(y instanceof Error ? y.message : String(y)));
     }), () => {
-      l = !1;
+      u = !1;
     };
   }, [e, r]), { isLoaded: t, error: n };
 };
-function St(e, r, t = !1) {
+function Rt(e, r, t = !1) {
   const a = e.startIndex ?? 0, n = e.videos[a] || e.videos[0];
   if (!n)
     throw new Error("Manual playlist must have at least one video");
-  const o = n.file || n.hlsUrl;
-  if (!o)
+  const s = n.file || n.hlsUrl;
+  if (!s)
     throw new Error(
       "Each video in manual playlist must have a 'file' or 'hlsUrl' property"
     );
-  const s = e.videos.map((d) => ({
-    videoId: d.videoId || "",
-    title: d.title || "",
-    file: d.file || d.hlsUrl || "",
-    thumbnailUrl: d.thumbnailUrl || d.thumbnail || "",
-    duration: d.duration || 0
+  const l = e.videos.map((h) => ({
+    videoId: h.videoId || "",
+    title: h.title || "",
+    file: h.file || h.hlsUrl || "",
+    thumbnailUrl: h.thumbnailUrl || h.thumbnail || "",
+    duration: h.duration || 0
   }));
   return {
     projectId: r || "",
     video: {
       videoId: n.videoId || "",
-      file: o,
+      file: s,
       // REQUIRED for VP Vertical Player SDK!
       title: n.title || "",
       thumbnail: n.thumbnailUrl || n.thumbnail || "",
@@ -1499,7 +1499,7 @@ function St(e, r, t = !1) {
         playlistId: "",
         // Empty string for manual playlist mode
         playlistVideoIndex: a,
-        videos: s
+        videos: l
       }
     },
     config: {
@@ -1515,103 +1515,103 @@ function St(e, r, t = !1) {
     }
   };
 }
-const Rt = ({
+const _t = ({
   scriptId: e,
   videoId: r,
   scriptUrl: t,
   projectId: a,
   playlist: n,
-  playerId: o,
-  isVertical: s = !1,
-  isReels: l = !1,
-  onReady: d,
-  onPlay: h,
-  onPause: p,
-  onResume: m,
-  onComplete: A,
-  onError: S,
-  onVideoStarted: R,
-  onTimeUpdate: g,
-  onQuartile25: y,
-  onQuartile50: b,
-  onQuartile75: P,
-  onNext: O,
+  playerId: s,
+  isVertical: l = !1,
+  isReels: u = !1,
+  onReady: h,
+  onPlay: y,
+  onPause: m,
+  onResume: b,
+  onComplete: O,
+  onError: T,
+  onVideoStarted: A,
+  onTimeUpdate: v,
+  onQuartile25: x,
+  onQuartile50: w,
+  onQuartile75: R,
+  onNext: j,
   onPrevious: M,
-  onProgress10s: F,
-  onProgress20s: C
+  onProgress10s: N,
+  onProgress20s: $
 }) => {
-  var i;
-  const x = be(null), Y = be(null), [J, L] = Re(null), G = yr().replace(/:/g, ""), z = ve(
-    () => kt(o || `auto-${G}`, r),
-    [o, G, r]
-  ), $ = be({
-    onReady: d,
-    onPlay: h,
-    onPause: p,
-    onResume: m,
-    onComplete: A,
-    onError: S,
-    onVideoStarted: R,
-    onTimeUpdate: g,
-    onQuartile25: y,
-    onQuartile50: b,
-    onQuartile75: P,
-    onNext: O,
+  var o;
+  const k = be(null), q = be(null), [J, L] = Re(null), B = yr().replace(/:/g, ""), z = ve(
+    () => kt(s || `auto-${B}`, r),
+    [s, B, r]
+  ), g = be({
+    onReady: h,
+    onPlay: y,
+    onPause: m,
+    onResume: b,
+    onComplete: O,
+    onError: T,
+    onVideoStarted: A,
+    onTimeUpdate: v,
+    onQuartile25: x,
+    onQuartile50: w,
+    onQuartile75: R,
+    onNext: j,
     onPrevious: M,
-    onProgress10s: F,
-    onProgress20s: C
+    onProgress10s: N,
+    onProgress20s: $
   });
   je(() => {
-    $.current = {
-      onReady: d,
-      onPlay: h,
-      onPause: p,
-      onResume: m,
-      onComplete: A,
-      onError: S,
-      onVideoStarted: R,
-      onTimeUpdate: g,
-      onQuartile25: y,
-      onQuartile50: b,
-      onQuartile75: P,
-      onNext: O,
+    g.current = {
+      onReady: h,
+      onPlay: y,
+      onPause: m,
+      onResume: b,
+      onComplete: O,
+      onError: T,
+      onVideoStarted: A,
+      onTimeUpdate: v,
+      onQuartile25: x,
+      onQuartile50: w,
+      onQuartile75: R,
+      onNext: j,
       onPrevious: M,
-      onProgress10s: F,
-      onProgress20s: C
+      onProgress10s: N,
+      onProgress20s: $
     };
   });
-  const Z = be(!1), U = !!((i = n == null ? void 0 : n.videos) != null && i.length), D = ve(() => s || l ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [s, l, t]), Q = ve(() => {
-    let c;
+  const Z = be(!1), D = !!((o = n == null ? void 0 : n.videos) != null && o.length), W = ve(() => l || u ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [l, u, t]), te = ve(() => {
+    let f;
     if (t)
-      c = t;
-    else if (e && r && !U)
-      c = D ? tr(e) : wt(e, r);
+      f = t;
+    else if (e && r && !D)
+      f = W ? tr(e) : Pt(e, r);
     else if (e)
-      c = D ? tr(e) : `https://host.vpplayer.tech/player/${e}.js`;
+      f = W ? tr(e) : `https://host.vpplayer.tech/player/${e}.js`;
     else
       return null;
-    return Pt(c, z);
+    return St(f, z);
   }, [
     t,
     e,
     r,
-    D,
+    W,
     z,
-    U
-  ]), B = ve(() => {
-    if (!U || !n) return null;
+    D
+  ]), H = ve(() => {
+    if (!D || !n) return null;
     try {
-      return St(n, a, D);
-    } catch (c) {
-      return console.error("Failed to build manual playlist config:", c), null;
+      return Rt(n, a, W);
+    } catch (f) {
+      return console.error("Failed to build manual playlist config:", f), null;
     }
-  }, [U, n, a, D]), { isLoaded: te, error: ae } = Et(
+  }, [D, n, a, W]), { isLoaded: Q, error: ae } = Et(
     null,
     // No version needed - we're using full URL
-    Q || void 0
+    te || void 0
   );
   return je(() => {
-    if (!Q) {
+    if (!te) {
       L(
         "VPPlayer: Provide scriptUrl OR (scriptId + videoId) OR (scriptId + playlist) to initialize the player."
       );
@@ -1621,293 +1621,394 @@ const Rt = ({
       L(ae);
       return;
     }
-    if (!te) return;
-    if (U && !B) {
+    if (!Q) return;
+    if (D && !H) {
       L("VPPlayer: Failed to build manual playlist configuration.");
       return;
     }
-    let c = !0;
+    let f = !0;
     return (async () => {
-      var T;
+      var c;
       try {
-        const q = D ? window.vpVerticalPlayer : window.vpPlayer;
-        if (!q) {
+        const C = W ? window.vpVerticalPlayer : window.vpPlayer;
+        if (!C) {
           L(
-            `VP Player: Script loaded but global function not found. Expected ${D ? "vpVerticalPlayer" : "vpPlayer"}.`
+            `VP Player: Script loaded but global function not found. Expected ${W ? "vpVerticalPlayer" : "vpPlayer"}.`
           );
           return;
         }
-        if (await new Promise((E) => setTimeout(E, 0)), !document.getElementById(z)) {
+        if (await new Promise((_) => setTimeout(_, 0)), !document.getElementById(z)) {
           console.error(
             `VP Player: Container element with ID '${z}' not found in DOM.`
           );
           return;
         }
-        const v = q(z);
-        if (!v) {
+        const P = C(z);
+        if (!P) {
           L("VP Player: Failed to get player instance.");
           return;
         }
-        if (c) {
-          if (Y.current = v, L(null), Z.current = !1, U && B) {
+        if (f) {
+          if (q.current = P, L(null), Z.current = !1, D && H) {
             console.log(
               "VP Player: Manual playlist mode - calling setup() with config:",
-              B
+              H
             );
             try {
-              v.setup(B);
-            } catch (E) {
-              const f = E instanceof Error ? E.message : String(E);
-              if (f.includes("already initialized")) {
+              P.setup(H);
+            } catch (_) {
+              const p = _ instanceof Error ? _.message : String(_);
+              if (p.includes("already initialized")) {
                 console.warn(
                   "VP Player: Player already initialized, attempting to destroy and retry."
                 );
                 try {
-                  if ((T = v.destroy) == null || T.call(v), await new Promise((u) => setTimeout(u, 50)), c && document.getElementById(z)) {
-                    const u = q(z);
-                    u && (u.setup(B), Y.current = u);
+                  if ((c = P.destroy) == null || c.call(P), await new Promise((d) => setTimeout(d, 50)), f && document.getElementById(z)) {
+                    const d = C(z);
+                    d && (d.setup(H), q.current = d);
                   }
-                } catch (u) {
+                } catch (d) {
                   console.error(
                     "VP Player: Failed to recover from initialization error",
-                    u
+                    d
                   );
                 }
               } else {
-                console.error("VP Player: Setup error", E), L(`Player setup failed: ${f}`);
+                console.error("VP Player: Setup error", _), L(`Player setup failed: ${p}`);
                 return;
               }
             }
           }
-          if (v.on) {
-            const E = v.on.bind(v);
-            E("ready", () => {
-              var f, u;
-              (u = (f = $.current).onReady) == null || u.call(f);
-            }), E("play", () => {
-              var f, u;
-              (u = (f = $.current).onPlay) == null || u.call(f);
-            }), E("pause", () => {
-              var f, u;
-              (u = (f = $.current).onPause) == null || u.call(f);
-            }), E("resume", () => {
-              var f, u;
-              (u = (f = $.current).onResume) == null || u.call(f);
-            }), E("complete", () => {
-              var f, u;
-              (u = (f = $.current).onComplete) == null || u.call(f), Z.current = !1;
-            }), E("video-started", (f) => {
-              var u, X;
-              (X = (u = $.current).onVideoStarted) == null || X.call(u, f);
-            }), E("firstQuartile", () => {
-              var f, u;
-              (u = (f = $.current).onQuartile25) == null || u.call(f);
-            }), E("secondQuartile", () => {
-              var f, u;
-              (u = (f = $.current).onQuartile50) == null || u.call(f);
-            }), E("thirdQuartile", () => {
-              var f, u;
-              (u = (f = $.current).onQuartile75) == null || u.call(f);
-            }), E("video-state", () => {
-              var u, X, ie;
-              const f = ((u = v.getPosition) == null ? void 0 : u.call(v)) ?? 0;
-              (ie = (X = $.current).onProgress10s) == null || ie.call(X, Math.floor(f));
-            }), E("time", (f) => {
+          if (P.on) {
+            const _ = P.on.bind(P);
+            _("ready", () => {
+              var p, d;
+              (d = (p = g.current).onReady) == null || d.call(p);
+            }), _("play", () => {
+              var p, d;
+              (d = (p = g.current).onPlay) == null || d.call(p);
+            }), _("pause", () => {
+              var p, d;
+              (d = (p = g.current).onPause) == null || d.call(p);
+            }), _("resume", () => {
+              var p, d;
+              (d = (p = g.current).onResume) == null || d.call(p);
+            }), _("complete", () => {
+              var p, d;
+              (d = (p = g.current).onComplete) == null || d.call(p), Z.current = !1;
+            }), _("video-started", (p) => {
+              var d, X;
+              (X = (d = g.current).onVideoStarted) == null || X.call(d, p);
+            }), _("firstQuartile", () => {
+              var p, d;
+              (d = (p = g.current).onQuartile25) == null || d.call(p);
+            }), _("secondQuartile", () => {
+              var p, d;
+              (d = (p = g.current).onQuartile50) == null || d.call(p);
+            }), _("thirdQuartile", () => {
+              var p, d;
+              (d = (p = g.current).onQuartile75) == null || d.call(p);
+            }), _("video-state", () => {
+              var d, X, ie;
+              const p = ((d = P.getPosition) == null ? void 0 : d.call(P)) ?? 0;
+              (ie = (X = g.current).onProgress10s) == null || ie.call(X, Math.floor(p));
+            }), _("time", (p) => {
               var X, ie, ze, Ue, De;
-              let u = 0;
-              typeof f == "number" ? u = f : f && typeof f == "object" && "position" in f ? u = f.position : u = ((X = v.getPosition) == null ? void 0 : X.call(v)) ?? 0, (ze = (ie = $.current).onTimeUpdate) == null || ze.call(ie, u), !Z.current && u >= 20 && (Z.current = !0, (De = (Ue = $.current).onProgress20s) == null || De.call(Ue, Math.floor(u)));
-            }), E("playlistItem", () => {
-              var f, u;
-              (u = (f = $.current).onNext) == null || u.call(f), Z.current = !1;
-            }), E("error", (f) => {
+              let d = 0;
+              typeof p == "number" ? d = p : p && typeof p == "object" && "position" in p ? d = p.position : d = ((X = P.getPosition) == null ? void 0 : X.call(P)) ?? 0, (ze = (ie = g.current).onTimeUpdate) == null || ze.call(ie, d), !Z.current && d >= 20 && (Z.current = !0, (De = (Ue = g.current).onProgress20s) == null || De.call(Ue, Math.floor(d)));
+            }), _("playlistItem", () => {
+              var p, d;
+              (d = (p = g.current).onNext) == null || d.call(p), Z.current = !1;
+            }), _("error", (p) => {
               var X, ie;
-              const u = typeof f == "string" ? f : (f == null ? void 0 : f.message) || "Unknown error";
-              (ie = (X = $.current).onError) == null || ie.call(X, u);
+              const d = typeof p == "string" ? p : (p == null ? void 0 : p.message) || "Unknown error";
+              (ie = (X = g.current).onError) == null || ie.call(X, d);
             });
           }
         }
-      } catch (q) {
-        if (c) {
-          const oe = q instanceof Error ? q.message : String(q);
-          L(oe), console.error("VP Player initialization error:", q);
+      } catch (C) {
+        if (f) {
+          const oe = C instanceof Error ? C.message : String(C);
+          L(oe), console.error("VP Player initialization error:", C);
         }
       }
     })(), () => {
-      var T;
-      if (c = !1, (T = Y.current) != null && T.destroy) {
+      var c;
+      if (f = !1, (c = q.current) != null && c.destroy) {
         try {
-          Y.current.destroy();
+          q.current.destroy();
         } catch {
         }
-        Y.current = null;
+        q.current = null;
       }
     };
   }, [
-    te,
+    Q,
     z,
     ae,
-    Q,
+    te,
+    W,
     D,
-    U,
-    B
+    H
   ]), {
-    playerRef: x,
-    playerInstanceRef: Y,
-    isScriptLoaded: te,
-    isLoading: !te && !J,
+    playerRef: k,
+    playerInstanceRef: q,
+    isScriptLoaded: Q,
+    isLoading: !Q && !J,
     error: J,
     generatedPlayerId: z
   };
-}, At = ({
-  scriptId: e,
-  videoId: r,
-  scriptUrl: t,
-  projectId: a,
-  playlist: n,
-  playerId: o,
-  isVertical: s = !1,
-  isReels: l = !1,
-  thumbnailUrl: d,
-  onClose: h,
-  className: p,
-  hiddenClasses: m = [],
-  onReady: A,
-  onPlay: S,
-  onPause: R,
-  onResume: g,
-  onComplete: y,
-  onError: b,
-  onVideoStarted: P,
-  onTimeUpdate: O,
-  onQuartile25: M,
-  onQuartile50: F,
-  onQuartile75: C,
-  onNext: x,
-  onPrevious: Y,
-  onProgress10s: J,
-  onProgress20s: L
-}) => {
-  const {
-    playerRef: G,
-    playerInstanceRef: z,
-    isScriptLoaded: $,
-    isLoading: Z,
-    error: U,
-    generatedPlayerId: D
-  } = Rt({
+}, Tt = nr(
+  ({
     scriptId: e,
     videoId: r,
     scriptUrl: t,
     projectId: a,
     playlist: n,
-    playerId: o,
-    isVertical: s,
-    isReels: l,
-    onReady: A,
-    onPlay: S,
-    onPause: R,
-    onResume: g,
-    onComplete: y,
-    onError: b,
-    onVideoStarted: P,
-    onTimeUpdate: O,
+    playerId: s,
+    isVertical: l = !1,
+    isReels: u = !1,
+    thumbnailUrl: h,
+    onClose: y,
+    className: m,
+    hiddenClasses: b = [],
+    onReady: O,
+    onPlay: T,
+    onPause: A,
+    onResume: v,
+    onComplete: x,
+    onError: w,
+    onVideoStarted: R,
+    onTimeUpdate: j,
     onQuartile25: M,
-    onQuartile50: F,
-    onQuartile75: C,
-    onNext: x,
-    onPrevious: Y,
+    onQuartile50: N,
+    onQuartile75: $,
+    onNext: k,
+    onPrevious: q,
     onProgress10s: J,
     onProgress20s: L
-  }), [Q, B] = Re(!0), te = () => l && B(!0), ae = () => {
-    var c, _;
-    !l || !Q || (B(!1), (_ = (c = z.current) == null ? void 0 : c.pause) == null || _.call(c), h == null || h());
-  };
-  if (U)
-    return /* @__PURE__ */ I.jsxs(er, { type: "error", children: [
-      "An error occurred: ",
-      U
-    ] });
-  const i = () => /* @__PURE__ */ I.jsx(
-    "div",
-    {
-      style: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        background: "rgba(0,0,0,0.8)",
-        zIndex: 10
-      },
-      children: /* @__PURE__ */ I.jsx(er, { type: "loading", children: "Loading..." })
-    }
-  );
-  return l ? /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
-    !Q && /* @__PURE__ */ I.jsx(
+  }, B) => {
+    const {
+      playerRef: z,
+      playerInstanceRef: g,
+      isScriptLoaded: Z,
+      isLoading: D,
+      error: W,
+      generatedPlayerId: te
+    } = _t({
+      scriptId: e,
+      videoId: r,
+      scriptUrl: t,
+      projectId: a,
+      playlist: n,
+      playerId: s,
+      isVertical: l,
+      isReels: u,
+      onReady: O,
+      onPlay: T,
+      onPause: A,
+      onResume: v,
+      onComplete: x,
+      onError: w,
+      onVideoStarted: R,
+      onTimeUpdate: j,
+      onQuartile25: M,
+      onQuartile50: N,
+      onQuartile75: $,
+      onNext: k,
+      onPrevious: q,
+      onProgress10s: J,
+      onProgress20s: L
+    });
+    br(
+      B,
+      () => ({
+        play: () => {
+          var i, c;
+          return (c = (i = g.current) == null ? void 0 : i.play) == null ? void 0 : c.call(i);
+        },
+        pause: () => {
+          var i, c;
+          return (c = (i = g.current) == null ? void 0 : i.pause) == null ? void 0 : c.call(i);
+        },
+        seek: (i) => {
+          var c, C;
+          return (C = (c = g.current) == null ? void 0 : c.seek) == null ? void 0 : C.call(c, i);
+        },
+        forward: () => {
+          var i, c;
+          return (c = (i = g.current) == null ? void 0 : i.forward) == null ? void 0 : c.call(i);
+        },
+        rewind: () => {
+          var i, c;
+          return (c = (i = g.current) == null ? void 0 : i.rewind) == null ? void 0 : c.call(i);
+        },
+        replay: () => {
+          var i, c;
+          return (c = (i = g.current) == null ? void 0 : i.replay) == null ? void 0 : c.call(i);
+        },
+        mute: () => {
+          var i, c;
+          return (c = (i = g.current) == null ? void 0 : i.mute) == null ? void 0 : c.call(i);
+        },
+        unmute: () => {
+          var i, c;
+          return (c = (i = g.current) == null ? void 0 : i.unmute) == null ? void 0 : c.call(i);
+        },
+        togglePlay: () => {
+          var i, c;
+          return (c = (i = g.current) == null ? void 0 : i.togglePlay) == null ? void 0 : c.call(i);
+        },
+        toggleMute: () => {
+          var i, c;
+          return (c = (i = g.current) == null ? void 0 : i.toggleMute) == null ? void 0 : c.call(i);
+        },
+        enterFullScreen: () => {
+          var i, c, C;
+          return (C = ((i = g.current) == null ? void 0 : i.enterFullScreen) ?? ((c = g.current) == null ? void 0 : c.enterFullscreen)) == null ? void 0 : C();
+        },
+        exitFullScreen: () => {
+          var i, c, C;
+          return (C = ((i = g.current) == null ? void 0 : i.exitFullScreen) ?? ((c = g.current) == null ? void 0 : c.exitFullscreen)) == null ? void 0 : C();
+        },
+        getPosition: () => {
+          var i, c;
+          return ((c = (i = g.current) == null ? void 0 : i.getPosition) == null ? void 0 : c.call(i)) ?? null;
+        },
+        getDuration: () => {
+          var i, c;
+          return ((c = (i = g.current) == null ? void 0 : i.getDuration) == null ? void 0 : c.call(i)) ?? null;
+        },
+        getVolume: () => {
+          var i, c;
+          return ((c = (i = g.current) == null ? void 0 : i.getVolume) == null ? void 0 : c.call(i)) ?? null;
+        },
+        setVolume: (i) => {
+          var c, C;
+          return (C = (c = g.current) == null ? void 0 : c.setVolume) == null ? void 0 : C.call(c, i);
+        },
+        isMuted: () => {
+          var i, c;
+          return ((c = (i = g.current) == null ? void 0 : i.isMuted) == null ? void 0 : c.call(i)) ?? !1;
+        },
+        isPlaying: () => {
+          var i, c;
+          return ((c = (i = g.current) == null ? void 0 : i.isPlaying) == null ? void 0 : c.call(i)) ?? !1;
+        },
+        isPaused: () => {
+          var i, c;
+          return ((c = (i = g.current) == null ? void 0 : i.isPaused) == null ? void 0 : c.call(i)) ?? !1;
+        },
+        isFullscreen: () => {
+          var i, c;
+          return ((c = (i = g.current) == null ? void 0 : i.isFullscreen) == null ? void 0 : c.call(i)) ?? !1;
+        }
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      []
+    );
+    const [H, Q] = Re(!0), ae = () => u && Q(!0), o = () => {
+      var i, c;
+      !u || !H || (Q(!1), (c = (i = g.current) == null ? void 0 : i.pause) == null || c.call(i), y == null || y());
+    };
+    if (W)
+      return /* @__PURE__ */ I.jsxs(er, { type: "error", children: [
+        "An error occurred: ",
+        W
+      ] });
+    const f = () => /* @__PURE__ */ I.jsx(
       "div",
       {
-        onClick: te,
         style: {
-          cursor: "pointer",
-          width: "100%",
-          height: "100%",
-          backgroundImage: d ? `url(${d})` : void 0,
-          backgroundSize: "cover",
-          backgroundPosition: "center"
-        }
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          background: "rgba(0,0,0,0.8)",
+          zIndex: 10
+        },
+        children: /* @__PURE__ */ I.jsx(er, { type: "loading", children: "Loading..." })
       }
-    ),
-    Q && /* @__PURE__ */ I.jsx(bt, { onClick: ae, className: p, children: /* @__PURE__ */ I.jsx(
-      vt,
-      {
-        className: p,
-        onClick: (c) => c.stopPropagation(),
-        children: /* @__PURE__ */ I.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
-          /* @__PURE__ */ I.jsx(
-            rr,
+    );
+    return u ? /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
+      !H && /* @__PURE__ */ I.jsx(
+        "div",
+        {
+          onClick: ae,
+          style: {
+            cursor: "pointer",
+            width: "100%",
+            height: "100%",
+            backgroundImage: h ? `url(${h})` : void 0,
+            backgroundSize: "cover",
+            backgroundPosition: "center"
+          }
+        }
+      ),
+      H && /* @__PURE__ */ I.jsx(vt, { onClick: o, className: m, children: /* @__PURE__ */ I.jsx(
+        xt,
+        {
+          className: m,
+          onClick: (i) => i.stopPropagation(),
+          children: /* @__PURE__ */ I.jsxs(
+            "div",
             {
-              id: D,
-              ref: G,
-              width: "100%",
-              height: "100%",
-              $hiddenClasses: m,
-              className: p
+              style: {
+                position: "relative",
+                width: "100%",
+                height: "100%"
+              },
+              children: [
+                /* @__PURE__ */ I.jsx(
+                  rr,
+                  {
+                    id: te,
+                    ref: z,
+                    width: "100%",
+                    height: "100%",
+                    $hiddenClasses: b,
+                    className: m
+                  }
+                ),
+                (D || !Z) && /* @__PURE__ */ I.jsx(f, {})
+              ]
             }
-          ),
-          (Z || !$) && /* @__PURE__ */ I.jsx(i, {})
-        ] })
-      }
-    ) })
-  ] }) : /* @__PURE__ */ I.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
-    /* @__PURE__ */ I.jsx(
-      rr,
-      {
-        id: D,
-        ref: G,
-        width: "100%",
-        height: "100%",
-        $hiddenClasses: m,
-        className: p
-      }
-    ),
-    (Z || !$) && /* @__PURE__ */ I.jsx(i, {})
-  ] });
-};
+          )
+        }
+      ) })
+    ] }) : /* @__PURE__ */ I.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
+      /* @__PURE__ */ I.jsx(
+        rr,
+        {
+          id: te,
+          ref: z,
+          width: "100%",
+          height: "100%",
+          $hiddenClasses: b,
+          className: m
+        }
+      ),
+      (D || !Z) && /* @__PURE__ */ I.jsx(f, {})
+    ] });
+  }
+);
+Tt.displayName = "VPPlayer";
 export {
-  bt as Overlay,
+  vt as Overlay,
   rr as PlayerContainer,
-  vt as PlayerWrapper,
-  At as VPPlayer,
+  xt as PlayerWrapper,
+  Tt as VPPlayer,
   Oe as VP_PLAYER_BASE_URL,
-  Pt as appendDivIdToUrl,
+  St as appendDivIdToUrl,
   kt as generatePlayerId,
-  wt as getFullyManagedPlayerScriptUrl,
-  Tt as getManagedPlayerScriptUrl,
-  xt as getPlayerScriptUrl,
+  Pt as getFullyManagedPlayerScriptUrl,
+  Ct as getManagedPlayerScriptUrl,
+  wt as getPlayerScriptUrl,
   tr as getVerticalPlayerScriptUrl,
-  Rt as useVPPlayerLogic,
+  _t as useVPPlayerLogic,
   Et as useVPPlayerScript
 };