@devix-technologies/react-gjirafa-vp-player 1.0.31-beta.0 → 1.0.31-beta.3

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

@@ -1,6 +1,6 @@
 import * as ne from "react";
-import xr, { forwardRef as Pr, useContext as ar, useState as ce, useEffect as Fe, useRef as he, useId as _r, useMemo as ir, createContext as wr, useCallback as qe } from "react";
-var Ee = { exports: {} }, ye = {};
+import hr, { forwardRef as mr, useContext as gr, useState as Re, useEffect as je, useRef as be, useId as yr, useMemo as ve } from "react";
+var xe = { exports: {} }, fe = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,29 +10,29 @@ var Ee = { exports: {} }, ye = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ye;
-function Er() {
-  if (Ye) return ye;
-  Ye = 1;
+var We;
+function br() {
+  if (We) return fe;
+  We = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function t(n, a, i) {
+  function t(a, n, o) {
     var s = null;
-    if (i !== void 0 && (s = "" + i), a.key !== void 0 && (s = "" + a.key), "key" in a) {
-      i = {};
-      for (var c in a)
-        c !== "key" && (i[c] = a[c]);
-    } else i = a;
-    return a = i.ref, {
+    if (o !== void 0 && (s = "" + o), n.key !== void 0 && (s = "" + n.key), "key" in n) {
+      o = {};
+      for (var l in n)
+        l !== "key" && (o[l] = n[l]);
+    } else o = n;
+    return n = o.ref, {
       $$typeof: e,
-      type: n,
+      type: a,
       key: s,
-      ref: a !== void 0 ? a : null,
-      props: i
+      ref: n !== void 0 ? n : null,
+      props: o
     };
   }
-  return ye.Fragment = r, ye.jsx = t, ye.jsxs = t, ye;
+  return fe.Fragment = r, fe.jsx = t, fe.jsxs = t, fe;
 }
-var me = {};
+var de = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,351 +42,351 @@ var me = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ge;
-function kr() {
-  return Ge || (Ge = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(o) {
-      if (o == null) return null;
-      if (typeof o == "function")
-        return o.$$typeof === T ? null : o.displayName || o.name || null;
-      if (typeof o == "string") return o;
-      switch (o) {
-        case m:
+var Ye;
+function vr() {
+  return Ye || (Ye = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(i) {
+      if (i == null) return null;
+      if (typeof i == "function")
+        return i.$$typeof === G ? null : i.displayName || i.name || null;
+      if (typeof i == "string") return i;
+      switch (i) {
+        case y:
           return "Fragment";
-        case x:
+        case P:
           return "Profiler";
-        case v:
+        case b:
           return "StrictMode";
-        case A:
+        case C:
           return "Suspense";
-        case g:
+        case x:
           return "SuspenseList";
-        case q:
+        case L:
           return "Activity";
       }
-      if (typeof o == "object")
-        switch (typeof o.tag == "number" && console.error(
+      if (typeof i == "object")
+        switch (typeof i.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), o.$$typeof) {
-          case y:
+        ), i.$$typeof) {
+          case g:
             return "Portal";
-          case z:
-            return o.displayName || "Context";
-          case O:
-            return (o._context.displayName || "Context") + ".Consumer";
-          case N:
-            var p = o.render;
-            return o = o.displayName, o || (o = p.displayName || p.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case K:
-            return p = o.displayName || null, p !== null ? p : e(o.type) || "Memo";
           case M:
-            p = o._payload, o = o._init;
+            return i.displayName || "Context";
+          case O:
+            return (i._context.displayName || "Context") + ".Consumer";
+          case F:
+            var c = i.render;
+            return i = i.displayName, i || (i = c.displayName || c.name || "", i = i !== "" ? "ForwardRef(" + i + ")" : "ForwardRef"), i;
+          case Y:
+            return c = i.displayName || null, c !== null ? c : e(i.type) || "Memo";
+          case J:
+            c = i._payload, i = i._init;
             try {
-              return e(o(p));
+              return e(i(c));
             } catch {
             }
         }
       return null;
     }
-    function r(o) {
-      return "" + o;
+    function r(i) {
+      return "" + i;
     }
-    function t(o) {
+    function t(i) {
       try {
-        r(o);
-        var p = !1;
+        r(i);
+        var c = !1;
       } catch {
-        p = !0;
+        c = !0;
       }
-      if (p) {
-        p = console;
-        var R = p.error, P = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return R.call(
-          p,
+      if (c) {
+        c = console;
+        var _ = c.error, T = typeof Symbol == "function" && Symbol.toStringTag && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return _.call(
+          c,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          P
-        ), r(o);
+          T
+        ), r(i);
       }
     }
-    function n(o) {
-      if (o === m) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === M)
+    function a(i) {
+      if (i === y) return "<>";
+      if (typeof i == "object" && i !== null && i.$$typeof === J)
         return "<...>";
       try {
-        var p = e(o);
-        return p ? "<" + p + ">" : "<...>";
+        var c = e(i);
+        return c ? "<" + c + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function a() {
-      var o = j.A;
-      return o === null ? null : o.getOwner();
+    function n() {
+      var i = z.A;
+      return i === null ? null : i.getOwner();
     }
-    function i() {
+    function o() {
       return Error("react-stack-top-frame");
     }
-    function s(o) {
-      if (S.call(o, "key")) {
-        var p = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (p && p.isReactWarning) return !1;
+    function s(i) {
+      if ($.call(i, "key")) {
+        var c = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (c && c.isReactWarning) return !1;
       }
-      return o.key !== void 0;
+      return i.key !== void 0;
     }
-    function c(o, p) {
-      function R() {
-        ae || (ae = !0, console.error(
+    function l(i, c) {
+      function _() {
+        D || (D = !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)",
-          p
+          c
         ));
       }
-      R.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: R,
+      _.isReactWarning = !0, Object.defineProperty(i, "key", {
+        get: _,
         configurable: !0
       });
     }
-    function f() {
-      var o = e(this.type);
-      return H[o] || (H[o] = !0, console.error(
+    function d() {
+      var i = e(this.type);
+      return Q[i] || (Q[i] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), o = this.props.ref, o !== void 0 ? o : null;
+      )), i = this.props.ref, i !== void 0 ? i : null;
     }
-    function u(o, p, R, P, Y, Z) {
-      var I = R.ref;
-      return o = {
-        $$typeof: k,
-        type: o,
-        key: p,
-        props: R,
-        _owner: P
-      }, (I !== void 0 ? I : null) !== null ? Object.defineProperty(o, "ref", {
+    function h(i, c, _, T, q, oe) {
+      var v = _.ref;
+      return i = {
+        $$typeof: R,
+        type: i,
+        key: c,
+        props: _,
+        _owner: T
+      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(i, "ref", {
         enumerable: !1,
-        get: f
-      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
+        get: d
+      }) : Object.defineProperty(i, "ref", { enumerable: !1, value: null }), i._store = {}, Object.defineProperty(i._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(o, "_debugInfo", {
+      }), Object.defineProperty(i, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(o, "_debugStack", {
+      }), Object.defineProperty(i, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Y
-      }), Object.defineProperty(o, "_debugTask", {
+        value: q
+      }), Object.defineProperty(i, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
-      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+        value: oe
+      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
     }
-    function d(o, p, R, P, Y, Z) {
-      var I = p.children;
-      if (I !== void 0)
-        if (P)
-          if (G(I)) {
-            for (P = 0; P < I.length; P++)
-              h(I[P]);
-            Object.freeze && Object.freeze(I);
+    function p(i, c, _, T, q, oe) {
+      var v = c.children;
+      if (v !== void 0)
+        if (T)
+          if (Z(v)) {
+            for (T = 0; T < v.length; T++)
+              m(v[T]);
+            Object.freeze && Object.freeze(v);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else h(I);
-      if (S.call(p, "key")) {
-        I = e(o);
-        var b = Object.keys(p).filter(function($) {
-          return $ !== "key";
+        else m(v);
+      if ($.call(c, "key")) {
+        v = e(i);
+        var E = Object.keys(c).filter(function(u) {
+          return u !== "key";
         });
-        P = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", ie[I + P] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
+        T = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", ae[v + T] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          P,
-          I,
-          b,
-          I
-        ), ie[I + P] = !0);
+          T,
+          v,
+          E,
+          v
+        ), ae[v + T] = !0);
       }
-      if (I = null, R !== void 0 && (t(R), I = "" + R), s(p) && (t(p.key), I = "" + p.key), "key" in p) {
-        R = {};
-        for (var oe in p)
-          oe !== "key" && (R[oe] = p[oe]);
-      } else R = p;
-      return I && c(
-        R,
-        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), u(
-        o,
-        I,
-        R,
-        a(),
-        Y,
-        Z
+      if (v = null, _ !== void 0 && (t(_), v = "" + _), s(c) && (t(c.key), v = "" + c.key), "key" in c) {
+        _ = {};
+        for (var f in c)
+          f !== "key" && (_[f] = c[f]);
+      } else _ = c;
+      return v && l(
+        _,
+        typeof i == "function" ? i.displayName || i.name || "Unknown" : i
+      ), h(
+        i,
+        v,
+        _,
+        n(),
+        q,
+        oe
       );
     }
-    function h(o) {
-      C(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === M && (o._payload.status === "fulfilled" ? C(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
+    function m(i) {
+      A(i) ? i._store && (i._store.validated = 1) : typeof i == "object" && i !== null && i.$$typeof === J && (i._payload.status === "fulfilled" ? A(i._payload.value) && i._payload.value._store && (i._payload.value._store.validated = 1) : i._store && (i._store.validated = 1));
     }
-    function C(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === k;
+    function A(i) {
+      return typeof i == "object" && i !== null && i.$$typeof === R;
     }
-    var E = xr, k = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), z = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), T = Symbol.for("react.client.reference"), j = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, S = Object.prototype.hasOwnProperty, G = Array.isArray, V = console.createTask ? console.createTask : function() {
+    var S = hr, R = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), O = Symbol.for("react.consumer"), M = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), J = Symbol.for("react.lazy"), L = Symbol.for("react.activity"), G = Symbol.for("react.client.reference"), z = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, $ = Object.prototype.hasOwnProperty, Z = Array.isArray, U = console.createTask ? console.createTask : function() {
       return null;
     };
-    E = {
-      react_stack_bottom_frame: function(o) {
-        return o();
+    S = {
+      react_stack_bottom_frame: function(i) {
+        return i();
       }
     };
-    var ae, H = {}, U = E.react_stack_bottom_frame.bind(
-      E,
-      i
-    )(), J = V(n(i)), ie = {};
-    me.Fragment = m, me.jsx = function(o, p, R) {
-      var P = 1e4 > j.recentlyCreatedOwnerStacks++;
-      return d(
-        o,
-        p,
-        R,
+    var D, Q = {}, B = S.react_stack_bottom_frame.bind(
+      S,
+      o
+    )(), te = U(a(o)), ae = {};
+    de.Fragment = y, de.jsx = function(i, c, _) {
+      var T = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return p(
+        i,
+        c,
+        _,
         !1,
-        P ? Error("react-stack-top-frame") : U,
-        P ? V(n(o)) : J
+        T ? Error("react-stack-top-frame") : B,
+        T ? U(a(i)) : te
       );
-    }, me.jsxs = function(o, p, R) {
-      var P = 1e4 > j.recentlyCreatedOwnerStacks++;
-      return d(
-        o,
-        p,
-        R,
+    }, de.jsxs = function(i, c, _) {
+      var T = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return p(
+        i,
+        c,
+        _,
         !0,
-        P ? Error("react-stack-top-frame") : U,
-        P ? V(n(o)) : J
+        T ? Error("react-stack-top-frame") : B,
+        T ? U(a(i)) : te
       );
     };
-  })()), me;
+  })()), de;
 }
-var He;
-function Sr() {
-  return He || (He = 1, process.env.NODE_ENV === "production" ? Ee.exports = Er() : Ee.exports = kr()), Ee.exports;
+var qe;
+function xr() {
+  return qe || (qe = 1, process.env.NODE_ENV === "production" ? xe.exports = br() : xe.exports = vr()), xe.exports;
 }
-var L = Sr();
-function Me() {
-  return Me = Object.assign ? Object.assign.bind() : function(e) {
+var I = xr();
+function Ie() {
+  return Ie = 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]);
+      for (var a in t) ({}).hasOwnProperty.call(t, a) && (e[a] = t[a]);
     }
     return e;
-  }, Me.apply(null, arguments);
+  }, Ie.apply(null, arguments);
 }
-function Rr(e) {
+function wr(e) {
   if (e.sheet)
     return e.sheet;
   for (var r = 0; r < document.styleSheets.length; r++)
     if (document.styleSheets[r].ownerNode === e)
       return document.styleSheets[r];
 }
-function Cr(e) {
+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;
 }
-var Ar = /* @__PURE__ */ (function() {
+var Pr = /* @__PURE__ */ (function() {
   function e(t) {
-    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);
+    var a = this;
+    this._insertTag = function(n) {
+      var o;
+      a.tags.length === 0 ? a.insertionPoint ? o = a.insertionPoint.nextSibling : a.prepend ? o = a.container.firstChild : o = a.before : o = a.tags[a.tags.length - 1].nextSibling, a.container.insertBefore(n, o), a.tags.push(n);
     }, 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;
   }
   var r = e.prototype;
-  return r.hydrate = function(n) {
-    n.forEach(this._insertTag);
-  }, r.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Cr(this));
-    var a = this.tags[this.tags.length - 1];
+  return r.hydrate = function(a) {
+    a.forEach(this._insertTag);
+  }, r.insert = function(a) {
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(kr(this));
+    var n = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var i = Rr(a);
+      var o = wr(n);
       try {
-        i.insertRule(n, i.cssRules.length);
+        o.insertRule(a, o.cssRules.length);
       } catch {
       }
     } else
-      a.appendChild(document.createTextNode(n));
+      n.appendChild(document.createTextNode(a));
     this.ctr++;
   }, r.flush = function() {
-    this.tags.forEach(function(n) {
-      var a;
-      return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
+    this.tags.forEach(function(a) {
+      var n;
+      return (n = a.parentNode) == null ? void 0 : n.removeChild(a);
     }), this.tags = [], this.ctr = 0;
   }, e;
-})(), W = "-ms-", Oe = "-moz-", _ = "-webkit-", or = "comm", Be = "rule", Ue = "decl", Tr = "@import", sr = "@keyframes", Ir = "@layer", Or = Math.abs, je = String.fromCharCode, jr = Object.assign;
-function $r(e, r) {
-  return B(e, 0) ^ 45 ? (((r << 2 ^ B(e, 0)) << 2 ^ B(e, 1)) << 2 ^ B(e, 2)) << 2 ^ B(e, 3) : 0;
+})(), V = "-ms-", _e = "-moz-", w = "-webkit-", nr = "comm", Le = "rule", Ne = "decl", Er = "@import", ar = "@keyframes", Sr = "@layer", Rr = Math.abs, Te = String.fromCharCode, _r = Object.assign;
+function Tr(e, r) {
+  return N(e, 0) ^ 45 ? (((r << 2 ^ N(e, 0)) << 2 ^ N(e, 1)) << 2 ^ N(e, 2)) << 2 ^ N(e, 3) : 0;
 }
-function cr(e) {
+function ir(e) {
   return e.trim();
 }
-function Lr(e, r) {
+function Ar(e, r) {
   return (e = r.exec(e)) ? e[0] : e;
 }
-function w(e, r, t) {
+function k(e, r, t) {
   return e.replace(r, t);
 }
-function Ve(e, r) {
+function Me(e, r) {
   return e.indexOf(r);
 }
-function B(e, r) {
+function N(e, r) {
   return e.charCodeAt(r) | 0;
 }
-function ge(e, r, t) {
+function he(e, r, t) {
   return e.slice(r, t);
 }
-function ee(e) {
+function K(e) {
   return e.length;
 }
-function We(e) {
+function Ve(e) {
   return e.length;
 }
-function ke(e, r) {
+function we(e, r) {
   return r.push(e), e;
 }
-function zr(e, r) {
+function Cr(e, r) {
   return e.map(r).join("");
 }
-var $e = 1, ue = 1, lr = 0, X = 0, F = 0, fe = "";
-function Le(e, r, t, n, a, i, s) {
-  return { value: e, root: r, parent: t, type: n, props: a, children: i, line: $e, column: ue, length: s, return: "" };
+var Ae = 1, ce = 1, or = 0, W = 0, j = 0, ue = "";
+function Ce(e, r, t, a, n, o, s) {
+  return { value: e, root: r, parent: t, type: a, props: n, children: o, line: Ae, column: ce, length: s, return: "" };
 }
-function ve(e, r) {
-  return jr(Le("", null, null, "", null, null, 0), e, { length: -e.length }, r);
+function pe(e, r) {
+  return _r(Ce("", null, null, "", null, null, 0), e, { length: -e.length }, r);
 }
-function Nr() {
-  return F;
+function Or() {
+  return j;
 }
-function Fr() {
-  return F = X > 0 ? B(fe, --X) : 0, ue--, F === 10 && (ue = 1, $e--), F;
+function $r() {
+  return j = W > 0 ? N(ue, --W) : 0, ce--, j === 10 && (ce = 1, Ae--), j;
 }
-function Q() {
-  return F = X < lr ? B(fe, X++) : 0, ue++, F === 10 && (ue = 1, $e++), F;
+function H() {
+  return j = W < or ? N(ue, W++) : 0, ce++, j === 10 && (ce = 1, Ae++), j;
 }
-function te() {
-  return B(fe, X);
+function re() {
+  return N(ue, W);
 }
-function Ce() {
-  return X;
+function Pe() {
+  return W;
 }
-function Pe(e, r) {
-  return ge(fe, e, r);
+function ye(e, r) {
+  return he(ue, e, r);
 }
-function be(e) {
+function me(e) {
   switch (e) {
     // \0 \t \n \r \s whitespace token
     case 0:
@@ -424,260 +424,260 @@ function be(e) {
   }
   return 0;
 }
-function ur(e) {
-  return $e = ue = 1, lr = ee(fe = e), X = 0, [];
+function sr(e) {
+  return Ae = ce = 1, or = K(ue = e), W = 0, [];
 }
-function dr(e) {
-  return fe = "", e;
+function cr(e) {
+  return ue = "", e;
 }
-function Ae(e) {
-  return cr(Pe(X - 1, De(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+function Ee(e) {
+  return ir(ye(W - 1, Fe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function Mr(e) {
-  for (; (F = te()) && F < 33; )
-    Q();
-  return be(e) > 2 || be(F) > 3 ? "" : " ";
+function jr(e) {
+  for (; (j = re()) && j < 33; )
+    H();
+  return me(e) > 2 || me(j) > 3 ? "" : " ";
 }
-function Vr(e, r) {
-  for (; --r && Q() && !(F < 48 || F > 102 || F > 57 && F < 65 || F > 70 && F < 97); )
+function Ir(e, r) {
+  for (; --r && H() && !(j < 48 || j > 102 || j > 57 && j < 65 || j > 70 && j < 97); )
     ;
-  return Pe(e, Ce() + (r < 6 && te() == 32 && Q() == 32));
+  return ye(e, Pe() + (r < 6 && re() == 32 && H() == 32));
 }
-function De(e) {
-  for (; Q(); )
-    switch (F) {
+function Fe(e) {
+  for (; H(); )
+    switch (j) {
       // ] ) " '
       case e:
-        return X;
+        return W;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && De(F);
+        e !== 34 && e !== 39 && Fe(j);
         break;
       // (
       case 40:
-        e === 41 && De(e);
+        e === 41 && Fe(e);
         break;
       // \
       case 92:
-        Q();
+        H();
         break;
     }
-  return X;
+  return W;
 }
-function Dr(e, r) {
-  for (; Q() && e + F !== 57; )
-    if (e + F === 84 && te() === 47)
+function Mr(e, r) {
+  for (; H() && e + j !== 57; )
+    if (e + j === 84 && re() === 47)
       break;
-  return "/*" + Pe(r, X - 1) + "*" + je(e === 47 ? e : Q());
+  return "/*" + ye(r, W - 1) + "*" + Te(e === 47 ? e : H());
 }
-function Br(e) {
-  for (; !be(te()); )
-    Q();
-  return Pe(e, X);
+function Fr(e) {
+  for (; !me(re()); )
+    H();
+  return ye(e, W);
 }
-function Ur(e) {
-  return dr(Te("", null, null, null, [""], e = ur(e), 0, [0], e));
+function Lr(e) {
+  return cr(Se("", null, null, null, [""], e = sr(e), 0, [0], e));
 }
-function Te(e, r, t, n, a, i, s, c, f) {
-  for (var u = 0, d = 0, h = s, C = 0, E = 0, k = 0, y = 1, m = 1, v = 1, x = 0, O = "", z = a, N = i, A = n, g = O; m; )
-    switch (k = x, x = Q()) {
+function Se(e, r, t, a, n, o, s, l, d) {
+  for (var h = 0, p = 0, m = s, A = 0, S = 0, R = 0, g = 1, y = 1, b = 1, P = 0, O = "", M = n, F = o, C = a, x = O; y; )
+    switch (R = P, P = H()) {
       // (
       case 40:
-        if (k != 108 && B(g, h - 1) == 58) {
-          Ve(g += w(Ae(x), "&", "&\f"), "&\f") != -1 && (v = -1);
+        if (R != 108 && N(x, m - 1) == 58) {
+          Me(x += k(Ee(P), "&", "&\f"), "&\f") != -1 && (b = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        g += Ae(x);
+        x += Ee(P);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        g += Mr(k);
+        x += jr(R);
         break;
       // \
       case 92:
-        g += Vr(Ce() - 1, 7);
+        x += Ir(Pe() - 1, 7);
         continue;
       // /
       case 47:
-        switch (te()) {
+        switch (re()) {
           case 42:
           case 47:
-            ke(Wr(Dr(Q(), Ce()), r, t), f);
+            we(Nr(Mr(H(), Pe()), r, t), d);
             break;
           default:
-            g += "/";
+            x += "/";
         }
         break;
       // {
-      case 123 * y:
-        c[u++] = ee(g) * v;
+      case 123 * g:
+        l[h++] = K(x) * b;
       // } ; \0
-      case 125 * y:
+      case 125 * g:
       case 59:
       case 0:
-        switch (x) {
+        switch (P) {
           // \0 }
           case 0:
           case 125:
-            m = 0;
+            y = 0;
           // ;
-          case 59 + d:
-            v == -1 && (g = w(g, /\f/g, "")), E > 0 && ee(g) - h && ke(E > 32 ? Je(g + ";", n, t, h - 1) : Je(w(g, " ", "") + ";", n, t, h - 2), f);
+          case 59 + p:
+            b == -1 && (x = k(x, /\f/g, "")), S > 0 && K(x) - m && we(S > 32 ? Ge(x + ";", a, t, m - 1) : Ge(k(x, " ", "") + ";", a, t, m - 2), d);
             break;
           // @ ;
           case 59:
-            g += ";";
+            x += ";";
           // { rule/at-rule
           default:
-            if (ke(A = Xe(g, r, t, u, d, a, c, O, z = [], N = [], h), i), x === 123)
-              if (d === 0)
-                Te(g, r, A, A, z, i, h, c, N);
+            if (we(C = He(x, r, t, h, p, n, l, O, M = [], F = [], m), o), P === 123)
+              if (p === 0)
+                Se(x, r, C, C, M, o, m, l, F);
               else
-                switch (C === 99 && B(g, 3) === 110 ? 100 : C) {
+                switch (A === 99 && N(x, 3) === 110 ? 100 : A) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Te(e, A, A, n && ke(Xe(e, A, A, 0, 0, a, c, O, a, z = [], h), N), a, N, h, c, n ? z : N);
+                    Se(e, C, C, a && we(He(e, C, C, 0, 0, n, l, O, n, M = [], m), F), n, F, m, l, a ? M : F);
                     break;
                   default:
-                    Te(g, A, A, A, [""], N, 0, c, N);
+                    Se(x, C, C, C, [""], F, 0, l, F);
                 }
         }
-        u = d = E = 0, y = v = 1, O = g = "", h = s;
+        h = p = S = 0, g = b = 1, O = x = "", m = s;
         break;
       // :
       case 58:
-        h = 1 + ee(g), E = k;
+        m = 1 + K(x), S = R;
       default:
-        if (y < 1) {
-          if (x == 123)
-            --y;
-          else if (x == 125 && y++ == 0 && Fr() == 125)
+        if (g < 1) {
+          if (P == 123)
+            --g;
+          else if (P == 125 && g++ == 0 && $r() == 125)
             continue;
         }
-        switch (g += je(x), x * y) {
+        switch (x += Te(P), P * g) {
           // &
           case 38:
-            v = d > 0 ? 1 : (g += "\f", -1);
+            b = p > 0 ? 1 : (x += "\f", -1);
             break;
           // ,
           case 44:
-            c[u++] = (ee(g) - 1) * v, v = 1;
+            l[h++] = (K(x) - 1) * b, b = 1;
             break;
           // @
           case 64:
-            te() === 45 && (g += Ae(Q())), C = te(), d = h = ee(O = g += Br(Ce())), x++;
+            re() === 45 && (x += Ee(H())), A = re(), p = m = K(O = x += Fr(Pe())), P++;
             break;
           // -
           case 45:
-            k === 45 && ee(g) == 2 && (y = 0);
+            R === 45 && K(x) == 2 && (g = 0);
         }
     }
-  return i;
+  return o;
 }
-function Xe(e, r, t, n, a, i, s, c, f, u, d) {
-  for (var h = a - 1, C = a === 0 ? i : [""], E = We(C), k = 0, y = 0, m = 0; k < n; ++k)
-    for (var v = 0, x = ge(e, h + 1, h = Or(y = s[k])), O = e; v < E; ++v)
-      (O = cr(y > 0 ? C[v] + " " + x : w(x, /&\f/g, C[v]))) && (f[m++] = O);
-  return Le(e, r, t, a === 0 ? Be : c, f, u, d);
+function He(e, r, t, a, n, o, s, l, d, h, p) {
+  for (var m = n - 1, A = n === 0 ? o : [""], S = Ve(A), R = 0, g = 0, y = 0; R < a; ++R)
+    for (var b = 0, P = he(e, m + 1, m = Rr(g = s[R])), O = e; b < S; ++b)
+      (O = ir(g > 0 ? A[b] + " " + P : k(P, /&\f/g, A[b]))) && (d[y++] = O);
+  return Ce(e, r, t, n === 0 ? Le : l, d, h, p);
 }
-function Wr(e, r, t) {
-  return Le(e, r, t, or, je(Nr()), ge(e, 2, -2), 0);
+function Nr(e, r, t) {
+  return Ce(e, r, t, nr, Te(Or()), he(e, 2, -2), 0);
 }
-function Je(e, r, t, n) {
-  return Le(e, r, t, Ue, ge(e, 0, n), ge(e, n + 1, -1), n);
+function Ge(e, r, t, a) {
+  return Ce(e, r, t, Ne, he(e, 0, a), he(e, a + 1, -1), a);
 }
-function le(e, r) {
-  for (var t = "", n = We(e), a = 0; a < n; a++)
-    t += r(e[a], a, e, r) || "";
+function se(e, r) {
+  for (var t = "", a = Ve(e), n = 0; n < a; n++)
+    t += r(e[n], n, e, r) || "";
   return t;
 }
-function qr(e, r, t, n) {
+function Vr(e, r, t, a) {
   switch (e.type) {
-    case Ir:
+    case Sr:
       if (e.children.length) break;
-    case Tr:
-    case Ue:
+    case Er:
+    case Ne:
       return e.return = e.return || e.value;
-    case or:
+    case nr:
       return "";
-    case sr:
-      return e.return = e.value + "{" + le(e.children, n) + "}";
-    case Be:
+    case ar:
+      return e.return = e.value + "{" + se(e.children, a) + "}";
+    case Le:
       e.value = e.props.join(",");
   }
-  return ee(t = le(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
+  return K(t = se(e.children, a)) ? e.return = e.value + "{" + t + "}" : "";
 }
-function Yr(e) {
-  var r = We(e);
-  return function(t, n, a, i) {
-    for (var s = "", c = 0; c < r; c++)
-      s += e[c](t, n, a, i) || "";
+function zr(e) {
+  var r = Ve(e);
+  return function(t, a, n, o) {
+    for (var s = "", l = 0; l < r; l++)
+      s += e[l](t, a, n, o) || "";
     return s;
   };
 }
-function Gr(e) {
+function Ur(e) {
   return function(r) {
     r.root || (r = r.return) && e(r);
   };
 }
-function fr(e) {
+function lr(e) {
   var r = /* @__PURE__ */ Object.create(null);
   return function(t) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var Hr = function(r, t, n) {
-  for (var a = 0, i = 0; a = i, i = te(), a === 38 && i === 12 && (t[n] = 1), !be(i); )
-    Q();
-  return Pe(r, X);
-}, Xr = function(r, t) {
-  var n = -1, a = 44;
+var Dr = function(r, t, a) {
+  for (var n = 0, o = 0; n = o, o = re(), n === 38 && o === 12 && (t[a] = 1), !me(o); )
+    H();
+  return ye(r, W);
+}, Wr = function(r, t) {
+  var a = -1, n = 44;
   do
-    switch (be(a)) {
+    switch (me(n)) {
       case 0:
-        a === 38 && te() === 12 && (t[n] = 1), r[n] += Hr(X - 1, t, n);
+        n === 38 && re() === 12 && (t[a] = 1), r[a] += Dr(W - 1, t, a);
         break;
       case 2:
-        r[n] += Ae(a);
+        r[a] += Ee(n);
         break;
       case 4:
-        if (a === 44) {
-          r[++n] = te() === 58 ? "&\f" : "", t[n] = r[n].length;
+        if (n === 44) {
+          r[++a] = re() === 58 ? "&\f" : "", t[a] = r[a].length;
           break;
         }
       // fallthrough
       default:
-        r[n] += je(a);
+        r[a] += Te(n);
     }
-  while (a = Q());
+  while (n = H());
   return r;
-}, Jr = function(r, t) {
-  return dr(Xr(ur(r), t));
-}, Qe = /* @__PURE__ */ new WeakMap(), Qr = function(r) {
+}, Yr = function(r, t) {
+  return cr(Wr(sr(r), t));
+}, Be = /* @__PURE__ */ new WeakMap(), qr = function(r) {
   if (!(r.type !== "rule" || !r.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   r.length < 1)) {
-    for (var t = r.value, n = r.parent, a = r.column === n.column && r.line === n.line; n.type !== "rule"; )
-      if (n = n.parent, !n) return;
-    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !Qe.get(n)) && !a) {
-      Qe.set(r, !0);
-      for (var i = [], s = Jr(t, i), c = n.props, f = 0, u = 0; f < s.length; f++)
-        for (var d = 0; d < c.length; d++, u++)
-          r.props[u] = i[f] ? s[f].replace(/&\f/g, c[d]) : c[d] + " " + s[f];
+    for (var t = r.value, a = r.parent, n = r.column === a.column && r.line === a.line; a.type !== "rule"; )
+      if (a = a.parent, !a) return;
+    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !Be.get(a)) && !n) {
+      Be.set(r, !0);
+      for (var o = [], s = Yr(t, o), l = a.props, d = 0, h = 0; d < s.length; d++)
+        for (var p = 0; p < l.length; p++, h++)
+          r.props[h] = o[d] ? s[d].replace(/&\f/g, l[p]) : l[p] + " " + s[d];
     }
   }
-}, Kr = function(r) {
+}, Hr = function(r) {
   if (r.type === "decl") {
     var t = r.value;
     // charcode for l
@@ -685,11 +685,11 @@ var Hr = function(r, t, n) {
     t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
   }
 };
-function pr(e, r) {
-  switch ($r(e, r)) {
+function ur(e, r) {
+  switch (Tr(e, r)) {
     // color-adjust
     case 5103:
-      return _ + "print-" + e + e;
+      return w + "print-" + e + e;
     // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
     case 5737:
     case 4201:
@@ -719,58 +719,58 @@ function pr(e, r) {
     case 5365:
     case 5621:
     case 3829:
-      return _ + e + e;
+      return w + e + e;
     // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return _ + e + Oe + e + W + e + e;
+      return w + e + _e + e + V + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return _ + e + W + e + e;
+      return w + e + V + e + e;
     // order
     case 6165:
-      return _ + e + W + "flex-" + e + e;
+      return w + e + V + "flex-" + e + e;
     // align-items
     case 5187:
-      return _ + e + w(e, /(\w+).+(:[^]+)/, _ + "box-$1$2" + W + "flex-$1$2") + e;
+      return w + e + k(e, /(\w+).+(:[^]+)/, w + "box-$1$2" + V + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return _ + e + W + "flex-item-" + w(e, /flex-|-self/, "") + e;
+      return w + e + V + "flex-item-" + k(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return _ + e + W + "flex-line-pack" + w(e, /align-content|flex-|-self/, "") + e;
+      return w + e + V + "flex-line-pack" + k(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return _ + e + W + w(e, "shrink", "negative") + e;
+      return w + e + V + k(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return _ + e + W + w(e, "basis", "preferred-size") + e;
+      return w + e + V + k(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return _ + "box-" + w(e, "-grow", "") + _ + e + W + w(e, "grow", "positive") + e;
+      return w + "box-" + k(e, "-grow", "") + w + e + V + k(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return _ + w(e, /([^-])(transform)/g, "$1" + _ + "$2") + e;
+      return w + k(e, /([^-])(transform)/g, "$1" + w + "$2") + e;
     // cursor
     case 6187:
-      return w(w(w(e, /(zoom-|grab)/, _ + "$1"), /(image-set)/, _ + "$1"), e, "") + e;
+      return k(k(k(e, /(zoom-|grab)/, w + "$1"), /(image-set)/, w + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return w(e, /(image-set\([^]*)/, _ + "$1$`$1");
+      return k(e, /(image-set\([^]*)/, w + "$1$`$1");
     // justify-content
     case 4968:
-      return w(w(e, /(.+:)(flex-)?(.*)/, _ + "box-pack:$3" + W + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + _ + e + e;
+      return k(k(e, /(.+:)(flex-)?(.*)/, w + "box-pack:$3" + V + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + w + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return w(e, /(.+)-inline(.+)/, _ + "$1$2") + e;
+      return k(e, /(.+)-inline(.+)/, w + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -784,114 +784,114 @@ function pr(e, r) {
     case 5789:
     case 5021:
     case 4765:
-      if (ee(e) - 1 - r > 6) switch (B(e, r + 1)) {
+      if (K(e) - 1 - r > 6) switch (N(e, r + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (B(e, r + 4) !== 45) break;
+          if (N(e, r + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return w(e, /(.+:)(.+)-([^]+)/, "$1" + _ + "$2-$3$1" + Oe + (B(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return k(e, /(.+:)(.+)-([^]+)/, "$1" + w + "$2-$3$1" + _e + (N(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~Ve(e, "stretch") ? pr(w(e, "stretch", "fill-available"), r) + e : e;
+          return ~Me(e, "stretch") ? ur(k(e, "stretch", "fill-available"), r) + e : e;
       }
       break;
     // position: sticky
     case 4949:
-      if (B(e, r + 1) !== 115) break;
+      if (N(e, r + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (B(e, ee(e) - 3 - (~Ve(e, "!important") && 10))) {
+      switch (N(e, K(e) - 3 - (~Me(e, "!important") && 10))) {
         // stic(k)y
         case 107:
-          return w(e, ":", ":" + _) + e;
+          return k(e, ":", ":" + w) + e;
         // (inline-)?fl(e)x
         case 101:
-          return w(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + _ + (B(e, 14) === 45 ? "inline-" : "") + "box$3$1" + _ + "$2$3$1" + W + "$2box$3") + e;
+          return k(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + w + (N(e, 14) === 45 ? "inline-" : "") + "box$3$1" + w + "$2$3$1" + V + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch (B(e, r + 11)) {
+      switch (N(e, r + 11)) {
         // vertical-l(r)
         case 114:
-          return _ + e + W + w(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return w + e + V + k(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return _ + e + W + w(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return w + e + V + k(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return _ + e + W + w(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return w + e + V + k(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return _ + e + W + e + e;
+      return w + e + V + e + e;
   }
   return e;
 }
-var Zr = function(r, t, n, a) {
+var Gr = function(r, t, a, n) {
   if (r.length > -1 && !r.return) switch (r.type) {
-    case Ue:
-      r.return = pr(r.value, r.length);
+    case Ne:
+      r.return = ur(r.value, r.length);
       break;
-    case sr:
-      return le([ve(r, {
-        value: w(r.value, "@", "@" + _)
-      })], a);
-    case Be:
-      if (r.length) return zr(r.props, function(i) {
-        switch (Lr(i, /(::plac\w+|:read-\w+)/)) {
+    case ar:
+      return se([pe(r, {
+        value: k(r.value, "@", "@" + w)
+      })], n);
+    case Le:
+      if (r.length) return Cr(r.props, function(o) {
+        switch (Ar(o, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
-            return le([ve(r, {
-              props: [w(i, /:(read-\w+)/, ":" + Oe + "$1")]
-            })], a);
+            return se([pe(r, {
+              props: [k(o, /:(read-\w+)/, ":" + _e + "$1")]
+            })], n);
           // :placeholder
           case "::placeholder":
-            return le([ve(r, {
-              props: [w(i, /:(plac\w+)/, ":" + _ + "input-$1")]
-            }), ve(r, {
-              props: [w(i, /:(plac\w+)/, ":" + Oe + "$1")]
-            }), ve(r, {
-              props: [w(i, /:(plac\w+)/, W + "input-$1")]
-            })], a);
+            return se([pe(r, {
+              props: [k(o, /:(plac\w+)/, ":" + w + "input-$1")]
+            }), pe(r, {
+              props: [k(o, /:(plac\w+)/, ":" + _e + "$1")]
+            }), pe(r, {
+              props: [k(o, /:(plac\w+)/, V + "input-$1")]
+            })], n);
         }
         return "";
       });
   }
-}, et = [Zr], rt = function(r) {
+}, Br = [Gr], Xr = function(r) {
   var t = r.key;
   if (t === "css") {
-    var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(n, function(y) {
-      var m = y.getAttribute("data-emotion");
-      m.indexOf(" ") !== -1 && (document.head.appendChild(y), y.setAttribute("data-s", ""));
+    var a = document.querySelectorAll("style[data-emotion]:not([data-s])");
+    Array.prototype.forEach.call(a, function(g) {
+      var y = g.getAttribute("data-emotion");
+      y.indexOf(" ") !== -1 && (document.head.appendChild(g), g.setAttribute("data-s", ""));
     });
   }
-  var a = r.stylisPlugins || et, i = {}, s, c = [];
+  var n = r.stylisPlugins || Br, o = {}, s, l = [];
   s = r.container || document.head, Array.prototype.forEach.call(
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + t + ' "]'),
-    function(y) {
-      for (var m = y.getAttribute("data-emotion").split(" "), v = 1; v < m.length; v++)
-        i[m[v]] = !0;
-      c.push(y);
+    function(g) {
+      for (var y = g.getAttribute("data-emotion").split(" "), b = 1; b < y.length; b++)
+        o[y[b]] = !0;
+      l.push(g);
     }
   );
-  var f, u = [Qr, Kr];
+  var d, h = [qr, Hr];
   {
-    var d, h = [qr, Gr(function(y) {
-      d.insert(y);
-    })], C = Yr(u.concat(a, h)), E = function(m) {
-      return le(Ur(m), C);
+    var p, m = [Vr, Ur(function(g) {
+      p.insert(g);
+    })], A = zr(h.concat(n, m)), S = function(y) {
+      return se(Lr(y), A);
     };
-    f = function(m, v, x, O) {
-      d = x, E(m ? m + "{" + v.styles + "}" : v.styles), O && (k.inserted[v.name] = !0);
+    d = function(y, b, P, O) {
+      p = P, S(y ? y + "{" + b.styles + "}" : b.styles), O && (R.inserted[b.name] = !0);
     };
   }
-  var k = {
+  var R = {
     key: t,
-    sheet: new Ar({
+    sheet: new Pr({
       key: t,
       container: s,
       nonce: r.nonce,
@@ -900,60 +900,60 @@ var Zr = function(r, t, n, a) {
       insertionPoint: r.insertionPoint
     }),
     nonce: r.nonce,
-    inserted: i,
+    inserted: o,
     registered: {},
-    insert: f
+    insert: d
   };
-  return k.sheet.hydrate(c), k;
-}, tt = !0;
-function nt(e, r, t) {
-  var n = "";
-  return t.split(" ").forEach(function(a) {
-    e[a] !== void 0 ? r.push(e[a] + ";") : a && (n += a + " ");
-  }), n;
+  return R.sheet.hydrate(l), R;
+}, Jr = !0;
+function Zr(e, r, t) {
+  var a = "";
+  return t.split(" ").forEach(function(n) {
+    e[n] !== void 0 ? r.push(e[n] + ";") : n && (a += n + " ");
+  }), a;
 }
-var hr = function(r, t, n) {
-  var a = r.key + "-" + t.name;
+var fr = function(r, t, a) {
+  var n = r.key + "-" + t.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
   // so we don't have to add it to registered cache.
   // this improves memory usage since we can avoid storing the whole style string
-  (n === !1 || // we need to always store it if we're in compat mode and
+  (a === !1 || // we need to always store it if we're in compat mode and
   // 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
-  tt === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
-}, at = function(r, t, n) {
-  hr(r, t, n);
-  var a = r.key + "-" + t.name;
+  Jr === !1) && r.registered[n] === void 0 && (r.registered[n] = t.styles);
+}, Qr = function(r, t, a) {
+  fr(r, t, a);
+  var n = r.key + "-" + t.name;
   if (r.inserted[t.name] === void 0) {
-    var i = t;
+    var o = t;
     do
-      r.insert(t === i ? "." + a : "", i, r.sheet, !0), i = i.next;
-    while (i !== void 0);
+      r.insert(t === o ? "." + n : "", o, r.sheet, !0), o = o.next;
+    while (o !== void 0);
   }
 };
-function it(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): */
+function Kr(e) {
+  for (var r = 0, t, a = 0, n = e.length; n >= 4; ++a, n -= 4)
+    t = e.charCodeAt(a) & 255 | (e.charCodeAt(++a) & 255) << 8 | (e.charCodeAt(++a) & 255) << 16 | (e.charCodeAt(++a) & 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);
-  switch (a) {
+  switch (n) {
     case 3:
-      r ^= (e.charCodeAt(n + 2) & 255) << 16;
+      r ^= (e.charCodeAt(a + 2) & 255) << 16;
     case 2:
-      r ^= (e.charCodeAt(n + 1) & 255) << 8;
+      r ^= (e.charCodeAt(a + 1) & 255) << 8;
     case 1:
-      r ^= e.charCodeAt(n) & 255, r = /* Math.imul(h, m): */
+      r ^= e.charCodeAt(a) & 255, r = /* Math.imul(h, m): */
       (r & 65535) * 1540483477 + ((r >>> 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);
 }
-var ot = {
+var et = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1002,221 +1002,221 @@ var ot = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, st = /[A-Z]|^ms/g, ct = /_EMO_([^_]+?)_([^]*?)_EMO_/g, yr = function(r) {
+}, rt = /[A-Z]|^ms/g, tt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, dr = function(r) {
   return r.charCodeAt(1) === 45;
-}, Ke = function(r) {
+}, Xe = function(r) {
   return r != null && typeof r != "boolean";
-}, ze = /* @__PURE__ */ fr(function(e) {
-  return yr(e) ? e : e.replace(st, "-$&").toLowerCase();
-}), Ze = function(r, t) {
+}, $e = /* @__PURE__ */ lr(function(e) {
+  return dr(e) ? e : e.replace(rt, "-$&").toLowerCase();
+}), Je = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(ct, function(n, a, i) {
-          return re = {
-            name: a,
-            styles: i,
-            next: re
-          }, a;
+        return t.replace(tt, function(a, n, o) {
+          return ee = {
+            name: n,
+            styles: o,
+            next: ee
+          }, n;
         });
   }
-  return ot[r] !== 1 && !yr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+  return et[r] !== 1 && !dr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
-function xe(e, r, t) {
+function ge(e, r, t) {
   if (t == null)
     return "";
-  var n = t;
-  if (n.__emotion_styles !== void 0)
-    return n;
+  var a = t;
+  if (a.__emotion_styles !== void 0)
+    return a;
   switch (typeof t) {
     case "boolean":
       return "";
     case "object": {
-      var a = t;
-      if (a.anim === 1)
-        return re = {
-          name: a.name,
-          styles: a.styles,
-          next: re
-        }, a.name;
-      var i = t;
-      if (i.styles !== void 0) {
-        var s = i.next;
+      var n = t;
+      if (n.anim === 1)
+        return ee = {
+          name: n.name,
+          styles: n.styles,
+          next: ee
+        }, n.name;
+      var o = t;
+      if (o.styles !== void 0) {
+        var s = o.next;
         if (s !== void 0)
           for (; s !== void 0; )
-            re = {
+            ee = {
               name: s.name,
               styles: s.styles,
-              next: re
+              next: ee
             }, s = s.next;
-        var c = i.styles + ";";
-        return c;
+        var l = o.styles + ";";
+        return l;
       }
-      return lt(e, r, t);
+      return nt(e, r, t);
     }
     case "function": {
       if (e !== void 0) {
-        var f = re, u = t(e);
-        return re = f, xe(e, r, u);
+        var d = ee, h = t(e);
+        return ee = d, ge(e, r, h);
       }
       break;
     }
   }
-  var d = t;
+  var p = t;
   if (r == null)
-    return d;
-  var h = r[d];
-  return h !== void 0 ? h : d;
+    return p;
+  var m = r[p];
+  return m !== void 0 ? m : p;
 }
-function lt(e, r, t) {
-  var n = "";
+function nt(e, r, t) {
+  var a = "";
   if (Array.isArray(t))
-    for (var a = 0; a < t.length; a++)
-      n += xe(e, r, t[a]) + ";";
+    for (var n = 0; n < t.length; n++)
+      a += ge(e, r, t[n]) + ";";
   else
-    for (var i in t) {
-      var s = t[i];
+    for (var o in t) {
+      var s = t[o];
       if (typeof s != "object") {
-        var c = s;
-        r != null && r[c] !== void 0 ? n += i + "{" + r[c] + "}" : Ke(c) && (n += ze(i) + ":" + Ze(i, c) + ";");
+        var l = s;
+        r != null && r[l] !== void 0 ? a += o + "{" + r[l] + "}" : Xe(l) && (a += $e(o) + ":" + Je(o, l) + ";");
       } else if (Array.isArray(s) && typeof s[0] == "string" && (r == null || r[s[0]] === void 0))
-        for (var f = 0; f < s.length; f++)
-          Ke(s[f]) && (n += ze(i) + ":" + Ze(i, s[f]) + ";");
+        for (var d = 0; d < s.length; d++)
+          Xe(s[d]) && (a += $e(o) + ":" + Je(o, s[d]) + ";");
       else {
-        var u = xe(e, r, s);
-        switch (i) {
+        var h = ge(e, r, s);
+        switch (o) {
           case "animation":
           case "animationName": {
-            n += ze(i) + ":" + u + ";";
+            a += $e(o) + ":" + h + ";";
             break;
           }
           default:
-            n += i + "{" + u + "}";
+            a += o + "{" + h + "}";
         }
       }
     }
-  return n;
+  return a;
 }
-var er = /label:\s*([^\s;{]+)\s*(;|$)/g, re;
-function ut(e, r, t) {
+var Ze = /label:\s*([^\s;{]+)\s*(;|$)/g, ee;
+function at(e, r, t) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
-  var n = !0, a = "";
-  re = void 0;
-  var i = e[0];
-  if (i == null || i.raw === void 0)
-    n = !1, a += xe(t, r, i);
+  var a = !0, n = "";
+  ee = void 0;
+  var o = e[0];
+  if (o == null || o.raw === void 0)
+    a = !1, n += ge(t, r, o);
   else {
-    var s = i;
-    a += s[0];
+    var s = o;
+    n += s[0];
   }
-  for (var c = 1; c < e.length; c++)
-    if (a += xe(t, r, e[c]), n) {
-      var f = i;
-      a += f[c];
+  for (var l = 1; l < e.length; l++)
+    if (n += ge(t, r, e[l]), a) {
+      var d = o;
+      n += d[l];
     }
-  er.lastIndex = 0;
-  for (var u = "", d; (d = er.exec(a)) !== null; )
-    u += "-" + d[1];
-  var h = it(a) + u;
+  Ze.lastIndex = 0;
+  for (var h = "", p; (p = Ze.exec(n)) !== null; )
+    h += "-" + p[1];
+  var m = Kr(n) + h;
   return {
-    name: h,
-    styles: a,
-    next: re
+    name: m,
+    styles: n,
+    next: ee
   };
 }
-var dt = function(r) {
+var it = function(r) {
   return r();
-}, ft = ne.useInsertionEffect ? ne.useInsertionEffect : !1, pt = ft || dt, mr = /* @__PURE__ */ ne.createContext(
+}, ot = ne.useInsertionEffect ? ne.useInsertionEffect : !1, st = ot || it, pr = /* @__PURE__ */ ne.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__ */ rt({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ Xr({
     key: "css"
   }) : null
 );
-mr.Provider;
-var ht = function(r) {
-  return /* @__PURE__ */ Pr(function(t, n) {
-    var a = ar(mr);
-    return r(t, a, n);
+pr.Provider;
+var ct = function(r) {
+  return /* @__PURE__ */ mr(function(t, a) {
+    var n = gr(pr);
+    return r(t, n, a);
   });
-}, yt = /* @__PURE__ */ ne.createContext({}), mt = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, vt = /* @__PURE__ */ fr(
+}, lt = /* @__PURE__ */ ne.createContext({}), ut = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, ft = /* @__PURE__ */ lr(
   function(e) {
-    return mt.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+    return ut.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), gt = vt, bt = function(r) {
+), dt = ft, pt = function(r) {
   return r !== "theme";
-}, rr = function(r) {
+}, Qe = function(r) {
   return typeof r == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
-  r.charCodeAt(0) > 96 ? gt : bt;
-}, tr = function(r, t, n) {
-  var a;
+  r.charCodeAt(0) > 96 ? dt : pt;
+}, Ke = function(r, t, a) {
+  var n;
   if (t) {
-    var i = t.shouldForwardProp;
-    a = r.__emotion_forwardProp && i ? function(s) {
-      return r.__emotion_forwardProp(s) && i(s);
-    } : i;
+    var o = t.shouldForwardProp;
+    n = r.__emotion_forwardProp && o ? function(s) {
+      return r.__emotion_forwardProp(s) && o(s);
+    } : o;
   }
-  return typeof a != "function" && n && (a = r.__emotion_forwardProp), a;
-}, xt = function(r) {
-  var t = r.cache, n = r.serialized, a = r.isStringTag;
-  return hr(t, n, a), pt(function() {
-    return at(t, n, a);
+  return typeof n != "function" && a && (n = r.__emotion_forwardProp), n;
+}, ht = function(r) {
+  var t = r.cache, a = r.serialized, n = r.isStringTag;
+  return fr(t, a, n), st(function() {
+    return Qr(t, a, n);
   }), null;
-}, Pt = function e(r, t) {
-  var n = r.__emotion_real === r, a = n && r.__emotion_base || r, i, s;
-  t !== void 0 && (i = t.label, s = t.target);
-  var c = tr(r, t, n), f = c || rr(a), u = !f("as");
+}, mt = function e(r, t) {
+  var a = r.__emotion_real === r, n = a && r.__emotion_base || r, o, s;
+  t !== void 0 && (o = t.label, s = t.target);
+  var l = Ke(r, t, a), d = l || Qe(n), h = !d("as");
   return function() {
-    var d = arguments, h = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
-    if (i !== void 0 && h.push("label:" + i + ";"), d[0] == null || d[0].raw === void 0)
-      h.push.apply(h, d);
+    var p = arguments, m = a && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
+    if (o !== void 0 && m.push("label:" + o + ";"), p[0] == null || p[0].raw === void 0)
+      m.push.apply(m, p);
     else {
-      var C = d[0];
-      h.push(C[0]);
-      for (var E = d.length, k = 1; k < E; k++)
-        h.push(d[k], C[k]);
+      var A = p[0];
+      m.push(A[0]);
+      for (var S = p.length, R = 1; R < S; R++)
+        m.push(p[R], A[R]);
     }
-    var y = ht(function(m, v, x) {
-      var O = u && m.as || a, z = "", N = [], A = m;
-      if (m.theme == null) {
-        A = {};
-        for (var g in m)
-          A[g] = m[g];
-        A.theme = ne.useContext(yt);
+    var g = ct(function(y, b, P) {
+      var O = h && y.as || n, M = "", F = [], C = y;
+      if (y.theme == null) {
+        C = {};
+        for (var x in y)
+          C[x] = y[x];
+        C.theme = ne.useContext(lt);
       }
-      typeof m.className == "string" ? z = nt(v.registered, N, m.className) : m.className != null && (z = m.className + " ");
-      var K = ut(h.concat(N), v.registered, A);
-      z += v.key + "-" + K.name, s !== void 0 && (z += " " + s);
-      var M = u && c === void 0 ? rr(O) : f, q = {};
-      for (var T in m)
-        u && T === "as" || M(T) && (q[T] = m[T]);
-      return q.className = z, x && (q.ref = x), /* @__PURE__ */ ne.createElement(ne.Fragment, null, /* @__PURE__ */ ne.createElement(xt, {
-        cache: v,
-        serialized: K,
+      typeof y.className == "string" ? M = Zr(b.registered, F, y.className) : y.className != null && (M = y.className + " ");
+      var Y = at(m.concat(F), b.registered, C);
+      M += b.key + "-" + Y.name, s !== void 0 && (M += " " + s);
+      var J = h && l === void 0 ? Qe(O) : d, L = {};
+      for (var G in y)
+        h && G === "as" || J(G) && (L[G] = y[G]);
+      return L.className = M, P && (L.ref = P), /* @__PURE__ */ ne.createElement(ne.Fragment, null, /* @__PURE__ */ ne.createElement(ht, {
+        cache: b,
+        serialized: Y,
         isStringTag: typeof O == "string"
-      }), /* @__PURE__ */ ne.createElement(O, q));
+      }), /* @__PURE__ */ ne.createElement(O, L));
     });
-    return y.displayName = i !== void 0 ? i : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", y.defaultProps = r.defaultProps, y.__emotion_real = y, y.__emotion_base = a, y.__emotion_styles = h, y.__emotion_forwardProp = c, Object.defineProperty(y, "toString", {
+    return g.displayName = o !== void 0 ? o : "Styled(" + (typeof n == "string" ? n : n.displayName || n.name || "Component") + ")", g.defaultProps = r.defaultProps, g.__emotion_real = g, g.__emotion_base = n, g.__emotion_styles = m, g.__emotion_forwardProp = l, Object.defineProperty(g, "toString", {
       value: function() {
         return "." + s;
       }
-    }), y.withComponent = function(m, v) {
-      var x = e(m, Me({}, t, v, {
-        shouldForwardProp: tr(y, v, !0)
+    }), g.withComponent = function(y, b) {
+      var P = e(y, Ie({}, t, b, {
+        shouldForwardProp: Ke(g, b, !0)
       }));
-      return x.apply(void 0, h);
-    }, y;
+      return P.apply(void 0, m);
+    }, g;
   };
-}, _t = [
+}, gt = [
   "a",
   "abbr",
   "address",
@@ -1352,11 +1352,11 @@ var ht = function(r) {
   "svg",
   "text",
   "tspan"
-], de = Pt.bind(null);
-_t.forEach(function(e) {
-  de[e] = de(e);
+], le = mt.bind(null);
+gt.forEach(function(e) {
+  le[e] = le(e);
 });
-const wt = de.div`
+const yt = le.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1397,11 +1397,11 @@ const wt = de.div`
       return "";
   }
 }}
-`, Ie = ({ type: e, children: r, className: t, icon: n, action: a }) => /* @__PURE__ */ L.jsxs(wt, { type: e, className: t, children: [
-  n && /* @__PURE__ */ L.jsx("span", { children: n }),
-  /* @__PURE__ */ L.jsx("span", { children: r }),
-  a && /* @__PURE__ */ L.jsx("span", { children: a })
-] }), nr = de.div`
+`, er = ({ type: e, children: r, className: t, icon: a, action: n }) => /* @__PURE__ */ I.jsxs(yt, { type: e, className: t, children: [
+  a && /* @__PURE__ */ I.jsx("span", { children: a }),
+  /* @__PURE__ */ I.jsx("span", { children: r }),
+  n && /* @__PURE__ */ I.jsx("span", { children: n })
+] }), rr = le.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
   border-radius: 0px !important; /* Force remove rounded corners on container */
@@ -1413,7 +1413,7 @@ const wt = de.div`
 
   /* Hide specific elements inside the player */
   ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((r) => `.${r} { display: none !important; }`).join("")}
-`, Et = de.div`
+`, bt = le.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -1425,7 +1425,7 @@ const wt = de.div`
   align-items: center;
   z-index: 1000;
   pointer-events: auto;
-`, kt = de.div`
+`, vt = le.div`
   position: relative;
   height: 80vh;
   width: auto;
@@ -1433,751 +1433,481 @@ const wt = de.div`
   max-width: 90vw;
   max-height: 90vh;
   z-index: 1001;
-`, vr = "https://host.vpplayer.tech", St = (e) => `${vr}/player/${e}/vpplayer.js`, gr = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", Se = /* @__PURE__ */ new Map(), Rt = (e, r) => {
-  const [t, n] = ce(!1), [a, i] = ce(null);
-  return Fe(() => {
+`, Oe = "https://host.vpplayer.tech", xt = (e) => `${Oe}/player/${e}/vpplayer.js`, Tt = (e) => `${Oe}/player/${e}.js`, wt = (e, r) => `${Oe}/player/${e}/${r}.js`, tr = (e) => `${Oe}/vertical-player/${e}.js`, kt = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", Pt = (e, r) => {
+  const t = new URL(e);
+  return t.searchParams.set("divId", r), t.toString();
+}, ke = /* @__PURE__ */ new Map(), Et = (e, r) => {
+  const [t, a] = Re(!1), [n, o] = Re(null);
+  return je(() => {
     let s;
     try {
-      s = r || St(e || "latest");
-    } catch (u) {
-      const d = u instanceof Error ? u.message : String(u);
-      i(`Failed to resolve script URL: ${d}`);
+      s = r || xt(e || "latest");
+    } catch (h) {
+      const p = h instanceof Error ? h.message : String(h);
+      o(`Failed to resolve script URL: ${p}`);
       return;
     }
-    if (!Se.has(s))
+    if (!ke.has(s))
       if (document.querySelector(
         `script[src="${s}"]`
       ))
-        Se.set(s, Promise.resolve());
+        ke.set(s, Promise.resolve());
       else {
-        const d = new Promise((h, C) => {
-          const E = document.createElement("script");
-          E.src = s, E.async = !0, E.onload = () => h(), E.onerror = () => C(new Error(`Failed to load script: ${s}`)), document.body.appendChild(E);
+        const p = new Promise((m, A) => {
+          const S = document.createElement("script");
+          S.src = s, S.async = !0, S.onload = () => m(), S.onerror = () => A(new Error(`Failed to load script: ${s}`)), document.body.appendChild(S);
         });
-        Se.set(s, d);
+        ke.set(s, p);
       }
-    let c = !0;
-    const f = Se.get(s);
-    return f && f.then(() => {
-      c && (n(!0), i(null));
-    }).catch((u) => {
-      c && (n(!1), i(u instanceof Error ? u.message : String(u)));
+    let l = !0;
+    const d = ke.get(s);
+    return d && d.then(() => {
+      l && (a(!0), o(null));
+    }).catch((h) => {
+      l && (a(!1), o(h instanceof Error ? h.message : String(h)));
     }), () => {
-      c = !1;
+      l = !1;
     };
-  }, [e, r]), { isLoaded: t, error: a };
-}, Re = {
-  projectId: void 0,
-  // Set via props or config
-  video: {
-    // NOTE: Do NOT set file: '' here - it interferes with managed mode
-    // where the SDK resolves the video URL from videoId + projectId
-  },
-  config: {
-    autoplay: !0,
-    // Start playing automatically
-    muted: !0,
-    // Start muted (required for browser autoplay policy)
-    loop: !1,
-    // No loop by default
-    size: {
-      width: "100%",
-      height: "30vh"
-    }
-    // NOTE: Do NOT set controls here - let the SDK/managed script
-    // use what's configured in the Gjirafa admin panel (projectId config)
-  }
-}, Ct = (e) => e ? {
-  play: e.bigPlayButton ?? e.autopausePlayButton ?? !0,
-  fullscreen: e.fullscreenButton ?? !0,
-  share: e.shareButton ?? !0,
-  seekbar: !0,
-  settings: e.settingsButton ?? !0,
-  time: !0
-} : {
-  play: !0,
-  fullscreen: !0,
-  share: !0,
-  seekbar: !0,
-  settings: !0,
-  time: !0
-}, At = ({
-  videoUrl: e,
-  projectId: r,
-  config: t = {},
-  isVerticalPlayer: n = !1
-}) => {
-  var h, C, E, k, y, m, v, x, O, z, N, A, g, K, M, q, T;
-  const a = { ...Re };
-  a.video = { ...Re.video, ...t.video };
-  let i = {
-    ...Re.config,
-    ...t.config,
-    // Only include controls if explicitly provided by user config
-    // Otherwise, let SDK use what's configured in the admin panel (projectId config)
-    ...((h = t.config) == null ? void 0 : h.controls) && {
-      controls: t.config.controls
+  }, [e, r]), { isLoaded: t, error: n };
+};
+function St(e, r, t = !1) {
+  const a = e.startIndex ?? 0, n = e.videos[a] || e.videos[0];
+  if (!n)
+    throw new Error("Manual playlist must have at least one video");
+  const o = n.file || n.hlsUrl;
+  if (!o)
+    throw new Error(
+      "Each video in manual playlist must have a 'file' or 'hlsUrl' property"
+    );
+  const s = e.videos.map((d) => ({
+    videoId: d.videoId || "",
+    title: d.title || "",
+    file: d.file || d.hlsUrl || "",
+    thumbnailUrl: d.thumbnailUrl || d.thumbnail || "",
+    duration: d.duration || 0
+  }));
+  return {
+    projectId: r || "",
+    video: {
+      videoId: n.videoId || "",
+      file: o,
+      // REQUIRED for VP Vertical Player SDK!
+      title: n.title || "",
+      thumbnail: n.thumbnailUrl || n.thumbnail || "",
+      playlist: {
+        state: !0,
+        playlistId: "",
+        // Empty string for manual playlist mode
+        playlistVideoIndex: a,
+        videos: s
+      }
     },
-    // Ensure size is merged
-    size: {
-      ...Re.config.size,
-      ...(C = t.config) == null ? void 0 : C.size
+    config: {
+      autoplay: !0,
+      muted: !0,
+      // For vertical player, use responsive sizing
+      ...t && {
+        size: {
+          sizeType: "RESPONSIVE",
+          aspectRatio: "9:16"
+        }
+      }
     }
   };
-  if (r && (a.projectId = r), t.projectId && (a.projectId = t.projectId), n && i.controls) {
-    const j = Ct(
-      i.controls
-    );
-    i = {
-      ...i,
-      controls: j
-    };
-  }
-  const s = !!((k = (E = t == null ? void 0 : t.video) == null ? void 0 : E.playlist) != null && k.playlistId), c = !!((v = (m = (y = t == null ? void 0 : t.video) == null ? void 0 : y.playlist) == null ? void 0 : m.videos) != null && v.length), f = s || c, u = (x = t == null ? void 0 : t.video) == null ? void 0 : x.playlist;
-  if (n && f) {
-    const j = Number((u == null ? void 0 : u.playlistVideoIndex) || 0);
-    if ((O = u == null ? void 0 : u.videos) != null && O.length) {
-      const S = u.videos[j] || u.videos[0], G = e || ((z = t == null ? void 0 : t.video) == null ? void 0 : z.file) || (S == null ? void 0 : S.file) || (S == null ? void 0 : S.hlsUrl), V = u.videos.map((H) => {
-        const U = H;
-        return {
-          videoId: U.videoId || "",
-          title: U.title || "",
-          file: U.file || U.hlsUrl || "",
-          thumbnailUrl: U.thumbnailUrl || U.thumbnail || "",
-          duration: U.duration || 0
-        };
-      });
-      return {
-        ...a,
-        projectId: r || t.projectId || "",
-        // Use top-level projectId if available
-        video: {
-          ...a.video,
-          videoId: (S == null ? void 0 : S.videoId) || "",
-          file: G,
-          title: ((N = t.video) == null ? void 0 : N.title) || (S == null ? void 0 : S.title),
-          thumbnail: ((A = t.video) == null ? void 0 : A.thumbnail) || (S == null ? void 0 : S.thumbnailUrl),
-          playlist: {
-            state: !0,
-            playlistId: "",
-            // Empty string - required for manual playlist mode
-            playlistVideoIndex: j,
-            videos: V
-          }
-        },
-        config: i
-      };
-    }
-    return {
-      ...a,
-      projectId: r || t.projectId || "",
-      // Use top-level projectId if available
-      video: {
-        ...a.video,
-        file: e || ((g = t.video) == null ? void 0 : g.file),
-        // Use provided videoUrl as fallback/primary file
-        playlist: {
-          state: !0,
-          playlistId: u == null ? void 0 : u.playlistId,
-          playlistVideoIndex: j
-        }
-      },
-      config: i
-    };
-  }
-  if (e && !f)
-    return {
-      ...a,
-      video: {
-        ...a.video,
-        ...t.video,
-        file: e,
-        playlist: void 0
-      },
-      config: i
-    };
-  if (f && u)
-    return {
-      ...a,
-      video: {
-        ...a.video,
-        ...t.video,
-        // For horizontal player, file can be omitted - SDK handles it
-        file: (K = t.video) == null ? void 0 : K.file,
-        playlist: {
-          ...a.video.playlist,
-          ...u,
-          state: !0,
-          playlistVideoIndex: Number(u.playlistVideoIndex || 0)
-        }
-      },
-      config: i
-    };
-  const d = ((M = t == null ? void 0 : t.video) == null ? void 0 : M.videoId) || (t == null ? void 0 : t.videoId);
-  if (d) {
-    const j = (q = t.video) == null ? void 0 : q.file, S = j && j.trim() !== "", G = r || t.projectId || a.projectId;
-    let V;
-    return S ? V = j : G && d && (V = `https://cdn.vpplayer.tech/${G}/encode/${d}/hls/master_file.m3u8`), {
-      projectId: G,
-      videoId: d,
-      video: {
-        ...t.video,
-        // Only user's explicit video config
-        videoId: d,
-        file: V
-      },
-      // Only include config if user explicitly provided overrides
-      ...t.config && { config: t.config }
-    };
-  }
-  if ((T = t == null ? void 0 : t.video) != null && T.file)
-    return {
-      ...a,
-      video: {
-        ...a.video,
-        ...t.video,
-        file: t.video.file,
-        playlist: void 0
-      },
-      config: i
-    };
-  throw new Error(
-    "No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist."
-  );
-}, Tt = (e) => {
-  if (!e || e.includes("vertical-player") || e.includes("vpverticalplayer"))
-    return;
-  const r = vr.replace(
-    /[.*+?^${}()|[\]\\]/g,
-    "\\$&"
-  ), t = new RegExp(
-    `${r}\\/player\\/([^/]+)\\/([^/]+)(?:\\/[^/]+)?\\.js`
-  ), n = e.match(t);
-  if (n)
-    return n[2];
-}, It = ({
-  playerId: e,
+}
+const Rt = ({
+  scriptId: e,
   videoId: r,
-  version: t,
-  videoUrl: n,
+  scriptUrl: t,
   projectId: a,
-  playlistId: i,
-  scriptUrl: s,
-  config: c = {},
-  isReels: f = !1,
-  onPlaylistData: u,
-  onVideoStarted: d,
-  onPlayerStart: h,
-  onPlayerPlay: C,
-  onPlayerPause: E,
-  onPlayerResume: k,
-  onPlayerEnd: y,
-  onPlayerProgressEvery10Seconds: m,
-  onPlayerProgressAt20Seconds: v,
-  onPlayerQuartile25: x,
-  onPlayerQuartile50: O,
-  onPlayerQuartile75: z,
-  onPlayerNext: N,
-  onPlayerPrevious: A,
-  onPlayerEvent: g
+  playlist: n,
+  playerId: o,
+  isVertical: s = !1,
+  isReels: l = !1,
+  onReady: d,
+  onPlay: h,
+  onPause: p,
+  onResume: m,
+  onComplete: A,
+  onError: S,
+  onVideoStarted: R,
+  onTimeUpdate: g,
+  onQuartile25: y,
+  onQuartile50: b,
+  onQuartile75: P,
+  onNext: O,
+  onPrevious: M,
+  onProgress10s: F,
+  onProgress20s: C
 }) => {
-  var o;
-  const K = he(null), M = he(null), q = he(!1), T = he({
-    onVideoStarted: d,
-    onPlaylistData: u,
-    onPlayerStart: h,
-    onPlayerPlay: C,
-    onPlayerPause: E,
-    onPlayerResume: k,
-    onPlayerEnd: y,
-    onPlayerProgressEvery10Seconds: m,
-    onPlayerProgressAt20Seconds: v,
-    onPlayerQuartile25: x,
-    onPlayerQuartile50: O,
-    onPlayerQuartile75: z,
-    onPlayerNext: N,
-    onPlayerPrevious: A,
-    onPlayerEvent: g
+  var i;
+  const x = be(null), Y = be(null), [J, L] = Re(null), G = yr().replace(/:/g, ""), z = ve(
+    () => kt(o || `auto-${G}`, r),
+    [o, G, r]
+  ), $ = be({
+    onReady: d,
+    onPlay: h,
+    onPause: p,
+    onResume: m,
+    onComplete: A,
+    onError: S,
+    onVideoStarted: R,
+    onTimeUpdate: g,
+    onQuartile25: y,
+    onQuartile50: b,
+    onQuartile75: P,
+    onNext: O,
+    onPrevious: M,
+    onProgress10s: F,
+    onProgress20s: C
   });
-  Fe(() => {
-    T.current = {
-      onVideoStarted: d,
-      onPlaylistData: u,
-      onPlayerStart: h,
-      onPlayerPlay: C,
-      onPlayerPause: E,
-      onPlayerResume: k,
-      onPlayerEnd: y,
-      onPlayerProgressEvery10Seconds: m,
-      onPlayerProgressAt20Seconds: v,
-      onPlayerQuartile25: x,
-      onPlayerQuartile50: O,
-      onPlayerQuartile75: z,
-      onPlayerNext: N,
-      onPlayerPrevious: A,
-      onPlayerEvent: g
+  je(() => {
+    $.current = {
+      onReady: d,
+      onPlay: h,
+      onPause: p,
+      onResume: m,
+      onComplete: A,
+      onError: S,
+      onVideoStarted: R,
+      onTimeUpdate: g,
+      onQuartile25: y,
+      onQuartile50: b,
+      onQuartile75: P,
+      onNext: O,
+      onPrevious: M,
+      onProgress10s: F,
+      onProgress20s: C
     };
   });
-  const j = he(!1), { isLoaded: S, error: G } = Rt(
+  const Z = be(!1), U = !!((i = n == null ? void 0 : n.videos) != null && i.length), D = ve(() => s || l ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [s, l, t]), Q = ve(() => {
+    let c;
+    if (t)
+      c = t;
+    else if (e && r && !U)
+      c = D ? tr(e) : wt(e, r);
+    else if (e)
+      c = D ? tr(e) : `https://host.vpplayer.tech/player/${e}.js`;
+    else
+      return null;
+    return Pt(c, z);
+  }, [
     t,
-    s
-  ), V = r || Tt(s) || ((o = c == null ? void 0 : c.video) == null ? void 0 : o.videoId), [ae, H] = ce(null), U = _r().replace(/:/g, ""), J = gr(
-    e || `auto-${U}`,
-    V
-  ), ie = ir(() => {
-    var P;
-    const p = c.config || {}, R = f && !p.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : p.size || { sizeType: "FIXED", width: "100%" };
-    return {
-      ...c,
-      video: {
-        ...c.video,
-        videoId: V,
-        playlist: i ? {
-          playlistId: i,
-          state: !0,
-          playlistVideoIndex: 0
-        } : (P = c.video) == null ? void 0 : P.playlist
-      },
-      config: {
-        ...p,
-        size: R
-      }
-    };
-  }, [c, f, V, i]);
-  return Fe(() => {
-    if (G) {
-      H(G);
+    e,
+    r,
+    D,
+    z,
+    U
+  ]), B = ve(() => {
+    if (!U || !n) return null;
+    try {
+      return St(n, a, D);
+    } catch (c) {
+      return console.error("Failed to build manual playlist config:", c), null;
+    }
+  }, [U, n, a, D]), { isLoaded: te, error: ae } = Et(
+    null,
+    // No version needed - we're using full URL
+    Q || void 0
+  );
+  return je(() => {
+    if (!Q) {
+      L(
+        "VPPlayer: Provide scriptUrl OR (scriptId + videoId) OR (scriptId + playlist) to initialize the player."
+      );
+      return;
+    }
+    if (ae) {
+      L(ae);
+      return;
+    }
+    if (!te) return;
+    if (U && !B) {
+      L("VPPlayer: Failed to build manual playlist configuration.");
       return;
     }
-    if (!S) return;
-    let p = !0;
+    let c = !0;
     return (async () => {
-      var P;
+      var T;
       try {
-        const Y = (s == null ? void 0 : s.includes("vertical-player")) || (s == null ? void 0 : s.includes("vpverticalplayer")) || f, Z = Y ? window.vpVerticalPlayer : window.vpPlayer;
-        if (!Z) {
-          H("VP Player script loaded but global function not found.");
-          return;
-        }
-        M.current = null, K.current;
-        const I = At({
-          videoUrl: n,
-          projectId: a,
-          config: ie,
-          isVerticalPlayer: Y
-        }), b = Z(J);
-        if (!b) {
-          H("Failed to create player instance.");
+        const q = D ? window.vpVerticalPlayer : window.vpPlayer;
+        if (!q) {
+          L(
+            `VP Player: Script loaded but global function not found. Expected ${D ? "vpVerticalPlayer" : "vpPlayer"}.`
+          );
           return;
         }
-        if (await new Promise(($) => setTimeout($, 0)), !document.getElementById(J)) {
+        if (await new Promise((E) => setTimeout(E, 0)), !document.getElementById(z)) {
           console.error(
-            `VP Player: Container element with ID '${J}' not found in DOM.`
+            `VP Player: Container element with ID '${z}' not found in DOM.`
           );
           return;
         }
-        if (p) {
-          try {
-            if (!document.getElementById(J))
-              return;
-            b.setup(I);
-          } catch ($) {
-            const _e = $ instanceof Error ? $.message : String($);
-            if (_e.includes("already initialized")) {
-              console.warn(
-                "VP Player: Player already initialized, attempting to destroy and retry."
-              );
-              try {
-                (P = b.destroy) == null || P.call(b), await new Promise((l) => setTimeout(l, 50)), p && document.getElementById(J) && b.setup(I);
-              } catch (l) {
-                console.error(
-                  "VP Player: Failed to recover from initialization error",
-                  l
-                );
-              }
-            } else
-              console.error("VP Player: Setup error", $), H(`Player setup failed: ${_e}`);
-          }
-          if (M.current = b, q.current = !0, H(null), j.current = !1, b.on) {
-            const $ = b.on.bind(b), _e = () => {
-              $("ready", () => {
-                const l = T.current;
-                l.onPlayerStart && l.onPlayerStart("player_start"), l.onPlayerEvent && l.onPlayerEvent("player_start");
-              }), $("play", () => {
-                const l = T.current;
-                l.onPlayerPlay && l.onPlayerPlay("player_play"), l.onPlayerEvent && l.onPlayerEvent("player_play");
-              }), $("video-started", (l) => {
-                const D = T.current;
-                D.onVideoStarted && D.onVideoStarted(l);
-              }), $("resume", () => {
-                const l = T.current;
-                l.onPlayerResume && l.onPlayerResume("player_resume"), l.onPlayerEvent && l.onPlayerEvent("player_resume");
-              }), $("pause", () => {
-                const l = T.current;
-                l.onPlayerPause && l.onPlayerPause("player_pause"), l.onPlayerEvent && l.onPlayerEvent("player_pause");
-              }), $("complete", () => {
-                const l = T.current;
-                l.onPlayerEnd && l.onPlayerEnd("player_end"), l.onPlayerEvent && l.onPlayerEvent("player_end"), j.current = !1;
-              }), $("firstQuartile", () => {
-                const l = T.current;
-                l.onPlayerQuartile25 && l.onPlayerQuartile25("player_quartile_25", 0), l.onPlayerEvent && l.onPlayerEvent("player_quartile_25", 0);
-              }), $("secondQuartile", () => {
-                const l = T.current;
-                l.onPlayerQuartile50 && l.onPlayerQuartile50("player_quartile_50", 0), l.onPlayerEvent && l.onPlayerEvent("player_quartile_50", 0);
-              }), $("thirdQuartile", () => {
-                const l = T.current;
-                l.onPlayerQuartile75 && l.onPlayerQuartile75("player_quartile_75", 0), l.onPlayerEvent && l.onPlayerEvent("player_quartile_75", 0);
-              }), $("video-state", (l) => {
-                var pe;
-                const D = ((pe = b.getPosition) == null ? void 0 : pe.call(b)) ?? (l == null ? void 0 : l.position) ?? 0, se = T.current;
-                se.onPlayerProgressEvery10Seconds && se.onPlayerProgressEvery10Seconds(
-                  "player_progress_every_10_seconds",
-                  Math.floor(D)
-                ), se.onPlayerEvent && se.onPlayerEvent(
-                  "player_progress_every_10_seconds",
-                  Math.floor(D)
+        const v = q(z);
+        if (!v) {
+          L("VP Player: Failed to get player instance.");
+          return;
+        }
+        if (c) {
+          if (Y.current = v, L(null), Z.current = !1, U && B) {
+            console.log(
+              "VP Player: Manual playlist mode - calling setup() with config:",
+              B
+            );
+            try {
+              v.setup(B);
+            } catch (E) {
+              const f = E instanceof Error ? E.message : String(E);
+              if (f.includes("already initialized")) {
+                console.warn(
+                  "VP Player: Player already initialized, attempting to destroy and retry."
                 );
-              }), $("time", (l) => {
-                var se;
-                if (j.current) return;
-                let D = 0;
-                if (typeof l == "number" ? D = l : l && typeof l == "object" && "position" in l ? D = l.position : D = ((se = b.getPosition) == null ? void 0 : se.call(b)) ?? 0, D >= 20) {
-                  j.current = !0;
-                  const pe = Math.floor(D), we = T.current;
-                  we.onPlayerProgressAt20Seconds && we.onPlayerProgressAt20Seconds(
-                    "player_progress_at_20_seconds",
-                    pe
-                  ), we.onPlayerEvent && we.onPlayerEvent("player_progress_at_20_seconds", pe);
+                try {
+                  if ((T = v.destroy) == null || T.call(v), await new Promise((u) => setTimeout(u, 50)), c && document.getElementById(z)) {
+                    const u = q(z);
+                    u && (u.setup(B), Y.current = u);
+                  }
+                } catch (u) {
+                  console.error(
+                    "VP Player: Failed to recover from initialization error",
+                    u
+                  );
                 }
-              }), $("playlistItem", (l) => {
-                const D = T.current;
-                D.onPlayerNext && D.onPlayerNext("player_next"), D.onPlayerEvent && D.onPlayerEvent("player_next"), D.onPlaylistData, j.current = !1;
-              });
-            };
-            try {
-              _e();
-            } catch (l) {
-              console.warn("VP Player: Failed to attach event listeners", l);
+              } else {
+                console.error("VP Player: Setup error", E), L(`Player setup failed: ${f}`);
+                return;
+              }
             }
           }
-          !n && b.play && setTimeout(() => {
-            if (p && b.play)
-              try {
-                b.play();
-              } catch {
-              }
-          }, 100);
+          if (v.on) {
+            const E = v.on.bind(v);
+            E("ready", () => {
+              var f, u;
+              (u = (f = $.current).onReady) == null || u.call(f);
+            }), E("play", () => {
+              var f, u;
+              (u = (f = $.current).onPlay) == null || u.call(f);
+            }), E("pause", () => {
+              var f, u;
+              (u = (f = $.current).onPause) == null || u.call(f);
+            }), E("resume", () => {
+              var f, u;
+              (u = (f = $.current).onResume) == null || u.call(f);
+            }), E("complete", () => {
+              var f, u;
+              (u = (f = $.current).onComplete) == null || u.call(f), Z.current = !1;
+            }), E("video-started", (f) => {
+              var u, X;
+              (X = (u = $.current).onVideoStarted) == null || X.call(u, f);
+            }), E("firstQuartile", () => {
+              var f, u;
+              (u = (f = $.current).onQuartile25) == null || u.call(f);
+            }), E("secondQuartile", () => {
+              var f, u;
+              (u = (f = $.current).onQuartile50) == null || u.call(f);
+            }), E("thirdQuartile", () => {
+              var f, u;
+              (u = (f = $.current).onQuartile75) == null || u.call(f);
+            }), E("video-state", () => {
+              var u, X, ie;
+              const f = ((u = v.getPosition) == null ? void 0 : u.call(v)) ?? 0;
+              (ie = (X = $.current).onProgress10s) == null || ie.call(X, Math.floor(f));
+            }), E("time", (f) => {
+              var X, ie, ze, Ue, De;
+              let u = 0;
+              typeof f == "number" ? u = f : f && typeof f == "object" && "position" in f ? u = f.position : u = ((X = v.getPosition) == null ? void 0 : X.call(v)) ?? 0, (ze = (ie = $.current).onTimeUpdate) == null || ze.call(ie, u), !Z.current && u >= 20 && (Z.current = !0, (De = (Ue = $.current).onProgress20s) == null || De.call(Ue, Math.floor(u)));
+            }), E("playlistItem", () => {
+              var f, u;
+              (u = (f = $.current).onNext) == null || u.call(f), Z.current = !1;
+            }), E("error", (f) => {
+              var X, ie;
+              const u = typeof f == "string" ? f : (f == null ? void 0 : f.message) || "Unknown error";
+              (ie = (X = $.current).onError) == null || ie.call(X, u);
+            });
+          }
         }
-      } catch (Y) {
-        if (p) {
-          const Z = Y instanceof Error ? Y.message : String(Y);
-          H(Z), console.error("VP Player initialization error:", Y);
+      } catch (q) {
+        if (c) {
+          const oe = q instanceof Error ? q.message : String(q);
+          L(oe), console.error("VP Player initialization error:", q);
         }
       }
     })(), () => {
-      var P;
-      if (p = !1, (P = M.current) != null && P.destroy) {
+      var T;
+      if (c = !1, (T = Y.current) != null && T.destroy) {
         try {
-          M.current.destroy();
+          Y.current.destroy();
         } catch {
         }
-        M.current = null;
+        Y.current = null;
       }
-      q.current = !1;
     };
   }, [
-    S,
-    J,
-    G,
-    s,
-    V,
-    i,
-    n,
-    a,
-    ie,
-    f
+    te,
+    z,
+    ae,
+    Q,
+    D,
+    U,
+    B
   ]), {
-    playerRef: K,
-    playerInstanceRef: M,
-    isScriptLoaded: S,
-    isLoading: !S && !q.current,
-    error: ae,
-    generatedPlayerId: J
+    playerRef: x,
+    playerInstanceRef: Y,
+    isScriptLoaded: te,
+    isLoading: !te && !J,
+    error: J,
+    generatedPlayerId: z
   };
-}, Ot = ({
-  playerId: e,
+}, At = ({
+  scriptId: e,
   videoId: r,
-  version: t,
-  videoUrl: n,
+  scriptUrl: t,
   projectId: a,
-  playlistId: i,
-  scriptUrl: s,
-  config: c = {},
-  isReels: f = !1,
-  hiddenClasses: u = [],
-  onClose: d,
-  className: h,
-  onPlaylistData: C,
-  onVideoStarted: E,
-  trackingMetadata: k,
-  onPlayerStart: y,
-  onPlayerPlay: m,
-  onPlayerPause: v,
-  onPlayerResume: x,
-  onPlayerEnd: O,
-  onPlayerProgressEvery10Seconds: z,
-  onPlayerProgressAt20Seconds: N,
-  onPlayerQuartile25: A,
-  onPlayerQuartile50: g,
-  onPlayerQuartile75: K,
-  onPlayerNext: M,
-  onPlayerPrevious: q,
-  onPlayerEvent: T
+  playlist: n,
+  playerId: o,
+  isVertical: s = !1,
+  isReels: l = !1,
+  thumbnailUrl: d,
+  onClose: h,
+  className: p,
+  hiddenClasses: m = [],
+  onReady: A,
+  onPlay: S,
+  onPause: R,
+  onResume: g,
+  onComplete: y,
+  onError: b,
+  onVideoStarted: P,
+  onTimeUpdate: O,
+  onQuartile25: M,
+  onQuartile50: F,
+  onQuartile75: C,
+  onNext: x,
+  onPrevious: Y,
+  onProgress10s: J,
+  onProgress20s: L
 }) => {
-  var P, Y, Z, I;
   const {
-    playerRef: j,
-    playerInstanceRef: S,
-    isScriptLoaded: G,
-    isLoading: V,
-    error: ae,
-    generatedPlayerId: H
-  } = It({
-    playerId: e,
+    playerRef: G,
+    playerInstanceRef: z,
+    isScriptLoaded: $,
+    isLoading: Z,
+    error: U,
+    generatedPlayerId: D
+  } = Rt({
+    scriptId: e,
     videoId: r,
-    version: t,
-    videoUrl: n,
+    scriptUrl: t,
     projectId: a,
-    playlistId: i,
-    scriptUrl: s,
-    config: c,
-    isReels: f,
-    onPlaylistData: C,
-    onVideoStarted: E,
-    onPlayerStart: y,
-    onPlayerPlay: m,
-    onPlayerPause: v,
-    onPlayerResume: x,
-    onPlayerEnd: O,
-    onPlayerProgressEvery10Seconds: z,
-    onPlayerProgressAt20Seconds: N,
-    onPlayerQuartile25: A,
-    onPlayerQuartile50: g,
-    onPlayerQuartile75: K,
-    onPlayerNext: M,
-    onPlayerPrevious: q,
-    onPlayerEvent: T
-  }), [U, J] = ce(!0), ie = () => f && J(!0), o = () => {
-    var b, oe;
-    !f || !U || (J(!1), (oe = (b = S.current) == null ? void 0 : b.pause) == null || oe.call(b), d == null || d());
-  }, p = (Y = (P = c == null ? void 0 : c.config) == null ? void 0 : P.size) != null && Y.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, R = (I = (Z = c == null ? void 0 : c.config) == null ? void 0 : Z.size) != null && I.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0;
-  return ae ? /* @__PURE__ */ L.jsxs(Ie, { type: "error", children: [
-    "An error occurred: ",
-    ae
-  ] }) : /* @__PURE__ */ L.jsxs(L.Fragment, { children: [
-    f && !U ? /* @__PURE__ */ L.jsx(
+    playlist: n,
+    playerId: o,
+    isVertical: s,
+    isReels: l,
+    onReady: A,
+    onPlay: S,
+    onPause: R,
+    onResume: g,
+    onComplete: y,
+    onError: b,
+    onVideoStarted: P,
+    onTimeUpdate: O,
+    onQuartile25: M,
+    onQuartile50: F,
+    onQuartile75: C,
+    onNext: x,
+    onPrevious: Y,
+    onProgress10s: J,
+    onProgress20s: L
+  }), [Q, B] = Re(!0), te = () => l && B(!0), ae = () => {
+    var c, _;
+    !l || !Q || (B(!1), (_ = (c = z.current) == null ? void 0 : c.pause) == null || _.call(c), h == null || h());
+  };
+  if (U)
+    return /* @__PURE__ */ I.jsxs(er, { type: "error", children: [
+      "An error occurred: ",
+      U
+    ] });
+  const i = () => /* @__PURE__ */ I.jsx(
+    "div",
+    {
+      style: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: "rgba(0,0,0,0.8)",
+        zIndex: 10
+      },
+      children: /* @__PURE__ */ I.jsx(er, { type: "loading", children: "Loading..." })
+    }
+  );
+  return l ? /* @__PURE__ */ I.jsxs(I.Fragment, { children: [
+    !Q && /* @__PURE__ */ I.jsx(
       "div",
       {
-        onClick: ie,
-        style: { cursor: "pointer", width: "100%", height: "100%" }
-      }
-    ) : null,
-    !f && /* @__PURE__ */ L.jsxs("div", { style: { position: "relative" }, children: [
-      /* @__PURE__ */ L.jsx(
-        nr,
-        {
-          id: H,
-          ref: j,
-          width: p || "100%",
-          height: R || "auto",
-          $hiddenClasses: u,
-          className: h
+        onClick: te,
+        style: {
+          cursor: "pointer",
+          width: "100%",
+          height: "100%",
+          backgroundImage: d ? `url(${d})` : void 0,
+          backgroundSize: "cover",
+          backgroundPosition: "center"
         }
-      ),
-      (V || !G) && /* @__PURE__ */ L.jsx(
-        "div",
-        {
-          style: {
-            position: "absolute",
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            background: "rgba(0,0,0,0.8)",
-            zIndex: 10
-          },
-          children: /* @__PURE__ */ L.jsx(Ie, { type: "loading", children: "Loading..." })
-        }
-      )
-    ] }),
-    f && U && /* @__PURE__ */ L.jsx(Et, { onClick: o, className: h, children: /* @__PURE__ */ L.jsx(
-      kt,
+      }
+    ),
+    Q && /* @__PURE__ */ I.jsx(bt, { onClick: ae, className: p, children: /* @__PURE__ */ I.jsx(
+      vt,
       {
-        className: h,
-        onClick: (b) => {
-          b.stopPropagation();
-        },
-        children: /* @__PURE__ */ L.jsxs("div", { style: { position: "relative" }, children: [
-          /* @__PURE__ */ L.jsx(
-            nr,
+        className: p,
+        onClick: (c) => c.stopPropagation(),
+        children: /* @__PURE__ */ I.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
+          /* @__PURE__ */ I.jsx(
+            rr,
             {
-              id: H,
-              ref: j,
+              id: D,
+              ref: G,
               width: "100%",
               height: "100%",
-              $hiddenClasses: u,
-              className: h
+              $hiddenClasses: m,
+              className: p
             }
           ),
-          (V || !G) && /* @__PURE__ */ L.jsx(
-            "div",
-            {
-              style: {
-                position: "absolute",
-                top: 0,
-                left: 0,
-                right: 0,
-                bottom: 0,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                background: "rgba(0,0,0,0.8)",
-                zIndex: 10
-              },
-              children: /* @__PURE__ */ L.jsx(Ie, { type: "loading", children: "Loading..." })
-            }
-          )
+          (Z || !$) && /* @__PURE__ */ I.jsx(i, {})
         ] })
       }
     ) })
-  ] });
-}, br = wr(void 0), $t = ({ children: e }) => {
-  const [r, t] = ce(!1), [n, a] = ce(null), [i, s] = ce(null), c = qe((d) => {
-    try {
-      const h = gr(d.playerId, d.videoId);
-      a({ ...d, playerId: h }), t(!0), s(null);
-    } catch {
-      s("Failed to show player.");
-    }
-  }, []), f = qe(() => {
-    t(!1), a(null), s(null);
-  }, []), u = ir(
-    () => ({
-      showPlayer: c,
-      hidePlayer: f,
-      isPlayerVisible: r,
-      playerParams: n
-    }),
-    [c, f, r, n]
-  );
-  return /* @__PURE__ */ L.jsxs(br.Provider, { value: u, children: [
-    e,
-    i && /* @__PURE__ */ L.jsx(Ie, { type: "error", children: i }),
-    r && (n == null ? void 0 : n.playerId) && /* @__PURE__ */ L.jsx(
-      Ot,
+  ] }) : /* @__PURE__ */ I.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
+    /* @__PURE__ */ I.jsx(
+      rr,
       {
-        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 || [],
-        className: n.className
+        id: D,
+        ref: G,
+        width: "100%",
+        height: "100%",
+        $hiddenClasses: m,
+        className: p
       }
-    )
+    ),
+    (Z || !$) && /* @__PURE__ */ I.jsx(i, {})
   ] });
-}, Lt = () => {
-  const e = ar(br);
-  if (!e) throw new Error("useVPPlayer must be used within a VPPlayerProvider");
-  return e;
-}, zt = {
-  projectId: void 0,
-  video: {
-    // NOTE: Do NOT set file: '' here - it interferes with managed mode
-    // where the SDK resolves the video URL from videoId + projectId
-  },
-  config: {
-    autoplay: !0,
-    muted: !0,
-    // Required for browser autoplay policy
-    loop: !1,
-    size: {
-      width: "100%",
-      height: "30vh"
-    }
-    // NOTE: Do NOT set controls here - let the SDK/managed script
-    // use what's configured in the Gjirafa admin panel (projectId config)
-  }
-}, Nt = {
-  config: {
-    autostartOnLoad: { state: !0, onMobile: !0, onData: !0 },
-    muted: !0
-  }
-}, Ft = {
-  config: {
-    autoplay: !0,
-    muted: !0
-  }
-}, Ne = {
-  video: {
-    advertising: !0,
-    ads: {
-      skipAd: { state: !0, skipFrom: 5 }
-    }
-  },
-  config: {
-    adAnnouncement: { state: !0, timeBeforeAd: 5 },
-    adsRequireInteraction: !1
-  }
-}, Mt = (e, r, t = "time", n = 0) => {
-  var a;
-  return {
-    ...Ne,
-    video: {
-      ...Ne.video,
-      ads: {
-        ...(a = Ne.video) == null ? void 0 : a.ads,
-        adBreaks: [
-          {
-            adTagUrl: r,
-            breakType: e,
-            breakTimingType: t,
-            breakTimingValue: n
-          }
-        ]
-      }
-    }
-  };
-}, Vt = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", Dt = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4", Bt = "https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4", Ut = "https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600", Wt = "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=", qt = "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 {
-  Wt as AD_TAG_LINEAR_URL,
-  qt as AD_TAG_SKIPPABLE_LINEAR_URL,
-  Vt as BIG_BUCK_BUNNY_URL,
-  Dt as ELEPHANTS_DREAM_URL,
-  Et as Overlay,
-  Ut as PEXELS_THUMBNAIL_URL,
-  Bt as PEXELS_VERTICAL_VIDEO_URL,
-  nr as PlayerContainer,
-  kt as PlayerWrapper,
-  Ot as VPPlayer,
-  $t as VPPlayerProvider,
-  Nt as baseConfig,
-  Ne as baseConfigWithAds,
-  Ft as baseConfigWithAutoplay,
-  At as buildVPPlayerConfig,
-  zt as defaultVPPlayerConfig,
-  Tt as extractVideoId,
-  Mt as getAdConfig,
-  Lt as useVPPlayer,
-  It as useVPPlayerLogic,
-  Rt as useVPPlayerScript
+  bt as Overlay,
+  rr as PlayerContainer,
+  vt as PlayerWrapper,
+  At as VPPlayer,
+  Oe as VP_PLAYER_BASE_URL,
+  Pt as appendDivIdToUrl,
+  kt as generatePlayerId,
+  wt as getFullyManagedPlayerScriptUrl,
+  Tt as getManagedPlayerScriptUrl,
+  xt as getPlayerScriptUrl,
+  tr as getVerticalPlayerScriptUrl,
+  Rt as useVPPlayerLogic,
+  Et as useVPPlayerScript
 };