@devix-technologies/react-gjirafa-vp-player 1.0.26 → 1.0.27

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

@@ -1,5 +1,5 @@
 import * as xe from "react";
-import jr, { forwardRef as $r, useContext as br, useState as ce, useEffect as Se, useRef as K, useMemo as Pr, createContext as Nr, useCallback as lr } from "react";
+import jr, { forwardRef as $r, useContext as _r, useState as de, useEffect as Se, useRef as ee, useMemo as br, createContext as Nr, useCallback as lr } from "react";
 var De = { exports: {} }, ke = {};
 /**
  * @license React
@@ -44,42 +44,42 @@ var Oe = {};
  */
 var cr;
 function Dr() {
-  return cr || (cr = 1, process.env.NODE_ENV !== "production" && function() {
+  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 === d ? null : o.displayName || o.name || null;
+        return o.$$typeof === E ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
-        case p:
+        case x:
           return "Fragment";
         case P:
           return "Profiler";
         case b:
           return "StrictMode";
-        case V:
+        case T:
           return "Suspense";
-        case R:
+        case w:
           return "SuspenseList";
-        case W:
+        case d:
           return "Activity";
       }
       if (typeof o == "object")
         switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), o.$$typeof) {
-          case S:
+          case h:
             return "Portal";
-          case O:
-            return (o.displayName || "Context") + ".Provider";
-          case E:
-            return (o._context.displayName || "Context") + ".Consumer";
           case N:
+            return o.displayName || "Context";
+          case L:
+            return (o._context.displayName || "Context") + ".Consumer";
+          case j:
             var y = o.render;
             return o = o.displayName, o || (o = y.displayName || y.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case x:
+          case K:
             return y = o.displayName || null, y !== null ? y : e(o.type) || "Memo";
-          case X:
+          case U:
             y = o._payload, o = o._init;
             try {
               return e(o(y));
@@ -100,17 +100,17 @@ function Dr() {
       }
       if (y) {
         y = console;
-        var _ = y.error, j = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return _.call(
+        var R = y.error, F = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return R.call(
           y,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          j
+          F
         ), r(o);
       }
     }
     function i(o) {
-      if (o === p) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === X)
+      if (o === x) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === U)
         return "<...>";
       try {
         var y = e(o);
@@ -120,45 +120,46 @@ function Dr() {
       }
     }
     function a() {
-      var o = g.A;
+      var o = M.A;
       return o === null ? null : o.getOwner();
     }
     function t() {
       return Error("react-stack-top-frame");
     }
     function s(o) {
-      if (B.call(o, "key")) {
+      if (W.call(o, "key")) {
         var y = Object.getOwnPropertyDescriptor(o, "key").get;
         if (y && y.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
     function l(o, y) {
-      function _() {
-        U || (U = !0, console.error(
+      function R() {
+        $ || ($ = !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)",
           y
         ));
       }
-      _.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: _,
+      R.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: R,
         configurable: !0
       });
     }
     function c() {
       var o = e(this.type);
-      return L[o] || (L[o] = !0, console.error(
+      return q[o] || (q[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 m(o, y, _, j, ee, D, de, ne) {
-      return _ = D.ref, o = {
-        $$typeof: w,
+    function m(o, y, R, F, H, fe) {
+      var V = R.ref;
+      return o = {
+        $$typeof: S,
         type: o,
         key: y,
-        props: D,
-        _owner: ee
-      }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(o, "ref", {
+        props: R,
+        _owner: F
+      }, (V !== void 0 ? V : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
         get: c
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
@@ -175,105 +176,102 @@ function Dr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: de
+        value: H
       }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ne
+        value: fe
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function u(o, y, _, j, ee, D, de, ne) {
-      var F = y.children;
-      if (F !== void 0)
-        if (j)
-          if (Y(F)) {
-            for (j = 0; j < F.length; j++)
-              f(F[j]);
-            Object.freeze && Object.freeze(F);
+    function u(o, y, R, F, H, fe) {
+      var V = y.children;
+      if (V !== void 0)
+        if (F)
+          if (Y(V)) {
+            for (F = 0; F < V.length; F++)
+              f(V[F]);
+            Object.freeze && Object.freeze(V);
           } 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 f(F);
-      if (B.call(y, "key")) {
-        F = e(o);
-        var ie = Object.keys(y).filter(function(ve) {
-          return ve !== "key";
+        else f(V);
+      if (W.call(y, "key")) {
+        V = e(o);
+        var Z = Object.keys(y).filter(function(te) {
+          return te !== "key";
         });
-        j = 0 < ie.length ? "{key: someKey, " + ie.join(": ..., ") + ": ...}" : "{key: someKey}", h[F + j] || (ie = 0 < ie.length ? "{" + ie.join(": ..., ") + ": ...}" : "{}", console.error(
+        F = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", v[V + F] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          j,
           F,
-          ie,
-          F
-        ), h[F + j] = !0);
+          V,
+          Z,
+          V
+        ), v[V + F] = !0);
       }
-      if (F = null, _ !== void 0 && (n(_), F = "" + _), s(y) && (n(y.key), F = "" + y.key), "key" in y) {
-        _ = {};
-        for (var J in y)
-          J !== "key" && (_[J] = y[J]);
-      } else _ = y;
-      return F && l(
-        _,
+      if (V = null, R !== void 0 && (n(R), V = "" + R), s(y) && (n(y.key), V = "" + y.key), "key" in y) {
+        R = {};
+        for (var pe in y)
+          pe !== "key" && (R[pe] = y[pe]);
+      } else R = y;
+      return V && l(
+        R,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
       ), m(
         o,
-        F,
-        D,
-        ee,
+        V,
+        R,
         a(),
-        _,
-        de,
-        ne
+        H,
+        fe
       );
     }
     function f(o) {
-      typeof o == "object" && o !== null && o.$$typeof === w && o._store && (o._store.validated = 1);
+      _(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === U && (o._payload.status === "fulfilled" ? _(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
+    }
+    function _(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === S;
     }
-    var v = jr, w = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), O = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), V = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), X = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), d = Symbol.for("react.client.reference"), g = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, Y = Array.isArray, z = console.createTask ? console.createTask : function() {
+    var g = jr, S = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), x = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), L = Symbol.for("react.consumer"), N = Symbol.for("react.context"), j = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), U = Symbol.for("react.lazy"), d = Symbol.for("react.activity"), E = Symbol.for("react.client.reference"), M = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, Y = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
-    v = {
-      "react-stack-bottom-frame": function(o) {
+    g = {
+      react_stack_bottom_frame: function(o) {
         return o();
       }
     };
-    var U, L = {}, q = v["react-stack-bottom-frame"].bind(
-      v,
+    var $, q = {}, C = g.react_stack_bottom_frame.bind(
+      g,
       t
-    )(), C = z(i(t)), h = {};
-    Oe.Fragment = p, Oe.jsx = function(o, y, _, j, ee) {
-      var D = 1e4 > g.recentlyCreatedOwnerStacks++;
+    )(), p = z(i(t)), v = {};
+    Oe.Fragment = x, Oe.jsx = function(o, y, R) {
+      var F = 1e4 > M.recentlyCreatedOwnerStacks++;
       return u(
         o,
         y,
-        _,
+        R,
         !1,
-        j,
-        ee,
-        D ? Error("react-stack-top-frame") : q,
-        D ? z(i(o)) : C
+        F ? Error("react-stack-top-frame") : C,
+        F ? z(i(o)) : p
       );
-    }, Oe.jsxs = function(o, y, _, j, ee) {
-      var D = 1e4 > g.recentlyCreatedOwnerStacks++;
+    }, Oe.jsxs = function(o, y, R) {
+      var F = 1e4 > M.recentlyCreatedOwnerStacks++;
       return u(
         o,
         y,
-        _,
+        R,
         !0,
-        j,
-        ee,
-        D ? Error("react-stack-top-frame") : q,
-        D ? z(i(o)) : C
+        F ? Error("react-stack-top-frame") : C,
+        F ? z(i(o)) : p
       );
     };
-  }()), Oe;
+  })()), Oe;
 }
 var dr;
 function Mr() {
@@ -289,18 +287,18 @@ function Ze() {
     return e;
   }, Ze.apply(null, arguments);
 }
-function Br(e) {
+function zr(e) {
   if (e.sheet)
     return e.sheet;
   for (var r = 0; r < document.styleSheets.length; r++)
     if (document.styleSheets[r].ownerNode === e)
       return document.styleSheets[r];
 }
-function zr(e) {
+function Br(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 Ur = /* @__PURE__ */ (function() {
   function e(n) {
     var i = this;
     this._insertTag = function(a) {
@@ -312,10 +310,10 @@ var Ur = /* @__PURE__ */ function() {
   return r.hydrate = function(i) {
     i.forEach(this._insertTag);
   }, r.insert = function(i) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(zr(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Br(this));
     var a = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var t = Br(a);
+      var t = zr(a);
       try {
         t.insertRule(i, t.cssRules.length);
       } catch {
@@ -329,9 +327,9 @@ var Ur = /* @__PURE__ */ function() {
       return (a = i.parentNode) == null ? void 0 : a.removeChild(i);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), te = "-ms-", We = "-moz-", A = "-webkit-", Er = "comm", nr = "rule", ir = "decl", qr = "@import", _r = "@keyframes", Wr = "@layer", Yr = Math.abs, Ye = String.fromCharCode, Hr = Object.assign;
+})(), ie = "-ms-", We = "-moz-", k = "-webkit-", Er = "comm", nr = "rule", ir = "decl", qr = "@import", Pr = "@keyframes", Wr = "@layer", Yr = Math.abs, Ye = String.fromCharCode, Hr = Object.assign;
 function Gr(e, r) {
-  return Z(e, 0) ^ 45 ? (((r << 2 ^ Z(e, 0)) << 2 ^ Z(e, 1)) << 2 ^ Z(e, 2)) << 2 ^ Z(e, 3) : 0;
+  return re(e, 0) ^ 45 ? (((r << 2 ^ re(e, 0)) << 2 ^ re(e, 1)) << 2 ^ re(e, 2)) << 2 ^ re(e, 3) : 0;
 }
 function Ir(e) {
   return e.trim();
@@ -339,13 +337,13 @@ function Ir(e) {
 function Xr(e, r) {
   return (e = r.exec(e)) ? e[0] : e;
 }
-function k(e, r, n) {
+function O(e, r, n) {
   return e.replace(r, n);
 }
 function er(e, r) {
   return e.indexOf(r);
 }
-function Z(e, r) {
+function re(e, r) {
   return e.charCodeAt(r) | 0;
 }
 function Le(e, r, n) {
@@ -363,7 +361,7 @@ function Me(e, r) {
 function Jr(e, r) {
   return e.map(r).join("");
 }
-var He = 1, Te = 1, Sr = 0, oe = 0, G = 0, Ae = "";
+var He = 1, Te = 1, Sr = 0, se = 0, J = 0, Ae = "";
 function Ge(e, r, n, i, a, t, s) {
   return { value: e, root: r, parent: n, type: i, props: a, children: t, line: He, column: Te, length: s, return: "" };
 }
@@ -371,19 +369,19 @@ function Ve(e, r) {
   return Hr(Ge("", null, null, "", null, null, 0), e, { length: -e.length }, r);
 }
 function Qr() {
-  return G;
+  return J;
 }
 function Kr() {
-  return G = oe > 0 ? Z(Ae, --oe) : 0, Te--, G === 10 && (Te = 1, He--), G;
+  return J = se > 0 ? re(Ae, --se) : 0, Te--, J === 10 && (Te = 1, He--), J;
 }
-function ue() {
-  return G = oe < Sr ? Z(Ae, oe++) : 0, Te++, G === 10 && (Te = 1, He++), G;
+function ce() {
+  return J = se < Sr ? re(Ae, se++) : 0, Te++, J === 10 && (Te = 1, He++), J;
 }
 function ye() {
-  return Z(Ae, oe);
+  return re(Ae, se);
 }
-function ze() {
-  return oe;
+function Be() {
+  return se;
 }
 function Ne(e, r) {
   return Le(Ae, e, r);
@@ -427,34 +425,34 @@ function je(e) {
   return 0;
 }
 function Rr(e) {
-  return He = Te = 1, Sr = he(Ae = e), oe = 0, [];
+  return He = Te = 1, Sr = he(Ae = e), se = 0, [];
 }
 function Tr(e) {
   return Ae = "", e;
 }
 function Ue(e) {
-  return Ir(Ne(oe - 1, rr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return Ir(Ne(se - 1, rr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function Zr(e) {
-  for (; (G = ye()) && G < 33; )
-    ue();
-  return je(e) > 2 || je(G) > 3 ? "" : " ";
+  for (; (J = ye()) && J < 33; )
+    ce();
+  return je(e) > 2 || je(J) > 3 ? "" : " ";
 }
 function et(e, r) {
-  for (; --r && ue() && !(G < 48 || G > 102 || G > 57 && G < 65 || G > 70 && G < 97); )
+  for (; --r && ce() && !(J < 48 || J > 102 || J > 57 && J < 65 || J > 70 && J < 97); )
     ;
-  return Ne(e, ze() + (r < 6 && ye() == 32 && ue() == 32));
+  return Ne(e, Be() + (r < 6 && ye() == 32 && ce() == 32));
 }
 function rr(e) {
-  for (; ue(); )
-    switch (G) {
+  for (; ce(); )
+    switch (J) {
       // ] ) " '
       case e:
-        return oe;
+        return se;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && rr(G);
+        e !== 34 && e !== 39 && rr(J);
         break;
       // (
       case 40:
@@ -462,135 +460,135 @@ function rr(e) {
         break;
       // \
       case 92:
-        ue();
+        ce();
         break;
     }
-  return oe;
+  return se;
 }
 function rt(e, r) {
-  for (; ue() && e + G !== 57; )
-    if (e + G === 84 && ye() === 47)
+  for (; ce() && e + J !== 57; )
+    if (e + J === 84 && ye() === 47)
       break;
-  return "/*" + Ne(r, oe - 1) + "*" + Ye(e === 47 ? e : ue());
+  return "/*" + Ne(r, se - 1) + "*" + Ye(e === 47 ? e : ce());
 }
 function tt(e) {
   for (; !je(ye()); )
-    ue();
-  return Ne(e, oe);
+    ce();
+  return Ne(e, se);
 }
 function nt(e) {
   return Tr(qe("", null, null, null, [""], e = Rr(e), 0, [0], e));
 }
 function qe(e, r, n, i, a, t, s, l, c) {
-  for (var m = 0, u = 0, f = s, v = 0, w = 0, S = 0, p = 1, b = 1, P = 1, E = 0, O = "", N = a, V = t, R = i, x = O; b; )
-    switch (S = E, E = ue()) {
+  for (var m = 0, u = 0, f = s, _ = 0, g = 0, S = 0, h = 1, x = 1, b = 1, P = 0, L = "", N = a, j = t, T = i, w = L; x; )
+    switch (S = P, P = ce()) {
       // (
       case 40:
-        if (S != 108 && Z(x, f - 1) == 58) {
-          er(x += k(Ue(E), "&", "&\f"), "&\f") != -1 && (P = -1);
+        if (S != 108 && re(w, f - 1) == 58) {
+          er(w += O(Ue(P), "&", "&\f"), "&\f") != -1 && (b = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        x += Ue(E);
+        w += Ue(P);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        x += Zr(S);
+        w += Zr(S);
         break;
       // \
       case 92:
-        x += et(ze() - 1, 7);
+        w += et(Be() - 1, 7);
         continue;
       // /
       case 47:
         switch (ye()) {
           case 42:
           case 47:
-            Me(it(rt(ue(), ze()), r, n), c);
+            Me(it(rt(ce(), Be()), r, n), c);
             break;
           default:
-            x += "/";
+            w += "/";
         }
         break;
       // {
-      case 123 * p:
-        l[m++] = he(x) * P;
+      case 123 * h:
+        l[m++] = he(w) * b;
       // } ; \0
-      case 125 * p:
+      case 125 * h:
       case 59:
       case 0:
-        switch (E) {
+        switch (P) {
           // \0 }
           case 0:
           case 125:
-            b = 0;
+            x = 0;
           // ;
           case 59 + u:
-            P == -1 && (x = k(x, /\f/g, "")), w > 0 && he(x) - f && Me(w > 32 ? pr(x + ";", i, n, f - 1) : pr(k(x, " ", "") + ";", i, n, f - 2), c);
+            b == -1 && (w = O(w, /\f/g, "")), g > 0 && he(w) - f && Me(g > 32 ? pr(w + ";", i, n, f - 1) : pr(O(w, " ", "") + ";", i, n, f - 2), c);
             break;
           // @ ;
           case 59:
-            x += ";";
+            w += ";";
           // { rule/at-rule
           default:
-            if (Me(R = fr(x, r, n, m, u, a, l, O, N = [], V = [], f), t), E === 123)
+            if (Me(T = fr(w, r, n, m, u, a, l, L, N = [], j = [], f), t), P === 123)
               if (u === 0)
-                qe(x, r, R, R, N, t, f, l, V);
+                qe(w, r, T, T, N, t, f, l, j);
               else
-                switch (v === 99 && Z(x, 3) === 110 ? 100 : v) {
+                switch (_ === 99 && re(w, 3) === 110 ? 100 : _) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    qe(e, R, R, i && Me(fr(e, R, R, 0, 0, a, l, O, a, N = [], f), V), a, V, f, l, i ? N : V);
+                    qe(e, T, T, i && Me(fr(e, T, T, 0, 0, a, l, L, a, N = [], f), j), a, j, f, l, i ? N : j);
                     break;
                   default:
-                    qe(x, R, R, R, [""], V, 0, l, V);
+                    qe(w, T, T, T, [""], j, 0, l, j);
                 }
         }
-        m = u = w = 0, p = P = 1, O = x = "", f = s;
+        m = u = g = 0, h = b = 1, L = w = "", f = s;
         break;
       // :
       case 58:
-        f = 1 + he(x), w = S;
+        f = 1 + he(w), g = S;
       default:
-        if (p < 1) {
-          if (E == 123)
-            --p;
-          else if (E == 125 && p++ == 0 && Kr() == 125)
+        if (h < 1) {
+          if (P == 123)
+            --h;
+          else if (P == 125 && h++ == 0 && Kr() == 125)
             continue;
         }
-        switch (x += Ye(E), E * p) {
+        switch (w += Ye(P), P * h) {
           // &
           case 38:
-            P = u > 0 ? 1 : (x += "\f", -1);
+            b = u > 0 ? 1 : (w += "\f", -1);
             break;
           // ,
           case 44:
-            l[m++] = (he(x) - 1) * P, P = 1;
+            l[m++] = (he(w) - 1) * b, b = 1;
             break;
           // @
           case 64:
-            ye() === 45 && (x += Ue(ue())), v = ye(), u = f = he(O = x += tt(ze())), E++;
+            ye() === 45 && (w += Ue(ce())), _ = ye(), u = f = he(L = w += tt(Be())), P++;
             break;
           // -
           case 45:
-            S === 45 && he(x) == 2 && (p = 0);
+            S === 45 && he(w) == 2 && (h = 0);
         }
     }
   return t;
 }
 function fr(e, r, n, i, a, t, s, l, c, m, u) {
-  for (var f = a - 1, v = a === 0 ? t : [""], w = ar(v), S = 0, p = 0, b = 0; S < i; ++S)
-    for (var P = 0, E = Le(e, f + 1, f = Yr(p = s[S])), O = e; P < w; ++P)
-      (O = Ir(p > 0 ? v[P] + " " + E : k(E, /&\f/g, v[P]))) && (c[b++] = O);
+  for (var f = a - 1, _ = a === 0 ? t : [""], g = ar(_), S = 0, h = 0, x = 0; S < i; ++S)
+    for (var b = 0, P = Le(e, f + 1, f = Yr(h = s[S])), L = e; b < g; ++b)
+      (L = Ir(h > 0 ? _[b] + " " + P : O(P, /&\f/g, _[b]))) && (c[x++] = L);
   return Ge(e, r, n, a === 0 ? nr : l, c, m, u);
 }
 function it(e, r, n) {
@@ -613,7 +611,7 @@ function at(e, r, n, i) {
       return e.return = e.return || e.value;
     case Er:
       return "";
-    case _r:
+    case Pr:
       return e.return = e.value + "{" + Re(e.children, i) + "}";
     case nr:
       e.value = e.props.join(",");
@@ -641,14 +639,14 @@ function Cr(e) {
 }
 var lt = function(r, n, i) {
   for (var a = 0, t = 0; a = t, t = ye(), a === 38 && t === 12 && (n[i] = 1), !je(t); )
-    ue();
-  return Ne(r, oe);
+    ce();
+  return Ne(r, se);
 }, ut = function(r, n) {
   var i = -1, a = 44;
   do
     switch (je(a)) {
       case 0:
-        a === 38 && ye() === 12 && (n[i] = 1), r[i] += lt(oe - 1, n, i);
+        a === 38 && ye() === 12 && (n[i] = 1), r[i] += lt(se - 1, n, i);
         break;
       case 2:
         r[i] += Ue(a);
@@ -662,7 +660,7 @@ var lt = function(r, n, i) {
       default:
         r[i] += Ye(a);
     }
-  while (a = ue());
+  while (a = ce());
   return r;
 }, ct = function(r, n) {
   return Tr(ut(Rr(r), n));
@@ -691,7 +689,7 @@ function Ar(e, r) {
   switch (Gr(e, r)) {
     // color-adjust
     case 5103:
-      return A + "print-" + e + e;
+      return k + "print-" + e + e;
     // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
     case 5737:
     case 4201:
@@ -721,58 +719,58 @@ function Ar(e, r) {
     case 5365:
     case 5621:
     case 3829:
-      return A + e + e;
+      return k + e + e;
     // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return A + e + We + e + te + e + e;
+      return k + e + We + e + ie + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return A + e + te + e + e;
+      return k + e + ie + e + e;
     // order
     case 6165:
-      return A + e + te + "flex-" + e + e;
+      return k + e + ie + "flex-" + e + e;
     // align-items
     case 5187:
-      return A + e + k(e, /(\w+).+(:[^]+)/, A + "box-$1$2" + te + "flex-$1$2") + e;
+      return k + e + O(e, /(\w+).+(:[^]+)/, k + "box-$1$2" + ie + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return A + e + te + "flex-item-" + k(e, /flex-|-self/, "") + e;
+      return k + e + ie + "flex-item-" + O(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return A + e + te + "flex-line-pack" + k(e, /align-content|flex-|-self/, "") + e;
+      return k + e + ie + "flex-line-pack" + O(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return A + e + te + k(e, "shrink", "negative") + e;
+      return k + e + ie + O(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return A + e + te + k(e, "basis", "preferred-size") + e;
+      return k + e + ie + O(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return A + "box-" + k(e, "-grow", "") + A + e + te + k(e, "grow", "positive") + e;
+      return k + "box-" + O(e, "-grow", "") + k + e + ie + O(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return A + k(e, /([^-])(transform)/g, "$1" + A + "$2") + e;
+      return k + O(e, /([^-])(transform)/g, "$1" + k + "$2") + e;
     // cursor
     case 6187:
-      return k(k(k(e, /(zoom-|grab)/, A + "$1"), /(image-set)/, A + "$1"), e, "") + e;
+      return O(O(O(e, /(zoom-|grab)/, k + "$1"), /(image-set)/, k + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return k(e, /(image-set\([^]*)/, A + "$1$`$1");
+      return O(e, /(image-set\([^]*)/, k + "$1$`$1");
     // justify-content
     case 4968:
-      return k(k(e, /(.+:)(flex-)?(.*)/, A + "box-pack:$3" + te + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + A + e + e;
+      return O(O(e, /(.+:)(flex-)?(.*)/, k + "box-pack:$3" + ie + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + k + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return k(e, /(.+)-inline(.+)/, A + "$1$2") + e;
+      return O(e, /(.+)-inline(.+)/, k + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -786,46 +784,46 @@ function Ar(e, r) {
     case 5789:
     case 5021:
     case 4765:
-      if (he(e) - 1 - r > 6) switch (Z(e, r + 1)) {
+      if (he(e) - 1 - r > 6) switch (re(e, r + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (Z(e, r + 4) !== 45) break;
+          if (re(e, r + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return k(e, /(.+:)(.+)-([^]+)/, "$1" + A + "$2-$3$1" + We + (Z(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return O(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + We + (re(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~er(e, "stretch") ? Ar(k(e, "stretch", "fill-available"), r) + e : e;
+          return ~er(e, "stretch") ? Ar(O(e, "stretch", "fill-available"), r) + e : e;
       }
       break;
     // position: sticky
     case 4949:
-      if (Z(e, r + 1) !== 115) break;
+      if (re(e, r + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (Z(e, he(e) - 3 - (~er(e, "!important") && 10))) {
+      switch (re(e, he(e) - 3 - (~er(e, "!important") && 10))) {
         // stic(k)y
         case 107:
-          return k(e, ":", ":" + A) + e;
+          return O(e, ":", ":" + k) + e;
         // (inline-)?fl(e)x
         case 101:
-          return k(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + A + (Z(e, 14) === 45 ? "inline-" : "") + "box$3$1" + A + "$2$3$1" + te + "$2box$3") + e;
+          return O(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + k + (re(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + ie + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch (Z(e, r + 11)) {
+      switch (re(e, r + 11)) {
         // vertical-l(r)
         case 114:
-          return A + e + te + k(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return k + e + ie + O(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return A + e + te + k(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return k + e + ie + O(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return A + e + te + k(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return k + e + ie + O(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return A + e + te + e + e;
+      return k + e + ie + e + e;
   }
   return e;
 }
@@ -834,9 +832,9 @@ var pt = function(r, n, i, a) {
     case ir:
       r.return = Ar(r.value, r.length);
       break;
-    case _r:
+    case Pr:
       return Re([Ve(r, {
-        value: k(r.value, "@", "@" + A)
+        value: O(r.value, "@", "@" + k)
       })], a);
     case nr:
       if (r.length) return Jr(r.props, function(t) {
@@ -845,16 +843,16 @@ var pt = function(r, n, i, a) {
           case ":read-only":
           case ":read-write":
             return Re([Ve(r, {
-              props: [k(t, /:(read-\w+)/, ":" + We + "$1")]
+              props: [O(t, /:(read-\w+)/, ":" + We + "$1")]
             })], a);
           // :placeholder
           case "::placeholder":
             return Re([Ve(r, {
-              props: [k(t, /:(plac\w+)/, ":" + A + "input-$1")]
+              props: [O(t, /:(plac\w+)/, ":" + k + "input-$1")]
             }), Ve(r, {
-              props: [k(t, /:(plac\w+)/, ":" + We + "$1")]
+              props: [O(t, /:(plac\w+)/, ":" + We + "$1")]
             }), Ve(r, {
-              props: [k(t, /:(plac\w+)/, te + "input-$1")]
+              props: [O(t, /:(plac\w+)/, ie + "input-$1")]
             })], a);
         }
         return "";
@@ -864,9 +862,9 @@ var pt = function(r, n, i, a) {
   var n = r.key;
   if (n === "css") {
     var i = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(i, function(p) {
-      var b = p.getAttribute("data-emotion");
-      b.indexOf(" ") !== -1 && (document.head.appendChild(p), p.setAttribute("data-s", ""));
+    Array.prototype.forEach.call(i, function(h) {
+      var x = h.getAttribute("data-emotion");
+      x.indexOf(" ") !== -1 && (document.head.appendChild(h), h.setAttribute("data-s", ""));
     });
   }
   var a = r.stylisPlugins || ht, t = {}, s, l = [];
@@ -874,21 +872,21 @@ var pt = function(r, n, i, a) {
     // 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^="' + n + ' "]'),
-    function(p) {
-      for (var b = p.getAttribute("data-emotion").split(" "), P = 1; P < b.length; P++)
-        t[b[P]] = !0;
-      l.push(p);
+    function(h) {
+      for (var x = h.getAttribute("data-emotion").split(" "), b = 1; b < x.length; b++)
+        t[x[b]] = !0;
+      l.push(h);
     }
   );
   var c, m = [dt, ft];
   {
-    var u, f = [at, st(function(p) {
-      u.insert(p);
-    })], v = ot(m.concat(a, f)), w = function(b) {
-      return Re(nt(b), v);
+    var u, f = [at, st(function(h) {
+      u.insert(h);
+    })], _ = ot(m.concat(a, f)), g = function(x) {
+      return Re(nt(x), _);
     };
-    c = function(b, P, E, O) {
-      u = E, w(b ? b + "{" + P.styles + "}" : P.styles), O && (S.inserted[P.name] = !0);
+    c = function(x, b, P, L) {
+      u = P, g(x ? x + "{" + b.styles + "}" : b.styles), L && (S.inserted[b.name] = !0);
     };
   }
   var S = {
@@ -1004,18 +1002,18 @@ var wt = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, bt = /[A-Z]|^ms/g, Pt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Or = function(r) {
+}, _t = /[A-Z]|^ms/g, bt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Or = function(r) {
   return r.charCodeAt(1) === 45;
 }, mr = function(r) {
   return r != null && typeof r != "boolean";
 }, Xe = /* @__PURE__ */ Cr(function(e) {
-  return Or(e) ? e : e.replace(bt, "-$&").toLowerCase();
+  return Or(e) ? e : e.replace(_t, "-$&").toLowerCase();
 }), yr = function(r, n) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof n == "string")
-        return n.replace(Pt, function(i, a, t) {
+        return n.replace(bt, function(i, a, t) {
           return me = {
             name: a,
             styles: t,
@@ -1101,7 +1099,7 @@ function Et(e, r, n) {
   return i;
 }
 var vr = /label:\s*([^\s;{]+)\s*(;|$)/g, me;
-function _t(e, r, n) {
+function Pt(e, r, n) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var i = !0, a = "";
@@ -1144,10 +1142,10 @@ var It = function(r) {
 Vr.Provider;
 var Tt = function(r) {
   return /* @__PURE__ */ $r(function(n, i) {
-    var a = br(Vr);
+    var a = _r(Vr);
     return r(n, a, i);
   });
-}, Ct = /* @__PURE__ */ xe.createContext({}), At = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|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)-.*))$/, kt = /* @__PURE__ */ Cr(
+}, Ct = /* @__PURE__ */ xe.createContext({}), At = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, kt = /* @__PURE__ */ Cr(
   function(e) {
     return At.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
@@ -1182,41 +1180,41 @@ var Tt = function(r) {
     if (t !== void 0 && f.push("label:" + t + ";"), u[0] == null || u[0].raw === void 0)
       f.push.apply(f, u);
     else {
-      var v = u[0];
-      f.push(v[0]);
-      for (var w = u.length, S = 1; S < w; S++)
-        f.push(u[S], v[S]);
+      var _ = u[0];
+      f.push(_[0]);
+      for (var g = u.length, S = 1; S < g; S++)
+        f.push(u[S], _[S]);
     }
-    var p = Tt(function(b, P, E) {
-      var O = m && b.as || a, N = "", V = [], R = b;
-      if (b.theme == null) {
-        R = {};
-        for (var x in b)
-          R[x] = b[x];
-        R.theme = xe.useContext(Ct);
+    var h = Tt(function(x, b, P) {
+      var L = m && x.as || a, N = "", j = [], T = x;
+      if (x.theme == null) {
+        T = {};
+        for (var w in x)
+          T[w] = x[w];
+        T.theme = xe.useContext(Ct);
       }
-      typeof b.className == "string" ? N = vt(P.registered, V, b.className) : b.className != null && (N = b.className + " ");
-      var X = _t(f.concat(V), P.registered, R);
-      N += P.key + "-" + X.name, s !== void 0 && (N += " " + s);
-      var W = m && l === void 0 ? gr(O) : c, d = {};
-      for (var g in b)
-        m && g === "as" || W(g) && (d[g] = b[g]);
-      return d.className = N, E && (d.ref = E), /* @__PURE__ */ xe.createElement(xe.Fragment, null, /* @__PURE__ */ xe.createElement(Lt, {
-        cache: P,
-        serialized: X,
-        isStringTag: typeof O == "string"
-      }), /* @__PURE__ */ xe.createElement(O, d));
+      typeof x.className == "string" ? N = vt(b.registered, j, x.className) : x.className != null && (N = x.className + " ");
+      var K = Pt(f.concat(j), b.registered, T);
+      N += b.key + "-" + K.name, s !== void 0 && (N += " " + s);
+      var U = m && l === void 0 ? gr(L) : c, d = {};
+      for (var E in x)
+        m && E === "as" || U(E) && (d[E] = x[E]);
+      return d.className = N, P && (d.ref = P), /* @__PURE__ */ xe.createElement(xe.Fragment, null, /* @__PURE__ */ xe.createElement(Lt, {
+        cache: b,
+        serialized: K,
+        isStringTag: typeof L == "string"
+      }), /* @__PURE__ */ xe.createElement(L, d));
     });
-    return p.displayName = t !== void 0 ? t : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", p.defaultProps = r.defaultProps, p.__emotion_real = p, p.__emotion_base = a, p.__emotion_styles = f, p.__emotion_forwardProp = l, Object.defineProperty(p, "toString", {
+    return h.displayName = t !== void 0 ? t : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", h.defaultProps = r.defaultProps, h.__emotion_real = h, h.__emotion_base = a, h.__emotion_styles = f, h.__emotion_forwardProp = l, Object.defineProperty(h, "toString", {
       value: function() {
         return "." + s;
       }
-    }), p.withComponent = function(b, P) {
-      var E = e(b, Ze({}, n, P, {
-        shouldForwardProp: xr(p, P, !0)
+    }), h.withComponent = function(x, b) {
+      var P = e(x, Ze({}, n, b, {
+        shouldForwardProp: xr(h, b, !0)
       }));
-      return E.apply(void 0, f);
-    }, p;
+      return P.apply(void 0, f);
+    }, h;
   };
 }, $t = [
   "a",
@@ -1430,16 +1428,16 @@ const Nt = Ce.div`
   height: auto;
   z-index: 1001;
   max-height: 100vh;
-`, Mt = (e, r) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${r}`, Bt = (e) => `https://host.vpplayer.tech/playlist/${e}`, zt = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, or = (e, r) => `vp-player-${e || "default"}-${r || ""}`, Je = /* @__PURE__ */ new Map(), Ut = (e, r) => {
-  const [n, i] = ce(!1), [a, t] = ce(null);
+`, Mt = (e, r) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${r}`, zt = (e) => `https://host.vpplayer.tech/playlist/${e}`, Bt = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, or = (e, r) => `vp-player-${e || "default"}-${r || ""}`, Je = /* @__PURE__ */ new Map(), Ut = (e, r) => {
+  const [n, i] = de(!1), [a, t] = de(null);
   return Se(() => {
     let s = null, l, c = 0;
     const m = 3;
     let u;
     try {
-      u = r || zt(e || "latest");
-    } catch (w) {
-      const S = w instanceof Error ? w.message : String(w);
+      u = r || Bt(e || "latest");
+    } catch (g) {
+      const S = g instanceof Error ? g.message : String(g);
       t(`Failed to resolve script URL: ${S}`), i(!1);
       return;
     }
@@ -1451,23 +1449,23 @@ const Nt = Ce.div`
       Je.set(u, !0), i(!0), t(null);
       return;
     }
-    const v = () => {
+    const _ = () => {
       s = document.createElement("script"), s.src = u, s.async = !0, l = window.setTimeout(() => {
         i(!1), t(`Loading script timed out: ${u}`);
       }, 1e4), s.onload = () => {
         clearTimeout(l), Je.set(u, !0), i(!0), t(null);
       }, s.onerror = () => {
-        clearTimeout(l), c++, c < m ? setTimeout(v, 1e3 * c) : (i(!1), t(`Failed to load VP Player script after ${m} attempts: ${u}`));
+        clearTimeout(l), c++, c < m ? setTimeout(_, 1e3 * c) : (i(!1), t(`Failed to load VP Player script after ${m} attempts: ${u}`));
       }, document.body.appendChild(s);
     };
-    return v(), () => {
+    return _(), () => {
       clearTimeout(l), s && document.body.contains(s) && document.body.removeChild(s);
     };
   }, [e, r]), { isLoaded: n, error: a };
-}, Be = /* @__PURE__ */ new Map(), qt = 3e4, Qe = 5, Wt = ({ projectId: e, videoId: r, playlistId: n, videoUrl: i }) => {
-  const [a, t] = ce(null), [s, l] = ce(null), [c, m] = ce(!1), [u, f] = ce(null);
+}, ze = /* @__PURE__ */ new Map(), qt = 3e4, Qe = 5, Wt = ({ projectId: e, videoId: r, playlistId: n, videoUrl: i }) => {
+  const [a, t] = de(null), [s, l] = de(null), [c, m] = de(!1), [u, f] = de(null);
   return Se(() => {
-    const v = r ? `video:${r}` : n ? `playlist:${n}` : null;
+    const _ = r ? `video:${r}` : n ? `playlist:${n}` : null;
     if (i || !r && !n) {
       t(i || null), l(null), m(!1), f(null);
       return;
@@ -1476,205 +1474,205 @@ const Nt = Ce.div`
       m(!1), f("projectId is required for single video fetch");
       return;
     }
-    if (v && Be.has(v)) {
-      const E = Be.get(v);
-      t(E.url), l(E.playlist), m(!1), f(null);
+    if (_ && ze.has(_)) {
+      const P = ze.get(_);
+      t(P.url), l(P.playlist), m(!1), f(null);
       return;
     }
-    let w = !0;
-    const S = new AbortController(), p = S.signal, P = setTimeout(async () => {
-      var O, N;
-      if (!w)
+    let g = !0;
+    const S = new AbortController(), h = S.signal, b = setTimeout(async () => {
+      var L, N;
+      if (!g)
         return;
       m(!0), f(null);
-      let E = 0;
-      for (; E < Qe && w; )
+      let P = 0;
+      for (; P < Qe && g; )
         try {
-          const V = r && !n ? Mt(e, r) : Bt(n), R = setTimeout(() => S.abort(), qt), X = await fetch(V, {
+          const j = r && !n ? Mt(e, r) : zt(n), T = setTimeout(() => S.abort(), qt), K = await fetch(j, {
             method: "GET",
             headers: {
               Accept: "application/json",
               "Cache-Control": "no-cache"
             },
-            signal: p
+            signal: h
           });
-          if (clearTimeout(R), !X.ok)
-            throw new Error(`Fetch failed with status ${X.status}`);
-          const W = await X.json();
-          if (!w)
+          if (clearTimeout(T), !K.ok)
+            throw new Error(`Fetch failed with status ${K.status}`);
+          const U = await K.json();
+          if (!g)
             return;
           if (r && !n) {
-            const d = (N = (O = W.result) == null ? void 0 : O.items) == null ? void 0 : N.find((g) => g.mediaId === r);
+            const d = (N = (L = U.result) == null ? void 0 : L.items) == null ? void 0 : N.find((E) => E.mediaId === r);
             if (!(d != null && d.playbackUrl))
               throw new Error("Invalid video data");
-            t(d.playbackUrl), l(null), v && Be.set(v, { url: d.playbackUrl, playlist: null });
+            t(d.playbackUrl), l(null), _ && ze.set(_, { url: d.playbackUrl, playlist: null });
           } else {
-            const d = W.videos;
+            const d = U.videos;
             if (!Array.isArray(d))
               throw new Error("Invalid playlist format");
-            l(d), t(null), v && Be.set(v, { url: null, playlist: d });
+            l(d), t(null), _ && ze.set(_, { url: null, playlist: d });
           }
           break;
-        } catch (V) {
-          if (p.aborted) {
-            w && f("Request timed out");
+        } catch (j) {
+          if (h.aborted) {
+            g && f("Request timed out");
             break;
           }
-          if (E++, E >= Qe) {
-            const R = V instanceof Error ? V.message : String(V);
-            w && f(`Failed after ${Qe} attempts: ${R}`);
+          if (P++, P >= Qe) {
+            const T = j instanceof Error ? j.message : String(j);
+            g && f(`Failed after ${Qe} attempts: ${T}`);
           } else
-            await new Promise((R) => setTimeout(R, 2e3));
+            await new Promise((T) => setTimeout(T, 2e3));
         }
-      w && m(!1);
+      g && m(!1);
     }, 100);
     return () => {
-      w = !1, clearTimeout(P), S.abort();
+      g = !1, clearTimeout(b), S.abort();
     };
   }, [e, r, n, i]), { fetchedPlaybackUrl: a, fetchedPlaylist: s, isLoading: c, error: u };
 }, Yt = ({ playerId: e, playerInstanceRef: r, playerRef: n, videoData: i, trackingMetadata: a, callbacks: t }) => {
-  const s = K(!1), l = K(!1), c = K(!1), m = K(0), u = K({}), f = K(null), v = K(null), w = K(null), S = K(null), p = K(!1);
+  const s = ee(!1), l = ee(!1), c = ee(!1), m = ee(0), u = ee({}), f = ee(null), _ = ee(null), g = ee(null), S = ee(null), h = ee(!1);
   Se(() => {
     if (!(t && (t.onPlayerStart || t.onPlayerPlay || t.onPlayerPause || t.onPlayerResume || t.onPlayerEnd || t.onPlayerProgressEvery10Seconds || t.onPlayerProgressAt20Seconds || t.onPlayerQuartile25 || t.onPlayerQuartile50 || t.onPlayerQuartile75 || t.onPlayerNext || t.onPlayerPrevious || t.onPlayerEvent)))
       return;
     (() => {
       s.current = !1, l.current = !1, c.current = !1, m.current = 0, u.current = {};
     })();
-    const E = () => {
-      var B;
+    const P = () => {
+      var M;
       const d = document.getElementById(e);
       if (!d)
         return null;
       if (d.querySelectorAll("video").length > 1 && r.current) {
-        const Y = r.current, z = Y.videoIndex ?? ((B = Y.playlist) == null ? void 0 : B.playlistVideoIndex) ?? 0, U = d.querySelector(`video[id="${z}"]`);
-        if (U)
-          return U;
-        const L = d.querySelector("video.active");
-        if (L)
-          return L;
+        const W = r.current, Y = W.videoIndex ?? ((M = W.playlist) == null ? void 0 : M.playlistVideoIndex) ?? 0, z = d.querySelector(`video[id="${Y}"]`);
+        if (z)
+          return z;
+        const $ = d.querySelector("video.active");
+        if ($)
+          return $;
       }
       return d.querySelector("video");
-    }, O = () => {
-      const d = E();
+    }, L = () => {
+      const d = P();
       if (!d)
         return !1;
-      const g = (h, o) => {
-        var _, j, ee, D, de, ne, F, ie, J, ve, Fe, se, we, ge;
-        const y = Date.now();
-        if (!(h === "player_start" && s.current)) {
-          switch (S.current = { type: h, time: y }, h) {
+      const E = (p, v) => {
+        var y, R, F, H, fe, V, Z, pe, te, be, Fe, le, we, ve;
+        const o = Date.now();
+        if (!(p === "player_start" && s.current)) {
+          switch (S.current = { type: p, time: o }, p) {
             case "player_start":
-              (_ = t.onPlayerStart) == null || _.call(t, h);
+              (y = t.onPlayerStart) == null || y.call(t, p);
               break;
             case "player_play":
-              (j = t.onPlayerPlay) == null || j.call(t, h);
+              (R = t.onPlayerPlay) == null || R.call(t, p);
               break;
             case "player_pause":
-              (ee = t.onPlayerPause) == null || ee.call(t, h);
+              (F = t.onPlayerPause) == null || F.call(t, p);
               break;
             case "player_resume":
-              (D = t.onPlayerResume) == null || D.call(t, h);
+              (H = t.onPlayerResume) == null || H.call(t, p);
               break;
             case "player_end":
-              (de = t.onPlayerEnd) == null || de.call(t, h);
+              (fe = t.onPlayerEnd) == null || fe.call(t, p);
               break;
             case "player_progress_every_10_seconds":
-              o !== void 0 && ((ne = t.onPlayerProgressEvery10Seconds) == null || ne.call(t, h, o));
+              v !== void 0 && ((V = t.onPlayerProgressEvery10Seconds) == null || V.call(t, p, v));
               break;
             case "player_progress_at_20_seconds":
-              o !== void 0 && ((F = t.onPlayerProgressAt20Seconds) == null || F.call(t, h, o));
+              v !== void 0 && ((Z = t.onPlayerProgressAt20Seconds) == null || Z.call(t, p, v));
               break;
             case "player_quartile_25":
-              o !== void 0 && ((ie = t.onPlayerQuartile25) == null || ie.call(t, h, o));
+              v !== void 0 && ((pe = t.onPlayerQuartile25) == null || pe.call(t, p, v));
               break;
             case "player_quartile_50":
-              o !== void 0 && ((J = t.onPlayerQuartile50) == null || J.call(t, h, o));
+              v !== void 0 && ((te = t.onPlayerQuartile50) == null || te.call(t, p, v));
               break;
             case "player_quartile_75":
-              o !== void 0 && ((ve = t.onPlayerQuartile75) == null || ve.call(t, h, o));
+              v !== void 0 && ((be = t.onPlayerQuartile75) == null || be.call(t, p, v));
               break;
             case "player_next":
-              (Fe = t.onPlayerNext) == null || Fe.call(t, h);
+              (Fe = t.onPlayerNext) == null || Fe.call(t, p);
               break;
             case "player_previous":
-              (se = t.onPlayerPrevious) == null || se.call(t, h);
+              (le = t.onPlayerPrevious) == null || le.call(t, p);
               break;
           }
-          o !== void 0 && (h === "player_progress_every_10_seconds" || h === "player_progress_at_20_seconds" || h === "player_quartile_25" || h === "player_quartile_50" || h === "player_quartile_75") ? (we = t.onPlayerEvent) == null || we.call(t, h, o) : (ge = t.onPlayerEvent) == null || ge.call(t, h);
+          v !== void 0 && (p === "player_progress_every_10_seconds" || p === "player_progress_at_20_seconds" || p === "player_quartile_25" || p === "player_quartile_50" || p === "player_quartile_75") ? (we = t.onPlayerEvent) == null || we.call(t, p, v) : (ve = t.onPlayerEvent) == null || ve.call(t, p);
         }
-      }, B = () => {
-        s.current || (g("player_start"), s.current = !0, d.readyState >= 2 && !d.paused && setTimeout(() => {
-          !l.current && !d.paused && (g("player_play"), l.current = !0, c.current = !1);
+      }, M = () => {
+        s.current || (E("player_start"), s.current = !0, d.readyState >= 2 && !d.paused && setTimeout(() => {
+          !l.current && !d.paused && (E("player_play"), l.current = !0, c.current = !1);
         }, 100));
+      }, W = () => {
+        c.current ? E("player_resume") : l.current ? E("player_play") : (E("player_play"), l.current = !0), c.current = !1;
       }, Y = () => {
-        c.current ? g("player_resume") : l.current ? g("player_play") : (g("player_play"), l.current = !0), c.current = !1;
-      }, z = () => {
-        d.ended || p.current || setTimeout(() => {
-          var h;
-          if (!p.current) {
-            if (r.current && v.current !== null) {
-              const o = r.current;
-              if ((o.videoIndex ?? ((h = o.playlist) == null ? void 0 : h.playlistVideoIndex) ?? 0) !== v.current)
+        d.ended || h.current || setTimeout(() => {
+          var p;
+          if (!h.current) {
+            if (r.current && _.current !== null) {
+              const v = r.current;
+              if ((v.videoIndex ?? ((p = v.playlist) == null ? void 0 : p.playlistVideoIndex) ?? 0) !== _.current)
                 return;
             }
-            g("player_pause"), c.current = !0;
+            E("player_pause"), c.current = !0;
           }
         }, 200);
-      }, U = () => {
-        g("player_end");
-      }, L = () => {
-        s.current && !l.current && d.currentTime >= 1 && d.currentTime < 1.5 && !d.paused && (g("player_play"), l.current = !0, c.current = !1);
-        const h = d.duration > 0 ? d.currentTime / d.duration * 100 : 0, o = Math.floor(d.currentTime);
-        o - m.current >= 10 && (m.current = o, g("player_progress_every_10_seconds", o)), o >= 20 && !u.current[20] && (u.current[20] = !0, g("player_progress_at_20_seconds", o)), h >= 25 && !u.current[25] && (u.current[25] = !0, g("player_quartile_25", o)), h >= 50 && !u.current[50] && (u.current[50] = !0, g("player_quartile_50", o)), h >= 75 && !u.current[75] && (u.current[75] = !0, g("player_quartile_75", o));
+      }, z = () => {
+        E("player_end");
+      }, $ = () => {
+        s.current && !l.current && d.currentTime >= 1 && d.currentTime < 1.5 && !d.paused && (E("player_play"), l.current = !0, c.current = !1);
+        const p = d.duration > 0 ? d.currentTime / d.duration * 100 : 0, v = Math.floor(d.currentTime);
+        v - m.current >= 10 && (m.current = v, E("player_progress_every_10_seconds", v)), v >= 20 && !u.current[20] && (u.current[20] = !0, E("player_progress_at_20_seconds", v)), p >= 25 && !u.current[25] && (u.current[25] = !0, E("player_quartile_25", v)), p >= 50 && !u.current[50] && (u.current[50] = !0, E("player_quartile_50", v)), p >= 75 && !u.current[75] && (u.current[75] = !0, E("player_quartile_75", v));
       };
-      if (w.current && w.current !== d) {
-        const h = w.current;
-        h.removeEventListener("loadedmetadata", B), h.removeEventListener("play", Y), h.removeEventListener("pause", z), h.removeEventListener("ended", U), h.removeEventListener("timeupdate", L);
+      if (g.current && g.current !== d) {
+        const p = g.current;
+        p.removeEventListener("loadedmetadata", M), p.removeEventListener("play", W), p.removeEventListener("pause", Y), p.removeEventListener("ended", z), p.removeEventListener("timeupdate", $);
       }
-      w.current = d, d.addEventListener("loadedmetadata", B), d.addEventListener("play", Y), d.addEventListener("pause", z), d.addEventListener("ended", U), d.addEventListener("timeupdate", L), d.readyState >= 1 && B();
-      const q = document.getElementById(e), C = (h) => {
-        const o = h.target;
-        (o.closest(".vp-next") || o.closest(".vrt-icon-down") || o.closest(".vrt-arrow.vrt-icon-down")) && (p.current = !0, g("player_next"), setTimeout(() => {
-          p.current = !1;
-        }, 500)), (o.closest(".vp-prev") || o.closest(".vp-previous") || o.closest(".vrt-icon-up") || o.closest(".vrt-arrow.vrt-icon-up")) && (p.current = !0, g("player_previous"), setTimeout(() => {
-          p.current = !1;
+      g.current = d, d.addEventListener("loadedmetadata", M), d.addEventListener("play", W), d.addEventListener("pause", Y), d.addEventListener("ended", z), d.addEventListener("timeupdate", $), d.readyState >= 1 && M();
+      const q = document.getElementById(e), C = (p) => {
+        const v = p.target;
+        (v.closest(".vp-next") || v.closest(".vrt-icon-down") || v.closest(".vrt-arrow.vrt-icon-down")) && (h.current = !0, E("player_next"), setTimeout(() => {
+          h.current = !1;
+        }, 500)), (v.closest(".vp-prev") || v.closest(".vp-previous") || v.closest(".vrt-icon-up") || v.closest(".vrt-arrow.vrt-icon-up")) && (h.current = !0, E("player_previous"), setTimeout(() => {
+          h.current = !1;
         }, 500));
       };
       return q && q.addEventListener("click", C, !0), f.current = () => {
-        const h = w.current || d;
-        h.removeEventListener("loadedmetadata", B), h.removeEventListener("play", Y), h.removeEventListener("pause", z), h.removeEventListener("ended", U), h.removeEventListener("timeupdate", L), q == null || q.removeEventListener("click", C, !0), w.current = null;
+        const p = g.current || d;
+        p.removeEventListener("loadedmetadata", M), p.removeEventListener("play", W), p.removeEventListener("pause", Y), p.removeEventListener("ended", z), p.removeEventListener("timeupdate", $), q == null || q.removeEventListener("click", C, !0), g.current = null;
       }, !0;
     };
-    let N = null, V = !1;
-    const R = () => {
+    let N = null, j = !1;
+    const T = () => {
       if (!r.current)
         return;
-      const d = r.current, g = document.getElementById(e), B = g == null ? void 0 : g.querySelectorAll("video");
-      B && B.length > 1 && d.videoIndex !== void 0 && (N = window.setInterval(() => {
-        var z, U, L, q;
+      const d = r.current, E = document.getElementById(e), M = E == null ? void 0 : E.querySelectorAll("video");
+      M && M.length > 1 && d.videoIndex !== void 0 && (N = window.setInterval(() => {
+        var Y, z, $, q;
         try {
-          const C = d.videoIndex ?? ((z = d.playlist) == null ? void 0 : z.playlistVideoIndex) ?? 0;
-          if (v.current !== null && C !== v.current) {
-            const h = C > v.current, o = h ? "player_next" : "player_previous";
-            t && !p.current && (h ? (U = t.onPlayerNext) == null || U.call(t, o) : (L = t.onPlayerPrevious) == null || L.call(t, o), (q = t.onPlayerEvent) == null || q.call(t, o)), p.current = !0, f.current && (f.current(), f.current = null), s.current = !1, l.current = !1, c.current = !1, m.current = 0, u.current = {}, w.current = null, setTimeout(() => {
-              O(), setTimeout(() => {
-                p.current = !1;
+          const C = d.videoIndex ?? ((Y = d.playlist) == null ? void 0 : Y.playlistVideoIndex) ?? 0;
+          if (_.current !== null && C !== _.current) {
+            const p = C > _.current, v = p ? "player_next" : "player_previous";
+            t && !h.current && (p ? (z = t.onPlayerNext) == null || z.call(t, v) : ($ = t.onPlayerPrevious) == null || $.call(t, v), (q = t.onPlayerEvent) == null || q.call(t, v)), h.current = !0, f.current && (f.current(), f.current = null), s.current = !1, l.current = !1, c.current = !1, m.current = 0, u.current = {}, g.current = null, setTimeout(() => {
+              L(), setTimeout(() => {
+                h.current = !1;
               }, 200);
             }, 100);
           }
-          v.current = C;
+          _.current = C;
         } catch {
         }
       }, 500));
     };
-    let x = 0;
-    const X = 20, W = setInterval(() => {
-      x++, O() && !V ? (V = !0, clearInterval(W), setTimeout(() => {
-        R();
-      }, 1e3)) : x >= X && clearInterval(W);
+    let w = 0;
+    const K = 20, U = setInterval(() => {
+      w++, L() && !j ? (j = !0, clearInterval(U), setTimeout(() => {
+        T();
+      }, 1e3)) : w >= K && clearInterval(U);
     }, 500);
     return () => {
-      clearInterval(W), N !== null && (clearInterval(N), N = null), f.current && (f.current(), f.current = null);
+      clearInterval(U), N !== null && (clearInterval(N), N = null), f.current && (f.current(), f.current = null);
     };
   }, [
     e,
@@ -1747,7 +1745,7 @@ const Nt = Ce.div`
   isVerticalPlayer: t
   // Distinguish between VP Player types
 }) => {
-  var u, f, v, w, S, p, b, P, E, O, N, V, R, x, X, W, d, g, B, Y, z, U;
+  var u, f, _, g, S, h, x, b, P, L, N, j, T, w, K, U, d, E, M, W, Y, z;
   const s = { ...Ht, ...a }, l = { ...s.config, ...a.config };
   if (e)
     return {
@@ -1772,27 +1770,27 @@ const Nt = Ce.div`
       config: l
     };
   if (n && n.length > 0) {
-    const L = ((f = (u = a == null ? void 0 : a.video) == null ? void 0 : u.playlist) == null ? void 0 : f.playlistVideoIndex) ?? ((v = a == null ? void 0 : a.config) == null ? void 0 : v.playlistVideoIndex) ?? 0;
+    const $ = ((f = (u = a == null ? void 0 : a.video) == null ? void 0 : u.playlist) == null ? void 0 : f.playlistVideoIndex) ?? ((_ = a == null ? void 0 : a.config) == null ? void 0 : _.playlistVideoIndex) ?? 0;
     return t ? {
       ...s,
       projectId: i || Ie,
       video: {
         ...s.video,
         // Set first video file (index 0) to avoid VP Player duplication
-        videoId: (w = n[0]) == null ? void 0 : w.mediaId,
+        videoId: (g = n[0]) == null ? void 0 : g.mediaId,
         // Add videoId for tracking
         file: (S = n[0]) == null ? void 0 : S.hlsUrl,
-        title: (p = n[0]) == null ? void 0 : p.title,
+        title: (h = n[0]) == null ? void 0 : h.title,
         // thumbnail: fetchedPlaylist[0]?.thumbnailUrl,
         playlist: {
           state: !0,
           playlistId: "",
           // Will be set by API
           // Use original playlistVideoIndex - VP Player will navigate to it
-          playlistVideoIndex: Number(L),
+          playlistVideoIndex: Number($),
           // Remove first video from playlist to avoid duplication (already in file)
-          videos: n.slice(1).map((C, h) => ({
-            videoId: C.mediaId || String(h + 1),
+          videos: n.slice(1).map((C, p) => ({
+            videoId: C.mediaId || String(p + 1),
             // Use mediaId if available
             title: C.title,
             file: C.hlsUrl,
@@ -1807,17 +1805,17 @@ const Nt = Ce.div`
       projectId: i || Ie,
       video: {
         ...s.video,
-        videoId: ((b = n[Number(L)]) == null ? void 0 : b.mediaId) || ((P = n[0]) == null ? void 0 : P.mediaId),
+        videoId: ((x = n[Number($)]) == null ? void 0 : x.mediaId) || ((b = n[0]) == null ? void 0 : b.mediaId),
         // Add videoId for tracking
-        file: ((E = n[Number(L)]) == null ? void 0 : E.hlsUrl) || ((O = n[0]) == null ? void 0 : O.hlsUrl) || "",
-        title: ((N = n[Number(L)]) == null ? void 0 : N.title) || ((V = n[0]) == null ? void 0 : V.title),
-        thumbnail: ((R = n[Number(L)]) == null ? void 0 : R.thumbnailUrl) || ((x = n[0]) == null ? void 0 : x.thumbnailUrl),
+        file: ((P = n[Number($)]) == null ? void 0 : P.hlsUrl) || ((L = n[0]) == null ? void 0 : L.hlsUrl) || "",
+        title: ((N = n[Number($)]) == null ? void 0 : N.title) || ((j = n[0]) == null ? void 0 : j.title),
+        thumbnail: ((T = n[Number($)]) == null ? void 0 : T.thumbnailUrl) || ((w = n[0]) == null ? void 0 : w.thumbnailUrl),
         playlist: {
           state: !0,
           // playlistVideoIndex: String(userPlaylistVideoIndex), this has been bug, fixed, now int
-          playlistVideoIndex: Number(L),
-          videos: n.map((C, h) => ({
-            videoId: C.mediaId || String(h),
+          playlistVideoIndex: Number($),
+          videos: n.map((C, p) => ({
+            videoId: C.mediaId || String(p),
             // Use mediaId if available
             title: C.title,
             file: C.hlsUrl,
@@ -1829,7 +1827,7 @@ const Nt = Ce.div`
       config: l
     };
   }
-  const c = ((X = a == null ? void 0 : a.video) == null ? void 0 : X.playlist) || s.video.playlist, m = (W = a == null ? void 0 : a.video) == null ? void 0 : W.file;
+  const c = ((K = a == null ? void 0 : a.video) == null ? void 0 : K.playlist) || s.video.playlist, m = (U = a == null ? void 0 : a.video) == null ? void 0 : U.file;
   if (m)
     return {
       ...s,
@@ -1843,19 +1841,19 @@ const Nt = Ce.div`
       config: l
     };
   if (c != null && c.videos && c.videos.length > 0) {
-    const L = ((g = (d = a == null ? void 0 : a.video) == null ? void 0 : d.playlist) == null ? void 0 : g.playlistVideoIndex) ?? ((B = a == null ? void 0 : a.config) == null ? void 0 : B.playlistVideoIndex) ?? 0;
+    const $ = ((E = (d = a == null ? void 0 : a.video) == null ? void 0 : d.playlist) == null ? void 0 : E.playlistVideoIndex) ?? ((M = a == null ? void 0 : a.config) == null ? void 0 : M.playlistVideoIndex) ?? 0;
     return {
       ...s,
       projectId: i || Ie,
       video: {
         ...s.video,
-        videoId: (Y = c.videos[0]) == null ? void 0 : Y.videoId,
-        file: ((z = c.videos[0]) == null ? void 0 : z.file) || "",
-        title: (U = c.videos[0]) == null ? void 0 : U.title,
+        videoId: (W = c.videos[0]) == null ? void 0 : W.videoId,
+        file: ((Y = c.videos[0]) == null ? void 0 : Y.file) || "",
+        title: (z = c.videos[0]) == null ? void 0 : z.title,
         playlist: {
           state: !0,
           playlistId: "",
-          playlistVideoIndex: Number(L),
+          playlistVideoIndex: Number($),
           videos: c.videos
         }
       },
@@ -1868,282 +1866,282 @@ const Nt = Ce.div`
     return;
   const r = /https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/, n = e.match(r);
   return n ? n[2] : void 0;
-}, Jt = ({ playerId: e, videoId: r, version: n, videoUrl: i, projectId: a, playlistId: t, scriptUrl: s, config: l = {}, isReels: c = !1, onPlaylistData: m, onVideoStarted: u, trackingMetadata: f, onPlayerStart: v, onPlayerPlay: w, onPlayerPause: S, onPlayerResume: p, onPlayerEnd: b, onPlayerProgressEvery10Seconds: P, onPlayerProgressAt20Seconds: E, onPlayerQuartile25: O, onPlayerQuartile50: N, onPlayerQuartile75: V, onPlayerNext: R, onPlayerPrevious: x, onPlayerEvent: X }) => {
-  const W = K(null), d = K(null), g = K(!1), B = K(""), Y = K([]), z = K([]), U = K(null), { isLoaded: L, error: q } = Ut(n, s), C = r || Xt(s), [h, o] = ce(null), { fetchedPlaybackUrl: y, fetchedPlaylist: _, isLoading: j, error: ee } = Wt({
+}, Jt = ({ playerId: e, videoId: r, version: n, videoUrl: i, projectId: a, playlistId: t, scriptUrl: s, config: l = {}, isReels: c = !1, onPlaylistData: m, onVideoStarted: u, trackingMetadata: f, onPlayerStart: _, onPlayerPlay: g, onPlayerPause: S, onPlayerResume: h, onPlayerEnd: x, onPlayerProgressEvery10Seconds: b, onPlayerProgressAt20Seconds: P, onPlayerQuartile25: L, onPlayerQuartile50: N, onPlayerQuartile75: j, onPlayerNext: T, onPlayerPrevious: w, onPlayerEvent: K }) => {
+  const U = ee(null), d = ee(null), E = ee(!1), M = ee(""), W = ee([]), Y = ee([]), z = ee(null), { isLoaded: $, error: q } = Ut(n, s), C = r || Xt(s), [p, v] = de(null), { fetchedPlaybackUrl: o, fetchedPlaylist: y, isLoading: R, error: F } = Wt({
     projectId: a,
     videoId: C,
     playlistId: t,
     videoUrl: i
-  }), D = or(e, C), [de, ne] = ce(void 0);
+  }), H = or(e, C), [fe, V] = de(void 0);
   Se(() => {
-    _ && m && m(_);
-  }, [_, m]), Yt({
-    playerId: D,
+    y && m && m(y);
+  }, [y, m]), Yt({
+    playerId: H,
     playerInstanceRef: d,
-    playerRef: W,
-    videoData: de,
+    playerRef: U,
+    videoData: fe,
     trackingMetadata: f,
     callbacks: {
-      onPlayerStart: v,
-      onPlayerPlay: w,
+      onPlayerStart: _,
+      onPlayerPlay: g,
       onPlayerPause: S,
-      onPlayerResume: p,
-      onPlayerEnd: b,
-      onPlayerProgressEvery10Seconds: P,
-      onPlayerProgressAt20Seconds: E,
-      onPlayerQuartile25: O,
+      onPlayerResume: h,
+      onPlayerEnd: x,
+      onPlayerProgressEvery10Seconds: b,
+      onPlayerProgressAt20Seconds: P,
+      onPlayerQuartile25: L,
       onPlayerQuartile50: N,
-      onPlayerQuartile75: V,
-      onPlayerNext: R,
-      onPlayerPrevious: x,
-      onPlayerEvent: X
+      onPlayerQuartile75: j,
+      onPlayerNext: T,
+      onPlayerPrevious: w,
+      onPlayerEvent: K
     }
   });
-  const ie = Pr(() => {
-    const J = l.config || {}, ve = c && !J.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : J.size || { sizeType: "FIXED", width: "100%" };
+  const pe = br(() => {
+    const te = l.config || {}, be = c && !te.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : te.size || { sizeType: "FIXED", width: "100%" };
     return {
       ...l,
       config: {
-        ...J,
-        size: ve
+        ...te,
+        size: be
       }
     };
   }, [l, c]);
   return Se(() => {
     if (q) {
-      o(q);
+      v(q);
       return;
     }
-    if (!L || j && !i)
+    if (!$ || R && !i)
       return;
-    let J = !0;
+    let te = !0;
     const Fe = setTimeout(async () => {
       try {
-        Y.current.forEach((ae) => clearInterval(ae)), Y.current = [], z.current.forEach((ae) => clearTimeout(ae)), z.current = [], U.current = null;
-        const se = (_ == null ? void 0 : _.length) ?? 0, we = JSON.stringify({
-          playerId: D,
+        W.current.forEach((oe) => clearInterval(oe)), W.current = [], Y.current.forEach((oe) => clearTimeout(oe)), Y.current = [], z.current = null;
+        const le = (y == null ? void 0 : y.length) ?? 0, we = JSON.stringify({
+          playerId: H,
           videoId: r || C,
           playlistId: t,
           videoUrl: i,
-          fetchedPlaybackUrl: y,
+          fetchedPlaybackUrl: o,
           scriptUrl: s,
           isReels: c,
           projectId: a,
-          playlistLength: se
+          playlistLength: le
         });
-        if (g.current && d.current && B.current === we)
+        if (E.current && d.current && M.current === we)
           return;
-        B.current !== we && (g.current = !1, B.current = we);
-        const ge = s == null ? void 0 : s.includes("vertical-player");
-        if (document.querySelectorAll('[id*="player"]').forEach((ae) => {
-          var Ee, T;
-          const be = ae.id;
-          if (be !== D)
+        M.current !== we && (E.current = !1, M.current = we);
+        const ve = s == null ? void 0 : s.includes("vertical-player");
+        if (document.querySelectorAll('[id*="player"]').forEach((oe) => {
+          var Pe, A;
+          const _e = oe.id;
+          if (_e !== H)
             try {
-              const I = ge ? (Ee = window.vpVerticalPlayer) == null ? void 0 : Ee.call(window, be) : (T = window.vpPlayer) == null ? void 0 : T.call(window, be);
+              const I = ve ? (Pe = window.vpVerticalPlayer) == null ? void 0 : Pe.call(window, _e) : (A = window.vpPlayer) == null ? void 0 : A.call(window, _e);
               I != null && I.destroy && I.destroy();
             } catch (I) {
-              console.warn(`Failed to destroy existing player ${be}:`, I);
+              console.warn(`Failed to destroy existing player ${_e}:`, I);
             }
-        }), await new Promise((ae) => setTimeout(ae, 100)), !J || !W.current)
+        }), await new Promise((oe) => setTimeout(oe, 100)), !te || !U.current)
           return;
-        if (!document.getElementById(D)) {
-          o("DOM element not found after cleanup.");
+        if (!document.getElementById(H)) {
+          v("DOM element not found after cleanup.");
           return;
         }
         if (!window.vpPlayer && !window.vpVerticalPlayer) {
-          o("VP Player script not loaded.");
+          v("VP Player script not loaded.");
           return;
         }
-        const sr = ge ? window.vpVerticalPlayer : window.vpPlayer;
+        const sr = ve ? window.vpVerticalPlayer : window.vpPlayer;
         if (!sr) {
-          o(`VP ${ge ? "Vertical " : ""}Player script not loaded.`);
+          v(`VP ${ve ? "Vertical " : ""}Player script not loaded.`);
           return;
         }
-        const Pe = Gt({
+        const ge = Gt({
           videoUrl: i,
-          fetchedPlaybackUrl: y ?? void 0,
-          fetchedPlaylist: _ ?? void 0,
+          fetchedPlaybackUrl: o ?? void 0,
+          fetchedPlaylist: y ?? void 0,
           projectId: a,
-          config: ie,
-          isVerticalPlayer: ge
+          config: pe,
+          isVerticalPlayer: ve
           // Pass player type to config builder
-        }), H = sr(D);
-        if (!H) {
-          o(`Failed to create VP ${ge ? "Vertical " : ""}Player instance.`);
+        }), G = sr(H);
+        if (!G) {
+          v(`Failed to create VP ${ve ? "Vertical " : ""}Player instance.`);
           return;
         }
-        if (J && W.current && (H.setup(Pe), d.current = H, g.current = !0, o(null), u && H.on)) {
-          const ae = () => {
-            var I;
-            const T = {};
-            if (_ && _.length > 0) {
-              const M = H.videoIndex ?? ((I = H.playlist) == null ? void 0 : I.playlistVideoIndex) ?? 0, $ = _[M];
-              $ && (T.title = $.title, T.hlsUrl = $.hlsUrl, T.file = $.hlsUrl, T.thumbnailUrl = $.thumbnailUrl, T.duration = $.duration, T.videoIndex = M, T.playlistVideoIndex = M, T.isBackupPlaylist = $.isBackupPlaylist, T.mediaId = $.mediaId, T.videoId = $.mediaId || $.videoId);
-            } else Pe.video && (T.title = Pe.video.title, T.file = Pe.video.file, T.hlsUrl = Pe.video.file, T.thumbnailUrl = Pe.video.thumbnail, T.videoId = r || C, T.videoIndex = 0, T.playlistVideoIndex = 0, H.getDuration && (T.duration = H.getDuration()));
-            return T;
+        if (te && U.current && (G.setup(ge), d.current = G, E.current = !0, v(null), u && G.on)) {
+          const oe = () => {
+            var I, D, X;
+            const A = {};
+            if ((D = (I = ge.video) == null ? void 0 : I.playlist) != null && D.videos && ge.video.playlist.videos.length > 0) {
+              const ae = G.videoIndex ?? ((X = G.playlist) == null ? void 0 : X.playlistVideoIndex) ?? 0, B = ge.video.playlist.videos[ae];
+              B && (A.title = B.title, A.file = B.file || B.hlsUrl, A.hlsUrl = B.file || B.hlsUrl, A.thumbnailUrl = B.thumbnailUrl, A.duration = B.duration, A.videoIndex = ae, A.playlistVideoIndex = ae, A.videoId = B.videoId || B.mediaId, A.mediaId = B.mediaId || B.videoId);
+            } else ge.video && (A.title = ge.video.title, A.file = ge.video.file, A.hlsUrl = ge.video.file, A.thumbnailUrl = ge.video.thumbnail, A.videoId = r || C, A.videoIndex = 0, A.playlistVideoIndex = 0, G.getDuration && (A.duration = G.getDuration()));
+            return A;
           };
-          let be = null;
-          const Ee = async () => {
-            var T;
+          let _e = null;
+          const Pe = async () => {
+            var A;
             try {
-              be && clearTimeout(be), await new Promise((fe) => setTimeout(fe, 100));
-              let I = ae();
-              const M = I.videoId || I.mediaId;
-              if (M && M === U.current)
+              _e && clearTimeout(_e), await new Promise((ae) => setTimeout(ae, 100));
+              let I = oe();
+              const D = I.videoId || I.mediaId;
+              if (D && D === z.current)
                 return;
-              if (be = window.setTimeout(() => {
-                U.current = null;
-              }, 500), (s == null ? void 0 : s.includes("vertical-player")) && M)
+              if (_e = window.setTimeout(() => {
+                z.current = null;
+              }, 500), (s == null ? void 0 : s.includes("vertical-player")) && D)
                 try {
-                  const _e = `https://host.vpplayer.tech/player/ptkzurnx/${M}.json`, pe = await fetch(_e);
-                  if (pe.ok) {
-                    const re = await pe.json();
-                    re && re.video && (I = {
+                  const Ee = `https://host.vpplayer.tech/player/ptkzurnx/${D}.json`, B = await fetch(Ee);
+                  if (B.ok) {
+                    const ne = await B.json();
+                    ne && ne.video && (I = {
                       ...I,
-                      title: re.video.title || I.title,
-                      description: re.video.description,
-                      publishDate: re.video.publishDate,
-                      projectId: re.projectId || I.projectId,
-                      premium: ((T = re.video.videoLocking) == null ? void 0 : T.isEnabled) || !1,
-                      author: re.video.author,
-                      tags: re.video.tags || []
+                      title: ne.video.title || I.title,
+                      description: ne.video.description,
+                      publishDate: ne.video.publishDate,
+                      projectId: ne.projectId || I.projectId,
+                      premium: ((A = ne.video.videoLocking) == null ? void 0 : A.isEnabled) || !1,
+                      author: ne.video.author,
+                      tags: ne.video.tags || []
                     });
                   }
                 } catch {
                 }
-              U.current = M || null, ne(I), u(I);
+              z.current = D || null, V(I), u(I);
             } catch (I) {
               console.warn("Error in video-started handler:", I);
             }
           };
-          if (ge) {
-            let T = !1, I = -1;
-            const M = () => {
-              if (!T) {
-                T = !0;
+          if (ve) {
+            let A = !1, I = -1;
+            const D = () => {
+              if (!A) {
+                A = !0;
                 try {
-                  H.on && H.on("vp-video-started", Ee), setTimeout(() => {
-                    Ee(), I = H.videoIndex ?? 0;
+                  G.on && G.on("vp-video-started", Pe), setTimeout(() => {
+                    Pe(), I = G.videoIndex ?? 0;
                   }, 500);
-                } catch (pe) {
-                  console.error("Error setting up event listeners:", pe);
+                } catch (B) {
+                  console.error("Error setting up event listeners:", B);
                 }
               }
             };
-            let $ = 0;
-            const fe = 15, _e = setInterval(() => {
+            let X = 0;
+            const ae = 15, Ee = setInterval(() => {
               try {
-                const pe = H.videoIndex !== void 0 || H.playlist;
-                if (!T)
-                  $++, (pe || $ >= fe) && M();
+                const B = G.videoIndex !== void 0 || G.playlist;
+                if (!A)
+                  X++, (B || X >= ae) && D();
                 else {
-                  const re = H.videoIndex ?? 0;
-                  re !== I && I !== -1 && (I = re, Ee());
+                  const ne = G.videoIndex ?? 0;
+                  ne !== I && I !== -1 && (I = ne, Pe());
                 }
               } catch {
               }
             }, 200);
-            Y.current.push(_e);
+            W.current.push(Ee);
             try {
-              H.on && H.on("vp-listen-ready", M);
+              G.on && G.on("vp-listen-ready", D);
             } catch {
             }
           } else {
-            const T = async (I) => {
-              var M, $;
+            const A = async (I) => {
+              var D, X;
               try {
-                const fe = s == null ? void 0 : s.match(/player\/([^/.]+)/), _e = fe == null ? void 0 : fe[1];
-                if (!_e || !I)
-                  return ae();
-                const pe = `https://host.vpplayer.tech/player/${_e}/${I}.json`, re = await fetch(pe);
-                if (!re.ok)
-                  return console.warn("Failed to fetch full video config:", re.status), ae();
-                const le = await re.json();
-                return !le || !le.video ? ae() : {
+                const ae = s == null ? void 0 : s.match(/player\/([^/.]+)/), Ee = ae == null ? void 0 : ae[1];
+                if (!Ee || !I)
+                  return oe();
+                const B = `https://host.vpplayer.tech/player/${Ee}/${I}.json`, ne = await fetch(B);
+                if (!ne.ok)
+                  return console.warn("Failed to fetch full video config:", ne.status), oe();
+                const ue = await ne.json();
+                return !ue || !ue.video ? oe() : {
                   videoId: I,
-                  title: le.video.title,
-                  description: le.video.description,
-                  file: le.video.file,
-                  hlsUrl: le.video.file,
-                  thumbnailUrl: le.video.thumbnail,
-                  duration: le.video.duration,
-                  publishDate: le.video.publishDate,
-                  projectId: le.projectId,
-                  premium: ((M = le.video.videoLocking) == null ? void 0 : M.isEnabled) || !1,
-                  author: le.video.author,
-                  tags: le.video.tags || [],
-                  videoIndex: H.videoIndex ?? 0,
-                  playlistVideoIndex: (($ = H.playlist) == null ? void 0 : $.playlistVideoIndex) ?? 0
+                  title: ue.video.title,
+                  description: ue.video.description,
+                  file: ue.video.file,
+                  hlsUrl: ue.video.file,
+                  thumbnailUrl: ue.video.thumbnail,
+                  duration: ue.video.duration,
+                  publishDate: ue.video.publishDate,
+                  projectId: ue.projectId,
+                  premium: ((D = ue.video.videoLocking) == null ? void 0 : D.isEnabled) || !1,
+                  author: ue.video.author,
+                  tags: ue.video.tags || [],
+                  videoIndex: G.videoIndex ?? 0,
+                  playlistVideoIndex: ((X = G.playlist) == null ? void 0 : X.playlistVideoIndex) ?? 0
                 };
-              } catch (fe) {
-                return console.warn("Error fetching full video data:", fe), ae();
+              } catch (ae) {
+                return console.warn("Error fetching full video data:", ae), oe();
               }
             };
-            H.on("ready", async (I) => {
+            G.on("ready", async (I) => {
               try {
-                const M = (I == null ? void 0 : I.id) || r || C;
-                if (M) {
-                  const $ = await T(M);
-                  ne($), u($);
+                const D = (I == null ? void 0 : I.id) || r || C;
+                if (D) {
+                  const X = await A(D);
+                  V(X), u(X);
                 } else {
-                  const $ = ae();
-                  ($.title || $.file) && (ne($), u($));
+                  const X = oe();
+                  (X.title || X.file) && (V(X), u(X));
                 }
-              } catch (M) {
-                console.warn("Error in ready handler:", M);
+              } catch (D) {
+                console.warn("Error in ready handler:", D);
               }
-            }), H.on("playlistItem", async (I) => {
+            }), G.on("playlistItem", async (I) => {
               try {
-                const M = I == null ? void 0 : I.id;
-                if (M) {
-                  const $ = await T(M);
-                  ne($), u($);
+                const D = I == null ? void 0 : I.id;
+                if (D) {
+                  const X = await A(D);
+                  V(X), u(X);
                 }
-              } catch (M) {
-                console.warn("Error in playlistItem handler:", M);
+              } catch (D) {
+                console.warn("Error in playlistItem handler:", D);
               }
             });
           }
         }
-      } catch (se) {
-        if (J) {
-          const we = se instanceof Error ? se.message : String(se);
-          o(we), console.error("VP Player initialization error:", se);
+      } catch (le) {
+        if (te) {
+          const we = le instanceof Error ? le.message : String(le);
+          v(we), console.error("VP Player initialization error:", le);
         }
       }
     }, 150);
     return () => {
-      J = !1, clearTimeout(Fe), Y.current.forEach((se) => clearInterval(se)), Y.current = [], z.current.forEach((se) => clearTimeout(se)), z.current = [], g.current = !1;
+      te = !1, clearTimeout(Fe), W.current.forEach((le) => clearInterval(le)), W.current = [], Y.current.forEach((le) => clearTimeout(le)), Y.current = [], E.current = !1;
     };
   }, [
-    L,
-    j,
-    D,
+    $,
+    R,
+    H,
     q,
     s
   ]), Se(() => () => {
     if (d.current) {
       try {
         d.current.destroy && d.current.destroy();
-      } catch (ve) {
-        console.warn(`Failed to destroy player ${D}:`, ve);
+      } catch (be) {
+        console.warn(`Failed to destroy player ${H}:`, be);
       }
       d.current = null;
     }
-    g.current = !1;
-    const J = document.getElementById(D);
-    J && (J.innerHTML = "");
-  }, [D]), {
-    playerRef: W,
+    E.current = !1;
+    const te = document.getElementById(H);
+    te && (te.innerHTML = "");
+  }, [H]), {
+    playerRef: U,
     playerInstanceRef: d,
-    isScriptLoaded: L,
-    isLoading: j,
-    error: ee || h || q
+    isScriptLoaded: $,
+    isLoading: R,
+    error: F || p || q
   };
-}, Qt = ({ playerId: e, videoId: r, version: n, videoUrl: i, projectId: a, playlistId: t, scriptUrl: s, config: l = {}, isReels: c = !1, hiddenClasses: m = [], onClose: u, className: f, onPlaylistData: v, onVideoStarted: w, trackingMetadata: S, onPlayerStart: p, onPlayerPlay: b, onPlayerPause: P, onPlayerResume: E, onPlayerEnd: O, onPlayerProgressEvery10Seconds: N, onPlayerProgressAt20Seconds: V, onPlayerQuartile25: R, onPlayerQuartile50: x, onPlayerQuartile75: X, onPlayerNext: W, onPlayerPrevious: d, onPlayerEvent: g }) => {
-  var ee, D, de, ne;
-  const { playerRef: B, playerInstanceRef: Y, isScriptLoaded: z, isLoading: U, error: L } = Jt({
+}, Qt = ({ playerId: e, videoId: r, version: n, videoUrl: i, projectId: a, playlistId: t, scriptUrl: s, config: l = {}, isReels: c = !1, hiddenClasses: m = [], onClose: u, className: f, onPlaylistData: _, onVideoStarted: g, trackingMetadata: S, onPlayerStart: h, onPlayerPlay: x, onPlayerPause: b, onPlayerResume: P, onPlayerEnd: L, onPlayerProgressEvery10Seconds: N, onPlayerProgressAt20Seconds: j, onPlayerQuartile25: T, onPlayerQuartile50: w, onPlayerQuartile75: K, onPlayerNext: U, onPlayerPrevious: d, onPlayerEvent: E }) => {
+  var F, H, fe, V;
+  const { playerRef: M, playerInstanceRef: W, isScriptLoaded: Y, isLoading: z, error: $ } = Jt({
     playerId: e,
     videoId: r,
     version: n,
@@ -2153,29 +2151,29 @@ const Nt = Ce.div`
     scriptUrl: s,
     config: l,
     isReels: c,
-    onPlaylistData: v,
-    onVideoStarted: w,
+    onPlaylistData: _,
+    onVideoStarted: g,
     trackingMetadata: S,
-    onPlayerStart: p,
-    onPlayerPlay: b,
-    onPlayerPause: P,
-    onPlayerResume: E,
-    onPlayerEnd: O,
+    onPlayerStart: h,
+    onPlayerPlay: x,
+    onPlayerPause: b,
+    onPlayerResume: P,
+    onPlayerEnd: L,
     onPlayerProgressEvery10Seconds: N,
-    onPlayerProgressAt20Seconds: V,
-    onPlayerQuartile25: R,
-    onPlayerQuartile50: x,
-    onPlayerQuartile75: X,
-    onPlayerNext: W,
+    onPlayerProgressAt20Seconds: j,
+    onPlayerQuartile25: T,
+    onPlayerQuartile50: w,
+    onPlayerQuartile75: K,
+    onPlayerNext: U,
     onPlayerPrevious: d,
-    onPlayerEvent: g
-  }), [q, C] = ce(!0), h = () => c && C(!0), o = () => {
-    var F, ie;
-    C(!1), (ie = (F = Y.current) == null ? void 0 : F.play) == null || ie.call(F), u == null || u();
-  }, y = (D = (ee = l == null ? void 0 : l.config) == null ? void 0 : ee.size) != null && D.width ? typeof l.config.size.width == "number" ? `${l.config.size.width}px` : l.config.size.width : void 0, _ = (ne = (de = l == null ? void 0 : l.config) == null ? void 0 : de.size) != null && ne.height ? typeof l.config.size.height == "number" ? `${l.config.size.height}px` : l.config.size.height : void 0, j = or(e, r);
-  return L ? Q.jsxs(tr, { type: "error", children: ["An error occurred: ", L] }) : U || !z ? Q.jsx(tr, { type: "loading", children: "Loading..." }) : Q.jsxs(Q.Fragment, { children: [c && !q ? Q.jsx("div", { onClick: h }) : null, !c && Q.jsx("div", { children: Q.jsx(wr, { id: j, ref: B, width: y || "100%", height: _ || "auto", $hiddenClasses: m, className: f }) }, j), c && q && Q.jsx(Ft, { onClick: o, className: f, children: Q.jsx(Dt, { className: f, onClick: (F) => F.stopPropagation(), children: Q.jsx("div", { children: Q.jsx(wr, { id: j, ref: B, width: "100%", height: "auto", $hiddenClasses: m, className: f }) }, j) }) })] });
+    onPlayerEvent: E
+  }), [q, C] = de(!0), p = () => c && C(!0), v = () => {
+    var Z, pe;
+    C(!1), (pe = (Z = W.current) == null ? void 0 : Z.play) == null || pe.call(Z), u == null || u();
+  }, o = (H = (F = l == null ? void 0 : l.config) == null ? void 0 : F.size) != null && H.width ? typeof l.config.size.width == "number" ? `${l.config.size.width}px` : l.config.size.width : void 0, y = (V = (fe = l == null ? void 0 : l.config) == null ? void 0 : fe.size) != null && V.height ? typeof l.config.size.height == "number" ? `${l.config.size.height}px` : l.config.size.height : void 0, R = or(e, r);
+  return $ ? Q.jsxs(tr, { type: "error", children: ["An error occurred: ", $] }) : z || !Y ? Q.jsx(tr, { type: "loading", children: "Loading..." }) : Q.jsxs(Q.Fragment, { children: [c && !q ? Q.jsx("div", { onClick: p }) : null, !c && Q.jsx("div", { children: Q.jsx(wr, { id: R, ref: M, width: o || "100%", height: y || "auto", $hiddenClasses: m, className: f }) }, R), c && q && Q.jsx(Ft, { onClick: v, className: f, children: Q.jsx(Dt, { className: f, onClick: (Z) => Z.stopPropagation(), children: Q.jsx("div", { children: Q.jsx(wr, { id: R, ref: M, width: "100%", height: "auto", $hiddenClasses: m, className: f }) }, R) }) })] });
 }, Lr = Nr(void 0), rn = ({ children: e }) => {
-  const [r, n] = ce(!1), [i, a] = ce(null), [t, s] = ce(null), l = lr((u) => {
+  const [r, n] = de(!1), [i, a] = de(null), [t, s] = de(null), l = lr((u) => {
     try {
       const f = or(u.playerId, u.videoId);
       a({ ...u, playerId: f }), n(!0), s(null);
@@ -2184,7 +2182,7 @@ const Nt = Ce.div`
     }
   }, []), c = lr(() => {
     n(!1), a(null), s(null);
-  }, []), m = Pr(() => ({
+  }, []), m = br(() => ({
     showPlayer: l,
     hidePlayer: c,
     isPlayerVisible: r,
@@ -2192,7 +2190,7 @@ const Nt = Ce.div`
   }), [l, c, r, i]);
   return Q.jsxs(Lr.Provider, { value: m, children: [e, t && Q.jsx(tr, { type: "error", children: t }), r && (i == null ? void 0 : i.playerId) && Q.jsx(Qt, { playerId: i.playerId, videoId: i.videoId, projectId: i.projectId, videoUrl: i.videoUrl, version: i.version, playlistId: i.playlistId, scriptUrl: i.scriptUrl, config: i.config, isReels: i.isReels, thumbnailUrl: i.thumbnailUrl, onClose: c, hiddenClasses: i.hiddenClasses || [], className: i.className })] });
 }, tn = () => {
-  const e = br(Lr);
+  const e = _r(Lr);
   if (!e)
     throw new Error("useVPPlayer must be used within a VPPlayerProvider");
   return e;