@devix-technologies/react-gjirafa-vp-player 1.0.12 → 1.0.14

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

@@ -1,6 +1,6 @@
-import * as H from "react";
-import mt, { forwardRef as yt, useContext as et, useState as U, useEffect as xe, useRef as Be, useMemo as tt, createContext as gt, useCallback as ze } from "react";
-var he = { exports: {} }, se = {};
+import * as Z from "react";
+import yt, { forwardRef as gt, useContext as tt, useState as Y, useEffect as xe, useRef as Me, useMemo as rt, createContext as vt, useCallback as Ue } from "react";
+var me = { exports: {} }, se = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,10 +10,10 @@ var he = { exports: {} }, se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ue;
-function vt() {
-  if (Ue) return se;
-  Ue = 1;
+var ze;
+function bt() {
+  if (ze) return se;
+  ze = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function r(n, a, i) {
     var s = null;
@@ -43,7 +43,7 @@ var ce = {};
  * LICENSE file in the root directory of this source tree.
  */
 var De;
-function bt() {
+function xt() {
   return De || (De = 1, process.env.NODE_ENV !== "production" && function() {
     function e(o) {
       if (o == null) return null;
@@ -61,28 +61,28 @@ function bt() {
           return "Suspense";
         case R:
           return "SuspenseList";
-        case I:
+        case C:
           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 v:
+          case g:
             return "Portal";
           case _:
             return (o.displayName || "Context") + ".Provider";
-          case x:
+          case w:
             return (o._context.displayName || "Context") + ".Consumer";
-          case T:
-            var b = o.render;
-            return o = o.displayName, o || (o = b.displayName || b.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case u:
-            return b = o.displayName || null, b !== null ? b : e(o.type) || "Memo";
           case A:
-            b = o._payload, o = o._init;
+            var v = o.render;
+            return o = o.displayName, o || (o = v.displayName || v.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case d:
+            return v = o.displayName || null, v !== null ? v : e(o.type) || "Memo";
+          case I:
+            v = o._payload, o = o._init;
             try {
-              return e(o(b));
+              return e(o(v));
             } catch {
             }
         }
@@ -94,73 +94,73 @@ function bt() {
     function r(o) {
       try {
         t(o);
-        var b = !1;
+        var v = !1;
       } catch {
-        b = !0;
+        v = !0;
       }
-      if (b) {
-        b = console;
-        var C = b.error, L = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return C.call(
-          b,
+      if (v) {
+        v = console;
+        var T = v.error, V = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return T.call(
+          v,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          L
+          V
         ), t(o);
       }
     }
     function n(o) {
       if (o === f) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === A)
+      if (typeof o == "object" && o !== null && o.$$typeof === I)
         return "<...>";
       try {
-        var b = e(o);
-        return b ? "<" + b + ">" : "<...>";
+        var v = e(o);
+        return v ? "<" + v + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var o = O.A;
+      var o = $.A;
       return o === null ? null : o.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
     function s(o) {
-      if (G.call(o, "key")) {
-        var b = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (b && b.isReactWarning) return !1;
+      if (D.call(o, "key")) {
+        var v = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (v && v.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
-    function c(o, b) {
-      function C() {
-        Z || (Z = !0, console.error(
+    function c(o, v) {
+      function T() {
+        q || (q = !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)",
-          b
+          v
         ));
       }
-      C.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: C,
+      T.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: T,
         configurable: !0
       });
     }
-    function d() {
+    function u() {
       var o = e(this.type);
-      return Q[o] || (Q[o] = !0, console.error(
+      return W[o] || (W[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, b, C, L, K, D, _e, Se) {
-      return C = D.ref, o = {
-        $$typeof: w,
+    function m(o, v, T, V, te, G, _e, Se) {
+      return T = G.ref, o = {
+        $$typeof: x,
         type: o,
-        key: b,
-        props: D,
-        _owner: K
-      }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(o, "ref", {
+        key: v,
+        props: G,
+        _owner: te
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: d
+        get: u
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -183,103 +183,103 @@ function bt() {
         value: Se
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function l(o, b, C, L, K, D, _e, Se) {
-      var F = b.children;
+    function l(o, v, T, V, te, G, _e, Se) {
+      var F = v.children;
       if (F !== void 0)
-        if (L)
-          if (z(F)) {
-            for (L = 0; L < F.length; L++)
-              p(F[L]);
+        if (V)
+          if (j(F)) {
+            for (V = 0; V < F.length; V++)
+              p(F[V]);
             Object.freeze && Object.freeze(F);
           } 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 p(F);
-      if (G.call(b, "key")) {
+      if (D.call(v, "key")) {
         F = e(o);
-        var ee = Object.keys(b).filter(function(ht) {
-          return ht !== "key";
+        var re = Object.keys(v).filter(function(mt) {
+          return mt !== "key";
         });
-        L = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", oe[F + L] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+        V = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", ee[F + V] || (re = 0 < re.length ? "{" + re.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} />`,
-          L,
+          V,
           F,
-          ee,
+          re,
           F
-        ), oe[F + L] = !0);
+        ), ee[F + V] = !0);
       }
-      if (F = null, C !== void 0 && (r(C), F = "" + C), s(b) && (r(b.key), F = "" + b.key), "key" in b) {
-        C = {};
-        for (var Re in b)
-          Re !== "key" && (C[Re] = b[Re]);
-      } else C = b;
+      if (F = null, T !== void 0 && (r(T), F = "" + T), s(v) && (r(v.key), F = "" + v.key), "key" in v) {
+        T = {};
+        for (var Re in v)
+          Re !== "key" && (T[Re] = v[Re]);
+      } else T = v;
       return F && c(
-        C,
+        T,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
       ), m(
         o,
         F,
-        D,
-        K,
+        G,
+        te,
         a(),
-        C,
+        T,
         _e,
         Se
       );
     }
     function p(o) {
-      typeof o == "object" && o !== null && o.$$typeof === w && o._store && (o._store.validated = 1);
+      typeof o == "object" && o !== null && o.$$typeof === x && o._store && (o._store.validated = 1);
     }
-    var g = mt, w = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), I = Symbol.for("react.activity"), E = Symbol.for("react.client.reference"), O = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, z = Array.isArray, X = console.createTask ? console.createTask : function() {
+    var b = yt, x = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), E = Symbol.for("react.client.reference"), $ = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, j = Array.isArray, U = console.createTask ? console.createTask : function() {
       return null;
     };
-    g = {
+    b = {
       "react-stack-bottom-frame": function(o) {
         return o();
       }
     };
-    var Z, Q = {}, J = g["react-stack-bottom-frame"].bind(
-      g,
+    var q, W = {}, J = b["react-stack-bottom-frame"].bind(
+      b,
       i
-    )(), ie = X(n(i)), oe = {};
-    ce.Fragment = f, ce.jsx = function(o, b, C, L, K) {
-      var D = 1e4 > O.recentlyCreatedOwnerStacks++;
+    )(), Q = U(n(i)), ee = {};
+    ce.Fragment = f, ce.jsx = function(o, v, T, V, te) {
+      var G = 1e4 > $.recentlyCreatedOwnerStacks++;
       return l(
         o,
-        b,
-        C,
+        v,
+        T,
         !1,
-        L,
-        K,
-        D ? Error("react-stack-top-frame") : J,
-        D ? X(n(o)) : ie
+        V,
+        te,
+        G ? Error("react-stack-top-frame") : J,
+        G ? U(n(o)) : Q
       );
-    }, ce.jsxs = function(o, b, C, L, K) {
-      var D = 1e4 > O.recentlyCreatedOwnerStacks++;
+    }, ce.jsxs = function(o, v, T, V, te) {
+      var G = 1e4 > $.recentlyCreatedOwnerStacks++;
       return l(
         o,
-        b,
-        C,
+        v,
+        T,
         !0,
-        L,
-        K,
-        D ? Error("react-stack-top-frame") : J,
-        D ? X(n(o)) : ie
+        V,
+        te,
+        G ? Error("react-stack-top-frame") : J,
+        G ? U(n(o)) : Q
       );
     };
   }()), ce;
 }
 var We;
-function xt() {
-  return We || (We = 1, process.env.NODE_ENV === "production" ? he.exports = vt() : he.exports = bt()), he.exports;
+function wt() {
+  return We || (We = 1, process.env.NODE_ENV === "production" ? me.exports = bt() : me.exports = xt()), me.exports;
 }
-var $ = xt();
+var N = wt();
 function Oe() {
   return Oe = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
@@ -289,18 +289,18 @@ function Oe() {
     return e;
   }, Oe.apply(null, arguments);
 }
-function wt(e) {
+function kt(e) {
   if (e.sheet)
     return e.sheet;
   for (var t = 0; t < document.styleSheets.length; t++)
     if (document.styleSheets[t].ownerNode === e)
       return document.styleSheets[t];
 }
-function kt(e) {
+function Pt(e) {
   var t = document.createElement("style");
   return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
 }
-var Pt = /* @__PURE__ */ function() {
+var Et = /* @__PURE__ */ function() {
   function e(r) {
     var n = this;
     this._insertTag = function(a) {
@@ -312,10 +312,10 @@ var Pt = /* @__PURE__ */ function() {
   return t.hydrate = function(n) {
     n.forEach(this._insertTag);
   }, t.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(kt(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Pt(this));
     var a = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var i = wt(a);
+      var i = kt(a);
       try {
         i.insertRule(n, i.cssRules.length);
       } catch {
@@ -329,14 +329,14 @@ var Pt = /* @__PURE__ */ function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), V = "-ms-", we = "-moz-", k = "-webkit-", rt = "comm", Le = "rule", Fe = "decl", Et = "@import", nt = "@keyframes", _t = "@layer", St = Math.abs, ke = String.fromCharCode, Rt = Object.assign;
-function Tt(e, t) {
-  return N(e, 0) ^ 45 ? (((t << 2 ^ N(e, 0)) << 2 ^ N(e, 1)) << 2 ^ N(e, 2)) << 2 ^ N(e, 3) : 0;
+}(), B = "-ms-", we = "-moz-", k = "-webkit-", nt = "comm", Le = "rule", Ve = "decl", _t = "@import", at = "@keyframes", St = "@layer", Rt = Math.abs, ke = String.fromCharCode, At = Object.assign;
+function Ct(e, t) {
+  return L(e, 0) ^ 45 ? (((t << 2 ^ L(e, 0)) << 2 ^ L(e, 1)) << 2 ^ L(e, 2)) << 2 ^ L(e, 3) : 0;
 }
-function at(e) {
+function it(e) {
   return e.trim();
 }
-function At(e, t) {
+function Tt(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
 function P(e, t, r) {
@@ -345,50 +345,50 @@ function P(e, t, r) {
 function je(e, t) {
   return e.indexOf(t);
 }
-function N(e, t) {
+function L(e, t) {
   return e.charCodeAt(t) | 0;
 }
-function ue(e, t, r) {
+function de(e, t, r) {
   return e.slice(t, r);
 }
-function W(e) {
+function H(e) {
   return e.length;
 }
-function Ve(e) {
+function Fe(e) {
   return e.length;
 }
-function me(e, t) {
+function ye(e, t) {
   return t.push(e), e;
 }
-function Ct(e, t) {
+function It(e, t) {
   return e.map(t).join("");
 }
-var Pe = 1, re = 1, it = 0, M = 0, j = 0, ae = "";
+var Pe = 1, ae = 1, ot = 0, M = 0, O = 0, oe = "";
 function Ee(e, t, r, n, a, i, s) {
-  return { value: e, root: t, parent: r, type: n, props: a, children: i, line: Pe, column: re, length: s, return: "" };
+  return { value: e, root: t, parent: r, type: n, props: a, children: i, line: Pe, column: ae, length: s, return: "" };
 }
 function le(e, t) {
-  return Rt(Ee("", null, null, "", null, null, 0), e, { length: -e.length }, t);
-}
-function It() {
-  return j;
+  return At(Ee("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function Ot() {
-  return j = M > 0 ? N(ae, --M) : 0, re--, j === 10 && (re = 1, Pe--), j;
+  return O;
+}
+function jt() {
+  return O = M > 0 ? L(oe, --M) : 0, ae--, O === 10 && (ae = 1, Pe--), O;
 }
-function B() {
-  return j = M < it ? N(ae, M++) : 0, re++, j === 10 && (re = 1, Pe++), j;
+function z() {
+  return O = M < ot ? L(oe, M++) : 0, ae++, O === 10 && (ae = 1, Pe++), O;
 }
-function q() {
-  return N(ae, M);
+function K() {
+  return L(oe, M);
 }
 function ge() {
   return M;
 }
-function pe(e, t) {
-  return ue(ae, e, t);
+function he(e, t) {
+  return de(oe, e, t);
 }
-function de(e) {
+function fe(e) {
   switch (e) {
     // \0 \t \n \r \s whitespace token
     case 0:
@@ -426,35 +426,35 @@ function de(e) {
   }
   return 0;
 }
-function ot(e) {
-  return Pe = re = 1, it = W(ae = e), M = 0, [];
-}
 function st(e) {
-  return ae = "", e;
+  return Pe = ae = 1, ot = H(oe = e), M = 0, [];
+}
+function ct(e) {
+  return oe = "", e;
 }
 function ve(e) {
-  return at(pe(M - 1, $e(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return it(he(M - 1, $e(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function jt(e) {
-  for (; (j = q()) && j < 33; )
-    B();
-  return de(e) > 2 || de(j) > 3 ? "" : " ";
+function $t(e) {
+  for (; (O = K()) && O < 33; )
+    z();
+  return fe(e) > 2 || fe(O) > 3 ? "" : " ";
 }
-function $t(e, t) {
-  for (; --t && B() && !(j < 48 || j > 102 || j > 57 && j < 65 || j > 70 && j < 97); )
+function Nt(e, t) {
+  for (; --t && z() && !(O < 48 || O > 102 || O > 57 && O < 65 || O > 70 && O < 97); )
     ;
-  return pe(e, ge() + (t < 6 && q() == 32 && B() == 32));
+  return he(e, ge() + (t < 6 && K() == 32 && z() == 32));
 }
 function $e(e) {
-  for (; B(); )
-    switch (j) {
+  for (; z(); )
+    switch (O) {
       // ] ) " '
       case e:
         return M;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && $e(j);
+        e !== 34 && e !== 39 && $e(O);
         break;
       // (
       case 40:
@@ -462,166 +462,166 @@ function $e(e) {
         break;
       // \
       case 92:
-        B();
+        z();
         break;
     }
   return M;
 }
-function Nt(e, t) {
-  for (; B() && e + j !== 57; )
-    if (e + j === 84 && q() === 47)
+function Lt(e, t) {
+  for (; z() && e + O !== 57; )
+    if (e + O === 84 && K() === 47)
       break;
-  return "/*" + pe(t, M - 1) + "*" + ke(e === 47 ? e : B());
+  return "/*" + he(t, M - 1) + "*" + ke(e === 47 ? e : z());
 }
-function Lt(e) {
-  for (; !de(q()); )
-    B();
-  return pe(e, M);
+function Vt(e) {
+  for (; !fe(K()); )
+    z();
+  return he(e, M);
 }
 function Ft(e) {
-  return st(be("", null, null, null, [""], e = ot(e), 0, [0], e));
+  return ct(be("", null, null, null, [""], e = st(e), 0, [0], e));
 }
-function be(e, t, r, n, a, i, s, c, d) {
-  for (var m = 0, l = 0, p = s, g = 0, w = 0, v = 0, f = 1, h = 1, y = 1, x = 0, _ = "", T = a, S = i, R = n, u = _; h; )
-    switch (v = x, x = B()) {
+function be(e, t, r, n, a, i, s, c, u) {
+  for (var m = 0, l = 0, p = s, b = 0, x = 0, g = 0, f = 1, h = 1, y = 1, w = 0, _ = "", A = a, S = i, R = n, d = _; h; )
+    switch (g = w, w = z()) {
       // (
       case 40:
-        if (v != 108 && N(u, p - 1) == 58) {
-          je(u += P(ve(x), "&", "&\f"), "&\f") != -1 && (y = -1);
+        if (g != 108 && L(d, p - 1) == 58) {
+          je(d += P(ve(w), "&", "&\f"), "&\f") != -1 && (y = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        u += ve(x);
+        d += ve(w);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        u += jt(v);
+        d += $t(g);
         break;
       // \
       case 92:
-        u += $t(ge() - 1, 7);
+        d += Nt(ge() - 1, 7);
         continue;
       // /
       case 47:
-        switch (q()) {
+        switch (K()) {
           case 42:
           case 47:
-            me(Vt(Nt(B(), ge()), t, r), d);
+            ye(Bt(Lt(z(), ge()), t, r), u);
             break;
           default:
-            u += "/";
+            d += "/";
         }
         break;
       // {
       case 123 * f:
-        c[m++] = W(u) * y;
+        c[m++] = H(d) * y;
       // } ; \0
       case 125 * f:
       case 59:
       case 0:
-        switch (x) {
+        switch (w) {
           // \0 }
           case 0:
           case 125:
             h = 0;
           // ;
           case 59 + l:
-            y == -1 && (u = P(u, /\f/g, "")), w > 0 && W(u) - p && me(w > 32 ? qe(u + ";", n, r, p - 1) : qe(P(u, " ", "") + ";", n, r, p - 2), d);
+            y == -1 && (d = P(d, /\f/g, "")), x > 0 && H(d) - p && ye(x > 32 ? qe(d + ";", n, r, p - 1) : qe(P(d, " ", "") + ";", n, r, p - 2), u);
             break;
           // @ ;
           case 59:
-            u += ";";
+            d += ";";
           // { rule/at-rule
           default:
-            if (me(R = Ye(u, t, r, m, l, a, c, _, T = [], S = [], p), i), x === 123)
+            if (ye(R = Ye(d, t, r, m, l, a, c, _, A = [], S = [], p), i), w === 123)
               if (l === 0)
-                be(u, t, R, R, T, i, p, c, S);
+                be(d, t, R, R, A, i, p, c, S);
               else
-                switch (g === 99 && N(u, 3) === 110 ? 100 : g) {
+                switch (b === 99 && L(d, 3) === 110 ? 100 : b) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    be(e, R, R, n && me(Ye(e, R, R, 0, 0, a, c, _, a, T = [], p), S), a, S, p, c, n ? T : S);
+                    be(e, R, R, n && ye(Ye(e, R, R, 0, 0, a, c, _, a, A = [], p), S), a, S, p, c, n ? A : S);
                     break;
                   default:
-                    be(u, R, R, R, [""], S, 0, c, S);
+                    be(d, R, R, R, [""], S, 0, c, S);
                 }
         }
-        m = l = w = 0, f = y = 1, _ = u = "", p = s;
+        m = l = x = 0, f = y = 1, _ = d = "", p = s;
         break;
       // :
       case 58:
-        p = 1 + W(u), w = v;
+        p = 1 + H(d), x = g;
       default:
         if (f < 1) {
-          if (x == 123)
+          if (w == 123)
             --f;
-          else if (x == 125 && f++ == 0 && Ot() == 125)
+          else if (w == 125 && f++ == 0 && jt() == 125)
             continue;
         }
-        switch (u += ke(x), x * f) {
+        switch (d += ke(w), w * f) {
           // &
           case 38:
-            y = l > 0 ? 1 : (u += "\f", -1);
+            y = l > 0 ? 1 : (d += "\f", -1);
             break;
           // ,
           case 44:
-            c[m++] = (W(u) - 1) * y, y = 1;
+            c[m++] = (H(d) - 1) * y, y = 1;
             break;
           // @
           case 64:
-            q() === 45 && (u += ve(B())), g = q(), l = p = W(_ = u += Lt(ge())), x++;
+            K() === 45 && (d += ve(z())), b = K(), l = p = H(_ = d += Vt(ge())), w++;
             break;
           // -
           case 45:
-            v === 45 && W(u) == 2 && (f = 0);
+            g === 45 && H(d) == 2 && (f = 0);
         }
     }
   return i;
 }
-function Ye(e, t, r, n, a, i, s, c, d, m, l) {
-  for (var p = a - 1, g = a === 0 ? i : [""], w = Ve(g), v = 0, f = 0, h = 0; v < n; ++v)
-    for (var y = 0, x = ue(e, p + 1, p = St(f = s[v])), _ = e; y < w; ++y)
-      (_ = at(f > 0 ? g[y] + " " + x : P(x, /&\f/g, g[y]))) && (d[h++] = _);
-  return Ee(e, t, r, a === 0 ? Le : c, d, m, l);
+function Ye(e, t, r, n, a, i, s, c, u, m, l) {
+  for (var p = a - 1, b = a === 0 ? i : [""], x = Fe(b), g = 0, f = 0, h = 0; g < n; ++g)
+    for (var y = 0, w = de(e, p + 1, p = Rt(f = s[g])), _ = e; y < x; ++y)
+      (_ = it(f > 0 ? b[y] + " " + w : P(w, /&\f/g, b[y]))) && (u[h++] = _);
+  return Ee(e, t, r, a === 0 ? Le : c, u, m, l);
 }
-function Vt(e, t, r) {
-  return Ee(e, t, r, rt, ke(It()), ue(e, 2, -2), 0);
+function Bt(e, t, r) {
+  return Ee(e, t, r, nt, ke(Ot()), de(e, 2, -2), 0);
 }
 function qe(e, t, r, n) {
-  return Ee(e, t, r, Fe, ue(e, 0, n), ue(e, n + 1, -1), n);
+  return Ee(e, t, r, Ve, de(e, 0, n), de(e, n + 1, -1), n);
 }
-function te(e, t) {
-  for (var r = "", n = Ve(e), a = 0; a < n; a++)
+function ne(e, t) {
+  for (var r = "", n = Fe(e), a = 0; a < n; a++)
     r += t(e[a], a, e, t) || "";
   return r;
 }
 function Mt(e, t, r, n) {
   switch (e.type) {
-    case _t:
+    case St:
       if (e.children.length) break;
-    case Et:
-    case Fe:
+    case _t:
+    case Ve:
       return e.return = e.return || e.value;
-    case rt:
-      return "";
     case nt:
-      return e.return = e.value + "{" + te(e.children, n) + "}";
+      return "";
+    case at:
+      return e.return = e.value + "{" + ne(e.children, n) + "}";
     case Le:
       e.value = e.props.join(",");
   }
-  return W(r = te(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
+  return H(r = ne(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
-function Bt(e) {
-  var t = Ve(e);
+function Ut(e) {
+  var t = Fe(e);
   return function(r, n, a, i) {
     for (var s = "", c = 0; c < t; c++)
       s += e[c](r, n, a, i) || "";
@@ -633,53 +633,53 @@ function zt(e) {
     t.root || (t = t.return) && e(t);
   };
 }
-function ct(e) {
+function lt(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(r) {
     return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-var Ut = function(t, r, n) {
-  for (var a = 0, i = 0; a = i, i = q(), a === 38 && i === 12 && (r[n] = 1), !de(i); )
-    B();
-  return pe(t, M);
-}, Dt = function(t, r) {
+var Dt = function(t, r, n) {
+  for (var a = 0, i = 0; a = i, i = K(), a === 38 && i === 12 && (r[n] = 1), !fe(i); )
+    z();
+  return he(t, M);
+}, Wt = function(t, r) {
   var n = -1, a = 44;
   do
-    switch (de(a)) {
+    switch (fe(a)) {
       case 0:
-        a === 38 && q() === 12 && (r[n] = 1), t[n] += Ut(M - 1, r, n);
+        a === 38 && K() === 12 && (r[n] = 1), t[n] += Dt(M - 1, r, n);
         break;
       case 2:
         t[n] += ve(a);
         break;
       case 4:
         if (a === 44) {
-          t[++n] = q() === 58 ? "&\f" : "", r[n] = t[n].length;
+          t[++n] = K() === 58 ? "&\f" : "", r[n] = t[n].length;
           break;
         }
       // fallthrough
       default:
         t[n] += ke(a);
     }
-  while (a = B());
+  while (a = z());
   return t;
-}, Wt = function(t, r) {
-  return st(Dt(ot(t), r));
-}, He = /* @__PURE__ */ new WeakMap(), Yt = function(t) {
+}, Yt = function(t, r) {
+  return ct(Wt(st(t), r));
+}, Ge = /* @__PURE__ */ new WeakMap(), qt = function(t) {
   if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   t.length < 1)) {
     for (var r = t.value, n = t.parent, a = t.column === n.column && t.line === n.line; n.type !== "rule"; )
       if (n = n.parent, !n) return;
-    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !He.get(n)) && !a) {
-      He.set(t, !0);
-      for (var i = [], s = Wt(r, i), c = n.props, d = 0, m = 0; d < s.length; d++)
+    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !Ge.get(n)) && !a) {
+      Ge.set(t, !0);
+      for (var i = [], s = Yt(r, i), c = n.props, u = 0, m = 0; u < s.length; u++)
         for (var l = 0; l < c.length; l++, m++)
-          t.props[m] = i[d] ? s[d].replace(/&\f/g, c[l]) : c[l] + " " + s[d];
+          t.props[m] = i[u] ? s[u].replace(/&\f/g, c[l]) : c[l] + " " + s[u];
     }
   }
-}, qt = function(t) {
+}, Gt = function(t) {
   if (t.type === "decl") {
     var r = t.value;
     // charcode for l
@@ -687,8 +687,8 @@ var Ut = function(t, r, n) {
     r.charCodeAt(2) === 98 && (t.return = "", t.value = "");
   }
 };
-function lt(e, t) {
-  switch (Tt(e, t)) {
+function ut(e, t) {
+  switch (Ct(e, t)) {
     // color-adjust
     case 5103:
       return k + "print-" + e + e;
@@ -728,32 +728,32 @@ function lt(e, t) {
     case 4810:
     case 6968:
     case 2756:
-      return k + e + we + e + V + e + e;
+      return k + e + we + e + B + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return k + e + V + e + e;
+      return k + e + B + e + e;
     // order
     case 6165:
-      return k + e + V + "flex-" + e + e;
+      return k + e + B + "flex-" + e + e;
     // align-items
     case 5187:
-      return k + e + P(e, /(\w+).+(:[^]+)/, k + "box-$1$2" + V + "flex-$1$2") + e;
+      return k + e + P(e, /(\w+).+(:[^]+)/, k + "box-$1$2" + B + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return k + e + V + "flex-item-" + P(e, /flex-|-self/, "") + e;
+      return k + e + B + "flex-item-" + P(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return k + e + V + "flex-line-pack" + P(e, /align-content|flex-|-self/, "") + e;
+      return k + e + B + "flex-line-pack" + P(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return k + e + V + P(e, "shrink", "negative") + e;
+      return k + e + B + P(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return k + e + V + P(e, "basis", "preferred-size") + e;
+      return k + e + B + P(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return k + "box-" + P(e, "-grow", "") + k + e + V + P(e, "grow", "positive") + e;
+      return k + "box-" + P(e, "-grow", "") + k + e + B + P(e, "grow", "positive") + e;
     // transition
     case 4554:
       return k + P(e, /([^-])(transform)/g, "$1" + k + "$2") + e;
@@ -766,7 +766,7 @@ function lt(e, t) {
       return P(e, /(image-set\([^]*)/, k + "$1$`$1");
     // justify-content
     case 4968:
-      return P(P(e, /(.+:)(flex-)?(.*)/, k + "box-pack:$3" + V + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + k + e + e;
+      return P(P(e, /(.+:)(flex-)?(.*)/, k + "box-pack:$3" + B + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + k + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
@@ -786,81 +786,81 @@ function lt(e, t) {
     case 5789:
     case 5021:
     case 4765:
-      if (W(e) - 1 - t > 6) switch (N(e, t + 1)) {
+      if (H(e) - 1 - t > 6) switch (L(e, t + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (N(e, t + 4) !== 45) break;
+          if (L(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return P(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + we + (N(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return P(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + we + (L(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~je(e, "stretch") ? lt(P(e, "stretch", "fill-available"), t) + e : e;
+          return ~je(e, "stretch") ? ut(P(e, "stretch", "fill-available"), t) + e : e;
       }
       break;
     // position: sticky
     case 4949:
-      if (N(e, t + 1) !== 115) break;
+      if (L(e, t + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (N(e, W(e) - 3 - (~je(e, "!important") && 10))) {
+      switch (L(e, H(e) - 3 - (~je(e, "!important") && 10))) {
         // stic(k)y
         case 107:
           return P(e, ":", ":" + k) + e;
         // (inline-)?fl(e)x
         case 101:
-          return P(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + k + (N(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + V + "$2box$3") + e;
+          return P(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + k + (L(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + B + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch (N(e, t + 11)) {
+      switch (L(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return k + e + V + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return k + e + B + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return k + e + V + P(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return k + e + B + P(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return k + e + V + P(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return k + e + B + P(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return k + e + V + e + e;
+      return k + e + B + e + e;
   }
   return e;
 }
 var Ht = function(t, r, n, a) {
   if (t.length > -1 && !t.return) switch (t.type) {
-    case Fe:
-      t.return = lt(t.value, t.length);
+    case Ve:
+      t.return = ut(t.value, t.length);
       break;
-    case nt:
-      return te([le(t, {
+    case at:
+      return ne([le(t, {
         value: P(t.value, "@", "@" + k)
       })], a);
     case Le:
-      if (t.length) return Ct(t.props, function(i) {
-        switch (At(i, /(::plac\w+|:read-\w+)/)) {
+      if (t.length) return It(t.props, function(i) {
+        switch (Tt(i, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
-            return te([le(t, {
+            return ne([le(t, {
               props: [P(i, /:(read-\w+)/, ":" + we + "$1")]
             })], a);
           // :placeholder
           case "::placeholder":
-            return te([le(t, {
+            return ne([le(t, {
               props: [P(i, /:(plac\w+)/, ":" + k + "input-$1")]
             }), le(t, {
               props: [P(i, /:(plac\w+)/, ":" + we + "$1")]
             }), le(t, {
-              props: [P(i, /:(plac\w+)/, V + "input-$1")]
+              props: [P(i, /:(plac\w+)/, B + "input-$1")]
             })], a);
         }
         return "";
       });
   }
-}, Gt = [Ht], Xt = function(t) {
+}, Xt = [Ht], Kt = function(t) {
   var r = t.key;
   if (r === "css") {
     var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
@@ -869,7 +869,7 @@ var Ht = function(t, r, n, a) {
       h.indexOf(" ") !== -1 && (document.head.appendChild(f), f.setAttribute("data-s", ""));
     });
   }
-  var a = t.stylisPlugins || Gt, i = {}, s, c = [];
+  var a = t.stylisPlugins || Xt, i = {}, s, c = [];
   s = t.container || document.head, Array.prototype.forEach.call(
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
@@ -880,20 +880,20 @@ var Ht = function(t, r, n, a) {
       c.push(f);
     }
   );
-  var d, m = [Yt, qt];
+  var u, m = [qt, Gt];
   {
     var l, p = [Mt, zt(function(f) {
       l.insert(f);
-    })], g = Bt(m.concat(a, p)), w = function(h) {
-      return te(Ft(h), g);
+    })], b = Ut(m.concat(a, p)), x = function(h) {
+      return ne(Ft(h), b);
     };
-    d = function(h, y, x, _) {
-      l = x, w(h ? h + "{" + y.styles + "}" : y.styles), _ && (v.inserted[y.name] = !0);
+    u = function(h, y, w, _) {
+      l = w, x(h ? h + "{" + y.styles + "}" : y.styles), _ && (g.inserted[y.name] = !0);
     };
   }
-  var v = {
+  var g = {
     key: r,
-    sheet: new Pt({
+    sheet: new Et({
       key: r,
       container: s,
       nonce: t.nonce,
@@ -904,17 +904,17 @@ var Ht = function(t, r, n, a) {
     nonce: t.nonce,
     inserted: i,
     registered: {},
-    insert: d
+    insert: u
   };
-  return v.sheet.hydrate(c), v;
-}, Kt = !0;
-function Jt(e, t, r) {
+  return g.sheet.hydrate(c), g;
+}, Jt = !0;
+function Zt(e, t, r) {
   var n = "";
   return r.split(" ").forEach(function(a) {
     e[a] !== void 0 ? t.push(e[a] + ";") : a && (n += a + " ");
   }), n;
 }
-var ut = function(t, r, n) {
+var dt = function(t, r, n) {
   var a = t.key + "-" + r.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -925,9 +925,9 @@ var ut = function(t, r, n) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  Kt === !1) && t.registered[a] === void 0 && (t.registered[a] = r.styles);
-}, Zt = function(t, r, n) {
-  ut(t, r, n);
+  Jt === !1) && t.registered[a] === void 0 && (t.registered[a] = r.styles);
+}, Qt = function(t, r, n) {
+  dt(t, r, n);
   var a = t.key + "-" + r.name;
   if (t.inserted[r.name] === void 0) {
     var i = r;
@@ -936,7 +936,7 @@ var ut = function(t, r, n) {
     while (i !== void 0);
   }
 };
-function Qt(e) {
+function er(e) {
   for (var t = 0, r, n = 0, a = e.length; a >= 4; ++n, a -= 4)
     r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
@@ -955,7 +955,7 @@ function Qt(e) {
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var er = {
+var tr = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1004,28 +1004,28 @@ var er = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, tr = /[A-Z]|^ms/g, rr = /_EMO_([^_]+?)_([^]*?)_EMO_/g, dt = function(t) {
+}, rr = /[A-Z]|^ms/g, nr = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ft = function(t) {
   return t.charCodeAt(1) === 45;
-}, Ge = function(t) {
+}, He = function(t) {
   return t != null && typeof t != "boolean";
-}, Te = /* @__PURE__ */ ct(function(e) {
-  return dt(e) ? e : e.replace(tr, "-$&").toLowerCase();
+}, Ae = /* @__PURE__ */ lt(function(e) {
+  return ft(e) ? e : e.replace(rr, "-$&").toLowerCase();
 }), Xe = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(rr, function(n, a, i) {
-          return Y = {
+        return r.replace(nr, function(n, a, i) {
+          return X = {
             name: a,
             styles: i,
-            next: Y
+            next: X
           }, a;
         });
   }
-  return er[t] !== 1 && !dt(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return tr[t] !== 1 && !ft(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
-function fe(e, t, r) {
+function pe(e, t, r) {
   if (r == null)
     return "";
   var n = r;
@@ -1037,30 +1037,30 @@ function fe(e, t, r) {
     case "object": {
       var a = r;
       if (a.anim === 1)
-        return Y = {
+        return X = {
           name: a.name,
           styles: a.styles,
-          next: Y
+          next: X
         }, a.name;
       var i = r;
       if (i.styles !== void 0) {
         var s = i.next;
         if (s !== void 0)
           for (; s !== void 0; )
-            Y = {
+            X = {
               name: s.name,
               styles: s.styles,
-              next: Y
+              next: X
             }, s = s.next;
         var c = i.styles + ";";
         return c;
       }
-      return nr(e, t, r);
+      return ar(e, t, r);
     }
     case "function": {
       if (e !== void 0) {
-        var d = Y, m = r(e);
-        return Y = d, fe(e, t, m);
+        var u = X, m = r(e);
+        return X = u, pe(e, t, m);
       }
       break;
     }
@@ -1071,26 +1071,26 @@ function fe(e, t, r) {
   var p = t[l];
   return p !== void 0 ? p : l;
 }
-function nr(e, t, r) {
+function ar(e, t, r) {
   var n = "";
   if (Array.isArray(r))
     for (var a = 0; a < r.length; a++)
-      n += fe(e, t, r[a]) + ";";
+      n += pe(e, t, r[a]) + ";";
   else
     for (var i in r) {
       var s = r[i];
       if (typeof s != "object") {
         var c = s;
-        t != null && t[c] !== void 0 ? n += i + "{" + t[c] + "}" : Ge(c) && (n += Te(i) + ":" + Xe(i, c) + ";");
+        t != null && t[c] !== void 0 ? n += i + "{" + t[c] + "}" : He(c) && (n += Ae(i) + ":" + Xe(i, c) + ";");
       } else if (Array.isArray(s) && typeof s[0] == "string" && (t == null || t[s[0]] === void 0))
-        for (var d = 0; d < s.length; d++)
-          Ge(s[d]) && (n += Te(i) + ":" + Xe(i, s[d]) + ";");
+        for (var u = 0; u < s.length; u++)
+          He(s[u]) && (n += Ae(i) + ":" + Xe(i, s[u]) + ";");
       else {
-        var m = fe(e, t, s);
+        var m = pe(e, t, s);
         switch (i) {
           case "animation":
           case "animationName": {
-            n += Te(i) + ":" + m + ";";
+            n += Ae(i) + ":" + m + ";";
             break;
           }
           default:
@@ -1100,65 +1100,65 @@ function nr(e, t, r) {
     }
   return n;
 }
-var Ke = /label:\s*([^\s;{]+)\s*(;|$)/g, Y;
-function ar(e, t, r) {
+var Ke = /label:\s*([^\s;{]+)\s*(;|$)/g, X;
+function ir(e, t, r) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var n = !0, a = "";
-  Y = void 0;
+  X = void 0;
   var i = e[0];
   if (i == null || i.raw === void 0)
-    n = !1, a += fe(r, t, i);
+    n = !1, a += pe(r, t, i);
   else {
     var s = i;
     a += s[0];
   }
   for (var c = 1; c < e.length; c++)
-    if (a += fe(r, t, e[c]), n) {
-      var d = i;
-      a += d[c];
+    if (a += pe(r, t, e[c]), n) {
+      var u = i;
+      a += u[c];
     }
   Ke.lastIndex = 0;
   for (var m = "", l; (l = Ke.exec(a)) !== null; )
     m += "-" + l[1];
-  var p = Qt(a) + m;
+  var p = er(a) + m;
   return {
     name: p,
     styles: a,
-    next: Y
+    next: X
   };
 }
-var ir = function(t) {
+var or = function(t) {
   return t();
-}, or = H.useInsertionEffect ? H.useInsertionEffect : !1, sr = or || ir, ft = /* @__PURE__ */ H.createContext(
+}, sr = Z.useInsertionEffect ? Z.useInsertionEffect : !1, cr = sr || or, pt = /* @__PURE__ */ Z.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
   // and we could have a special build just for that
   // but this is much easier and the native packages
   // might use a different theme context in the future anyway
-  typeof HTMLElement < "u" ? /* @__PURE__ */ Xt({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ Kt({
     key: "css"
   }) : null
 );
-ft.Provider;
-var cr = function(t) {
-  return /* @__PURE__ */ yt(function(r, n) {
-    var a = et(ft);
+pt.Provider;
+var lr = function(t) {
+  return /* @__PURE__ */ gt(function(r, n) {
+    var a = tt(pt);
     return t(r, a, n);
   });
-}, lr = /* @__PURE__ */ H.createContext({}), ur = /^((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)-.*))$/, dr = /* @__PURE__ */ ct(
+}, ur = /* @__PURE__ */ Z.createContext({}), dr = /^((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)-.*))$/, fr = /* @__PURE__ */ lt(
   function(e) {
-    return ur.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+    return dr.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), fr = dr, pr = function(t) {
+), pr = fr, hr = function(t) {
   return t !== "theme";
 }, Je = function(t) {
   return typeof t == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
-  t.charCodeAt(0) > 96 ? fr : pr;
+  t.charCodeAt(0) > 96 ? pr : hr;
 }, Ze = function(t, r, n) {
   var a;
   if (r) {
@@ -1168,57 +1168,57 @@ var cr = function(t) {
     } : i;
   }
   return typeof a != "function" && n && (a = t.__emotion_forwardProp), a;
-}, hr = function(t) {
+}, mr = function(t) {
   var r = t.cache, n = t.serialized, a = t.isStringTag;
-  return ut(r, n, a), sr(function() {
-    return Zt(r, n, a);
+  return dt(r, n, a), cr(function() {
+    return Qt(r, n, a);
   }), null;
-}, mr = function e(t, r) {
+}, yr = function e(t, r) {
   var n = t.__emotion_real === t, a = n && t.__emotion_base || t, i, s;
   r !== void 0 && (i = r.label, s = r.target);
-  var c = Ze(t, r, n), d = c || Je(a), m = !d("as");
+  var c = Ze(t, r, n), u = c || Je(a), m = !u("as");
   return function() {
     var l = arguments, p = n && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
     if (i !== void 0 && p.push("label:" + i + ";"), l[0] == null || l[0].raw === void 0)
       p.push.apply(p, l);
     else {
-      var g = l[0];
-      p.push(g[0]);
-      for (var w = l.length, v = 1; v < w; v++)
-        p.push(l[v], g[v]);
+      var b = l[0];
+      p.push(b[0]);
+      for (var x = l.length, g = 1; g < x; g++)
+        p.push(l[g], b[g]);
     }
-    var f = cr(function(h, y, x) {
-      var _ = m && h.as || a, T = "", S = [], R = h;
+    var f = lr(function(h, y, w) {
+      var _ = m && h.as || a, A = "", S = [], R = h;
       if (h.theme == null) {
         R = {};
-        for (var u in h)
-          R[u] = h[u];
-        R.theme = H.useContext(lr);
+        for (var d in h)
+          R[d] = h[d];
+        R.theme = Z.useContext(ur);
       }
-      typeof h.className == "string" ? T = Jt(y.registered, S, h.className) : h.className != null && (T = h.className + " ");
-      var A = ar(p.concat(S), y.registered, R);
-      T += y.key + "-" + A.name, s !== void 0 && (T += " " + s);
-      var I = m && c === void 0 ? Je(_) : d, E = {};
-      for (var O in h)
-        m && O === "as" || I(O) && (E[O] = h[O]);
-      return E.className = T, x && (E.ref = x), /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement(hr, {
+      typeof h.className == "string" ? A = Zt(y.registered, S, h.className) : h.className != null && (A = h.className + " ");
+      var I = ir(p.concat(S), y.registered, R);
+      A += y.key + "-" + I.name, s !== void 0 && (A += " " + s);
+      var C = m && c === void 0 ? Je(_) : u, E = {};
+      for (var $ in h)
+        m && $ === "as" || C($) && (E[$] = h[$]);
+      return E.className = A, w && (E.ref = w), /* @__PURE__ */ Z.createElement(Z.Fragment, null, /* @__PURE__ */ Z.createElement(mr, {
         cache: y,
-        serialized: A,
+        serialized: I,
         isStringTag: typeof _ == "string"
-      }), /* @__PURE__ */ H.createElement(_, E));
+      }), /* @__PURE__ */ Z.createElement(_, E));
     });
     return f.displayName = i !== void 0 ? i : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", f.defaultProps = t.defaultProps, f.__emotion_real = f, f.__emotion_base = a, f.__emotion_styles = p, f.__emotion_forwardProp = c, Object.defineProperty(f, "toString", {
       value: function() {
         return "." + s;
       }
     }), f.withComponent = function(h, y) {
-      var x = e(h, Oe({}, r, y, {
+      var w = e(h, Oe({}, r, y, {
         shouldForwardProp: Ze(f, y, !0)
       }));
-      return x.apply(void 0, p);
+      return w.apply(void 0, p);
     }, f;
   };
-}, yr = [
+}, gr = [
   "a",
   "abbr",
   "address",
@@ -1354,11 +1354,11 @@ var cr = function(t) {
   "svg",
   "text",
   "tspan"
-], ne = mr.bind(null);
-yr.forEach(function(e) {
-  ne[e] = ne(e);
+], ie = yr.bind(null);
+gr.forEach(function(e) {
+  ie[e] = ie(e);
 });
-const gr = ne.div`
+const vr = ie.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1399,7 +1399,7 @@ const gr = ne.div`
       return "";
   }
 }}
-`, Ne = ({ type: e, children: t, className: r, icon: n, action: a }) => $.jsxs(gr, { type: e, className: r, children: [n && $.jsx("span", { children: n }), $.jsx("span", { children: t }), a && $.jsx("span", { children: a })] }), Qe = ne.div`
+`, Ne = ({ type: e, children: t, className: r, icon: n, action: a }) => N.jsxs(vr, { type: e, className: r, children: [n && N.jsx("span", { children: n }), N.jsx("span", { children: t }), a && N.jsx("span", { children: a })] }), Qe = ie.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
   border-radius: 8px;
@@ -1409,7 +1409,7 @@ const gr = ne.div`
 
   /* Hide specific elements inside the player */
   ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((t) => `.${t} { display: none !important; }`).join("")}
-`, vr = ne.div`
+`, br = ie.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -1421,7 +1421,7 @@ const gr = ne.div`
   align-items: center;
   z-index: 1000;
   pointer-events: auto;
-`, br = ne.div`
+`, xr = ie.div`
  position: relative;
  width: 100%; /* Default for mobile */
  max-width: 100%;
@@ -1433,110 +1433,145 @@ const gr = ne.div`
  @media (min-width: 768px) {
    width: min(70vw, 960px); /* Responsive width for desktop, capped at 960px */
  }
-`, xr = (e, t) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`, wr = (e, t) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`, kr = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, Me = (e, t) => `vp-player-${e || "default"}-${t || ""}`, Ae = /* @__PURE__ */ new Map(), Pr = (e, t) => {
-  const [r, n] = U(!1), [a, i] = U(null);
+`, wr = (e, t) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`, et = (e, t) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`, kr = (e, t) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}`, Pr = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, Be = (e, t) => `vp-player-${e || "default"}-${t || ""}`, Ce = /* @__PURE__ */ new Map(), Er = (e, t) => {
+  const [r, n] = Y(!1), [a, i] = Y(null);
   return xe(() => {
-    let s = null, c, d = 0;
+    let s = null, c, u = 0;
     const m = 3;
     let l;
     try {
-      l = t || kr(e || "latest");
-    } catch (w) {
-      const v = w instanceof Error ? w.message : String(w);
-      i(`Failed to resolve script URL: ${v}`), n(!1);
+      l = t || Pr(e || "latest");
+    } catch (x) {
+      const g = x instanceof Error ? x.message : String(x);
+      i(`Failed to resolve script URL: ${g}`), n(!1);
       return;
     }
-    if (Ae.get(l)) {
+    if (Ce.get(l)) {
       n(!0), i(null);
       return;
     }
     if (document.querySelector(`script[src="${l}"]`)) {
-      Ae.set(l, !0), n(!0), i(null);
+      Ce.set(l, !0), n(!0), i(null);
       return;
     }
-    const g = () => {
+    const b = () => {
       s = document.createElement("script"), s.src = l, s.async = !0, c = window.setTimeout(() => {
         n(!1), i(`Loading script timed out: ${l}`);
       }, 1e4), s.onload = () => {
-        clearTimeout(c), Ae.set(l, !0), n(!0), i(null);
+        clearTimeout(c), Ce.set(l, !0), n(!0), i(null);
       }, s.onerror = () => {
-        clearTimeout(c), d++, d < m ? setTimeout(g, 1e3 * d) : (n(!1), i(`Failed to load VP Player script after ${m} attempts: ${l}`));
+        clearTimeout(c), u++, u < m ? setTimeout(b, 1e3 * u) : (n(!1), i(`Failed to load VP Player script after ${m} attempts: ${l}`));
       }, document.body.appendChild(s);
     };
-    return g(), () => {
+    return b(), () => {
       clearTimeout(c), s && document.body.contains(s) && document.body.removeChild(s);
     };
   }, [e, t]), { isLoaded: r, error: a };
-}, Er = {}, ye = /* @__PURE__ */ new Map(), _r = 3e4, Ce = 5, Sr = ({ projectId: e, videoId: t, playlistId: r, videoUrl: n, apiKey: a }) => {
-  const [i, s] = U(null), [c, d] = U(null), [m, l] = U(!1), [p, g] = U(null), w = a || (typeof Er < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
+}, _r = {}, ue = /* @__PURE__ */ new Map(), Sr = 3e4, Te = 5, Rr = ({ projectId: e, videoId: t, playlistId: r, videoUrl: n, apiKey: a }) => {
+  const [i, s] = Y(null), [c, u] = Y(null), [m, l] = Y(!1), [p, b] = Y(null), x = a || (typeof _r < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
   return xe(() => {
-    const v = t ? `video:${t}` : r ? `playlist:${r}` : null;
+    const g = t ? `video:${t}` : r ? `playlist:${r}` : null;
     if (!e || n || !t && !r) {
-      s(n || null), d(null), l(!1), g(null);
+      s(n || null), u(null), l(!1), b(null);
       return;
     }
-    if (!w) {
-      l(!1), g("No API key provided");
+    if (!x) {
+      l(!1), b("No API key provided");
       return;
     }
-    if (v && ye.has(v)) {
-      const T = ye.get(v);
-      s(T.url), d(T.playlist), l(!1), g(null);
+    if (g && ue.has(g)) {
+      const A = ue.get(g);
+      s(A.url), u(A.playlist), l(!1), b(null);
       return;
     }
     let f = !0;
     const h = new AbortController(), y = h.signal, _ = setTimeout(async () => {
-      var S, R;
+      var S, R, d, I;
       if (!f)
         return;
-      l(!0), g(null);
-      let T = 0;
-      for (; T < Ce && f; )
+      l(!0), b(null);
+      let A = 0;
+      for (; A < Te && f; )
         try {
-          const u = t && !r ? xr(e, t) : wr(e, r), A = setTimeout(() => h.abort(), _r), I = await fetch(u, {
+          const C = t && !r ? wr(e, t) : et(e, r), E = setTimeout(() => h.abort(), Sr), $ = await fetch(C, {
             method: "GET",
             headers: {
-              "api-key": w,
+              "api-key": x,
               Accept: "application/json",
               "Cache-Control": "no-cache"
               // Prevent caching issues
             },
             signal: y
           });
-          if (clearTimeout(A), !I.ok)
-            throw new Error(`Fetch failed with status ${I.status}`);
-          const E = await I.json();
+          if (clearTimeout(E), !$.ok)
+            throw new Error(`Fetch failed with status ${$.status}`);
+          const D = await $.json();
           if (!f)
             return;
           if (t && !r) {
-            const O = (R = (S = E.result) == null ? void 0 : S.items) == null ? void 0 : R.find((G) => G.mediaId === t);
-            if (!(O != null && O.playbackUrl))
+            const j = (R = (S = D.result) == null ? void 0 : S.items) == null ? void 0 : R.find((U) => U.mediaId === t);
+            if (!(j != null && j.playbackUrl))
               throw new Error("Invalid video data");
-            s(O.playbackUrl), d(null), v && ye.set(v, { url: O.playbackUrl, playlist: null });
+            s(j.playbackUrl), u(null), g && ue.set(g, { url: j.playbackUrl, playlist: null });
           } else {
-            if (!Array.isArray(E.result))
+            if (!Array.isArray(D.result))
               throw new Error("Invalid playlist format");
-            d(E.result), s(null), v && ye.set(v, { url: null, playlist: E.result });
+            const j = kr(e, r), U = await fetch(j, {
+              method: "GET",
+              headers: {
+                "api-key": x,
+                Accept: "application/json",
+                "Cache-Control": "no-cache"
+              },
+              signal: y
+            });
+            if (U.ok) {
+              const q = await U.json();
+              let W = [...D.result];
+              if ((d = q.result) != null && d.playlistBackupState && ((I = q.result) != null && I.playlistBackupId)) {
+                const J = et(e, q.result.playlistBackupId), Q = await fetch(J, {
+                  method: "GET",
+                  headers: {
+                    "api-key": x,
+                    Accept: "application/json",
+                    "Cache-Control": "no-cache"
+                  },
+                  signal: y
+                });
+                if (Q.ok) {
+                  const ee = await Q.json();
+                  if (Array.isArray(ee.result)) {
+                    const o = ee.result.map((v) => ({
+                      ...v,
+                      isBackupPlaylist: !0
+                    }));
+                    W = [...W, ...o];
+                  }
+                }
+              }
+              u(W), s(null), g && ue.set(g, { url: null, playlist: W });
+            } else
+              u(D.result), s(null), g && ue.set(g, { url: null, playlist: D.result });
           }
           break;
-        } catch (u) {
+        } catch (C) {
           if (y.aborted) {
-            f && g("Request timed out");
+            f && b("Request timed out");
             break;
           }
-          if (T++, T >= Ce) {
-            const A = u instanceof Error ? u.message : String(u);
-            f && g(`Failed after ${Ce} attempts: ${A}`);
+          if (A++, A >= Te) {
+            const E = C instanceof Error ? C.message : String(C);
+            f && b(`Failed after ${Te} attempts: ${E}`);
           } else
-            await new Promise((A) => setTimeout(A, 2e3));
+            await new Promise((E) => setTimeout(E, 2e3));
         }
       f && l(!1);
     }, 100);
     return () => {
       f = !1, clearTimeout(_), h.abort();
     };
-  }, [w, e, t, r, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: c, isLoading: m, error: p };
-}, Rr = {
+  }, [x, e, t, r, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: c, isLoading: m, error: p };
+}, Ar = {
   projectId: "vp-player-projectId",
   video: {
     file: "",
@@ -1589,7 +1624,7 @@ const gr = ne.div`
       // Enabled by default
     }
   }
-}, Tr = ({
+}, Cr = ({
   videoUrl: e,
   fetchedPlaybackUrl: t,
   // fetchedPlaylist,
@@ -1599,8 +1634,8 @@ const gr = ne.div`
   isVerticalPlayer: i
   // Distinguish between VP Player types
 }) => {
-  var l, p, g, w, v, f, h, y, x, _, T, S, R;
-  const s = { ...Rr, ...a }, c = { ...s.config, ...a.config };
+  var l, p, b, x, g, f, h, y, w, _, A, S, R;
+  const s = { ...Ar, ...a }, c = { ...s.config, ...a.config };
   if (e)
     return {
       ...s,
@@ -1622,30 +1657,30 @@ const gr = ne.div`
       config: c
     };
   if (r && r.length > 0) {
-    const u = ((p = (l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) == null ? void 0 : p.playlistVideoIndex) ?? ((g = a == null ? void 0 : a.config) == null ? void 0 : g.playlistVideoIndex) ?? 0;
+    const d = ((p = (l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) == null ? void 0 : p.playlistVideoIndex) ?? ((b = a == null ? void 0 : a.config) == null ? void 0 : b.playlistVideoIndex) ?? 0;
     return i ? {
       ...s,
       projectId: n || "vp-player-projectId",
       video: {
         ...s.video,
         // Set first video file (index 0) to avoid VP Player duplication
-        file: (w = r[0]) == null ? void 0 : w.hlsUrl,
-        title: (v = r[0]) == null ? void 0 : v.title,
+        file: (x = r[0]) == null ? void 0 : x.hlsUrl,
+        title: (g = r[0]) == null ? void 0 : g.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(u),
+          playlistVideoIndex: Number(d),
           // Remove first video from playlist to avoid duplication (already in file)
-          videos: r.slice(1).map((I, E) => ({
-            videoId: String(E),
+          videos: r.slice(1).map((C, E) => ({
+            videoId: String(E + 1),
             // Keep original IDs
-            title: I.title,
-            file: I.hlsUrl,
-            thumbnailUrl: I.thumbnailUrl,
-            duration: I.duration
+            title: C.title,
+            file: C.hlsUrl,
+            thumbnailUrl: C.thumbnailUrl,
+            duration: C.duration
           }))
         }
       },
@@ -1655,26 +1690,26 @@ const gr = ne.div`
       projectId: n || "vp-player-projectId",
       video: {
         ...s.video,
-        file: ((f = r[Number(u)]) == null ? void 0 : f.hlsUrl) || ((h = r[0]) == null ? void 0 : h.hlsUrl) || "",
-        title: ((y = r[Number(u)]) == null ? void 0 : y.title) || ((x = r[0]) == null ? void 0 : x.title),
-        thumbnail: ((_ = r[Number(u)]) == null ? void 0 : _.thumbnailUrl) || ((T = r[0]) == null ? void 0 : T.thumbnailUrl),
+        file: ((f = r[Number(d)]) == null ? void 0 : f.hlsUrl) || ((h = r[0]) == null ? void 0 : h.hlsUrl) || "",
+        title: ((y = r[Number(d)]) == null ? void 0 : y.title) || ((w = r[0]) == null ? void 0 : w.title),
+        thumbnail: ((_ = r[Number(d)]) == null ? void 0 : _.thumbnailUrl) || ((A = r[0]) == null ? void 0 : A.thumbnailUrl),
         playlist: {
           state: !0,
           // playlistVideoIndex: String(userPlaylistVideoIndex), this has been bug, fixed, now int
-          playlistVideoIndex: Number(u),
-          videos: r.map((I, E) => ({
+          playlistVideoIndex: Number(d),
+          videos: r.map((C, E) => ({
             videoId: String(E),
-            title: I.title,
-            file: I.hlsUrl,
-            thumbnailUrl: I.thumbnailUrl,
-            duration: I.duration
+            title: C.title,
+            file: C.hlsUrl,
+            thumbnailUrl: C.thumbnailUrl,
+            duration: C.duration
           }))
         }
       },
       config: c
     };
   }
-  const d = ((S = a == null ? void 0 : a.video) == null ? void 0 : S.playlist) || s.video.playlist, m = (R = a == null ? void 0 : a.video) == null ? void 0 : R.file;
+  const u = ((S = a == null ? void 0 : a.video) == null ? void 0 : S.playlist) || s.video.playlist, m = (R = a == null ? void 0 : a.video) == null ? void 0 : R.file;
   if (m)
     return {
       ...s,
@@ -1686,19 +1721,19 @@ const gr = ne.div`
       },
       config: c
     };
-  if (d != null && d.videos && d.videos.length > 0) {
-    const u = d.videos[Number(d.playlistVideoIndex) || 0];
+  if (u != null && u.videos && u.videos.length > 0) {
+    const d = u.videos[Number(u.playlistVideoIndex) || 0];
     return {
       ...s,
       video: {
         ...s.video,
-        file: (u == null ? void 0 : u.file) || "",
+        file: (d == null ? void 0 : d.file) || "",
         playlist: {
-          ...d,
-          state: d.state ?? !0,
+          ...u,
+          state: u.state ?? !0,
           // playlistVideoIndex: playlist.playlistVideoIndex ?? 0, this has been bug, fixed, now int
-          playlistVideoIndex: Number(d.playlistVideoIndex || 0),
-          videos: d.videos
+          playlistVideoIndex: Number(u.playlistVideoIndex || 0),
+          videos: u.videos
         }
       },
       config: {
@@ -1708,50 +1743,50 @@ const gr = ne.div`
     };
   }
   throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.");
-}, Ar = (e) => {
+}, Tr = (e) => {
   if (!e)
     return;
   const t = /https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/, r = e.match(t);
   return r ? r[2] : void 0;
-}, Cr = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: s, config: c = {}, apiKey: d, isReels: m = !1 }) => {
-  const l = Be(null), p = Be(null), { isLoaded: g, error: w } = Pr(r, s), v = t || Ar(s), [f, h] = U(null), { fetchedPlaybackUrl: y, fetchedPlaylist: x, isLoading: _, error: T } = Sr({
+}, Ir = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: s, config: c = {}, apiKey: u, isReels: m = !1 }) => {
+  const l = Me(null), p = Me(null), { isLoaded: b, error: x } = Er(r, s), g = t || Tr(s), [f, h] = Y(null), { fetchedPlaybackUrl: y, fetchedPlaylist: w, isLoading: _, error: A } = Rr({
     projectId: a,
-    videoId: v,
+    videoId: g,
     playlistId: i,
     videoUrl: n,
-    apiKey: d
-  }), S = Me(e, v), R = tt(() => {
-    const u = c.config || {}, A = m && !u.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : u.size || { sizeType: "FIXED", width: "100%" };
+    apiKey: u
+  }), S = Be(e, g), R = rt(() => {
+    const d = c.config || {}, I = m && !d.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : d.size || { sizeType: "FIXED", width: "100%" };
     return {
       ...c,
       config: {
-        ...u,
-        size: A
+        ...d,
+        size: I
       }
     };
   }, [c, m]);
   return xe(() => {
-    if (w) {
-      h(w);
+    if (x) {
+      h(x);
       return;
     }
-    if (!g || _ && !n)
+    if (!b || _ && !n)
       return;
-    let u = !0;
-    const I = setTimeout(async () => {
+    let d = !0;
+    const C = setTimeout(async () => {
       try {
         const E = s == null ? void 0 : s.includes("vertical-player");
-        if (document.querySelectorAll('[id*="player"]').forEach((Q) => {
-          var ie, oe;
-          const J = Q.id;
+        if (document.querySelectorAll('[id*="player"]').forEach((W) => {
+          var Q, ee;
+          const J = W.id;
           if (J !== S)
             try {
-              const o = E ? (ie = window.vpVerticalPlayer) == null ? void 0 : ie.call(window, J) : (oe = window.vpPlayer) == null ? void 0 : oe.call(window, J);
+              const o = E ? (Q = window.vpVerticalPlayer) == null ? void 0 : Q.call(window, J) : (ee = window.vpPlayer) == null ? void 0 : ee.call(window, J);
               o != null && o.destroy && o.destroy();
             } catch (o) {
               console.warn(`Failed to destroy existing player ${J}:`, o);
             }
-        }), await new Promise((Q) => setTimeout(Q, 100)), !u || !l.current)
+        }), await new Promise((W) => setTimeout(W, 100)), !d || !l.current)
           return;
         if (!document.getElementById(S)) {
           h("DOM element not found after cleanup.");
@@ -1761,67 +1796,67 @@ const gr = ne.div`
           h("VP Player script not loaded.");
           return;
         }
-        const z = E ? window.vpVerticalPlayer : window.vpPlayer;
-        if (!z) {
+        const j = E ? window.vpVerticalPlayer : window.vpPlayer;
+        if (!j) {
           h(`VP ${E ? "Vertical " : ""}Player script not loaded.`);
           return;
         }
-        const X = Tr({
+        const U = Cr({
           videoUrl: n,
           fetchedPlaybackUrl: y ?? void 0,
-          fetchedPlaylist: x ?? void 0,
+          fetchedPlaylist: w ?? void 0,
           projectId: a,
           config: R,
           isVerticalPlayer: E
           // Pass player type to config builder
-        }), Z = z(S);
-        if (!Z) {
+        }), q = j(S);
+        if (!q) {
           h(`Failed to create VP ${E ? "Vertical " : ""}Player instance.`);
           return;
         }
-        u && l.current && (Z.setup(X), p.current = Z, h(null));
+        d && l.current && (q.setup(U), p.current = q, h(null));
       } catch (E) {
-        if (u) {
-          const O = E instanceof Error ? E.message : String(E);
-          h(O), console.error("VP Player initialization error:", E);
+        if (d) {
+          const $ = E instanceof Error ? E.message : String(E);
+          h($), console.error("VP Player initialization error:", E);
         }
       }
     }, 150);
     return () => {
-      u = !1, clearTimeout(I);
+      d = !1, clearTimeout(C);
     };
   }, [
-    g,
+    b,
     _,
     n,
     y,
-    x,
+    w,
     a,
     R,
     S,
-    w,
+    x,
     s
   ]), xe(() => () => {
     if (p.current) {
       try {
         p.current.destroy && p.current.destroy();
-      } catch (A) {
-        console.warn(`Failed to destroy player ${S}:`, A);
+      } catch (I) {
+        console.warn(`Failed to destroy player ${S}:`, I);
       }
       p.current = null;
     }
-    const u = document.getElementById(S);
-    u && (u.innerHTML = "");
+    const d = document.getElementById(S);
+    d && (d.innerHTML = "");
   }, [S]), {
     playerRef: l,
     playerInstanceRef: p,
-    isScriptLoaded: g,
+    isScriptLoaded: b,
     isLoading: _,
-    error: T || f || w
+    error: A || f || x
   };
-}, Ir = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: s, config: c = {}, apiKey: d, isReels: m = !1, hiddenClasses: l = [], onClose: p, className: g }) => {
-  var I, E, O, G;
-  const { playerRef: w, playerInstanceRef: v, isScriptLoaded: f, isLoading: h, error: y } = Cr({
+}, Or = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: s, config: c = {}, apiKey: u, isReels: m = !1, hiddenClasses: l = [], onClose: p, className: b }) => {
+  var C, E, $, D;
+  const { playerRef: x, playerInstanceRef: g, isScriptLoaded: f, isLoading: h, error: y } = Ir({
     playerId: e,
     videoId: t,
     version: r,
@@ -1830,36 +1865,36 @@ const gr = ne.div`
     playlistId: i,
     scriptUrl: s,
     config: c,
-    apiKey: d,
+    apiKey: u,
     isReels: m
-  }), [x, _] = U(!0), T = () => m && _(!0), S = () => {
-    var z, X;
-    _(!1), (X = (z = v.current) == null ? void 0 : z.play) == null || X.call(z), p == null || p();
-  }, R = (E = (I = c == null ? void 0 : c.config) == null ? void 0 : I.size) != null && E.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, u = (G = (O = c == null ? void 0 : c.config) == null ? void 0 : O.size) != null && G.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0, A = Me(e, t);
-  return y ? $.jsxs(Ne, { type: "error", children: ["An error occurred: ", y] }) : h || !f ? $.jsx(Ne, { type: "loading", children: "Loading..." }) : $.jsxs($.Fragment, { children: [m && !x ? $.jsx("div", { onClick: T }) : null, !m && $.jsx("div", { children: $.jsx(Qe, { id: A, ref: w, width: R || "100%", height: u || "auto", $hiddenClasses: l, className: g }) }, A), m && x && $.jsx(vr, { onClick: S, className: g, children: $.jsx(br, { className: g, onClick: (z) => z.stopPropagation(), children: $.jsx("div", { children: $.jsx(Qe, { id: A, ref: w, width: "100%", height: "auto", $hiddenClasses: l, className: g }) }, A) }) })] });
-}, pt = gt(void 0), jr = ({ children: e }) => {
-  const [t, r] = U(!1), [n, a] = U(null), [i, s] = U(null), c = ze((l) => {
+  }), [w, _] = Y(!0), A = () => m && _(!0), S = () => {
+    var j, U;
+    _(!1), (U = (j = g.current) == null ? void 0 : j.play) == null || U.call(j), p == null || p();
+  }, R = (E = (C = c == null ? void 0 : c.config) == null ? void 0 : C.size) != null && E.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, d = (D = ($ = c == null ? void 0 : c.config) == null ? void 0 : $.size) != null && D.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0, I = Be(e, t);
+  return y ? N.jsxs(Ne, { type: "error", children: ["An error occurred: ", y] }) : h || !f ? N.jsx(Ne, { type: "loading", children: "Loading..." }) : N.jsxs(N.Fragment, { children: [m && !w ? N.jsx("div", { onClick: A }) : null, !m && N.jsx("div", { children: N.jsx(Qe, { id: I, ref: x, width: R || "100%", height: d || "auto", $hiddenClasses: l, className: b }) }, I), m && w && N.jsx(br, { onClick: S, className: b, children: N.jsx(xr, { className: b, onClick: (j) => j.stopPropagation(), children: N.jsx("div", { children: N.jsx(Qe, { id: I, ref: x, width: "100%", height: "auto", $hiddenClasses: l, className: b }) }, I) }) })] });
+}, ht = vt(void 0), $r = ({ children: e }) => {
+  const [t, r] = Y(!1), [n, a] = Y(null), [i, s] = Y(null), c = Ue((l) => {
     try {
-      const p = Me(l.playerId, l.videoId);
+      const p = Be(l.playerId, l.videoId);
       a({ ...l, playerId: p }), r(!0), s(null);
     } catch {
       s("Failed to show player.");
     }
-  }, []), d = ze(() => {
+  }, []), u = Ue(() => {
     r(!1), a(null), s(null);
-  }, []), m = tt(() => ({
+  }, []), m = rt(() => ({
     showPlayer: c,
-    hidePlayer: d,
+    hidePlayer: u,
     isPlayerVisible: t,
     playerParams: n
-  }), [c, d, t, n]);
-  return $.jsxs(pt.Provider, { value: m, children: [e, i && $.jsx(Ne, { type: "error", children: i }), t && (n == null ? void 0 : n.playerId) && $.jsx(Ir, { playerId: n.playerId, videoId: n.videoId, projectId: n.projectId, videoUrl: n.videoUrl, version: n.version, playlistId: n.playlistId, scriptUrl: n.scriptUrl, config: n.config, isReels: n.isReels, thumbnailUrl: n.thumbnailUrl, onClose: d, hiddenClasses: n.hiddenClasses || [], apiKey: n.apiKey, className: n.className })] });
-}, $r = () => {
-  const e = et(pt);
+  }), [c, u, t, n]);
+  return N.jsxs(ht.Provider, { value: m, children: [e, i && N.jsx(Ne, { type: "error", children: i }), t && (n == null ? void 0 : n.playerId) && N.jsx(Or, { playerId: n.playerId, videoId: n.videoId, projectId: n.projectId, videoUrl: n.videoUrl, version: n.version, playlistId: n.playlistId, scriptUrl: n.scriptUrl, config: n.config, isReels: n.isReels, thumbnailUrl: n.thumbnailUrl, onClose: u, hiddenClasses: n.hiddenClasses || [], apiKey: n.apiKey, className: n.className })] });
+}, Nr = () => {
+  const e = tt(ht);
   if (!e)
     throw new Error("useVPPlayer must be used within a VPPlayerProvider");
   return e;
-}, Nr = {
+}, Lr = {
   projectId: "vp-player-projectId",
   video: {
     file: "",
@@ -1892,7 +1927,7 @@ const gr = ne.div`
       shareButton: !0
     }
   }
-}, Lr = {
+}, Vr = {
   config: {
     autostartOnLoad: { state: !0, onMobile: !0, onData: !0 },
     muted: !0
@@ -1913,7 +1948,7 @@ const gr = ne.div`
     adAnnouncement: { state: !0, timeBeforeAd: 5 },
     adsRequireInteraction: !1
   }
-}, Vr = (e, t, r = "time", n = 0) => {
+}, Br = (e, t, r = "time", n = 0) => {
   var a;
   return {
     ...Ie,
@@ -1932,28 +1967,28 @@ const gr = ne.div`
       }
     }
   };
-}, Mr = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", Br = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4", zr = "https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4", Ur = "https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600", Dr = "https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dlinear&correlator=", Wr = "https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator=";
+}, Mr = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", Ur = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4", zr = "https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4", Dr = "https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600", Wr = "https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dlinear&correlator=", Yr = "https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator=";
 export {
-  Dr as AD_TAG_LINEAR_URL,
-  Wr as AD_TAG_SKIPPABLE_LINEAR_URL,
+  Wr as AD_TAG_LINEAR_URL,
+  Yr as AD_TAG_SKIPPABLE_LINEAR_URL,
   Mr as BIG_BUCK_BUNNY_URL,
-  Br as ELEPHANTS_DREAM_URL,
-  vr as Overlay,
-  Ur as PEXELS_THUMBNAIL_URL,
+  Ur as ELEPHANTS_DREAM_URL,
+  br as Overlay,
+  Dr as PEXELS_THUMBNAIL_URL,
   zr as PEXELS_VERTICAL_VIDEO_URL,
   Qe as PlayerContainer,
-  br as PlayerWrapper,
-  Ir as VPPlayer,
-  jr as VPPlayerProvider,
-  Lr as baseConfig,
+  xr as PlayerWrapper,
+  Or as VPPlayer,
+  $r as VPPlayerProvider,
+  Vr as baseConfig,
   Ie as baseConfigWithAds,
   Fr as baseConfigWithAutoplay,
-  Tr as buildVPPlayerConfig,
-  Nr as defaultVPPlayerConfig,
-  Ar as extractVideoId,
-  Vr as getAdConfig,
-  $r as useVPPlayer,
-  Cr as useVPPlayerLogic,
-  Pr as useVPPlayerScript,
-  Sr as useVideoData
+  Cr as buildVPPlayerConfig,
+  Lr as defaultVPPlayerConfig,
+  Tr as extractVideoId,
+  Br as getAdConfig,
+  Nr as useVPPlayer,
+  Ir as useVPPlayerLogic,
+  Er as useVPPlayerScript,
+  Rr as useVideoData
 };