@devix-technologies/react-gjirafa-vp-player 1.0.31-beta.8 → 1.0.31-beta.9

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

@@ -1,6 +1,6 @@
-import * as ne from "react";
+import * as oe from "react";
 import hr, { forwardRef as rr, useContext as gr, useState as Te, useEffect as Fe, useRef as xe, useId as mr, useMemo as je, useImperativeHandle as yr } from "react";
-var Pe = { exports: {} }, pe = {};
+var we = { exports: {} }, pe = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,17 +10,17 @@ var Pe = { exports: {} }, pe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var De;
+var Ue;
 function vr() {
-  if (De) return pe;
-  De = 1;
+  if (Ue) return pe;
+  Ue = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
   function t(a, o, s) {
     var f = null;
     if (s !== void 0 && (f = "" + s), o.key !== void 0 && (f = "" + o.key), "key" in o) {
       s = {};
-      for (var d in o)
-        d !== "key" && (s[d] = o[d]);
+      for (var p in o)
+        p !== "key" && (s[p] = o[p]);
     } else s = o;
     return o = s.ref, {
       $$typeof: e,
@@ -48,20 +48,20 @@ function br() {
     function e(i) {
       if (i == null) return null;
       if (typeof i == "function")
-        return i.$$typeof === F ? null : i.displayName || i.name || null;
+        return i.$$typeof === N ? null : i.displayName || i.name || null;
       if (typeof i == "string") return i;
       switch (i) {
-        case x:
+        case w:
           return "Fragment";
         case _:
           return "Profiler";
-        case w:
+        case k:
           return "StrictMode";
-        case j:
+        case M:
           return "Suspense";
-        case b:
+        case x:
           return "SuspenseList";
-        case G:
+        case B:
           return "Activity";
       }
       if (typeof i == "object")
@@ -70,14 +70,14 @@ function br() {
         ), i.$$typeof) {
           case v:
             return "Portal";
-          case L:
+          case V:
             return i.displayName || "Context";
-          case C:
+          case j:
             return (i._context.displayName || "Context") + ".Consumer";
           case I:
             var n = i.render;
             return i = i.displayName, i || (i = n.displayName || n.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
-          case K:
+          case ee:
             return n = i.displayName || null, n !== null ? n : e(i.type) || "Memo";
           case W:
             n = i._payload, i = i._init;
@@ -100,16 +100,16 @@ function br() {
       }
       if (n) {
         n = console;
-        var c = n.error, p = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        var c = n.error, d = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return c.call(
           n,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          p
+          d
         ), r(i);
       }
     }
     function a(i) {
-      if (i === x) return "<>";
+      if (i === w) return "<>";
       if (typeof i == "object" && i !== null && i.$$typeof === W)
         return "<...>";
       try {
@@ -133,9 +133,9 @@ function br() {
       }
       return i.key !== void 0;
     }
-    function d(i, n) {
+    function p(i, n) {
       function c() {
-        re || (re = !0, console.error(
+        te || (te = !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
         ));
@@ -147,18 +147,18 @@ function br() {
     }
     function P() {
       var i = e(this.type);
-      return B[i] || (B[i] = !0, console.error(
+      return X[i] || (X[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 m(i, n, c, p, S, T) {
+    function m(i, n, c, d, S, $) {
       var l = c.ref;
       return i = {
-        $$typeof: $,
+        $$typeof: A,
         type: i,
         key: n,
         props: c,
-        _owner: p
+        _owner: d
       }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(i, "ref", {
         enumerable: !1,
         get: P
@@ -181,16 +181,16 @@ function br() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: T
+        value: $
       }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
     }
-    function g(i, n, c, p, S, T) {
+    function g(i, n, c, d, S, $) {
       var l = n.children;
       if (l !== void 0)
-        if (p)
-          if (ee(l)) {
-            for (p = 0; p < l.length; p++)
-              y(l[p]);
+        if (d)
+          if (re(l)) {
+            for (d = 0; d < l.length; d++)
+              y(l[d]);
             Object.freeze && Object.freeze(l);
           } else
             console.error(
@@ -199,28 +199,28 @@ function br() {
         else y(l);
       if (Y.call(n, "key")) {
         l = e(i);
-        var u = Object.keys(n).filter(function(N) {
-          return N !== "key";
+        var u = Object.keys(n).filter(function(C) {
+          return C !== "key";
         });
-        p = 0 < u.length ? "{key: someKey, " + u.join(": ..., ") + ": ...}" : "{key: someKey}", fe[l + p] || (u = 0 < u.length ? "{" + u.join(": ..., ") + ": ...}" : "{}", console.error(
+        d = 0 < u.length ? "{key: someKey, " + u.join(": ..., ") + ": ...}" : "{key: someKey}", de[l + d] || (u = 0 < u.length ? "{" + u.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} />`,
-          p,
+          d,
           l,
           u,
           l
-        ), fe[l + p] = !0);
+        ), de[l + d] = !0);
       }
       if (l = null, c !== void 0 && (t(c), l = "" + c), f(n) && (t(n.key), l = "" + n.key), "key" in n) {
         c = {};
-        for (var k in n)
-          k !== "key" && (c[k] = n[k]);
+        for (var b in n)
+          b !== "key" && (c[b] = n[b]);
       } else c = n;
-      return l && d(
+      return l && p(
         c,
         typeof i == "function" ? i.displayName || i.name || "Unknown" : i
       ), m(
@@ -229,55 +229,55 @@ React keys must be passed directly to JSX without using spread:
         c,
         o(),
         S,
-        T
+        $
       );
     }
     function y(i) {
       O(i) ? i._store && (i._store.validated = 1) : typeof i == "object" && i !== null && i.$$typeof === W && (i._payload.status === "fulfilled" ? O(i._payload.value) && i._payload.value._store && (i._payload.value._store.validated = 1) : i._store && (i._store.validated = 1));
     }
     function O(i) {
-      return typeof i == "object" && i !== null && i.$$typeof === $;
+      return typeof i == "object" && i !== null && i.$$typeof === A;
     }
-    var A = hr, $ = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), L = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), j = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), G = Symbol.for("react.activity"), F = Symbol.for("react.client.reference"), h = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, ee = Array.isArray, z = console.createTask ? console.createTask : function() {
+    var T = hr, A = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), _ = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), V = Symbol.for("react.context"), I = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), ee = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), N = Symbol.for("react.client.reference"), h = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, re = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
-    A = {
+    T = {
       react_stack_bottom_frame: function(i) {
         return i();
       }
     };
-    var re, B = {}, te = A.react_stack_bottom_frame.bind(
-      A,
+    var te, X = {}, ne = T.react_stack_bottom_frame.bind(
+      T,
       s
-    )(), q = z(a(s)), fe = {};
-    he.Fragment = x, he.jsx = function(i, n, c) {
-      var p = 1e4 > h.recentlyCreatedOwnerStacks++;
+    )(), q = z(a(s)), de = {};
+    he.Fragment = w, he.jsx = function(i, n, c) {
+      var d = 1e4 > h.recentlyCreatedOwnerStacks++;
       return g(
         i,
         n,
         c,
         !1,
-        p ? Error("react-stack-top-frame") : te,
-        p ? z(a(i)) : q
+        d ? Error("react-stack-top-frame") : ne,
+        d ? z(a(i)) : q
       );
     }, he.jsxs = function(i, n, c) {
-      var p = 1e4 > h.recentlyCreatedOwnerStacks++;
+      var d = 1e4 > h.recentlyCreatedOwnerStacks++;
       return g(
         i,
         n,
         c,
         !0,
-        p ? Error("react-stack-top-frame") : te,
-        p ? z(a(i)) : q
+        d ? Error("react-stack-top-frame") : ne,
+        d ? z(a(i)) : q
       );
     };
   })()), he;
 }
 var Ye;
 function xr() {
-  return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? Pe.exports = vr() : Pe.exports = br()), Pe.exports;
+  return Ye || (Ye = 1, process.env.NODE_ENV === "production" ? we.exports = vr() : we.exports = br()), we.exports;
 }
-var V = xr();
+var L = xr();
 function Ne() {
   return Ne = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
@@ -287,14 +287,14 @@ function Ne() {
     return e;
   }, Ne.apply(null, arguments);
 }
-function Pr(e) {
+function wr(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 wr(e) {
+function Pr(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;
 }
@@ -310,10 +310,10 @@ var kr = /* @__PURE__ */ (function() {
   return r.hydrate = function(a) {
     a.forEach(this._insertTag);
   }, r.insert = function(a) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(wr(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Pr(this));
     var o = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var s = Pr(o);
+      var s = wr(o);
       try {
         s.insertRule(a, s.cssRules.length);
       } catch {
@@ -327,9 +327,9 @@ var kr = /* @__PURE__ */ (function() {
       return (o = a.parentNode) == null ? void 0 : o.removeChild(a);
     }), this.tags = [], this.ctr = 0;
   }, e;
-})(), D = "-ms-", Ae = "-moz-", E = "-webkit-", tr = "comm", Ie = "rule", Ue = "decl", Sr = "@import", nr = "@keyframes", Er = "@layer", Rr = Math.abs, $e = String.fromCharCode, _r = Object.assign;
+})(), U = "-ms-", Ae = "-moz-", E = "-webkit-", tr = "comm", Ie = "rule", ze = "decl", Sr = "@import", nr = "@keyframes", Er = "@layer", Rr = Math.abs, $e = String.fromCharCode, _r = Object.assign;
 function Tr(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;
+  return D(e, 0) ^ 45 ? (((r << 2 ^ D(e, 0)) << 2 ^ D(e, 1)) << 2 ^ D(e, 2)) << 2 ^ D(e, 3) : 0;
 }
 function ar(e) {
   return e.trim();
@@ -340,51 +340,51 @@ function Ar(e, r) {
 function R(e, r, t) {
   return e.replace(r, t);
 }
-function Ve(e, r) {
+function Le(e, r) {
   return e.indexOf(r);
 }
-function U(e, r) {
+function D(e, r) {
   return e.charCodeAt(r) | 0;
 }
 function me(e, r, t) {
   return e.slice(r, t);
 }
-function X(e) {
+function Z(e) {
   return e.length;
 }
-function ze(e) {
+function De(e) {
   return e.length;
 }
-function we(e, r) {
+function Pe(e, r) {
   return r.push(e), e;
 }
 function $r(e, r) {
   return e.map(r).join("");
 }
-var Oe = 1, ce = 1, or = 0, H = 0, M = 0, ue = "";
-function Ce(e, r, t, a, o, s, f) {
-  return { value: e, root: r, parent: t, type: a, props: o, children: s, line: Oe, column: ce, length: f, return: "" };
+var Ce = 1, le = 1, or = 0, H = 0, F = 0, fe = "";
+function Oe(e, r, t, a, o, s, f) {
+  return { value: e, root: r, parent: t, type: a, props: o, children: s, line: Ce, column: le, length: f, return: "" };
 }
 function ge(e, r) {
-  return _r(Ce("", null, null, "", null, null, 0), e, { length: -e.length }, r);
-}
-function Or() {
-  return M;
+  return _r(Oe("", null, null, "", null, null, 0), e, { length: -e.length }, r);
 }
 function Cr() {
-  return M = H > 0 ? U(ue, --H) : 0, ce--, M === 10 && (ce = 1, Oe--), M;
+  return F;
 }
-function J() {
-  return M = H < or ? U(ue, H++) : 0, ce++, M === 10 && (ce = 1, Oe++), M;
+function Or() {
+  return F = H > 0 ? D(fe, --H) : 0, le--, F === 10 && (le = 1, Ce--), F;
 }
-function Q() {
-  return U(ue, H);
+function G() {
+  return F = H < or ? D(fe, H++) : 0, le++, F === 10 && (le = 1, Ce++), F;
+}
+function K() {
+  return D(fe, H);
 }
 function Ee() {
   return H;
 }
 function be(e, r) {
-  return me(ue, e, r);
+  return me(fe, e, r);
 }
 function ye(e) {
   switch (e) {
@@ -425,100 +425,100 @@ function ye(e) {
   return 0;
 }
 function ir(e) {
-  return Oe = ce = 1, or = X(ue = e), H = 0, [];
+  return Ce = le = 1, or = Z(fe = e), H = 0, [];
 }
 function sr(e) {
-  return ue = "", e;
+  return fe = "", e;
 }
 function Re(e) {
-  return ar(be(H - 1, Le(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return ar(be(H - 1, Ve(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function jr(e) {
-  for (; (M = Q()) && M < 33; )
-    J();
-  return ye(e) > 2 || ye(M) > 3 ? "" : " ";
+  for (; (F = K()) && F < 33; )
+    G();
+  return ye(e) > 2 || ye(F) > 3 ? "" : " ";
 }
 function Mr(e, r) {
-  for (; --r && J() && !(M < 48 || M > 102 || M > 57 && M < 65 || M > 70 && M < 97); )
+  for (; --r && G() && !(F < 48 || F > 102 || F > 57 && F < 65 || F > 70 && F < 97); )
     ;
-  return be(e, Ee() + (r < 6 && Q() == 32 && J() == 32));
+  return be(e, Ee() + (r < 6 && K() == 32 && G() == 32));
 }
-function Le(e) {
-  for (; J(); )
-    switch (M) {
+function Ve(e) {
+  for (; G(); )
+    switch (F) {
       // ] ) " '
       case e:
         return H;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Le(M);
+        e !== 34 && e !== 39 && Ve(F);
         break;
       // (
       case 40:
-        e === 41 && Le(e);
+        e === 41 && Ve(e);
         break;
       // \
       case 92:
-        J();
+        G();
         break;
     }
   return H;
 }
 function Fr(e, r) {
-  for (; J() && e + M !== 57; )
-    if (e + M === 84 && Q() === 47)
+  for (; G() && e + F !== 57; )
+    if (e + F === 84 && K() === 47)
       break;
-  return "/*" + be(r, H - 1) + "*" + $e(e === 47 ? e : J());
+  return "/*" + be(r, H - 1) + "*" + $e(e === 47 ? e : G());
 }
 function Nr(e) {
-  for (; !ye(Q()); )
-    J();
+  for (; !ye(K()); )
+    G();
   return be(e, H);
 }
-function Vr(e) {
+function Lr(e) {
   return sr(_e("", null, null, null, [""], e = ir(e), 0, [0], e));
 }
-function _e(e, r, t, a, o, s, f, d, P) {
-  for (var m = 0, g = 0, y = f, O = 0, A = 0, $ = 0, v = 1, x = 1, w = 1, _ = 0, C = "", L = o, I = s, j = a, b = C; x; )
-    switch ($ = _, _ = J()) {
+function _e(e, r, t, a, o, s, f, p, P) {
+  for (var m = 0, g = 0, y = f, O = 0, T = 0, A = 0, v = 1, w = 1, k = 1, _ = 0, j = "", V = o, I = s, M = a, x = j; w; )
+    switch (A = _, _ = G()) {
       // (
       case 40:
-        if ($ != 108 && U(b, y - 1) == 58) {
-          Ve(b += R(Re(_), "&", "&\f"), "&\f") != -1 && (w = -1);
+        if (A != 108 && D(x, y - 1) == 58) {
+          Le(x += R(Re(_), "&", "&\f"), "&\f") != -1 && (k = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        b += Re(_);
+        x += Re(_);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        b += jr($);
+        x += jr(A);
         break;
       // \
       case 92:
-        b += Mr(Ee() - 1, 7);
+        x += Mr(Ee() - 1, 7);
         continue;
       // /
       case 47:
-        switch (Q()) {
+        switch (K()) {
           case 42:
           case 47:
-            we(Lr(Fr(J(), Ee()), r, t), P);
+            Pe(Vr(Fr(G(), Ee()), r, t), P);
             break;
           default:
-            b += "/";
+            x += "/";
         }
         break;
       // {
       case 123 * v:
-        d[m++] = X(b) * w;
+        p[m++] = Z(x) * k;
       // } ; \0
       case 125 * v:
       case 59:
@@ -527,78 +527,78 @@ function _e(e, r, t, a, o, s, f, d, P) {
           // \0 }
           case 0:
           case 125:
-            x = 0;
+            w = 0;
           // ;
           case 59 + g:
-            w == -1 && (b = R(b, /\f/g, "")), A > 0 && X(b) - y && we(A > 32 ? He(b + ";", a, t, y - 1) : He(R(b, " ", "") + ";", a, t, y - 2), P);
+            k == -1 && (x = R(x, /\f/g, "")), T > 0 && Z(x) - y && Pe(T > 32 ? He(x + ";", a, t, y - 1) : He(R(x, " ", "") + ";", a, t, y - 2), P);
             break;
           // @ ;
           case 59:
-            b += ";";
+            x += ";";
           // { rule/at-rule
           default:
-            if (we(j = qe(b, r, t, m, g, o, d, C, L = [], I = [], y), s), _ === 123)
+            if (Pe(M = qe(x, r, t, m, g, o, p, j, V = [], I = [], y), s), _ === 123)
               if (g === 0)
-                _e(b, r, j, j, L, s, y, d, I);
+                _e(x, r, M, M, V, s, y, p, I);
               else
-                switch (O === 99 && U(b, 3) === 110 ? 100 : O) {
+                switch (O === 99 && D(x, 3) === 110 ? 100 : O) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    _e(e, j, j, a && we(qe(e, j, j, 0, 0, o, d, C, o, L = [], y), I), o, I, y, d, a ? L : I);
+                    _e(e, M, M, a && Pe(qe(e, M, M, 0, 0, o, p, j, o, V = [], y), I), o, I, y, p, a ? V : I);
                     break;
                   default:
-                    _e(b, j, j, j, [""], I, 0, d, I);
+                    _e(x, M, M, M, [""], I, 0, p, I);
                 }
         }
-        m = g = A = 0, v = w = 1, C = b = "", y = f;
+        m = g = T = 0, v = k = 1, j = x = "", y = f;
         break;
       // :
       case 58:
-        y = 1 + X(b), A = $;
+        y = 1 + Z(x), T = A;
       default:
         if (v < 1) {
           if (_ == 123)
             --v;
-          else if (_ == 125 && v++ == 0 && Cr() == 125)
+          else if (_ == 125 && v++ == 0 && Or() == 125)
             continue;
         }
-        switch (b += $e(_), _ * v) {
+        switch (x += $e(_), _ * v) {
           // &
           case 38:
-            w = g > 0 ? 1 : (b += "\f", -1);
+            k = g > 0 ? 1 : (x += "\f", -1);
             break;
           // ,
           case 44:
-            d[m++] = (X(b) - 1) * w, w = 1;
+            p[m++] = (Z(x) - 1) * k, k = 1;
             break;
           // @
           case 64:
-            Q() === 45 && (b += Re(J())), O = Q(), g = y = X(C = b += Nr(Ee())), _++;
+            K() === 45 && (x += Re(G())), O = K(), g = y = Z(j = x += Nr(Ee())), _++;
             break;
           // -
           case 45:
-            $ === 45 && X(b) == 2 && (v = 0);
+            A === 45 && Z(x) == 2 && (v = 0);
         }
     }
   return s;
 }
-function qe(e, r, t, a, o, s, f, d, P, m, g) {
-  for (var y = o - 1, O = o === 0 ? s : [""], A = ze(O), $ = 0, v = 0, x = 0; $ < a; ++$)
-    for (var w = 0, _ = me(e, y + 1, y = Rr(v = f[$])), C = e; w < A; ++w)
-      (C = ar(v > 0 ? O[w] + " " + _ : R(_, /&\f/g, O[w]))) && (P[x++] = C);
-  return Ce(e, r, t, o === 0 ? Ie : d, P, m, g);
+function qe(e, r, t, a, o, s, f, p, P, m, g) {
+  for (var y = o - 1, O = o === 0 ? s : [""], T = De(O), A = 0, v = 0, w = 0; A < a; ++A)
+    for (var k = 0, _ = me(e, y + 1, y = Rr(v = f[A])), j = e; k < T; ++k)
+      (j = ar(v > 0 ? O[k] + " " + _ : R(_, /&\f/g, O[k]))) && (P[w++] = j);
+  return Oe(e, r, t, o === 0 ? Ie : p, P, m, g);
 }
-function Lr(e, r, t) {
-  return Ce(e, r, t, tr, $e(Or()), me(e, 2, -2), 0);
+function Vr(e, r, t) {
+  return Oe(e, r, t, tr, $e(Cr()), me(e, 2, -2), 0);
 }
 function He(e, r, t, a) {
-  return Ce(e, r, t, Ue, me(e, 0, a), me(e, a + 1, -1), a);
+  return Oe(e, r, t, ze, me(e, 0, a), me(e, a + 1, -1), a);
 }
-function se(e, r) {
-  for (var t = "", a = ze(e), o = 0; o < a; o++)
+function ce(e, r) {
+  for (var t = "", a = De(e), o = 0; o < a; o++)
     t += r(e[o], o, e, r) || "";
   return t;
 }
@@ -607,26 +607,26 @@ function Ir(e, r, t, a) {
     case Er:
       if (e.children.length) break;
     case Sr:
-    case Ue:
+    case ze:
       return e.return = e.return || e.value;
     case tr:
       return "";
     case nr:
-      return e.return = e.value + "{" + se(e.children, a) + "}";
+      return e.return = e.value + "{" + ce(e.children, a) + "}";
     case Ie:
       e.value = e.props.join(",");
   }
-  return X(t = se(e.children, a)) ? e.return = e.value + "{" + t + "}" : "";
+  return Z(t = ce(e.children, a)) ? e.return = e.value + "{" + t + "}" : "";
 }
-function Ur(e) {
-  var r = ze(e);
+function zr(e) {
+  var r = De(e);
   return function(t, a, o, s) {
-    for (var f = "", d = 0; d < r; d++)
-      f += e[d](t, a, o, s) || "";
+    for (var f = "", p = 0; p < r; p++)
+      f += e[p](t, a, o, s) || "";
     return f;
   };
 }
-function zr(e) {
+function Dr(e) {
   return function(r) {
     r.root || (r = r.return) && e(r);
   };
@@ -637,44 +637,44 @@ function cr(e) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var Dr = function(r, t, a) {
-  for (var o = 0, s = 0; o = s, s = Q(), o === 38 && s === 12 && (t[a] = 1), !ye(s); )
-    J();
+var Ur = function(r, t, a) {
+  for (var o = 0, s = 0; o = s, s = K(), o === 38 && s === 12 && (t[a] = 1), !ye(s); )
+    G();
   return be(r, H);
 }, Wr = function(r, t) {
   var a = -1, o = 44;
   do
     switch (ye(o)) {
       case 0:
-        o === 38 && Q() === 12 && (t[a] = 1), r[a] += Dr(H - 1, t, a);
+        o === 38 && K() === 12 && (t[a] = 1), r[a] += Ur(H - 1, t, a);
         break;
       case 2:
         r[a] += Re(o);
         break;
       case 4:
         if (o === 44) {
-          r[++a] = Q() === 58 ? "&\f" : "", t[a] = r[a].length;
+          r[++a] = K() === 58 ? "&\f" : "", t[a] = r[a].length;
           break;
         }
       // fallthrough
       default:
         r[a] += $e(o);
     }
-  while (o = J());
+  while (o = G());
   return r;
 }, Yr = function(r, t) {
   return sr(Wr(ir(r), t));
-}, Je = /* @__PURE__ */ new WeakMap(), qr = function(r) {
+}, Ge = /* @__PURE__ */ new WeakMap(), qr = 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, 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 && !Je.get(a)) && !o) {
-      Je.set(r, !0);
-      for (var s = [], f = Yr(t, s), d = a.props, P = 0, m = 0; P < f.length; P++)
-        for (var g = 0; g < d.length; g++, m++)
-          r.props[m] = s[P] ? f[P].replace(/&\f/g, d[g]) : d[g] + " " + f[P];
+    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !Ge.get(a)) && !o) {
+      Ge.set(r, !0);
+      for (var s = [], f = Yr(t, s), p = a.props, P = 0, m = 0; P < f.length; P++)
+        for (var g = 0; g < p.length; g++, m++)
+          r.props[m] = s[P] ? f[P].replace(/&\f/g, p[g]) : p[g] + " " + f[P];
     }
   }
 }, Hr = function(r) {
@@ -726,32 +726,32 @@ function lr(e, r) {
     case 4810:
     case 6968:
     case 2756:
-      return E + e + Ae + e + D + e + e;
+      return E + e + Ae + e + U + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return E + e + D + e + e;
+      return E + e + U + e + e;
     // order
     case 6165:
-      return E + e + D + "flex-" + e + e;
+      return E + e + U + "flex-" + e + e;
     // align-items
     case 5187:
-      return E + e + R(e, /(\w+).+(:[^]+)/, E + "box-$1$2" + D + "flex-$1$2") + e;
+      return E + e + R(e, /(\w+).+(:[^]+)/, E + "box-$1$2" + U + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return E + e + D + "flex-item-" + R(e, /flex-|-self/, "") + e;
+      return E + e + U + "flex-item-" + R(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return E + e + D + "flex-line-pack" + R(e, /align-content|flex-|-self/, "") + e;
+      return E + e + U + "flex-line-pack" + R(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return E + e + D + R(e, "shrink", "negative") + e;
+      return E + e + U + R(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return E + e + D + R(e, "basis", "preferred-size") + e;
+      return E + e + U + R(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return E + "box-" + R(e, "-grow", "") + E + e + D + R(e, "grow", "positive") + e;
+      return E + "box-" + R(e, "-grow", "") + E + e + U + R(e, "grow", "positive") + e;
     // transition
     case 4554:
       return E + R(e, /([^-])(transform)/g, "$1" + E + "$2") + e;
@@ -764,7 +764,7 @@ function lr(e, r) {
       return R(e, /(image-set\([^]*)/, E + "$1$`$1");
     // justify-content
     case 4968:
-      return R(R(e, /(.+:)(flex-)?(.*)/, E + "box-pack:$3" + D + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + E + e + e;
+      return R(R(e, /(.+:)(flex-)?(.*)/, E + "box-pack:$3" + U + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + E + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
@@ -784,56 +784,56 @@ function lr(e, r) {
     case 5789:
     case 5021:
     case 4765:
-      if (X(e) - 1 - r > 6) switch (U(e, r + 1)) {
+      if (Z(e) - 1 - r > 6) switch (D(e, r + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (U(e, r + 4) !== 45) break;
+          if (D(e, r + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return R(e, /(.+:)(.+)-([^]+)/, "$1" + E + "$2-$3$1" + Ae + (U(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return R(e, /(.+:)(.+)-([^]+)/, "$1" + E + "$2-$3$1" + Ae + (D(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~Ve(e, "stretch") ? lr(R(e, "stretch", "fill-available"), r) + e : e;
+          return ~Le(e, "stretch") ? lr(R(e, "stretch", "fill-available"), r) + e : e;
       }
       break;
     // position: sticky
     case 4949:
-      if (U(e, r + 1) !== 115) break;
+      if (D(e, r + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (U(e, X(e) - 3 - (~Ve(e, "!important") && 10))) {
+      switch (D(e, Z(e) - 3 - (~Le(e, "!important") && 10))) {
         // stic(k)y
         case 107:
           return R(e, ":", ":" + E) + e;
         // (inline-)?fl(e)x
         case 101:
-          return R(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + E + (U(e, 14) === 45 ? "inline-" : "") + "box$3$1" + E + "$2$3$1" + D + "$2box$3") + e;
+          return R(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + E + (D(e, 14) === 45 ? "inline-" : "") + "box$3$1" + E + "$2$3$1" + U + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch (U(e, r + 11)) {
+      switch (D(e, r + 11)) {
         // vertical-l(r)
         case 114:
-          return E + e + D + R(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return E + e + U + R(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return E + e + D + R(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return E + e + U + R(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return E + e + D + R(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return E + e + U + R(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return E + e + D + e + e;
+      return E + e + U + e + e;
   }
   return e;
 }
-var Jr = function(r, t, a, o) {
+var Gr = function(r, t, a, o) {
   if (r.length > -1 && !r.return) switch (r.type) {
-    case Ue:
+    case ze:
       r.return = lr(r.value, r.length);
       break;
     case nr:
-      return se([ge(r, {
+      return ce([ge(r, {
         value: R(r.value, "@", "@" + E)
       })], o);
     case Ie:
@@ -842,54 +842,54 @@ var Jr = function(r, t, a, o) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
-            return se([ge(r, {
+            return ce([ge(r, {
               props: [R(s, /:(read-\w+)/, ":" + Ae + "$1")]
             })], o);
           // :placeholder
           case "::placeholder":
-            return se([ge(r, {
+            return ce([ge(r, {
               props: [R(s, /:(plac\w+)/, ":" + E + "input-$1")]
             }), ge(r, {
               props: [R(s, /:(plac\w+)/, ":" + Ae + "$1")]
             }), ge(r, {
-              props: [R(s, /:(plac\w+)/, D + "input-$1")]
+              props: [R(s, /:(plac\w+)/, U + "input-$1")]
             })], o);
         }
         return "";
       });
   }
-}, Gr = [Jr], Br = function(r) {
+}, Br = [Gr], Xr = 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(v) {
-      var x = v.getAttribute("data-emotion");
-      x.indexOf(" ") !== -1 && (document.head.appendChild(v), v.setAttribute("data-s", ""));
+      var w = v.getAttribute("data-emotion");
+      w.indexOf(" ") !== -1 && (document.head.appendChild(v), v.setAttribute("data-s", ""));
     });
   }
-  var o = r.stylisPlugins || Gr, s = {}, f, d = [];
+  var o = r.stylisPlugins || Br, s = {}, f, p = [];
   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(v) {
-      for (var x = v.getAttribute("data-emotion").split(" "), w = 1; w < x.length; w++)
-        s[x[w]] = !0;
-      d.push(v);
+      for (var w = v.getAttribute("data-emotion").split(" "), k = 1; k < w.length; k++)
+        s[w[k]] = !0;
+      p.push(v);
     }
   );
   var P, m = [qr, Hr];
   {
-    var g, y = [Ir, zr(function(v) {
+    var g, y = [Ir, Dr(function(v) {
       g.insert(v);
-    })], O = Ur(m.concat(o, y)), A = function(x) {
-      return se(Vr(x), O);
+    })], O = zr(m.concat(o, y)), T = function(w) {
+      return ce(Lr(w), O);
     };
-    P = function(x, w, _, C) {
-      g = _, A(x ? x + "{" + w.styles + "}" : w.styles), C && ($.inserted[w.name] = !0);
+    P = function(w, k, _, j) {
+      g = _, T(w ? w + "{" + k.styles + "}" : k.styles), j && (A.inserted[k.name] = !0);
     };
   }
-  var $ = {
+  var A = {
     key: t,
     sheet: new kr({
       key: t,
@@ -904,8 +904,8 @@ var Jr = function(r, t, a, o) {
     registered: {},
     insert: P
   };
-  return $.sheet.hydrate(d), $;
-}, Xr = !0;
+  return A.sheet.hydrate(p), A;
+}, Jr = !0;
 function Zr(e, r, t) {
   var a = "";
   return t.split(" ").forEach(function(o) {
@@ -923,7 +923,7 @@ var ur = function(r, t, a) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  Xr === !1) && r.registered[o] === void 0 && (r.registered[o] = t.styles);
+  Jr === !1) && r.registered[o] === void 0 && (r.registered[o] = t.styles);
 }, Qr = function(r, t, a) {
   ur(r, t, a);
   var o = r.key + "-" + t.name;
@@ -1004,20 +1004,20 @@ var et = {
   strokeWidth: 1
 }, rt = /[A-Z]|^ms/g, tt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, fr = function(r) {
   return r.charCodeAt(1) === 45;
-}, Ge = function(r) {
+}, Be = function(r) {
   return r != null && typeof r != "boolean";
 }, Me = /* @__PURE__ */ cr(function(e) {
   return fr(e) ? e : e.replace(rt, "-$&").toLowerCase();
-}), Be = function(r, t) {
+}), Xe = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof t == "string")
         return t.replace(tt, function(a, o, s) {
-          return Z = {
+          return Q = {
             name: o,
             styles: s,
-            next: Z
+            next: Q
           }, o;
         });
   }
@@ -1035,30 +1035,30 @@ function ve(e, r, t) {
     case "object": {
       var o = t;
       if (o.anim === 1)
-        return Z = {
+        return Q = {
           name: o.name,
           styles: o.styles,
-          next: Z
+          next: Q
         }, o.name;
       var s = t;
       if (s.styles !== void 0) {
         var f = s.next;
         if (f !== void 0)
           for (; f !== void 0; )
-            Z = {
+            Q = {
               name: f.name,
               styles: f.styles,
-              next: Z
+              next: Q
             }, f = f.next;
-        var d = s.styles + ";";
-        return d;
+        var p = s.styles + ";";
+        return p;
       }
       return nt(e, r, t);
     }
     case "function": {
       if (e !== void 0) {
-        var P = Z, m = t(e);
-        return Z = P, ve(e, r, m);
+        var P = Q, m = t(e);
+        return Q = P, ve(e, r, m);
       }
       break;
     }
@@ -1078,11 +1078,11 @@ function nt(e, r, t) {
     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] + "}" : Ge(d) && (a += Me(s) + ":" + Be(s, d) + ";");
+        var p = f;
+        r != null && r[p] !== void 0 ? a += s + "{" + r[p] + "}" : Be(p) && (a += Me(s) + ":" + Xe(s, p) + ";");
       } else if (Array.isArray(f) && typeof f[0] == "string" && (r == null || r[f[0]] === void 0))
         for (var P = 0; P < f.length; P++)
-          Ge(f[P]) && (a += Me(s) + ":" + Be(s, f[P]) + ";");
+          Be(f[P]) && (a += Me(s) + ":" + Xe(s, f[P]) + ";");
       else {
         var m = ve(e, r, f);
         switch (s) {
@@ -1098,12 +1098,12 @@ function nt(e, r, t) {
     }
   return a;
 }
-var Xe = /label:\s*([^\s;{]+)\s*(;|$)/g, Z;
+var Je = /label:\s*([^\s;{]+)\s*(;|$)/g, Q;
 function at(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 = "";
-  Z = void 0;
+  Q = void 0;
   var s = e[0];
   if (s == null || s.raw === void 0)
     a = !1, o += ve(t, r, s);
@@ -1111,31 +1111,31 @@ function at(e, r, t) {
     var f = s;
     o += f[0];
   }
-  for (var d = 1; d < e.length; d++)
-    if (o += ve(t, r, e[d]), a) {
+  for (var p = 1; p < e.length; p++)
+    if (o += ve(t, r, e[p]), a) {
       var P = s;
-      o += P[d];
+      o += P[p];
     }
-  Xe.lastIndex = 0;
-  for (var m = "", g; (g = Xe.exec(o)) !== null; )
+  Je.lastIndex = 0;
+  for (var m = "", g; (g = Je.exec(o)) !== null; )
     m += "-" + g[1];
   var y = Kr(o) + m;
   return {
     name: y,
     styles: o,
-    next: Z
+    next: Q
   };
 }
 var ot = function(r) {
   return r();
-}, it = ne.useInsertionEffect ? ne.useInsertionEffect : !1, st = it || ot, dr = /* @__PURE__ */ ne.createContext(
+}, it = oe.useInsertionEffect ? oe.useInsertionEffect : !1, st = it || ot, dr = /* @__PURE__ */ oe.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__ */ Br({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ Xr({
     key: "css"
   }) : null
 );
@@ -1145,7 +1145,7 @@ var ct = function(r) {
     var o = gr(dr);
     return r(t, o, a);
   });
-}, lt = /* @__PURE__ */ ne.createContext({}), ut = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, ft = /* @__PURE__ */ cr(
+}, lt = /* @__PURE__ */ oe.createContext({}), ut = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, ft = /* @__PURE__ */ cr(
   function(e) {
     return ut.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
@@ -1174,7 +1174,7 @@ var ct = function(r) {
 }, gt = function e(r, t) {
   var a = r.__emotion_real === r, o = a && r.__emotion_base || r, s, f;
   t !== void 0 && (s = t.label, f = t.target);
-  var d = Qe(r, t, a), P = d || Ze(o), m = !P("as");
+  var p = Qe(r, t, a), P = p || Ze(o), m = !P("as");
   return function() {
     var g = arguments, y = a && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
     if (s !== void 0 && y.push("label:" + s + ";"), g[0] == null || g[0].raw === void 0)
@@ -1182,36 +1182,36 @@ var ct = function(r) {
     else {
       var O = g[0];
       y.push(O[0]);
-      for (var A = g.length, $ = 1; $ < A; $++)
-        y.push(g[$], O[$]);
+      for (var T = g.length, A = 1; A < T; A++)
+        y.push(g[A], O[A]);
     }
-    var v = ct(function(x, w, _) {
-      var C = m && x.as || o, L = "", I = [], j = x;
-      if (x.theme == null) {
-        j = {};
-        for (var b in x)
-          j[b] = x[b];
-        j.theme = ne.useContext(lt);
+    var v = ct(function(w, k, _) {
+      var j = m && w.as || o, V = "", I = [], M = w;
+      if (w.theme == null) {
+        M = {};
+        for (var x in w)
+          M[x] = w[x];
+        M.theme = oe.useContext(lt);
       }
-      typeof x.className == "string" ? L = Zr(w.registered, I, x.className) : x.className != null && (L = x.className + " ");
-      var K = at(y.concat(I), w.registered, j);
-      L += w.key + "-" + K.name, f !== void 0 && (L += " " + f);
-      var W = m && d === void 0 ? Ze(C) : P, G = {};
-      for (var F in x)
-        m && F === "as" || W(F) && (G[F] = x[F]);
-      return G.className = L, _ && (G.ref = _), /* @__PURE__ */ ne.createElement(ne.Fragment, null, /* @__PURE__ */ ne.createElement(ht, {
-        cache: w,
-        serialized: K,
-        isStringTag: typeof C == "string"
-      }), /* @__PURE__ */ ne.createElement(C, G));
+      typeof w.className == "string" ? V = Zr(k.registered, I, w.className) : w.className != null && (V = w.className + " ");
+      var ee = at(y.concat(I), k.registered, M);
+      V += k.key + "-" + ee.name, f !== void 0 && (V += " " + f);
+      var W = m && p === void 0 ? Ze(j) : P, B = {};
+      for (var N in w)
+        m && N === "as" || W(N) && (B[N] = w[N]);
+      return B.className = V, _ && (B.ref = _), /* @__PURE__ */ oe.createElement(oe.Fragment, null, /* @__PURE__ */ oe.createElement(ht, {
+        cache: k,
+        serialized: ee,
+        isStringTag: typeof j == "string"
+      }), /* @__PURE__ */ oe.createElement(j, B));
     });
-    return v.displayName = s !== void 0 ? s : "Styled(" + (typeof o == "string" ? o : o.displayName || o.name || "Component") + ")", v.defaultProps = r.defaultProps, v.__emotion_real = v, v.__emotion_base = o, v.__emotion_styles = y, v.__emotion_forwardProp = d, Object.defineProperty(v, "toString", {
+    return v.displayName = s !== void 0 ? s : "Styled(" + (typeof o == "string" ? o : o.displayName || o.name || "Component") + ")", v.defaultProps = r.defaultProps, v.__emotion_real = v, v.__emotion_base = o, v.__emotion_styles = y, v.__emotion_forwardProp = p, Object.defineProperty(v, "toString", {
       value: function() {
         return "." + f;
       }
-    }), v.withComponent = function(x, w) {
-      var _ = e(x, Ne({}, t, w, {
-        shouldForwardProp: Qe(v, w, !0)
+    }), v.withComponent = function(w, k) {
+      var _ = e(w, Ne({}, t, k, {
+        shouldForwardProp: Qe(v, k, !0)
       }));
       return _.apply(void 0, y);
     }, v;
@@ -1352,11 +1352,11 @@ var ct = function(r) {
   "svg",
   "text",
   "tspan"
-], le = gt.bind(null);
+], ue = gt.bind(null);
 mt.forEach(function(e) {
-  le[e] = le(e);
+  ue[e] = ue(e);
 });
-const yt = le.div`
+const yt = ue.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1397,11 +1397,11 @@ const yt = le.div`
       return "";
   }
 }}
-`, Ke = ({ type: e, children: r, className: t, icon: a, action: o }) => /* @__PURE__ */ V.jsxs(yt, { type: e, className: t, children: [
-  a && /* @__PURE__ */ V.jsx("span", { children: a }),
-  /* @__PURE__ */ V.jsx("span", { children: r }),
-  o && /* @__PURE__ */ V.jsx("span", { children: o })
-] }), er = le.div`
+`, Ke = ({ type: e, children: r, className: t, icon: a, action: o }) => /* @__PURE__ */ L.jsxs(yt, { type: e, className: t, children: [
+  a && /* @__PURE__ */ L.jsx("span", { children: a }),
+  /* @__PURE__ */ L.jsx("span", { children: r }),
+  o && /* @__PURE__ */ L.jsx("span", { children: o })
+] }), er = ue.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
   border-radius: 0px !important; /* Force remove rounded corners on container */
@@ -1413,7 +1413,7 @@ const yt = le.div`
 
   /* Hide specific elements inside the player */
   ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((r) => `.${r} { display: none !important; }`).join("")}
-`, vt = le.div`
+`, vt = ue.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -1425,7 +1425,7 @@ const yt = le.div`
   align-items: center;
   z-index: 1000;
   pointer-events: auto;
-`, bt = le.div`
+`, bt = ue.div`
   position: relative;
   height: 80vh;
   width: auto;
@@ -1433,7 +1433,7 @@ const yt = le.div`
   max-width: 90vw;
   max-height: 90vh;
   z-index: 1001;
-`, ie = "https://host.vpplayer.tech", xt = (e) => `${ie}/player/${e}/vpplayer.js`, jt = (e) => `${ie}/player/${e}.js`, Pt = (e, r) => `${ie}/player/${e}/${r}.js`, wt = (e) => `${ie}/vertical-player/${e}.js`, kt = (e, r) => `${ie}/vertical-player/${e}/${r}.js`, St = (e, r) => `${ie}/player/${e}/${r}.json`, Et = (e, r) => `${ie}/vertical-player/${e}/${r}.json`, Rt = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", _t = (e, r) => {
+`, se = "https://host.vpplayer.tech", xt = (e) => `${se}/player/${e}/vpplayer.js`, jt = (e) => `${se}/player/${e}.js`, wt = (e, r) => `${se}/player/${e}/${r}.js`, Pt = (e) => `${se}/vertical-player/${e}.js`, kt = (e, r) => `${se}/vertical-player/${e}/${r}.js`, St = (e, r) => `${se}/player/${e}/${r}.json`, Et = (e, r) => `${se}/vertical-player/${e}/${r}.json`, Rt = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", _t = (e, r) => {
   const t = new URL(e);
   return t.searchParams.set("divId", r), t.toString();
 }, ke = /* @__PURE__ */ new Map(), Tt = (e, r) => {
@@ -1454,19 +1454,19 @@ const yt = le.div`
         ke.set(f, Promise.resolve());
       else {
         const g = new Promise((y, O) => {
-          const A = document.createElement("script");
-          A.src = f, A.async = !0, A.onload = () => y(), A.onerror = () => O(new Error(`Failed to load script: ${f}`)), document.body.appendChild(A);
+          const T = document.createElement("script");
+          T.src = f, T.async = !0, T.onload = () => y(), T.onerror = () => O(new Error(`Failed to load script: ${f}`)), document.body.appendChild(T);
         });
         ke.set(f, g);
       }
-    let d = !0;
+    let p = !0;
     const P = ke.get(f);
     return P && P.then(() => {
-      d && (a(!0), s(null));
+      p && (a(!0), s(null));
     }).catch((m) => {
-      d && (a(!1), s(m instanceof Error ? m.message : String(m)));
+      p && (a(!1), s(m instanceof Error ? m.message : String(m)));
     }), () => {
-      d = !1;
+      p = !1;
     };
   }, [e, r]), { isLoaded: t, error: o };
 };
@@ -1493,20 +1493,10 @@ async function At(e, r, t) {
   );
   const a = t ? Et(e, r || "") : St(e, r || "");
   try {
-    console.log("VP Player: Attempting to fetch config from", a);
     const o = await fetch(a);
-    if (!o.ok)
-      return console.warn(
-        `VP Player: Failed to fetch config from ${a} (${o.status}). Using user config directly.`
-      ), null;
-    const s = await o.json();
-    return console.log("VP Player: Successfully fetched config from", a), s;
-  } catch (o) {
-    return console.warn(
-      `VP Player: Error fetching config from ${a}:`,
-      o,
-      "Using user config directly."
-    ), null;
+    return o.ok ? await o.json() : null;
+  } catch {
+    return null;
   }
 }
 const $t = ({
@@ -1517,39 +1507,39 @@ const $t = ({
   config: o,
   playerId: s,
   isVertical: f = !1,
-  isReels: d = !1,
+  isReels: p = !1,
   onReady: P,
   onPlay: m,
   onPause: g,
   onComplete: y,
   onError: O,
-  onVideoStarted: A,
-  onTimeUpdate: $,
+  onVideoStarted: T,
+  onTimeUpdate: A,
   onQuartile25: v,
-  onQuartile50: x,
-  onQuartile75: w,
+  onQuartile50: w,
+  onQuartile75: k,
   onNext: _,
-  onPrevious: C,
-  onProgress10s: L,
+  onPrevious: j,
+  onProgress10s: V,
   onProgress20s: I
 }) => {
-  const j = xe(null), b = xe(null), [K, W] = Te(null), G = mr().replace(/:/g, ""), F = je(
-    () => Rt(s || `auto-${G}`, r),
-    [s, G, r]
+  const M = xe(null), x = xe(null), [ee, W] = Te(null), B = mr().replace(/:/g, ""), N = je(
+    () => Rt(s || `auto-${B}`, r),
+    [s, B, r]
   ), h = xe({
     onReady: P,
     onPlay: m,
     onPause: g,
     onComplete: y,
     onError: O,
-    onVideoStarted: A,
-    onTimeUpdate: $,
+    onVideoStarted: T,
+    onTimeUpdate: A,
     onQuartile25: v,
-    onQuartile50: x,
-    onQuartile75: w,
+    onQuartile50: w,
+    onQuartile75: k,
     onNext: _,
-    onPrevious: C,
-    onProgress10s: L,
+    onPrevious: j,
+    onProgress10s: V,
     onProgress20s: I
   });
   Fe(() => {
@@ -1559,51 +1549,51 @@ const $t = ({
       onPause: g,
       onComplete: y,
       onError: O,
-      onVideoStarted: A,
-      onTimeUpdate: $,
+      onVideoStarted: T,
+      onTimeUpdate: A,
       onQuartile25: v,
-      onQuartile50: x,
-      onQuartile75: w,
+      onQuartile50: w,
+      onQuartile75: k,
       onNext: _,
-      onPrevious: C,
-      onProgress10s: L,
+      onPrevious: j,
+      onProgress10s: V,
       onProgress20s: I
     };
   });
-  const Y = xe(!1), ee = !!o, z = je(() => f || d ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [f, d, t]), re = je(() => {
+  const Y = xe(!1), re = !!o, z = je(() => f || p ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [f, p, t]), te = je(() => {
     let q;
     if (t)
       q = t;
-    else if (e && r && !ee)
-      q = z ? kt(e, r) : Pt(e, r);
+    else if (e && r && !re)
+      q = z ? kt(e, r) : wt(e, r);
     else if (e)
-      q = z ? wt(e) : `https://host.vpplayer.tech/player/${e}.js`;
+      q = z ? Pt(e) : `https://host.vpplayer.tech/player/${e}.js`;
     else
       return null;
-    return _t(q, F);
+    return _t(q, N);
   }, [
     t,
     e,
     r,
     z,
-    F,
-    ee
-  ]), { isLoaded: B, error: te } = Tt(
+    N,
+    re
+  ]), { isLoaded: X, error: ne } = Tt(
     null,
-    re || void 0
+    te || void 0
   );
   return Fe(() => {
-    if (!re) {
+    if (!te) {
       W(
         "VPPlayer: Provide scriptUrl OR (scriptId + videoId) OR (scriptId + config) to initialize the player."
       );
       return;
     }
-    if (te) {
-      W(te);
+    if (ne) {
+      W(ne);
       return;
     }
-    if (!B) return;
+    if (!X) return;
     let q = !0;
     return (async () => {
       var i;
@@ -1615,40 +1605,28 @@ const $t = ({
           );
           return;
         }
-        if (await new Promise((S) => setTimeout(S, 0)), !document.getElementById(F)) {
+        if (await new Promise((S) => setTimeout(S, 0)), !document.getElementById(N)) {
           console.error(
-            `VP Player: Container element with ID '${F}' not found in DOM.`
+            `VP Player: Container element with ID '${N}' not found in DOM.`
           );
           return;
         }
-        const p = n(F);
-        if (!p) {
+        const d = n(N);
+        if (!d) {
           W("VP Player: Failed to get player instance.");
           return;
         }
         if (q) {
-          if (b.current = p, W(null), Y.current = !1, ee && o) {
+          if (x.current = d, W(null), Y.current = !1, re && o) {
             let S;
-            const T = await At(
+            const $ = await At(
               e,
               r,
               z
             );
-            T ? (console.log(
-              "VP Player: Fetched config (base):",
-              JSON.parse(JSON.stringify(T))
-            ), console.log(
-              "VP Player: User config (overrides):",
-              JSON.parse(JSON.stringify(o))
-            ), S = pr(T, o), console.log(
-              "VP Player: Merged config (final):",
-              JSON.parse(JSON.stringify(S))
-            )) : (S = o, console.log(
-              "VP Player: Using user config directly (no fetch):",
-              JSON.parse(JSON.stringify(S))
-            )), a && !S.projectId && (S.projectId = a);
+            $ ? S = pr($, o) : S = o, a && !S.projectId && (S.projectId = a);
             try {
-              p.setup(S);
+              d.setup(S);
             } catch (l) {
               const u = l instanceof Error ? l.message : String(l);
               if (u.includes("already initialized")) {
@@ -1656,14 +1634,14 @@ const $t = ({
                   "VP Player: Player already initialized, attempting to destroy and retry."
                 );
                 try {
-                  if ((i = p.destroy) == null || i.call(p), await new Promise((k) => setTimeout(k, 50)), q && document.getElementById(F)) {
-                    const k = n(F);
-                    k && (k.setup(S), b.current = k);
+                  if ((i = d.destroy) == null || i.call(d), await new Promise((b) => setTimeout(b, 50)), q && document.getElementById(N)) {
+                    const b = n(N);
+                    b && (b.setup(S), x.current = b);
                   }
-                } catch (k) {
+                } catch (b) {
                   console.error(
                     "VP Player: Failed to recover from initialization error",
-                    k
+                    b
                   );
                 }
               } else {
@@ -1672,70 +1650,75 @@ const $t = ({
               }
             }
           }
-          if (p.on) {
-            const S = p.on.bind(p), T = z ? "vertical" : "horizontal";
-            S("analytics-25%-completed", () => {
+          if (d.on) {
+            const S = d.on.bind(d), $ = z ? "vertical" : "horizontal";
+            S("vp-event", (l) => {
+              var C, J;
+              const u = l, b = u == null ? void 0 : u.eventName;
+              if (z && b === "vp-state-playing") {
+                const ie = d.videoObject;
+                console.log(`[${$}] onPlay`), (J = (C = h.current).onPlay) == null || J.call(C, ie);
+              }
+            }), S("analytics-25%-completed", () => {
               var l, u;
-              console.log(`[${T}] onQuartile25`), (u = (l = h.current).onQuartile25) == null || u.call(l);
+              console.log(`[${$}] onQuartile25`), (u = (l = h.current).onQuartile25) == null || u.call(l);
             }), S("analytics-50%-completed", () => {
               var l, u;
-              console.log(`[${T}] onQuartile50`), (u = (l = h.current).onQuartile50) == null || u.call(l);
+              console.log(`[${$}] onQuartile50`), (u = (l = h.current).onQuartile50) == null || u.call(l);
             }), S("analytics-75%-completed", () => {
               var l, u;
-              console.log(`[${T}] onQuartile75`), (u = (l = h.current).onQuartile75) == null || u.call(l);
+              console.log(`[${$}] onQuartile75`), (u = (l = h.current).onQuartile75) == null || u.call(l);
             }), S("pause", () => {
               var l, u;
-              console.log(`[${T}] onPause`), (u = (l = h.current).onPause) == null || u.call(l);
+              console.log(`[${$}] onPause`), (u = (l = h.current).onPause) == null || u.call(l);
             }), S("error", (l) => {
-              var k, N;
+              var b, C;
               const u = typeof l == "string" ? l : (l == null ? void 0 : l.message) || "Unknown error";
-              console.log(`[${T}] onError`, u), (N = (k = h.current).onError) == null || N.call(k, u);
-            }), z ? (S("vp-ready", () => {
-              var l, u;
-              console.log(`[${T}] onReady`), (u = (l = h.current).onReady) == null || u.call(l);
-            }), S("playing", () => {
-              var l, u;
-              console.log(`[${T}] onPlay`), (u = (l = h.current).onPlay) == null || u.call(l);
+              console.log(`[${$}] onError`, u), (C = (b = h.current).onError) == null || C.call(b, u);
+            }), z ? (S("vp-first-frame", () => {
+              var b, C;
+              const u = d.videoObject;
+              console.log(`[${$}] onReady`), (C = (b = h.current).onReady) == null || C.call(b, u);
             }), S("vp-video-started", (l) => {
-              var u, k;
-              console.log(`[${T}] onVideoStarted`, l), (k = (u = h.current).onVideoStarted) == null || k.call(u, l);
+              var u, b;
+              console.log(`[${$}] onVideoStarted`), (b = (u = h.current).onVideoStarted) == null || b.call(u, l);
             }), S("vp-video-state", () => {
-              var u, k, N;
-              const l = ((u = p.getPosition) == null ? void 0 : u.call(p)) ?? 0;
-              console.log(`[${T}] onProgress10s`, Math.floor(l)), (N = (k = h.current).onProgress10s) == null || N.call(k, Math.floor(l));
+              var u, b, C;
+              const l = ((u = d.getPosition) == null ? void 0 : u.call(d)) ?? 0;
+              console.log(`[${$}] onProgress10s`, Math.floor(l)), (C = (b = h.current).onProgress10s) == null || C.call(b, Math.floor(l));
             }), S("vp-time", (l) => {
-              var k, N, ae, oe, de;
+              var b, C, J, ae, ie;
               let u = 0;
-              typeof l == "number" ? u = l : l && typeof l == "object" && "position" in l ? u = l.position : u = ((k = p.getPosition) == null ? void 0 : k.call(p)) ?? 0, (ae = (N = h.current).onTimeUpdate) == null || ae.call(N, u), !Y.current && u >= 20 && (Y.current = !0, console.log(`[${T}] onProgress20s`, Math.floor(u)), (de = (oe = h.current).onProgress20s) == null || de.call(oe, Math.floor(u)));
+              typeof l == "number" ? u = l : l && typeof l == "object" && "position" in l ? u = l.position : u = ((b = d.getPosition) == null ? void 0 : b.call(d)) ?? 0, (J = (C = h.current).onTimeUpdate) == null || J.call(C, u), !Y.current && u >= 20 && (Y.current = !0, console.log(`[${$}] onProgress20s`, Math.floor(u)), (ie = (ae = h.current).onProgress20s) == null || ie.call(ae, Math.floor(u)));
             }), S("vp-video-switch", () => {
               queueMicrotask(() => {
-                var k, N, ae, oe;
-                const u = p._switchDirection;
-                u === "next" ? (console.log(`[${T}] onNext`), (N = (k = h.current).onNext) == null || N.call(k)) : u === "previous" && (console.log(`[${T}] onPrevious`), (oe = (ae = h.current).onPrevious) == null || oe.call(ae)), Y.current = !1;
+                var b, C, J, ae;
+                const u = d._switchDirection;
+                u === "next" ? (console.log(`[${$}] onNext`), (C = (b = h.current).onNext) == null || C.call(b)) : u === "previous" && (console.log(`[${$}] onPrevious`), (ae = (J = h.current).onPrevious) == null || ae.call(J)), Y.current = !1;
               });
             })) : (S("ready", () => {
               var l, u;
-              console.log(`[${T}] onReady`), (u = (l = h.current).onReady) == null || u.call(l);
+              console.log(`[${$}] onReady`), (u = (l = h.current).onReady) == null || u.call(l);
             }), S("play", () => {
               var l, u;
-              console.log(`[${T}] onPlay`), (u = (l = h.current).onPlay) == null || u.call(l);
+              console.log(`[${$}] onPlay`), (u = (l = h.current).onPlay) == null || u.call(l);
             }), S("complete", () => {
               var l, u;
-              console.log(`[${T}] onComplete`), (u = (l = h.current).onComplete) == null || u.call(l), Y.current = !1;
+              console.log(`[${$}] onComplete`), (u = (l = h.current).onComplete) == null || u.call(l), Y.current = !1;
             }), S("video-started", (l) => {
-              var u, k;
-              console.log(`[${T}] onVideoStarted`, l), (k = (u = h.current).onVideoStarted) == null || k.call(u, l);
+              var u, b;
+              console.log(`[${$}] onVideoStarted`), (b = (u = h.current).onVideoStarted) == null || b.call(u, l);
             }), S("video-state", () => {
-              var u, k, N;
-              const l = ((u = p.getPosition) == null ? void 0 : u.call(p)) ?? 0;
-              console.log(`[${T}] onProgress10s`, Math.floor(l)), (N = (k = h.current).onProgress10s) == null || N.call(k, Math.floor(l));
+              var u, b, C;
+              const l = ((u = d.getPosition) == null ? void 0 : u.call(d)) ?? 0;
+              console.log(`[${$}] onProgress10s`, Math.floor(l)), (C = (b = h.current).onProgress10s) == null || C.call(b, Math.floor(l));
             }), S("time", (l) => {
-              var k, N, ae, oe, de;
+              var b, C, J, ae, ie;
               let u = 0;
-              typeof l == "number" ? u = l : l && typeof l == "object" && "position" in l ? u = l.position : u = ((k = p.getPosition) == null ? void 0 : k.call(p)) ?? 0, (ae = (N = h.current).onTimeUpdate) == null || ae.call(N, u), !Y.current && u >= 20 && (Y.current = !0, console.log(`[${T}] onProgress20s`, Math.floor(u)), (de = (oe = h.current).onProgress20s) == null || de.call(oe, Math.floor(u)));
+              typeof l == "number" ? u = l : l && typeof l == "object" && "position" in l ? u = l.position : u = ((b = d.getPosition) == null ? void 0 : b.call(d)) ?? 0, (J = (C = h.current).onTimeUpdate) == null || J.call(C, u), !Y.current && u >= 20 && (Y.current = !0, console.log(`[${$}] onProgress20s`, Math.floor(u)), (ie = (ae = h.current).onProgress20s) == null || ie.call(ae, Math.floor(u)));
             }), S("playlistItem", () => {
               var l, u;
-              console.log(`[${T}] onNext`), (u = (l = h.current).onNext) == null || u.call(l), Y.current = !1;
+              console.log(`[${$}] onNext`), (u = (l = h.current).onNext) == null || u.call(l), Y.current = !1;
             }));
           }
         }
@@ -1747,34 +1730,34 @@ const $t = ({
       }
     })(), () => {
       var i;
-      if (q = !1, (i = b.current) != null && i.destroy) {
+      if (q = !1, (i = x.current) != null && i.destroy) {
         try {
-          b.current.destroy();
+          x.current.destroy();
         } catch {
         }
-        b.current = null;
+        x.current = null;
       }
     };
   }, [
-    B,
-    F,
+    X,
+    N,
+    ne,
     te,
-    re,
     z,
-    ee,
+    re,
     o,
     e,
     r,
     a
   ]), {
-    playerRef: j,
-    playerInstanceRef: b,
-    isScriptLoaded: B,
-    isLoading: !B && !K,
-    error: K,
-    generatedPlayerId: F
+    playerRef: M,
+    playerInstanceRef: x,
+    isScriptLoaded: X,
+    isLoading: !X && !ee,
+    error: ee,
+    generatedPlayerId: N
   };
-}, Ot = rr(
+}, Ct = rr(
   ({
     scriptId: e,
     videoId: r,
@@ -1783,33 +1766,33 @@ const $t = ({
     config: o,
     playerId: s,
     isVertical: f = !1,
-    isReels: d = !1,
+    isReels: p = !1,
     thumbnailUrl: P,
     onClose: m,
     className: g,
     hiddenClasses: y = [],
     onReady: O,
-    onPlay: A,
-    onPause: $,
+    onPlay: T,
+    onPause: A,
     onComplete: v,
-    onError: x,
-    onVideoStarted: w,
+    onError: w,
+    onVideoStarted: k,
     onTimeUpdate: _,
-    onQuartile25: C,
-    onQuartile50: L,
+    onQuartile25: j,
+    onQuartile50: V,
     onQuartile75: I,
-    onNext: j,
-    onPrevious: b,
-    onProgress10s: K,
+    onNext: M,
+    onPrevious: x,
+    onProgress10s: ee,
     onProgress20s: W
-  }, G) => {
+  }, B) => {
     const {
-      playerRef: F,
+      playerRef: N,
       playerInstanceRef: h,
       isScriptLoaded: Y,
-      isLoading: ee,
+      isLoading: re,
       error: z,
-      generatedPlayerId: re
+      generatedPlayerId: te
     } = $t({
       scriptId: e,
       videoId: r,
@@ -1818,24 +1801,24 @@ const $t = ({
       config: o,
       playerId: s,
       isVertical: f,
-      isReels: d,
+      isReels: p,
       onReady: O,
-      onPlay: A,
-      onPause: $,
+      onPlay: T,
+      onPause: A,
       onComplete: v,
-      onError: x,
-      onVideoStarted: w,
+      onError: w,
+      onVideoStarted: k,
       onTimeUpdate: _,
-      onQuartile25: C,
-      onQuartile50: L,
+      onQuartile25: j,
+      onQuartile50: V,
       onQuartile75: I,
-      onNext: j,
-      onPrevious: b,
-      onProgress10s: K,
+      onNext: M,
+      onPrevious: x,
+      onProgress10s: ee,
       onProgress20s: W
     });
     yr(
-      G,
+      B,
       () => ({
         play: () => {
           var n, c;
@@ -1846,8 +1829,8 @@ const $t = ({
           return (c = (n = h.current) == null ? void 0 : n.pause) == null ? void 0 : c.call(n);
         },
         seek: (n) => {
-          var c, p;
-          return (p = (c = h.current) == null ? void 0 : c.seek) == null ? void 0 : p.call(c, n);
+          var c, d;
+          return (d = (c = h.current) == null ? void 0 : c.seek) == null ? void 0 : d.call(c, n);
         },
         forward: () => {
           var n, c;
@@ -1878,12 +1861,12 @@ const $t = ({
           return (c = (n = h.current) == null ? void 0 : n.toggleMute) == null ? void 0 : c.call(n);
         },
         enterFullScreen: () => {
-          var n, c, p;
-          return (p = ((n = h.current) == null ? void 0 : n.enterFullScreen) ?? ((c = h.current) == null ? void 0 : c.enterFullscreen)) == null ? void 0 : p();
+          var n, c, d;
+          return (d = ((n = h.current) == null ? void 0 : n.enterFullScreen) ?? ((c = h.current) == null ? void 0 : c.enterFullscreen)) == null ? void 0 : d();
         },
         exitFullScreen: () => {
-          var n, c, p;
-          return (p = ((n = h.current) == null ? void 0 : n.exitFullScreen) ?? ((c = h.current) == null ? void 0 : c.exitFullscreen)) == null ? void 0 : p();
+          var n, c, d;
+          return (d = ((n = h.current) == null ? void 0 : n.exitFullScreen) ?? ((c = h.current) == null ? void 0 : c.exitFullscreen)) == null ? void 0 : d();
         },
         getPosition: () => {
           var n, c;
@@ -1898,8 +1881,8 @@ const $t = ({
           return ((c = (n = h.current) == null ? void 0 : n.getVolume) == null ? void 0 : c.call(n)) ?? null;
         },
         setVolume: (n) => {
-          var c, p;
-          return (p = (c = h.current) == null ? void 0 : c.setVolume) == null ? void 0 : p.call(c, n);
+          var c, d;
+          return (d = (c = h.current) == null ? void 0 : c.setVolume) == null ? void 0 : d.call(c, n);
         },
         isMuted: () => {
           var n, c;
@@ -1921,16 +1904,16 @@ const $t = ({
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
     );
-    const [B, te] = Te(!0), q = () => d && te(!0), fe = () => {
+    const [X, ne] = Te(!0), q = () => p && ne(!0), de = () => {
       var n, c;
-      !d || !B || (te(!1), (c = (n = h.current) == null ? void 0 : n.pause) == null || c.call(n), m == null || m());
+      !p || !X || (ne(!1), (c = (n = h.current) == null ? void 0 : n.pause) == null || c.call(n), m == null || m());
     };
     if (z)
-      return /* @__PURE__ */ V.jsxs(Ke, { type: "error", children: [
+      return /* @__PURE__ */ L.jsxs(Ke, { type: "error", children: [
         "An error occurred: ",
         z
       ] });
-    const i = () => /* @__PURE__ */ V.jsx(
+    const i = () => /* @__PURE__ */ L.jsx(
       "div",
       {
         style: {
@@ -1945,11 +1928,11 @@ const $t = ({
           background: "rgba(0,0,0,0.8)",
           zIndex: 10
         },
-        children: /* @__PURE__ */ V.jsx(Ke, { type: "loading", children: "Loading..." })
+        children: /* @__PURE__ */ L.jsx(Ke, { type: "loading", children: "Loading..." })
       }
     );
-    return d ? /* @__PURE__ */ V.jsxs(V.Fragment, { children: [
-      !B && /* @__PURE__ */ V.jsx(
+    return p ? /* @__PURE__ */ L.jsxs(L.Fragment, { children: [
+      !X && /* @__PURE__ */ L.jsx(
         "div",
         {
           onClick: q,
@@ -1963,12 +1946,12 @@ const $t = ({
           }
         }
       ),
-      B && /* @__PURE__ */ V.jsx(vt, { onClick: fe, className: g, children: /* @__PURE__ */ V.jsx(
+      X && /* @__PURE__ */ L.jsx(vt, { onClick: de, className: g, children: /* @__PURE__ */ L.jsx(
         bt,
         {
           className: g,
           onClick: (n) => n.stopPropagation(),
-          children: /* @__PURE__ */ V.jsxs(
+          children: /* @__PURE__ */ L.jsxs(
             "div",
             {
               style: {
@@ -1977,52 +1960,52 @@ const $t = ({
                 height: "100%"
               },
               children: [
-                /* @__PURE__ */ V.jsx(
+                /* @__PURE__ */ L.jsx(
                   er,
                   {
-                    id: re,
-                    ref: F,
+                    id: te,
+                    ref: N,
                     width: "100%",
                     height: "100%",
                     $hiddenClasses: y,
                     className: g
                   }
                 ),
-                (ee || !Y) && /* @__PURE__ */ V.jsx(i, {})
+                (re || !Y) && /* @__PURE__ */ L.jsx(i, {})
               ]
             }
           )
         }
       ) })
-    ] }) : /* @__PURE__ */ V.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
-      /* @__PURE__ */ V.jsx(
+    ] }) : /* @__PURE__ */ L.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
+      /* @__PURE__ */ L.jsx(
         er,
         {
-          id: re,
-          ref: F,
+          id: te,
+          ref: N,
           width: "100%",
           height: "100%",
           $hiddenClasses: y,
           className: g
         }
       ),
-      (ee || !Y) && /* @__PURE__ */ V.jsx(i, {})
+      (re || !Y) && /* @__PURE__ */ L.jsx(i, {})
     ] });
   }
 );
-Ot.displayName = "VPPlayer";
+Ct.displayName = "VPPlayer";
 export {
   vt as Overlay,
   er as PlayerContainer,
   bt as PlayerWrapper,
-  Ot as VPPlayer,
-  ie as VP_PLAYER_BASE_URL,
+  Ct as VPPlayer,
+  se as VP_PLAYER_BASE_URL,
   _t as appendDivIdToUrl,
   Rt as generatePlayerId,
-  Pt as getFullyManagedPlayerScriptUrl,
+  wt as getFullyManagedPlayerScriptUrl,
   jt as getManagedPlayerScriptUrl,
   xt as getPlayerScriptUrl,
-  wt as getVerticalPlayerScriptUrl,
+  Pt as getVerticalPlayerScriptUrl,
   $t as useVPPlayerLogic,
   Tt as useVPPlayerScript
 };