@devix-technologies/react-gjirafa-vp-player 1.0.2 → 1.0.3

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

@@ -1,6 +1,6 @@
 import * as G from "react";
-import mr, { forwardRef as yr, useContext as er, useState as D, useEffect as se, useRef as Ve, useMemo as rr, createContext as gr, useCallback as ze } from "react";
-var de = { exports: {} }, ae = {};
+import yt, { forwardRef as gt, useContext as tt, useState as D, useEffect as se, useRef as Ve, useMemo as rt, createContext as vt, useCallback as ze } from "react";
+var fe = { exports: {} }, ae = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,12 +10,12 @@ var de = { exports: {} }, ae = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Be;
-function br() {
-  if (Be) return ae;
-  Be = 1;
-  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function t(n, a, i) {
+var De;
+function bt() {
+  if (De) return ae;
+  De = 1;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function r(n, a, i) {
     var c = null;
     if (i !== void 0 && (c = "" + i), a.key !== void 0 && (c = "" + a.key), "key" in a) {
       i = {};
@@ -30,7 +30,7 @@ function br() {
       props: i
     };
   }
-  return ae.Fragment = r, ae.jsx = t, ae.jsxs = t, ae;
+  return ae.Fragment = t, ae.jsx = r, ae.jsxs = r, ae;
 }
 var ie = {};
 /**
@@ -42,9 +42,9 @@ var ie = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var De;
-function vr() {
-  return De || (De = 1, process.env.NODE_ENV !== "production" && function() {
+var Ue;
+function xt() {
+  return Ue || (Ue = 1, process.env.NODE_ENV !== "production" && function() {
     function e(o) {
       if (o == null) return null;
       if (typeof o == "function")
@@ -53,15 +53,15 @@ function vr() {
       switch (o) {
         case p:
           return "Fragment";
-        case b:
+        case v:
           return "Profiler";
         case y:
           return "StrictMode";
         case E:
           return "Suspense";
-        case T:
+        case S:
           return "SuspenseList";
-        case L:
+        case B:
           return "Activity";
       }
       if (typeof o == "object")
@@ -70,16 +70,16 @@ function vr() {
         ), o.$$typeof) {
           case x:
             return "Portal";
-          case S:
+          case _:
             return (o.displayName || "Context") + ".Provider";
-          case v:
+          case b:
             return (o._context.displayName || "Context") + ".Consumer";
-          case C:
+          case A:
             var g = o.render;
             return o = o.displayName, o || (o = g.displayName || g.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case d:
+          case f:
             return g = o.displayName || null, g !== null ? g : e(o.type) || "Memo";
-          case A:
+          case C:
             g = o._payload, o = o._init;
             try {
               return e(o(g));
@@ -88,29 +88,29 @@ function vr() {
         }
       return null;
     }
-    function r(o) {
+    function t(o) {
       return "" + o;
     }
-    function t(o) {
+    function r(o) {
       try {
-        r(o);
+        t(o);
         var g = !1;
       } catch {
         g = !0;
       }
       if (g) {
         g = console;
-        var R = g.error, j = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        var R = g.error, $ = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return R.call(
           g,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          j
-        ), r(o);
+          $
+        ), t(o);
       }
     }
     function n(o) {
       if (o === p) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === A)
+      if (typeof o == "object" && o !== null && o.$$typeof === C)
         return "<...>";
       try {
         var g = e(o);
@@ -120,7 +120,7 @@ function vr() {
       }
     }
     function a() {
-      var o = M.A;
+      var o = L.A;
       return o === null ? null : o.getOwner();
     }
     function i() {
@@ -145,13 +145,13 @@ function vr() {
         configurable: !0
       });
     }
-    function f() {
+    function d() {
       var o = e(this.type);
       return K[o] || (K[o] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function h(o, g, R, j, J, U, ke, Pe) {
+    function h(o, g, R, $, J, U, ke, Pe) {
       return R = U.ref, o = {
         $$typeof: w,
         type: o,
@@ -160,7 +160,7 @@ function vr() {
         _owner: J
       }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: f
+        get: d
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -183,13 +183,13 @@ function vr() {
         value: Pe
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function l(o, g, R, j, J, U, ke, Pe) {
+    function l(o, g, R, $, J, U, ke, Pe) {
       var F = g.children;
       if (F !== void 0)
-        if (j)
-          if (B(F)) {
-            for (j = 0; j < F.length; j++)
-              u(F[j]);
+        if ($)
+          if (z(F)) {
+            for ($ = 0; $ < F.length; $++)
+              u(F[$]);
             Object.freeze && Object.freeze(F);
           } else
             console.error(
@@ -198,23 +198,23 @@ function vr() {
         else u(F);
       if (H.call(g, "key")) {
         F = e(o);
-        var Z = Object.keys(g).filter(function(hr) {
-          return hr !== "key";
+        var Z = Object.keys(g).filter(function(mt) {
+          return mt !== "key";
         });
-        j = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", Le[F + j] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
+        $ = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", Me[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,
           Z,
           F
-        ), Le[F + j] = !0);
+        ), Me[F + $] = !0);
       }
-      if (F = null, R !== void 0 && (t(R), F = "" + R), c(g) && (t(g.key), F = "" + g.key), "key" in g) {
+      if (F = null, R !== void 0 && (r(R), F = "" + R), c(g) && (r(g.key), F = "" + g.key), "key" in g) {
         R = {};
         for (var Ee in g)
           Ee !== "key" && (R[Ee] = g[Ee]);
@@ -236,7 +236,7 @@ React keys must be passed directly to JSX without using spread:
     function u(o) {
       typeof o == "object" && o !== null && o.$$typeof === w && o._store && (o._store.validated = 1);
     }
-    var m = mr, w = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), S = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), L = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), M = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, B = Array.isArray, X = console.createTask ? console.createTask : function() {
+    var m = yt, w = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), B = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), L = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, z = Array.isArray, X = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
@@ -244,78 +244,78 @@ React keys must be passed directly to JSX without using spread:
         return o();
       }
     };
-    var ne, K = {}, Ne = m["react-stack-bottom-frame"].bind(
+    var ne, K = {}, Le = m["react-stack-bottom-frame"].bind(
       m,
       i
-    )(), Me = X(n(i)), Le = {};
-    ie.Fragment = p, ie.jsx = function(o, g, R, j, J) {
-      var U = 1e4 > M.recentlyCreatedOwnerStacks++;
+    )(), Be = X(n(i)), Me = {};
+    ie.Fragment = p, ie.jsx = function(o, g, R, $, J) {
+      var U = 1e4 > L.recentlyCreatedOwnerStacks++;
       return l(
         o,
         g,
         R,
         !1,
-        j,
+        $,
         J,
-        U ? Error("react-stack-top-frame") : Ne,
-        U ? X(n(o)) : Me
+        U ? Error("react-stack-top-frame") : Le,
+        U ? X(n(o)) : Be
       );
-    }, ie.jsxs = function(o, g, R, j, J) {
-      var U = 1e4 > M.recentlyCreatedOwnerStacks++;
+    }, ie.jsxs = function(o, g, R, $, J) {
+      var U = 1e4 > L.recentlyCreatedOwnerStacks++;
       return l(
         o,
         g,
         R,
         !0,
-        j,
+        $,
         J,
-        U ? Error("react-stack-top-frame") : Ne,
-        U ? X(n(o)) : Me
+        U ? Error("react-stack-top-frame") : Le,
+        U ? X(n(o)) : Be
       );
     };
   }()), ie;
 }
-var Ue;
-function xr() {
-  return Ue || (Ue = 1, process.env.NODE_ENV === "production" ? de.exports = br() : de.exports = vr()), de.exports;
+var We;
+function wt() {
+  return We || (We = 1, process.env.NODE_ENV === "production" ? fe.exports = bt() : fe.exports = xt()), fe.exports;
 }
-var O = xr();
-function _e() {
-  return _e = Object.assign ? Object.assign.bind() : function(e) {
-    for (var r = 1; r < arguments.length; r++) {
-      var t = arguments[r];
-      for (var n in t) ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
+var O = wt();
+function Ae() {
+  return Ae = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var n in r) ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, _e.apply(null, arguments);
+  }, Ae.apply(null, arguments);
 }
-function wr(e) {
+function kt(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];
+  for (var t = 0; t < document.styleSheets.length; t++)
+    if (document.styleSheets[t].ownerNode === e)
+      return document.styleSheets[t];
 }
-function kr(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;
+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 Pr = /* @__PURE__ */ function() {
-  function e(t) {
+var Et = /* @__PURE__ */ function() {
+  function e(r) {
     var n = this;
     this._insertTag = function(a) {
       var i;
       n.tags.length === 0 ? n.insertionPoint ? i = n.insertionPoint.nextSibling : n.prepend ? i = n.container.firstChild : i = n.before : i = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(a, i), n.tags.push(a);
-    }, this.isSpeedy = t.speedy === void 0 ? !0 : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
+    }, this.isSpeedy = r.speedy === void 0 ? !0 : r.speedy, this.tags = [], this.ctr = 0, this.nonce = r.nonce, this.key = r.key, this.container = r.container, this.prepend = r.prepend, this.insertionPoint = r.insertionPoint, this.before = null;
   }
-  var r = e.prototype;
-  return r.hydrate = function(n) {
+  var t = e.prototype;
+  return t.hydrate = function(n) {
     n.forEach(this._insertTag);
-  }, r.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(kr(this));
+  }, t.insert = function(n) {
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Pt(this));
     var a = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var i = wr(a);
+      var i = kt(a);
       try {
         i.insertRule(n, i.cssRules.length);
       } catch {
@@ -323,70 +323,70 @@ var Pr = /* @__PURE__ */ function() {
     } else
       a.appendChild(document.createTextNode(n));
     this.ctr++;
-  }, r.flush = function() {
+  }, t.flush = function() {
     this.tags.forEach(function(n) {
       var a;
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), N = "-ms-", be = "-moz-", k = "-webkit-", tr = "comm", Ie = "rule", $e = "decl", Er = "@import", nr = "@keyframes", Sr = "@layer", Tr = Math.abs, ve = String.fromCharCode, Rr = Object.assign;
-function _r(e, r) {
-  return $(e, 0) ^ 45 ? (((r << 2 ^ $(e, 0)) << 2 ^ $(e, 1)) << 2 ^ $(e, 2)) << 2 ^ $(e, 3) : 0;
+}(), N = "-ms-", ve = "-moz-", k = "-webkit-", nt = "comm", je = "rule", $e = "decl", _t = "@import", at = "@keyframes", St = "@layer", Rt = Math.abs, be = String.fromCharCode, Tt = Object.assign;
+function At(e, t) {
+  return j(e, 0) ^ 45 ? (((t << 2 ^ j(e, 0)) << 2 ^ j(e, 1)) << 2 ^ j(e, 2)) << 2 ^ j(e, 3) : 0;
 }
-function ar(e) {
+function it(e) {
   return e.trim();
 }
-function Cr(e, r) {
-  return (e = r.exec(e)) ? e[0] : e;
+function Ct(e, t) {
+  return (e = t.exec(e)) ? e[0] : e;
 }
-function P(e, r, t) {
-  return e.replace(r, t);
+function P(e, t, r) {
+  return e.replace(t, r);
 }
-function Ce(e, r) {
-  return e.indexOf(r);
+function Ce(e, t) {
+  return e.indexOf(t);
 }
-function $(e, r) {
-  return e.charCodeAt(r) | 0;
+function j(e, t) {
+  return e.charCodeAt(t) | 0;
 }
-function ce(e, r, t) {
-  return e.slice(r, t);
+function ce(e, t, r) {
+  return e.slice(t, r);
 }
 function W(e) {
   return e.length;
 }
-function je(e) {
+function Fe(e) {
   return e.length;
 }
-function pe(e, r) {
-  return r.push(e), e;
+function pe(e, t) {
+  return t.push(e), e;
 }
-function Ar(e, r) {
-  return e.map(r).join("");
+function Ot(e, t) {
+  return e.map(t).join("");
 }
-var xe = 1, ee = 1, ir = 0, V = 0, _ = 0, te = "";
-function we(e, r, t, n, a, i, c) {
-  return { value: e, root: r, parent: t, type: n, props: a, children: i, line: xe, column: ee, length: c, return: "" };
+var xe = 1, ee = 1, ot = 0, M = 0, T = 0, re = "";
+function we(e, t, r, n, a, i, c) {
+  return { value: e, root: t, parent: r, type: n, props: a, children: i, line: xe, column: ee, length: c, return: "" };
 }
-function oe(e, r) {
-  return Rr(we("", null, null, "", null, null, 0), e, { length: -e.length }, r);
+function oe(e, t) {
+  return Tt(we("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
-function Or() {
-  return _;
+function It() {
+  return T;
 }
-function Ir() {
-  return _ = V > 0 ? $(te, --V) : 0, ee--, _ === 10 && (ee = 1, xe--), _;
+function jt() {
+  return T = M > 0 ? j(re, --M) : 0, ee--, T === 10 && (ee = 1, xe--), T;
 }
-function z() {
-  return _ = V < ir ? $(te, V++) : 0, ee++, _ === 10 && (ee = 1, xe++), _;
+function V() {
+  return T = M < ot ? j(re, M++) : 0, ee++, T === 10 && (ee = 1, xe++), T;
 }
 function q() {
-  return $(te, V);
+  return j(re, M);
 }
 function me() {
-  return V;
+  return M;
 }
-function fe(e, r) {
-  return ce(te, e, r);
+function de(e, t) {
+  return ce(re, e, t);
 }
 function le(e) {
   switch (e) {
@@ -426,269 +426,269 @@ function le(e) {
   }
   return 0;
 }
-function or(e) {
-  return xe = ee = 1, ir = W(te = e), V = 0, [];
+function st(e) {
+  return xe = ee = 1, ot = W(re = e), M = 0, [];
 }
-function sr(e) {
-  return te = "", e;
+function ct(e) {
+  return re = "", e;
 }
 function ye(e) {
-  return ar(fe(V - 1, Ae(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return it(de(M - 1, Oe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function $r(e) {
-  for (; (_ = q()) && _ < 33; )
-    z();
-  return le(e) > 2 || le(_) > 3 ? "" : " ";
+function $t(e) {
+  for (; (T = q()) && T < 33; )
+    V();
+  return le(e) > 2 || le(T) > 3 ? "" : " ";
 }
-function jr(e, r) {
-  for (; --r && z() && !(_ < 48 || _ > 102 || _ > 57 && _ < 65 || _ > 70 && _ < 97); )
+function Ft(e, t) {
+  for (; --t && V() && !(T < 48 || T > 102 || T > 57 && T < 65 || T > 70 && T < 97); )
     ;
-  return fe(e, me() + (r < 6 && q() == 32 && z() == 32));
+  return de(e, me() + (t < 6 && q() == 32 && V() == 32));
 }
-function Ae(e) {
-  for (; z(); )
-    switch (_) {
+function Oe(e) {
+  for (; V(); )
+    switch (T) {
       // ] ) " '
       case e:
-        return V;
+        return M;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && Ae(_);
+        e !== 34 && e !== 39 && Oe(T);
         break;
       // (
       case 40:
-        e === 41 && Ae(e);
+        e === 41 && Oe(e);
         break;
       // \
       case 92:
-        z();
+        V();
         break;
     }
-  return V;
+  return M;
 }
-function Fr(e, r) {
-  for (; z() && e + _ !== 57; )
-    if (e + _ === 84 && q() === 47)
+function Nt(e, t) {
+  for (; V() && e + T !== 57; )
+    if (e + T === 84 && q() === 47)
       break;
-  return "/*" + fe(r, V - 1) + "*" + ve(e === 47 ? e : z());
+  return "/*" + de(t, M - 1) + "*" + be(e === 47 ? e : V());
 }
-function Nr(e) {
+function Lt(e) {
   for (; !le(q()); )
-    z();
-  return fe(e, V);
+    V();
+  return de(e, M);
 }
-function Mr(e) {
-  return sr(ge("", null, null, null, [""], e = or(e), 0, [0], e));
+function Bt(e) {
+  return ct(ge("", null, null, null, [""], e = st(e), 0, [0], e));
 }
-function ge(e, r, t, n, a, i, c, s, f) {
-  for (var h = 0, l = 0, u = c, m = 0, w = 0, x = 0, p = 1, y = 1, b = 1, v = 0, S = "", C = a, E = i, T = n, d = S; y; )
-    switch (x = v, v = z()) {
+function ge(e, t, r, n, a, i, c, s, d) {
+  for (var h = 0, l = 0, u = c, m = 0, w = 0, x = 0, p = 1, y = 1, v = 1, b = 0, _ = "", A = a, E = i, S = n, f = _; y; )
+    switch (x = b, b = V()) {
       // (
       case 40:
-        if (x != 108 && $(d, u - 1) == 58) {
-          Ce(d += P(ye(v), "&", "&\f"), "&\f") != -1 && (b = -1);
+        if (x != 108 && j(f, u - 1) == 58) {
+          Ce(f += P(ye(b), "&", "&\f"), "&\f") != -1 && (v = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        d += ye(v);
+        f += ye(b);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        d += $r(x);
+        f += $t(x);
         break;
       // \
       case 92:
-        d += jr(me() - 1, 7);
+        f += Ft(me() - 1, 7);
         continue;
       // /
       case 47:
         switch (q()) {
           case 42:
           case 47:
-            pe(Lr(Fr(z(), me()), r, t), f);
+            pe(Mt(Nt(V(), me()), t, r), d);
             break;
           default:
-            d += "/";
+            f += "/";
         }
         break;
       // {
       case 123 * p:
-        s[h++] = W(d) * b;
+        s[h++] = W(f) * v;
       // } ; \0
       case 125 * p:
       case 59:
       case 0:
-        switch (v) {
+        switch (b) {
           // \0 }
           case 0:
           case 125:
             y = 0;
           // ;
           case 59 + l:
-            b == -1 && (d = P(d, /\f/g, "")), w > 0 && W(d) - u && pe(w > 32 ? Ye(d + ";", n, t, u - 1) : Ye(P(d, " ", "") + ";", n, t, u - 2), f);
+            v == -1 && (f = P(f, /\f/g, "")), w > 0 && W(f) - u && pe(w > 32 ? qe(f + ";", n, r, u - 1) : qe(P(f, " ", "") + ";", n, r, u - 2), d);
             break;
           // @ ;
           case 59:
-            d += ";";
+            f += ";";
           // { rule/at-rule
           default:
-            if (pe(T = We(d, r, t, h, l, a, s, S, C = [], E = [], u), i), v === 123)
+            if (pe(S = Ye(f, t, r, h, l, a, s, _, A = [], E = [], u), i), b === 123)
               if (l === 0)
-                ge(d, r, T, T, C, i, u, s, E);
+                ge(f, t, S, S, A, i, u, s, E);
               else
-                switch (m === 99 && $(d, 3) === 110 ? 100 : m) {
+                switch (m === 99 && j(f, 3) === 110 ? 100 : m) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    ge(e, T, T, n && pe(We(e, T, T, 0, 0, a, s, S, a, C = [], u), E), a, E, u, s, n ? C : E);
+                    ge(e, S, S, n && pe(Ye(e, S, S, 0, 0, a, s, _, a, A = [], u), E), a, E, u, s, n ? A : E);
                     break;
                   default:
-                    ge(d, T, T, T, [""], E, 0, s, E);
+                    ge(f, S, S, S, [""], E, 0, s, E);
                 }
         }
-        h = l = w = 0, p = b = 1, S = d = "", u = c;
+        h = l = w = 0, p = v = 1, _ = f = "", u = c;
         break;
       // :
       case 58:
-        u = 1 + W(d), w = x;
+        u = 1 + W(f), w = x;
       default:
         if (p < 1) {
-          if (v == 123)
+          if (b == 123)
             --p;
-          else if (v == 125 && p++ == 0 && Ir() == 125)
+          else if (b == 125 && p++ == 0 && jt() == 125)
             continue;
         }
-        switch (d += ve(v), v * p) {
+        switch (f += be(b), b * p) {
           // &
           case 38:
-            b = l > 0 ? 1 : (d += "\f", -1);
+            v = l > 0 ? 1 : (f += "\f", -1);
             break;
           // ,
           case 44:
-            s[h++] = (W(d) - 1) * b, b = 1;
+            s[h++] = (W(f) - 1) * v, v = 1;
             break;
           // @
           case 64:
-            q() === 45 && (d += ye(z())), m = q(), l = u = W(S = d += Nr(me())), v++;
+            q() === 45 && (f += ye(V())), m = q(), l = u = W(_ = f += Lt(me())), b++;
             break;
           // -
           case 45:
-            x === 45 && W(d) == 2 && (p = 0);
+            x === 45 && W(f) == 2 && (p = 0);
         }
     }
   return i;
 }
-function We(e, r, t, n, a, i, c, s, f, h, l) {
-  for (var u = a - 1, m = a === 0 ? i : [""], w = je(m), x = 0, p = 0, y = 0; x < n; ++x)
-    for (var b = 0, v = ce(e, u + 1, u = Tr(p = c[x])), S = e; b < w; ++b)
-      (S = ar(p > 0 ? m[b] + " " + v : P(v, /&\f/g, m[b]))) && (f[y++] = S);
-  return we(e, r, t, a === 0 ? Ie : s, f, h, l);
+function Ye(e, t, r, n, a, i, c, s, d, h, l) {
+  for (var u = a - 1, m = a === 0 ? i : [""], w = Fe(m), x = 0, p = 0, y = 0; x < n; ++x)
+    for (var v = 0, b = ce(e, u + 1, u = Rt(p = c[x])), _ = e; v < w; ++v)
+      (_ = it(p > 0 ? m[v] + " " + b : P(b, /&\f/g, m[v]))) && (d[y++] = _);
+  return we(e, t, r, a === 0 ? je : s, d, h, l);
 }
-function Lr(e, r, t) {
-  return we(e, r, t, tr, ve(Or()), ce(e, 2, -2), 0);
+function Mt(e, t, r) {
+  return we(e, t, r, nt, be(It()), ce(e, 2, -2), 0);
 }
-function Ye(e, r, t, n) {
-  return we(e, r, t, $e, ce(e, 0, n), ce(e, n + 1, -1), n);
+function qe(e, t, r, n) {
+  return we(e, t, r, $e, ce(e, 0, n), ce(e, n + 1, -1), n);
 }
-function Q(e, r) {
-  for (var t = "", n = je(e), a = 0; a < n; a++)
-    t += r(e[a], a, e, r) || "";
-  return t;
+function Q(e, t) {
+  for (var r = "", n = Fe(e), a = 0; a < n; a++)
+    r += t(e[a], a, e, t) || "";
+  return r;
 }
-function Vr(e, r, t, n) {
+function Vt(e, t, r, n) {
   switch (e.type) {
-    case Sr:
+    case St:
       if (e.children.length) break;
-    case Er:
+    case _t:
     case $e:
       return e.return = e.return || e.value;
-    case tr:
+    case nt:
       return "";
-    case nr:
+    case at:
       return e.return = e.value + "{" + Q(e.children, n) + "}";
-    case Ie:
+    case je:
       e.value = e.props.join(",");
   }
-  return W(t = Q(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
+  return W(r = Q(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
-function zr(e) {
-  var r = je(e);
-  return function(t, n, a, i) {
-    for (var c = "", s = 0; s < r; s++)
-      c += e[s](t, n, a, i) || "";
+function zt(e) {
+  var t = Fe(e);
+  return function(r, n, a, i) {
+    for (var c = "", s = 0; s < t; s++)
+      c += e[s](r, n, a, i) || "";
     return c;
   };
 }
-function Br(e) {
-  return function(r) {
-    r.root || (r = r.return) && e(r);
+function Dt(e) {
+  return function(t) {
+    t.root || (t = t.return) && e(t);
   };
 }
-function cr(e) {
-  var r = /* @__PURE__ */ Object.create(null);
-  return function(t) {
-    return r[t] === void 0 && (r[t] = e(t)), r[t];
+function lt(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(r) {
+    return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-var Dr = function(r, t, n) {
-  for (var a = 0, i = 0; a = i, i = q(), a === 38 && i === 12 && (t[n] = 1), !le(i); )
-    z();
-  return fe(r, V);
-}, Ur = function(r, t) {
+var Ut = function(t, r, n) {
+  for (var a = 0, i = 0; a = i, i = q(), a === 38 && i === 12 && (r[n] = 1), !le(i); )
+    V();
+  return de(t, M);
+}, Wt = function(t, r) {
   var n = -1, a = 44;
   do
     switch (le(a)) {
       case 0:
-        a === 38 && q() === 12 && (t[n] = 1), r[n] += Dr(V - 1, t, n);
+        a === 38 && q() === 12 && (r[n] = 1), t[n] += Ut(M - 1, r, n);
         break;
       case 2:
-        r[n] += ye(a);
+        t[n] += ye(a);
         break;
       case 4:
         if (a === 44) {
-          r[++n] = q() === 58 ? "&\f" : "", t[n] = r[n].length;
+          t[++n] = q() === 58 ? "&\f" : "", r[n] = t[n].length;
           break;
         }
       // fallthrough
       default:
-        r[n] += ve(a);
+        t[n] += be(a);
     }
-  while (a = z());
-  return r;
-}, Wr = function(r, t) {
-  return sr(Ur(or(r), t));
-}, qe = /* @__PURE__ */ new WeakMap(), Yr = function(r) {
-  if (!(r.type !== "rule" || !r.parent || // positive .length indicates that this rule contains pseudo
+  while (a = V());
+  return t;
+}, Yt = function(t, r) {
+  return ct(Wt(st(t), r));
+}, He = /* @__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
-  r.length < 1)) {
-    for (var t = r.value, n = r.parent, a = r.column === n.column && r.line === n.line; n.type !== "rule"; )
+  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 (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !qe.get(n)) && !a) {
-      qe.set(r, !0);
-      for (var i = [], c = Wr(t, i), s = n.props, f = 0, h = 0; f < c.length; f++)
+    if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !He.get(n)) && !a) {
+      He.set(t, !0);
+      for (var i = [], c = Yt(r, i), s = n.props, d = 0, h = 0; d < c.length; d++)
         for (var l = 0; l < s.length; l++, h++)
-          r.props[h] = i[f] ? c[f].replace(/&\f/g, s[l]) : s[l] + " " + c[f];
+          t.props[h] = i[d] ? c[d].replace(/&\f/g, s[l]) : s[l] + " " + c[d];
     }
   }
-}, qr = function(r) {
-  if (r.type === "decl") {
-    var t = r.value;
+}, Ht = function(t) {
+  if (t.type === "decl") {
+    var r = t.value;
     // charcode for l
-    t.charCodeAt(0) === 108 && // charcode for b
-    t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
+    r.charCodeAt(0) === 108 && // charcode for b
+    r.charCodeAt(2) === 98 && (t.return = "", t.value = "");
   }
 };
-function lr(e, r) {
-  switch (_r(e, r)) {
+function ut(e, t) {
+  switch (At(e, t)) {
     // color-adjust
     case 5103:
       return k + "print-" + e + e;
@@ -728,7 +728,7 @@ function lr(e, r) {
     case 4810:
     case 6968:
     case 2756:
-      return k + e + be + e + N + e + e;
+      return k + e + ve + e + N + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
@@ -786,35 +786,35 @@ function lr(e, r) {
     case 5789:
     case 5021:
     case 4765:
-      if (W(e) - 1 - r > 6) switch ($(e, r + 1)) {
+      if (W(e) - 1 - t > 6) switch (j(e, t + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if ($(e, r + 4) !== 45) break;
+          if (j(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return P(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + be + ($(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return P(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + ve + (j(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~Ce(e, "stretch") ? lr(P(e, "stretch", "fill-available"), r) + e : e;
+          return ~Ce(e, "stretch") ? ut(P(e, "stretch", "fill-available"), t) + e : e;
       }
       break;
     // position: sticky
     case 4949:
-      if ($(e, r + 1) !== 115) break;
+      if (j(e, t + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch ($(e, W(e) - 3 - (~Ce(e, "!important") && 10))) {
+      switch (j(e, W(e) - 3 - (~Ce(e, "!important") && 10))) {
         // stic(k)y
         case 107:
           return P(e, ":", ":" + k) + e;
         // (inline-)?fl(e)x
         case 101:
-          return P(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + k + ($(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + N + "$2box$3") + e;
+          return P(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + k + (j(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + N + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch ($(e, r + 11)) {
+      switch (j(e, t + 11)) {
         // vertical-l(r)
         case 114:
           return k + e + N + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
@@ -829,93 +829,93 @@ function lr(e, r) {
   }
   return e;
 }
-var Hr = function(r, t, n, a) {
-  if (r.length > -1 && !r.return) switch (r.type) {
+var Gt = function(t, r, n, a) {
+  if (t.length > -1 && !t.return) switch (t.type) {
     case $e:
-      r.return = lr(r.value, r.length);
+      t.return = ut(t.value, t.length);
       break;
-    case nr:
-      return Q([oe(r, {
-        value: P(r.value, "@", "@" + k)
+    case at:
+      return Q([oe(t, {
+        value: P(t.value, "@", "@" + k)
       })], a);
-    case Ie:
-      if (r.length) return Ar(r.props, function(i) {
-        switch (Cr(i, /(::plac\w+|:read-\w+)/)) {
+    case je:
+      if (t.length) return Ot(t.props, function(i) {
+        switch (Ct(i, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
-            return Q([oe(r, {
-              props: [P(i, /:(read-\w+)/, ":" + be + "$1")]
+            return Q([oe(t, {
+              props: [P(i, /:(read-\w+)/, ":" + ve + "$1")]
             })], a);
           // :placeholder
           case "::placeholder":
-            return Q([oe(r, {
+            return Q([oe(t, {
               props: [P(i, /:(plac\w+)/, ":" + k + "input-$1")]
-            }), oe(r, {
-              props: [P(i, /:(plac\w+)/, ":" + be + "$1")]
-            }), oe(r, {
+            }), oe(t, {
+              props: [P(i, /:(plac\w+)/, ":" + ve + "$1")]
+            }), oe(t, {
               props: [P(i, /:(plac\w+)/, N + "input-$1")]
             })], a);
         }
         return "";
       });
   }
-}, Gr = [Hr], Xr = function(r) {
-  var t = r.key;
-  if (t === "css") {
+}, Xt = [Gt], Kt = function(t) {
+  var r = t.key;
+  if (r === "css") {
     var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
     Array.prototype.forEach.call(n, function(p) {
       var y = p.getAttribute("data-emotion");
       y.indexOf(" ") !== -1 && (document.head.appendChild(p), p.setAttribute("data-s", ""));
     });
   }
-  var a = r.stylisPlugins || Gr, i = {}, c, s = [];
-  c = r.container || document.head, Array.prototype.forEach.call(
+  var a = t.stylisPlugins || Xt, i = {}, c, s = [];
+  c = 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
-    document.querySelectorAll('style[data-emotion^="' + t + ' "]'),
+    document.querySelectorAll('style[data-emotion^="' + r + ' "]'),
     function(p) {
-      for (var y = p.getAttribute("data-emotion").split(" "), b = 1; b < y.length; b++)
-        i[y[b]] = !0;
+      for (var y = p.getAttribute("data-emotion").split(" "), v = 1; v < y.length; v++)
+        i[y[v]] = !0;
       s.push(p);
     }
   );
-  var f, h = [Yr, qr];
+  var d, h = [qt, Ht];
   {
-    var l, u = [Vr, Br(function(p) {
+    var l, u = [Vt, Dt(function(p) {
       l.insert(p);
-    })], m = zr(h.concat(a, u)), w = function(y) {
-      return Q(Mr(y), m);
+    })], m = zt(h.concat(a, u)), w = function(y) {
+      return Q(Bt(y), m);
     };
-    f = function(y, b, v, S) {
-      l = v, w(y ? y + "{" + b.styles + "}" : b.styles), S && (x.inserted[b.name] = !0);
+    d = function(y, v, b, _) {
+      l = b, w(y ? y + "{" + v.styles + "}" : v.styles), _ && (x.inserted[v.name] = !0);
     };
   }
   var x = {
-    key: t,
-    sheet: new Pr({
-      key: t,
+    key: r,
+    sheet: new Et({
+      key: r,
       container: c,
-      nonce: r.nonce,
-      speedy: r.speedy,
-      prepend: r.prepend,
-      insertionPoint: r.insertionPoint
+      nonce: t.nonce,
+      speedy: t.speedy,
+      prepend: t.prepend,
+      insertionPoint: t.insertionPoint
     }),
-    nonce: r.nonce,
+    nonce: t.nonce,
     inserted: i,
     registered: {},
-    insert: f
+    insert: d
   };
   return x.sheet.hydrate(s), x;
-}, Kr = !0;
-function Jr(e, r, t) {
+}, Jt = !0;
+function Zt(e, t, r) {
   var n = "";
-  return t.split(" ").forEach(function(a) {
-    e[a] !== void 0 ? r.push(e[a] + ";") : a && (n += a + " ");
+  return r.split(" ").forEach(function(a) {
+    e[a] !== void 0 ? t.push(e[a] + ";") : a && (n += a + " ");
   }), n;
 }
-var ur = function(r, t, n) {
-  var a = r.key + "-" + t.name;
+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
   // the tree but if it's a string tag, we know it won't
@@ -925,37 +925,37 @@ var ur = function(r, t, n) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  Kr === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
-}, Zr = function(r, t, n) {
-  ur(r, t, n);
-  var a = r.key + "-" + t.name;
-  if (r.inserted[t.name] === void 0) {
-    var i = t;
+  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;
     do
-      r.insert(t === i ? "." + a : "", i, r.sheet, !0), i = i.next;
+      t.insert(r === i ? "." + a : "", i, t.sheet, !0), i = i.next;
     while (i !== void 0);
   }
 };
-function Qr(e) {
-  for (var r = 0, t, n = 0, a = e.length; a >= 4; ++n, a -= 4)
-    t = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
-    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
-    t >>> 24, r = /* Math.imul(k, m): */
-    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
-    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
+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: */
+    r >>> 24, t = /* Math.imul(k, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
   switch (a) {
     case 3:
-      r ^= (e.charCodeAt(n + 2) & 255) << 16;
+      t ^= (e.charCodeAt(n + 2) & 255) << 16;
     case 2:
-      r ^= (e.charCodeAt(n + 1) & 255) << 8;
+      t ^= (e.charCodeAt(n + 1) & 255) << 8;
     case 1:
-      r ^= e.charCodeAt(n) & 255, r = /* Math.imul(h, m): */
-      (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
+      t ^= e.charCodeAt(n) & 255, t = /* Math.imul(h, m): */
+      (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
   }
-  return r ^= r >>> 13, r = /* Math.imul(h, m): */
-  (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
+  return t ^= t >>> 13, t = /* Math.imul(h, m): */
+  (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var et = {
+var tr = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1004,18 +1004,18 @@ var et = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, rt = /[A-Z]|^ms/g, tt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, fr = function(r) {
-  return r.charCodeAt(1) === 45;
-}, He = function(r) {
-  return r != null && typeof r != "boolean";
-}, Se = /* @__PURE__ */ cr(function(e) {
-  return fr(e) ? e : e.replace(rt, "-$&").toLowerCase();
-}), Ge = function(r, t) {
-  switch (r) {
+}, rr = /[A-Z]|^ms/g, nr = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ft = function(t) {
+  return t.charCodeAt(1) === 45;
+}, Ge = function(t) {
+  return t != null && typeof t != "boolean";
+}, _e = /* @__PURE__ */ lt(function(e) {
+  return ft(e) ? e : e.replace(rr, "-$&").toLowerCase();
+}), Xe = function(t, r) {
+  switch (t) {
     case "animation":
     case "animationName":
-      if (typeof t == "string")
-        return t.replace(tt, function(n, a, i) {
+      if (typeof r == "string")
+        return r.replace(nr, function(n, a, i) {
           return Y = {
             name: a,
             styles: i,
@@ -1023,26 +1023,26 @@ var et = {
           }, a;
         });
   }
-  return et[r] !== 1 && !fr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+  return tr[t] !== 1 && !ft(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
-function ue(e, r, t) {
-  if (t == null)
+function ue(e, t, r) {
+  if (r == null)
     return "";
-  var n = t;
+  var n = r;
   if (n.__emotion_styles !== void 0)
     return n;
-  switch (typeof t) {
+  switch (typeof r) {
     case "boolean":
       return "";
     case "object": {
-      var a = t;
+      var a = r;
       if (a.anim === 1)
         return Y = {
           name: a.name,
           styles: a.styles,
           next: Y
         }, a.name;
-      var i = t;
+      var i = r;
       if (i.styles !== void 0) {
         var c = i.next;
         if (c !== void 0)
@@ -1055,42 +1055,42 @@ function ue(e, r, t) {
         var s = i.styles + ";";
         return s;
       }
-      return nt(e, r, t);
+      return ar(e, t, r);
     }
     case "function": {
       if (e !== void 0) {
-        var f = Y, h = t(e);
-        return Y = f, ue(e, r, h);
+        var d = Y, h = r(e);
+        return Y = d, ue(e, t, h);
       }
       break;
     }
   }
-  var l = t;
-  if (r == null)
+  var l = r;
+  if (t == null)
     return l;
-  var u = r[l];
+  var u = t[l];
   return u !== void 0 ? u : l;
 }
-function nt(e, r, t) {
+function ar(e, t, r) {
   var n = "";
-  if (Array.isArray(t))
-    for (var a = 0; a < t.length; a++)
-      n += ue(e, r, t[a]) + ";";
+  if (Array.isArray(r))
+    for (var a = 0; a < r.length; a++)
+      n += ue(e, t, r[a]) + ";";
   else
-    for (var i in t) {
-      var c = t[i];
+    for (var i in r) {
+      var c = r[i];
       if (typeof c != "object") {
         var s = c;
-        r != null && r[s] !== void 0 ? n += i + "{" + r[s] + "}" : He(s) && (n += Se(i) + ":" + Ge(i, s) + ";");
-      } else if (Array.isArray(c) && typeof c[0] == "string" && (r == null || r[c[0]] === void 0))
-        for (var f = 0; f < c.length; f++)
-          He(c[f]) && (n += Se(i) + ":" + Ge(i, c[f]) + ";");
+        t != null && t[s] !== void 0 ? n += i + "{" + t[s] + "}" : Ge(s) && (n += _e(i) + ":" + Xe(i, s) + ";");
+      } else if (Array.isArray(c) && typeof c[0] == "string" && (t == null || t[c[0]] === void 0))
+        for (var d = 0; d < c.length; d++)
+          Ge(c[d]) && (n += _e(i) + ":" + Xe(i, c[d]) + ";");
       else {
-        var h = ue(e, r, c);
+        var h = ue(e, t, c);
         switch (i) {
           case "animation":
           case "animationName": {
-            n += Se(i) + ":" + h + ";";
+            n += _e(i) + ":" + h + ";";
             break;
           }
           default:
@@ -1100,85 +1100,85 @@ function nt(e, r, t) {
     }
   return n;
 }
-var Xe = /label:\s*([^\s;{]+)\s*(;|$)/g, Y;
-function at(e, r, t) {
+var Ke = /label:\s*([^\s;{]+)\s*(;|$)/g, Y;
+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;
   var i = e[0];
   if (i == null || i.raw === void 0)
-    n = !1, a += ue(t, r, i);
+    n = !1, a += ue(r, t, i);
   else {
     var c = i;
     a += c[0];
   }
   for (var s = 1; s < e.length; s++)
-    if (a += ue(t, r, e[s]), n) {
-      var f = i;
-      a += f[s];
+    if (a += ue(r, t, e[s]), n) {
+      var d = i;
+      a += d[s];
     }
-  Xe.lastIndex = 0;
-  for (var h = "", l; (l = Xe.exec(a)) !== null; )
+  Ke.lastIndex = 0;
+  for (var h = "", l; (l = Ke.exec(a)) !== null; )
     h += "-" + l[1];
-  var u = Qr(a) + h;
+  var u = er(a) + h;
   return {
     name: u,
     styles: a,
     next: Y
   };
 }
-var it = function(r) {
-  return r();
-}, ot = G.useInsertionEffect ? G.useInsertionEffect : !1, st = ot || it, dr = /* @__PURE__ */ G.createContext(
+var or = function(t) {
+  return t();
+}, sr = G.useInsertionEffect ? G.useInsertionEffect : !1, cr = sr || or, pt = /* @__PURE__ */ G.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__ */ Xr({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ Kt({
     key: "css"
   }) : null
 );
-dr.Provider;
-var ct = function(r) {
-  return /* @__PURE__ */ yr(function(t, n) {
-    var a = er(dr);
-    return r(t, a, n);
+pt.Provider;
+var lr = function(t) {
+  return /* @__PURE__ */ gt(function(r, n) {
+    var a = tt(pt);
+    return t(r, a, n);
   });
-}, lt = /* @__PURE__ */ G.createContext({}), ut = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, ft = /* @__PURE__ */ cr(
+}, ur = /* @__PURE__ */ G.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 ut.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 */
-), dt = ft, pt = function(r) {
-  return r !== "theme";
-}, Ke = function(r) {
-  return typeof r == "string" && // 96 is one less than the char code
+), 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
-  r.charCodeAt(0) > 96 ? dt : pt;
-}, Je = function(r, t, n) {
+  t.charCodeAt(0) > 96 ? pr : hr;
+}, Ze = function(t, r, n) {
   var a;
-  if (t) {
-    var i = t.shouldForwardProp;
-    a = r.__emotion_forwardProp && i ? function(c) {
-      return r.__emotion_forwardProp(c) && i(c);
+  if (r) {
+    var i = r.shouldForwardProp;
+    a = t.__emotion_forwardProp && i ? function(c) {
+      return t.__emotion_forwardProp(c) && i(c);
     } : i;
   }
-  return typeof a != "function" && n && (a = r.__emotion_forwardProp), a;
-}, ht = function(r) {
-  var t = r.cache, n = r.serialized, a = r.isStringTag;
-  return ur(t, n, a), st(function() {
-    return Zr(t, n, a);
+  return typeof a != "function" && n && (a = t.__emotion_forwardProp), a;
+}, mr = function(t) {
+  var r = t.cache, n = t.serialized, a = t.isStringTag;
+  return dt(r, n, a), cr(function() {
+    return Qt(r, n, a);
   }), null;
-}, mt = function e(r, t) {
-  var n = r.__emotion_real === r, a = n && r.__emotion_base || r, i, c;
-  t !== void 0 && (i = t.label, c = t.target);
-  var s = Je(r, t, n), f = s || Ke(a), h = !f("as");
+}, yr = function e(t, r) {
+  var n = t.__emotion_real === t, a = n && t.__emotion_base || t, i, c;
+  r !== void 0 && (i = r.label, c = r.target);
+  var s = Ze(t, r, n), d = s || Je(a), h = !d("as");
   return function() {
-    var l = arguments, u = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
+    var l = arguments, u = n && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
     if (i !== void 0 && u.push("label:" + i + ";"), l[0] == null || l[0].raw === void 0)
       u.push.apply(u, l);
     else {
@@ -1187,38 +1187,38 @@ var ct = function(r) {
       for (var w = l.length, x = 1; x < w; x++)
         u.push(l[x], m[x]);
     }
-    var p = ct(function(y, b, v) {
-      var S = h && y.as || a, C = "", E = [], T = y;
+    var p = lr(function(y, v, b) {
+      var _ = h && y.as || a, A = "", E = [], S = y;
       if (y.theme == null) {
-        T = {};
-        for (var d in y)
-          T[d] = y[d];
-        T.theme = G.useContext(lt);
+        S = {};
+        for (var f in y)
+          S[f] = y[f];
+        S.theme = G.useContext(ur);
       }
-      typeof y.className == "string" ? C = Jr(b.registered, E, y.className) : y.className != null && (C = y.className + " ");
-      var A = at(u.concat(E), b.registered, T);
-      C += b.key + "-" + A.name, c !== void 0 && (C += " " + c);
-      var L = h && s === void 0 ? Ke(S) : f, I = {};
-      for (var M in y)
-        h && M === "as" || L(M) && (I[M] = y[M]);
-      return I.className = C, v && (I.ref = v), /* @__PURE__ */ G.createElement(G.Fragment, null, /* @__PURE__ */ G.createElement(ht, {
-        cache: b,
-        serialized: A,
-        isStringTag: typeof S == "string"
-      }), /* @__PURE__ */ G.createElement(S, I));
+      typeof y.className == "string" ? A = Zt(v.registered, E, y.className) : y.className != null && (A = y.className + " ");
+      var C = ir(u.concat(E), v.registered, S);
+      A += v.key + "-" + C.name, c !== void 0 && (A += " " + c);
+      var B = h && s === void 0 ? Je(_) : d, I = {};
+      for (var L in y)
+        h && L === "as" || B(L) && (I[L] = y[L]);
+      return I.className = A, b && (I.ref = b), /* @__PURE__ */ G.createElement(G.Fragment, null, /* @__PURE__ */ G.createElement(mr, {
+        cache: v,
+        serialized: C,
+        isStringTag: typeof _ == "string"
+      }), /* @__PURE__ */ G.createElement(_, I));
     });
-    return p.displayName = i !== void 0 ? i : "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 = u, p.__emotion_forwardProp = s, Object.defineProperty(p, "toString", {
+    return p.displayName = i !== void 0 ? i : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", p.defaultProps = t.defaultProps, p.__emotion_real = p, p.__emotion_base = a, p.__emotion_styles = u, p.__emotion_forwardProp = s, Object.defineProperty(p, "toString", {
       value: function() {
         return "." + c;
       }
-    }), p.withComponent = function(y, b) {
-      var v = e(y, _e({}, t, b, {
-        shouldForwardProp: Je(p, b, !0)
+    }), p.withComponent = function(y, v) {
+      var b = e(y, Ae({}, r, v, {
+        shouldForwardProp: Ze(p, v, !0)
       }));
-      return v.apply(void 0, u);
+      return b.apply(void 0, u);
     }, p;
   };
-}, yt = [
+}, gr = [
   "a",
   "abbr",
   "address",
@@ -1354,11 +1354,11 @@ var ct = function(r) {
   "svg",
   "text",
   "tspan"
-], re = mt.bind(null);
-yt.forEach(function(e) {
-  re[e] = re(e);
+], te = yr.bind(null);
+gr.forEach(function(e) {
+  te[e] = te(e);
 });
-const gt = re.div`
+const vr = te.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1399,7 +1399,7 @@ const gt = re.div`
       return "";
   }
 }}
-`, Oe = ({ type: e, children: r, className: t, icon: n, action: a }) => O.jsxs(gt, { type: e, className: t, children: [n && O.jsx("span", { children: n }), O.jsx("span", { children: r }), a && O.jsx("span", { children: a })] }), Ze = re.div`
+`, Ie = ({ type: e, children: t, className: r, icon: n, action: a }) => O.jsxs(vr, { type: e, className: r, children: [n && O.jsx("span", { children: n }), O.jsx("span", { children: t }), a && O.jsx("span", { children: a })] }), Qe = te.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
   border-radius: 8px;
@@ -1408,8 +1408,8 @@ const gt = re.div`
   z-index: 1002;
 
   /* Hide specific elements inside the player */
-  ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((r) => `.${r} { display: none !important; }`).join("")}
-`, bt = re.div`
+  ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((t) => `.${t} { display: none !important; }`).join("")}
+`, br = te.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -1421,7 +1421,7 @@ const gt = re.div`
   align-items: center;
   z-index: 1000;
   pointer-events: auto;
-`, vt = re.div`
+`, xr = te.div`
  position: relative;
  width: 100%; /* Default for mobile */
  max-width: 100%;
@@ -1433,46 +1433,46 @@ const gt = re.div`
  @media (min-width: 768px) {
    width: min(70vw, 960px); /* Responsive width for desktop, capped at 960px */
  }
-`, xt = (e, r) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${r}`, wt = (e, r) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${r}/videos`, kt = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, Fe = (e, r) => `vp-player-${e || "default"}-${r || ""}`, Te = /* @__PURE__ */ new Map(), Pt = (e, r) => {
-  const [t, n] = D(!1), [a, i] = D(null);
+`, wr = (e, t) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`, kr = (e, t) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`, Pr = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, Ne = (e, t) => `vp-player-${e || "default"}-${t || ""}`, Se = /* @__PURE__ */ new Map(), Er = (e, t) => {
+  const [r, n] = D(!1), [a, i] = D(null);
   return se(() => {
-    let c = null, s, f = 0;
+    let c = null, s, d = 0;
     const h = 3;
     let l;
     try {
-      l = r || kt(e || "latest");
+      l = t || Pr(e || "latest");
     } catch (w) {
       const x = w instanceof Error ? w.message : String(w);
       i(`Failed to resolve script URL: ${x}`), n(!1);
       return;
     }
-    if (Te.get(l)) {
+    if (Se.get(l)) {
       n(!0), i(null);
       return;
     }
     if (document.querySelector(`script[src="${l}"]`)) {
-      Te.set(l, !0), n(!0), i(null);
+      Se.set(l, !0), n(!0), i(null);
       return;
     }
     const m = () => {
       c = document.createElement("script"), c.src = l, c.async = !0, s = window.setTimeout(() => {
         n(!1), i(`Loading script timed out: ${l}`);
       }, 1e4), c.onload = () => {
-        clearTimeout(s), Te.set(l, !0), n(!0), i(null);
+        clearTimeout(s), Se.set(l, !0), n(!0), i(null);
       }, c.onerror = () => {
-        clearTimeout(s), f++, f < h ? setTimeout(m, 1e3 * f) : (n(!1), i(`Failed to load VP Player script after ${h} attempts: ${l}`));
+        clearTimeout(s), d++, d < h ? setTimeout(m, 1e3 * d) : (n(!1), i(`Failed to load VP Player script after ${h} attempts: ${l}`));
       }, document.body.appendChild(c);
     };
     return m(), () => {
       clearTimeout(s), c && document.body.contains(c) && document.body.removeChild(c);
     };
-  }, [e, r]), { isLoaded: t, error: a };
-}, Qe = {}, he = /* @__PURE__ */ new Map(), Et = 7e3, Re = 3, St = ({ projectId: e, videoId: r, playlistId: t, videoUrl: n, apiKey: a }) => {
-  const [i, c] = D(null), [s, f] = D(null), [h, l] = D(!1), [u, m] = D(null), w = a || (typeof Qe < "u" ? Qe.VITE_VP_API_KEY : void 0);
+  }, [e, t]), { isLoaded: r, error: a };
+}, et = {}, he = /* @__PURE__ */ new Map(), _r = 7e3, Re = 3, Sr = ({ projectId: e, videoId: t, playlistId: r, videoUrl: n, apiKey: a }) => {
+  const [i, c] = D(null), [s, d] = D(null), [h, l] = D(!1), [u, m] = D(null), w = a || (typeof et < "u" ? et.VITE_VP_API_KEY : void 0);
   return se(() => {
-    const x = r ? `video:${r}` : t ? `playlist:${t}` : null;
-    if (!e || n || !r && !t) {
-      c(n || null), f(null), l(!1), m(null);
+    const x = t ? `video:${t}` : r ? `playlist:${r}` : null;
+    if (!e || n || !t && !r) {
+      c(n || null), d(null), l(!1), m(null);
       return;
     }
     if (!w) {
@@ -1480,34 +1480,34 @@ const gt = re.div`
       return;
     }
     if (x && he.has(x)) {
-      const v = he.get(x);
-      c(v.url), f(v.playlist), l(!1), m(null);
+      const b = he.get(x);
+      c(b.url), d(b.playlist), l(!1), m(null);
       return;
     }
     const p = new AbortController(), y = p.signal;
     return (async () => {
-      var S, C;
+      var _, A;
       l(!0), m(null);
-      let v = 0;
-      for (; v < Re; )
+      let b = 0;
+      for (; b < Re; )
         try {
-          const E = r && !t ? xt(e, r) : wt(e, t), T = setTimeout(() => p.abort(), Et), d = await fetch(E, {
+          const E = t && !r ? wr(e, t) : kr(e, r), S = setTimeout(() => p.abort(), _r), f = await fetch(E, {
             method: "GET",
             headers: { "api-key": w, Accept: "application/json" },
             signal: y
           });
-          if (clearTimeout(T), !d.ok)
-            throw new Error(`Fetch failed with status ${d.status}`);
-          const A = await d.json();
-          if (r && !t) {
-            const L = (C = (S = A.result) == null ? void 0 : S.items) == null ? void 0 : C.find((I) => I.mediaId === r);
-            if (!(L != null && L.playbackUrl))
+          if (clearTimeout(S), !f.ok)
+            throw new Error(`Fetch failed with status ${f.status}`);
+          const C = await f.json();
+          if (t && !r) {
+            const B = (A = (_ = C.result) == null ? void 0 : _.items) == null ? void 0 : A.find((I) => I.mediaId === t);
+            if (!(B != null && B.playbackUrl))
               throw new Error("Invalid video data");
-            c(L.playbackUrl), f(null), x && he.set(x, { url: L.playbackUrl, playlist: null });
+            c(B.playbackUrl), d(null), x && he.set(x, { url: B.playbackUrl, playlist: null });
           } else {
-            if (!Array.isArray(A.result))
+            if (!Array.isArray(C.result))
               throw new Error("Invalid playlist format");
-            f(A.result), c(null), x && he.set(x, { url: null, playlist: A.result });
+            d(C.result), c(null), x && he.set(x, { url: null, playlist: C.result });
           }
           break;
         } catch (E) {
@@ -1515,17 +1515,17 @@ const gt = re.div`
             m("Request timed out");
             break;
           }
-          if (v++, v >= Re) {
-            const T = E instanceof Error ? E.message : String(E);
-            m(`Failed after ${Re} attempts: ${T}`);
+          if (b++, b >= Re) {
+            const S = E instanceof Error ? E.message : String(E);
+            m(`Failed after ${Re} attempts: ${S}`);
           }
         }
       l(!1);
     })(), () => {
       p.abort();
     };
-  }, [w, e, r, t, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: s, isLoading: h, error: u };
-}, Tt = {
+  }, [w, e, t, r, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: s, isLoading: h, error: u };
+}, Rr = {
   projectId: "vp-player-projectId",
   video: {
     file: "",
@@ -1577,9 +1577,9 @@ const gt = re.div`
       // Enabled by default
     }
   }
-}, Rt = ({ videoUrl: e, fetchedPlaybackUrl: r, fetchedPlaylist: t, projectId: n, config: a = {} }) => {
+}, Tr = ({ videoUrl: e, fetchedPlaybackUrl: t, fetchedPlaylist: r, projectId: n, config: a = {} }) => {
   var h, l, u;
-  const i = { ...Tt, ...a }, c = { ...i.config, ...a.config };
+  const i = { ...Rr, ...a }, c = { ...i.config, ...a.config };
   if (e)
     return {
       ...i,
@@ -1590,27 +1590,27 @@ const gt = re.div`
       },
       config: c
     };
-  if (r)
+  if (t)
     return {
       ...i,
       video: {
         ...i.video,
-        file: r,
+        file: t,
         playlist: void 0
       },
       config: c
     };
-  if (t && t.length > 0)
+  if (r && r.length > 0)
     return {
       ...i,
       projectId: n || "vp-player-projectId",
       video: {
         ...i.video,
-        file: ((h = t[0]) == null ? void 0 : h.hlsUrl) || "",
+        file: ((h = r[0]) == null ? void 0 : h.hlsUrl) || "",
         playlist: {
           state: !0,
           playlistVideoIndex: 0,
-          videos: t.map((m, w) => ({
+          videos: r.map((m, w) => ({
             videoId: String(w),
             title: m.title,
             file: m.hlsUrl,
@@ -1621,13 +1621,13 @@ const gt = re.div`
       },
       config: c
     };
-  const s = ((l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) || i.video.playlist, f = (u = a == null ? void 0 : a.video) == null ? void 0 : u.file;
-  if (f)
+  const s = ((l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) || i.video.playlist, d = (u = a == null ? void 0 : a.video) == null ? void 0 : u.file;
+  if (d)
     return {
       ...i,
       video: {
         ...i.video,
-        file: f,
+        file: d,
         playlist: void 0
         // No playlist, just one video
       },
@@ -1654,27 +1654,27 @@ const gt = re.div`
     };
   }
   throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.");
-}, _t = (e) => {
+}, Ar = (e) => {
   if (!e)
     return;
-  const r = /https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/, t = e.match(r);
-  return t ? t[2] : void 0;
-}, Ct = ({ playerId: e, videoId: r, version: t, videoUrl: n, projectId: a, playlistId: i, scriptUrl: c, config: s = {}, apiKey: f, isReels: h = !1 }) => {
-  const l = Ve(null), u = Ve(null), { isLoaded: m, error: w } = Pt(t, c), x = r || _t(c), [p, y] = D(null), { fetchedPlaybackUrl: b, fetchedPlaylist: v, isLoading: S, error: C } = St({
+  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: c, config: s = {}, apiKey: d, isReels: h = !1 }) => {
+  const l = Ve(null), u = Ve(null), { isLoaded: m, error: w } = Er(r, c), x = t || Ar(c), [p, y] = D(null), { fetchedPlaybackUrl: v, fetchedPlaylist: b, isLoading: _, error: A } = Sr({
     projectId: a,
     videoId: x,
     playlistId: i,
     videoUrl: n,
-    apiKey: f
-  }), E = Fe(e, x), T = rr(() => {
-    var d;
+    apiKey: d
+  }), E = Ne(e, x), S = rt(() => {
+    var f;
     return {
       ...s,
       config: {
         ...s.config,
         autostartOnLoad: { state: h, onMobile: !0, onData: !0 },
         muted: !1,
-        size: h ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : ((d = s.config) == null ? void 0 : d.size) || { sizeType: "FIXED", width: "100%" },
+        size: h ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : ((f = s.config) == null ? void 0 : f.size) || { sizeType: "FIXED", width: "100%" },
         controls: {
           settingsButton: !0,
           chromecastButton: !1,
@@ -1721,10 +1721,10 @@ const gt = re.div`
       return;
     }
   }, [w]), se(() => {
-    if (!m || !l.current || S && !n)
+    if (!m || !l.current || _ && !n)
       return;
-    let d = !0;
-    const L = setTimeout(async () => {
+    let f = !0;
+    const B = setTimeout(async () => {
       try {
         if (window.vpPlayer && document.querySelectorAll('[id*="player"]').forEach((X) => {
           const ne = X.id;
@@ -1734,7 +1734,7 @@ const gt = re.div`
           } catch (K) {
             console.warn(`Failed to destroy existing player ${ne}:`, K);
           }
-        }), await new Promise((B) => setTimeout(B, 100)), !d || !l.current)
+        }), await new Promise((z) => setTimeout(z, 100)), !f || !l.current)
           return;
         if (!document.getElementById(E)) {
           y("DOM element not found after cleanup.");
@@ -1744,97 +1744,190 @@ const gt = re.div`
           y("VP Player script not loaded.");
           return;
         }
-        const M = Rt({
+        const L = Tr({
           videoUrl: n,
-          fetchedPlaybackUrl: b,
-          fetchedPlaylist: v,
+          fetchedPlaybackUrl: v,
+          fetchedPlaylist: b,
           projectId: a,
-          config: T
+          config: S
         }), H = window.vpPlayer(E);
         if (!H) {
           y("Failed to create VP Player instance.");
           return;
         }
-        d && l.current && (H.setup(M), u.current = H, y(null));
+        f && l.current && (H.setup(L), u.current = H, y(null));
       } catch (I) {
-        if (d) {
-          const M = I instanceof Error ? I.message : String(I);
-          y(M), console.error("VP Player initialization error:", I);
+        if (f) {
+          const L = I instanceof Error ? I.message : String(I);
+          y(L), console.error("VP Player initialization error:", I);
         }
       }
     }, 150);
     return () => {
-      d = !1, clearTimeout(L);
+      f = !1, clearTimeout(B);
     };
   }, [
     m,
-    S,
+    _,
     n,
-    b,
     v,
+    b,
     a,
-    T,
+    S,
     E
   ]), se(() => () => {
     if (u.current) {
       try {
         u.current.destroy && u.current.destroy();
-      } catch (A) {
-        console.warn(`Failed to destroy player ${E}:`, A);
+      } catch (C) {
+        console.warn(`Failed to destroy player ${E}:`, C);
       }
       u.current = null;
     }
-    const d = document.getElementById(E);
-    d && (d.innerHTML = "");
+    const f = document.getElementById(E);
+    f && (f.innerHTML = "");
   }, [E]), {
     playerRef: l,
     playerInstanceRef: u,
     isScriptLoaded: m,
-    isLoading: S,
-    error: C || p || w
+    isLoading: _,
+    error: A || p || w
   };
-}, At = ({ playerId: e, videoId: r, version: t, videoUrl: n, projectId: a, playlistId: i, scriptUrl: c, config: s = {}, apiKey: f, isReels: h = !1, hiddenClasses: l = [], onClose: u, className: m }) => {
-  var L, I, M, H;
-  const { playerRef: w, playerInstanceRef: x, isScriptLoaded: p, isLoading: y, error: b } = Ct({
+}, Or = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: c, config: s = {}, apiKey: d, isReels: h = !1, hiddenClasses: l = [], onClose: u, className: m }) => {
+  var B, I, L, H;
+  const { playerRef: w, playerInstanceRef: x, isScriptLoaded: p, isLoading: y, error: v } = Cr({
     playerId: e,
-    videoId: r,
-    version: t,
+    videoId: t,
+    version: r,
     videoUrl: n,
     projectId: a,
     playlistId: i,
     scriptUrl: c,
     config: s,
-    apiKey: f,
+    apiKey: d,
     isReels: h
-  }), [v, S] = D(!0), C = () => h && S(!0), E = () => {
-    var B, X;
-    S(!1), (X = (B = x.current) == null ? void 0 : B.play) == null || X.call(B), u == null || u();
-  }, T = (I = (L = s == null ? void 0 : s.config) == null ? void 0 : L.size) != null && I.width ? typeof s.config.size.width == "number" ? `${s.config.size.width}px` : s.config.size.width : void 0, d = (H = (M = s == null ? void 0 : s.config) == null ? void 0 : M.size) != null && H.height ? typeof s.config.size.height == "number" ? `${s.config.size.height}px` : s.config.size.height : void 0, A = Fe(e, r);
-  return b ? O.jsxs(Oe, { type: "error", children: ["An error occurred: ", b] }) : y || !p ? O.jsx(Oe, { type: "loading", children: "Loading..." }) : O.jsxs(O.Fragment, { children: [h && !v ? O.jsx("div", { onClick: C }) : null, !h && O.jsx("div", { children: O.jsx(Ze, { id: A, ref: w, width: T || "100%", height: d || "auto", $hiddenClasses: l, className: m }) }, A), h && v && O.jsx(bt, { onClick: E, className: m, children: O.jsx(vt, { className: m, onClick: (B) => B.stopPropagation(), children: O.jsx("div", { children: O.jsx(Ze, { id: A, ref: w, width: "100%", height: "auto", $hiddenClasses: l, className: m }) }, A) }) })] });
-}, pr = gr(void 0), It = ({ children: e }) => {
-  const [r, t] = D(!1), [n, a] = D(null), [i, c] = D(null), s = ze((l) => {
+  }), [b, _] = D(!0), A = () => h && _(!0), E = () => {
+    var z, X;
+    _(!1), (X = (z = x.current) == null ? void 0 : z.play) == null || X.call(z), u == null || u();
+  }, S = (I = (B = s == null ? void 0 : s.config) == null ? void 0 : B.size) != null && I.width ? typeof s.config.size.width == "number" ? `${s.config.size.width}px` : s.config.size.width : void 0, f = (H = (L = s == null ? void 0 : s.config) == null ? void 0 : L.size) != null && H.height ? typeof s.config.size.height == "number" ? `${s.config.size.height}px` : s.config.size.height : void 0, C = Ne(e, t);
+  return v ? O.jsxs(Ie, { type: "error", children: ["An error occurred: ", v] }) : y || !p ? O.jsx(Ie, { type: "loading", children: "Loading..." }) : O.jsxs(O.Fragment, { children: [h && !b ? O.jsx("div", { onClick: A }) : null, !h && O.jsx("div", { children: O.jsx(Qe, { id: C, ref: w, width: S || "100%", height: f || "auto", $hiddenClasses: l, className: m }) }, C), h && b && O.jsx(br, { onClick: E, className: m, children: O.jsx(xr, { className: m, onClick: (z) => z.stopPropagation(), children: O.jsx("div", { children: O.jsx(Qe, { id: C, ref: w, width: "100%", height: "auto", $hiddenClasses: l, className: m }) }, C) }) })] });
+}, ht = vt(void 0), jr = ({ children: e }) => {
+  const [t, r] = D(!1), [n, a] = D(null), [i, c] = D(null), s = ze((l) => {
     try {
-      const u = Fe(l.playerId, l.videoId);
-      a({ ...l, playerId: u }), t(!0), c(null);
+      const u = Ne(l.playerId, l.videoId);
+      a({ ...l, playerId: u }), r(!0), c(null);
     } catch {
       c("Failed to show player.");
     }
-  }, []), f = ze(() => {
-    t(!1), a(null), c(null);
-  }, []), h = rr(() => ({
+  }, []), d = ze(() => {
+    r(!1), a(null), c(null);
+  }, []), h = rt(() => ({
     showPlayer: s,
-    hidePlayer: f,
-    isPlayerVisible: r,
+    hidePlayer: d,
+    isPlayerVisible: t,
     playerParams: n
-  }), [s, f, r, n]);
-  return O.jsxs(pr.Provider, { value: h, children: [e, i && O.jsx(Oe, { type: "error", children: i }), r && (n == null ? void 0 : n.playerId) && O.jsx(At, { 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: f, hiddenClasses: n.hiddenClasses || [], apiKey: n.apiKey, className: n.className })] });
-}, $t = () => {
-  const e = er(pr);
+  }), [s, d, t, n]);
+  return O.jsxs(ht.Provider, { value: h, children: [e, i && O.jsx(Ie, { type: "error", children: i }), t && (n == null ? void 0 : n.playerId) && O.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: d, hiddenClasses: n.hiddenClasses || [], apiKey: n.apiKey, className: n.className })] });
+}, $r = () => {
+  const e = tt(ht);
   if (!e)
     throw new Error("useVPPlayer must be used within a VPPlayerProvider");
   return e;
-};
+}, Fr = {
+  projectId: "vp-player-projectId",
+  video: {
+    file: "",
+    playlist: {
+      state: !0,
+      playlistVideoIndex: 0,
+      videos: []
+    }
+  },
+  config: {
+    autoplay: !0,
+    pauseOtherVideos: !0,
+    focusOnAutostart: !1,
+    muted: !0,
+    loop: !1,
+    size: {
+      width: "100%"
+    },
+    controls: {
+      settingsButton: !0,
+      chromecastButton: !1,
+      nextButton: !1,
+      fullscreenButton: !0,
+      airplayButton: !1,
+      bigPlayButton: !1,
+      autopausePlayButton: !0,
+      pictureInPictureButton: !1,
+      relatedButton: !1,
+      volumeButton: !0,
+      shareButton: !0
+    }
+  }
+}, Nr = {
+  config: {
+    autostartOnLoad: { state: !0, onMobile: !0, onData: !0 },
+    muted: !0
+  }
+}, Lr = {
+  config: {
+    autoplay: !0,
+    muted: !0
+  }
+}, Te = {
+  video: {
+    advertising: !0,
+    ads: {
+      skipAd: { state: !0, skipFrom: 5 }
+    }
+  },
+  config: {
+    adAnnouncement: { state: !0, timeBeforeAd: 5 },
+    adsRequireInteraction: !1
+  }
+}, Br = (e, t, r = "time", n = 0) => {
+  var a;
+  return {
+    ...Te,
+    video: {
+      ...Te.video,
+      ads: {
+        ...(a = Te.video) == null ? void 0 : a.ads,
+        adBreaks: [
+          {
+            adTagUrl: t,
+            breakType: e,
+            breakTimingType: r,
+            breakTimingValue: n
+          }
+        ]
+      }
+    }
+  };
+}, Mr = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", Vr = "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", Ur = "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=";
 export {
-  It as VPPlayerProvider,
-  $t as useVPPlayer
+  Ur as AD_TAG_LINEAR_URL,
+  Wr as AD_TAG_SKIPPABLE_LINEAR_URL,
+  Mr as BIG_BUCK_BUNNY_URL,
+  Vr as ELEPHANTS_DREAM_URL,
+  br as Overlay,
+  Dr as PEXELS_THUMBNAIL_URL,
+  zr as PEXELS_VERTICAL_VIDEO_URL,
+  Qe as PlayerContainer,
+  xr as PlayerWrapper,
+  Or as VPPlayer,
+  jr as VPPlayerProvider,
+  Nr as baseConfig,
+  Te as baseConfigWithAds,
+  Lr as baseConfigWithAutoplay,
+  Tr as buildVPPlayerConfig,
+  Fr as defaultVPPlayerConfig,
+  Ar as extractVideoId,
+  Br as getAdConfig,
+  $r as useVPPlayer,
+  Cr as useVPPlayerLogic,
+  Er as useVPPlayerScript,
+  Sr as useVideoData
 };