@devix-technologies/react-gjirafa-vp-player 1.0.31-beta.15 → 1.0.31-beta.16

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

@@ -1,5 +1,5 @@
 import * as ie from "react";
-import gr, { forwardRef as nr, useContext as yr, useState as Ae, useEffect as Ne, useRef as he, useId as vr, useMemo as Me, useImperativeHandle as br } from "react";
+import xr, { forwardRef as sr, useContext as wr, useState as Ae, useEffect as Ve, useRef as he, useId as Pr, useMemo as Ne, useImperativeHandle as kr } from "react";
 var Pe = { exports: {} }, me = {};
 /**
  * @license React
@@ -10,10 +10,10 @@ var Pe = { exports: {} }, me = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ye;
-function xr() {
-  if (Ye) return me;
-  Ye = 1;
+var Be;
+function Sr() {
+  if (Be) return me;
+  Be = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
   function t(n, a, s) {
     var f = null;
@@ -42,9 +42,9 @@ var ge = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var qe;
-function wr() {
-  return qe || (qe = 1, process.env.NODE_ENV !== "production" && (function() {
+var Xe;
+function Er() {
+  return Xe || (Xe = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(o) {
       if (o == null) return null;
       if (typeof o == "function")
@@ -55,20 +55,20 @@ function wr() {
           return "Fragment";
         case A:
           return "Profiler";
-        case S:
+        case k:
           return "StrictMode";
         case j:
           return "Suspense";
-        case E:
+        case S:
           return "SuspenseList";
-        case D:
+        case U:
           return "Activity";
       }
       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."
         ), o.$$typeof) {
-          case x:
+          case b:
             return "Portal";
           case V:
             return o.displayName || "Context";
@@ -120,7 +120,7 @@ function wr() {
       }
     }
     function a() {
-      var o = U.A;
+      var o = D.A;
       return o === null ? null : o.getOwner();
     }
     function s() {
@@ -151,7 +151,7 @@ function wr() {
         "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."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function v(o, g, i, c, N, R) {
+    function y(o, g, i, c, N, R) {
       var h = i.ref;
       return o = {
         $$typeof: O,
@@ -190,17 +190,17 @@ function wr() {
         if (c)
           if (ae(h)) {
             for (c = 0; c < h.length; c++)
-              b(h[c]);
+              v(h[c]);
             Object.freeze && Object.freeze(h);
           } 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 b(h);
+        else v(h);
       if (p.call(g, "key")) {
         h = e(o);
-        var u = Object.keys(g).filter(function(y) {
-          return y !== "key";
+        var u = Object.keys(g).filter(function(x) {
+          return x !== "key";
         });
         c = 0 < u.length ? "{key: someKey, " + u.join(": ..., ") + ": ...}" : "{key: someKey}", oe[h + c] || (u = 0 < u.length ? "{" + u.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
@@ -223,7 +223,7 @@ React keys must be passed directly to JSX without using spread:
       return h && d(
         i,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), v(
+      ), y(
         o,
         h,
         i,
@@ -232,13 +232,13 @@ React keys must be passed directly to JSX without using spread:
         R
       );
     }
-    function b(o) {
+    function v(o) {
       $(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === Z && (o._payload.status === "fulfilled" ? $(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
     function $(o) {
       return typeof o == "object" && o !== null && o.$$typeof === O;
     }
-    var C = gr, O = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), M = Symbol.for("react.consumer"), V = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), Z = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), U = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, p = Object.prototype.hasOwnProperty, ae = Array.isArray, B = console.createTask ? console.createTask : function() {
+    var C = xr, O = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), M = Symbol.for("react.consumer"), V = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), Z = Symbol.for("react.lazy"), U = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), D = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, p = Object.prototype.hasOwnProperty, ae = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
     C = {
@@ -249,56 +249,56 @@ React keys must be passed directly to JSX without using spread:
     var K, W = {}, Q = C.react_stack_bottom_frame.bind(
       C,
       s
-    )(), ee = B(n(s)), oe = {};
+    )(), ee = G(n(s)), oe = {};
     ge.Fragment = w, ge.jsx = function(o, g, i) {
-      var c = 1e4 > U.recentlyCreatedOwnerStacks++;
+      var c = 1e4 > D.recentlyCreatedOwnerStacks++;
       return m(
         o,
         g,
         i,
         !1,
         c ? Error("react-stack-top-frame") : Q,
-        c ? B(n(o)) : ee
+        c ? G(n(o)) : ee
       );
     }, ge.jsxs = function(o, g, i) {
-      var c = 1e4 > U.recentlyCreatedOwnerStacks++;
+      var c = 1e4 > D.recentlyCreatedOwnerStacks++;
       return m(
         o,
         g,
         i,
         !0,
         c ? Error("react-stack-top-frame") : Q,
-        c ? B(n(o)) : ee
+        c ? G(n(o)) : ee
       );
     };
   })()), ge;
 }
-var He;
-function Pr() {
-  return He || (He = 1, process.env.NODE_ENV === "production" ? Pe.exports = xr() : Pe.exports = wr()), Pe.exports;
+var Je;
+function Rr() {
+  return Je || (Je = 1, process.env.NODE_ENV === "production" ? Pe.exports = Sr() : Pe.exports = Er()), Pe.exports;
 }
-var L = Pr();
-function Le() {
-  return Le = Object.assign ? Object.assign.bind() : function(e) {
+var L = Rr();
+function Ie() {
+  return Ie = 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;
-  }, Le.apply(null, arguments);
+  }, Ie.apply(null, arguments);
 }
-function kr(e) {
+function _r(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 Sr(e) {
+function Tr(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 Er = /* @__PURE__ */ (function() {
+var Ar = /* @__PURE__ */ (function() {
   function e(t) {
     var n = this;
     this._insertTag = function(a) {
@@ -310,10 +310,10 @@ var Er = /* @__PURE__ */ (function() {
   return r.hydrate = function(n) {
     n.forEach(this._insertTag);
   }, r.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Sr(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Tr(this));
     var a = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var s = kr(a);
+      var s = _r(a);
       try {
         s.insertRule(n, s.cssRules.length);
       } catch {
@@ -327,20 +327,20 @@ var Er = /* @__PURE__ */ (function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-})(), Y = "-ms-", Ce = "-moz-", _ = "-webkit-", ar = "comm", ze = "rule", De = "decl", Rr = "@import", ir = "@keyframes", _r = "@layer", Tr = Math.abs, Oe = String.fromCharCode, Ar = Object.assign;
-function Cr(e, r) {
+})(), Y = "-ms-", Ce = "-moz-", _ = "-webkit-", cr = "comm", De = "rule", We = "decl", Cr = "@import", lr = "@keyframes", Or = "@layer", $r = Math.abs, Oe = String.fromCharCode, jr = Object.assign;
+function Mr(e, r) {
   return z(e, 0) ^ 45 ? (((r << 2 ^ z(e, 0)) << 2 ^ z(e, 1)) << 2 ^ z(e, 2)) << 2 ^ z(e, 3) : 0;
 }
-function or(e) {
+function ur(e) {
   return e.trim();
 }
-function Or(e, r) {
+function Fr(e, r) {
   return (e = r.exec(e)) ? e[0] : e;
 }
 function T(e, r, t) {
   return e.replace(r, t);
 }
-function Ve(e, r) {
+function ze(e, r) {
   return e.indexOf(r);
 }
 function z(e, r) {
@@ -352,39 +352,39 @@ function ve(e, r, t) {
 function re(e) {
   return e.length;
 }
-function Ue(e) {
+function Ye(e) {
   return e.length;
 }
 function ke(e, r) {
   return r.push(e), e;
 }
-function $r(e, r) {
+function Nr(e, r) {
   return e.map(r).join("");
 }
-var $e = 1, ue = 1, sr = 0, q = 0, F = 0, de = "";
+var $e = 1, fe = 1, fr = 0, q = 0, F = 0, pe = "";
 function je(e, r, t, n, a, s, f) {
-  return { value: e, root: r, parent: t, type: n, props: a, children: s, line: $e, column: ue, length: f, return: "" };
+  return { value: e, root: r, parent: t, type: n, props: a, children: s, line: $e, column: fe, length: f, return: "" };
 }
 function ye(e, r) {
-  return Ar(je("", null, null, "", null, null, 0), e, { length: -e.length }, r);
+  return jr(je("", null, null, "", null, null, 0), e, { length: -e.length }, r);
 }
-function jr() {
+function Lr() {
   return F;
 }
-function Mr() {
-  return F = q > 0 ? z(de, --q) : 0, ue--, F === 10 && (ue = 1, $e--), F;
+function Vr() {
+  return F = q > 0 ? z(pe, --q) : 0, fe--, F === 10 && (fe = 1, $e--), F;
 }
-function G() {
-  return F = q < sr ? z(de, q++) : 0, ue++, F === 10 && (ue = 1, $e++), F;
+function B() {
+  return F = q < fr ? z(pe, q++) : 0, fe++, F === 10 && (fe = 1, $e++), F;
 }
 function ne() {
-  return z(de, q);
+  return z(pe, q);
 }
 function Re() {
   return q;
 }
 function we(e, r) {
-  return ve(de, e, r);
+  return ve(pe, e, r);
 }
 function be(e) {
   switch (e) {
@@ -424,27 +424,27 @@ function be(e) {
   }
   return 0;
 }
-function cr(e) {
-  return $e = ue = 1, sr = re(de = e), q = 0, [];
+function dr(e) {
+  return $e = fe = 1, fr = re(pe = e), q = 0, [];
 }
-function lr(e) {
-  return de = "", e;
+function pr(e) {
+  return pe = "", e;
 }
 function _e(e) {
-  return or(we(q - 1, Ie(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return ur(we(q - 1, Ue(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function Fr(e) {
+function Ir(e) {
   for (; (F = ne()) && F < 33; )
-    G();
+    B();
   return be(e) > 2 || be(F) > 3 ? "" : " ";
 }
-function Nr(e, r) {
-  for (; --r && G() && !(F < 48 || F > 102 || F > 57 && F < 65 || F > 70 && F < 97); )
+function zr(e, r) {
+  for (; --r && B() && !(F < 48 || F > 102 || F > 57 && F < 65 || F > 70 && F < 97); )
     ;
-  return we(e, Re() + (r < 6 && ne() == 32 && G() == 32));
+  return we(e, Re() + (r < 6 && ne() == 32 && B() == 32));
 }
-function Ie(e) {
-  for (; G(); )
+function Ue(e) {
+  for (; B(); )
     switch (F) {
       // ] ) " '
       case e:
@@ -452,75 +452,75 @@ function Ie(e) {
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Ie(F);
+        e !== 34 && e !== 39 && Ue(F);
         break;
       // (
       case 40:
-        e === 41 && Ie(e);
+        e === 41 && Ue(e);
         break;
       // \
       case 92:
-        G();
+        B();
         break;
     }
   return q;
 }
-function Lr(e, r) {
-  for (; G() && e + F !== 57; )
+function Ur(e, r) {
+  for (; B() && e + F !== 57; )
     if (e + F === 84 && ne() === 47)
       break;
-  return "/*" + we(r, q - 1) + "*" + Oe(e === 47 ? e : G());
+  return "/*" + we(r, q - 1) + "*" + Oe(e === 47 ? e : B());
 }
-function Vr(e) {
+function Dr(e) {
   for (; !be(ne()); )
-    G();
+    B();
   return we(e, q);
 }
-function Ir(e) {
-  return lr(Te("", null, null, null, [""], e = cr(e), 0, [0], e));
+function Wr(e) {
+  return pr(Te("", null, null, null, [""], e = dr(e), 0, [0], e));
 }
 function Te(e, r, t, n, a, s, f, d, P) {
-  for (var v = 0, m = 0, b = f, $ = 0, C = 0, O = 0, x = 1, w = 1, S = 1, A = 0, M = "", V = a, I = s, j = n, E = M; w; )
-    switch (O = A, A = G()) {
+  for (var y = 0, m = 0, v = f, $ = 0, C = 0, O = 0, b = 1, w = 1, k = 1, A = 0, M = "", V = a, I = s, j = n, S = M; w; )
+    switch (O = A, A = B()) {
       // (
       case 40:
-        if (O != 108 && z(E, b - 1) == 58) {
-          Ve(E += T(_e(A), "&", "&\f"), "&\f") != -1 && (S = -1);
+        if (O != 108 && z(S, v - 1) == 58) {
+          ze(S += T(_e(A), "&", "&\f"), "&\f") != -1 && (k = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        E += _e(A);
+        S += _e(A);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        E += Fr(O);
+        S += Ir(O);
         break;
       // \
       case 92:
-        E += Nr(Re() - 1, 7);
+        S += zr(Re() - 1, 7);
         continue;
       // /
       case 47:
         switch (ne()) {
           case 42:
           case 47:
-            ke(zr(Lr(G(), Re()), r, t), P);
+            ke(Yr(Ur(B(), Re()), r, t), P);
             break;
           default:
-            E += "/";
+            S += "/";
         }
         break;
       // {
-      case 123 * x:
-        d[v++] = re(E) * S;
+      case 123 * b:
+        d[y++] = re(S) * k;
       // } ; \0
-      case 125 * x:
+      case 125 * b:
       case 59:
       case 0:
         switch (A) {
@@ -530,123 +530,123 @@ function Te(e, r, t, n, a, s, f, d, P) {
             w = 0;
           // ;
           case 59 + m:
-            S == -1 && (E = T(E, /\f/g, "")), C > 0 && re(E) - b && ke(C > 32 ? Be(E + ";", n, t, b - 1) : Be(T(E, " ", "") + ";", n, t, b - 2), P);
+            k == -1 && (S = T(S, /\f/g, "")), C > 0 && re(S) - v && ke(C > 32 ? Ke(S + ";", n, t, v - 1) : Ke(T(S, " ", "") + ";", n, t, v - 2), P);
             break;
           // @ ;
           case 59:
-            E += ";";
+            S += ";";
           // { rule/at-rule
           default:
-            if (ke(j = Ge(E, r, t, v, m, a, d, M, V = [], I = [], b), s), A === 123)
+            if (ke(j = Ze(S, r, t, y, m, a, d, M, V = [], I = [], v), s), A === 123)
               if (m === 0)
-                Te(E, r, j, j, V, s, b, d, I);
+                Te(S, r, j, j, V, s, v, d, I);
               else
-                switch ($ === 99 && z(E, 3) === 110 ? 100 : $) {
+                switch ($ === 99 && z(S, 3) === 110 ? 100 : $) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Te(e, j, j, n && ke(Ge(e, j, j, 0, 0, a, d, M, a, V = [], b), I), a, I, b, d, n ? V : I);
+                    Te(e, j, j, n && ke(Ze(e, j, j, 0, 0, a, d, M, a, V = [], v), I), a, I, v, d, n ? V : I);
                     break;
                   default:
-                    Te(E, j, j, j, [""], I, 0, d, I);
+                    Te(S, j, j, j, [""], I, 0, d, I);
                 }
         }
-        v = m = C = 0, x = S = 1, M = E = "", b = f;
+        y = m = C = 0, b = k = 1, M = S = "", v = f;
         break;
       // :
       case 58:
-        b = 1 + re(E), C = O;
+        v = 1 + re(S), C = O;
       default:
-        if (x < 1) {
+        if (b < 1) {
           if (A == 123)
-            --x;
-          else if (A == 125 && x++ == 0 && Mr() == 125)
+            --b;
+          else if (A == 125 && b++ == 0 && Vr() == 125)
             continue;
         }
-        switch (E += Oe(A), A * x) {
+        switch (S += Oe(A), A * b) {
           // &
           case 38:
-            S = m > 0 ? 1 : (E += "\f", -1);
+            k = m > 0 ? 1 : (S += "\f", -1);
             break;
           // ,
           case 44:
-            d[v++] = (re(E) - 1) * S, S = 1;
+            d[y++] = (re(S) - 1) * k, k = 1;
             break;
           // @
           case 64:
-            ne() === 45 && (E += _e(G())), $ = ne(), m = b = re(M = E += Vr(Re())), A++;
+            ne() === 45 && (S += _e(B())), $ = ne(), m = v = re(M = S += Dr(Re())), A++;
             break;
           // -
           case 45:
-            O === 45 && re(E) == 2 && (x = 0);
+            O === 45 && re(S) == 2 && (b = 0);
         }
     }
   return s;
 }
-function Ge(e, r, t, n, a, s, f, d, P, v, m) {
-  for (var b = a - 1, $ = a === 0 ? s : [""], C = Ue($), O = 0, x = 0, w = 0; O < n; ++O)
-    for (var S = 0, A = ve(e, b + 1, b = Tr(x = f[O])), M = e; S < C; ++S)
-      (M = or(x > 0 ? $[S] + " " + A : T(A, /&\f/g, $[S]))) && (P[w++] = M);
-  return je(e, r, t, a === 0 ? ze : d, P, v, m);
+function Ze(e, r, t, n, a, s, f, d, P, y, m) {
+  for (var v = a - 1, $ = a === 0 ? s : [""], C = Ye($), O = 0, b = 0, w = 0; O < n; ++O)
+    for (var k = 0, A = ve(e, v + 1, v = $r(b = f[O])), M = e; k < C; ++k)
+      (M = ur(b > 0 ? $[k] + " " + A : T(A, /&\f/g, $[k]))) && (P[w++] = M);
+  return je(e, r, t, a === 0 ? De : d, P, y, m);
 }
-function zr(e, r, t) {
-  return je(e, r, t, ar, Oe(jr()), ve(e, 2, -2), 0);
+function Yr(e, r, t) {
+  return je(e, r, t, cr, Oe(Lr()), ve(e, 2, -2), 0);
 }
-function Be(e, r, t, n) {
-  return je(e, r, t, De, ve(e, 0, n), ve(e, n + 1, -1), n);
+function Ke(e, r, t, n) {
+  return je(e, r, t, We, ve(e, 0, n), ve(e, n + 1, -1), n);
 }
-function le(e, r) {
-  for (var t = "", n = Ue(e), a = 0; a < n; a++)
+function ue(e, r) {
+  for (var t = "", n = Ye(e), a = 0; a < n; a++)
     t += r(e[a], a, e, r) || "";
   return t;
 }
-function Dr(e, r, t, n) {
+function qr(e, r, t, n) {
   switch (e.type) {
-    case _r:
+    case Or:
       if (e.children.length) break;
-    case Rr:
-    case De:
+    case Cr:
+    case We:
       return e.return = e.return || e.value;
-    case ar:
+    case cr:
       return "";
-    case ir:
-      return e.return = e.value + "{" + le(e.children, n) + "}";
-    case ze:
+    case lr:
+      return e.return = e.value + "{" + ue(e.children, n) + "}";
+    case De:
       e.value = e.props.join(",");
   }
-  return re(t = le(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
+  return re(t = ue(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
 }
-function Ur(e) {
-  var r = Ue(e);
+function Hr(e) {
+  var r = Ye(e);
   return function(t, n, a, s) {
     for (var f = "", d = 0; d < r; d++)
       f += e[d](t, n, a, s) || "";
     return f;
   };
 }
-function Wr(e) {
+function Gr(e) {
   return function(r) {
     r.root || (r = r.return) && e(r);
   };
 }
-function ur(e) {
+function hr(e) {
   var r = /* @__PURE__ */ Object.create(null);
   return function(t) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var Yr = function(r, t, n) {
+var Br = function(r, t, n) {
   for (var a = 0, s = 0; a = s, s = ne(), a === 38 && s === 12 && (t[n] = 1), !be(s); )
-    G();
+    B();
   return we(r, q);
-}, qr = function(r, t) {
+}, Xr = function(r, t) {
   var n = -1, a = 44;
   do
     switch (be(a)) {
       case 0:
-        a === 38 && ne() === 12 && (t[n] = 1), r[n] += Yr(q - 1, t, n);
+        a === 38 && ne() === 12 && (t[n] = 1), r[n] += Br(q - 1, t, n);
         break;
       case 2:
         r[n] += _e(a);
@@ -660,24 +660,24 @@ var Yr = function(r, t, n) {
       default:
         r[n] += Oe(a);
     }
-  while (a = G());
+  while (a = B());
   return r;
-}, Hr = function(r, t) {
-  return lr(qr(cr(r), t));
-}, Xe = /* @__PURE__ */ new WeakMap(), Gr = function(r) {
+}, Jr = function(r, t) {
+  return pr(Xr(dr(r), t));
+}, Qe = /* @__PURE__ */ new WeakMap(), Zr = 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 && !Xe.get(n)) && !a) {
-      Xe.set(r, !0);
-      for (var s = [], f = Hr(t, s), d = n.props, P = 0, v = 0; P < f.length; P++)
-        for (var m = 0; m < d.length; m++, v++)
-          r.props[v] = s[P] ? f[P].replace(/&\f/g, d[m]) : d[m] + " " + f[P];
+    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !Qe.get(n)) && !a) {
+      Qe.set(r, !0);
+      for (var s = [], f = Jr(t, s), d = n.props, P = 0, y = 0; P < f.length; P++)
+        for (var m = 0; m < d.length; m++, y++)
+          r.props[y] = s[P] ? f[P].replace(/&\f/g, d[m]) : d[m] + " " + f[P];
     }
   }
-}, Br = function(r) {
+}, Kr = function(r) {
   if (r.type === "decl") {
     var t = r.value;
     // charcode for l
@@ -685,8 +685,8 @@ var Yr = function(r, t, n) {
     t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
   }
 };
-function fr(e, r) {
-  switch (Cr(e, r)) {
+function mr(e, r) {
+  switch (Mr(e, r)) {
     // color-adjust
     case 5103:
       return _ + "print-" + e + e;
@@ -793,7 +793,7 @@ function fr(e, r) {
           return T(e, /(.+:)(.+)-([^]+)/, "$1" + _ + "$2-$3$1" + Ce + (z(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~Ve(e, "stretch") ? fr(T(e, "stretch", "fill-available"), r) + e : e;
+          return ~ze(e, "stretch") ? mr(T(e, "stretch", "fill-available"), r) + e : e;
       }
       break;
     // position: sticky
@@ -801,7 +801,7 @@ function fr(e, r) {
       if (z(e, r + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (z(e, re(e) - 3 - (~Ve(e, "!important") && 10))) {
+      switch (z(e, re(e) - 3 - (~ze(e, "!important") && 10))) {
         // stic(k)y
         case 107:
           return T(e, ":", ":" + _) + e;
@@ -827,27 +827,27 @@ function fr(e, r) {
   }
   return e;
 }
-var Xr = function(r, t, n, a) {
+var Qr = function(r, t, n, a) {
   if (r.length > -1 && !r.return) switch (r.type) {
-    case De:
-      r.return = fr(r.value, r.length);
+    case We:
+      r.return = mr(r.value, r.length);
       break;
-    case ir:
-      return le([ye(r, {
+    case lr:
+      return ue([ye(r, {
         value: T(r.value, "@", "@" + _)
       })], a);
-    case ze:
-      if (r.length) return $r(r.props, function(s) {
-        switch (Or(s, /(::plac\w+|:read-\w+)/)) {
+    case De:
+      if (r.length) return Nr(r.props, function(s) {
+        switch (Fr(s, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
-            return le([ye(r, {
+            return ue([ye(r, {
               props: [T(s, /:(read-\w+)/, ":" + Ce + "$1")]
             })], a);
           // :placeholder
           case "::placeholder":
-            return le([ye(r, {
+            return ue([ye(r, {
               props: [T(s, /:(plac\w+)/, ":" + _ + "input-$1")]
             }), ye(r, {
               props: [T(s, /:(plac\w+)/, ":" + Ce + "$1")]
@@ -858,40 +858,40 @@ var Xr = function(r, t, n, a) {
         return "";
       });
   }
-}, Jr = [Xr], Zr = function(r) {
+}, et = [Qr], rt = 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(x) {
-      var w = x.getAttribute("data-emotion");
-      w.indexOf(" ") !== -1 && (document.head.appendChild(x), x.setAttribute("data-s", ""));
+    Array.prototype.forEach.call(n, function(b) {
+      var w = b.getAttribute("data-emotion");
+      w.indexOf(" ") !== -1 && (document.head.appendChild(b), b.setAttribute("data-s", ""));
     });
   }
-  var a = r.stylisPlugins || Jr, s = {}, f, d = [];
+  var a = r.stylisPlugins || et, s = {}, f, d = [];
   f = 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(x) {
-      for (var w = x.getAttribute("data-emotion").split(" "), S = 1; S < w.length; S++)
-        s[w[S]] = !0;
-      d.push(x);
+    function(b) {
+      for (var w = b.getAttribute("data-emotion").split(" "), k = 1; k < w.length; k++)
+        s[w[k]] = !0;
+      d.push(b);
     }
   );
-  var P, v = [Gr, Br];
+  var P, y = [Zr, Kr];
   {
-    var m, b = [Dr, Wr(function(x) {
-      m.insert(x);
-    })], $ = Ur(v.concat(a, b)), C = function(w) {
-      return le(Ir(w), $);
+    var m, v = [qr, Gr(function(b) {
+      m.insert(b);
+    })], $ = Hr(y.concat(a, v)), C = function(w) {
+      return ue(Wr(w), $);
     };
-    P = function(w, S, A, M) {
-      m = A, C(w ? w + "{" + S.styles + "}" : S.styles), M && (O.inserted[S.name] = !0);
+    P = function(w, k, A, M) {
+      m = A, C(w ? w + "{" + k.styles + "}" : k.styles), M && (O.inserted[k.name] = !0);
     };
   }
   var O = {
     key: t,
-    sheet: new Er({
+    sheet: new Ar({
       key: t,
       container: f,
       nonce: r.nonce,
@@ -905,14 +905,14 @@ var Xr = function(r, t, n, a) {
     insert: P
   };
   return O.sheet.hydrate(d), O;
-}, Kr = !0;
-function Qr(e, r, t) {
+}, tt = !0;
+function nt(e, r, t) {
   var n = "";
   return t.split(" ").forEach(function(a) {
     e[a] !== void 0 ? r.push(e[a] + ";") : a && (n += a + " ");
   }), n;
 }
-var dr = function(r, t, n) {
+var gr = 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 dr = 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
-  Kr === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
-}, et = function(r, t, n) {
-  dr(r, t, n);
+  tt === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
+}, at = function(r, t, n) {
+  gr(r, t, n);
   var a = r.key + "-" + t.name;
   if (r.inserted[t.name] === void 0) {
     var s = t;
@@ -934,7 +934,7 @@ var dr = function(r, t, n) {
     while (s !== void 0);
   }
 };
-function rt(e) {
+function it(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 rt(e) {
   return r ^= r >>> 13, r = /* Math.imul(h, m): */
   (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
 }
-var tt = {
+var ot = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1002,18 +1002,18 @@ var tt = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, nt = /[A-Z]|^ms/g, at = /_EMO_([^_]+?)_([^]*?)_EMO_/g, pr = function(r) {
+}, st = /[A-Z]|^ms/g, ct = /_EMO_([^_]+?)_([^]*?)_EMO_/g, yr = function(r) {
   return r.charCodeAt(1) === 45;
-}, Je = function(r) {
+}, er = function(r) {
   return r != null && typeof r != "boolean";
-}, Fe = /* @__PURE__ */ ur(function(e) {
-  return pr(e) ? e : e.replace(nt, "-$&").toLowerCase();
-}), Ze = function(r, t) {
+}, Le = /* @__PURE__ */ hr(function(e) {
+  return yr(e) ? e : e.replace(st, "-$&").toLowerCase();
+}), rr = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(at, function(n, a, s) {
+        return t.replace(ct, function(n, a, s) {
           return te = {
             name: a,
             styles: s,
@@ -1021,7 +1021,7 @@ var tt = {
           }, a;
         });
   }
-  return tt[r] !== 1 && !pr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+  return ot[r] !== 1 && !yr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
 function xe(e, r, t) {
   if (t == null)
@@ -1053,12 +1053,12 @@ function xe(e, r, t) {
         var d = s.styles + ";";
         return d;
       }
-      return it(e, r, t);
+      return lt(e, r, t);
     }
     case "function": {
       if (e !== void 0) {
-        var P = te, v = t(e);
-        return te = P, xe(e, r, v);
+        var P = te, y = t(e);
+        return te = P, xe(e, r, y);
       }
       break;
     }
@@ -1066,10 +1066,10 @@ function xe(e, r, t) {
   var m = t;
   if (r == null)
     return m;
-  var b = r[m];
-  return b !== void 0 ? b : m;
+  var v = r[m];
+  return v !== void 0 ? v : m;
 }
-function it(e, r, t) {
+function lt(e, r, t) {
   var n = "";
   if (Array.isArray(t))
     for (var a = 0; a < t.length; a++)
@@ -1079,27 +1079,27 @@ function it(e, r, t) {
       var f = t[s];
       if (typeof f != "object") {
         var d = f;
-        r != null && r[d] !== void 0 ? n += s + "{" + r[d] + "}" : Je(d) && (n += Fe(s) + ":" + Ze(s, d) + ";");
+        r != null && r[d] !== void 0 ? n += s + "{" + r[d] + "}" : er(d) && (n += Le(s) + ":" + rr(s, d) + ";");
       } else if (Array.isArray(f) && typeof f[0] == "string" && (r == null || r[f[0]] === void 0))
         for (var P = 0; P < f.length; P++)
-          Je(f[P]) && (n += Fe(s) + ":" + Ze(s, f[P]) + ";");
+          er(f[P]) && (n += Le(s) + ":" + rr(s, f[P]) + ";");
       else {
-        var v = xe(e, r, f);
+        var y = xe(e, r, f);
         switch (s) {
           case "animation":
           case "animationName": {
-            n += Fe(s) + ":" + v + ";";
+            n += Le(s) + ":" + y + ";";
             break;
           }
           default:
-            n += s + "{" + v + "}";
+            n += s + "{" + y + "}";
         }
       }
     }
   return n;
 }
-var Ke = /label:\s*([^\s;{]+)\s*(;|$)/g, te;
-function ot(e, r, t) {
+var tr = /label:\s*([^\s;{]+)\s*(;|$)/g, te;
+function ut(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 = "";
@@ -1116,48 +1116,48 @@ function ot(e, r, t) {
       var P = s;
       a += P[d];
     }
-  Ke.lastIndex = 0;
-  for (var v = "", m; (m = Ke.exec(a)) !== null; )
-    v += "-" + m[1];
-  var b = rt(a) + v;
+  tr.lastIndex = 0;
+  for (var y = "", m; (m = tr.exec(a)) !== null; )
+    y += "-" + m[1];
+  var v = it(a) + y;
   return {
-    name: b,
+    name: v,
     styles: a,
     next: te
   };
 }
-var st = function(r) {
+var ft = function(r) {
   return r();
-}, ct = ie.useInsertionEffect ? ie.useInsertionEffect : !1, lt = ct || st, hr = /* @__PURE__ */ ie.createContext(
+}, dt = ie.useInsertionEffect ? ie.useInsertionEffect : !1, pt = dt || ft, vr = /* @__PURE__ */ ie.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__ */ Zr({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ rt({
     key: "css"
   }) : null
 );
-hr.Provider;
-var ut = function(r) {
-  return /* @__PURE__ */ nr(function(t, n) {
-    var a = yr(hr);
+vr.Provider;
+var ht = function(r) {
+  return /* @__PURE__ */ sr(function(t, n) {
+    var a = wr(vr);
     return r(t, a, n);
   });
-}, ft = /* @__PURE__ */ ie.createContext({}), dt = /^((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)-.*))$/, pt = /* @__PURE__ */ ur(
+}, mt = /* @__PURE__ */ ie.createContext({}), gt = /^((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)-.*))$/, yt = /* @__PURE__ */ hr(
   function(e) {
-    return dt.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+    return gt.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), ht = pt, mt = function(r) {
+), vt = yt, bt = function(r) {
   return r !== "theme";
-}, Qe = function(r) {
+}, nr = 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 ? ht : mt;
-}, er = function(r, t, n) {
+  r.charCodeAt(0) > 96 ? vt : bt;
+}, ar = function(r, t, n) {
   var a;
   if (t) {
     var s = t.shouldForwardProp;
@@ -1166,57 +1166,57 @@ var ut = function(r) {
     } : s;
   }
   return typeof a != "function" && n && (a = r.__emotion_forwardProp), a;
-}, gt = function(r) {
+}, xt = function(r) {
   var t = r.cache, n = r.serialized, a = r.isStringTag;
-  return dr(t, n, a), lt(function() {
-    return et(t, n, a);
+  return gr(t, n, a), pt(function() {
+    return at(t, n, a);
   }), null;
-}, yt = function e(r, t) {
+}, wt = function e(r, t) {
   var n = r.__emotion_real === r, a = n && r.__emotion_base || r, s, f;
   t !== void 0 && (s = t.label, f = t.target);
-  var d = er(r, t, n), P = d || Qe(a), v = !P("as");
+  var d = ar(r, t, n), P = d || nr(a), y = !P("as");
   return function() {
-    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);
+    var m = arguments, v = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
+    if (s !== void 0 && v.push("label:" + s + ";"), m[0] == null || m[0].raw === void 0)
+      v.push.apply(v, m);
     else {
       var $ = m[0];
-      b.push($[0]);
+      v.push($[0]);
       for (var C = m.length, O = 1; O < C; O++)
-        b.push(m[O], $[O]);
+        v.push(m[O], $[O]);
     }
-    var x = ut(function(w, S, A) {
-      var M = v && w.as || a, V = "", I = [], j = w;
+    var b = ht(function(w, k, A) {
+      var M = y && w.as || a, V = "", I = [], j = w;
       if (w.theme == null) {
         j = {};
-        for (var E in w)
-          j[E] = w[E];
-        j.theme = ie.useContext(ft);
+        for (var S in w)
+          j[S] = w[S];
+        j.theme = ie.useContext(mt);
       }
-      typeof w.className == "string" ? V = Qr(S.registered, I, w.className) : w.className != null && (V = w.className + " ");
-      var H = ot(b.concat(I), S.registered, j);
-      V += S.key + "-" + H.name, f !== void 0 && (V += " " + f);
-      var Z = v && d === void 0 ? Qe(M) : P, D = {};
+      typeof w.className == "string" ? V = nt(k.registered, I, w.className) : w.className != null && (V = w.className + " ");
+      var H = ut(v.concat(I), k.registered, j);
+      V += k.key + "-" + H.name, f !== void 0 && (V += " " + f);
+      var Z = y && d === void 0 ? nr(M) : P, U = {};
       for (var X in w)
-        v && X === "as" || Z(X) && (D[X] = w[X]);
-      return D.className = V, A && (D.ref = A), /* @__PURE__ */ ie.createElement(ie.Fragment, null, /* @__PURE__ */ ie.createElement(gt, {
-        cache: S,
+        y && X === "as" || Z(X) && (U[X] = w[X]);
+      return U.className = V, A && (U.ref = A), /* @__PURE__ */ ie.createElement(ie.Fragment, null, /* @__PURE__ */ ie.createElement(xt, {
+        cache: k,
         serialized: H,
         isStringTag: typeof M == "string"
-      }), /* @__PURE__ */ ie.createElement(M, D));
+      }), /* @__PURE__ */ ie.createElement(M, U));
     });
-    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 = d, Object.defineProperty(x, "toString", {
+    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", {
       value: function() {
         return "." + f;
       }
-    }), x.withComponent = function(w, S) {
-      var A = e(w, Le({}, t, S, {
-        shouldForwardProp: er(x, S, !0)
+    }), b.withComponent = function(w, k) {
+      var A = e(w, Ie({}, t, k, {
+        shouldForwardProp: ar(b, k, !0)
       }));
-      return A.apply(void 0, b);
-    }, x;
+      return A.apply(void 0, v);
+    }, b;
   };
-}, vt = [
+}, Pt = [
   "a",
   "abbr",
   "address",
@@ -1352,11 +1352,11 @@ var ut = function(r) {
   "svg",
   "text",
   "tspan"
-], fe = yt.bind(null);
-vt.forEach(function(e) {
-  fe[e] = fe(e);
+], de = wt.bind(null);
+Pt.forEach(function(e) {
+  de[e] = de(e);
 });
-const bt = fe.div`
+const kt = de.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1397,11 +1397,11 @@ const bt = fe.div`
       return "";
   }
 }}
-`, rr = ({ type: e, children: r, className: t, icon: n, action: a }) => /* @__PURE__ */ L.jsxs(bt, { type: e, className: t, children: [
+`, ir = ({ type: e, children: r, className: t, icon: n, action: a }) => /* @__PURE__ */ L.jsxs(kt, { type: e, className: t, children: [
   n && /* @__PURE__ */ L.jsx("span", { children: n }),
   /* @__PURE__ */ L.jsx("span", { children: r }),
   a && /* @__PURE__ */ L.jsx("span", { children: a })
-] }), tr = fe.div`
+] }), or = de.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
   border-radius: 0px !important;
@@ -1417,7 +1417,7 @@ const bt = fe.div`
   }
 
   ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((r) => `.${r} { display: none !important; }`).join("")}
-`, xt = fe.div`
+`, St = de.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -1429,7 +1429,7 @@ const bt = fe.div`
   align-items: center;
   z-index: 1000;
   pointer-events: auto;
-`, wt = fe.div`
+`, Et = de.div`
   position: relative;
   height: 80vh;
   width: auto;
@@ -1437,17 +1437,17 @@ const bt = fe.div`
   max-width: 90vw;
   max-height: 90vh;
   z-index: 1001;
-`, ce = "https://host.vpplayer.tech", Pt = (e) => `${ce}/player/${e}/vpplayer.js`, Nt = (e) => `${ce}/player/${e}.js`, kt = (e, r) => `${ce}/player/${e}/${r}.js`, St = (e) => `${ce}/vertical-player/${e}.js`, Et = (e, r) => `${ce}/vertical-player/${e}/${r}.js`, Rt = (e, r) => `${ce}/player/${e}/${r}.json`, _t = (e, r) => `${ce}/vertical-player/${e}/${r}.json`, Tt = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", At = (e, r) => {
+`, le = "https://host.vpplayer.tech", Rt = (e) => `${le}/player/${e}/vpplayer.js`, It = (e) => `${le}/player/${e}.js`, _t = (e, r) => `${le}/player/${e}/${r}.js`, Tt = (e) => `${le}/vertical-player/${e}.js`, At = (e, r) => `${le}/vertical-player/${e}/${r}.js`, Ct = (e, r) => `${le}/player/${e}/${r}.json`, Ot = (e, r) => `${le}/vertical-player/${e}/${r}.json`, $t = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", jt = (e, r) => {
   const t = new URL(e);
   return t.searchParams.set("divId", r), t.toString();
-}, Se = /* @__PURE__ */ new Map(), Ct = (e, r) => {
+}, Se = /* @__PURE__ */ new Map(), Mt = (e, r) => {
   const [t, n] = Ae(!1), [a, s] = Ae(null);
-  return Ne(() => {
+  return Ve(() => {
     let f;
     try {
-      f = r || Pt(e || "latest");
-    } catch (v) {
-      const m = v instanceof Error ? v.message : String(v);
+      f = r || Rt(e || "latest");
+    } catch (y) {
+      const m = y instanceof Error ? y.message : String(y);
       s(`Failed to resolve script URL: ${m}`);
       return;
     }
@@ -1457,9 +1457,9 @@ const bt = fe.div`
       ))
         Se.set(f, Promise.resolve());
       else {
-        const m = new Promise((b, $) => {
+        const m = new Promise((v, $) => {
           const C = document.createElement("script");
-          C.src = f, C.async = !0, C.onload = () => b(), C.onerror = () => $(new Error(`Failed to load script: ${f}`)), document.body.appendChild(C);
+          C.src = f, C.async = !0, C.onload = () => v(), C.onerror = () => $(new Error(`Failed to load script: ${f}`)), document.body.appendChild(C);
         });
         Se.set(f, m);
       }
@@ -1467,8 +1467,8 @@ const bt = fe.div`
     const P = Se.get(f);
     return P && P.then(() => {
       d && (n(!0), s(null));
-    }).catch((v) => {
-      d && (n(!1), s(v instanceof Error ? v.message : String(v)));
+    }).catch((y) => {
+      d && (n(!1), s(y instanceof Error ? y.message : String(y)));
     }), () => {
       d = !1;
     };
@@ -1477,17 +1477,17 @@ const bt = fe.div`
 function Ee(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function mr(e, r) {
+function br(e, r) {
   if (!Ee(e) || !Ee(r))
     return r;
   const t = { ...e };
   for (const n of Object.keys(r)) {
     const a = r[n], s = t[n];
-    Ee(a) && Ee(s) ? t[n] = mr(s, a) : a !== void 0 && (t[n] = a);
+    Ee(a) && Ee(s) ? t[n] = br(s, a) : a !== void 0 && (t[n] = a);
   }
   return t;
 }
-async function Ot(e, r, t) {
+async function Ft(e, r, t) {
   if (!e)
     return console.warn(
       "VP Player: No scriptId provided, cannot fetch config. Using user config directly."
@@ -1495,7 +1495,7 @@ async function Ot(e, r, t) {
   r || console.warn(
     "VP Player: No videoId provided, attempting to fetch config with scriptId only..."
   );
-  const n = t ? _t(e, r || "") : Rt(e, r || "");
+  const n = t ? Ot(e, r || "") : Ct(e, r || "");
   try {
     const a = await fetch(n);
     return a.ok ? await a.json() : null;
@@ -1503,7 +1503,7 @@ async function Ot(e, r, t) {
     return null;
   }
 }
-const $t = ({
+const Nt = ({
   scriptId: e,
   videoId: r,
   scriptUrl: t,
@@ -1513,53 +1513,53 @@ const $t = ({
   isVertical: f = !1,
   isReels: d = !1,
   onReady: P,
-  onPlay: v,
+  onPlay: y,
   onPause: m,
-  onResume: b,
+  onResume: v,
   onComplete: $,
   onError: C,
   onVideoStarted: O,
-  onTimeUpdate: x,
+  onTimeUpdate: b,
   onQuartile25: w,
-  onQuartile50: S,
+  onQuartile50: k,
   onQuartile75: A,
   onNext: M,
   onPrevious: V,
   onProgress10s: I,
   onProgress20s: j
 }) => {
-  const E = he(null), H = he(null), [Z, D] = Ae(null), X = vr().replace(/:/g, ""), U = Me(
-    () => Tt(s || `auto-${X}`, r),
+  const S = he(null), H = he(null), [Z, U] = Ae(null), X = Pr().replace(/:/g, ""), D = Ne(
+    () => $t(s || `auto-${X}`, r),
     [s, X, r]
   ), p = he({
     onReady: P,
-    onPlay: v,
+    onPlay: y,
     onPause: m,
-    onResume: b,
+    onResume: v,
     onComplete: $,
     onError: C,
     onVideoStarted: O,
-    onTimeUpdate: x,
+    onTimeUpdate: b,
     onQuartile25: w,
-    onQuartile50: S,
+    onQuartile50: k,
     onQuartile75: A,
     onNext: M,
     onPrevious: V,
     onProgress10s: I,
     onProgress20s: j
   });
-  Ne(() => {
+  Ve(() => {
     p.current = {
       onReady: P,
-      onPlay: v,
+      onPlay: y,
       onPause: m,
-      onResume: b,
+      onResume: v,
       onComplete: $,
       onError: C,
       onVideoStarted: O,
-      onTimeUpdate: x,
+      onTimeUpdate: b,
       onQuartile25: w,
-      onQuartile50: S,
+      onQuartile50: k,
       onQuartile75: A,
       onNext: M,
       onPrevious: V,
@@ -1567,37 +1567,37 @@ const $t = ({
       onProgress20s: j
     };
   });
-  const ae = he(!1), B = he(!1), K = !!a, W = Me(() => f || d ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [f, d, t]), Q = Me(() => {
+  const ae = he(!1), G = he(!1), K = !!a, W = Ne(() => f || d ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [f, d, t]), Q = Ne(() => {
     let o;
     if (t)
       o = t;
     else if (e && r && !K)
-      o = W ? Et(e, r) : kt(e, r);
+      o = W ? At(e, r) : _t(e, r);
     else if (e)
-      o = W ? St(e) : `https://host.vpplayer.tech/player/${e}.js`;
+      o = W ? Tt(e) : `https://host.vpplayer.tech/player/${e}.js`;
     else
       return null;
-    return At(o, U);
+    return jt(o, D);
   }, [
     t,
     e,
     r,
     W,
-    U,
+    D,
     K
-  ]), { isLoaded: ee, error: oe } = Ct(
+  ]), { isLoaded: ee, error: oe } = Mt(
     null,
     Q || void 0
   );
-  return Ne(() => {
+  return Ve(() => {
     if (!Q) {
-      D(
+      U(
         "VPPlayer: Provide scriptUrl OR (scriptId + videoId) OR (scriptId + config) to initialize the player."
       );
       return;
     }
     if (oe) {
-      D(oe);
+      U(oe);
       return;
     }
     if (!ee) return;
@@ -1607,52 +1607,52 @@ const $t = ({
       try {
         const c = W ? window.vpVerticalPlayer : window.vpPlayer;
         if (!c) {
-          D(
+          U(
             `VP Player: Script loaded but global function not found. Expected ${W ? "vpVerticalPlayer" : "vpPlayer"}.`
           );
           return;
         }
-        if (await new Promise((h) => setTimeout(h, 0)), !document.getElementById(U)) {
+        if (await new Promise((h) => setTimeout(h, 0)), !document.getElementById(D)) {
           console.error(
-            `VP Player: Container element with ID '${U}' not found in DOM.`
+            `VP Player: Container element with ID '${D}' not found in DOM.`
           );
           return;
         }
-        const R = c(U);
+        const R = c(D);
         if (!R) {
-          D("VP Player: Failed to get player instance.");
+          U("VP Player: Failed to get player instance.");
           return;
         }
         if (o) {
-          if (H.current = R, D(null), K && a) {
+          if (H.current = R, U(null), K && a) {
             let h;
-            const u = await Ot(
+            const u = await Ft(
               e,
               r,
               W
             );
-            u ? h = mr(u, a) : h = a, n && !h.projectId && (h.projectId = n);
+            u ? h = br(u, a) : h = a, n && !h.projectId && (h.projectId = n);
             try {
               R.setup(h);
             } catch (l) {
-              const y = l instanceof Error ? l.message : String(l);
-              if (y.includes("already initialized")) {
+              const x = l instanceof Error ? l.message : String(l);
+              if (x.includes("already initialized")) {
                 console.warn(
                   "VP Player: Player already initialized, attempting to destroy and retry."
                 );
                 try {
-                  if ((i = R.destroy) == null || i.call(R), await new Promise((k) => setTimeout(k, 50)), o && document.getElementById(U)) {
-                    const k = c(U);
-                    k && (k.setup(h), H.current = k);
+                  if ((i = R.destroy) == null || i.call(R), await new Promise((E) => setTimeout(E, 50)), o && document.getElementById(D)) {
+                    const E = c(D);
+                    E && (E.setup(h), H.current = E);
                   }
-                } catch (k) {
+                } catch (E) {
                   console.error(
                     "VP Player: Failed to recover from initialization error",
-                    k
+                    E
                   );
                 }
               } else {
-                console.error("VP Player: Setup error", l), D(`Player setup failed: ${y}`);
+                console.error("VP Player: Setup error", l), U(`Player setup failed: ${x}`);
                 return;
               }
             }
@@ -1660,9 +1660,19 @@ const $t = ({
           if (R.on) {
             const h = R.on.bind(R);
             h("vp-event", (u) => {
-              var k, J, se, pe, We;
-              const l = u, y = l == null ? void 0 : l.eventName;
-              W && (y === "vp-state-paused" && ((((k = R.isEnded) == null ? void 0 : k.call(R)) ?? !1) || (B.current = !0, (se = (J = p.current).onPause) == null || se.call(J))), y === "vp-state-playing" && (B.current && ((We = (pe = p.current).onResume) == null || We.call(pe)), B.current = !1), y === "vp-video-switch" && (B.current = !1), y === "vp-video-completed" && (B.current = !1));
+              var E, J, se, ce, qe, He, Ge;
+              const l = u, x = l == null ? void 0 : l.eventName;
+              if (W) {
+                if (x === "play") {
+                  const Fe = R.videoObject;
+                  (J = (E = p.current).onPlay) == null || J.call(E, Fe);
+                }
+                if (x === "vp-state-paused") {
+                  const Me = ((se = R.isEnded) == null ? void 0 : se.call(R)) ?? !1, Fe = (l == null ? void 0 : l.interaction) ?? !0;
+                  !Me && Fe && (G.current = !0, (qe = (ce = p.current).onPause) == null || qe.call(ce));
+                }
+                x === "vp-state-playing" && (((l == null ? void 0 : l.interaction) ?? G.current) && G.current && ((Ge = (He = p.current).onResume) == null || Ge.call(He)), G.current = !1), x === "vp-video-switch" && (G.current = !1), x === "vp-video-completed" && (G.current = !1);
+              }
             }), h("analytics-25%-completed", () => {
               var u, l;
               (l = (u = p.current).onQuartile25) == null || l.call(u);
@@ -1676,38 +1686,32 @@ const $t = ({
               var u, l;
               (l = (u = p.current).onPause) == null || l.call(u);
             }), h("error", (u) => {
-              var y, k;
+              var x, E;
               const l = typeof u == "string" ? u : (u == null ? void 0 : u.message) || "Unknown error";
-              (k = (y = p.current).onError) == null || k.call(y, l);
-            }), W ? (h("play", () => {
-              var y, k;
+              (E = (x = p.current).onError) == null || E.call(x, l);
+            }), W ? (h("vp-first-frame", () => {
+              var x, E;
               const l = R.videoObject;
-              (k = (y = p.current).onPlay) == null || k.call(y, l);
-            }), h("vp-first-frame", () => {
-              var y, k;
-              const l = R.videoObject;
-              (k = (y = p.current).onReady) == null || k.call(y, l);
+              (E = (x = p.current).onReady) == null || E.call(x, l);
             }), h("vp-video-started", (u) => {
-              var l, y;
-              (y = (l = p.current).onVideoStarted) == null || y.call(l, u);
+              var l, x;
+              (x = (l = p.current).onVideoStarted) == null || x.call(l, u);
             }), h("vp-twenty-view", () => {
-              var l, y, k;
+              var l, x, E;
               const u = ((l = R.getPosition) == null ? void 0 : l.call(R)) ?? 20;
-              (k = (y = p.current).onProgress20s) == null || k.call(y, Math.floor(u));
+              (E = (x = p.current).onProgress20s) == null || E.call(x, Math.floor(u));
             }), h("vp-video-state", () => {
-              var l, y, k;
+              var l, x, E;
               const u = ((l = R.getPosition) == null ? void 0 : l.call(R)) ?? 0;
-              (k = (y = p.current).onProgress10s) == null || k.call(y, Math.floor(u));
+              (E = (x = p.current).onProgress10s) == null || E.call(x, Math.floor(u));
             }), h("vp-time", (u) => {
-              var y, k, J;
+              var x, E, J;
               let l = 0;
-              typeof u == "number" ? l = u : u && typeof u == "object" && "position" in u ? l = u.position : l = ((y = R.getPosition) == null ? void 0 : y.call(R)) ?? 0, (J = (k = p.current).onTimeUpdate) == null || J.call(k, l);
-            }), h("vp-video-switch", () => {
-              queueMicrotask(() => {
-                var y, k, J, se;
-                const l = R._switchDirection;
-                l === "next" ? (k = (y = p.current).onNext) == null || k.call(y) : l === "previous" && ((se = (J = p.current).onPrevious) == null || se.call(J));
-              });
+              typeof u == "number" ? l = u : u && typeof u == "object" && "position" in u ? l = u.position : l = ((x = R.getPosition) == null ? void 0 : x.call(R)) ?? 0, (J = (E = p.current).onTimeUpdate) == null || J.call(E, l);
+            }), h("vp-video-switch", (u) => {
+              var E, J, se, ce;
+              const l = u, x = l == null ? void 0 : l.direction;
+              x === "next" ? (J = (E = p.current).onNext) == null || J.call(E) : x === "prev" && ((ce = (se = p.current).onPrevious) == null || ce.call(se));
             }), h("vp-video-completed", () => {
               var u, l;
               (l = (u = p.current).onComplete) == null || l.call(u);
@@ -1721,16 +1725,16 @@ const $t = ({
               var u, l;
               (l = (u = p.current).onComplete) == null || l.call(u), ae.current = !1;
             }), h("video-started", (u) => {
-              var l, y;
-              (y = (l = p.current).onVideoStarted) == null || y.call(l, u);
+              var l, x;
+              (x = (l = p.current).onVideoStarted) == null || x.call(l, u);
             }), h("video-state", () => {
-              var l, y, k;
+              var l, x, E;
               const u = ((l = R.getPosition) == null ? void 0 : l.call(R)) ?? 0;
-              (k = (y = p.current).onProgress10s) == null || k.call(y, Math.floor(u));
+              (E = (x = p.current).onProgress10s) == null || E.call(x, Math.floor(u));
             }), h("time", (u) => {
-              var y, k, J, se, pe;
+              var x, E, J, se, ce;
               let l = 0;
-              typeof u == "number" ? l = u : u && typeof u == "object" && "position" in u ? l = u.position : l = ((y = R.getPosition) == null ? void 0 : y.call(R)) ?? 0, (J = (k = p.current).onTimeUpdate) == null || J.call(k, l), !ae.current && l >= 20 && (ae.current = !0, (pe = (se = p.current).onProgress20s) == null || pe.call(se, Math.floor(l)));
+              typeof u == "number" ? l = u : u && typeof u == "object" && "position" in u ? l = u.position : l = ((x = R.getPosition) == null ? void 0 : x.call(R)) ?? 0, (J = (E = p.current).onTimeUpdate) == null || J.call(E, l), !ae.current && l >= 20 && (ae.current = !0, (ce = (se = p.current).onProgress20s) == null || ce.call(se, Math.floor(l)));
             }), h("playlistItem", () => {
               var u, l;
               (l = (u = p.current).onNext) == null || l.call(u), ae.current = !1;
@@ -1740,7 +1744,7 @@ const $t = ({
       } catch (c) {
         if (o) {
           const N = c instanceof Error ? c.message : String(c);
-          D(N), console.error("VP Player initialization error:", c);
+          U(N), console.error("VP Player initialization error:", c);
         }
       }
     })(), () => {
@@ -1755,7 +1759,7 @@ const $t = ({
     };
   }, [
     ee,
-    U,
+    D,
     oe,
     Q,
     W,
@@ -1765,14 +1769,14 @@ const $t = ({
     r,
     n
   ]), {
-    playerRef: E,
+    playerRef: S,
     playerInstanceRef: H,
     isScriptLoaded: ee,
     isLoading: !ee && !Z,
     error: Z,
-    generatedPlayerId: U
+    generatedPlayerId: D
   };
-}, jt = nr(
+}, Lt = sr(
   ({
     scriptId: e,
     videoId: r,
@@ -1783,33 +1787,33 @@ const $t = ({
     isVertical: f = !1,
     isReels: d = !1,
     thumbnailUrl: P,
-    onClose: v,
+    onClose: y,
     className: m,
-    hiddenClasses: b = [],
+    hiddenClasses: v = [],
     onReady: $,
     onPlay: C,
     onPause: O,
-    onResume: x,
+    onResume: b,
     onComplete: w,
-    onError: S,
+    onError: k,
     onVideoStarted: A,
     onTimeUpdate: M,
     onQuartile25: V,
     onQuartile50: I,
     onQuartile75: j,
-    onNext: E,
+    onNext: S,
     onPrevious: H,
     onProgress10s: Z,
-    onProgress20s: D
+    onProgress20s: U
   }, X) => {
     const {
-      playerRef: U,
+      playerRef: D,
       playerInstanceRef: p,
       isScriptLoaded: ae,
-      isLoading: B,
+      isLoading: G,
       error: K,
       generatedPlayerId: W
-    } = $t({
+    } = Nt({
       scriptId: e,
       videoId: r,
       scriptUrl: t,
@@ -1821,20 +1825,20 @@ const $t = ({
       onReady: $,
       onPlay: C,
       onPause: O,
-      onResume: x,
+      onResume: b,
       onComplete: w,
-      onError: S,
+      onError: k,
       onVideoStarted: A,
       onTimeUpdate: M,
       onQuartile25: V,
       onQuartile50: I,
       onQuartile75: j,
-      onNext: E,
+      onNext: S,
       onPrevious: H,
       onProgress10s: Z,
-      onProgress20s: D
+      onProgress20s: U
     });
-    br(
+    kr(
       X,
       () => ({
         play: () => {
@@ -1923,10 +1927,10 @@ const $t = ({
     );
     const [Q, ee] = Ae(!0), oe = () => d && ee(!0), o = () => {
       var i, c;
-      !d || !Q || (ee(!1), (c = (i = p.current) == null ? void 0 : i.pause) == null || c.call(i), v == null || v());
+      !d || !Q || (ee(!1), (c = (i = p.current) == null ? void 0 : i.pause) == null || c.call(i), y == null || y());
     };
     if (K)
-      return /* @__PURE__ */ L.jsxs(rr, { type: "error", children: [
+      return /* @__PURE__ */ L.jsxs(ir, { type: "error", children: [
         "An error occurred: ",
         K
       ] });
@@ -1945,7 +1949,7 @@ const $t = ({
           background: "rgba(0,0,0,0.8)",
           zIndex: 10
         },
-        children: /* @__PURE__ */ L.jsx(rr, { type: "loading", children: "Loading..." })
+        children: /* @__PURE__ */ L.jsx(ir, { type: "loading", children: "Loading..." })
       }
     );
     return d ? /* @__PURE__ */ L.jsxs(L.Fragment, { children: [
@@ -1963,8 +1967,8 @@ const $t = ({
           }
         }
       ),
-      Q && /* @__PURE__ */ L.jsx(xt, { onClick: o, className: m, children: /* @__PURE__ */ L.jsx(
-        wt,
+      Q && /* @__PURE__ */ L.jsx(St, { onClick: o, className: m, children: /* @__PURE__ */ L.jsx(
+        Et,
         {
           className: m,
           onClick: (i) => i.stopPropagation(),
@@ -1978,17 +1982,17 @@ const $t = ({
               },
               children: [
                 /* @__PURE__ */ L.jsx(
-                  tr,
+                  or,
                   {
                     id: W,
-                    ref: U,
+                    ref: D,
                     width: "100%",
                     height: "100%",
-                    $hiddenClasses: b,
+                    $hiddenClasses: v,
                     className: m
                   }
                 ),
-                (B || !ae) && /* @__PURE__ */ L.jsx(g, {})
+                (G || !ae) && /* @__PURE__ */ L.jsx(g, {})
               ]
             }
           )
@@ -1996,33 +2000,33 @@ const $t = ({
       ) })
     ] }) : /* @__PURE__ */ L.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
       /* @__PURE__ */ L.jsx(
-        tr,
+        or,
         {
           id: W,
-          ref: U,
+          ref: D,
           width: "100%",
           height: "100%",
-          $hiddenClasses: b,
+          $hiddenClasses: v,
           className: m
         }
       ),
-      (B || !ae) && /* @__PURE__ */ L.jsx(g, {})
+      (G || !ae) && /* @__PURE__ */ L.jsx(g, {})
     ] });
   }
 );
-jt.displayName = "VPPlayer";
+Lt.displayName = "VPPlayer";
 export {
-  xt as Overlay,
-  tr as PlayerContainer,
-  wt as PlayerWrapper,
-  jt as VPPlayer,
-  ce as VP_PLAYER_BASE_URL,
-  At as appendDivIdToUrl,
-  Tt as generatePlayerId,
-  kt as getFullyManagedPlayerScriptUrl,
-  Nt as getManagedPlayerScriptUrl,
-  Pt as getPlayerScriptUrl,
-  St as getVerticalPlayerScriptUrl,
-  $t as useVPPlayerLogic,
-  Ct as useVPPlayerScript
+  St as Overlay,
+  or as PlayerContainer,
+  Et as PlayerWrapper,
+  Lt as VPPlayer,
+  le as VP_PLAYER_BASE_URL,
+  jt as appendDivIdToUrl,
+  $t as generatePlayerId,
+  _t as getFullyManagedPlayerScriptUrl,
+  It as getManagedPlayerScriptUrl,
+  Rt as getPlayerScriptUrl,
+  Tt as getVerticalPlayerScriptUrl,
+  Nt as useVPPlayerLogic,
+  Mt as useVPPlayerScript
 };