@devix-technologies/react-gjirafa-vp-player 1.0.31-beta.19 → 1.0.31-beta.20

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

@@ -1,6 +1,6 @@
-import * as fe from "react";
-import $r, { forwardRef as br, useContext as jr, useState as Ne, useEffect as Ee, useRef as ne, useId as Ir, useMemo as We, useImperativeHandle as Mr } from "react";
-var Oe = { exports: {} }, ke = {};
+import * as ue from "react";
+import jr, { forwardRef as xr, useContext as Ir, useState as Ve, useEffect as Se, useRef as de, useId as Mr, useMemo as De, useImperativeHandle as Fr } from "react";
+var Ce = { exports: {} }, we = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,17 +10,17 @@ var Oe = { exports: {} }, ke = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ir;
-function Fr() {
-  if (ir) return ke;
-  ir = 1;
+var or;
+function Vr() {
+  if (or) return we;
+  or = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
   function t(n, a, s) {
     var u = null;
     if (s !== void 0 && (u = "" + s), a.key !== void 0 && (u = "" + a.key), "key" in a) {
       s = {};
-      for (var d in a)
-        d !== "key" && (s[d] = a[d]);
+      for (var p in a)
+        p !== "key" && (s[p] = a[p]);
     } else s = a;
     return a = s.ref, {
       $$typeof: e,
@@ -30,9 +30,9 @@ function Fr() {
       props: s
     };
   }
-  return ke.Fragment = r, ke.jsx = t, ke.jsxs = t, ke;
+  return we.Fragment = r, we.jsx = t, we.jsxs = t, we;
 }
-var Pe = {};
+var ke = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,263 +42,263 @@ var Pe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var or;
-function Vr() {
-  return or || (or = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(i) {
-      if (i == null) return null;
-      if (typeof i == "function")
-        return i.$$typeof === Y ? null : i.displayName || i.name || null;
-      if (typeof i == "string") return i;
-      switch (i) {
+var sr;
+function Nr() {
+  return sr || (sr = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === ee ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
         case k:
           return "Fragment";
-        case A:
+        case C:
           return "Profiler";
         case P:
           return "StrictMode";
-        case M:
+        case F:
           return "Suspense";
         case S:
           return "SuspenseList";
-        case ee:
+        case q:
           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 b:
+        ), o.$$typeof) {
+          case x:
             return "Portal";
           case L:
-            return i.displayName || "Context";
-          case F:
-            return (i._context.displayName || "Context") + ".Consumer";
+            return o.displayName || "Context";
+          case V:
+            return (o._context.displayName || "Context") + ".Consumer";
           case z:
-            var m = i.render;
-            return i = i.displayName, i || (i = m.displayName || m.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
-          case de:
-            return m = i.displayName || null, m !== null ? m : e(i.type) || "Memo";
-          case G:
-            m = i._payload, i = i._init;
+            var h = o.render;
+            return o = o.displayName, o || (o = h.displayName || h.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case te:
+            return h = o.displayName || null, h !== null ? h : e(o.type) || "Memo";
+          case ce:
+            h = o._payload, o = o._init;
             try {
-              return e(i(m));
+              return e(o(h));
             } catch {
             }
         }
       return null;
     }
-    function r(i) {
-      return "" + i;
+    function r(o) {
+      return "" + o;
     }
-    function t(i) {
+    function t(o) {
       try {
-        r(i);
-        var m = !1;
+        r(o);
+        var h = !1;
       } catch {
-        m = !0;
+        h = !0;
       }
-      if (m) {
-        m = console;
-        var E = m.error, j = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return E.call(
-          m,
+      if (h) {
+        h = console;
+        var O = h.error, I = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return O.call(
+          h,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          j
-        ), r(i);
+          I
+        ), r(o);
       }
     }
-    function n(i) {
-      if (i === k) return "<>";
-      if (typeof i == "object" && i !== null && i.$$typeof === G)
+    function n(o) {
+      if (o === k) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === ce)
         return "<...>";
       try {
-        var m = e(i);
-        return m ? "<" + m + ">" : "<...>";
+        var h = e(o);
+        return h ? "<" + h + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var i = pe.A;
-      return i === null ? null : i.getOwner();
+      var o = X.A;
+      return o === null ? null : o.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
-    function u(i) {
-      if (H.call(i, "key")) {
-        var m = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (m && m.isReactWarning) return !1;
+    function u(o) {
+      if (pe.call(o, "key")) {
+        var h = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (h && h.isReactWarning) return !1;
       }
-      return i.key !== void 0;
+      return o.key !== void 0;
     }
-    function d(i, m) {
-      function E() {
-        Z || (Z = !0, console.error(
+    function p(o, h) {
+      function O() {
+        ne || (ne = !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)",
-          m
+          h
         ));
       }
-      E.isReactWarning = !0, Object.defineProperty(i, "key", {
-        get: E,
+      O.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: O,
         configurable: !0
       });
     }
-    function x() {
-      var i = e(this.type);
-      return he[i] || (he[i] = !0, console.error(
+    function w() {
+      var o = e(this.type);
+      return J[o] || (J[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 y(i, m, E, j, Q, o) {
-      var c = E.ref;
-      return i = {
-        $$typeof: $,
-        type: i,
-        key: m,
-        props: E,
-        _owner: j
-      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(i, "ref", {
+    function v(o, h, O, I, i, l) {
+      var E = O.ref;
+      return o = {
+        $$typeof: j,
+        type: o,
+        key: h,
+        props: O,
+        _owner: I
+      }, (E !== void 0 ? E : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: x
-      }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
+        get: w
+      }) : 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: i
+      }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: o
-      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
+        value: l
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function h(i, m, E, j, Q, o) {
-      var c = m.children;
-      if (c !== void 0)
-        if (j)
-          if (p(c)) {
-            for (j = 0; j < c.length; j++)
-              v(c[j]);
-            Object.freeze && Object.freeze(c);
+    function m(o, h, O, I, i, l) {
+      var E = h.children;
+      if (E !== void 0)
+        if (I)
+          if (H(E)) {
+            for (I = 0; I < E.length; I++)
+              b(E[I]);
+            Object.freeze && Object.freeze(E);
           } 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 v(c);
-      if (H.call(m, "key")) {
-        c = e(i);
-        var V = Object.keys(m).filter(function(te) {
-          return te !== "key";
+        else b(E);
+      if (pe.call(h, "key")) {
+        E = e(o);
+        var K = Object.keys(h).filter(function(Ae) {
+          return Ae !== "key";
         });
-        j = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", le[c + j] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
+        I = 0 < K.length ? "{key: someKey, " + K.join(": ..., ") + ": ...}" : "{key: someKey}", le[E + I] || (K = 0 < K.length ? "{" + K.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} />`,
-          j,
-          c,
-          V,
-          c
-        ), le[c + j] = !0);
+          I,
+          E,
+          K,
+          E
+        ), le[E + I] = !0);
       }
-      if (c = null, E !== void 0 && (t(E), c = "" + E), u(m) && (t(m.key), c = "" + m.key), "key" in m) {
-        E = {};
-        for (var ue in m)
-          ue !== "key" && (E[ue] = m[ue]);
-      } else E = m;
-      return c && d(
-        E,
-        typeof i == "function" ? i.displayName || i.name || "Unknown" : i
-      ), y(
-        i,
-        c,
+      if (E = null, O !== void 0 && (t(O), E = "" + O), u(h) && (t(h.key), E = "" + h.key), "key" in h) {
+        O = {};
+        for (var Q in h)
+          Q !== "key" && (O[Q] = h[Q]);
+      } else O = h;
+      return E && p(
+        O,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      ), v(
+        o,
         E,
+        O,
         a(),
-        Q,
-        o
+        i,
+        l
       );
     }
-    function v(i) {
-      I(i) ? i._store && (i._store.validated = 1) : typeof i == "object" && i !== null && i.$$typeof === G && (i._payload.status === "fulfilled" ? I(i._payload.value) && i._payload.value._store && (i._payload.value._store.validated = 1) : i._store && (i._store.validated = 1));
+    function b(o) {
+      M(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === ce && (o._payload.status === "fulfilled" ? M(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
-    function I(i) {
-      return typeof i == "object" && i !== null && i.$$typeof === $;
+    function M(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === j;
     }
-    var O = $r, $ = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), F = Symbol.for("react.consumer"), L = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), de = Symbol.for("react.memo"), G = Symbol.for("react.lazy"), ee = Symbol.for("react.activity"), Y = Symbol.for("react.client.reference"), pe = O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, p = Array.isArray, re = console.createTask ? console.createTask : function() {
+    var $ = jr, j = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), k = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), L = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), ce = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), X = $.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, pe = Object.prototype.hasOwnProperty, H = Array.isArray, d = console.createTask ? console.createTask : function() {
       return null;
     };
-    O = {
-      react_stack_bottom_frame: function(i) {
-        return i();
+    $ = {
+      react_stack_bottom_frame: function(o) {
+        return o();
       }
     };
-    var Z, he = {}, se = O.react_stack_bottom_frame.bind(
-      O,
+    var ne, J = {}, fe = $.react_stack_bottom_frame.bind(
+      $,
       s
-    )(), ce = re(n(s)), le = {};
-    Pe.Fragment = k, Pe.jsx = function(i, m, E) {
-      var j = 1e4 > pe.recentlyCreatedOwnerStacks++;
-      return h(
-        i,
-        m,
-        E,
+    )(), ae = d(n(s)), le = {};
+    ke.Fragment = k, ke.jsx = function(o, h, O) {
+      var I = 1e4 > X.recentlyCreatedOwnerStacks++;
+      return m(
+        o,
+        h,
+        O,
         !1,
-        j ? Error("react-stack-top-frame") : se,
-        j ? re(n(i)) : ce
+        I ? Error("react-stack-top-frame") : fe,
+        I ? d(n(o)) : ae
       );
-    }, Pe.jsxs = function(i, m, E) {
-      var j = 1e4 > pe.recentlyCreatedOwnerStacks++;
-      return h(
-        i,
-        m,
-        E,
+    }, ke.jsxs = function(o, h, O) {
+      var I = 1e4 > X.recentlyCreatedOwnerStacks++;
+      return m(
+        o,
+        h,
+        O,
         !0,
-        j ? Error("react-stack-top-frame") : se,
-        j ? re(n(i)) : ce
+        I ? Error("react-stack-top-frame") : fe,
+        I ? d(n(o)) : ae
       );
     };
-  })()), Pe;
+  })()), ke;
 }
-var sr;
-function Nr() {
-  return sr || (sr = 1, process.env.NODE_ENV === "production" ? Oe.exports = Fr() : Oe.exports = Vr()), Oe.exports;
+var cr;
+function Lr() {
+  return cr || (cr = 1, process.env.NODE_ENV === "production" ? Ce.exports = Vr() : Ce.exports = Nr()), Ce.exports;
 }
-var D = Nr();
-function qe() {
-  return qe = Object.assign ? Object.assign.bind() : function(e) {
+var D = Lr();
+function Ye() {
+  return Ye = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
       var t = arguments[r];
       for (var n in t) ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
     }
     return e;
-  }, qe.apply(null, arguments);
+  }, Ye.apply(null, arguments);
 }
-function Lr(e) {
+function zr(e) {
   if (e.sheet)
     return e.sheet;
   for (var r = 0; r < document.styleSheets.length; r++)
     if (document.styleSheets[r].ownerNode === e)
       return document.styleSheets[r];
 }
-function zr(e) {
+function Ur(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 Ur = /* @__PURE__ */ (function() {
+var Dr = /* @__PURE__ */ (function() {
   function e(t) {
     var n = this;
     this._insertTag = function(a) {
@@ -310,10 +310,10 @@ var Ur = /* @__PURE__ */ (function() {
   return r.hydrate = function(n) {
     n.forEach(this._insertTag);
   }, r.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(zr(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Ur(this));
     var a = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var s = Lr(a);
+      var s = zr(a);
       try {
         s.insertRule(n, s.cssRules.length);
       } catch {
@@ -327,66 +327,66 @@ var Ur = /* @__PURE__ */ (function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-})(), q = "-ms-", Le = "-moz-", _ = "-webkit-", xr = "comm", Be = "rule", Xe = "decl", Dr = "@import", wr = "@keyframes", Wr = "@layer", Yr = Math.abs, ze = String.fromCharCode, qr = Object.assign;
-function Hr(e, r) {
+})(), Y = "-ms-", Ne = "-moz-", _ = "-webkit-", wr = "comm", Ge = "rule", Be = "decl", Wr = "@import", kr = "@keyframes", Yr = "@layer", qr = Math.abs, Le = String.fromCharCode, Hr = Object.assign;
+function Gr(e, r) {
   return W(e, 0) ^ 45 ? (((r << 2 ^ W(e, 0)) << 2 ^ W(e, 1)) << 2 ^ W(e, 2)) << 2 ^ W(e, 3) : 0;
 }
-function kr(e) {
+function Pr(e) {
   return e.trim();
 }
-function Gr(e, r) {
+function Br(e, r) {
   return (e = r.exec(e)) ? e[0] : e;
 }
 function T(e, r, t) {
   return e.replace(r, t);
 }
-function He(e, r) {
+function qe(e, r) {
   return e.indexOf(r);
 }
 function W(e, r) {
   return e.charCodeAt(r) | 0;
 }
-function Re(e, r, t) {
+function Ee(e, r, t) {
   return e.slice(r, t);
 }
-function ae(e) {
+function ie(e) {
   return e.length;
 }
-function Je(e) {
+function Xe(e) {
   return e.length;
 }
-function $e(e, r) {
+function Oe(e, r) {
   return r.push(e), e;
 }
-function Br(e, r) {
+function Xr(e, r) {
   return e.map(r).join("");
 }
-var Ue = 1, be = 1, Pr = 0, J = 0, N = 0, we = "";
-function De(e, r, t, n, a, s, u) {
-  return { value: e, root: r, parent: t, type: n, props: a, children: s, line: Ue, column: be, length: u, return: "" };
+var ze = 1, ve = 1, Sr = 0, B = 0, N = 0, xe = "";
+function Ue(e, r, t, n, a, s, u) {
+  return { value: e, root: r, parent: t, type: n, props: a, children: s, line: ze, column: ve, length: u, return: "" };
 }
-function Se(e, r) {
-  return qr(De("", null, null, "", null, null, 0), e, { length: -e.length }, r);
+function Pe(e, r) {
+  return Hr(Ue("", null, null, "", null, null, 0), e, { length: -e.length }, r);
 }
-function Xr() {
+function Jr() {
   return N;
 }
-function Jr() {
-  return N = J > 0 ? W(we, --J) : 0, be--, N === 10 && (be = 1, Ue--), N;
+function Zr() {
+  return N = B > 0 ? W(xe, --B) : 0, ve--, N === 10 && (ve = 1, ze--), N;
 }
-function K() {
-  return N = J < Pr ? W(we, J++) : 0, be++, N === 10 && (be = 1, Ue++), N;
+function Z() {
+  return N = B < Sr ? W(xe, B++) : 0, ve++, N === 10 && (ve = 1, ze++), N;
 }
-function oe() {
-  return W(we, J);
+function se() {
+  return W(xe, B);
 }
-function Me() {
-  return J;
+function Ie() {
+  return B;
 }
-function Ae(e, r) {
-  return Re(we, e, r);
+function Te(e, r) {
+  return Ee(xe, e, r);
 }
-function _e(e) {
+function Re(e) {
   switch (e) {
     // \0 \t \n \r \s whitespace token
     case 0:
@@ -424,260 +424,260 @@ function _e(e) {
   }
   return 0;
 }
-function Sr(e) {
-  return Ue = be = 1, Pr = ae(we = e), J = 0, [];
-}
 function Er(e) {
-  return we = "", e;
+  return ze = ve = 1, Sr = ie(xe = e), B = 0, [];
+}
+function Rr(e) {
+  return xe = "", e;
 }
-function Fe(e) {
-  return kr(Ae(J - 1, Ge(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+function Me(e) {
+  return Pr(Te(B - 1, He(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function Zr(e) {
-  for (; (N = oe()) && N < 33; )
-    K();
-  return _e(e) > 2 || _e(N) > 3 ? "" : " ";
+function Kr(e) {
+  for (; (N = se()) && N < 33; )
+    Z();
+  return Re(e) > 2 || Re(N) > 3 ? "" : " ";
 }
-function Kr(e, r) {
-  for (; --r && K() && !(N < 48 || N > 102 || N > 57 && N < 65 || N > 70 && N < 97); )
+function Qr(e, r) {
+  for (; --r && Z() && !(N < 48 || N > 102 || N > 57 && N < 65 || N > 70 && N < 97); )
     ;
-  return Ae(e, Me() + (r < 6 && oe() == 32 && K() == 32));
+  return Te(e, Ie() + (r < 6 && se() == 32 && Z() == 32));
 }
-function Ge(e) {
-  for (; K(); )
+function He(e) {
+  for (; Z(); )
     switch (N) {
       // ] ) " '
       case e:
-        return J;
+        return B;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Ge(N);
+        e !== 34 && e !== 39 && He(N);
         break;
       // (
       case 40:
-        e === 41 && Ge(e);
+        e === 41 && He(e);
         break;
       // \
       case 92:
-        K();
+        Z();
         break;
     }
-  return J;
+  return B;
 }
-function Qr(e, r) {
-  for (; K() && e + N !== 57; )
-    if (e + N === 84 && oe() === 47)
+function et(e, r) {
+  for (; Z() && e + N !== 57; )
+    if (e + N === 84 && se() === 47)
       break;
-  return "/*" + Ae(r, J - 1) + "*" + ze(e === 47 ? e : K());
-}
-function et(e) {
-  for (; !_e(oe()); )
-    K();
-  return Ae(e, J);
+  return "/*" + Te(r, B - 1) + "*" + Le(e === 47 ? e : Z());
 }
 function rt(e) {
-  return Er(Ve("", null, null, null, [""], e = Sr(e), 0, [0], e));
+  for (; !Re(se()); )
+    Z();
+  return Te(e, B);
+}
+function tt(e) {
+  return Rr(Fe("", null, null, null, [""], e = Er(e), 0, [0], e));
 }
-function Ve(e, r, t, n, a, s, u, d, x) {
-  for (var y = 0, h = 0, v = u, I = 0, O = 0, $ = 0, b = 1, k = 1, P = 1, A = 0, F = "", L = a, z = s, M = n, S = F; k; )
-    switch ($ = A, A = K()) {
+function Fe(e, r, t, n, a, s, u, p, w) {
+  for (var v = 0, m = 0, b = u, M = 0, $ = 0, j = 0, x = 1, k = 1, P = 1, C = 0, V = "", L = a, z = s, F = n, S = V; k; )
+    switch (j = C, C = Z()) {
       // (
       case 40:
-        if ($ != 108 && W(S, v - 1) == 58) {
-          He(S += T(Fe(A), "&", "&\f"), "&\f") != -1 && (P = -1);
+        if (j != 108 && W(S, b - 1) == 58) {
+          qe(S += T(Me(C), "&", "&\f"), "&\f") != -1 && (P = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        S += Fe(A);
+        S += Me(C);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        S += Zr($);
+        S += Kr(j);
         break;
       // \
       case 92:
-        S += Kr(Me() - 1, 7);
+        S += Qr(Ie() - 1, 7);
         continue;
       // /
       case 47:
-        switch (oe()) {
+        switch (se()) {
           case 42:
           case 47:
-            $e(tt(Qr(K(), Me()), r, t), x);
+            Oe(nt(et(Z(), Ie()), r, t), w);
             break;
           default:
             S += "/";
         }
         break;
       // {
-      case 123 * b:
-        d[y++] = ae(S) * P;
+      case 123 * x:
+        p[v++] = ie(S) * P;
       // } ; \0
-      case 125 * b:
+      case 125 * x:
       case 59:
       case 0:
-        switch (A) {
+        switch (C) {
           // \0 }
           case 0:
           case 125:
             k = 0;
           // ;
-          case 59 + h:
-            P == -1 && (S = T(S, /\f/g, "")), O > 0 && ae(S) - v && $e(O > 32 ? lr(S + ";", n, t, v - 1) : lr(T(S, " ", "") + ";", n, t, v - 2), x);
+          case 59 + m:
+            P == -1 && (S = T(S, /\f/g, "")), $ > 0 && ie(S) - b && Oe($ > 32 ? ur(S + ";", n, t, b - 1) : ur(T(S, " ", "") + ";", n, t, b - 2), w);
             break;
           // @ ;
           case 59:
             S += ";";
           // { rule/at-rule
           default:
-            if ($e(M = cr(S, r, t, y, h, a, d, F, L = [], z = [], v), s), A === 123)
-              if (h === 0)
-                Ve(S, r, M, M, L, s, v, d, z);
+            if (Oe(F = lr(S, r, t, v, m, a, p, V, L = [], z = [], b), s), C === 123)
+              if (m === 0)
+                Fe(S, r, F, F, L, s, b, p, z);
               else
-                switch (I === 99 && W(S, 3) === 110 ? 100 : I) {
+                switch (M === 99 && W(S, 3) === 110 ? 100 : M) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Ve(e, M, M, n && $e(cr(e, M, M, 0, 0, a, d, F, a, L = [], v), z), a, z, v, d, n ? L : z);
+                    Fe(e, F, F, n && Oe(lr(e, F, F, 0, 0, a, p, V, a, L = [], b), z), a, z, b, p, n ? L : z);
                     break;
                   default:
-                    Ve(S, M, M, M, [""], z, 0, d, z);
+                    Fe(S, F, F, F, [""], z, 0, p, z);
                 }
         }
-        y = h = O = 0, b = P = 1, F = S = "", v = u;
+        v = m = $ = 0, x = P = 1, V = S = "", b = u;
         break;
       // :
       case 58:
-        v = 1 + ae(S), O = $;
+        b = 1 + ie(S), $ = j;
       default:
-        if (b < 1) {
-          if (A == 123)
-            --b;
-          else if (A == 125 && b++ == 0 && Jr() == 125)
+        if (x < 1) {
+          if (C == 123)
+            --x;
+          else if (C == 125 && x++ == 0 && Zr() == 125)
             continue;
         }
-        switch (S += ze(A), A * b) {
+        switch (S += Le(C), C * x) {
           // &
           case 38:
-            P = h > 0 ? 1 : (S += "\f", -1);
+            P = m > 0 ? 1 : (S += "\f", -1);
             break;
           // ,
           case 44:
-            d[y++] = (ae(S) - 1) * P, P = 1;
+            p[v++] = (ie(S) - 1) * P, P = 1;
             break;
           // @
           case 64:
-            oe() === 45 && (S += Fe(K())), I = oe(), h = v = ae(F = S += et(Me())), A++;
+            se() === 45 && (S += Me(Z())), M = se(), m = b = ie(V = S += rt(Ie())), C++;
             break;
           // -
           case 45:
-            $ === 45 && ae(S) == 2 && (b = 0);
+            j === 45 && ie(S) == 2 && (x = 0);
         }
     }
   return s;
 }
-function cr(e, r, t, n, a, s, u, d, x, y, h) {
-  for (var v = a - 1, I = a === 0 ? s : [""], O = Je(I), $ = 0, b = 0, k = 0; $ < n; ++$)
-    for (var P = 0, A = Re(e, v + 1, v = Yr(b = u[$])), F = e; P < O; ++P)
-      (F = kr(b > 0 ? I[P] + " " + A : T(A, /&\f/g, I[P]))) && (x[k++] = F);
-  return De(e, r, t, a === 0 ? Be : d, x, y, h);
+function lr(e, r, t, n, a, s, u, p, w, v, m) {
+  for (var b = a - 1, M = a === 0 ? s : [""], $ = Xe(M), j = 0, x = 0, k = 0; j < n; ++j)
+    for (var P = 0, C = Ee(e, b + 1, b = qr(x = u[j])), V = e; P < $; ++P)
+      (V = Pr(x > 0 ? M[P] + " " + C : T(C, /&\f/g, M[P]))) && (w[k++] = V);
+  return Ue(e, r, t, a === 0 ? Ge : p, w, v, m);
 }
-function tt(e, r, t) {
-  return De(e, r, t, xr, ze(Xr()), Re(e, 2, -2), 0);
+function nt(e, r, t) {
+  return Ue(e, r, t, wr, Le(Jr()), Ee(e, 2, -2), 0);
 }
-function lr(e, r, t, n) {
-  return De(e, r, t, Xe, Re(e, 0, n), Re(e, n + 1, -1), n);
+function ur(e, r, t, n) {
+  return Ue(e, r, t, Be, Ee(e, 0, n), Ee(e, n + 1, -1), n);
 }
-function ve(e, r) {
-  for (var t = "", n = Je(e), a = 0; a < n; a++)
+function ye(e, r) {
+  for (var t = "", n = Xe(e), a = 0; a < n; a++)
     t += r(e[a], a, e, r) || "";
   return t;
 }
-function nt(e, r, t, n) {
+function at(e, r, t, n) {
   switch (e.type) {
-    case Wr:
+    case Yr:
       if (e.children.length) break;
-    case Dr:
-    case Xe:
+    case Wr:
+    case Be:
       return e.return = e.return || e.value;
-    case xr:
-      return "";
     case wr:
-      return e.return = e.value + "{" + ve(e.children, n) + "}";
-    case Be:
+      return "";
+    case kr:
+      return e.return = e.value + "{" + ye(e.children, n) + "}";
+    case Ge:
       e.value = e.props.join(",");
   }
-  return ae(t = ve(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
+  return ie(t = ye(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
 }
-function at(e) {
-  var r = Je(e);
+function it(e) {
+  var r = Xe(e);
   return function(t, n, a, s) {
-    for (var u = "", d = 0; d < r; d++)
-      u += e[d](t, n, a, s) || "";
+    for (var u = "", p = 0; p < r; p++)
+      u += e[p](t, n, a, s) || "";
     return u;
   };
 }
-function it(e) {
+function ot(e) {
   return function(r) {
     r.root || (r = r.return) && e(r);
   };
 }
-function Rr(e) {
+function _r(e) {
   var r = /* @__PURE__ */ Object.create(null);
   return function(t) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var ot = function(r, t, n) {
-  for (var a = 0, s = 0; a = s, s = oe(), a === 38 && s === 12 && (t[n] = 1), !_e(s); )
-    K();
-  return Ae(r, J);
-}, st = function(r, t) {
+var st = function(r, t, n) {
+  for (var a = 0, s = 0; a = s, s = se(), a === 38 && s === 12 && (t[n] = 1), !Re(s); )
+    Z();
+  return Te(r, B);
+}, ct = function(r, t) {
   var n = -1, a = 44;
   do
-    switch (_e(a)) {
+    switch (Re(a)) {
       case 0:
-        a === 38 && oe() === 12 && (t[n] = 1), r[n] += ot(J - 1, t, n);
+        a === 38 && se() === 12 && (t[n] = 1), r[n] += st(B - 1, t, n);
         break;
       case 2:
-        r[n] += Fe(a);
+        r[n] += Me(a);
         break;
       case 4:
         if (a === 44) {
-          r[++n] = oe() === 58 ? "&\f" : "", t[n] = r[n].length;
+          r[++n] = se() === 58 ? "&\f" : "", t[n] = r[n].length;
           break;
         }
       // fallthrough
       default:
-        r[n] += ze(a);
+        r[n] += Le(a);
     }
-  while (a = K());
+  while (a = Z());
   return r;
-}, ct = function(r, t) {
-  return Er(st(Sr(r), t));
-}, ur = /* @__PURE__ */ new WeakMap(), lt = function(r) {
+}, lt = function(r, t) {
+  return Rr(ct(Er(r), t));
+}, fr = /* @__PURE__ */ new WeakMap(), ut = 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)) {
     for (var t = r.value, n = r.parent, a = r.column === n.column && r.line === n.line; n.type !== "rule"; )
       if (n = n.parent, !n) return;
-    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !ur.get(n)) && !a) {
-      ur.set(r, !0);
-      for (var s = [], u = ct(t, s), d = n.props, x = 0, y = 0; x < u.length; x++)
-        for (var h = 0; h < d.length; h++, y++)
-          r.props[y] = s[x] ? u[x].replace(/&\f/g, d[h]) : d[h] + " " + u[x];
+    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !fr.get(n)) && !a) {
+      fr.set(r, !0);
+      for (var s = [], u = lt(t, s), p = n.props, w = 0, v = 0; w < u.length; w++)
+        for (var m = 0; m < p.length; m++, v++)
+          r.props[v] = s[w] ? u[w].replace(/&\f/g, p[m]) : p[m] + " " + u[w];
     }
   }
-}, ut = function(r) {
+}, ft = function(r) {
   if (r.type === "decl") {
     var t = r.value;
     // charcode for l
@@ -685,8 +685,8 @@ var ot = function(r, t, n) {
     t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
   }
 };
-function _r(e, r) {
-  switch (Hr(e, r)) {
+function Tr(e, r) {
+  switch (Gr(e, r)) {
     // color-adjust
     case 5103:
       return _ + "print-" + e + e;
@@ -726,32 +726,32 @@ function _r(e, r) {
     case 4810:
     case 6968:
     case 2756:
-      return _ + e + Le + e + q + e + e;
+      return _ + e + Ne + e + Y + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return _ + e + q + e + e;
+      return _ + e + Y + e + e;
     // order
     case 6165:
-      return _ + e + q + "flex-" + e + e;
+      return _ + e + Y + "flex-" + e + e;
     // align-items
     case 5187:
-      return _ + e + T(e, /(\w+).+(:[^]+)/, _ + "box-$1$2" + q + "flex-$1$2") + e;
+      return _ + e + T(e, /(\w+).+(:[^]+)/, _ + "box-$1$2" + Y + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return _ + e + q + "flex-item-" + T(e, /flex-|-self/, "") + e;
+      return _ + e + Y + "flex-item-" + T(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return _ + e + q + "flex-line-pack" + T(e, /align-content|flex-|-self/, "") + e;
+      return _ + e + Y + "flex-line-pack" + T(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return _ + e + q + T(e, "shrink", "negative") + e;
+      return _ + e + Y + T(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return _ + e + q + T(e, "basis", "preferred-size") + e;
+      return _ + e + Y + T(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return _ + "box-" + T(e, "-grow", "") + _ + e + q + T(e, "grow", "positive") + e;
+      return _ + "box-" + T(e, "-grow", "") + _ + e + Y + T(e, "grow", "positive") + e;
     // transition
     case 4554:
       return _ + T(e, /([^-])(transform)/g, "$1" + _ + "$2") + e;
@@ -764,7 +764,7 @@ function _r(e, r) {
       return T(e, /(image-set\([^]*)/, _ + "$1$`$1");
     // justify-content
     case 4968:
-      return T(T(e, /(.+:)(flex-)?(.*)/, _ + "box-pack:$3" + q + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + _ + e + e;
+      return T(T(e, /(.+:)(flex-)?(.*)/, _ + "box-pack:$3" + Y + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + _ + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
@@ -784,16 +784,16 @@ function _r(e, r) {
     case 5789:
     case 5021:
     case 4765:
-      if (ae(e) - 1 - r > 6) switch (W(e, r + 1)) {
+      if (ie(e) - 1 - r > 6) switch (W(e, r + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
           if (W(e, r + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return T(e, /(.+:)(.+)-([^]+)/, "$1" + _ + "$2-$3$1" + Le + (W(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return T(e, /(.+:)(.+)-([^]+)/, "$1" + _ + "$2-$3$1" + Ne + (W(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~He(e, "stretch") ? _r(T(e, "stretch", "fill-available"), r) + e : e;
+          return ~qe(e, "stretch") ? Tr(T(e, "stretch", "fill-available"), r) + e : e;
       }
       break;
     // position: sticky
@@ -801,13 +801,13 @@ function _r(e, r) {
       if (W(e, r + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (W(e, ae(e) - 3 - (~He(e, "!important") && 10))) {
+      switch (W(e, ie(e) - 3 - (~qe(e, "!important") && 10))) {
         // stic(k)y
         case 107:
           return T(e, ":", ":" + _) + e;
         // (inline-)?fl(e)x
         case 101:
-          return T(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + _ + (W(e, 14) === 45 ? "inline-" : "") + "box$3$1" + _ + "$2$3$1" + q + "$2box$3") + e;
+          return T(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + _ + (W(e, 14) === 45 ? "inline-" : "") + "box$3$1" + _ + "$2$3$1" + Y + "$2box$3") + e;
       }
       break;
     // writing-mode
@@ -815,83 +815,83 @@ function _r(e, r) {
       switch (W(e, r + 11)) {
         // vertical-l(r)
         case 114:
-          return _ + e + q + T(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return _ + e + Y + T(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return _ + e + q + T(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return _ + e + Y + T(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return _ + e + q + T(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return _ + e + Y + T(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return _ + e + q + e + e;
+      return _ + e + Y + e + e;
   }
   return e;
 }
-var ft = function(r, t, n, a) {
+var dt = function(r, t, n, a) {
   if (r.length > -1 && !r.return) switch (r.type) {
-    case Xe:
-      r.return = _r(r.value, r.length);
+    case Be:
+      r.return = Tr(r.value, r.length);
       break;
-    case wr:
-      return ve([Se(r, {
+    case kr:
+      return ye([Pe(r, {
         value: T(r.value, "@", "@" + _)
       })], a);
-    case Be:
-      if (r.length) return Br(r.props, function(s) {
-        switch (Gr(s, /(::plac\w+|:read-\w+)/)) {
+    case Ge:
+      if (r.length) return Xr(r.props, function(s) {
+        switch (Br(s, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
-            return ve([Se(r, {
-              props: [T(s, /:(read-\w+)/, ":" + Le + "$1")]
+            return ye([Pe(r, {
+              props: [T(s, /:(read-\w+)/, ":" + Ne + "$1")]
             })], a);
           // :placeholder
           case "::placeholder":
-            return ve([Se(r, {
+            return ye([Pe(r, {
               props: [T(s, /:(plac\w+)/, ":" + _ + "input-$1")]
-            }), Se(r, {
-              props: [T(s, /:(plac\w+)/, ":" + Le + "$1")]
-            }), Se(r, {
-              props: [T(s, /:(plac\w+)/, q + "input-$1")]
+            }), Pe(r, {
+              props: [T(s, /:(plac\w+)/, ":" + Ne + "$1")]
+            }), Pe(r, {
+              props: [T(s, /:(plac\w+)/, Y + "input-$1")]
             })], a);
         }
         return "";
       });
   }
-}, dt = [ft], pt = function(r) {
+}, pt = [dt], ht = function(r) {
   var t = r.key;
   if (t === "css") {
     var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(n, function(b) {
-      var k = b.getAttribute("data-emotion");
-      k.indexOf(" ") !== -1 && (document.head.appendChild(b), b.setAttribute("data-s", ""));
+    Array.prototype.forEach.call(n, function(x) {
+      var k = x.getAttribute("data-emotion");
+      k.indexOf(" ") !== -1 && (document.head.appendChild(x), x.setAttribute("data-s", ""));
     });
   }
-  var a = r.stylisPlugins || dt, s = {}, u, d = [];
+  var a = r.stylisPlugins || pt, s = {}, u, p = [];
   u = 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(b) {
-      for (var k = b.getAttribute("data-emotion").split(" "), P = 1; P < k.length; P++)
+    function(x) {
+      for (var k = x.getAttribute("data-emotion").split(" "), P = 1; P < k.length; P++)
         s[k[P]] = !0;
-      d.push(b);
+      p.push(x);
     }
   );
-  var x, y = [lt, ut];
+  var w, v = [ut, ft];
   {
-    var h, v = [nt, it(function(b) {
-      h.insert(b);
-    })], I = at(y.concat(a, v)), O = function(k) {
-      return ve(rt(k), I);
+    var m, b = [at, ot(function(x) {
+      m.insert(x);
+    })], M = it(v.concat(a, b)), $ = function(k) {
+      return ye(tt(k), M);
     };
-    x = function(k, P, A, F) {
-      h = A, O(k ? k + "{" + P.styles + "}" : P.styles), F && ($.inserted[P.name] = !0);
+    w = function(k, P, C, V) {
+      m = C, $(k ? k + "{" + P.styles + "}" : P.styles), V && (j.inserted[P.name] = !0);
     };
   }
-  var $ = {
+  var j = {
     key: t,
-    sheet: new Ur({
+    sheet: new Dr({
       key: t,
       container: u,
       nonce: r.nonce,
@@ -902,17 +902,17 @@ var ft = function(r, t, n, a) {
     nonce: r.nonce,
     inserted: s,
     registered: {},
-    insert: x
+    insert: w
   };
-  return $.sheet.hydrate(d), $;
-}, ht = !0;
-function mt(e, r, t) {
+  return j.sheet.hydrate(p), j;
+}, mt = !0;
+function gt(e, r, t) {
   var n = "";
   return t.split(" ").forEach(function(a) {
     e[a] !== void 0 ? r.push(e[a] + ";") : a && (n += a + " ");
   }), n;
 }
-var Tr = function(r, t, n) {
+var Ar = function(r, t, n) {
   var a = 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,9 +923,9 @@ var Tr = function(r, t, n) {
   // 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
-  ht === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
-}, gt = function(r, t, n) {
-  Tr(r, t, n);
+  mt === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
+}, yt = function(r, t, n) {
+  Ar(r, t, n);
   var a = r.key + "-" + t.name;
   if (r.inserted[t.name] === void 0) {
     var s = t;
@@ -934,7 +934,7 @@ var Tr = function(r, t, n) {
     while (s !== void 0);
   }
 };
-function yt(e) {
+function vt(e) {
   for (var r = 0, t, n = 0, a = e.length; a >= 4; ++n, a -= 4)
     t = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
@@ -953,7 +953,7 @@ function yt(e) {
   return r ^= r >>> 13, r = /* Math.imul(h, m): */
   (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
 }
-var vt = {
+var bt = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1002,28 +1002,28 @@ var vt = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, bt = /[A-Z]|^ms/g, xt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Ar = function(r) {
+}, xt = /[A-Z]|^ms/g, wt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Cr = function(r) {
   return r.charCodeAt(1) === 45;
-}, fr = function(r) {
+}, dr = function(r) {
   return r != null && typeof r != "boolean";
-}, Ye = /* @__PURE__ */ Rr(function(e) {
-  return Ar(e) ? e : e.replace(bt, "-$&").toLowerCase();
-}), dr = function(r, t) {
+}, We = /* @__PURE__ */ _r(function(e) {
+  return Cr(e) ? e : e.replace(xt, "-$&").toLowerCase();
+}), pr = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(xt, function(n, a, s) {
-          return ie = {
+        return t.replace(wt, function(n, a, s) {
+          return oe = {
             name: a,
             styles: s,
-            next: ie
+            next: oe
           }, a;
         });
   }
-  return vt[r] !== 1 && !Ar(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+  return bt[r] !== 1 && !Cr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
-function Te(e, r, t) {
+function _e(e, r, t) {
   if (t == null)
     return "";
   var n = t;
@@ -1035,129 +1035,129 @@ function Te(e, r, t) {
     case "object": {
       var a = t;
       if (a.anim === 1)
-        return ie = {
+        return oe = {
           name: a.name,
           styles: a.styles,
-          next: ie
+          next: oe
         }, a.name;
       var s = t;
       if (s.styles !== void 0) {
         var u = s.next;
         if (u !== void 0)
           for (; u !== void 0; )
-            ie = {
+            oe = {
               name: u.name,
               styles: u.styles,
-              next: ie
+              next: oe
             }, u = u.next;
-        var d = s.styles + ";";
-        return d;
+        var p = s.styles + ";";
+        return p;
       }
-      return wt(e, r, t);
+      return kt(e, r, t);
     }
     case "function": {
       if (e !== void 0) {
-        var x = ie, y = t(e);
-        return ie = x, Te(e, r, y);
+        var w = oe, v = t(e);
+        return oe = w, _e(e, r, v);
       }
       break;
     }
   }
-  var h = t;
+  var m = t;
   if (r == null)
-    return h;
-  var v = r[h];
-  return v !== void 0 ? v : h;
+    return m;
+  var b = r[m];
+  return b !== void 0 ? b : m;
 }
-function wt(e, r, t) {
+function kt(e, r, t) {
   var n = "";
   if (Array.isArray(t))
     for (var a = 0; a < t.length; a++)
-      n += Te(e, r, t[a]) + ";";
+      n += _e(e, r, t[a]) + ";";
   else
     for (var s in t) {
       var u = t[s];
       if (typeof u != "object") {
-        var d = u;
-        r != null && r[d] !== void 0 ? n += s + "{" + r[d] + "}" : fr(d) && (n += Ye(s) + ":" + dr(s, d) + ";");
+        var p = u;
+        r != null && r[p] !== void 0 ? n += s + "{" + r[p] + "}" : dr(p) && (n += We(s) + ":" + pr(s, p) + ";");
       } else if (Array.isArray(u) && typeof u[0] == "string" && (r == null || r[u[0]] === void 0))
-        for (var x = 0; x < u.length; x++)
-          fr(u[x]) && (n += Ye(s) + ":" + dr(s, u[x]) + ";");
+        for (var w = 0; w < u.length; w++)
+          dr(u[w]) && (n += We(s) + ":" + pr(s, u[w]) + ";");
       else {
-        var y = Te(e, r, u);
+        var v = _e(e, r, u);
         switch (s) {
           case "animation":
           case "animationName": {
-            n += Ye(s) + ":" + y + ";";
+            n += We(s) + ":" + v + ";";
             break;
           }
           default:
-            n += s + "{" + y + "}";
+            n += s + "{" + v + "}";
         }
       }
     }
   return n;
 }
-var pr = /label:\s*([^\s;{]+)\s*(;|$)/g, ie;
-function kt(e, r, t) {
+var hr = /label:\s*([^\s;{]+)\s*(;|$)/g, oe;
+function Pt(e, r, t) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var n = !0, a = "";
-  ie = void 0;
+  oe = void 0;
   var s = e[0];
   if (s == null || s.raw === void 0)
-    n = !1, a += Te(t, r, s);
+    n = !1, a += _e(t, r, s);
   else {
     var u = s;
     a += u[0];
   }
-  for (var d = 1; d < e.length; d++)
-    if (a += Te(t, r, e[d]), n) {
-      var x = s;
-      a += x[d];
+  for (var p = 1; p < e.length; p++)
+    if (a += _e(t, r, e[p]), n) {
+      var w = s;
+      a += w[p];
     }
-  pr.lastIndex = 0;
-  for (var y = "", h; (h = pr.exec(a)) !== null; )
-    y += "-" + h[1];
-  var v = yt(a) + y;
+  hr.lastIndex = 0;
+  for (var v = "", m; (m = hr.exec(a)) !== null; )
+    v += "-" + m[1];
+  var b = vt(a) + v;
   return {
-    name: v,
+    name: b,
     styles: a,
-    next: ie
+    next: oe
   };
 }
-var Pt = function(r) {
+var St = function(r) {
   return r();
-}, St = fe.useInsertionEffect ? fe.useInsertionEffect : !1, Et = St || Pt, Cr = /* @__PURE__ */ fe.createContext(
+}, Et = ue.useInsertionEffect ? ue.useInsertionEffect : !1, Rt = Et || St, Or = /* @__PURE__ */ ue.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__ */ pt({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ ht({
     key: "css"
   }) : null
 );
-Cr.Provider;
-var Rt = function(r) {
-  return /* @__PURE__ */ br(function(t, n) {
-    var a = jr(Cr);
+Or.Provider;
+var _t = function(r) {
+  return /* @__PURE__ */ xr(function(t, n) {
+    var a = Ir(Or);
     return r(t, a, n);
   });
-}, _t = /* @__PURE__ */ fe.createContext({}), Tt = /^((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)-.*))$/, At = /* @__PURE__ */ Rr(
+}, Tt = /* @__PURE__ */ ue.createContext({}), At = /^((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)-.*))$/, Ct = /* @__PURE__ */ _r(
   function(e) {
-    return Tt.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+    return At.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), Ct = At, Ot = function(r) {
+), Ot = Ct, $t = function(r) {
   return r !== "theme";
-}, hr = function(r) {
+}, mr = 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 ? Ct : Ot;
-}, mr = function(r, t, n) {
+  r.charCodeAt(0) > 96 ? Ot : $t;
+}, gr = function(r, t, n) {
   var a;
   if (t) {
     var s = t.shouldForwardProp;
@@ -1166,57 +1166,57 @@ var Rt = function(r) {
     } : s;
   }
   return typeof a != "function" && n && (a = r.__emotion_forwardProp), a;
-}, $t = function(r) {
+}, jt = function(r) {
   var t = r.cache, n = r.serialized, a = r.isStringTag;
-  return Tr(t, n, a), Et(function() {
-    return gt(t, n, a);
+  return Ar(t, n, a), Rt(function() {
+    return yt(t, n, a);
   }), null;
-}, jt = function e(r, t) {
+}, It = function e(r, t) {
   var n = r.__emotion_real === r, a = n && r.__emotion_base || r, s, u;
   t !== void 0 && (s = t.label, u = t.target);
-  var d = mr(r, t, n), x = d || hr(a), y = !x("as");
+  var p = gr(r, t, n), w = p || mr(a), v = !w("as");
   return function() {
-    var h = arguments, v = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
-    if (s !== void 0 && v.push("label:" + s + ";"), h[0] == null || h[0].raw === void 0)
-      v.push.apply(v, h);
+    var m = arguments, b = n && 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 I = h[0];
-      v.push(I[0]);
-      for (var O = h.length, $ = 1; $ < O; $++)
-        v.push(h[$], I[$]);
+      var M = m[0];
+      b.push(M[0]);
+      for (var $ = m.length, j = 1; j < $; j++)
+        b.push(m[j], M[j]);
     }
-    var b = Rt(function(k, P, A) {
-      var F = y && k.as || a, L = "", z = [], M = k;
+    var x = _t(function(k, P, C) {
+      var V = v && k.as || a, L = "", z = [], F = k;
       if (k.theme == null) {
-        M = {};
+        F = {};
         for (var S in k)
-          M[S] = k[S];
-        M.theme = fe.useContext(_t);
+          F[S] = k[S];
+        F.theme = ue.useContext(Tt);
       }
-      typeof k.className == "string" ? L = mt(P.registered, z, k.className) : k.className != null && (L = k.className + " ");
-      var de = kt(v.concat(z), P.registered, M);
-      L += P.key + "-" + de.name, u !== void 0 && (L += " " + u);
-      var G = y && d === void 0 ? hr(F) : x, ee = {};
-      for (var Y in k)
-        y && Y === "as" || G(Y) && (ee[Y] = k[Y]);
-      return ee.className = L, A && (ee.ref = A), /* @__PURE__ */ fe.createElement(fe.Fragment, null, /* @__PURE__ */ fe.createElement($t, {
+      typeof k.className == "string" ? L = gt(P.registered, z, k.className) : k.className != null && (L = k.className + " ");
+      var te = Pt(b.concat(z), P.registered, F);
+      L += P.key + "-" + te.name, u !== void 0 && (L += " " + u);
+      var ce = v && p === void 0 ? mr(V) : w, q = {};
+      for (var ee in k)
+        v && ee === "as" || ce(ee) && (q[ee] = k[ee]);
+      return q.className = L, C && (q.ref = C), /* @__PURE__ */ ue.createElement(ue.Fragment, null, /* @__PURE__ */ ue.createElement(jt, {
         cache: P,
-        serialized: de,
-        isStringTag: typeof F == "string"
-      }), /* @__PURE__ */ fe.createElement(F, ee));
+        serialized: te,
+        isStringTag: typeof V == "string"
+      }), /* @__PURE__ */ ue.createElement(V, q));
     });
-    return b.displayName = s !== void 0 ? s : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", b.defaultProps = r.defaultProps, b.__emotion_real = b, b.__emotion_base = a, b.__emotion_styles = v, b.__emotion_forwardProp = d, Object.defineProperty(b, "toString", {
+    return x.displayName = s !== void 0 ? s : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", x.defaultProps = r.defaultProps, x.__emotion_real = x, x.__emotion_base = a, x.__emotion_styles = b, x.__emotion_forwardProp = p, Object.defineProperty(x, "toString", {
       value: function() {
         return "." + u;
       }
-    }), b.withComponent = function(k, P) {
-      var A = e(k, qe({}, t, P, {
-        shouldForwardProp: mr(b, P, !0)
+    }), x.withComponent = function(k, P) {
+      var C = e(k, Ye({}, t, P, {
+        shouldForwardProp: gr(x, P, !0)
       }));
-      return A.apply(void 0, v);
-    }, b;
+      return C.apply(void 0, b);
+    }, x;
   };
-}, It = [
+}, Mt = [
   "a",
   "abbr",
   "address",
@@ -1352,11 +1352,11 @@ var Rt = function(r) {
   "svg",
   "text",
   "tspan"
-], xe = jt.bind(null);
-It.forEach(function(e) {
-  xe[e] = xe(e);
+], be = It.bind(null);
+Mt.forEach(function(e) {
+  be[e] = be(e);
 });
-const Mt = xe.div`
+const Ft = be.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1397,11 +1397,11 @@ const Mt = xe.div`
       return "";
   }
 }}
-`, gr = ({ type: e, children: r, className: t, icon: n, action: a }) => /* @__PURE__ */ D.jsxs(Mt, { type: e, className: t, children: [
+`, yr = ({ type: e, children: r, className: t, icon: n, action: a }) => /* @__PURE__ */ D.jsxs(Ft, { type: e, className: t, children: [
   n && /* @__PURE__ */ D.jsx("span", { children: n }),
   /* @__PURE__ */ D.jsx("span", { children: r }),
   a && /* @__PURE__ */ D.jsx("span", { children: a })
-] }), yr = xe.div`
+] }), vr = be.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
   border-radius: 0px !important;
@@ -1417,7 +1417,7 @@ const Mt = xe.div`
   }
 
   ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((r) => `.${r} { display: none !important; }`).join("")}
-`, Ft = xe.div`
+`, Vt = be.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -1429,7 +1429,7 @@ const Mt = xe.div`
   align-items: center;
   z-index: 1000;
   pointer-events: auto;
-`, Vt = xe.div`
+`, Nt = be.div`
   position: relative;
   height: 80vh;
   width: auto;
@@ -1437,54 +1437,54 @@ const Mt = xe.div`
   max-width: 90vw;
   max-height: 90vh;
   z-index: 1001;
-`, me = "https://host.vpplayer.tech", Nt = (e) => `${me}/player/${e}/vpplayer.js`, Zt = (e) => `${me}/player/${e}.js`, Lt = (e, r) => `${me}/player/${e}/${r}.js`, zt = (e) => `${me}/vertical-player/${e}.js`, Ut = (e, r) => `${me}/vertical-player/${e}/${r}.js`, Dt = (e, r) => `${me}/player/${e}/${r}.json`, Wt = (e, r) => `${me}/vertical-player/${e}/${r}.json`, Yt = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", qt = (e, r) => {
+`, me = "https://host.vpplayer.tech", Lt = (e) => `${me}/player/${e}/vpplayer.js`, Kt = (e) => `${me}/player/${e}.js`, zt = (e, r) => `${me}/player/${e}/${r}.js`, Ut = (e) => `${me}/vertical-player/${e}.js`, Dt = (e, r) => `${me}/vertical-player/${e}/${r}.js`, Wt = (e, r) => `${me}/player/${e}/${r}.json`, Yt = (e, r) => `${me}/vertical-player/${e}/${r}.json`, qt = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", Ht = (e, r) => {
   const t = new URL(e);
   return t.searchParams.set("divId", r), t.toString();
-}, je = /* @__PURE__ */ new Map(), Ht = (e, r) => {
-  const [t, n] = Ne(!1), [a, s] = Ne(null);
-  return Ee(() => {
+}, $e = /* @__PURE__ */ new Map(), Gt = (e, r) => {
+  const [t, n] = Ve(!1), [a, s] = Ve(null);
+  return Se(() => {
     let u;
     try {
-      u = r || Nt(e || "latest");
-    } catch (y) {
-      const h = y instanceof Error ? y.message : String(y);
-      s(`Failed to resolve script URL: ${h}`);
+      u = r || Lt(e || "latest");
+    } catch (v) {
+      const m = v instanceof Error ? v.message : String(v);
+      s(`Failed to resolve script URL: ${m}`);
       return;
     }
-    if (!je.has(u))
+    if (!$e.has(u))
       if (document.querySelector(
         `script[src="${u}"]`
       ))
-        je.set(u, Promise.resolve());
+        $e.set(u, Promise.resolve());
       else {
-        const h = new Promise((v, I) => {
-          const O = document.createElement("script");
-          O.src = u, O.async = !0, O.onload = () => v(), O.onerror = () => I(new Error(`Failed to load script: ${u}`)), document.body.appendChild(O);
+        const m = new Promise((b, M) => {
+          const $ = document.createElement("script");
+          $.src = u, $.async = !0, $.onload = () => b(), $.onerror = () => M(new Error(`Failed to load script: ${u}`)), document.body.appendChild($);
         });
-        je.set(u, h);
+        $e.set(u, m);
       }
-    let d = !0;
-    const x = je.get(u);
-    return x && x.then(() => {
-      d && (n(!0), s(null));
-    }).catch((y) => {
-      d && (n(!1), s(y instanceof Error ? y.message : String(y)));
+    let p = !0;
+    const w = $e.get(u);
+    return w && w.then(() => {
+      p && (n(!0), s(null));
+    }).catch((v) => {
+      p && (n(!1), s(v instanceof Error ? v.message : String(v)));
     }), () => {
-      d = !1;
+      p = !1;
     };
   }, [e, r]), { isLoaded: t, error: a };
 };
-function Ie(e) {
+function je(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function vr(e, r) {
+function br(e, r) {
   const t = r.playlist;
   if (!(t != null && t.videos) || !Array.isArray(t.videos))
     return;
-  const n = t.videos, a = n.findIndex((d) => {
-    if (!d || typeof d != "object") return !1;
-    const x = d;
-    return x.videoId === e || x.mediaId === e;
+  const n = t.videos, a = n.findIndex((p) => {
+    if (!p || typeof p != "object") return !1;
+    const w = p;
+    return w.videoId === e || w.mediaId === e;
   });
   if (a < 0 || a >= n.length - 1)
     return;
@@ -1493,17 +1493,17 @@ function vr(e, r) {
   const u = s;
   return u.videoId ?? u.mediaId;
 }
-function Or(e, r) {
-  if (!Ie(e) || !Ie(r))
+function $r(e, r) {
+  if (!je(e) || !je(r))
     return r;
   const t = { ...e };
   for (const n of Object.keys(r)) {
     const a = r[n], s = t[n];
-    Ie(a) && Ie(s) ? t[n] = Or(s, a) : a !== void 0 && (t[n] = a);
+    je(a) && je(s) ? t[n] = $r(s, a) : a !== void 0 && (t[n] = a);
   }
   return t;
 }
-async function Gt(e, r, t) {
+async function Bt(e, r, t) {
   if (!e)
     return console.warn(
       "VP Player: No scriptId provided, cannot fetch config. Using user config directly."
@@ -1511,7 +1511,7 @@ async function Gt(e, r, t) {
   r || console.warn(
     "VP Player: No videoId provided, attempting to fetch config with scriptId only..."
   );
-  const n = t ? Wt(e, r || "") : Dt(e, r || "");
+  const n = t ? Yt(e, r || "") : Wt(e, r || "");
   try {
     const a = await fetch(n);
     return a.ok ? await a.json() : null;
@@ -1519,7 +1519,7 @@ async function Gt(e, r, t) {
     return null;
   }
 }
-const Bt = ({
+const Xt = ({
   scriptId: e,
   videoId: r,
   scriptUrl: t,
@@ -1527,327 +1527,332 @@ const Bt = ({
   config: a,
   playerId: s,
   isVertical: u = !1,
-  isReels: d = !1,
-  onReady: x,
-  onPlay: y,
-  onPause: h,
-  onResume: v,
-  onComplete: I,
-  onError: O,
-  onVideoStarted: $,
-  onTimeUpdate: b,
+  isReels: p = !1,
+  onReady: w,
+  onPlay: v,
+  onPause: m,
+  onResume: b,
+  onComplete: M,
+  onError: $,
+  onVideoStarted: j,
+  onTimeUpdate: x,
   onQuartile25: k,
   onQuartile50: P,
-  onQuartile75: A,
-  onNext: F,
+  onQuartile75: C,
+  onNext: V,
   onPrevious: L,
   onProgress10s: z,
-  onProgress20s: M,
-  onPlaylistItem: S
+  onProgress20s: F,
+  onPlaylistItem: S,
+  onVideoSwitch: te
 }) => {
-  const de = ne(null), G = ne(null), [ee, Y] = Ne(null), pe = Ir().replace(/:/g, ""), H = We(
-    () => Yt(s || `auto-${pe}`, r),
+  const ce = de(null), q = de(null), [ee, X] = Ve(null), pe = Mr().replace(/:/g, ""), H = De(
+    () => qt(s || `auto-${pe}`, r),
     [s, pe, r]
-  ), p = ne({
-    onReady: x,
-    onPlay: y,
-    onPause: h,
-    onResume: v,
-    onComplete: I,
-    onError: O,
-    onVideoStarted: $,
-    onTimeUpdate: b,
+  ), d = de({
+    onReady: w,
+    onPlay: v,
+    onPause: m,
+    onResume: b,
+    onComplete: M,
+    onError: $,
+    onVideoStarted: j,
+    onTimeUpdate: x,
     onQuartile25: k,
     onQuartile50: P,
-    onQuartile75: A,
-    onNext: F,
+    onQuartile75: C,
+    onNext: V,
     onPrevious: L,
     onProgress10s: z,
-    onProgress20s: M,
-    onPlaylistItem: S
+    onProgress20s: F,
+    onPlaylistItem: S,
+    onVideoSwitch: te
   });
-  Ee(() => {
-    p.current = {
-      onReady: x,
-      onPlay: y,
-      onPause: h,
-      onResume: v,
-      onComplete: I,
-      onError: O,
-      onVideoStarted: $,
-      onTimeUpdate: b,
+  Se(() => {
+    d.current = {
+      onReady: w,
+      onPlay: v,
+      onPause: m,
+      onResume: b,
+      onComplete: M,
+      onError: $,
+      onVideoStarted: j,
+      onTimeUpdate: x,
       onQuartile25: k,
       onQuartile50: P,
-      onQuartile75: A,
-      onNext: F,
+      onQuartile75: C,
+      onNext: V,
       onPrevious: L,
       onProgress10s: z,
-      onProgress20s: M,
-      onPlaylistItem: S
+      onProgress20s: F,
+      onPlaylistItem: S,
+      onVideoSwitch: te
     };
   }, [
-    x,
-    y,
-    h,
+    w,
     v,
-    I,
-    O,
-    $,
+    m,
     b,
+    M,
+    $,
+    j,
+    x,
     k,
     P,
-    A,
-    F,
+    C,
+    V,
     L,
     z,
-    M,
-    S
+    F,
+    S,
+    te
   ]);
-  const re = ne(!1), Z = ne(!1), he = ne(void 0), se = ne(!1), ce = ne(null), le = ne(a);
-  Ee(() => {
-    le.current = a;
+  const ne = de(!1), J = de(!1), fe = de(void 0), ae = de(a);
+  Se(() => {
+    ae.current = a;
   });
-  const i = ne(r);
-  Ee(() => {
-    i.current = r;
+  const le = de(r);
+  Se(() => {
+    le.current = r;
   });
-  const m = !!a, E = We(() => u || d ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [u, d, t]), j = We(() => {
-    let c;
+  const o = !!a, h = De(() => u || p ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [u, p, t]), O = De(() => {
+    let l;
     if (t)
-      c = t;
-    else if (e && r && !m)
-      c = E ? Ut(e, r) : Lt(e, r);
+      l = t;
+    else if (e && r && !o)
+      l = h ? Dt(e, r) : zt(e, r);
     else if (e)
-      c = E ? zt(e) : `https://host.vpplayer.tech/player/${e}.js`;
+      l = h ? Ut(e) : `https://host.vpplayer.tech/player/${e}.js`;
     else
       return null;
-    return qt(c, H);
-  }, [t, e, r, E, H, m]), { isLoaded: Q, error: o } = Ht(
+    return Ht(l, H);
+  }, [
+    t,
+    e,
+    r,
+    h,
+    H,
+    o
+  ]), { isLoaded: I, error: i } = Gt(
     null,
-    j || void 0
+    O || void 0
   );
-  return Ee(() => {
-    if (!j) {
-      Y(
+  return Se(() => {
+    if (!O) {
+      X(
         "VPPlayer: Provide scriptUrl OR (scriptId + videoId) OR (scriptId + config) to initialize the player."
       );
       return;
     }
-    if (o) {
-      Y(o);
+    if (i) {
+      X(i);
       return;
     }
-    if (!Q) return;
-    let c = !0;
+    if (!I) return;
+    let l = !0;
     return (async () => {
-      var ue;
+      var K;
       try {
-        const te = E ? window.vpVerticalPlayer : window.vpPlayer;
-        if (!te) {
-          Y(
-            `VP Player: Script loaded but global function not found. Expected ${E ? "vpVerticalPlayer" : "vpPlayer"}.`
+        const Q = h ? window.vpVerticalPlayer : window.vpPlayer;
+        if (!Q) {
+          X(
+            `VP Player: Script loaded but global function not found. Expected ${h ? "vpVerticalPlayer" : "vpPlayer"}.`
           );
           return;
         }
-        if (await new Promise((C) => setTimeout(C, 0)), !document.getElementById(H)) {
+        if (await new Promise((A) => setTimeout(A, 0)), !document.getElementById(H)) {
           console.error(
             `VP Player: Container element with ID '${H}' not found in DOM.`
           );
           return;
         }
-        const R = te(H);
+        const R = Q(H);
         if (!R) {
-          Y("VP Player: Failed to get player instance.");
+          X("VP Player: Failed to get player instance.");
           return;
         }
-        if (c) {
-          if (G.current = R, Y(null), m && le.current) {
-            let C;
-            const f = await Gt(
+        if (l) {
+          if (q.current = R, X(null), o && ae.current) {
+            let A;
+            const f = await Bt(
               e,
-              i.current,
-              E
+              le.current,
+              h
             );
-            f ? C = Or(f, le.current) : C = le.current, n && !C.projectId && (C.projectId = n);
+            f ? A = $r(f, ae.current) : A = ae.current, n && !A.projectId && (A.projectId = n);
             try {
-              await R.setup(C);
-            } catch (l) {
-              const g = l instanceof Error ? l.message : String(l);
+              await R.setup(A);
+            } catch (c) {
+              const g = c instanceof Error ? c.message : String(c);
               if (g.includes("already initialized")) {
                 console.warn(
                   "VP Player: Player already initialized, attempting to destroy and retry."
                 );
                 try {
-                  if ((ue = R.destroy) == null || ue.call(R), await new Promise((w) => setTimeout(w, 50)), c && document.getElementById(H)) {
-                    const w = te(H);
-                    w && (await w.setup(C), G.current = w);
+                  if ((K = R.destroy) == null || K.call(R), await new Promise((y) => setTimeout(y, 50)), l && document.getElementById(H)) {
+                    const y = Q(H);
+                    y && (await y.setup(A), q.current = y);
                   }
-                } catch (w) {
+                } catch (y) {
                   console.error(
                     "VP Player: Failed to recover from initialization error",
-                    w
+                    y
                   );
                 }
               } else {
-                console.error("VP Player: Setup error", l), Y(`Player setup failed: ${g}`);
+                console.error("VP Player: Setup error", c), X(`Player setup failed: ${g}`);
                 return;
               }
             }
           }
           if (R.on) {
-            const C = R.on.bind(R);
-            C("vp-event", (f) => {
-              var w, U, B, X, Ce, Ke, Qe, er, rr, tr, nr;
-              const l = f, g = l == null ? void 0 : l.eventName;
-              if (E) {
-                if (g === "play" && !Z.current) {
-                  const ye = R.videoObject;
-                  (U = (w = p.current).onPlay) == null || U.call(w, ye);
+            const A = R.on.bind(R);
+            A("vp-event", (f) => {
+              var y, U, G, re, Je, Ze, Ke, Qe, er, rr, tr, nr, ar;
+              const c = f, g = c == null ? void 0 : c.eventName;
+              if (h) {
+                if (g === "play" && !J.current) {
+                  const ge = R.videoObject;
+                  (U = (y = d.current).onPlay) == null || U.call(y, ge);
                 }
                 if (g === "vp-state-paused") {
-                  const ge = ((B = R.isEnded) == null ? void 0 : B.call(R)) ?? !1, ye = (l == null ? void 0 : l.interaction) ?? !0;
-                  !ge && ye && (Z.current = !0, (Ce = (X = p.current).onPause) == null || Ce.call(X));
+                  const he = ((G = R.isEnded) == null ? void 0 : G.call(R)) ?? !1, ge = (c == null ? void 0 : c.interaction) ?? !0;
+                  !he && ge && (J.current = !0, (Je = (re = d.current).onPause) == null || Je.call(re));
                 }
-                if (g === "vp-state-playing" && (((l == null ? void 0 : l.interaction) ?? Z.current) && Z.current && ((Qe = (Ke = p.current).onResume) == null || Qe.call(Ke)), Z.current = !1), g === "vp-video-switch") {
-                  Z.current = !1;
-                  const ge = l, ye = ge.direction, ar = ge.currentTime ?? 0;
-                  ye === "next" ? (rr = (er = p.current).onNext) == null || rr.call(er, ar) : ye === "prev" && ((nr = (tr = p.current).onPrevious) == null || nr.call(tr, ar));
+                if (g === "vp-state-playing" && (((c == null ? void 0 : c.interaction) ?? J.current) && J.current && ((Ke = (Ze = d.current).onResume) == null || Ke.call(Ze)), J.current = !1), g === "vp-video-switch") {
+                  J.current = !1;
+                  const he = c;
+                  (er = (Qe = d.current).onVideoSwitch) == null || er.call(Qe, he);
+                  const ge = he.direction, ir = he.currentTime ?? 0;
+                  ge === "next" ? (tr = (rr = d.current).onNext) == null || tr.call(rr, ir) : ge === "prev" && ((ar = (nr = d.current).onPrevious) == null || ar.call(nr, ir));
                 }
-                g === "vp-video-completed" && (Z.current = !1);
+                g === "vp-video-completed" && (J.current = !1);
               }
-            }), C("analytics-25%-completed", () => {
-              var f, l;
-              (l = (f = p.current).onQuartile25) == null || l.call(f);
-            }), C("analytics-50%-completed", () => {
-              var f, l;
-              (l = (f = p.current).onQuartile50) == null || l.call(f);
-            }), C("analytics-75%-completed", () => {
-              var f, l;
-              (l = (f = p.current).onQuartile75) == null || l.call(f);
-            }), E || C("pause", () => {
-              var f, l;
-              (l = (f = p.current).onPause) == null || l.call(f);
-            }), C("error", (f) => {
-              var g, w;
-              const l = typeof f == "string" ? f : (f == null ? void 0 : f.message) || "Unknown error";
-              (w = (g = p.current).onError) == null || w.call(g, l);
-            }), E ? (C("vp-first-frame", () => {
-              var g, w;
-              const l = R.videoObject;
-              (w = (g = p.current).onReady) == null || w.call(g, l);
-            }), C("vp-video-started", (f) => {
-              var l, g;
-              (g = (l = p.current).onVideoStarted) == null || g.call(l, f);
-            }), C("vp-twenty-view", () => {
-              var l, g, w;
-              const f = ((l = R.getPosition) == null ? void 0 : l.call(R)) ?? 20;
-              (w = (g = p.current).onProgress20s) == null || w.call(g, Math.floor(f));
-            }), C("vp-video-state", () => {
-              var l, g, w;
-              const f = ((l = R.getPosition) == null ? void 0 : l.call(R)) ?? 0;
-              (w = (g = p.current).onProgress10s) == null || w.call(
+            }), A("analytics-25%-completed", () => {
+              var f, c;
+              (c = (f = d.current).onQuartile25) == null || c.call(f);
+            }), A("analytics-50%-completed", () => {
+              var f, c;
+              (c = (f = d.current).onQuartile50) == null || c.call(f);
+            }), A("analytics-75%-completed", () => {
+              var f, c;
+              (c = (f = d.current).onQuartile75) == null || c.call(f);
+            }), h || A("pause", () => {
+              var f, c;
+              (c = (f = d.current).onPause) == null || c.call(f);
+            }), A("error", (f) => {
+              var g, y;
+              const c = typeof f == "string" ? f : (f == null ? void 0 : f.message) || "Unknown error";
+              (y = (g = d.current).onError) == null || y.call(g, c);
+            }), h ? (A("vp-first-frame", () => {
+              var g, y;
+              const c = R.videoObject;
+              (y = (g = d.current).onReady) == null || y.call(g, c);
+            }), A("vp-video-started", (f) => {
+              var c, g;
+              (g = (c = d.current).onVideoStarted) == null || g.call(c, f);
+            }), A("vp-twenty-view", () => {
+              var c, g, y;
+              const f = ((c = R.getPosition) == null ? void 0 : c.call(R)) ?? 20;
+              (y = (g = d.current).onProgress20s) == null || y.call(g, Math.floor(f));
+            }), A("vp-video-state", () => {
+              var c, g, y;
+              const f = ((c = R.getPosition) == null ? void 0 : c.call(R)) ?? 0;
+              (y = (g = d.current).onProgress10s) == null || y.call(
                 g,
                 Math.floor(f)
               );
-            }), C("vp-time", (f) => {
-              var g, w, U;
-              let l = 0;
-              typeof f == "number" ? l = f : f && typeof f == "object" && "position" in f ? l = f.position : l = ((g = R.getPosition) == null ? void 0 : g.call(R)) ?? 0, (U = (w = p.current).onTimeUpdate) == null || U.call(w, l);
-            }), C("vp-video-completed", () => {
-              var f, l;
-              (l = (f = p.current).onComplete) == null || l.call(f);
-            })) : (C("ready", () => {
-              var f, l;
-              (l = (f = p.current).onReady) == null || l.call(f);
-            }), C("play", (f) => {
-              var g, w, U, B, X;
-              if (ce.current) {
-                try {
-                  (g = R.setVideoLocking) == null || g.call(R, ce.current);
-                } catch (Ce) {
-                  console.warn("[VPPlayer] Failed to apply pending video locking:", Ce);
-                }
-                ce.current = null;
-              }
-              se.current = !1;
-              const l = f;
-              l != null && l.resume || l != null && l.afterPause ? (U = (w = p.current).onResume) == null || U.call(w) : (X = (B = p.current).onPlay) == null || X.call(B);
-            }), C("complete", () => {
-              var f, l;
-              (l = (f = p.current).onComplete) == null || l.call(f), re.current = !1;
-            }), C("video-started", (f) => {
-              var B, X;
-              const l = f ?? {}, g = l.videoId || he.current, w = vr(g, R), U = {
-                ...l,
+            }), A("vp-time", (f) => {
+              var g, y, U;
+              let c = 0;
+              typeof f == "number" ? c = f : f && typeof f == "object" && "position" in f ? c = f.position : c = ((g = R.getPosition) == null ? void 0 : g.call(R)) ?? 0, (U = (y = d.current).onTimeUpdate) == null || U.call(y, c);
+            }), A("vp-video-completed", () => {
+              var f, c;
+              (c = (f = d.current).onComplete) == null || c.call(f);
+            })) : (A("ready", () => {
+              var f, c;
+              (c = (f = d.current).onReady) == null || c.call(f);
+            }), A("play", (f) => {
+              var g, y, U, G;
+              const c = f;
+              c != null && c.resume || c != null && c.afterPause ? (y = (g = d.current).onResume) == null || y.call(g) : (G = (U = d.current).onPlay) == null || G.call(U);
+            }), A("complete", () => {
+              var f, c;
+              (c = (f = d.current).onComplete) == null || c.call(f), ne.current = !1;
+            }), A("video-started", (f) => {
+              var G, re;
+              const c = f ?? {}, g = c.videoId || fe.current, y = br(g, R), U = {
+                ...c,
                 videoId: g,
-                nextVideoId: w
+                nextVideoId: y
               };
-              (X = (B = p.current).onVideoStarted) == null || X.call(B, U);
-            }), C("video-state", () => {
-              var l, g, w;
-              const f = ((l = R.getPosition) == null ? void 0 : l.call(R)) ?? 0;
-              (w = (g = p.current).onProgress10s) == null || w.call(
+              (re = (G = d.current).onVideoStarted) == null || re.call(G, U);
+            }), A("video-state", () => {
+              var c, g, y;
+              const f = ((c = R.getPosition) == null ? void 0 : c.call(R)) ?? 0;
+              (y = (g = d.current).onProgress10s) == null || y.call(
                 g,
                 Math.floor(f)
               );
-            }), C("time", (f) => {
-              var g, w, U, B, X;
-              let l = 0;
-              typeof f == "number" ? l = f : f && typeof f == "object" && "position" in f ? l = f.position : l = ((g = R.getPosition) == null ? void 0 : g.call(R)) ?? 0, (U = (w = p.current).onTimeUpdate) == null || U.call(w, l), !re.current && l >= 20 && (re.current = !0, (X = (B = p.current).onProgress20s) == null || X.call(B, Math.floor(l)));
-            }), C("playlistItem", (f) => {
-              var B, X;
-              se.current = !0, re.current = !1;
-              const l = f;
-              he.current = l == null ? void 0 : l.id;
-              const g = l == null ? void 0 : l.id, w = vr(g, R), U = {
+            }), A("time", (f) => {
+              var g, y, U, G, re;
+              let c = 0;
+              typeof f == "number" ? c = f : f && typeof f == "object" && "position" in f ? c = f.position : c = ((g = R.getPosition) == null ? void 0 : g.call(R)) ?? 0, (U = (y = d.current).onTimeUpdate) == null || U.call(y, c), !ne.current && c >= 20 && (ne.current = !0, (re = (G = d.current).onProgress20s) == null || re.call(G, Math.floor(c)));
+            }), A("playlistItem", (f) => {
+              var G, re;
+              ne.current = !1;
+              const c = f;
+              fe.current = c == null ? void 0 : c.id;
+              const g = c == null ? void 0 : c.id, y = br(g, R), U = {
                 videoId: g,
-                nextVideoId: w
+                nextVideoId: y
               };
-              (X = (B = p.current).onPlaylistItem) == null || X.call(B, U);
-            }), C("nextClick", (f) => {
-              var w, U;
-              const l = f, g = (l == null ? void 0 : l.currentTime) ?? 0;
-              (U = (w = p.current).onNext) == null || U.call(w, g);
+              (re = (G = d.current).onPlaylistItem) == null || re.call(G, U);
+            }), A("nextClick", (f) => {
+              var y, U;
+              const c = f, g = (c == null ? void 0 : c.currentTime) ?? 0;
+              (U = (y = d.current).onNext) == null || U.call(y, g);
+            }), A("vp-video-switch", (f) => {
+              var g, y;
+              const c = f ?? {};
+              (y = (g = d.current).onVideoSwitch) == null || y.call(g, c);
             }));
           }
         }
-      } catch (te) {
-        if (c) {
-          const Ze = te instanceof Error ? te.message : String(te);
-          Y(Ze), console.error("VP Player initialization error:", te);
+      } catch (Q) {
+        if (l) {
+          const Ae = Q instanceof Error ? Q.message : String(Q);
+          X(Ae), console.error("VP Player initialization error:", Q);
         }
       }
     })(), () => {
-      var ue;
-      if (c = !1, (ue = G.current) != null && ue.destroy) {
+      var K;
+      if (l = !1, (K = q.current) != null && K.destroy) {
         try {
-          G.current.destroy();
+          q.current.destroy();
         } catch {
         }
-        G.current = null;
+        q.current = null;
       }
     };
   }, [
-    Q,
+    I,
     H,
+    i,
+    O,
+    h,
     o,
-    j,
-    E,
-    m,
     e,
     n
   ]), {
-    playerRef: de,
-    playerInstanceRef: G,
-    isScriptLoaded: Q,
-    isLoading: !Q && !ee,
+    playerRef: ce,
+    playerInstanceRef: q,
+    isScriptLoaded: I,
+    isLoading: !I && !ee,
     error: ee,
-    generatedPlayerId: H,
-    // Expose transition state for safe config updates
-    isInPlaylistTransitionRef: se,
-    pendingVideoLockingRef: ce
+    generatedPlayerId: H
   };
-}, Xt = br(
+}, Jt = xr(
   ({
     scriptId: e,
     videoId: r,
@@ -1856,38 +1861,37 @@ const Bt = ({
     config: a,
     playerId: s,
     isVertical: u = !1,
-    isReels: d = !1,
-    thumbnailUrl: x,
-    onClose: y,
-    className: h,
-    hiddenClasses: v = [],
-    onReady: I,
-    onPlay: O,
-    onPause: $,
-    onResume: b,
+    isReels: p = !1,
+    thumbnailUrl: w,
+    onClose: v,
+    className: m,
+    hiddenClasses: b = [],
+    onReady: M,
+    onPlay: $,
+    onPause: j,
+    onResume: x,
     onComplete: k,
     onError: P,
-    onVideoStarted: A,
-    onTimeUpdate: F,
+    onVideoStarted: C,
+    onTimeUpdate: V,
     onQuartile25: L,
     onQuartile50: z,
-    onQuartile75: M,
+    onQuartile75: F,
     onNext: S,
-    onPrevious: de,
-    onProgress10s: G,
-    onProgress20s: ee,
-    onPlaylistItem: Y
+    onPrevious: te,
+    onProgress10s: ce,
+    onProgress20s: q,
+    onPlaylistItem: ee,
+    onVideoSwitch: X
   }, pe) => {
     const {
       playerRef: H,
-      playerInstanceRef: p,
-      isScriptLoaded: re,
-      isLoading: Z,
-      error: he,
-      generatedPlayerId: se,
-      isInPlaylistTransitionRef: ce,
-      pendingVideoLockingRef: le
-    } = Bt({
+      playerInstanceRef: d,
+      isScriptLoaded: ne,
+      isLoading: J,
+      error: fe,
+      generatedPlayerId: ae
+    } = Xt({
       scriptId: e,
       videoId: r,
       scriptUrl: t,
@@ -1895,133 +1899,129 @@ const Bt = ({
       config: a,
       playerId: s,
       isVertical: u,
-      isReels: d,
-      onReady: I,
-      onPlay: O,
-      onPause: $,
-      onResume: b,
+      isReels: p,
+      onReady: M,
+      onPlay: $,
+      onPause: j,
+      onResume: x,
       onComplete: k,
       onError: P,
-      onVideoStarted: A,
-      onTimeUpdate: F,
+      onVideoStarted: C,
+      onTimeUpdate: V,
       onQuartile25: L,
       onQuartile50: z,
-      onQuartile75: M,
+      onQuartile75: F,
       onNext: S,
-      onPrevious: de,
-      onProgress10s: G,
-      onProgress20s: ee,
-      onPlaylistItem: Y
+      onPrevious: te,
+      onProgress10s: ce,
+      onProgress20s: q,
+      onPlaylistItem: ee,
+      onVideoSwitch: X
     });
-    Mr(
+    Fr(
       pe,
       () => ({
         play: () => {
-          var o, c;
-          return (c = (o = p.current) == null ? void 0 : o.play) == null ? void 0 : c.call(o);
+          var i, l;
+          return (l = (i = d.current) == null ? void 0 : i.play) == null ? void 0 : l.call(i);
         },
         pause: () => {
-          var o, c;
-          return (c = (o = p.current) == null ? void 0 : o.pause) == null ? void 0 : c.call(o);
+          var i, l;
+          return (l = (i = d.current) == null ? void 0 : i.pause) == null ? void 0 : l.call(i);
         },
-        seek: (o) => {
-          var c, V;
-          return (V = (c = p.current) == null ? void 0 : c.seek) == null ? void 0 : V.call(c, o);
+        seek: (i) => {
+          var l, E;
+          return (E = (l = d.current) == null ? void 0 : l.seek) == null ? void 0 : E.call(l, i);
         },
         forward: () => {
-          var o, c;
-          return (c = (o = p.current) == null ? void 0 : o.forward) == null ? void 0 : c.call(o);
+          var i, l;
+          return (l = (i = d.current) == null ? void 0 : i.forward) == null ? void 0 : l.call(i);
         },
         rewind: () => {
-          var o, c;
-          return (c = (o = p.current) == null ? void 0 : o.rewind) == null ? void 0 : c.call(o);
+          var i, l;
+          return (l = (i = d.current) == null ? void 0 : i.rewind) == null ? void 0 : l.call(i);
         },
         replay: () => {
-          var o, c;
-          return (c = (o = p.current) == null ? void 0 : o.replay) == null ? void 0 : c.call(o);
+          var i, l;
+          return (l = (i = d.current) == null ? void 0 : i.replay) == null ? void 0 : l.call(i);
         },
         mute: () => {
-          var o, c;
-          return (c = (o = p.current) == null ? void 0 : o.mute) == null ? void 0 : c.call(o);
+          var i, l;
+          return (l = (i = d.current) == null ? void 0 : i.mute) == null ? void 0 : l.call(i);
         },
         unmute: () => {
-          var o, c;
-          return (c = (o = p.current) == null ? void 0 : o.unmute) == null ? void 0 : c.call(o);
+          var i, l;
+          return (l = (i = d.current) == null ? void 0 : i.unmute) == null ? void 0 : l.call(i);
         },
         togglePlay: () => {
-          var o, c;
-          return (c = (o = p.current) == null ? void 0 : o.togglePlay) == null ? void 0 : c.call(o);
+          var i, l;
+          return (l = (i = d.current) == null ? void 0 : i.togglePlay) == null ? void 0 : l.call(i);
         },
         toggleMute: () => {
-          var o, c;
-          return (c = (o = p.current) == null ? void 0 : o.toggleMute) == null ? void 0 : c.call(o);
+          var i, l;
+          return (l = (i = d.current) == null ? void 0 : i.toggleMute) == null ? void 0 : l.call(i);
         },
         enterFullScreen: () => {
-          var o, c, V;
-          return (V = ((o = p.current) == null ? void 0 : o.enterFullScreen) ?? ((c = p.current) == null ? void 0 : c.enterFullscreen)) == null ? void 0 : V();
+          var i, l, E;
+          return (E = ((i = d.current) == null ? void 0 : i.enterFullScreen) ?? ((l = d.current) == null ? void 0 : l.enterFullscreen)) == null ? void 0 : E();
         },
         exitFullScreen: () => {
-          var o, c, V;
-          return (V = ((o = p.current) == null ? void 0 : o.exitFullScreen) ?? ((c = p.current) == null ? void 0 : c.exitFullscreen)) == null ? void 0 : V();
+          var i, l, E;
+          return (E = ((i = d.current) == null ? void 0 : i.exitFullScreen) ?? ((l = d.current) == null ? void 0 : l.exitFullscreen)) == null ? void 0 : E();
         },
         getPosition: () => {
-          var o, c;
-          return ((c = (o = p.current) == null ? void 0 : o.getPosition) == null ? void 0 : c.call(o)) ?? null;
+          var i, l;
+          return ((l = (i = d.current) == null ? void 0 : i.getPosition) == null ? void 0 : l.call(i)) ?? null;
         },
         getDuration: () => {
-          var o, c;
-          return ((c = (o = p.current) == null ? void 0 : o.getDuration) == null ? void 0 : c.call(o)) ?? null;
+          var i, l;
+          return ((l = (i = d.current) == null ? void 0 : i.getDuration) == null ? void 0 : l.call(i)) ?? null;
         },
         getVolume: () => {
-          var o, c;
-          return ((c = (o = p.current) == null ? void 0 : o.getVolume) == null ? void 0 : c.call(o)) ?? null;
+          var i, l;
+          return ((l = (i = d.current) == null ? void 0 : i.getVolume) == null ? void 0 : l.call(i)) ?? null;
         },
-        setVolume: (o) => {
-          var c, V;
-          return (V = (c = p.current) == null ? void 0 : c.setVolume) == null ? void 0 : V.call(c, o);
+        setVolume: (i) => {
+          var l, E;
+          return (E = (l = d.current) == null ? void 0 : l.setVolume) == null ? void 0 : E.call(l, i);
         },
         isMuted: () => {
-          var o, c;
-          return ((c = (o = p.current) == null ? void 0 : o.isMuted) == null ? void 0 : c.call(o)) ?? !1;
+          var i, l;
+          return ((l = (i = d.current) == null ? void 0 : i.isMuted) == null ? void 0 : l.call(i)) ?? !1;
         },
         isPlaying: () => {
-          var o, c;
-          return ((c = (o = p.current) == null ? void 0 : o.isPlaying) == null ? void 0 : c.call(o)) ?? !1;
+          var i, l;
+          return ((l = (i = d.current) == null ? void 0 : i.isPlaying) == null ? void 0 : l.call(i)) ?? !1;
         },
         isPaused: () => {
-          var o, c;
-          return ((c = (o = p.current) == null ? void 0 : o.isPaused) == null ? void 0 : c.call(o)) ?? !1;
+          var i, l;
+          return ((l = (i = d.current) == null ? void 0 : i.isPaused) == null ? void 0 : l.call(i)) ?? !1;
         },
         isFullscreen: () => {
-          var o, c;
-          return ((c = (o = p.current) == null ? void 0 : o.isFullscreen) == null ? void 0 : c.call(o)) ?? !1;
+          var i, l;
+          return ((l = (i = d.current) == null ? void 0 : i.isFullscreen) == null ? void 0 : l.call(i)) ?? !1;
         },
-        setVideoLocking: (o) => {
-          var c, V;
-          if (!p.current) {
-            console.error("[VPPlayer] No player instance");
-            return;
-          }
-          if (ce.current) {
-            le.current = o;
-            return;
-          }
-          (V = (c = p.current).setVideoLocking) == null || V.call(c, o);
+        shouldLockVideo: (i) => {
+          d.current && (d.current.shouldLockVideo = i ?? void 0);
+        },
+        removeVideoLock: () => {
+          var i, l;
+          return (l = (i = d.current) == null ? void 0 : i.removeVideoLock) == null ? void 0 : l.call(i);
         }
       }),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
     );
-    const [i, m] = Ne(!0), E = () => d && m(!0), j = () => {
-      var o, c;
-      !d || !i || (m(!1), (c = (o = p.current) == null ? void 0 : o.pause) == null || c.call(o), y == null || y());
+    const [le, o] = Ve(!0), h = () => p && o(!0), O = () => {
+      var i, l;
+      !p || !le || (o(!1), (l = (i = d.current) == null ? void 0 : i.pause) == null || l.call(i), v == null || v());
     };
-    if (he)
-      return /* @__PURE__ */ D.jsxs(gr, { type: "error", children: [
+    if (fe)
+      return /* @__PURE__ */ D.jsxs(yr, { type: "error", children: [
         "An error occurred: ",
-        he
+        fe
       ] });
-    const Q = () => /* @__PURE__ */ D.jsx(
+    const I = () => /* @__PURE__ */ D.jsx(
       "div",
       {
         style: {
@@ -2036,29 +2036,29 @@ const Bt = ({
           background: "rgba(0,0,0,0.8)",
           zIndex: 10
         },
-        children: /* @__PURE__ */ D.jsx(gr, { type: "loading", children: "Loading..." })
+        children: /* @__PURE__ */ D.jsx(yr, { type: "loading", children: "Loading..." })
       }
     );
-    return d ? /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
-      !i && /* @__PURE__ */ D.jsx(
+    return p ? /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
+      !le && /* @__PURE__ */ D.jsx(
         "div",
         {
-          onClick: E,
+          onClick: h,
           style: {
             cursor: "pointer",
             width: "100%",
             height: "100%",
-            backgroundImage: x ? `url(${x})` : void 0,
+            backgroundImage: w ? `url(${w})` : void 0,
             backgroundSize: "cover",
             backgroundPosition: "center"
           }
         }
       ),
-      i && /* @__PURE__ */ D.jsx(Ft, { onClick: j, className: h, children: /* @__PURE__ */ D.jsx(
-        Vt,
+      le && /* @__PURE__ */ D.jsx(Vt, { onClick: O, className: m, children: /* @__PURE__ */ D.jsx(
+        Nt,
         {
-          className: h,
-          onClick: (o) => o.stopPropagation(),
+          className: m,
+          onClick: (i) => i.stopPropagation(),
           children: /* @__PURE__ */ D.jsxs(
             "div",
             {
@@ -2069,17 +2069,17 @@ const Bt = ({
               },
               children: [
                 /* @__PURE__ */ D.jsx(
-                  yr,
+                  vr,
                   {
-                    id: se,
+                    id: ae,
                     ref: H,
                     width: "100%",
                     height: "100%",
-                    $hiddenClasses: v,
-                    className: h
+                    $hiddenClasses: b,
+                    className: m
                   }
                 ),
-                (Z || !re) && /* @__PURE__ */ D.jsx(Q, {})
+                (J || !ne) && /* @__PURE__ */ D.jsx(I, {})
               ]
             }
           )
@@ -2087,33 +2087,33 @@ const Bt = ({
       ) })
     ] }) : /* @__PURE__ */ D.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
       /* @__PURE__ */ D.jsx(
-        yr,
+        vr,
         {
-          id: se,
+          id: ae,
           ref: H,
           width: "100%",
           height: "100%",
-          $hiddenClasses: v,
-          className: h
+          $hiddenClasses: b,
+          className: m
         }
       ),
-      (Z || !re) && /* @__PURE__ */ D.jsx(Q, {})
+      (J || !ne) && /* @__PURE__ */ D.jsx(I, {})
     ] });
   }
 );
-Xt.displayName = "VPPlayer";
+Jt.displayName = "VPPlayer";
 export {
-  Ft as Overlay,
-  yr as PlayerContainer,
-  Vt as PlayerWrapper,
-  Xt as VPPlayer,
+  Vt as Overlay,
+  vr as PlayerContainer,
+  Nt as PlayerWrapper,
+  Jt as VPPlayer,
   me as VP_PLAYER_BASE_URL,
-  qt as appendDivIdToUrl,
-  Yt as generatePlayerId,
-  Lt as getFullyManagedPlayerScriptUrl,
-  Zt as getManagedPlayerScriptUrl,
-  Nt as getPlayerScriptUrl,
-  zt as getVerticalPlayerScriptUrl,
-  Bt as useVPPlayerLogic,
-  Ht as useVPPlayerScript
+  Ht as appendDivIdToUrl,
+  qt as generatePlayerId,
+  zt as getFullyManagedPlayerScriptUrl,
+  Kt as getManagedPlayerScriptUrl,
+  Lt as getPlayerScriptUrl,
+  Ut as getVerticalPlayerScriptUrl,
+  Xt as useVPPlayerLogic,
+  Gt as useVPPlayerScript
 };