@devix-technologies/react-gjirafa-vp-player 1.0.31-beta.11 → 1.0.31-beta.12

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

@@ -1,4 +1,4 @@
-import * as ie from "react";
+import * as se from "react";
 import br, { forwardRef as or, useContext as xr, useState as $e, useEffect as Le, useRef as ge, useId as wr, useMemo as Fe, useImperativeHandle as Pr } from "react";
 var ke = { exports: {} }, me = {};
 /**
@@ -15,18 +15,18 @@ function kr() {
   if (He) return me;
   He = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function t(a, o, s) {
+  function t(n, a, s) {
     var f = null;
-    if (s !== void 0 && (f = "" + s), o.key !== void 0 && (f = "" + o.key), "key" in o) {
+    if (s !== void 0 && (f = "" + s), a.key !== void 0 && (f = "" + a.key), "key" in a) {
       s = {};
-      for (var d in o)
-        d !== "key" && (s[d] = o[d]);
-    } else s = o;
-    return o = s.ref, {
+      for (var d in a)
+        d !== "key" && (s[d] = a[d]);
+    } else s = a;
+    return a = s.ref, {
       $$typeof: e,
-      type: a,
+      type: n,
       key: f,
-      ref: o !== void 0 ? o : null,
+      ref: a !== void 0 ? a : null,
       props: s
     };
   }
@@ -48,16 +48,16 @@ function Sr() {
     function e(i) {
       if (i == null) return null;
       if (typeof i == "function")
-        return i.$$typeof === X ? null : i.displayName || i.name || null;
+        return i.$$typeof === J ? null : i.displayName || i.name || null;
       if (typeof i == "string") return i;
       switch (i) {
-        case b:
+        case x:
           return "Fragment";
-        case A:
+        case T:
           return "Profiler";
         case k:
           return "StrictMode";
-        case F:
+        case M:
           return "Suspense";
         case S:
           return "SuspenseList";
@@ -68,21 +68,21 @@ function Sr() {
         switch (typeof i.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), i.$$typeof) {
-          case y:
+          case b:
             return "Portal";
           case z:
             return i.displayName || "Context";
-          case N:
+          case F:
             return (i._context.displayName || "Context") + ".Consumer";
           case D:
-            var n = i.render;
-            return i = i.displayName, i || (i = n.displayName || n.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
-          case H:
-            return n = i.displayName || null, n !== null ? n : e(i.type) || "Memo";
-          case Q:
-            n = i._payload, i = i._init;
+            var m = i.render;
+            return i = i.displayName, i || (i = m.displayName || m.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
+          case G:
+            return m = i.displayName || null, m !== null ? m : e(i.type) || "Memo";
+          case K:
+            m = i._payload, i = i._init;
             try {
-              return e(i(n));
+              return e(i(m));
             } catch {
             }
         }
@@ -94,74 +94,74 @@ function Sr() {
     function t(i) {
       try {
         r(i);
-        var n = !1;
+        var m = !1;
       } catch {
-        n = !0;
+        m = !0;
       }
-      if (n) {
-        n = console;
-        var c = n.error, v = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return c.call(
-          n,
+      if (m) {
+        m = console;
+        var o = m.error, c = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return o.call(
+          m,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          v
+          c
         ), r(i);
       }
     }
-    function a(i) {
-      if (i === b) return "<>";
-      if (typeof i == "object" && i !== null && i.$$typeof === Q)
+    function n(i) {
+      if (i === x) return "<>";
+      if (typeof i == "object" && i !== null && i.$$typeof === K)
         return "<...>";
       try {
-        var n = e(i);
-        return n ? "<" + n + ">" : "<...>";
+        var m = e(i);
+        return m ? "<" + m + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var i = w.A;
+    function a() {
+      var i = Y.A;
       return i === null ? null : i.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
     function f(i) {
-      if (T.call(i, "key")) {
-        var n = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (n && n.isReactWarning) return !1;
+      if (p.call(i, "key")) {
+        var m = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (m && m.isReactWarning) return !1;
       }
       return i.key !== void 0;
     }
-    function d(i, n) {
-      function c() {
-        ee || (ee = !0, console.error(
+    function d(i, m) {
+      function o() {
+        re || (re = !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)",
-          n
+          m
         ));
       }
-      c.isReactWarning = !0, Object.defineProperty(i, "key", {
-        get: c,
+      o.isReactWarning = !0, Object.defineProperty(i, "key", {
+        get: o,
         configurable: !0
       });
     }
-    function x() {
+    function w() {
       var i = e(this.type);
       return V[i] || (V[i] = !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;
     }
-    function g(i, n, c, v, le, $) {
-      var p = c.ref;
+    function y(i, m, o, c, L, A) {
+      var h = o.ref;
       return i = {
-        $$typeof: O,
+        $$typeof: C,
         type: i,
-        key: n,
-        props: c,
-        _owner: v
-      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(i, "ref", {
+        key: m,
+        props: o,
+        _owner: c
+      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(i, "ref", {
         enumerable: !1,
-        get: x
+        get: w
       }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -176,99 +176,99 @@ function Sr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: le
+        value: L
       }), Object.defineProperty(i, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: $
+        value: A
       }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
     }
-    function h(i, n, c, v, le, $) {
-      var p = n.children;
-      if (p !== void 0)
-        if (v)
-          if (G(p)) {
-            for (v = 0; v < p.length; v++)
-              m(p[v]);
-            Object.freeze && Object.freeze(p);
+    function g(i, m, o, c, L, A) {
+      var h = m.children;
+      if (h !== void 0)
+        if (c)
+          if (B(h)) {
+            for (c = 0; c < h.length; 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 m(p);
-      if (T.call(n, "key")) {
-        p = e(i);
-        var E = Object.keys(n).filter(function(l) {
+        else v(h);
+      if (p.call(m, "key")) {
+        h = e(i);
+        var E = Object.keys(m).filter(function(l) {
           return l !== "key";
         });
-        v = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", se[p + v] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+        c = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", ce[h + c] || (E = 0 < E.length ? "{" + E.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} />`,
-          v,
-          p,
+          c,
+          h,
           E,
-          p
-        ), se[p + v] = !0);
+          h
+        ), ce[h + c] = !0);
       }
-      if (p = null, c !== void 0 && (t(c), p = "" + c), f(n) && (t(n.key), p = "" + n.key), "key" in n) {
-        c = {};
-        for (var u in n)
-          u !== "key" && (c[u] = n[u]);
-      } else c = n;
-      return p && d(
-        c,
+      if (h = null, o !== void 0 && (t(o), h = "" + o), f(m) && (t(m.key), h = "" + m.key), "key" in m) {
+        o = {};
+        for (var u in m)
+          u !== "key" && (o[u] = m[u]);
+      } else o = m;
+      return h && d(
+        o,
         typeof i == "function" ? i.displayName || i.name || "Unknown" : i
-      ), g(
+      ), y(
         i,
-        p,
-        c,
-        o(),
-        le,
-        $
+        h,
+        o,
+        a(),
+        L,
+        A
       );
     }
-    function m(i) {
-      M(i) ? i._store && (i._store.validated = 1) : typeof i == "object" && i !== null && i.$$typeof === Q && (i._payload.status === "fulfilled" ? M(i._payload.value) && i._payload.value._store && (i._payload.value._store.validated = 1) : i._store && (i._store.validated = 1));
+    function v(i) {
+      j(i) ? i._store && (i._store.validated = 1) : typeof i == "object" && i !== null && i.$$typeof === K && (i._payload.status === "fulfilled" ? j(i._payload.value) && i._payload.value._store && (i._payload.value._store.validated = 1) : i._store && (i._store.validated = 1));
     }
-    function M(i) {
-      return typeof i == "object" && i !== null && i.$$typeof === O;
+    function j(i) {
+      return typeof i == "object" && i !== null && i.$$typeof === C;
     }
-    var C = br, O = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), z = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), H = Symbol.for("react.memo"), Q = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), w = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, T = Object.prototype.hasOwnProperty, G = Array.isArray, K = console.createTask ? console.createTask : function() {
+    var $ = br, C = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), F = Symbol.for("react.consumer"), z = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), G = Symbol.for("react.memo"), K = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), J = Symbol.for("react.client.reference"), Y = $.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, p = Object.prototype.hasOwnProperty, B = Array.isArray, ee = console.createTask ? console.createTask : function() {
       return null;
     };
-    C = {
+    $ = {
       react_stack_bottom_frame: function(i) {
         return i();
       }
     };
-    var ee, V = {}, ae = C.react_stack_bottom_frame.bind(
-      C,
+    var re, V = {}, te = $.react_stack_bottom_frame.bind(
+      $,
       s
-    )(), oe = K(a(s)), se = {};
-    ye.Fragment = b, ye.jsx = function(i, n, c) {
-      var v = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return h(
+    )(), ne = ee(n(s)), ce = {};
+    ye.Fragment = x, ye.jsx = function(i, m, o) {
+      var c = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return g(
         i,
-        n,
-        c,
+        m,
+        o,
         !1,
-        v ? Error("react-stack-top-frame") : ae,
-        v ? K(a(i)) : oe
+        c ? Error("react-stack-top-frame") : te,
+        c ? ee(n(i)) : ne
       );
-    }, ye.jsxs = function(i, n, c) {
-      var v = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return h(
+    }, ye.jsxs = function(i, m, o) {
+      var c = 1e4 > Y.recentlyCreatedOwnerStacks++;
+      return g(
         i,
-        n,
-        c,
+        m,
+        o,
         !0,
-        v ? Error("react-stack-top-frame") : ae,
-        v ? K(a(i)) : oe
+        c ? Error("react-stack-top-frame") : te,
+        c ? ee(n(i)) : ne
       );
     };
   })()), ye;
@@ -282,7 +282,7 @@ function Ve() {
   return Ve = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
       var t = arguments[r];
-      for (var a in t) ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
+      for (var n in t) ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
     }
     return e;
   }, Ve.apply(null, arguments);
@@ -300,34 +300,34 @@ function _r(e) {
 }
 var Tr = /* @__PURE__ */ (function() {
   function e(t) {
-    var a = this;
-    this._insertTag = function(o) {
+    var n = this;
+    this._insertTag = function(a) {
       var s;
-      a.tags.length === 0 ? a.insertionPoint ? s = a.insertionPoint.nextSibling : a.prepend ? s = a.container.firstChild : s = a.before : s = a.tags[a.tags.length - 1].nextSibling, a.container.insertBefore(o, s), a.tags.push(o);
+      n.tags.length === 0 ? n.insertionPoint ? s = n.insertionPoint.nextSibling : n.prepend ? s = n.container.firstChild : s = n.before : s = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(a, s), n.tags.push(a);
     }, this.isSpeedy = t.speedy === void 0 ? !0 : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
   }
   var r = e.prototype;
-  return r.hydrate = function(a) {
-    a.forEach(this._insertTag);
-  }, r.insert = function(a) {
+  return r.hydrate = function(n) {
+    n.forEach(this._insertTag);
+  }, r.insert = function(n) {
     this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(_r(this));
-    var o = this.tags[this.tags.length - 1];
+    var a = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var s = Rr(o);
+      var s = Rr(a);
       try {
-        s.insertRule(a, s.cssRules.length);
+        s.insertRule(n, s.cssRules.length);
       } catch {
       }
     } else
-      o.appendChild(document.createTextNode(a));
+      a.appendChild(document.createTextNode(n));
     this.ctr++;
   }, r.flush = function() {
-    this.tags.forEach(function(a) {
-      var o;
-      return (o = a.parentNode) == null ? void 0 : o.removeChild(a);
+    this.tags.forEach(function(n) {
+      var a;
+      return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-})(), Y = "-ms-", Ce = "-moz-", R = "-webkit-", ir = "comm", De = "rule", Ue = "decl", Ar = "@import", sr = "@keyframes", $r = "@layer", Cr = Math.abs, Oe = String.fromCharCode, Or = Object.assign;
+})(), q = "-ms-", Ce = "-moz-", R = "-webkit-", ir = "comm", De = "rule", Ue = "decl", Ar = "@import", sr = "@keyframes", $r = "@layer", Cr = Math.abs, Oe = String.fromCharCode, Or = Object.assign;
 function jr(e, r) {
   return U(e, 0) ^ 45 ? (((r << 2 ^ U(e, 0)) << 2 ^ U(e, 1)) << 2 ^ U(e, 2)) << 2 ^ U(e, 3) : 0;
 }
@@ -349,7 +349,7 @@ function U(e, r) {
 function be(e, r, t) {
   return e.slice(r, t);
 }
-function re(e) {
+function ae(e) {
   return e.length;
 }
 function We(e) {
@@ -361,27 +361,27 @@ function Se(e, r) {
 function Fr(e, r) {
   return e.map(r).join("");
 }
-var je = 1, de = 1, lr = 0, q = 0, L = 0, he = "";
-function Me(e, r, t, a, o, s, f) {
-  return { value: e, root: r, parent: t, type: a, props: o, children: s, line: je, column: de, length: f, return: "" };
+var je = 1, de = 1, lr = 0, H = 0, N = 0, he = "";
+function Me(e, r, t, n, a, s, f) {
+  return { value: e, root: r, parent: t, type: n, props: a, children: s, line: je, column: de, length: f, return: "" };
 }
 function ve(e, r) {
   return Or(Me("", null, null, "", null, null, 0), e, { length: -e.length }, r);
 }
 function Nr() {
-  return L;
+  return N;
 }
 function Lr() {
-  return L = q > 0 ? U(he, --q) : 0, de--, L === 10 && (de = 1, je--), L;
+  return N = H > 0 ? U(he, --H) : 0, de--, N === 10 && (de = 1, je--), N;
 }
-function B() {
-  return L = q < lr ? U(he, q++) : 0, de++, L === 10 && (de = 1, je++), L;
+function X() {
+  return N = H < lr ? U(he, H++) : 0, de++, N === 10 && (de = 1, je++), N;
 }
-function ne() {
-  return U(he, q);
+function ie() {
+  return U(he, H);
 }
 function _e() {
-  return q;
+  return H;
 }
 function Pe(e, r) {
   return be(he, e, r);
@@ -425,34 +425,34 @@ function xe(e) {
   return 0;
 }
 function ur(e) {
-  return je = de = 1, lr = re(he = e), q = 0, [];
+  return je = de = 1, lr = ae(he = e), H = 0, [];
 }
 function fr(e) {
   return he = "", e;
 }
 function Te(e) {
-  return cr(Pe(q - 1, ze(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return cr(Pe(H - 1, ze(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Vr(e) {
-  for (; (L = ne()) && L < 33; )
-    B();
-  return xe(e) > 2 || xe(L) > 3 ? "" : " ";
+  for (; (N = ie()) && N < 33; )
+    X();
+  return xe(e) > 2 || xe(N) > 3 ? "" : " ";
 }
 function Ir(e, r) {
-  for (; --r && B() && !(L < 48 || L > 102 || L > 57 && L < 65 || L > 70 && L < 97); )
+  for (; --r && X() && !(N < 48 || N > 102 || N > 57 && N < 65 || N > 70 && N < 97); )
     ;
-  return Pe(e, _e() + (r < 6 && ne() == 32 && B() == 32));
+  return Pe(e, _e() + (r < 6 && ie() == 32 && X() == 32));
 }
 function ze(e) {
-  for (; B(); )
-    switch (L) {
+  for (; X(); )
+    switch (N) {
       // ] ) " '
       case e:
-        return q;
+        return H;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && ze(L);
+        e !== 34 && e !== 39 && ze(N);
         break;
       // (
       case 40:
@@ -460,46 +460,46 @@ function ze(e) {
         break;
       // \
       case 92:
-        B();
+        X();
         break;
     }
-  return q;
+  return H;
 }
 function zr(e, r) {
-  for (; B() && e + L !== 57; )
-    if (e + L === 84 && ne() === 47)
+  for (; X() && e + N !== 57; )
+    if (e + N === 84 && ie() === 47)
       break;
-  return "/*" + Pe(r, q - 1) + "*" + Oe(e === 47 ? e : B());
+  return "/*" + Pe(r, H - 1) + "*" + Oe(e === 47 ? e : X());
 }
 function Dr(e) {
-  for (; !xe(ne()); )
-    B();
-  return Pe(e, q);
+  for (; !xe(ie()); )
+    X();
+  return Pe(e, H);
 }
 function Ur(e) {
   return fr(Ae("", null, null, null, [""], e = ur(e), 0, [0], e));
 }
-function Ae(e, r, t, a, o, s, f, d, x) {
-  for (var g = 0, h = 0, m = f, M = 0, C = 0, O = 0, y = 1, b = 1, k = 1, A = 0, N = "", z = o, D = s, F = a, S = N; b; )
-    switch (O = A, A = B()) {
+function Ae(e, r, t, n, a, s, f, d, w) {
+  for (var y = 0, g = 0, v = f, j = 0, $ = 0, C = 0, b = 1, x = 1, k = 1, T = 0, F = "", z = a, D = s, M = n, S = F; x; )
+    switch (C = T, T = X()) {
       // (
       case 40:
-        if (O != 108 && U(S, m - 1) == 58) {
-          Ie(S += _(Te(A), "&", "&\f"), "&\f") != -1 && (k = -1);
+        if (C != 108 && U(S, v - 1) == 58) {
+          Ie(S += _(Te(T), "&", "&\f"), "&\f") != -1 && (k = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        S += Te(A);
+        S += Te(T);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        S += Vr(O);
+        S += Vr(C);
         break;
       // \
       case 92:
@@ -507,102 +507,102 @@ function Ae(e, r, t, a, o, s, f, d, x) {
         continue;
       // /
       case 47:
-        switch (ne()) {
+        switch (ie()) {
           case 42:
           case 47:
-            Se(Wr(zr(B(), _e()), r, t), x);
+            Se(Wr(zr(X(), _e()), r, t), w);
             break;
           default:
             S += "/";
         }
         break;
       // {
-      case 123 * y:
-        d[g++] = re(S) * k;
+      case 123 * b:
+        d[y++] = ae(S) * k;
       // } ; \0
-      case 125 * y:
+      case 125 * b:
       case 59:
       case 0:
-        switch (A) {
+        switch (T) {
           // \0 }
           case 0:
           case 125:
-            b = 0;
+            x = 0;
           // ;
-          case 59 + h:
-            k == -1 && (S = _(S, /\f/g, "")), C > 0 && re(S) - m && Se(C > 32 ? Je(S + ";", a, t, m - 1) : Je(_(S, " ", "") + ";", a, t, m - 2), x);
+          case 59 + g:
+            k == -1 && (S = _(S, /\f/g, "")), $ > 0 && ae(S) - v && Se($ > 32 ? Je(S + ";", n, t, v - 1) : Je(_(S, " ", "") + ";", n, t, v - 2), w);
             break;
           // @ ;
           case 59:
             S += ";";
           // { rule/at-rule
           default:
-            if (Se(F = Xe(S, r, t, g, h, o, d, N, z = [], D = [], m), s), A === 123)
-              if (h === 0)
-                Ae(S, r, F, F, z, s, m, d, D);
+            if (Se(M = Xe(S, r, t, y, g, a, d, F, z = [], D = [], v), s), T === 123)
+              if (g === 0)
+                Ae(S, r, M, M, z, s, v, d, D);
               else
-                switch (M === 99 && U(S, 3) === 110 ? 100 : M) {
+                switch (j === 99 && U(S, 3) === 110 ? 100 : j) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Ae(e, F, F, a && Se(Xe(e, F, F, 0, 0, o, d, N, o, z = [], m), D), o, D, m, d, a ? z : D);
+                    Ae(e, M, M, n && Se(Xe(e, M, M, 0, 0, a, d, F, a, z = [], v), D), a, D, v, d, n ? z : D);
                     break;
                   default:
-                    Ae(S, F, F, F, [""], D, 0, d, D);
+                    Ae(S, M, M, M, [""], D, 0, d, D);
                 }
         }
-        g = h = C = 0, y = k = 1, N = S = "", m = f;
+        y = g = $ = 0, b = k = 1, F = S = "", v = f;
         break;
       // :
       case 58:
-        m = 1 + re(S), C = O;
+        v = 1 + ae(S), $ = C;
       default:
-        if (y < 1) {
-          if (A == 123)
-            --y;
-          else if (A == 125 && y++ == 0 && Lr() == 125)
+        if (b < 1) {
+          if (T == 123)
+            --b;
+          else if (T == 125 && b++ == 0 && Lr() == 125)
             continue;
         }
-        switch (S += Oe(A), A * y) {
+        switch (S += Oe(T), T * b) {
           // &
           case 38:
-            k = h > 0 ? 1 : (S += "\f", -1);
+            k = g > 0 ? 1 : (S += "\f", -1);
             break;
           // ,
           case 44:
-            d[g++] = (re(S) - 1) * k, k = 1;
+            d[y++] = (ae(S) - 1) * k, k = 1;
             break;
           // @
           case 64:
-            ne() === 45 && (S += Te(B())), M = ne(), h = m = re(N = S += Dr(_e())), A++;
+            ie() === 45 && (S += Te(X())), j = ie(), g = v = ae(F = S += Dr(_e())), T++;
             break;
           // -
           case 45:
-            O === 45 && re(S) == 2 && (y = 0);
+            C === 45 && ae(S) == 2 && (b = 0);
         }
     }
   return s;
 }
-function Xe(e, r, t, a, o, s, f, d, x, g, h) {
-  for (var m = o - 1, M = o === 0 ? s : [""], C = We(M), O = 0, y = 0, b = 0; O < a; ++O)
-    for (var k = 0, A = be(e, m + 1, m = Cr(y = f[O])), N = e; k < C; ++k)
-      (N = cr(y > 0 ? M[k] + " " + A : _(A, /&\f/g, M[k]))) && (x[b++] = N);
-  return Me(e, r, t, o === 0 ? De : d, x, g, h);
+function Xe(e, r, t, n, a, s, f, d, w, y, g) {
+  for (var v = a - 1, j = a === 0 ? s : [""], $ = We(j), C = 0, b = 0, x = 0; C < n; ++C)
+    for (var k = 0, T = be(e, v + 1, v = Cr(b = f[C])), F = e; k < $; ++k)
+      (F = cr(b > 0 ? j[k] + " " + T : _(T, /&\f/g, j[k]))) && (w[x++] = F);
+  return Me(e, r, t, a === 0 ? De : d, w, y, g);
 }
 function Wr(e, r, t) {
   return Me(e, r, t, ir, Oe(Nr()), be(e, 2, -2), 0);
 }
-function Je(e, r, t, a) {
-  return Me(e, r, t, Ue, be(e, 0, a), be(e, a + 1, -1), a);
+function Je(e, r, t, n) {
+  return Me(e, r, t, Ue, be(e, 0, n), be(e, n + 1, -1), n);
 }
 function fe(e, r) {
-  for (var t = "", a = We(e), o = 0; o < a; o++)
-    t += r(e[o], o, e, r) || "";
+  for (var t = "", n = We(e), a = 0; a < n; a++)
+    t += r(e[a], a, e, r) || "";
   return t;
 }
-function Yr(e, r, t, a) {
+function Yr(e, r, t, n) {
   switch (e.type) {
     case $r:
       if (e.children.length) break;
@@ -612,17 +612,17 @@ function Yr(e, r, t, a) {
     case ir:
       return "";
     case sr:
-      return e.return = e.value + "{" + fe(e.children, a) + "}";
+      return e.return = e.value + "{" + fe(e.children, n) + "}";
     case De:
       e.value = e.props.join(",");
   }
-  return re(t = fe(e.children, a)) ? e.return = e.value + "{" + t + "}" : "";
+  return ae(t = fe(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
 }
 function qr(e) {
   var r = We(e);
-  return function(t, a, o, s) {
+  return function(t, n, a, s) {
     for (var f = "", d = 0; d < r; d++)
-      f += e[d](t, a, o, s) || "";
+      f += e[d](t, n, a, s) || "";
     return f;
   };
 }
@@ -637,30 +637,30 @@ function dr(e) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var Gr = function(r, t, a) {
-  for (var o = 0, s = 0; o = s, s = ne(), o === 38 && s === 12 && (t[a] = 1), !xe(s); )
-    B();
-  return Pe(r, q);
+var Gr = function(r, t, n) {
+  for (var a = 0, s = 0; a = s, s = ie(), a === 38 && s === 12 && (t[n] = 1), !xe(s); )
+    X();
+  return Pe(r, H);
 }, Br = function(r, t) {
-  var a = -1, o = 44;
+  var n = -1, a = 44;
   do
-    switch (xe(o)) {
+    switch (xe(a)) {
       case 0:
-        o === 38 && ne() === 12 && (t[a] = 1), r[a] += Gr(q - 1, t, a);
+        a === 38 && ie() === 12 && (t[n] = 1), r[n] += Gr(H - 1, t, n);
         break;
       case 2:
-        r[a] += Te(o);
+        r[n] += Te(a);
         break;
       case 4:
-        if (o === 44) {
-          r[++a] = ne() === 58 ? "&\f" : "", t[a] = r[a].length;
+        if (a === 44) {
+          r[++n] = ie() === 58 ? "&\f" : "", t[n] = r[n].length;
           break;
         }
       // fallthrough
       default:
-        r[a] += Oe(o);
+        r[n] += Oe(a);
     }
-  while (o = B());
+  while (a = X());
   return r;
 }, Xr = function(r, t) {
   return fr(Br(ur(r), t));
@@ -668,13 +668,13 @@ var Gr = function(r, t, a) {
   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, a = r.parent, o = r.column === a.column && r.line === a.line; a.type !== "rule"; )
-      if (a = a.parent, !a) return;
-    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !Ze.get(a)) && !o) {
+    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 && !Ze.get(n)) && !a) {
       Ze.set(r, !0);
-      for (var s = [], f = Xr(t, s), d = a.props, x = 0, g = 0; x < f.length; x++)
-        for (var h = 0; h < d.length; h++, g++)
-          r.props[g] = s[x] ? f[x].replace(/&\f/g, d[h]) : d[h] + " " + f[x];
+      for (var s = [], f = Xr(t, s), d = n.props, w = 0, y = 0; w < f.length; w++)
+        for (var g = 0; g < d.length; g++, y++)
+          r.props[y] = s[w] ? f[w].replace(/&\f/g, d[g]) : d[g] + " " + f[w];
     }
   }
 }, Zr = function(r) {
@@ -726,32 +726,32 @@ function pr(e, r) {
     case 4810:
     case 6968:
     case 2756:
-      return R + e + Ce + e + Y + e + e;
+      return R + e + Ce + e + q + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return R + e + Y + e + e;
+      return R + e + q + e + e;
     // order
     case 6165:
-      return R + e + Y + "flex-" + e + e;
+      return R + e + q + "flex-" + e + e;
     // align-items
     case 5187:
-      return R + e + _(e, /(\w+).+(:[^]+)/, R + "box-$1$2" + Y + "flex-$1$2") + e;
+      return R + e + _(e, /(\w+).+(:[^]+)/, R + "box-$1$2" + q + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return R + e + Y + "flex-item-" + _(e, /flex-|-self/, "") + e;
+      return R + e + q + "flex-item-" + _(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return R + e + Y + "flex-line-pack" + _(e, /align-content|flex-|-self/, "") + e;
+      return R + e + q + "flex-line-pack" + _(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return R + e + Y + _(e, "shrink", "negative") + e;
+      return R + e + q + _(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return R + e + Y + _(e, "basis", "preferred-size") + e;
+      return R + e + q + _(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return R + "box-" + _(e, "-grow", "") + R + e + Y + _(e, "grow", "positive") + e;
+      return R + "box-" + _(e, "-grow", "") + R + e + q + _(e, "grow", "positive") + e;
     // transition
     case 4554:
       return R + _(e, /([^-])(transform)/g, "$1" + R + "$2") + e;
@@ -764,7 +764,7 @@ function pr(e, r) {
       return _(e, /(image-set\([^]*)/, R + "$1$`$1");
     // justify-content
     case 4968:
-      return _(_(e, /(.+:)(flex-)?(.*)/, R + "box-pack:$3" + Y + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + R + e + e;
+      return _(_(e, /(.+:)(flex-)?(.*)/, R + "box-pack:$3" + q + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + R + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
@@ -784,7 +784,7 @@ function pr(e, r) {
     case 5789:
     case 5021:
     case 4765:
-      if (re(e) - 1 - r > 6) switch (U(e, r + 1)) {
+      if (ae(e) - 1 - r > 6) switch (U(e, r + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
           if (U(e, r + 4) !== 45) break;
@@ -801,13 +801,13 @@ function pr(e, r) {
       if (U(e, r + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (U(e, re(e) - 3 - (~Ie(e, "!important") && 10))) {
+      switch (U(e, ae(e) - 3 - (~Ie(e, "!important") && 10))) {
         // stic(k)y
         case 107:
           return _(e, ":", ":" + R) + e;
         // (inline-)?fl(e)x
         case 101:
-          return _(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + R + (U(e, 14) === 45 ? "inline-" : "") + "box$3$1" + R + "$2$3$1" + Y + "$2box$3") + e;
+          return _(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + R + (U(e, 14) === 45 ? "inline-" : "") + "box$3$1" + R + "$2$3$1" + q + "$2box$3") + e;
       }
       break;
     // writing-mode
@@ -815,19 +815,19 @@ function pr(e, r) {
       switch (U(e, r + 11)) {
         // vertical-l(r)
         case 114:
-          return R + e + Y + _(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return R + e + q + _(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return R + e + Y + _(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return R + e + q + _(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return R + e + Y + _(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return R + e + q + _(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return R + e + Y + e + e;
+      return R + e + q + e + e;
   }
   return e;
 }
-var Qr = function(r, t, a, o) {
+var Qr = function(r, t, n, a) {
   if (r.length > -1 && !r.return) switch (r.type) {
     case Ue:
       r.return = pr(r.value, r.length);
@@ -835,7 +835,7 @@ var Qr = function(r, t, a, o) {
     case sr:
       return fe([ve(r, {
         value: _(r.value, "@", "@" + R)
-      })], o);
+      })], a);
     case De:
       if (r.length) return Fr(r.props, function(s) {
         switch (Mr(s, /(::plac\w+|:read-\w+)/)) {
@@ -844,7 +844,7 @@ var Qr = function(r, t, a, o) {
           case ":read-write":
             return fe([ve(r, {
               props: [_(s, /:(read-\w+)/, ":" + Ce + "$1")]
-            })], o);
+            })], a);
           // :placeholder
           case "::placeholder":
             return fe([ve(r, {
@@ -852,8 +852,8 @@ var Qr = function(r, t, a, o) {
             }), ve(r, {
               props: [_(s, /:(plac\w+)/, ":" + Ce + "$1")]
             }), ve(r, {
-              props: [_(s, /:(plac\w+)/, Y + "input-$1")]
-            })], o);
+              props: [_(s, /:(plac\w+)/, q + "input-$1")]
+            })], a);
         }
         return "";
       });
@@ -861,35 +861,35 @@ var Qr = function(r, t, a, o) {
 }, Kr = [Qr], et = function(r) {
   var t = r.key;
   if (t === "css") {
-    var a = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(a, function(y) {
-      var b = y.getAttribute("data-emotion");
-      b.indexOf(" ") !== -1 && (document.head.appendChild(y), y.setAttribute("data-s", ""));
+    var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
+    Array.prototype.forEach.call(n, function(b) {
+      var x = b.getAttribute("data-emotion");
+      x.indexOf(" ") !== -1 && (document.head.appendChild(b), b.setAttribute("data-s", ""));
     });
   }
-  var o = r.stylisPlugins || Kr, s = {}, f, d = [];
+  var a = r.stylisPlugins || Kr, 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(y) {
-      for (var b = y.getAttribute("data-emotion").split(" "), k = 1; k < b.length; k++)
-        s[b[k]] = !0;
-      d.push(y);
+    function(b) {
+      for (var x = b.getAttribute("data-emotion").split(" "), k = 1; k < x.length; k++)
+        s[x[k]] = !0;
+      d.push(b);
     }
   );
-  var x, g = [Jr, Zr];
+  var w, y = [Jr, Zr];
   {
-    var h, m = [Yr, Hr(function(y) {
-      h.insert(y);
-    })], M = qr(g.concat(o, m)), C = function(b) {
-      return fe(Ur(b), M);
+    var g, v = [Yr, Hr(function(b) {
+      g.insert(b);
+    })], j = qr(y.concat(a, v)), $ = function(x) {
+      return fe(Ur(x), j);
     };
-    x = function(b, k, A, N) {
-      h = A, C(b ? b + "{" + k.styles + "}" : k.styles), N && (O.inserted[k.name] = !0);
+    w = function(x, k, T, F) {
+      g = T, $(x ? x + "{" + k.styles + "}" : k.styles), F && (C.inserted[k.name] = !0);
     };
   }
-  var O = {
+  var C = {
     key: t,
     sheet: new Tr({
       key: t,
@@ -902,52 +902,52 @@ var Qr = function(r, t, a, o) {
     nonce: r.nonce,
     inserted: s,
     registered: {},
-    insert: x
+    insert: w
   };
-  return O.sheet.hydrate(d), O;
+  return C.sheet.hydrate(d), C;
 }, rt = !0;
 function tt(e, r, t) {
-  var a = "";
-  return t.split(" ").forEach(function(o) {
-    e[o] !== void 0 ? r.push(e[o] + ";") : o && (a += o + " ");
-  }), a;
+  var n = "";
+  return t.split(" ").forEach(function(a) {
+    e[a] !== void 0 ? r.push(e[a] + ";") : a && (n += a + " ");
+  }), n;
 }
-var hr = function(r, t, a) {
-  var o = r.key + "-" + t.name;
+var hr = 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
   // the tree but if it's a string tag, we know it won't
   // so we don't have to add it to registered cache.
   // this improves memory usage since we can avoid storing the whole style string
-  (a === !1 || // we need to always store it if we're in compat mode and
+  (n === !1 || // we need to always store it if we're in compat mode and
   // 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
-  rt === !1) && r.registered[o] === void 0 && (r.registered[o] = t.styles);
-}, nt = function(r, t, a) {
-  hr(r, t, a);
-  var o = r.key + "-" + t.name;
+  rt === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
+}, nt = function(r, t, n) {
+  hr(r, t, n);
+  var a = r.key + "-" + t.name;
   if (r.inserted[t.name] === void 0) {
     var s = t;
     do
-      r.insert(t === s ? "." + o : "", s, r.sheet, !0), s = s.next;
+      r.insert(t === s ? "." + a : "", s, r.sheet, !0), s = s.next;
     while (s !== void 0);
   }
 };
 function at(e) {
-  for (var r = 0, t, a = 0, o = e.length; o >= 4; ++a, o -= 4)
-    t = e.charCodeAt(a) & 255 | (e.charCodeAt(++a) & 255) << 8 | (e.charCodeAt(++a) & 255) << 16 | (e.charCodeAt(++a) & 255) << 24, t = /* Math.imul(k, m): */
+  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: */
     t >>> 24, r = /* Math.imul(k, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
-  switch (o) {
+  switch (a) {
     case 3:
-      r ^= (e.charCodeAt(a + 2) & 255) << 16;
+      r ^= (e.charCodeAt(n + 2) & 255) << 16;
     case 2:
-      r ^= (e.charCodeAt(a + 1) & 255) << 8;
+      r ^= (e.charCodeAt(n + 1) & 255) << 8;
     case 1:
-      r ^= e.charCodeAt(a) & 255, r = /* Math.imul(h, m): */
+      r ^= e.charCodeAt(n) & 255, r = /* Math.imul(h, m): */
       (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
   }
   return r ^= r >>> 13, r = /* Math.imul(h, m): */
@@ -1013,12 +1013,12 @@ var ot = {
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(st, function(a, o, s) {
-          return te = {
-            name: o,
+        return t.replace(st, function(n, a, s) {
+          return oe = {
+            name: a,
             styles: s,
-            next: te
-          }, o;
+            next: oe
+          }, a;
         });
   }
   return ot[r] !== 1 && !gr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
@@ -1026,29 +1026,29 @@ var ot = {
 function we(e, r, t) {
   if (t == null)
     return "";
-  var a = t;
-  if (a.__emotion_styles !== void 0)
-    return a;
+  var n = t;
+  if (n.__emotion_styles !== void 0)
+    return n;
   switch (typeof t) {
     case "boolean":
       return "";
     case "object": {
-      var o = t;
-      if (o.anim === 1)
-        return te = {
-          name: o.name,
-          styles: o.styles,
-          next: te
-        }, o.name;
+      var a = t;
+      if (a.anim === 1)
+        return oe = {
+          name: a.name,
+          styles: a.styles,
+          next: oe
+        }, a.name;
       var s = t;
       if (s.styles !== void 0) {
         var f = s.next;
         if (f !== void 0)
           for (; f !== void 0; )
-            te = {
+            oe = {
               name: f.name,
               styles: f.styles,
-              next: te
+              next: oe
             }, f = f.next;
         var d = s.styles + ";";
         return d;
@@ -1057,78 +1057,78 @@ function we(e, r, t) {
     }
     case "function": {
       if (e !== void 0) {
-        var x = te, g = t(e);
-        return te = x, we(e, r, g);
+        var w = oe, y = t(e);
+        return oe = w, we(e, r, y);
       }
       break;
     }
   }
-  var h = t;
+  var g = t;
   if (r == null)
-    return h;
-  var m = r[h];
-  return m !== void 0 ? m : h;
+    return g;
+  var v = r[g];
+  return v !== void 0 ? v : g;
 }
 function ct(e, r, t) {
-  var a = "";
+  var n = "";
   if (Array.isArray(t))
-    for (var o = 0; o < t.length; o++)
-      a += we(e, r, t[o]) + ";";
+    for (var a = 0; a < t.length; a++)
+      n += we(e, r, t[a]) + ";";
   else
     for (var s in t) {
       var f = t[s];
       if (typeof f != "object") {
         var d = f;
-        r != null && r[d] !== void 0 ? a += s + "{" + r[d] + "}" : Qe(d) && (a += Ne(s) + ":" + Ke(s, d) + ";");
+        r != null && r[d] !== void 0 ? n += s + "{" + r[d] + "}" : Qe(d) && (n += Ne(s) + ":" + Ke(s, d) + ";");
       } else if (Array.isArray(f) && typeof f[0] == "string" && (r == null || r[f[0]] === void 0))
-        for (var x = 0; x < f.length; x++)
-          Qe(f[x]) && (a += Ne(s) + ":" + Ke(s, f[x]) + ";");
+        for (var w = 0; w < f.length; w++)
+          Qe(f[w]) && (n += Ne(s) + ":" + Ke(s, f[w]) + ";");
       else {
-        var g = we(e, r, f);
+        var y = we(e, r, f);
         switch (s) {
           case "animation":
           case "animationName": {
-            a += Ne(s) + ":" + g + ";";
+            n += Ne(s) + ":" + y + ";";
             break;
           }
           default:
-            a += s + "{" + g + "}";
+            n += s + "{" + y + "}";
         }
       }
     }
-  return a;
+  return n;
 }
-var er = /label:\s*([^\s;{]+)\s*(;|$)/g, te;
+var er = /label:\s*([^\s;{]+)\s*(;|$)/g, oe;
 function lt(e, r, t) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
-  var a = !0, o = "";
-  te = void 0;
+  var n = !0, a = "";
+  oe = void 0;
   var s = e[0];
   if (s == null || s.raw === void 0)
-    a = !1, o += we(t, r, s);
+    n = !1, a += we(t, r, s);
   else {
     var f = s;
-    o += f[0];
+    a += f[0];
   }
   for (var d = 1; d < e.length; d++)
-    if (o += we(t, r, e[d]), a) {
-      var x = s;
-      o += x[d];
+    if (a += we(t, r, e[d]), n) {
+      var w = s;
+      a += w[d];
     }
   er.lastIndex = 0;
-  for (var g = "", h; (h = er.exec(o)) !== null; )
-    g += "-" + h[1];
-  var m = at(o) + g;
+  for (var y = "", g; (g = er.exec(a)) !== null; )
+    y += "-" + g[1];
+  var v = at(a) + y;
   return {
-    name: m,
-    styles: o,
-    next: te
+    name: v,
+    styles: a,
+    next: oe
   };
 }
 var ut = function(r) {
   return r();
-}, ft = ie.useInsertionEffect ? ie.useInsertionEffect : !1, dt = ft || ut, mr = /* @__PURE__ */ ie.createContext(
+}, ft = se.useInsertionEffect ? se.useInsertionEffect : !1, dt = ft || ut, mr = /* @__PURE__ */ se.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
@@ -1141,11 +1141,11 @@ var ut = function(r) {
 );
 mr.Provider;
 var pt = function(r) {
-  return /* @__PURE__ */ or(function(t, a) {
-    var o = xr(mr);
-    return r(t, o, a);
+  return /* @__PURE__ */ or(function(t, n) {
+    var a = xr(mr);
+    return r(t, a, n);
   });
-}, ht = /* @__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)-.*))$/, mt = /* @__PURE__ */ dr(
+}, ht = /* @__PURE__ */ se.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)-.*))$/, mt = /* @__PURE__ */ dr(
   function(e) {
     return gt.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
@@ -1157,64 +1157,64 @@ var pt = function(r) {
   // for "a" so this is checking that
   // it's a lowercase character
   r.charCodeAt(0) > 96 ? yt : vt;
-}, tr = function(r, t, a) {
-  var o;
+}, tr = function(r, t, n) {
+  var a;
   if (t) {
     var s = t.shouldForwardProp;
-    o = r.__emotion_forwardProp && s ? function(f) {
+    a = r.__emotion_forwardProp && s ? function(f) {
       return r.__emotion_forwardProp(f) && s(f);
     } : s;
   }
-  return typeof o != "function" && a && (o = r.__emotion_forwardProp), o;
+  return typeof a != "function" && n && (a = r.__emotion_forwardProp), a;
 }, bt = function(r) {
-  var t = r.cache, a = r.serialized, o = r.isStringTag;
-  return hr(t, a, o), dt(function() {
-    return nt(t, a, o);
+  var t = r.cache, n = r.serialized, a = r.isStringTag;
+  return hr(t, n, a), dt(function() {
+    return nt(t, n, a);
   }), null;
 }, xt = function e(r, t) {
-  var a = r.__emotion_real === r, o = a && r.__emotion_base || r, s, f;
+  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 = tr(r, t, a), x = d || rr(o), g = !x("as");
+  var d = tr(r, t, n), w = d || rr(a), y = !w("as");
   return function() {
-    var h = arguments, m = a && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
-    if (s !== void 0 && m.push("label:" + s + ";"), h[0] == null || h[0].raw === void 0)
-      m.push.apply(m, h);
+    var g = arguments, v = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
+    if (s !== void 0 && v.push("label:" + s + ";"), g[0] == null || g[0].raw === void 0)
+      v.push.apply(v, g);
     else {
-      var M = h[0];
-      m.push(M[0]);
-      for (var C = h.length, O = 1; O < C; O++)
-        m.push(h[O], M[O]);
+      var j = g[0];
+      v.push(j[0]);
+      for (var $ = g.length, C = 1; C < $; C++)
+        v.push(g[C], j[C]);
     }
-    var y = pt(function(b, k, A) {
-      var N = g && b.as || o, z = "", D = [], F = b;
-      if (b.theme == null) {
-        F = {};
-        for (var S in b)
-          F[S] = b[S];
-        F.theme = ie.useContext(ht);
+    var b = pt(function(x, k, T) {
+      var F = y && x.as || a, z = "", D = [], M = x;
+      if (x.theme == null) {
+        M = {};
+        for (var S in x)
+          M[S] = x[S];
+        M.theme = se.useContext(ht);
       }
-      typeof b.className == "string" ? z = tt(k.registered, D, b.className) : b.className != null && (z = b.className + " ");
-      var H = lt(m.concat(D), k.registered, F);
-      z += k.key + "-" + H.name, f !== void 0 && (z += " " + f);
-      var Q = g && d === void 0 ? rr(N) : x, W = {};
-      for (var X in b)
-        g && X === "as" || Q(X) && (W[X] = b[X]);
-      return W.className = z, A && (W.ref = A), /* @__PURE__ */ ie.createElement(ie.Fragment, null, /* @__PURE__ */ ie.createElement(bt, {
+      typeof x.className == "string" ? z = tt(k.registered, D, x.className) : x.className != null && (z = x.className + " ");
+      var G = lt(v.concat(D), k.registered, M);
+      z += k.key + "-" + G.name, f !== void 0 && (z += " " + f);
+      var K = y && d === void 0 ? rr(F) : w, W = {};
+      for (var J in x)
+        y && J === "as" || K(J) && (W[J] = x[J]);
+      return W.className = z, T && (W.ref = T), /* @__PURE__ */ se.createElement(se.Fragment, null, /* @__PURE__ */ se.createElement(bt, {
         cache: k,
-        serialized: H,
-        isStringTag: typeof N == "string"
-      }), /* @__PURE__ */ ie.createElement(N, W));
+        serialized: G,
+        isStringTag: typeof F == "string"
+      }), /* @__PURE__ */ se.createElement(F, W));
     });
-    return y.displayName = s !== void 0 ? s : "Styled(" + (typeof o == "string" ? o : o.displayName || o.name || "Component") + ")", y.defaultProps = r.defaultProps, y.__emotion_real = y, y.__emotion_base = o, y.__emotion_styles = m, y.__emotion_forwardProp = d, Object.defineProperty(y, "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;
       }
-    }), y.withComponent = function(b, k) {
-      var A = e(b, Ve({}, t, k, {
-        shouldForwardProp: tr(y, k, !0)
+    }), b.withComponent = function(x, k) {
+      var T = e(x, Ve({}, t, k, {
+        shouldForwardProp: tr(b, k, !0)
       }));
-      return A.apply(void 0, m);
-    }, y;
+      return T.apply(void 0, v);
+    }, b;
   };
 }, wt = [
   "a",
@@ -1397,10 +1397,10 @@ const Pt = pe.div`
       return "";
   }
 }}
-`, nr = ({ type: e, children: r, className: t, icon: a, action: o }) => /* @__PURE__ */ I.jsxs(Pt, { type: e, className: t, children: [
-  a && /* @__PURE__ */ I.jsx("span", { children: a }),
+`, nr = ({ type: e, children: r, className: t, icon: n, action: a }) => /* @__PURE__ */ I.jsxs(Pt, { type: e, className: t, children: [
+  n && /* @__PURE__ */ I.jsx("span", { children: n }),
   /* @__PURE__ */ I.jsx("span", { children: r }),
-  o && /* @__PURE__ */ I.jsx("span", { children: o })
+  a && /* @__PURE__ */ I.jsx("span", { children: a })
 ] }), ar = pe.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
@@ -1437,14 +1437,14 @@ const Pt = pe.div`
   const t = new URL(e);
   return t.searchParams.set("divId", r), t.toString();
 }, Ee = /* @__PURE__ */ new Map(), jt = (e, r) => {
-  const [t, a] = $e(!1), [o, s] = $e(null);
+  const [t, n] = $e(!1), [a, s] = $e(null);
   return Le(() => {
     let f;
     try {
       f = r || Et(e || "latest");
-    } catch (g) {
-      const h = g instanceof Error ? g.message : String(g);
-      s(`Failed to resolve script URL: ${h}`);
+    } catch (y) {
+      const g = y instanceof Error ? y.message : String(y);
+      s(`Failed to resolve script URL: ${g}`);
       return;
     }
     if (!Ee.has(f))
@@ -1453,22 +1453,22 @@ const Pt = pe.div`
       ))
         Ee.set(f, Promise.resolve());
       else {
-        const h = new Promise((m, M) => {
-          const C = document.createElement("script");
-          C.src = f, C.async = !0, C.onload = () => m(), C.onerror = () => M(new Error(`Failed to load script: ${f}`)), document.body.appendChild(C);
+        const g = new Promise((v, j) => {
+          const $ = document.createElement("script");
+          $.src = f, $.async = !0, $.onload = () => v(), $.onerror = () => j(new Error(`Failed to load script: ${f}`)), document.body.appendChild($);
         });
-        Ee.set(f, h);
+        Ee.set(f, g);
       }
     let d = !0;
-    const x = Ee.get(f);
-    return x && x.then(() => {
-      d && (a(!0), s(null));
-    }).catch((g) => {
-      d && (a(!1), s(g instanceof Error ? g.message : String(g)));
+    const w = Ee.get(f);
+    return w && w.then(() => {
+      d && (n(!0), s(null));
+    }).catch((y) => {
+      d && (n(!1), s(y instanceof Error ? y.message : String(y)));
     }), () => {
       d = !1;
     };
-  }, [e, r]), { isLoaded: t, error: o };
+  }, [e, r]), { isLoaded: t, error: a };
 };
 function Re(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
@@ -1477,9 +1477,9 @@ function yr(e, r) {
   if (!Re(e) || !Re(r))
     return r;
   const t = { ...e };
-  for (const a of Object.keys(r)) {
-    const o = r[a], s = t[a];
-    Re(o) && Re(s) ? t[a] = yr(s, o) : o !== void 0 && (t[a] = o);
+  for (const n of Object.keys(r)) {
+    const a = r[n], s = t[n];
+    Re(a) && Re(s) ? t[n] = yr(s, a) : a !== void 0 && (t[n] = a);
   }
   return t;
 }
@@ -1491,10 +1491,10 @@ async function Mt(e, r, t) {
   r || console.warn(
     "VP Player: No videoId provided, attempting to fetch config with scriptId only..."
   );
-  const a = t ? $t(e, r || "") : At(e, r || "");
+  const n = t ? $t(e, r || "") : At(e, r || "");
   try {
-    const o = await fetch(a);
-    return o.ok ? await o.json() : null;
+    const a = await fetch(n);
+    return a.ok ? await a.json() : null;
   } catch {
     return null;
   }
@@ -1503,133 +1503,133 @@ const Ft = ({
   scriptId: e,
   videoId: r,
   scriptUrl: t,
-  projectId: a,
-  config: o,
+  projectId: n,
+  config: a,
   playerId: s,
   isVertical: f = !1,
   isReels: d = !1,
-  onReady: x,
-  onPlay: g,
-  onPause: h,
-  onResume: m,
-  onComplete: M,
-  onError: C,
-  onVideoStarted: O,
-  onTimeUpdate: y,
-  onQuartile25: b,
+  onReady: w,
+  onPlay: y,
+  onPause: g,
+  onResume: v,
+  onComplete: j,
+  onError: $,
+  onVideoStarted: C,
+  onTimeUpdate: b,
+  onQuartile25: x,
   onQuartile50: k,
-  onQuartile75: A,
-  onNext: N,
+  onQuartile75: T,
+  onNext: F,
   onPrevious: z,
   onProgress10s: D,
-  onProgress20s: F
+  onProgress20s: M
 }) => {
-  const S = ge(null), H = ge(null), [Q, W] = $e(null), X = wr().replace(/:/g, ""), w = Fe(
-    () => Ct(s || `auto-${X}`, r),
-    [s, X, r]
-  ), T = ge({
-    onReady: x,
-    onPlay: g,
-    onPause: h,
-    onResume: m,
-    onComplete: M,
-    onError: C,
-    onVideoStarted: O,
-    onTimeUpdate: y,
-    onQuartile25: b,
+  const S = ge(null), G = ge(null), [K, W] = $e(null), J = wr().replace(/:/g, ""), Y = Fe(
+    () => Ct(s || `auto-${J}`, r),
+    [s, J, r]
+  ), p = ge({
+    onReady: w,
+    onPlay: y,
+    onPause: g,
+    onResume: v,
+    onComplete: j,
+    onError: $,
+    onVideoStarted: C,
+    onTimeUpdate: b,
+    onQuartile25: x,
     onQuartile50: k,
-    onQuartile75: A,
-    onNext: N,
+    onQuartile75: T,
+    onNext: F,
     onPrevious: z,
     onProgress10s: D,
-    onProgress20s: F
+    onProgress20s: M
   });
   Le(() => {
-    T.current = {
-      onReady: x,
-      onPlay: g,
-      onPause: h,
-      onResume: m,
-      onComplete: M,
-      onError: C,
-      onVideoStarted: O,
-      onTimeUpdate: y,
-      onQuartile25: b,
+    p.current = {
+      onReady: w,
+      onPlay: y,
+      onPause: g,
+      onResume: v,
+      onComplete: j,
+      onError: $,
+      onVideoStarted: C,
+      onTimeUpdate: b,
+      onQuartile25: x,
       onQuartile50: k,
-      onQuartile75: A,
-      onNext: N,
+      onQuartile75: T,
+      onNext: F,
       onPrevious: z,
       onProgress10s: D,
-      onProgress20s: F
+      onProgress20s: M
     };
   });
-  const G = ge(!1), K = ge(!1), ee = !!o, V = Fe(() => f || d ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [f, d, t]), ae = Fe(() => {
+  const B = ge(!1), ee = ge(!1), re = !!a, V = Fe(() => f || d ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [f, d, t]), te = Fe(() => {
     let i;
     if (t)
       i = t;
-    else if (e && r && !ee)
+    else if (e && r && !re)
       i = V ? Tt(e, r) : Rt(e, r);
     else if (e)
       i = V ? _t(e) : `https://host.vpplayer.tech/player/${e}.js`;
     else
       return null;
-    return Ot(i, w);
+    return Ot(i, Y);
   }, [
     t,
     e,
     r,
     V,
-    w,
-    ee
-  ]), { isLoaded: oe, error: se } = jt(
+    Y,
+    re
+  ]), { isLoaded: ne, error: ce } = jt(
     null,
-    ae || void 0
+    te || void 0
   );
   return Le(() => {
-    if (!ae) {
+    if (!te) {
       W(
         "VPPlayer: Provide scriptUrl OR (scriptId + videoId) OR (scriptId + config) to initialize the player."
       );
       return;
     }
-    if (se) {
-      W(se);
+    if (ce) {
+      W(ce);
       return;
     }
-    if (!oe) return;
+    if (!ne) return;
     let i = !0;
     return (async () => {
-      var c;
+      var o;
       try {
-        const v = V ? window.vpVerticalPlayer : window.vpPlayer;
-        if (!v) {
+        const c = V ? window.vpVerticalPlayer : window.vpPlayer;
+        if (!c) {
           W(
             `VP Player: Script loaded but global function not found. Expected ${V ? "vpVerticalPlayer" : "vpPlayer"}.`
           );
           return;
         }
-        if (await new Promise((p) => setTimeout(p, 0)), !document.getElementById(w)) {
+        if (await new Promise((h) => setTimeout(h, 0)), !document.getElementById(Y)) {
           console.error(
-            `VP Player: Container element with ID '${w}' not found in DOM.`
+            `VP Player: Container element with ID '${Y}' not found in DOM.`
           );
           return;
         }
-        const $ = v(w);
-        if (!$) {
+        const A = c(Y);
+        if (!A) {
           W("VP Player: Failed to get player instance.");
           return;
         }
         if (i) {
-          if (H.current = $, W(null), G.current = !1, ee && o) {
-            let p;
+          if (G.current = A, W(null), B.current = !1, re && a) {
+            let h;
             const E = await Mt(
               e,
               r,
               V
             );
-            E ? p = yr(E, o) : p = o, a && !p.projectId && (p.projectId = a);
+            E ? h = yr(E, a) : h = a, n && !h.projectId && (h.projectId = n);
             try {
-              $.setup(p);
+              A.setup(h);
             } catch (u) {
               const l = u instanceof Error ? u.message : String(u);
               if (l.includes("already initialized")) {
@@ -1637,9 +1637,9 @@ const Ft = ({
                   "VP Player: Player already initialized, attempting to destroy and retry."
                 );
                 try {
-                  if ((c = $.destroy) == null || c.call($), await new Promise((P) => setTimeout(P, 50)), i && document.getElementById(w)) {
-                    const P = v(w);
-                    P && (P.setup(p), H.current = P);
+                  if ((o = A.destroy) == null || o.call(A), await new Promise((P) => setTimeout(P, 50)), i && document.getElementById(Y)) {
+                    const P = c(Y);
+                    P && (P.setup(h), G.current = P);
                   }
                 } catch (P) {
                   console.error(
@@ -1653,271 +1653,273 @@ const Ft = ({
               }
             }
           }
-          if ($.on) {
-            const p = $.on.bind($), E = V ? "vertical" : "horizontal";
-            p("vp-event", (u) => {
-              var j, J, Z, ce, Ye, qe;
+          if (A.on) {
+            const h = A.on.bind(A), E = V ? "vertical" : "horizontal";
+            h("vp-event", (u) => {
+              var O, Z, Q, le, Ye, qe;
               const l = u, P = l == null ? void 0 : l.eventName;
               if (V && P === "vp-state-playing") {
-                const vr = $.videoObject;
-                K.current ? (K.current = !1, console.log(`[${E}] onResume`), (J = (j = T.current).onResume) == null || J.call(j)) : (console.log(`[${E}] onPlay`), (ce = (Z = T.current).onPlay) == null || ce.call(Z, vr));
+                const vr = A.videoObject;
+                ee.current ? (ee.current = !1, console.log(`[${E}] onResume`), (Z = (O = p.current).onResume) == null || Z.call(O)) : (console.log(`[${E}] onPlay`), (le = (Q = p.current).onPlay) == null || le.call(Q, vr));
               }
-              V && P === "vp-state-paused" && (K.current = !0, console.log(`[${E}] onPause`), (qe = (Ye = T.current).onPause) == null || qe.call(Ye));
-            }), p("analytics-25%-completed", () => {
+              V && P === "vp-state-paused" && (ee.current = !0, console.log(`[${E}] onPause`), (qe = (Ye = p.current).onPause) == null || qe.call(Ye));
+            }), h("analytics-25%-completed", () => {
               var u, l;
-              console.log(`[${E}] onQuartile25`), (l = (u = T.current).onQuartile25) == null || l.call(u);
-            }), p("analytics-50%-completed", () => {
+              console.log(`[${E}] onQuartile25`), (l = (u = p.current).onQuartile25) == null || l.call(u);
+            }), h("analytics-50%-completed", () => {
               var u, l;
-              console.log(`[${E}] onQuartile50`), (l = (u = T.current).onQuartile50) == null || l.call(u);
-            }), p("analytics-75%-completed", () => {
+              console.log(`[${E}] onQuartile50`), (l = (u = p.current).onQuartile50) == null || l.call(u);
+            }), h("analytics-75%-completed", () => {
               var u, l;
-              console.log(`[${E}] onQuartile75`), (l = (u = T.current).onQuartile75) == null || l.call(u);
-            }), V || p("pause", () => {
+              console.log(`[${E}] onQuartile75`), (l = (u = p.current).onQuartile75) == null || l.call(u);
+            }), V || h("pause", () => {
               var u, l;
-              console.log(`[${E}] onPause`), (l = (u = T.current).onPause) == null || l.call(u);
-            }), p("error", (u) => {
-              var P, j;
+              console.log(`[${E}] onPause`), (l = (u = p.current).onPause) == null || l.call(u);
+            }), h("error", (u) => {
+              var P, O;
               const l = typeof u == "string" ? u : (u == null ? void 0 : u.message) || "Unknown error";
-              console.log(`[${E}] onError`, l), (j = (P = T.current).onError) == null || j.call(P, l);
-            }), V ? (p("vp-first-frame", () => {
-              var P, j;
-              const l = $.videoObject;
-              console.log(`[${E}] onReady`), (j = (P = T.current).onReady) == null || j.call(P, l);
-            }), p("vp-video-started", (u) => {
+              console.log(`[${E}] onError`, l), (O = (P = p.current).onError) == null || O.call(P, l);
+            }), V ? (h("vp-first-frame", () => {
+              var P, O;
+              const l = A.videoObject;
+              console.log(`[${E}] onReady`), (O = (P = p.current).onReady) == null || O.call(P, l);
+            }), h("vp-video-started", (u) => {
               var l, P;
-              console.log(`[${E}] onVideoStarted`), (P = (l = T.current).onVideoStarted) == null || P.call(l, u);
-            }), p("vp-video-state", () => {
-              var l, P, j;
-              const u = ((l = $.getPosition) == null ? void 0 : l.call($)) ?? 0;
-              console.log(`[${E}] onProgress10s`, Math.floor(u)), (j = (P = T.current).onProgress10s) == null || j.call(P, Math.floor(u));
-            }), p("vp-time", (u) => {
-              var P, j, J, Z, ce;
+              console.log(`[${E}] onVideoStarted`), (P = (l = p.current).onVideoStarted) == null || P.call(l, u);
+            }), h("vp-video-state", () => {
+              var l, P, O;
+              const u = ((l = A.getPosition) == null ? void 0 : l.call(A)) ?? 0;
+              console.log(`[${E}] onProgress10s`, Math.floor(u)), (O = (P = p.current).onProgress10s) == null || O.call(P, Math.floor(u));
+            }), h("vp-time", (u) => {
+              var P, O, Z, Q, le;
               let l = 0;
-              typeof u == "number" ? l = u : u && typeof u == "object" && "position" in u ? l = u.position : l = ((P = $.getPosition) == null ? void 0 : P.call($)) ?? 0, (J = (j = T.current).onTimeUpdate) == null || J.call(j, l), !G.current && l >= 20 && (G.current = !0, console.log(`[${E}] onProgress20s`, Math.floor(l)), (ce = (Z = T.current).onProgress20s) == null || ce.call(Z, Math.floor(l)));
-            }), p("vp-video-switch", () => {
+              typeof u == "number" ? l = u : u && typeof u == "object" && "position" in u ? l = u.position : l = ((P = A.getPosition) == null ? void 0 : P.call(A)) ?? 0, (Z = (O = p.current).onTimeUpdate) == null || Z.call(O, l), !B.current && l >= 20 && (B.current = !0, console.log(`[${E}] onProgress20s`, Math.floor(l)), (le = (Q = p.current).onProgress20s) == null || le.call(Q, Math.floor(l)));
+            }), h("vp-video-switch", () => {
               queueMicrotask(() => {
-                var P, j, J, Z;
-                const l = $._switchDirection;
-                l === "next" ? (console.log(`[${E}] onNext`), (j = (P = T.current).onNext) == null || j.call(P)) : l === "previous" && (console.log(`[${E}] onPrevious`), (Z = (J = T.current).onPrevious) == null || Z.call(J)), G.current = !1;
+                var P, O, Z, Q;
+                const l = A._switchDirection;
+                l === "next" ? (console.log(`[${E}] onNext`), (O = (P = p.current).onNext) == null || O.call(P)) : l === "previous" && (console.log(`[${E}] onPrevious`), (Q = (Z = p.current).onPrevious) == null || Q.call(Z)), B.current = !1;
               });
-            })) : (p("ready", () => {
+            })) : (h("ready", () => {
               var u, l;
-              console.log(`[${E}] onReady`), (l = (u = T.current).onReady) == null || l.call(u);
-            }), p("play", () => {
+              console.log(`[${E}] onReady`), (l = (u = p.current).onReady) == null || l.call(u);
+            }), h("play", () => {
               var u, l;
-              console.log(`[${E}] onPlay`), (l = (u = T.current).onPlay) == null || l.call(u);
-            }), p("complete", () => {
+              console.log(`[${E}] onPlay`), (l = (u = p.current).onPlay) == null || l.call(u);
+            }), h("complete", () => {
               var u, l;
-              console.log(`[${E}] onComplete`), (l = (u = T.current).onComplete) == null || l.call(u), G.current = !1;
-            }), p("video-started", (u) => {
+              console.log(`[${E}] onComplete`), (l = (u = p.current).onComplete) == null || l.call(u), B.current = !1;
+            }), h("video-started", (u) => {
               var l, P;
-              console.log(`[${E}] onVideoStarted`), (P = (l = T.current).onVideoStarted) == null || P.call(l, u);
-            }), p("video-state", () => {
-              var l, P, j;
-              const u = ((l = $.getPosition) == null ? void 0 : l.call($)) ?? 0;
-              console.log(`[${E}] onProgress10s`, Math.floor(u)), (j = (P = T.current).onProgress10s) == null || j.call(P, Math.floor(u));
-            }), p("time", (u) => {
-              var P, j, J, Z, ce;
+              console.log(`[${E}] onVideoStarted`), (P = (l = p.current).onVideoStarted) == null || P.call(l, u);
+            }), h("video-state", () => {
+              var l, P, O;
+              const u = ((l = A.getPosition) == null ? void 0 : l.call(A)) ?? 0;
+              console.log(`[${E}] onProgress10s`, Math.floor(u)), (O = (P = p.current).onProgress10s) == null || O.call(P, Math.floor(u));
+            }), h("time", (u) => {
+              var P, O, Z, Q, le;
               let l = 0;
-              typeof u == "number" ? l = u : u && typeof u == "object" && "position" in u ? l = u.position : l = ((P = $.getPosition) == null ? void 0 : P.call($)) ?? 0, (J = (j = T.current).onTimeUpdate) == null || J.call(j, l), !G.current && l >= 20 && (G.current = !0, console.log(`[${E}] onProgress20s`, Math.floor(l)), (ce = (Z = T.current).onProgress20s) == null || ce.call(Z, Math.floor(l)));
-            }), p("playlistItem", () => {
+              typeof u == "number" ? l = u : u && typeof u == "object" && "position" in u ? l = u.position : l = ((P = A.getPosition) == null ? void 0 : P.call(A)) ?? 0, (Z = (O = p.current).onTimeUpdate) == null || Z.call(O, l), !B.current && l >= 20 && (B.current = !0, console.log(`[${E}] onProgress20s`, Math.floor(l)), (le = (Q = p.current).onProgress20s) == null || le.call(Q, Math.floor(l)));
+            }), h("playlistItem", () => {
               var u, l;
-              console.log(`[${E}] onNext`), (l = (u = T.current).onNext) == null || l.call(u), G.current = !1;
+              console.log(`[${E}] onNext`), (l = (u = p.current).onNext) == null || l.call(u), B.current = !1;
             }));
           }
         }
-      } catch (v) {
+      } catch (c) {
         if (i) {
-          const le = v instanceof Error ? v.message : String(v);
-          W(le), console.error("VP Player initialization error:", v);
+          const L = c instanceof Error ? c.message : String(c);
+          W(L), console.error("VP Player initialization error:", c);
         }
       }
     })(), () => {
-      var c;
-      if (i = !1, (c = H.current) != null && c.destroy) {
+      var o;
+      if (i = !1, (o = G.current) != null && o.destroy) {
         try {
-          H.current.destroy();
+          G.current.destroy();
         } catch {
         }
-        H.current = null;
+        G.current = null;
       }
     };
   }, [
-    oe,
-    w,
-    se,
-    ae,
+    ne,
+    Y,
+    ce,
+    te,
     V,
-    ee,
-    o,
+    re,
+    a,
     e,
     r,
-    a
+    n
   ]), {
     playerRef: S,
-    playerInstanceRef: H,
-    isScriptLoaded: oe,
-    isLoading: !oe && !Q,
-    error: Q,
-    generatedPlayerId: w
+    playerInstanceRef: G,
+    isScriptLoaded: ne,
+    isLoading: !ne && !K,
+    error: K,
+    generatedPlayerId: Y
   };
 }, Nt = or(
   ({
     scriptId: e,
     videoId: r,
     scriptUrl: t,
-    projectId: a,
-    config: o,
+    projectId: n,
+    config: a,
     playerId: s,
     isVertical: f = !1,
     isReels: d = !1,
-    thumbnailUrl: x,
-    onClose: g,
-    className: h,
-    hiddenClasses: m = [],
-    onReady: M,
-    onPlay: C,
-    onPause: O,
-    onComplete: y,
-    onError: b,
-    onVideoStarted: k,
-    onTimeUpdate: A,
-    onQuartile25: N,
-    onQuartile50: z,
-    onQuartile75: D,
-    onNext: F,
-    onPrevious: S,
-    onProgress10s: H,
-    onProgress20s: Q
-  }, W) => {
+    thumbnailUrl: w,
+    onClose: y,
+    className: g,
+    hiddenClasses: v = [],
+    onReady: j,
+    onPlay: $,
+    onPause: C,
+    onResume: b,
+    onComplete: x,
+    onError: k,
+    onVideoStarted: T,
+    onTimeUpdate: F,
+    onQuartile25: z,
+    onQuartile50: D,
+    onQuartile75: M,
+    onNext: S,
+    onPrevious: G,
+    onProgress10s: K,
+    onProgress20s: W
+  }, J) => {
     const {
-      playerRef: X,
-      playerInstanceRef: w,
-      isScriptLoaded: T,
-      isLoading: G,
-      error: K,
-      generatedPlayerId: ee
+      playerRef: Y,
+      playerInstanceRef: p,
+      isScriptLoaded: B,
+      isLoading: ee,
+      error: re,
+      generatedPlayerId: V
     } = Ft({
       scriptId: e,
       videoId: r,
       scriptUrl: t,
-      projectId: a,
-      config: o,
+      projectId: n,
+      config: a,
       playerId: s,
       isVertical: f,
       isReels: d,
-      onReady: M,
-      onPlay: C,
-      onPause: O,
-      onComplete: y,
-      onError: b,
-      onVideoStarted: k,
-      onTimeUpdate: A,
-      onQuartile25: N,
-      onQuartile50: z,
-      onQuartile75: D,
-      onNext: F,
-      onPrevious: S,
-      onProgress10s: H,
-      onProgress20s: Q
+      onReady: j,
+      onPlay: $,
+      onPause: C,
+      onResume: b,
+      onComplete: x,
+      onError: k,
+      onVideoStarted: T,
+      onTimeUpdate: F,
+      onQuartile25: z,
+      onQuartile50: D,
+      onQuartile75: M,
+      onNext: S,
+      onPrevious: G,
+      onProgress10s: K,
+      onProgress20s: W
     });
     Pr(
-      W,
+      J,
       () => ({
         play: () => {
-          var n, c;
-          return (c = (n = w.current) == null ? void 0 : n.play) == null ? void 0 : c.call(n);
+          var o, c;
+          return (c = (o = p.current) == null ? void 0 : o.play) == null ? void 0 : c.call(o);
         },
         pause: () => {
-          var n, c;
-          return (c = (n = w.current) == null ? void 0 : n.pause) == null ? void 0 : c.call(n);
+          var o, c;
+          return (c = (o = p.current) == null ? void 0 : o.pause) == null ? void 0 : c.call(o);
         },
-        seek: (n) => {
-          var c, v;
-          return (v = (c = w.current) == null ? void 0 : c.seek) == null ? void 0 : v.call(c, n);
+        seek: (o) => {
+          var c, L;
+          return (L = (c = p.current) == null ? void 0 : c.seek) == null ? void 0 : L.call(c, o);
         },
         forward: () => {
-          var n, c;
-          return (c = (n = w.current) == null ? void 0 : n.forward) == null ? void 0 : c.call(n);
+          var o, c;
+          return (c = (o = p.current) == null ? void 0 : o.forward) == null ? void 0 : c.call(o);
         },
         rewind: () => {
-          var n, c;
-          return (c = (n = w.current) == null ? void 0 : n.rewind) == null ? void 0 : c.call(n);
+          var o, c;
+          return (c = (o = p.current) == null ? void 0 : o.rewind) == null ? void 0 : c.call(o);
         },
         replay: () => {
-          var n, c;
-          return (c = (n = w.current) == null ? void 0 : n.replay) == null ? void 0 : c.call(n);
+          var o, c;
+          return (c = (o = p.current) == null ? void 0 : o.replay) == null ? void 0 : c.call(o);
         },
         mute: () => {
-          var n, c;
-          return (c = (n = w.current) == null ? void 0 : n.mute) == null ? void 0 : c.call(n);
+          var o, c;
+          return (c = (o = p.current) == null ? void 0 : o.mute) == null ? void 0 : c.call(o);
         },
         unmute: () => {
-          var n, c;
-          return (c = (n = w.current) == null ? void 0 : n.unmute) == null ? void 0 : c.call(n);
+          var o, c;
+          return (c = (o = p.current) == null ? void 0 : o.unmute) == null ? void 0 : c.call(o);
         },
         togglePlay: () => {
-          var n, c;
-          return (c = (n = w.current) == null ? void 0 : n.togglePlay) == null ? void 0 : c.call(n);
+          var o, c;
+          return (c = (o = p.current) == null ? void 0 : o.togglePlay) == null ? void 0 : c.call(o);
         },
         toggleMute: () => {
-          var n, c;
-          return (c = (n = w.current) == null ? void 0 : n.toggleMute) == null ? void 0 : c.call(n);
+          var o, c;
+          return (c = (o = p.current) == null ? void 0 : o.toggleMute) == null ? void 0 : c.call(o);
         },
         enterFullScreen: () => {
-          var n, c, v;
-          return (v = ((n = w.current) == null ? void 0 : n.enterFullScreen) ?? ((c = w.current) == null ? void 0 : c.enterFullscreen)) == null ? void 0 : v();
+          var o, c, L;
+          return (L = ((o = p.current) == null ? void 0 : o.enterFullScreen) ?? ((c = p.current) == null ? void 0 : c.enterFullscreen)) == null ? void 0 : L();
         },
         exitFullScreen: () => {
-          var n, c, v;
-          return (v = ((n = w.current) == null ? void 0 : n.exitFullScreen) ?? ((c = w.current) == null ? void 0 : c.exitFullscreen)) == null ? void 0 : v();
+          var o, c, L;
+          return (L = ((o = p.current) == null ? void 0 : o.exitFullScreen) ?? ((c = p.current) == null ? void 0 : c.exitFullscreen)) == null ? void 0 : L();
         },
         getPosition: () => {
-          var n, c;
-          return ((c = (n = w.current) == null ? void 0 : n.getPosition) == null ? void 0 : c.call(n)) ?? null;
+          var o, c;
+          return ((c = (o = p.current) == null ? void 0 : o.getPosition) == null ? void 0 : c.call(o)) ?? null;
         },
         getDuration: () => {
-          var n, c;
-          return ((c = (n = w.current) == null ? void 0 : n.getDuration) == null ? void 0 : c.call(n)) ?? null;
+          var o, c;
+          return ((c = (o = p.current) == null ? void 0 : o.getDuration) == null ? void 0 : c.call(o)) ?? null;
         },
         getVolume: () => {
-          var n, c;
-          return ((c = (n = w.current) == null ? void 0 : n.getVolume) == null ? void 0 : c.call(n)) ?? null;
+          var o, c;
+          return ((c = (o = p.current) == null ? void 0 : o.getVolume) == null ? void 0 : c.call(o)) ?? null;
         },
-        setVolume: (n) => {
-          var c, v;
-          return (v = (c = w.current) == null ? void 0 : c.setVolume) == null ? void 0 : v.call(c, n);
+        setVolume: (o) => {
+          var c, L;
+          return (L = (c = p.current) == null ? void 0 : c.setVolume) == null ? void 0 : L.call(c, o);
         },
         isMuted: () => {
-          var n, c;
-          return ((c = (n = w.current) == null ? void 0 : n.isMuted) == null ? void 0 : c.call(n)) ?? !1;
+          var o, c;
+          return ((c = (o = p.current) == null ? void 0 : o.isMuted) == null ? void 0 : c.call(o)) ?? !1;
         },
         isPlaying: () => {
-          var n, c;
-          return ((c = (n = w.current) == null ? void 0 : n.isPlaying) == null ? void 0 : c.call(n)) ?? !1;
+          var o, c;
+          return ((c = (o = p.current) == null ? void 0 : o.isPlaying) == null ? void 0 : c.call(o)) ?? !1;
         },
         isPaused: () => {
-          var n, c;
-          return ((c = (n = w.current) == null ? void 0 : n.isPaused) == null ? void 0 : c.call(n)) ?? !1;
+          var o, c;
+          return ((c = (o = p.current) == null ? void 0 : o.isPaused) == null ? void 0 : c.call(o)) ?? !1;
         },
         isFullscreen: () => {
-          var n, c;
-          return ((c = (n = w.current) == null ? void 0 : n.isFullscreen) == null ? void 0 : c.call(n)) ?? !1;
+          var o, c;
+          return ((c = (o = p.current) == null ? void 0 : o.isFullscreen) == null ? void 0 : c.call(o)) ?? !1;
         }
       }),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
     );
-    const [V, ae] = $e(!0), oe = () => d && ae(!0), se = () => {
-      var n, c;
-      !d || !V || (ae(!1), (c = (n = w.current) == null ? void 0 : n.pause) == null || c.call(n), g == null || g());
+    const [te, ne] = $e(!0), ce = () => d && ne(!0), i = () => {
+      var o, c;
+      !d || !te || (ne(!1), (c = (o = p.current) == null ? void 0 : o.pause) == null || c.call(o), y == null || y());
     };
-    if (K)
+    if (re)
       return /* @__PURE__ */ I.jsxs(nr, { type: "error", children: [
         "An error occurred: ",
-        K
+        re
       ] });
-    const i = () => /* @__PURE__ */ I.jsx(
+    const m = () => /* @__PURE__ */ I.jsx(
       "div",
       {
         style: {
@@ -1936,25 +1938,25 @@ const Ft = ({
       }
     );
     return d ? /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
-      !V && /* @__PURE__ */ I.jsx(
+      !te && /* @__PURE__ */ I.jsx(
         "div",
         {
-          onClick: oe,
+          onClick: ce,
           style: {
             cursor: "pointer",
             width: "100%",
             height: "100%",
-            backgroundImage: x ? `url(${x})` : void 0,
+            backgroundImage: w ? `url(${w})` : void 0,
             backgroundSize: "cover",
             backgroundPosition: "center"
           }
         }
       ),
-      V && /* @__PURE__ */ I.jsx(kt, { onClick: se, className: h, children: /* @__PURE__ */ I.jsx(
+      te && /* @__PURE__ */ I.jsx(kt, { onClick: i, className: g, children: /* @__PURE__ */ I.jsx(
         St,
         {
-          className: h,
-          onClick: (n) => n.stopPropagation(),
+          className: g,
+          onClick: (o) => o.stopPropagation(),
           children: /* @__PURE__ */ I.jsxs(
             "div",
             {
@@ -1967,15 +1969,15 @@ const Ft = ({
                 /* @__PURE__ */ I.jsx(
                   ar,
                   {
-                    id: ee,
-                    ref: X,
+                    id: V,
+                    ref: Y,
                     width: "100%",
                     height: "100%",
-                    $hiddenClasses: m,
-                    className: h
+                    $hiddenClasses: v,
+                    className: g
                   }
                 ),
-                (G || !T) && /* @__PURE__ */ I.jsx(i, {})
+                (ee || !B) && /* @__PURE__ */ I.jsx(m, {})
               ]
             }
           )
@@ -1985,15 +1987,15 @@ const Ft = ({
       /* @__PURE__ */ I.jsx(
         ar,
         {
-          id: ee,
-          ref: X,
+          id: V,
+          ref: Y,
           width: "100%",
           height: "100%",
-          $hiddenClasses: m,
-          className: h
+          $hiddenClasses: v,
+          className: g
         }
       ),
-      (G || !T) && /* @__PURE__ */ I.jsx(i, {})
+      (ee || !B) && /* @__PURE__ */ I.jsx(m, {})
     ] });
   }
 );