@devix-technologies/react-gjirafa-vp-player 1.0.31-beta.21 → 1.0.31-beta.22

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

@@ -1,5 +1,5 @@
 import * as le from "react";
-import $r, { forwardRef as br, useContext as jr, useState as Fe, useEffect as $e, useRef as pe, useId as Mr, useMemo as Ue, useImperativeHandle as Ir } from "react";
+import Mr, { forwardRef as wr, useContext as Ir, useState as Fe, useEffect as $e, useRef as pe, useId as Fr, useMemo as Ue, useImperativeHandle as Vr } from "react";
 var Te = { exports: {} }, we = {};
 /**
  * @license React
@@ -10,10 +10,10 @@ var Te = { exports: {} }, we = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ir;
-function Fr() {
-  if (ir) return we;
-  ir = 1;
+var sr;
+function Lr() {
+  if (sr) return we;
+  sr = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
   function t(n, a, s) {
     var u = null;
@@ -42,24 +42,24 @@ var ke = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var or;
-function Vr() {
-  return or || (or = 1, process.env.NODE_ENV !== "production" && (function() {
+var cr;
+function Nr() {
+  return cr || (cr = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(o) {
       if (o == null) return null;
       if (typeof o == "function")
-        return o.$$typeof === Q ? null : o.displayName || o.name || null;
+        return o.$$typeof === ee ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
-        case P:
+        case S:
           return "Fragment";
         case C:
           return "Profiler";
-        case S:
+        case E:
           return "StrictMode";
         case F:
           return "Suspense";
-        case E:
+        case R:
           return "SuspenseList";
         case q:
           return "Activity";
@@ -68,21 +68,21 @@ function Vr() {
         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 w:
             return "Portal";
           case N:
             return o.displayName || "Context";
           case V:
             return (o._context.displayName || "Context") + ".Consumer";
           case z:
-            var g = o.render;
-            return o = o.displayName, o || (o = g.displayName || g.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+            var y = o.render;
+            return o = o.displayName, o || (o = y.displayName || y.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
           case te:
-            return g = o.displayName || null, g !== null ? g : e(o.type) || "Memo";
+            return y = o.displayName || null, y !== null ? y : e(o.type) || "Memo";
           case ce:
-            g = o._payload, o = o._init;
+            y = o._payload, o = o._init;
             try {
-              return e(o(g));
+              return e(o(y));
             } catch {
             }
         }
@@ -94,33 +94,33 @@ function Vr() {
     function t(o) {
       try {
         r(o);
-        var g = !1;
+        var y = !1;
       } catch {
-        g = !0;
+        y = !0;
       }
-      if (g) {
-        g = console;
-        var O = g.error, M = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+      if (y) {
+        y = console;
+        var O = y.error, M = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return O.call(
-          g,
+          y,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           M
         ), r(o);
       }
     }
     function n(o) {
-      if (o === P) return "<>";
+      if (o === S) return "<>";
       if (typeof o == "object" && o !== null && o.$$typeof === ce)
         return "<...>";
       try {
-        var g = e(o);
-        return g ? "<" + g + ">" : "<...>";
+        var y = e(o);
+        return y ? "<" + y + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var o = J.A;
+      var o = Z.A;
       return o === null ? null : o.getOwner();
     }
     function s() {
@@ -128,16 +128,16 @@ function Vr() {
     }
     function u(o) {
       if (fe.call(o, "key")) {
-        var g = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (g && g.isReactWarning) return !1;
+        var y = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (y && y.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
-    function p(o, g) {
+    function p(o, y) {
       function O() {
         ne || (ne = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          g
+          y
         ));
       }
       O.isReactWarning = !0, Object.defineProperty(o, "key", {
@@ -145,23 +145,23 @@ function Vr() {
         configurable: !0
       });
     }
-    function w() {
+    function k() {
       var o = e(this.type);
-      return Z[o] || (Z[o] = !0, console.error(
+      return K[o] || (K[o] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function v(o, g, O, M, i, l) {
-      var k = O.ref;
+    function b(o, y, O, M, i, l) {
+      var P = O.ref;
       return o = {
         $$typeof: j,
         type: o,
-        key: g,
+        key: y,
         props: O,
         _owner: M
-      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(o, "ref", {
+      }, (P !== void 0 ? P : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: w
+        get: k
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -184,25 +184,25 @@ function Vr() {
         value: l
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function h(o, g, O, M, i, l) {
-      var k = g.children;
-      if (k !== void 0)
+    function m(o, y, O, M, i, l) {
+      var P = y.children;
+      if (P !== void 0)
         if (M)
-          if (G(k)) {
-            for (M = 0; M < k.length; M++)
-              b(k[M]);
-            Object.freeze && Object.freeze(k);
+          if (G(P)) {
+            for (M = 0; M < P.length; M++)
+              x(P[M]);
+            Object.freeze && Object.freeze(P);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else b(k);
-      if (fe.call(g, "key")) {
-        k = e(o);
-        var H = Object.keys(g).filter(function(R) {
-          return R !== "key";
+        else x(P);
+      if (fe.call(y, "key")) {
+        P = e(o);
+        var H = Object.keys(y).filter(function(g) {
+          return g !== "key";
         });
-        M = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", ee[k + M] || (H = 0 < H.length ? "{" + H.join(": ..., ") + ": ...}" : "{}", console.error(
+        M = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", re[P + M] || (H = 0 < H.length ? "{" + H.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -210,35 +210,35 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           M,
-          k,
+          P,
           H,
-          k
-        ), ee[k + M] = !0);
+          P
+        ), re[P + M] = !0);
       }
-      if (k = null, O !== void 0 && (t(O), k = "" + O), u(g) && (t(g.key), k = "" + g.key), "key" in g) {
+      if (P = null, O !== void 0 && (t(O), P = "" + O), u(y) && (t(y.key), P = "" + y.key), "key" in y) {
         O = {};
-        for (var me in g)
-          me !== "key" && (O[me] = g[me]);
-      } else O = g;
-      return k && p(
+        for (var me in y)
+          me !== "key" && (O[me] = y[me]);
+      } else O = y;
+      return P && p(
         O,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), v(
+      ), b(
         o,
-        k,
+        P,
         O,
         a(),
         i,
         l
       );
     }
-    function b(o) {
+    function x(o) {
       I(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === ce && (o._payload.status === "fulfilled" ? I(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
     function I(o) {
       return typeof o == "object" && o !== null && o.$$typeof === j;
     }
-    var $ = $r, j = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), P = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), N = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), ce = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), J = $.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, fe = Object.prototype.hasOwnProperty, G = Array.isArray, d = console.createTask ? console.createTask : function() {
+    var $ = Mr, j = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), N = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), ce = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), Z = $.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, fe = Object.prototype.hasOwnProperty, G = Array.isArray, d = console.createTask ? console.createTask : function() {
       return null;
     };
     $ = {
@@ -246,25 +246,25 @@ React keys must be passed directly to JSX without using spread:
         return o();
       }
     };
-    var ne, Z = {}, ue = $.react_stack_bottom_frame.bind(
+    var ne, K = {}, ue = $.react_stack_bottom_frame.bind(
       $,
       s
-    )(), ae = d(n(s)), ee = {};
-    ke.Fragment = P, ke.jsx = function(o, g, O) {
-      var M = 1e4 > J.recentlyCreatedOwnerStacks++;
-      return h(
+    )(), ae = d(n(s)), re = {};
+    ke.Fragment = S, ke.jsx = function(o, y, O) {
+      var M = 1e4 > Z.recentlyCreatedOwnerStacks++;
+      return m(
         o,
-        g,
+        y,
         O,
         !1,
         M ? Error("react-stack-top-frame") : ue,
         M ? d(n(o)) : ae
       );
-    }, ke.jsxs = function(o, g, O) {
-      var M = 1e4 > J.recentlyCreatedOwnerStacks++;
-      return h(
+    }, ke.jsxs = function(o, y, O) {
+      var M = 1e4 > Z.recentlyCreatedOwnerStacks++;
+      return m(
         o,
-        g,
+        y,
         O,
         !0,
         M ? Error("react-stack-top-frame") : ue,
@@ -273,11 +273,11 @@ React keys must be passed directly to JSX without using spread:
     };
   })()), ke;
 }
-var sr;
-function Lr() {
-  return sr || (sr = 1, process.env.NODE_ENV === "production" ? Te.exports = Fr() : Te.exports = Vr()), Te.exports;
+var lr;
+function zr() {
+  return lr || (lr = 1, process.env.NODE_ENV === "production" ? Te.exports = Lr() : Te.exports = Nr()), Te.exports;
 }
-var D = Lr();
+var D = zr();
 function We() {
   return We = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
@@ -287,18 +287,18 @@ function We() {
     return e;
   }, We.apply(null, arguments);
 }
-function Nr(e) {
+function Ur(e) {
   if (e.sheet)
     return e.sheet;
   for (var r = 0; r < document.styleSheets.length; r++)
     if (document.styleSheets[r].ownerNode === e)
       return document.styleSheets[r];
 }
-function zr(e) {
+function Dr(e) {
   var r = document.createElement("style");
   return r.setAttribute("data-emotion", e.key), e.nonce !== void 0 && r.setAttribute("nonce", e.nonce), r.appendChild(document.createTextNode("")), r.setAttribute("data-s", ""), r;
 }
-var Ur = /* @__PURE__ */ (function() {
+var Wr = /* @__PURE__ */ (function() {
   function e(t) {
     var n = this;
     this._insertTag = function(a) {
@@ -310,10 +310,10 @@ var Ur = /* @__PURE__ */ (function() {
   return r.hydrate = function(n) {
     n.forEach(this._insertTag);
   }, r.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(zr(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Dr(this));
     var a = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var s = Nr(a);
+      var s = Ur(a);
       try {
         s.insertRule(n, s.cssRules.length);
       } catch {
@@ -327,14 +327,14 @@ var Ur = /* @__PURE__ */ (function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-})(), Y = "-ms-", Ve = "-moz-", _ = "-webkit-", xr = "comm", He = "rule", Ge = "decl", Dr = "@import", wr = "@keyframes", Wr = "@layer", Yr = Math.abs, Le = String.fromCharCode, qr = Object.assign;
-function Hr(e, r) {
+})(), Y = "-ms-", Ve = "-moz-", _ = "-webkit-", kr = "comm", He = "rule", Ge = "decl", Yr = "@import", Pr = "@keyframes", qr = "@layer", Hr = Math.abs, Le = String.fromCharCode, Gr = Object.assign;
+function Br(e, r) {
   return W(e, 0) ^ 45 ? (((r << 2 ^ W(e, 0)) << 2 ^ W(e, 1)) << 2 ^ W(e, 2)) << 2 ^ W(e, 3) : 0;
 }
-function kr(e) {
+function Sr(e) {
   return e.trim();
 }
-function Gr(e, r) {
+function Xr(e, r) {
   return (e = r.exec(e)) ? e[0] : e;
 }
 function T(e, r, t) {
@@ -358,30 +358,30 @@ function Be(e) {
 function Ae(e, r) {
   return r.push(e), e;
 }
-function Br(e, r) {
+function Jr(e, r) {
   return e.map(r).join("");
 }
-var Ne = 1, ve = 1, Pr = 0, X = 0, L = 0, xe = "";
+var Ne = 1, ve = 1, Er = 0, J = 0, L = 0, xe = "";
 function ze(e, r, t, n, a, s, u) {
   return { value: e, root: r, parent: t, type: n, props: a, children: s, line: Ne, column: ve, length: u, return: "" };
 }
 function Pe(e, r) {
-  return qr(ze("", null, null, "", null, null, 0), e, { length: -e.length }, r);
+  return Gr(ze("", null, null, "", null, null, 0), e, { length: -e.length }, r);
 }
-function Xr() {
+function Zr() {
   return L;
 }
-function Jr() {
-  return L = X > 0 ? W(xe, --X) : 0, ve--, L === 10 && (ve = 1, Ne--), L;
+function Kr() {
+  return L = J > 0 ? W(xe, --J) : 0, ve--, L === 10 && (ve = 1, Ne--), L;
 }
-function K() {
-  return L = X < Pr ? W(xe, X++) : 0, ve++, L === 10 && (ve = 1, Ne++), L;
+function Q() {
+  return L = J < Er ? W(xe, J++) : 0, ve++, L === 10 && (ve = 1, Ne++), L;
 }
 function se() {
-  return W(xe, X);
+  return W(xe, J);
 }
 function je() {
-  return X;
+  return J;
 }
 function _e(e, r) {
   return Se(xe, e, r);
@@ -424,31 +424,31 @@ function Ee(e) {
   }
   return 0;
 }
-function Sr(e) {
-  return Ne = ve = 1, Pr = ie(xe = e), X = 0, [];
+function Rr(e) {
+  return Ne = ve = 1, Er = ie(xe = e), J = 0, [];
 }
-function Er(e) {
+function _r(e) {
   return xe = "", e;
 }
 function Me(e) {
-  return kr(_e(X - 1, qe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Sr(_e(J - 1, qe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function Zr(e) {
+function Qr(e) {
   for (; (L = se()) && L < 33; )
-    K();
+    Q();
   return Ee(e) > 2 || Ee(L) > 3 ? "" : " ";
 }
-function Kr(e, r) {
-  for (; --r && K() && !(L < 48 || L > 102 || L > 57 && L < 65 || L > 70 && L < 97); )
+function et(e, r) {
+  for (; --r && Q() && !(L < 48 || L > 102 || L > 57 && L < 65 || L > 70 && L < 97); )
     ;
-  return _e(e, je() + (r < 6 && se() == 32 && K() == 32));
+  return _e(e, je() + (r < 6 && se() == 32 && Q() == 32));
 }
 function qe(e) {
-  for (; K(); )
+  for (; Q(); )
     switch (L) {
       // ] ) " '
       case e:
-        return X;
+        return J;
       // " '
       case 34:
       case 39:
@@ -460,141 +460,141 @@ function qe(e) {
         break;
       // \
       case 92:
-        K();
+        Q();
         break;
     }
-  return X;
+  return J;
 }
-function Qr(e, r) {
-  for (; K() && e + L !== 57; )
+function rt(e, r) {
+  for (; Q() && e + L !== 57; )
     if (e + L === 84 && se() === 47)
       break;
-  return "/*" + _e(r, X - 1) + "*" + Le(e === 47 ? e : K());
+  return "/*" + _e(r, J - 1) + "*" + Le(e === 47 ? e : Q());
 }
-function et(e) {
+function tt(e) {
   for (; !Ee(se()); )
-    K();
-  return _e(e, X);
+    Q();
+  return _e(e, J);
 }
-function rt(e) {
-  return Er(Ie("", null, null, null, [""], e = Sr(e), 0, [0], e));
+function nt(e) {
+  return _r(Ie("", null, null, null, [""], e = Rr(e), 0, [0], e));
 }
-function Ie(e, r, t, n, a, s, u, p, w) {
-  for (var v = 0, h = 0, b = u, I = 0, $ = 0, j = 0, x = 1, P = 1, S = 1, C = 0, V = "", N = a, z = s, F = n, E = V; P; )
-    switch (j = C, C = K()) {
+function Ie(e, r, t, n, a, s, u, p, k) {
+  for (var b = 0, m = 0, x = u, I = 0, $ = 0, j = 0, w = 1, S = 1, E = 1, C = 0, V = "", N = a, z = s, F = n, R = V; S; )
+    switch (j = C, C = Q()) {
       // (
       case 40:
-        if (j != 108 && W(E, b - 1) == 58) {
-          Ye(E += T(Me(C), "&", "&\f"), "&\f") != -1 && (S = -1);
+        if (j != 108 && W(R, x - 1) == 58) {
+          Ye(R += T(Me(C), "&", "&\f"), "&\f") != -1 && (E = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        E += Me(C);
+        R += Me(C);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        E += Zr(j);
+        R += Qr(j);
         break;
       // \
       case 92:
-        E += Kr(je() - 1, 7);
+        R += et(je() - 1, 7);
         continue;
       // /
       case 47:
         switch (se()) {
           case 42:
           case 47:
-            Ae(tt(Qr(K(), je()), r, t), w);
+            Ae(at(rt(Q(), je()), r, t), k);
             break;
           default:
-            E += "/";
+            R += "/";
         }
         break;
       // {
-      case 123 * x:
-        p[v++] = ie(E) * S;
+      case 123 * w:
+        p[b++] = ie(R) * E;
       // } ; \0
-      case 125 * x:
+      case 125 * w:
       case 59:
       case 0:
         switch (C) {
           // \0 }
           case 0:
           case 125:
-            P = 0;
+            S = 0;
           // ;
-          case 59 + h:
-            S == -1 && (E = T(E, /\f/g, "")), $ > 0 && ie(E) - b && Ae($ > 32 ? lr(E + ";", n, t, b - 1) : lr(T(E, " ", "") + ";", n, t, b - 2), w);
+          case 59 + m:
+            E == -1 && (R = T(R, /\f/g, "")), $ > 0 && ie(R) - x && Ae($ > 32 ? fr(R + ";", n, t, x - 1) : fr(T(R, " ", "") + ";", n, t, x - 2), k);
             break;
           // @ ;
           case 59:
-            E += ";";
+            R += ";";
           // { rule/at-rule
           default:
-            if (Ae(F = cr(E, r, t, v, h, a, p, V, N = [], z = [], b), s), C === 123)
-              if (h === 0)
-                Ie(E, r, F, F, N, s, b, p, z);
+            if (Ae(F = ur(R, r, t, b, m, a, p, V, N = [], z = [], x), s), C === 123)
+              if (m === 0)
+                Ie(R, r, F, F, N, s, x, p, z);
               else
-                switch (I === 99 && W(E, 3) === 110 ? 100 : I) {
+                switch (I === 99 && W(R, 3) === 110 ? 100 : I) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Ie(e, F, F, n && Ae(cr(e, F, F, 0, 0, a, p, V, a, N = [], b), z), a, z, b, p, n ? N : z);
+                    Ie(e, F, F, n && Ae(ur(e, F, F, 0, 0, a, p, V, a, N = [], x), z), a, z, x, p, n ? N : z);
                     break;
                   default:
-                    Ie(E, F, F, F, [""], z, 0, p, z);
+                    Ie(R, F, F, F, [""], z, 0, p, z);
                 }
         }
-        v = h = $ = 0, x = S = 1, V = E = "", b = u;
+        b = m = $ = 0, w = E = 1, V = R = "", x = u;
         break;
       // :
       case 58:
-        b = 1 + ie(E), $ = j;
+        x = 1 + ie(R), $ = j;
       default:
-        if (x < 1) {
+        if (w < 1) {
           if (C == 123)
-            --x;
-          else if (C == 125 && x++ == 0 && Jr() == 125)
+            --w;
+          else if (C == 125 && w++ == 0 && Kr() == 125)
             continue;
         }
-        switch (E += Le(C), C * x) {
+        switch (R += Le(C), C * w) {
           // &
           case 38:
-            S = h > 0 ? 1 : (E += "\f", -1);
+            E = m > 0 ? 1 : (R += "\f", -1);
             break;
           // ,
           case 44:
-            p[v++] = (ie(E) - 1) * S, S = 1;
+            p[b++] = (ie(R) - 1) * E, E = 1;
             break;
           // @
           case 64:
-            se() === 45 && (E += Me(K())), I = se(), h = b = ie(V = E += et(je())), C++;
+            se() === 45 && (R += Me(Q())), I = se(), m = x = ie(V = R += tt(je())), C++;
             break;
           // -
           case 45:
-            j === 45 && ie(E) == 2 && (x = 0);
+            j === 45 && ie(R) == 2 && (w = 0);
         }
     }
   return s;
 }
-function cr(e, r, t, n, a, s, u, p, w, v, h) {
-  for (var b = a - 1, I = a === 0 ? s : [""], $ = Be(I), j = 0, x = 0, P = 0; j < n; ++j)
-    for (var S = 0, C = Se(e, b + 1, b = Yr(x = u[j])), V = e; S < $; ++S)
-      (V = kr(x > 0 ? I[S] + " " + C : T(C, /&\f/g, I[S]))) && (w[P++] = V);
-  return ze(e, r, t, a === 0 ? He : p, w, v, h);
+function ur(e, r, t, n, a, s, u, p, k, b, m) {
+  for (var x = a - 1, I = a === 0 ? s : [""], $ = Be(I), j = 0, w = 0, S = 0; j < n; ++j)
+    for (var E = 0, C = Se(e, x + 1, x = Hr(w = u[j])), V = e; E < $; ++E)
+      (V = Sr(w > 0 ? I[E] + " " + C : T(C, /&\f/g, I[E]))) && (k[S++] = V);
+  return ze(e, r, t, a === 0 ? He : p, k, b, m);
 }
-function tt(e, r, t) {
-  return ze(e, r, t, xr, Le(Xr()), Se(e, 2, -2), 0);
+function at(e, r, t) {
+  return ze(e, r, t, kr, Le(Zr()), Se(e, 2, -2), 0);
 }
-function lr(e, r, t, n) {
+function fr(e, r, t, n) {
   return ze(e, r, t, Ge, Se(e, 0, n), Se(e, n + 1, -1), n);
 }
 function ye(e, r) {
@@ -602,23 +602,23 @@ function ye(e, r) {
     t += r(e[a], a, e, r) || "";
   return t;
 }
-function nt(e, r, t, n) {
+function it(e, r, t, n) {
   switch (e.type) {
-    case Wr:
+    case qr:
       if (e.children.length) break;
-    case Dr:
+    case Yr:
     case Ge:
       return e.return = e.return || e.value;
-    case xr:
+    case kr:
       return "";
-    case wr:
+    case Pr:
       return e.return = e.value + "{" + ye(e.children, n) + "}";
     case He:
       e.value = e.props.join(",");
   }
   return ie(t = ye(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
 }
-function at(e) {
+function ot(e) {
   var r = Be(e);
   return function(t, n, a, s) {
     for (var u = "", p = 0; p < r; p++)
@@ -626,27 +626,27 @@ function at(e) {
     return u;
   };
 }
-function it(e) {
+function st(e) {
   return function(r) {
     r.root || (r = r.return) && e(r);
   };
 }
-function Rr(e) {
+function Tr(e) {
   var r = /* @__PURE__ */ Object.create(null);
   return function(t) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var ot = function(r, t, n) {
+var ct = function(r, t, n) {
   for (var a = 0, s = 0; a = s, s = se(), a === 38 && s === 12 && (t[n] = 1), !Ee(s); )
-    K();
-  return _e(r, X);
-}, st = function(r, t) {
+    Q();
+  return _e(r, J);
+}, lt = function(r, t) {
   var n = -1, a = 44;
   do
     switch (Ee(a)) {
       case 0:
-        a === 38 && se() === 12 && (t[n] = 1), r[n] += ot(X - 1, t, n);
+        a === 38 && se() === 12 && (t[n] = 1), r[n] += ct(J - 1, t, n);
         break;
       case 2:
         r[n] += Me(a);
@@ -660,24 +660,24 @@ var ot = function(r, t, n) {
       default:
         r[n] += Le(a);
     }
-  while (a = K());
+  while (a = Q());
   return r;
-}, ct = function(r, t) {
-  return Er(st(Sr(r), t));
-}, ur = /* @__PURE__ */ new WeakMap(), lt = function(r) {
+}, ut = function(r, t) {
+  return _r(lt(Rr(r), t));
+}, dr = /* @__PURE__ */ new WeakMap(), ft = function(r) {
   if (!(r.type !== "rule" || !r.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   r.length < 1)) {
     for (var t = r.value, n = r.parent, a = r.column === n.column && r.line === n.line; n.type !== "rule"; )
       if (n = n.parent, !n) return;
-    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !ur.get(n)) && !a) {
-      ur.set(r, !0);
-      for (var s = [], u = ct(t, s), p = n.props, w = 0, v = 0; w < u.length; w++)
-        for (var h = 0; h < p.length; h++, v++)
-          r.props[v] = s[w] ? u[w].replace(/&\f/g, p[h]) : p[h] + " " + u[w];
+    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !dr.get(n)) && !a) {
+      dr.set(r, !0);
+      for (var s = [], u = ut(t, s), p = n.props, k = 0, b = 0; k < u.length; k++)
+        for (var m = 0; m < p.length; m++, b++)
+          r.props[b] = s[k] ? u[k].replace(/&\f/g, p[m]) : p[m] + " " + u[k];
     }
   }
-}, ut = function(r) {
+}, dt = function(r) {
   if (r.type === "decl") {
     var t = r.value;
     // charcode for l
@@ -685,8 +685,8 @@ var ot = function(r, t, n) {
     t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
   }
 };
-function _r(e, r) {
-  switch (Hr(e, r)) {
+function Ar(e, r) {
+  switch (Br(e, r)) {
     // color-adjust
     case 5103:
       return _ + "print-" + e + e;
@@ -793,7 +793,7 @@ function _r(e, r) {
           return T(e, /(.+:)(.+)-([^]+)/, "$1" + _ + "$2-$3$1" + Ve + (W(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~Ye(e, "stretch") ? _r(T(e, "stretch", "fill-available"), r) + e : e;
+          return ~Ye(e, "stretch") ? Ar(T(e, "stretch", "fill-available"), r) + e : e;
       }
       break;
     // position: sticky
@@ -827,18 +827,18 @@ function _r(e, r) {
   }
   return e;
 }
-var ft = function(r, t, n, a) {
+var pt = function(r, t, n, a) {
   if (r.length > -1 && !r.return) switch (r.type) {
     case Ge:
-      r.return = _r(r.value, r.length);
+      r.return = Ar(r.value, r.length);
       break;
-    case wr:
+    case Pr:
       return ye([Pe(r, {
         value: T(r.value, "@", "@" + _)
       })], a);
     case He:
-      if (r.length) return Br(r.props, function(s) {
-        switch (Gr(s, /(::plac\w+|:read-\w+)/)) {
+      if (r.length) return Jr(r.props, function(s) {
+        switch (Xr(s, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
@@ -858,40 +858,40 @@ var ft = function(r, t, n, a) {
         return "";
       });
   }
-}, dt = [ft], pt = function(r) {
+}, ht = [pt], mt = 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 P = x.getAttribute("data-emotion");
-      P.indexOf(" ") !== -1 && (document.head.appendChild(x), x.setAttribute("data-s", ""));
+    Array.prototype.forEach.call(n, function(w) {
+      var S = w.getAttribute("data-emotion");
+      S.indexOf(" ") !== -1 && (document.head.appendChild(w), w.setAttribute("data-s", ""));
     });
   }
-  var a = r.stylisPlugins || dt, s = {}, u, p = [];
+  var a = r.stylisPlugins || ht, s = {}, u, p = [];
   u = r.container || document.head, Array.prototype.forEach.call(
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + t + ' "]'),
-    function(x) {
-      for (var P = x.getAttribute("data-emotion").split(" "), S = 1; S < P.length; S++)
-        s[P[S]] = !0;
-      p.push(x);
+    function(w) {
+      for (var S = w.getAttribute("data-emotion").split(" "), E = 1; E < S.length; E++)
+        s[S[E]] = !0;
+      p.push(w);
     }
   );
-  var w, v = [lt, ut];
+  var k, b = [ft, dt];
   {
-    var h, b = [nt, it(function(x) {
-      h.insert(x);
-    })], I = at(v.concat(a, b)), $ = function(P) {
-      return ye(rt(P), I);
+    var m, x = [it, st(function(w) {
+      m.insert(w);
+    })], I = ot(b.concat(a, x)), $ = function(S) {
+      return ye(nt(S), I);
     };
-    w = function(P, S, C, V) {
-      h = C, $(P ? P + "{" + S.styles + "}" : S.styles), V && (j.inserted[S.name] = !0);
+    k = function(S, E, C, V) {
+      m = C, $(S ? S + "{" + E.styles + "}" : E.styles), V && (j.inserted[E.name] = !0);
     };
   }
   var j = {
     key: t,
-    sheet: new Ur({
+    sheet: new Wr({
       key: t,
       container: u,
       nonce: r.nonce,
@@ -902,17 +902,17 @@ var ft = function(r, t, n, a) {
     nonce: r.nonce,
     inserted: s,
     registered: {},
-    insert: w
+    insert: k
   };
   return j.sheet.hydrate(p), j;
-}, ht = !0;
-function mt(e, r, t) {
+}, gt = !0;
+function yt(e, r, t) {
   var n = "";
   return t.split(" ").forEach(function(a) {
     e[a] !== void 0 ? r.push(e[a] + ";") : a && (n += a + " ");
   }), n;
 }
-var Tr = function(r, t, n) {
+var Cr = function(r, t, n) {
   var a = r.key + "-" + t.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -923,9 +923,9 @@ var Tr = function(r, t, n) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  ht === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
-}, gt = function(r, t, n) {
-  Tr(r, t, n);
+  gt === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
+}, vt = function(r, t, n) {
+  Cr(r, t, n);
   var a = r.key + "-" + t.name;
   if (r.inserted[t.name] === void 0) {
     var s = t;
@@ -934,7 +934,7 @@ var Tr = function(r, t, n) {
     while (s !== void 0);
   }
 };
-function yt(e) {
+function bt(e) {
   for (var r = 0, t, n = 0, a = e.length; a >= 4; ++n, a -= 4)
     t = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
@@ -953,7 +953,7 @@ function yt(e) {
   return r ^= r >>> 13, r = /* Math.imul(h, m): */
   (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
 }
-var vt = {
+var xt = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1002,18 +1002,18 @@ var vt = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, bt = /[A-Z]|^ms/g, xt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Ar = function(r) {
+}, wt = /[A-Z]|^ms/g, kt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Or = function(r) {
   return r.charCodeAt(1) === 45;
-}, fr = function(r) {
+}, pr = function(r) {
   return r != null && typeof r != "boolean";
-}, De = /* @__PURE__ */ Rr(function(e) {
-  return Ar(e) ? e : e.replace(bt, "-$&").toLowerCase();
-}), dr = function(r, t) {
+}, De = /* @__PURE__ */ Tr(function(e) {
+  return Or(e) ? e : e.replace(wt, "-$&").toLowerCase();
+}), hr = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(xt, function(n, a, s) {
+        return t.replace(kt, function(n, a, s) {
           return oe = {
             name: a,
             styles: s,
@@ -1021,7 +1021,7 @@ var vt = {
           }, a;
         });
   }
-  return vt[r] !== 1 && !Ar(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+  return xt[r] !== 1 && !Or(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
 function Re(e, r, t) {
   if (t == null)
@@ -1053,23 +1053,23 @@ function Re(e, r, t) {
         var p = s.styles + ";";
         return p;
       }
-      return wt(e, r, t);
+      return Pt(e, r, t);
     }
     case "function": {
       if (e !== void 0) {
-        var w = oe, v = t(e);
-        return oe = w, Re(e, r, v);
+        var k = oe, b = t(e);
+        return oe = k, Re(e, r, b);
       }
       break;
     }
   }
-  var h = t;
+  var m = t;
   if (r == null)
-    return h;
-  var b = r[h];
-  return b !== void 0 ? b : h;
+    return m;
+  var x = r[m];
+  return x !== void 0 ? x : m;
 }
-function wt(e, r, t) {
+function Pt(e, r, t) {
   var n = "";
   if (Array.isArray(t))
     for (var a = 0; a < t.length; a++)
@@ -1079,27 +1079,27 @@ function wt(e, r, t) {
       var u = t[s];
       if (typeof u != "object") {
         var p = u;
-        r != null && r[p] !== void 0 ? n += s + "{" + r[p] + "}" : fr(p) && (n += De(s) + ":" + dr(s, p) + ";");
+        r != null && r[p] !== void 0 ? n += s + "{" + r[p] + "}" : pr(p) && (n += De(s) + ":" + hr(s, p) + ";");
       } else if (Array.isArray(u) && typeof u[0] == "string" && (r == null || r[u[0]] === void 0))
-        for (var w = 0; w < u.length; w++)
-          fr(u[w]) && (n += De(s) + ":" + dr(s, u[w]) + ";");
+        for (var k = 0; k < u.length; k++)
+          pr(u[k]) && (n += De(s) + ":" + hr(s, u[k]) + ";");
       else {
-        var v = Re(e, r, u);
+        var b = Re(e, r, u);
         switch (s) {
           case "animation":
           case "animationName": {
-            n += De(s) + ":" + v + ";";
+            n += De(s) + ":" + b + ";";
             break;
           }
           default:
-            n += s + "{" + v + "}";
+            n += s + "{" + b + "}";
         }
       }
     }
   return n;
 }
-var pr = /label:\s*([^\s;{]+)\s*(;|$)/g, oe;
-function kt(e, r, t) {
+var mr = /label:\s*([^\s;{]+)\s*(;|$)/g, oe;
+function St(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 = "";
@@ -1113,51 +1113,51 @@ function kt(e, r, t) {
   }
   for (var p = 1; p < e.length; p++)
     if (a += Re(t, r, e[p]), n) {
-      var w = s;
-      a += w[p];
+      var k = s;
+      a += k[p];
     }
-  pr.lastIndex = 0;
-  for (var v = "", h; (h = pr.exec(a)) !== null; )
-    v += "-" + h[1];
-  var b = yt(a) + v;
+  mr.lastIndex = 0;
+  for (var b = "", m; (m = mr.exec(a)) !== null; )
+    b += "-" + m[1];
+  var x = bt(a) + b;
   return {
-    name: b,
+    name: x,
     styles: a,
     next: oe
   };
 }
-var Pt = function(r) {
+var Et = function(r) {
   return r();
-}, St = le.useInsertionEffect ? le.useInsertionEffect : !1, Et = St || Pt, Cr = /* @__PURE__ */ le.createContext(
+}, Rt = le.useInsertionEffect ? le.useInsertionEffect : !1, _t = Rt || Et, $r = /* @__PURE__ */ le.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
   // and we could have a special build just for that
   // but this is much easier and the native packages
   // might use a different theme context in the future anyway
-  typeof HTMLElement < "u" ? /* @__PURE__ */ pt({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ mt({
     key: "css"
   }) : null
 );
-Cr.Provider;
-var Rt = function(r) {
-  return /* @__PURE__ */ br(function(t, n) {
-    var a = jr(Cr);
+$r.Provider;
+var Tt = function(r) {
+  return /* @__PURE__ */ wr(function(t, n) {
+    var a = Ir($r);
     return r(t, a, n);
   });
-}, _t = /* @__PURE__ */ le.createContext({}), Tt = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, At = /* @__PURE__ */ Rr(
+}, At = /* @__PURE__ */ le.createContext({}), Ct = /^((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)-.*))$/, Ot = /* @__PURE__ */ Tr(
   function(e) {
-    return Tt.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+    return Ct.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), Ct = At, Ot = function(r) {
+), $t = Ot, jt = function(r) {
   return r !== "theme";
-}, hr = function(r) {
+}, gr = function(r) {
   return typeof r == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
-  r.charCodeAt(0) > 96 ? Ct : Ot;
-}, mr = function(r, t, n) {
+  r.charCodeAt(0) > 96 ? $t : jt;
+}, yr = function(r, t, n) {
   var a;
   if (t) {
     var s = t.shouldForwardProp;
@@ -1166,57 +1166,57 @@ var Rt = function(r) {
     } : s;
   }
   return typeof a != "function" && n && (a = r.__emotion_forwardProp), a;
-}, $t = function(r) {
+}, Mt = function(r) {
   var t = r.cache, n = r.serialized, a = r.isStringTag;
-  return Tr(t, n, a), Et(function() {
-    return gt(t, n, a);
+  return Cr(t, n, a), _t(function() {
+    return vt(t, n, a);
   }), null;
-}, jt = function e(r, t) {
+}, It = function e(r, t) {
   var n = r.__emotion_real === r, a = n && r.__emotion_base || r, s, u;
   t !== void 0 && (s = t.label, u = t.target);
-  var p = mr(r, t, n), w = p || hr(a), v = !w("as");
+  var p = yr(r, t, n), k = p || gr(a), b = !k("as");
   return function() {
-    var h = arguments, b = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
-    if (s !== void 0 && b.push("label:" + s + ";"), h[0] == null || h[0].raw === void 0)
-      b.push.apply(b, h);
+    var m = arguments, x = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
+    if (s !== void 0 && x.push("label:" + s + ";"), m[0] == null || m[0].raw === void 0)
+      x.push.apply(x, m);
     else {
-      var I = h[0];
-      b.push(I[0]);
-      for (var $ = h.length, j = 1; j < $; j++)
-        b.push(h[j], I[j]);
+      var I = m[0];
+      x.push(I[0]);
+      for (var $ = m.length, j = 1; j < $; j++)
+        x.push(m[j], I[j]);
     }
-    var x = Rt(function(P, S, C) {
-      var V = v && P.as || a, N = "", z = [], F = P;
-      if (P.theme == null) {
+    var w = Tt(function(S, E, C) {
+      var V = b && S.as || a, N = "", z = [], F = S;
+      if (S.theme == null) {
         F = {};
-        for (var E in P)
-          F[E] = P[E];
-        F.theme = le.useContext(_t);
+        for (var R in S)
+          F[R] = S[R];
+        F.theme = le.useContext(At);
       }
-      typeof P.className == "string" ? N = mt(S.registered, z, P.className) : P.className != null && (N = P.className + " ");
-      var te = kt(b.concat(z), S.registered, F);
-      N += S.key + "-" + te.name, u !== void 0 && (N += " " + u);
-      var ce = v && p === void 0 ? hr(V) : w, q = {};
-      for (var Q in P)
-        v && Q === "as" || ce(Q) && (q[Q] = P[Q]);
-      return q.className = N, C && (q.ref = C), /* @__PURE__ */ le.createElement(le.Fragment, null, /* @__PURE__ */ le.createElement($t, {
-        cache: S,
+      typeof S.className == "string" ? N = yt(E.registered, z, S.className) : S.className != null && (N = S.className + " ");
+      var te = St(x.concat(z), E.registered, F);
+      N += E.key + "-" + te.name, u !== void 0 && (N += " " + u);
+      var ce = b && p === void 0 ? gr(V) : k, q = {};
+      for (var ee in S)
+        b && ee === "as" || ce(ee) && (q[ee] = S[ee]);
+      return q.className = N, C && (q.ref = C), /* @__PURE__ */ le.createElement(le.Fragment, null, /* @__PURE__ */ le.createElement(Mt, {
+        cache: E,
         serialized: te,
         isStringTag: typeof V == "string"
       }), /* @__PURE__ */ le.createElement(V, q));
     });
-    return x.displayName = s !== void 0 ? s : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", x.defaultProps = r.defaultProps, x.__emotion_real = x, x.__emotion_base = a, x.__emotion_styles = b, x.__emotion_forwardProp = p, Object.defineProperty(x, "toString", {
+    return w.displayName = s !== void 0 ? s : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", w.defaultProps = r.defaultProps, w.__emotion_real = w, w.__emotion_base = a, w.__emotion_styles = x, w.__emotion_forwardProp = p, Object.defineProperty(w, "toString", {
       value: function() {
         return "." + u;
       }
-    }), x.withComponent = function(P, S) {
-      var C = e(P, We({}, t, S, {
-        shouldForwardProp: mr(x, S, !0)
+    }), w.withComponent = function(S, E) {
+      var C = e(S, We({}, t, E, {
+        shouldForwardProp: yr(w, E, !0)
       }));
-      return C.apply(void 0, b);
-    }, x;
+      return C.apply(void 0, x);
+    }, w;
   };
-}, Mt = [
+}, Ft = [
   "a",
   "abbr",
   "address",
@@ -1352,11 +1352,11 @@ var Rt = function(r) {
   "svg",
   "text",
   "tspan"
-], be = jt.bind(null);
-Mt.forEach(function(e) {
+], be = It.bind(null);
+Ft.forEach(function(e) {
   be[e] = be(e);
 });
-const It = be.div`
+const Vt = be.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1397,11 +1397,11 @@ const It = be.div`
       return "";
   }
 }}
-`, gr = ({ type: e, children: r, className: t, icon: n, action: a }) => /* @__PURE__ */ D.jsxs(It, { type: e, className: t, children: [
+`, vr = ({ type: e, children: r, className: t, icon: n, action: a }) => /* @__PURE__ */ D.jsxs(Vt, { type: e, className: t, children: [
   n && /* @__PURE__ */ D.jsx("span", { children: n }),
   /* @__PURE__ */ D.jsx("span", { children: r }),
   a && /* @__PURE__ */ D.jsx("span", { children: a })
-] }), yr = be.div`
+] }), br = be.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
   border-radius: 0px !important;
@@ -1417,7 +1417,7 @@ const It = be.div`
   }
 
   ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((r) => `.${r} { display: none !important; }`).join("")}
-`, Ft = be.div`
+`, Lt = be.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -1429,7 +1429,7 @@ const It = be.div`
   align-items: center;
   z-index: 1000;
   pointer-events: auto;
-`, Vt = be.div`
+`, Nt = be.div`
   position: relative;
   height: 80vh;
   width: auto;
@@ -1437,18 +1437,18 @@ const It = be.div`
   max-width: 90vw;
   max-height: 90vh;
   z-index: 1001;
-`, he = "https://host.vpplayer.tech", Lt = (e) => `${he}/player/${e}/vpplayer.js`, Zt = (e) => `${he}/player/${e}.js`, Nt = (e, r) => `${he}/player/${e}/${r}.js`, zt = (e) => `${he}/vertical-player/${e}.js`, Ut = (e, r) => `${he}/vertical-player/${e}/${r}.js`, Dt = (e, r) => `${he}/player/${e}/${r}.json`, Wt = (e, r) => `${he}/vertical-player/${e}/${r}.json`, Yt = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", qt = (e, r) => {
+`, he = "https://host.vpplayer.tech", zt = (e) => `${he}/player/${e}/vpplayer.js`, Qt = (e) => `${he}/player/${e}.js`, Ut = (e, r) => `${he}/player/${e}/${r}.js`, Dt = (e) => `${he}/vertical-player/${e}.js`, Wt = (e, r) => `${he}/vertical-player/${e}/${r}.js`, Yt = (e, r) => `${he}/player/${e}/${r}.json`, qt = (e, r) => `${he}/vertical-player/${e}/${r}.json`, Ht = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", Gt = (e, r) => {
   const t = new URL(e);
   return t.searchParams.set("divId", r), t.toString();
-}, Ce = /* @__PURE__ */ new Map(), Ht = (e, r) => {
+}, Ce = /* @__PURE__ */ new Map(), Bt = (e, r) => {
   const [t, n] = Fe(!1), [a, s] = Fe(null);
   return $e(() => {
     let u;
     try {
-      u = r || Lt(e || "latest");
-    } catch (v) {
-      const h = v instanceof Error ? v.message : String(v);
-      s(`Failed to resolve script URL: ${h}`);
+      u = r || zt(e || "latest");
+    } catch (b) {
+      const m = b instanceof Error ? b.message : String(b);
+      s(`Failed to resolve script URL: ${m}`);
       return;
     }
     if (!Ce.has(u))
@@ -1457,18 +1457,18 @@ const It = be.div`
       ))
         Ce.set(u, Promise.resolve());
       else {
-        const h = new Promise((b, I) => {
+        const m = new Promise((x, I) => {
           const $ = document.createElement("script");
-          $.src = u, $.async = !0, $.onload = () => b(), $.onerror = () => I(new Error(`Failed to load script: ${u}`)), document.body.appendChild($);
+          $.src = u, $.async = !0, $.onload = () => x(), $.onerror = () => I(new Error(`Failed to load script: ${u}`)), document.body.appendChild($);
         });
-        Ce.set(u, h);
+        Ce.set(u, m);
       }
     let p = !0;
-    const w = Ce.get(u);
-    return w && w.then(() => {
+    const k = Ce.get(u);
+    return k && k.then(() => {
       p && (n(!0), s(null));
-    }).catch((v) => {
-      p && (n(!1), s(v instanceof Error ? v.message : String(v)));
+    }).catch((b) => {
+      p && (n(!1), s(b instanceof Error ? b.message : String(b)));
     }), () => {
       p = !1;
     };
@@ -1477,14 +1477,14 @@ const It = be.div`
 function Oe(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function vr(e, r) {
+function xr(e, r) {
   const t = r.playlist;
   if (!(t != null && t.videos) || !Array.isArray(t.videos))
     return;
   const n = t.videos, a = n.findIndex((p) => {
     if (!p || typeof p != "object") return !1;
-    const w = p;
-    return w.videoId === e || w.mediaId === e;
+    const k = p;
+    return k.videoId === e || k.mediaId === e;
   });
   if (a < 0 || a >= n.length - 1)
     return;
@@ -1493,17 +1493,17 @@ function vr(e, r) {
   const u = s;
   return u.videoId ?? u.mediaId;
 }
-function Or(e, r) {
+function jr(e, r) {
   if (!Oe(e) || !Oe(r))
     return r;
   const t = { ...e };
   for (const n of Object.keys(r)) {
     const a = r[n], s = t[n];
-    Oe(a) && Oe(s) ? t[n] = Or(s, a) : a !== void 0 && (t[n] = a);
+    Oe(a) && Oe(s) ? t[n] = jr(s, a) : a !== void 0 && (t[n] = a);
   }
   return t;
 }
-async function Gt(e, r, t) {
+async function Xt(e, r, t) {
   if (!e)
     return console.warn(
       "VP Player: No scriptId provided, cannot fetch config. Using user config directly."
@@ -1511,7 +1511,7 @@ async function Gt(e, r, t) {
   r || console.warn(
     "VP Player: No videoId provided, attempting to fetch config with scriptId only..."
   );
-  const n = t ? Wt(e, r || "") : Dt(e, r || "");
+  const n = t ? qt(e, r || "") : Yt(e, r || "");
   try {
     const a = await fetch(n);
     return a.ok ? await a.json() : null;
@@ -1519,7 +1519,7 @@ async function Gt(e, r, t) {
     return null;
   }
 }
-const Bt = ({
+const Jt = ({
   scriptId: e,
   videoId: r,
   scriptUrl: t,
@@ -1528,130 +1528,130 @@ const Bt = ({
   playerId: s,
   isVertical: u = !1,
   isReels: p = !1,
-  onReady: w,
-  onPlay: v,
-  onPause: h,
-  onResume: b,
+  onReady: k,
+  onPlay: b,
+  onPause: m,
+  onResume: x,
   onComplete: I,
   onError: $,
   onVideoStarted: j,
-  onTimeUpdate: x,
-  onQuartile25: P,
-  onQuartile50: S,
+  onTimeUpdate: w,
+  onQuartile25: S,
+  onQuartile50: E,
   onQuartile75: C,
   onNext: V,
   onPrevious: N,
   onProgress10s: z,
   onProgress20s: F,
-  onPlaylistItem: E,
+  onPlaylistItem: R,
   onVideoSwitch: te
 }) => {
-  const ce = pe(null), q = pe(null), [Q, J] = Fe(null), fe = Mr().replace(/:/g, ""), G = Ue(
-    () => Yt(s || `auto-${fe}`, r),
+  const ce = pe(null), q = pe(null), [ee, Z] = Fe(null), fe = Fr().replace(/:/g, ""), G = Ue(
+    () => Ht(s || `auto-${fe}`, r),
     [s, fe, r]
   ), d = pe({
-    onReady: w,
-    onPlay: v,
-    onPause: h,
-    onResume: b,
+    onReady: k,
+    onPlay: b,
+    onPause: m,
+    onResume: x,
     onComplete: I,
     onError: $,
     onVideoStarted: j,
-    onTimeUpdate: x,
-    onQuartile25: P,
-    onQuartile50: S,
+    onTimeUpdate: w,
+    onQuartile25: S,
+    onQuartile50: E,
     onQuartile75: C,
     onNext: V,
     onPrevious: N,
     onProgress10s: z,
     onProgress20s: F,
-    onPlaylistItem: E,
+    onPlaylistItem: R,
     onVideoSwitch: te
   });
   $e(() => {
     d.current = {
-      onReady: w,
-      onPlay: v,
-      onPause: h,
-      onResume: b,
+      onReady: k,
+      onPlay: b,
+      onPause: m,
+      onResume: x,
       onComplete: I,
       onError: $,
       onVideoStarted: j,
-      onTimeUpdate: x,
-      onQuartile25: P,
-      onQuartile50: S,
+      onTimeUpdate: w,
+      onQuartile25: S,
+      onQuartile50: E,
       onQuartile75: C,
       onNext: V,
       onPrevious: N,
       onProgress10s: z,
       onProgress20s: F,
-      onPlaylistItem: E,
+      onPlaylistItem: R,
       onVideoSwitch: te
     };
   }, [
-    w,
-    v,
-    h,
+    k,
     b,
+    m,
+    x,
     I,
     $,
     j,
-    x,
-    P,
+    w,
     S,
+    E,
     C,
     V,
     N,
     z,
     F,
-    E,
+    R,
     te
   ]);
-  const ne = pe(!1), Z = pe(!1), ue = pe(void 0), ae = pe(a);
+  const ne = pe(!1), K = pe(!1), ue = pe(void 0), ae = pe(a);
   $e(() => {
     ae.current = a;
   });
-  const ee = !!a, o = Ue(() => u || p ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [u, p, t]), g = Ue(() => {
+  const re = !!a, o = Ue(() => u || p ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [u, p, t]), y = Ue(() => {
     let i;
     if (t)
       i = t;
-    else if (e && r && !ee)
-      i = o ? Ut(e, r) : Nt(e, r);
+    else if (e && r && !re)
+      i = o ? Wt(e, r) : Ut(e, r);
     else if (e)
-      i = o ? zt(e) : `https://host.vpplayer.tech/player/${e}.js`;
+      i = o ? Dt(e) : `https://host.vpplayer.tech/player/${e}.js`;
     else
       return null;
-    return qt(i, G);
+    return Gt(i, G);
   }, [
     t,
     e,
     r,
     o,
     G,
-    ee
-  ]), { isLoaded: O, error: M } = Ht(
+    re
+  ]), { isLoaded: O, error: M } = Bt(
     null,
-    g || void 0
+    y || void 0
   );
   return $e(() => {
-    if (!g) {
-      J(
+    if (!y) {
+      Z(
         "VPPlayer: Provide scriptUrl OR (scriptId + videoId) OR (scriptId + config) to initialize the player."
       );
       return;
     }
     if (M) {
-      J(M);
+      Z(M);
       return;
     }
     if (!O) return;
     let i = !0;
     return (async () => {
-      var k;
+      var P;
       try {
         const H = o ? window.vpVerticalPlayer : window.vpPlayer;
         if (!H) {
-          J(
+          Z(
             `VP Player: Script loaded but global function not found. Expected ${o ? "vpVerticalPlayer" : "vpPlayer"}.`
           );
           return;
@@ -1662,67 +1662,67 @@ const Bt = ({
           );
           return;
         }
-        const R = H(G);
-        if (!R) {
-          J("VP Player: Failed to get player instance.");
+        const g = H(G);
+        if (!g) {
+          Z("VP Player: Failed to get player instance.");
           return;
         }
         if (i) {
-          if (q.current = R, J(null), ee && ae.current) {
+          if (q.current = g, Z(null), re && ae.current) {
             let A;
-            const f = await Gt(
+            const f = await Xt(
               e,
               r,
               o
             );
-            f ? A = Or(f, ae.current) : A = ae.current, n && !A.projectId && (A.projectId = n);
+            f ? A = jr(f, ae.current) : A = ae.current, n && !A.projectId && (A.projectId = n);
             try {
-              await R.setup(A);
+              await g.setup(A);
             } catch (c) {
-              const m = c instanceof Error ? c.message : String(c);
-              if (m.includes("already initialized")) {
+              const h = c instanceof Error ? c.message : String(c);
+              if (h.includes("already initialized")) {
                 console.warn(
                   "VP Player: Player already initialized, attempting to destroy and retry."
                 );
                 try {
-                  if ((k = R.destroy) == null || k.call(R), await new Promise((y) => setTimeout(y, 50)), i && document.getElementById(G)) {
-                    const y = H(G);
-                    y && (await y.setup(A), q.current = y);
+                  if ((P = g.destroy) == null || P.call(g), await new Promise((v) => setTimeout(v, 50)), i && document.getElementById(G)) {
+                    const v = H(G);
+                    v && (await v.setup(A), q.current = v);
                   }
-                } catch (y) {
+                } catch (v) {
                   console.error(
                     "VP Player: Failed to recover from initialization error",
-                    y
+                    v
                   );
                 }
               } else {
-                console.error("VP Player: Setup error", c), J(`Player setup failed: ${m}`);
+                console.error("VP Player: Setup error", c), Z(`Player setup failed: ${h}`);
                 return;
               }
             }
           }
-          if (R.on) {
-            const A = R.on.bind(R);
+          if (g.on) {
+            const A = g.on.bind(g);
             A("vp-event", (f) => {
-              var y, U, B, re, Xe, Je, Ze, Ke, Qe, er, rr, tr, nr;
-              const c = f, m = c == null ? void 0 : c.eventName;
+              var v, U, B, X, Xe, Je, Ze, Ke, Qe, er, rr, tr, nr, ar, ir;
+              const c = f, h = c == null ? void 0 : c.eventName;
               if (o) {
-                if (m === "play" && !Z.current) {
-                  const ge = R.videoObject;
-                  (U = (y = d.current).onPlay) == null || U.call(y, ge);
+                if (h === "play" && !K.current) {
+                  const ge = g.videoObject;
+                  (U = (v = d.current).onPlay) == null || U.call(v, ge);
                 }
-                if (m === "vp-state-paused") {
-                  const de = ((B = R.isEnded) == null ? void 0 : B.call(R)) ?? !1, ge = (c == null ? void 0 : c.interaction) ?? !0;
-                  !de && ge && (Z.current = !0, (Xe = (re = d.current).onPause) == null || Xe.call(re));
+                if (h === "vp-state-paused") {
+                  const de = ((B = g.isEnded) == null ? void 0 : B.call(g)) ?? !1, ge = (c == null ? void 0 : c.interaction) ?? !0;
+                  !de && ge && (K.current = !0, (Je = (Xe = d.current).onPause) == null || Je.call(Xe, ((X = g.getPosition) == null ? void 0 : X.call(g)) ?? 0));
                 }
-                if (m === "vp-state-playing" && (((c == null ? void 0 : c.interaction) ?? Z.current) && Z.current && ((Ze = (Je = d.current).onResume) == null || Ze.call(Je)), Z.current = !1), m === "vp-video-switch") {
-                  Z.current = !1;
+                if (h === "vp-state-playing" && (((c == null ? void 0 : c.interaction) ?? K.current) && K.current && ((Qe = (Ke = d.current).onResume) == null || Qe.call(Ke, ((Ze = g.getPosition) == null ? void 0 : Ze.call(g)) ?? 0)), K.current = !1), h === "vp-video-switch") {
+                  K.current = !1;
                   const de = c;
-                  (Qe = (Ke = d.current).onVideoSwitch) == null || Qe.call(Ke, de);
-                  const ge = de.direction, ar = de.currentTime ?? 0;
-                  ge === "next" ? (rr = (er = d.current).onNext) == null || rr.call(er, ar) : ge === "prev" && ((nr = (tr = d.current).onPrevious) == null || nr.call(tr, ar));
+                  (rr = (er = d.current).onVideoSwitch) == null || rr.call(er, de);
+                  const ge = de.direction, or = de.currentTime ?? 0;
+                  ge === "next" ? (nr = (tr = d.current).onNext) == null || nr.call(tr, or) : ge === "prev" && ((ir = (ar = d.current).onPrevious) == null || ir.call(ar, or));
                 }
-                m === "vp-video-completed" && (Z.current = !1);
+                h === "vp-video-completed" && (K.current = !1);
               }
             }), A("analytics-25%-completed", () => {
               var f, c;
@@ -1734,34 +1734,34 @@ const Bt = ({
               var f, c;
               (c = (f = d.current).onQuartile75) == null || c.call(f);
             }), o || A("pause", () => {
-              var f, c;
-              (c = (f = d.current).onPause) == null || c.call(f);
+              var f, c, h;
+              (h = (c = d.current).onPause) == null || h.call(c, ((f = g.getPosition) == null ? void 0 : f.call(g)) ?? 0);
             }), A("error", (f) => {
-              var m, y;
+              var h, v;
               const c = typeof f == "string" ? f : (f == null ? void 0 : f.message) || "Unknown error";
-              (y = (m = d.current).onError) == null || y.call(m, c);
+              (v = (h = d.current).onError) == null || v.call(h, c);
             }), o ? (A("vp-first-frame", () => {
-              var m, y;
-              const c = R.videoObject;
-              (y = (m = d.current).onReady) == null || y.call(m, c);
+              var h, v;
+              const c = g.videoObject;
+              (v = (h = d.current).onReady) == null || v.call(h, c);
             }), A("vp-video-started", (f) => {
-              var c, m;
-              (m = (c = d.current).onVideoStarted) == null || m.call(c, f);
+              var c, h;
+              (h = (c = d.current).onVideoStarted) == null || h.call(c, f);
             }), A("vp-twenty-view", () => {
-              var c, m, y;
-              const f = ((c = R.getPosition) == null ? void 0 : c.call(R)) ?? 20;
-              (y = (m = d.current).onProgress20s) == null || y.call(m, Math.floor(f));
+              var c, h, v;
+              const f = ((c = g.getPosition) == null ? void 0 : c.call(g)) ?? 20;
+              (v = (h = d.current).onProgress20s) == null || v.call(h, Math.floor(f));
             }), A("vp-video-state", () => {
-              var c, m, y;
-              const f = ((c = R.getPosition) == null ? void 0 : c.call(R)) ?? 0;
-              (y = (m = d.current).onProgress10s) == null || y.call(
-                m,
+              var c, h, v;
+              const f = ((c = g.getPosition) == null ? void 0 : c.call(g)) ?? 0;
+              (v = (h = d.current).onProgress10s) == null || v.call(
+                h,
                 Math.floor(f)
               );
             }), A("vp-time", (f) => {
-              var m, y, U;
+              var h, v, U;
               let c = 0;
-              typeof f == "number" ? c = f : f && typeof f == "object" && "position" in f ? c = f.position : c = ((m = R.getPosition) == null ? void 0 : m.call(R)) ?? 0, (U = (y = d.current).onTimeUpdate) == null || U.call(y, c);
+              typeof f == "number" ? c = f : f && typeof f == "object" && "position" in f ? c = f.position : c = ((h = g.getPosition) == null ? void 0 : h.call(g)) ?? 0, (U = (v = d.current).onTimeUpdate) == null || U.call(v, c);
             }), A("vp-video-completed", () => {
               var f, c;
               (c = (f = d.current).onComplete) == null || c.call(f);
@@ -1769,61 +1769,61 @@ const Bt = ({
               var f, c;
               (c = (f = d.current).onReady) == null || c.call(f);
             }), A("play", (f) => {
-              var m, y, U, B;
+              var h, v, U, B, X;
               const c = f;
-              c != null && c.resume || c != null && c.afterPause ? (y = (m = d.current).onResume) == null || y.call(m) : (B = (U = d.current).onPlay) == null || B.call(U);
+              c != null && c.resume || c != null && c.afterPause ? (U = (v = d.current).onResume) == null || U.call(v, ((h = g.getPosition) == null ? void 0 : h.call(g)) ?? 0) : (X = (B = d.current).onPlay) == null || X.call(B);
             }), A("complete", () => {
               var f, c;
               (c = (f = d.current).onComplete) == null || c.call(f), ne.current = !1;
             }), A("video-started", (f) => {
-              var B, re;
-              const c = f ?? {}, m = c.videoId || ue.current, y = vr(m, R), U = {
+              var B, X;
+              const c = f ?? {}, h = c.videoId || ue.current, v = xr(h, g), U = {
                 ...c,
-                videoId: m,
-                nextVideoId: y
+                videoId: h,
+                nextVideoId: v
               };
-              (re = (B = d.current).onVideoStarted) == null || re.call(B, U);
+              (X = (B = d.current).onVideoStarted) == null || X.call(B, U);
             }), A("video-state", () => {
-              var c, m, y;
-              const f = ((c = R.getPosition) == null ? void 0 : c.call(R)) ?? 0;
-              (y = (m = d.current).onProgress10s) == null || y.call(
-                m,
+              var c, h, v;
+              const f = ((c = g.getPosition) == null ? void 0 : c.call(g)) ?? 0;
+              (v = (h = d.current).onProgress10s) == null || v.call(
+                h,
                 Math.floor(f)
               );
             }), A("time", (f) => {
-              var m, y, U, B, re;
+              var h, v, U, B, X;
               let c = 0;
-              typeof f == "number" ? c = f : f && typeof f == "object" && "position" in f ? c = f.position : c = ((m = R.getPosition) == null ? void 0 : m.call(R)) ?? 0, (U = (y = d.current).onTimeUpdate) == null || U.call(y, c), !ne.current && c >= 20 && (ne.current = !0, (re = (B = d.current).onProgress20s) == null || re.call(B, Math.floor(c)));
+              typeof f == "number" ? c = f : f && typeof f == "object" && "position" in f ? c = f.position : c = ((h = g.getPosition) == null ? void 0 : h.call(g)) ?? 0, (U = (v = d.current).onTimeUpdate) == null || U.call(v, c), !ne.current && c >= 20 && (ne.current = !0, (X = (B = d.current).onProgress20s) == null || X.call(B, Math.floor(c)));
             }), A("playlistItem", (f) => {
-              var B, re;
+              var B, X;
               ne.current = !1;
               const c = f;
               ue.current = c == null ? void 0 : c.id;
-              const m = c == null ? void 0 : c.id, y = vr(m, R), U = {
-                videoId: m,
-                nextVideoId: y
+              const h = c == null ? void 0 : c.id, v = xr(h, g), U = {
+                videoId: h,
+                nextVideoId: v
               };
-              (re = (B = d.current).onPlaylistItem) == null || re.call(B, U);
+              (X = (B = d.current).onPlaylistItem) == null || X.call(B, U);
             }), A("nextClick", (f) => {
-              var y, U;
-              const c = f, m = (c == null ? void 0 : c.currentTime) ?? 0;
-              (U = (y = d.current).onNext) == null || U.call(y, m);
+              var v, U;
+              const c = f, h = (c == null ? void 0 : c.currentTime) ?? 0;
+              (U = (v = d.current).onNext) == null || U.call(v, h);
             }), A("vp-video-switch", (f) => {
-              var m, y;
+              var h, v;
               const c = f ?? {};
-              (y = (m = d.current).onVideoSwitch) == null || y.call(m, c);
+              (v = (h = d.current).onVideoSwitch) == null || v.call(h, c);
             }));
           }
         }
       } catch (H) {
         if (i) {
           const me = H instanceof Error ? H.message : String(H);
-          J(me), console.error("VP Player initialization error:", H);
+          Z(me), console.error("VP Player initialization error:", H);
         }
       }
     })(), () => {
-      var k;
-      if (i = !1, (k = q.current) != null && k.destroy) {
+      var P;
+      if (i = !1, (P = q.current) != null && P.destroy) {
         try {
           q.current.destroy();
         } catch {
@@ -1835,9 +1835,9 @@ const Bt = ({
     O,
     G,
     M,
-    g,
+    y,
     o,
-    ee,
+    re,
     e,
     n,
     r
@@ -1845,11 +1845,11 @@ const Bt = ({
     playerRef: ce,
     playerInstanceRef: q,
     isScriptLoaded: O,
-    isLoading: !O && !Q,
-    error: Q,
+    isLoading: !O && !ee,
+    error: ee,
     generatedPlayerId: G
   };
-}, Xt = br(
+}, Zt = wr(
   ({
     scriptId: e,
     videoId: r,
@@ -1859,36 +1859,36 @@ const Bt = ({
     playerId: s,
     isVertical: u = !1,
     isReels: p = !1,
-    thumbnailUrl: w,
-    onClose: v,
-    className: h,
-    hiddenClasses: b = [],
+    thumbnailUrl: k,
+    onClose: b,
+    className: m,
+    hiddenClasses: x = [],
     onReady: I,
     onPlay: $,
     onPause: j,
-    onResume: x,
-    onComplete: P,
-    onError: S,
+    onResume: w,
+    onComplete: S,
+    onError: E,
     onVideoStarted: C,
     onTimeUpdate: V,
     onQuartile25: N,
     onQuartile50: z,
     onQuartile75: F,
-    onNext: E,
+    onNext: R,
     onPrevious: te,
     onProgress10s: ce,
     onProgress20s: q,
-    onPlaylistItem: Q,
-    onVideoSwitch: J
+    onPlaylistItem: ee,
+    onVideoSwitch: Z
   }, fe) => {
     const {
       playerRef: G,
       playerInstanceRef: d,
       isScriptLoaded: ne,
-      isLoading: Z,
+      isLoading: K,
       error: ue,
       generatedPlayerId: ae
-    } = Bt({
+    } = Jt({
       scriptId: e,
       videoId: r,
       scriptUrl: t,
@@ -1900,22 +1900,22 @@ const Bt = ({
       onReady: I,
       onPlay: $,
       onPause: j,
-      onResume: x,
-      onComplete: P,
-      onError: S,
+      onResume: w,
+      onComplete: S,
+      onError: E,
       onVideoStarted: C,
       onTimeUpdate: V,
       onQuartile25: N,
       onQuartile50: z,
       onQuartile75: F,
-      onNext: E,
+      onNext: R,
       onPrevious: te,
       onProgress10s: ce,
       onProgress20s: q,
-      onPlaylistItem: Q,
-      onVideoSwitch: J
+      onPlaylistItem: ee,
+      onVideoSwitch: Z
     });
-    Ir(
+    Vr(
       fe,
       () => ({
         play: () => {
@@ -1927,8 +1927,8 @@ const Bt = ({
           return (l = (i = d.current) == null ? void 0 : i.pause) == null ? void 0 : l.call(i);
         },
         seek: (i) => {
-          var l, k;
-          return (k = (l = d.current) == null ? void 0 : l.seek) == null ? void 0 : k.call(l, i);
+          var l, P;
+          return (P = (l = d.current) == null ? void 0 : l.seek) == null ? void 0 : P.call(l, i);
         },
         forward: () => {
           var i, l;
@@ -1959,12 +1959,12 @@ const Bt = ({
           return (l = (i = d.current) == null ? void 0 : i.toggleMute) == null ? void 0 : l.call(i);
         },
         enterFullScreen: () => {
-          var i, l, k;
-          return (k = ((i = d.current) == null ? void 0 : i.enterFullScreen) ?? ((l = d.current) == null ? void 0 : l.enterFullscreen)) == null ? void 0 : k();
+          var i, l, P;
+          return (P = ((i = d.current) == null ? void 0 : i.enterFullScreen) ?? ((l = d.current) == null ? void 0 : l.enterFullscreen)) == null ? void 0 : P();
         },
         exitFullScreen: () => {
-          var i, l, k;
-          return (k = ((i = d.current) == null ? void 0 : i.exitFullScreen) ?? ((l = d.current) == null ? void 0 : l.exitFullscreen)) == null ? void 0 : k();
+          var i, l, P;
+          return (P = ((i = d.current) == null ? void 0 : i.exitFullScreen) ?? ((l = d.current) == null ? void 0 : l.exitFullscreen)) == null ? void 0 : P();
         },
         getPosition: () => {
           var i, l;
@@ -1979,8 +1979,8 @@ const Bt = ({
           return ((l = (i = d.current) == null ? void 0 : i.getVolume) == null ? void 0 : l.call(i)) ?? null;
         },
         setVolume: (i) => {
-          var l, k;
-          return (k = (l = d.current) == null ? void 0 : l.setVolume) == null ? void 0 : k.call(l, i);
+          var l, P;
+          return (P = (l = d.current) == null ? void 0 : l.setVolume) == null ? void 0 : P.call(l, i);
         },
         isMuted: () => {
           var i, l;
@@ -2006,19 +2006,19 @@ const Bt = ({
           return (l = (i = d.current) == null ? void 0 : i.removeVideoLock) == null ? void 0 : l.call(i);
         },
         setVideoLocking: (i) => {
-          var l, k;
-          return (k = (l = d.current) == null ? void 0 : l.setVideoLocking) == null ? void 0 : k.call(l, i);
+          var l, P;
+          return (P = (l = d.current) == null ? void 0 : l.setVideoLocking) == null ? void 0 : P.call(l, i);
         }
       }),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
     );
-    const [ee, o] = Fe(!0), g = () => p && o(!0), O = () => {
+    const [re, o] = Fe(!0), y = () => p && o(!0), O = () => {
       var i, l;
-      !p || !ee || (o(!1), (l = (i = d.current) == null ? void 0 : i.pause) == null || l.call(i), v == null || v());
+      !p || !re || (o(!1), (l = (i = d.current) == null ? void 0 : i.pause) == null || l.call(i), b == null || b());
     };
     if (ue)
-      return /* @__PURE__ */ D.jsxs(gr, { type: "error", children: [
+      return /* @__PURE__ */ D.jsxs(vr, { type: "error", children: [
         "An error occurred: ",
         ue
       ] });
@@ -2037,28 +2037,28 @@ const Bt = ({
           background: "rgba(0,0,0,0.8)",
           zIndex: 10
         },
-        children: /* @__PURE__ */ D.jsx(gr, { type: "loading", children: "Loading..." })
+        children: /* @__PURE__ */ D.jsx(vr, { type: "loading", children: "Loading..." })
       }
     );
     return p ? /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
-      !ee && /* @__PURE__ */ D.jsx(
+      !re && /* @__PURE__ */ D.jsx(
         "div",
         {
-          onClick: g,
+          onClick: y,
           style: {
             cursor: "pointer",
             width: "100%",
             height: "100%",
-            backgroundImage: w ? `url(${w})` : void 0,
+            backgroundImage: k ? `url(${k})` : void 0,
             backgroundSize: "cover",
             backgroundPosition: "center"
           }
         }
       ),
-      ee && /* @__PURE__ */ D.jsx(Ft, { onClick: O, className: h, children: /* @__PURE__ */ D.jsx(
-        Vt,
+      re && /* @__PURE__ */ D.jsx(Lt, { onClick: O, className: m, children: /* @__PURE__ */ D.jsx(
+        Nt,
         {
-          className: h,
+          className: m,
           onClick: (i) => i.stopPropagation(),
           children: /* @__PURE__ */ D.jsxs(
             "div",
@@ -2070,17 +2070,17 @@ const Bt = ({
               },
               children: [
                 /* @__PURE__ */ D.jsx(
-                  yr,
+                  br,
                   {
                     id: ae,
                     ref: G,
                     width: "100%",
                     height: "100%",
-                    $hiddenClasses: b,
-                    className: h
+                    $hiddenClasses: x,
+                    className: m
                   }
                 ),
-                (Z || !ne) && /* @__PURE__ */ D.jsx(M, {})
+                (K || !ne) && /* @__PURE__ */ D.jsx(M, {})
               ]
             }
           )
@@ -2088,33 +2088,33 @@ const Bt = ({
       ) })
     ] }) : /* @__PURE__ */ D.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
       /* @__PURE__ */ D.jsx(
-        yr,
+        br,
         {
           id: ae,
           ref: G,
           width: "100%",
           height: "100%",
-          $hiddenClasses: b,
-          className: h
+          $hiddenClasses: x,
+          className: m
         }
       ),
-      (Z || !ne) && /* @__PURE__ */ D.jsx(M, {})
+      (K || !ne) && /* @__PURE__ */ D.jsx(M, {})
     ] });
   }
 );
-Xt.displayName = "VPPlayer";
+Zt.displayName = "VPPlayer";
 export {
-  Ft as Overlay,
-  yr as PlayerContainer,
-  Vt as PlayerWrapper,
-  Xt as VPPlayer,
+  Lt as Overlay,
+  br as PlayerContainer,
+  Nt as PlayerWrapper,
+  Zt as VPPlayer,
   he as VP_PLAYER_BASE_URL,
-  qt as appendDivIdToUrl,
-  Yt as generatePlayerId,
-  Nt as getFullyManagedPlayerScriptUrl,
-  Zt as getManagedPlayerScriptUrl,
-  Lt as getPlayerScriptUrl,
-  zt as getVerticalPlayerScriptUrl,
-  Bt as useVPPlayerLogic,
-  Ht as useVPPlayerScript
+  Gt as appendDivIdToUrl,
+  Ht as generatePlayerId,
+  Ut as getFullyManagedPlayerScriptUrl,
+  Qt as getManagedPlayerScriptUrl,
+  zt as getPlayerScriptUrl,
+  Dt as getVerticalPlayerScriptUrl,
+  Jt as useVPPlayerLogic,
+  Bt as useVPPlayerScript
 };