@devix-technologies/react-gjirafa-vp-player 1.0.30 → 1.0.31-beta.1

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

@@ -1,6 +1,6 @@
-import * as xe from "react";
-import Nr, { forwardRef as Fr, useContext as Er, useState as de, useEffect as Se, useRef as K, useMemo as Pr, createContext as Dr, useCallback as ur } from "react";
-var Me = { exports: {} }, Oe = {};
+import * as ie from "react";
+import _r, { forwardRef as wr, useContext as ir, useState as le, useEffect as Me, useRef as ye, useId as Er, useMemo as or, createContext as kr, useCallback as Ye } from "react";
+var ke = { exports: {} }, me = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,29 +10,29 @@ var Me = { exports: {} }, Oe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var dr;
-function Mr() {
-  if (dr) return Oe;
-  dr = 1;
+var Ge;
+function Sr() {
+  if (Ge) return me;
+  Ge = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function n(i, a, t) {
+  function t(n, a, i) {
     var s = null;
-    if (t !== void 0 && (s = "" + t), a.key !== void 0 && (s = "" + a.key), "key" in a) {
-      t = {};
-      for (var c in a)
-        c !== "key" && (t[c] = a[c]);
-    } else t = a;
-    return a = t.ref, {
+    if (i !== void 0 && (s = "" + i), a.key !== void 0 && (s = "" + a.key), "key" in a) {
+      i = {};
+      for (var l in a)
+        l !== "key" && (i[l] = a[l]);
+    } else i = a;
+    return a = i.ref, {
       $$typeof: e,
-      type: i,
+      type: n,
       key: s,
       ref: a !== void 0 ? a : null,
-      props: t
+      props: i
     };
   }
-  return Oe.Fragment = r, Oe.jsx = n, Oe.jsxs = n, Oe;
+  return me.Fragment = r, me.jsx = t, me.jsxs = t, me;
 }
-var Ve = {};
+var ve = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,26 +42,26 @@ var Ve = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var fr;
-function zr() {
-  return fr || (fr = 1, process.env.NODE_ENV !== "production" && (function() {
+var He;
+function Ir() {
+  return He || (He = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(o) {
       if (o == null) return null;
       if (typeof o == "function")
-        return o.$$typeof === y ? null : o.displayName || o.name || null;
+        return o.$$typeof === A ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
-        case v:
+        case y:
           return "Fragment";
-        case b:
+        case g:
           return "Profiler";
-        case w:
+        case v:
           return "StrictMode";
-        case I:
+        case R:
           return "Suspense";
-        case _:
+        case b:
           return "SuspenseList";
-        case P:
+        case C:
           return "Activity";
       }
       if (typeof o == "object")
@@ -70,19 +70,19 @@ function zr() {
         ), o.$$typeof) {
           case h:
             return "Portal";
-          case F:
+          case N:
             return o.displayName || "Context";
-          case L:
+          case T:
             return (o._context.displayName || "Context") + ".Consumer";
-          case k:
-            var l = o.render;
-            return o = o.displayName, o || (o = l.displayName || l.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case z:
+            var m = o.render;
+            return o = o.displayName, o || (o = m.displayName || m.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
           case J:
-            return l = o.displayName || null, l !== null ? l : e(o.type) || "Memo";
-          case Y:
-            l = o._payload, o = o._init;
+            return m = o.displayName || null, m !== null ? m : e(o.type) || "Memo";
+          case q:
+            m = o._payload, o = o._init;
             try {
-              return e(o(l));
+              return e(o(m));
             } catch {
             }
         }
@@ -91,77 +91,77 @@ function zr() {
     function r(o) {
       return "" + o;
     }
-    function n(o) {
+    function t(o) {
       try {
         r(o);
-        var l = !1;
+        var m = !1;
       } catch {
-        l = !0;
+        m = !0;
       }
-      if (l) {
-        l = console;
-        var d = l.error, $ = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return d.call(
-          l,
+      if (m) {
+        m = console;
+        var P = m.error, L = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return P.call(
+          m,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          $
+          L
         ), r(o);
       }
     }
-    function i(o) {
-      if (o === v) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === Y)
+    function n(o) {
+      if (o === y) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === q)
         return "<...>";
       try {
-        var l = e(o);
-        return l ? "<" + l + ">" : "<...>";
+        var m = e(o);
+        return m ? "<" + m + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var o = S.A;
+      var o = $.A;
       return o === null ? null : o.getOwner();
     }
-    function t() {
+    function i() {
       return Error("react-stack-top-frame");
     }
     function s(o) {
-      if (B.call(o, "key")) {
-        var l = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (l && l.isReactWarning) return !1;
+      if (j.call(o, "key")) {
+        var m = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (m && m.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
-    function c(o, l) {
-      function d() {
-        j || (j = !0, console.error(
+    function l(o, m) {
+      function P() {
+        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)",
-          l
+          m
         ));
       }
-      d.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: d,
+      P.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: P,
         configurable: !0
       });
     }
-    function f() {
+    function p() {
       var o = e(this.type);
-      return z[o] || (z[o] = !0, console.error(
+      return oe[o] || (oe[o] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function m(o, l, d, $, H, fe) {
-      var V = d.ref;
+    function f(o, m, P, L, H, B) {
+      var O = P.ref;
       return o = {
-        $$typeof: E,
+        $$typeof: w,
         type: o,
-        key: l,
-        props: d,
-        _owner: $
-      }, (V !== void 0 ? V : null) !== null ? Object.defineProperty(o, "ref", {
+        key: m,
+        props: P,
+        _owner: L
+      }, (O !== void 0 ? O : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: f
+        get: p
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -181,212 +181,212 @@ function zr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: fe
+        value: B
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function u(o, l, d, $, H, fe) {
-      var V = l.children;
-      if (V !== void 0)
-        if ($)
-          if (U(V)) {
-            for ($ = 0; $ < V.length; $++)
-              p(V[$]);
-            Object.freeze && Object.freeze(V);
+    function c(o, m, P, L, H, B) {
+      var O = m.children;
+      if (O !== void 0)
+        if (L)
+          if (x(O)) {
+            for (L = 0; L < O.length; L++)
+              u(O[L]);
+            Object.freeze && Object.freeze(O);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else p(V);
-      if (B.call(l, "key")) {
-        V = e(o);
-        var ee = Object.keys(l).filter(function(ne) {
-          return ne !== "key";
+        else u(O);
+      if (j.call(m, "key")) {
+        O = e(o);
+        var re = Object.keys(m).filter(function(pe) {
+          return pe !== "key";
         });
-        $ = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", q[V + $] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+        L = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", Z[O + L] || (re = 0 < re.length ? "{" + re.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          $,
-          V,
-          ee,
-          V
-        ), q[V + $] = !0);
+          L,
+          O,
+          re,
+          O
+        ), Z[O + L] = !0);
       }
-      if (V = null, d !== void 0 && (n(d), V = "" + d), s(l) && (n(l.key), V = "" + l.key), "key" in l) {
-        d = {};
-        for (var pe in l)
-          pe !== "key" && (d[pe] = l[pe]);
-      } else d = l;
-      return V && c(
-        d,
+      if (O = null, P !== void 0 && (t(P), O = "" + P), s(m) && (t(m.key), O = "" + m.key), "key" in m) {
+        P = {};
+        for (var S in m)
+          S !== "key" && (P[S] = m[S]);
+      } else P = m;
+      return O && l(
+        P,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), m(
+      ), f(
         o,
-        V,
-        d,
+        O,
+        P,
         a(),
         H,
-        fe
+        B
       );
     }
-    function p(o) {
-      x(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === Y && (o._payload.status === "fulfilled" ? x(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
+    function u(o) {
+      I(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === q && (o._payload.status === "fulfilled" ? I(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
-    function x(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === E;
+    function I(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === w;
     }
-    var g = Nr, E = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), L = Symbol.for("react.consumer"), F = Symbol.for("react.context"), k = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), J = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), y = Symbol.for("react.client.reference"), S = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, U = Array.isArray, M = console.createTask ? console.createTask : function() {
+    var _ = _r, w = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), T = Symbol.for("react.consumer"), N = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), J = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), A = Symbol.for("react.client.reference"), $ = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, x = Array.isArray, Y = console.createTask ? console.createTask : function() {
       return null;
     };
-    g = {
+    _ = {
       react_stack_bottom_frame: function(o) {
         return o();
       }
     };
-    var j, z = {}, O = g.react_stack_bottom_frame.bind(
-      g,
-      t
-    )(), Q = M(i(t)), q = {};
-    Ve.Fragment = v, Ve.jsx = function(o, l, d) {
-      var $ = 1e4 > S.recentlyCreatedOwnerStacks++;
-      return u(
+    var D, oe = {}, Q = _.react_stack_bottom_frame.bind(
+      _,
+      i
+    )(), G = Y(n(i)), Z = {};
+    ve.Fragment = y, ve.jsx = function(o, m, P) {
+      var L = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return c(
         o,
-        l,
-        d,
+        m,
+        P,
         !1,
-        $ ? Error("react-stack-top-frame") : O,
-        $ ? M(i(o)) : Q
+        L ? Error("react-stack-top-frame") : Q,
+        L ? Y(n(o)) : G
       );
-    }, Ve.jsxs = function(o, l, d) {
-      var $ = 1e4 > S.recentlyCreatedOwnerStacks++;
-      return u(
+    }, ve.jsxs = function(o, m, P) {
+      var L = 1e4 > $.recentlyCreatedOwnerStacks++;
+      return c(
         o,
-        l,
-        d,
+        m,
+        P,
         !0,
-        $ ? Error("react-stack-top-frame") : O,
-        $ ? M(i(o)) : Q
+        L ? Error("react-stack-top-frame") : Q,
+        L ? Y(n(o)) : G
       );
     };
-  })()), Ve;
+  })()), ve;
 }
-var pr;
-function Br() {
-  return pr || (pr = 1, process.env.NODE_ENV === "production" ? Me.exports = Mr() : Me.exports = zr()), Me.exports;
+var Xe;
+function Rr() {
+  return Xe || (Xe = 1, process.env.NODE_ENV === "production" ? ke.exports = Sr() : ke.exports = Ir()), ke.exports;
 }
-var Z = Br();
-function tr() {
-  return tr = Object.assign ? Object.assign.bind() : function(e) {
+var F = Rr();
+function Ve() {
+  return Ve = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
-      var n = arguments[r];
-      for (var i in n) ({}).hasOwnProperty.call(n, i) && (e[i] = n[i]);
+      var t = arguments[r];
+      for (var n in t) ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
     }
     return e;
-  }, tr.apply(null, arguments);
+  }, Ve.apply(null, arguments);
 }
-function Ur(e) {
+function Cr(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 qr(e) {
+function Ar(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 Wr = /* @__PURE__ */ (function() {
-  function e(n) {
-    var i = this;
+var Tr = /* @__PURE__ */ (function() {
+  function e(t) {
+    var n = this;
     this._insertTag = function(a) {
-      var t;
-      i.tags.length === 0 ? i.insertionPoint ? t = i.insertionPoint.nextSibling : i.prepend ? t = i.container.firstChild : t = i.before : t = i.tags[i.tags.length - 1].nextSibling, i.container.insertBefore(a, t), i.tags.push(a);
-    }, this.isSpeedy = n.speedy === void 0 ? !0 : n.speedy, this.tags = [], this.ctr = 0, this.nonce = n.nonce, this.key = n.key, this.container = n.container, this.prepend = n.prepend, this.insertionPoint = n.insertionPoint, this.before = null;
+      var i;
+      n.tags.length === 0 ? n.insertionPoint ? i = n.insertionPoint.nextSibling : n.prepend ? i = n.container.firstChild : i = n.before : i = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(a, i), n.tags.push(a);
+    }, this.isSpeedy = t.speedy === void 0 ? !0 : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
   }
   var r = e.prototype;
-  return r.hydrate = function(i) {
-    i.forEach(this._insertTag);
-  }, r.insert = function(i) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(qr(this));
+  return r.hydrate = function(n) {
+    n.forEach(this._insertTag);
+  }, r.insert = function(n) {
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Ar(this));
     var a = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var t = Ur(a);
+      var i = Cr(a);
       try {
-        t.insertRule(i, t.cssRules.length);
+        i.insertRule(n, i.cssRules.length);
       } catch {
       }
     } else
-      a.appendChild(document.createTextNode(i));
+      a.appendChild(document.createTextNode(n));
     this.ctr++;
   }, r.flush = function() {
-    this.tags.forEach(function(i) {
+    this.tags.forEach(function(n) {
       var a;
-      return (a = i.parentNode) == null ? void 0 : a.removeChild(i);
+      return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-})(), ie = "-ms-", Ye = "-moz-", A = "-webkit-", Ir = "comm", or = "rule", sr = "decl", Yr = "@import", Sr = "@keyframes", Hr = "@layer", Gr = Math.abs, He = String.fromCharCode, Xr = Object.assign;
-function Jr(e, r) {
-  return te(e, 0) ^ 45 ? (((r << 2 ^ te(e, 0)) << 2 ^ te(e, 1)) << 2 ^ te(e, 2)) << 2 ^ te(e, 3) : 0;
+})(), X = "-ms-", je = "-moz-", E = "-webkit-", sr = "comm", Ue = "rule", We = "decl", Or = "@import", lr = "@keyframes", jr = "@layer", $r = Math.abs, $e = String.fromCharCode, Lr = Object.assign;
+function Nr(e, r) {
+  return W(e, 0) ^ 45 ? (((r << 2 ^ W(e, 0)) << 2 ^ W(e, 1)) << 2 ^ W(e, 2)) << 2 ^ W(e, 3) : 0;
 }
-function Rr(e) {
+function cr(e) {
   return e.trim();
 }
-function Qr(e, r) {
+function zr(e, r) {
   return (e = r.exec(e)) ? e[0] : e;
 }
-function C(e, r, n) {
-  return e.replace(r, n);
+function k(e, r, t) {
+  return e.replace(r, t);
 }
-function nr(e, r) {
+function De(e, r) {
   return e.indexOf(r);
 }
-function te(e, r) {
+function W(e, r) {
   return e.charCodeAt(r) | 0;
 }
-function je(e, r, n) {
-  return e.slice(r, n);
+function ge(e, r, t) {
+  return e.slice(r, t);
 }
-function he(e) {
+function te(e) {
   return e.length;
 }
-function lr(e) {
+function qe(e) {
   return e.length;
 }
-function ze(e, r) {
+function Se(e, r) {
   return r.push(e), e;
 }
-function Kr(e, r) {
+function Fr(e, r) {
   return e.map(r).join("");
 }
-var Ge = 1, Te = 1, Tr = 0, le = 0, X = 0, Ce = "";
-function Xe(e, r, n, i, a, t, s) {
-  return { value: e, root: r, parent: n, type: i, props: a, children: t, line: Ge, column: Te, length: s, return: "" };
+var Le = 1, ue = 1, ur = 0, K = 0, M = 0, fe = "";
+function Ne(e, r, t, n, a, i, s) {
+  return { value: e, root: r, parent: t, type: n, props: a, children: i, line: Le, column: ue, length: s, return: "" };
 }
-function Le(e, r) {
-  return Xr(Xe("", null, null, "", null, null, 0), e, { length: -e.length }, r);
+function be(e, r) {
+  return Lr(Ne("", null, null, "", null, null, 0), e, { length: -e.length }, r);
 }
-function Zr() {
-  return X;
+function Mr() {
+  return M;
 }
-function et() {
-  return X = le > 0 ? te(Ce, --le) : 0, Te--, X === 10 && (Te = 1, Ge--), X;
+function Vr() {
+  return M = K > 0 ? W(fe, --K) : 0, ue--, M === 10 && (ue = 1, Le--), M;
 }
-function ue() {
-  return X = le < Tr ? te(Ce, le++) : 0, Te++, X === 10 && (Te = 1, Ge++), X;
+function ee() {
+  return M = K < ur ? W(fe, K++) : 0, ue++, M === 10 && (ue = 1, Le++), M;
 }
-function ye() {
-  return te(Ce, le);
+function ae() {
+  return W(fe, K);
 }
-function Ue() {
-  return le;
+function Ce() {
+  return K;
 }
-function Fe(e, r) {
-  return je(Ce, e, r);
+function _e(e, r) {
+  return ge(fe, e, r);
 }
-function $e(e) {
+function xe(e) {
   switch (e) {
     // \0 \t \n \r \s whitespace token
     case 0:
@@ -424,272 +424,272 @@ function $e(e) {
   }
   return 0;
 }
-function Ar(e) {
-  return Ge = Te = 1, Tr = he(Ce = e), le = 0, [];
+function dr(e) {
+  return Le = ue = 1, ur = te(fe = e), K = 0, [];
 }
-function Cr(e) {
-  return Ce = "", e;
+function fr(e) {
+  return fe = "", e;
 }
-function qe(e) {
-  return Rr(Fe(le - 1, ir(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+function Ae(e) {
+  return cr(_e(K - 1, Be(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function rt(e) {
-  for (; (X = ye()) && X < 33; )
-    ue();
-  return $e(e) > 2 || $e(X) > 3 ? "" : " ";
+function Dr(e) {
+  for (; (M = ae()) && M < 33; )
+    ee();
+  return xe(e) > 2 || xe(M) > 3 ? "" : " ";
 }
-function tt(e, r) {
-  for (; --r && ue() && !(X < 48 || X > 102 || X > 57 && X < 65 || X > 70 && X < 97); )
+function Br(e, r) {
+  for (; --r && ee() && !(M < 48 || M > 102 || M > 57 && M < 65 || M > 70 && M < 97); )
     ;
-  return Fe(e, Ue() + (r < 6 && ye() == 32 && ue() == 32));
+  return _e(e, Ce() + (r < 6 && ae() == 32 && ee() == 32));
 }
-function ir(e) {
-  for (; ue(); )
-    switch (X) {
+function Be(e) {
+  for (; ee(); )
+    switch (M) {
       // ] ) " '
       case e:
-        return le;
+        return K;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && ir(X);
+        e !== 34 && e !== 39 && Be(M);
         break;
       // (
       case 40:
-        e === 41 && ir(e);
+        e === 41 && Be(e);
         break;
       // \
       case 92:
-        ue();
+        ee();
         break;
     }
-  return le;
+  return K;
 }
-function nt(e, r) {
-  for (; ue() && e + X !== 57; )
-    if (e + X === 84 && ye() === 47)
+function Ur(e, r) {
+  for (; ee() && e + M !== 57; )
+    if (e + M === 84 && ae() === 47)
       break;
-  return "/*" + Fe(r, le - 1) + "*" + He(e === 47 ? e : ue());
+  return "/*" + _e(r, K - 1) + "*" + $e(e === 47 ? e : ee());
 }
-function it(e) {
-  for (; !$e(ye()); )
-    ue();
-  return Fe(e, le);
+function Wr(e) {
+  for (; !xe(ae()); )
+    ee();
+  return _e(e, K);
 }
-function at(e) {
-  return Cr(We("", null, null, null, [""], e = Ar(e), 0, [0], e));
+function qr(e) {
+  return fr(Te("", null, null, null, [""], e = dr(e), 0, [0], e));
 }
-function We(e, r, n, i, a, t, s, c, f) {
-  for (var m = 0, u = 0, p = s, x = 0, g = 0, E = 0, h = 1, v = 1, w = 1, b = 0, L = "", F = a, k = t, I = i, _ = L; v; )
-    switch (E = b, b = ue()) {
+function Te(e, r, t, n, a, i, s, l, p) {
+  for (var f = 0, c = 0, u = s, I = 0, _ = 0, w = 0, h = 1, y = 1, v = 1, g = 0, T = "", N = a, z = i, R = n, b = T; y; )
+    switch (w = g, g = ee()) {
       // (
       case 40:
-        if (E != 108 && te(_, p - 1) == 58) {
-          nr(_ += C(qe(b), "&", "&\f"), "&\f") != -1 && (w = -1);
+        if (w != 108 && W(b, u - 1) == 58) {
+          De(b += k(Ae(g), "&", "&\f"), "&\f") != -1 && (v = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        _ += qe(b);
+        b += Ae(g);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        _ += rt(E);
+        b += Dr(w);
         break;
       // \
       case 92:
-        _ += tt(Ue() - 1, 7);
+        b += Br(Ce() - 1, 7);
         continue;
       // /
       case 47:
-        switch (ye()) {
+        switch (ae()) {
           case 42:
           case 47:
-            ze(ot(nt(ue(), Ue()), r, n), f);
+            Se(Yr(Ur(ee(), Ce()), r, t), p);
             break;
           default:
-            _ += "/";
+            b += "/";
         }
         break;
       // {
       case 123 * h:
-        c[m++] = he(_) * w;
+        l[f++] = te(b) * v;
       // } ; \0
       case 125 * h:
       case 59:
       case 0:
-        switch (b) {
+        switch (g) {
           // \0 }
           case 0:
           case 125:
-            v = 0;
+            y = 0;
           // ;
-          case 59 + u:
-            w == -1 && (_ = C(_, /\f/g, "")), g > 0 && he(_) - p && ze(g > 32 ? mr(_ + ";", i, n, p - 1) : mr(C(_, " ", "") + ";", i, n, p - 2), f);
+          case 59 + c:
+            v == -1 && (b = k(b, /\f/g, "")), _ > 0 && te(b) - u && Se(_ > 32 ? Qe(b + ";", n, t, u - 1) : Qe(k(b, " ", "") + ";", n, t, u - 2), p);
             break;
           // @ ;
           case 59:
-            _ += ";";
+            b += ";";
           // { rule/at-rule
           default:
-            if (ze(I = hr(_, r, n, m, u, a, c, L, F = [], k = [], p), t), b === 123)
-              if (u === 0)
-                We(_, r, I, I, F, t, p, c, k);
+            if (Se(R = Je(b, r, t, f, c, a, l, T, N = [], z = [], u), i), g === 123)
+              if (c === 0)
+                Te(b, r, R, R, N, i, u, l, z);
               else
-                switch (x === 99 && te(_, 3) === 110 ? 100 : x) {
+                switch (I === 99 && W(b, 3) === 110 ? 100 : I) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    We(e, I, I, i && ze(hr(e, I, I, 0, 0, a, c, L, a, F = [], p), k), a, k, p, c, i ? F : k);
+                    Te(e, R, R, n && Se(Je(e, R, R, 0, 0, a, l, T, a, N = [], u), z), a, z, u, l, n ? N : z);
                     break;
                   default:
-                    We(_, I, I, I, [""], k, 0, c, k);
+                    Te(b, R, R, R, [""], z, 0, l, z);
                 }
         }
-        m = u = g = 0, h = w = 1, L = _ = "", p = s;
+        f = c = _ = 0, h = v = 1, T = b = "", u = s;
         break;
       // :
       case 58:
-        p = 1 + he(_), g = E;
+        u = 1 + te(b), _ = w;
       default:
         if (h < 1) {
-          if (b == 123)
+          if (g == 123)
             --h;
-          else if (b == 125 && h++ == 0 && et() == 125)
+          else if (g == 125 && h++ == 0 && Vr() == 125)
             continue;
         }
-        switch (_ += He(b), b * h) {
+        switch (b += $e(g), g * h) {
           // &
           case 38:
-            w = u > 0 ? 1 : (_ += "\f", -1);
+            v = c > 0 ? 1 : (b += "\f", -1);
             break;
           // ,
           case 44:
-            c[m++] = (he(_) - 1) * w, w = 1;
+            l[f++] = (te(b) - 1) * v, v = 1;
             break;
           // @
           case 64:
-            ye() === 45 && (_ += qe(ue())), x = ye(), u = p = he(L = _ += it(Ue())), b++;
+            ae() === 45 && (b += Ae(ee())), I = ae(), c = u = te(T = b += Wr(Ce())), g++;
             break;
           // -
           case 45:
-            E === 45 && he(_) == 2 && (h = 0);
+            w === 45 && te(b) == 2 && (h = 0);
         }
     }
-  return t;
+  return i;
 }
-function hr(e, r, n, i, a, t, s, c, f, m, u) {
-  for (var p = a - 1, x = a === 0 ? t : [""], g = lr(x), E = 0, h = 0, v = 0; E < i; ++E)
-    for (var w = 0, b = je(e, p + 1, p = Gr(h = s[E])), L = e; w < g; ++w)
-      (L = Rr(h > 0 ? x[w] + " " + b : C(b, /&\f/g, x[w]))) && (f[v++] = L);
-  return Xe(e, r, n, a === 0 ? or : c, f, m, u);
+function Je(e, r, t, n, a, i, s, l, p, f, c) {
+  for (var u = a - 1, I = a === 0 ? i : [""], _ = qe(I), w = 0, h = 0, y = 0; w < n; ++w)
+    for (var v = 0, g = ge(e, u + 1, u = $r(h = s[w])), T = e; v < _; ++v)
+      (T = cr(h > 0 ? I[v] + " " + g : k(g, /&\f/g, I[v]))) && (p[y++] = T);
+  return Ne(e, r, t, a === 0 ? Ue : l, p, f, c);
 }
-function ot(e, r, n) {
-  return Xe(e, r, n, Ir, He(Zr()), je(e, 2, -2), 0);
+function Yr(e, r, t) {
+  return Ne(e, r, t, sr, $e(Mr()), ge(e, 2, -2), 0);
 }
-function mr(e, r, n, i) {
-  return Xe(e, r, n, sr, je(e, 0, i), je(e, i + 1, -1), i);
+function Qe(e, r, t, n) {
+  return Ne(e, r, t, We, ge(e, 0, n), ge(e, n + 1, -1), n);
 }
-function Re(e, r) {
-  for (var n = "", i = lr(e), a = 0; a < i; a++)
-    n += r(e[a], a, e, r) || "";
-  return n;
+function ce(e, r) {
+  for (var t = "", n = qe(e), a = 0; a < n; a++)
+    t += r(e[a], a, e, r) || "";
+  return t;
 }
-function st(e, r, n, i) {
+function Gr(e, r, t, n) {
   switch (e.type) {
-    case Hr:
+    case jr:
       if (e.children.length) break;
-    case Yr:
-    case sr:
+    case Or:
+    case We:
       return e.return = e.return || e.value;
-    case Ir:
+    case sr:
       return "";
-    case Sr:
-      return e.return = e.value + "{" + Re(e.children, i) + "}";
-    case or:
+    case lr:
+      return e.return = e.value + "{" + ce(e.children, n) + "}";
+    case Ue:
       e.value = e.props.join(",");
   }
-  return he(n = Re(e.children, i)) ? e.return = e.value + "{" + n + "}" : "";
+  return te(t = ce(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
 }
-function lt(e) {
-  var r = lr(e);
-  return function(n, i, a, t) {
-    for (var s = "", c = 0; c < r; c++)
-      s += e[c](n, i, a, t) || "";
+function Hr(e) {
+  var r = qe(e);
+  return function(t, n, a, i) {
+    for (var s = "", l = 0; l < r; l++)
+      s += e[l](t, n, a, i) || "";
     return s;
   };
 }
-function ct(e) {
+function Xr(e) {
   return function(r) {
     r.root || (r = r.return) && e(r);
   };
 }
-function kr(e) {
+function pr(e) {
   var r = /* @__PURE__ */ Object.create(null);
-  return function(n) {
-    return r[n] === void 0 && (r[n] = e(n)), r[n];
+  return function(t) {
+    return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var ut = function(r, n, i) {
-  for (var a = 0, t = 0; a = t, t = ye(), a === 38 && t === 12 && (n[i] = 1), !$e(t); )
-    ue();
-  return Fe(r, le);
-}, dt = function(r, n) {
-  var i = -1, a = 44;
+var Jr = function(r, t, n) {
+  for (var a = 0, i = 0; a = i, i = ae(), a === 38 && i === 12 && (t[n] = 1), !xe(i); )
+    ee();
+  return _e(r, K);
+}, Qr = function(r, t) {
+  var n = -1, a = 44;
   do
-    switch ($e(a)) {
+    switch (xe(a)) {
       case 0:
-        a === 38 && ye() === 12 && (n[i] = 1), r[i] += ut(le - 1, n, i);
+        a === 38 && ae() === 12 && (t[n] = 1), r[n] += Jr(K - 1, t, n);
         break;
       case 2:
-        r[i] += qe(a);
+        r[n] += Ae(a);
         break;
       case 4:
         if (a === 44) {
-          r[++i] = ye() === 58 ? "&\f" : "", n[i] = r[i].length;
+          r[++n] = ae() === 58 ? "&\f" : "", t[n] = r[n].length;
           break;
         }
       // fallthrough
       default:
-        r[i] += He(a);
+        r[n] += $e(a);
     }
-  while (a = ue());
+  while (a = ee());
   return r;
-}, ft = function(r, n) {
-  return Cr(dt(Ar(r), n));
-}, yr = /* @__PURE__ */ new WeakMap(), pt = function(r) {
+}, Kr = function(r, t) {
+  return fr(Qr(dr(r), t));
+}, Ke = /* @__PURE__ */ new WeakMap(), Zr = 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 n = r.value, i = r.parent, a = r.column === i.column && r.line === i.line; i.type !== "rule"; )
-      if (i = i.parent, !i) return;
-    if (!(r.props.length === 1 && n.charCodeAt(0) !== 58 && !yr.get(i)) && !a) {
-      yr.set(r, !0);
-      for (var t = [], s = ft(n, t), c = i.props, f = 0, m = 0; f < s.length; f++)
-        for (var u = 0; u < c.length; u++, m++)
-          r.props[m] = t[f] ? s[f].replace(/&\f/g, c[u]) : c[u] + " " + s[f];
+    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 && !Ke.get(n)) && !a) {
+      Ke.set(r, !0);
+      for (var i = [], s = Kr(t, i), l = n.props, p = 0, f = 0; p < s.length; p++)
+        for (var c = 0; c < l.length; c++, f++)
+          r.props[f] = i[p] ? s[p].replace(/&\f/g, l[c]) : l[c] + " " + s[p];
     }
   }
-}, ht = function(r) {
+}, et = function(r) {
   if (r.type === "decl") {
-    var n = r.value;
+    var t = r.value;
     // charcode for l
-    n.charCodeAt(0) === 108 && // charcode for b
-    n.charCodeAt(2) === 98 && (r.return = "", r.value = "");
+    t.charCodeAt(0) === 108 && // charcode for b
+    t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
   }
 };
-function Or(e, r) {
-  switch (Jr(e, r)) {
+function hr(e, r) {
+  switch (Nr(e, r)) {
     // color-adjust
     case 5103:
-      return A + "print-" + e + e;
+      return E + "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 Or(e, r) {
     case 5365:
     case 5621:
     case 3829:
-      return A + e + e;
+      return E + e + e;
     // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return A + e + Ye + e + ie + e + e;
+      return E + e + je + e + X + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return A + e + ie + e + e;
+      return E + e + X + e + e;
     // order
     case 6165:
-      return A + e + ie + "flex-" + e + e;
+      return E + e + X + "flex-" + e + e;
     // align-items
     case 5187:
-      return A + e + C(e, /(\w+).+(:[^]+)/, A + "box-$1$2" + ie + "flex-$1$2") + e;
+      return E + e + k(e, /(\w+).+(:[^]+)/, E + "box-$1$2" + X + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return A + e + ie + "flex-item-" + C(e, /flex-|-self/, "") + e;
+      return E + e + X + "flex-item-" + k(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return A + e + ie + "flex-line-pack" + C(e, /align-content|flex-|-self/, "") + e;
+      return E + e + X + "flex-line-pack" + k(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return A + e + ie + C(e, "shrink", "negative") + e;
+      return E + e + X + k(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return A + e + ie + C(e, "basis", "preferred-size") + e;
+      return E + e + X + k(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return A + "box-" + C(e, "-grow", "") + A + e + ie + C(e, "grow", "positive") + e;
+      return E + "box-" + k(e, "-grow", "") + E + e + X + k(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return A + C(e, /([^-])(transform)/g, "$1" + A + "$2") + e;
+      return E + k(e, /([^-])(transform)/g, "$1" + E + "$2") + e;
     // cursor
     case 6187:
-      return C(C(C(e, /(zoom-|grab)/, A + "$1"), /(image-set)/, A + "$1"), e, "") + e;
+      return k(k(k(e, /(zoom-|grab)/, E + "$1"), /(image-set)/, E + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return C(e, /(image-set\([^]*)/, A + "$1$`$1");
+      return k(e, /(image-set\([^]*)/, E + "$1$`$1");
     // justify-content
     case 4968:
-      return C(C(e, /(.+:)(flex-)?(.*)/, A + "box-pack:$3" + ie + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + A + e + e;
+      return k(k(e, /(.+:)(flex-)?(.*)/, E + "box-pack:$3" + X + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + E + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return C(e, /(.+)-inline(.+)/, A + "$1$2") + e;
+      return k(e, /(.+)-inline(.+)/, E + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -784,115 +784,115 @@ function Or(e, r) {
     case 5789:
     case 5021:
     case 4765:
-      if (he(e) - 1 - r > 6) switch (te(e, r + 1)) {
+      if (te(e) - 1 - r > 6) switch (W(e, r + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (te(e, r + 4) !== 45) break;
+          if (W(e, r + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return C(e, /(.+:)(.+)-([^]+)/, "$1" + A + "$2-$3$1" + Ye + (te(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return k(e, /(.+:)(.+)-([^]+)/, "$1" + E + "$2-$3$1" + je + (W(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~nr(e, "stretch") ? Or(C(e, "stretch", "fill-available"), r) + e : e;
+          return ~De(e, "stretch") ? hr(k(e, "stretch", "fill-available"), r) + e : e;
       }
       break;
     // position: sticky
     case 4949:
-      if (te(e, r + 1) !== 115) break;
+      if (W(e, r + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (te(e, he(e) - 3 - (~nr(e, "!important") && 10))) {
+      switch (W(e, te(e) - 3 - (~De(e, "!important") && 10))) {
         // stic(k)y
         case 107:
-          return C(e, ":", ":" + A) + e;
+          return k(e, ":", ":" + E) + e;
         // (inline-)?fl(e)x
         case 101:
-          return C(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + A + (te(e, 14) === 45 ? "inline-" : "") + "box$3$1" + A + "$2$3$1" + ie + "$2box$3") + e;
+          return k(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + E + (W(e, 14) === 45 ? "inline-" : "") + "box$3$1" + E + "$2$3$1" + X + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch (te(e, r + 11)) {
+      switch (W(e, r + 11)) {
         // vertical-l(r)
         case 114:
-          return A + e + ie + C(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return E + e + X + k(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return A + e + ie + C(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return E + e + X + k(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return A + e + ie + C(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return E + e + X + k(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return A + e + ie + e + e;
+      return E + e + X + e + e;
   }
   return e;
 }
-var mt = function(r, n, i, a) {
+var rt = function(r, t, n, a) {
   if (r.length > -1 && !r.return) switch (r.type) {
-    case sr:
-      r.return = Or(r.value, r.length);
+    case We:
+      r.return = hr(r.value, r.length);
       break;
-    case Sr:
-      return Re([Le(r, {
-        value: C(r.value, "@", "@" + A)
+    case lr:
+      return ce([be(r, {
+        value: k(r.value, "@", "@" + E)
       })], a);
-    case or:
-      if (r.length) return Kr(r.props, function(t) {
-        switch (Qr(t, /(::plac\w+|:read-\w+)/)) {
+    case Ue:
+      if (r.length) return Fr(r.props, function(i) {
+        switch (zr(i, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
-            return Re([Le(r, {
-              props: [C(t, /:(read-\w+)/, ":" + Ye + "$1")]
+            return ce([be(r, {
+              props: [k(i, /:(read-\w+)/, ":" + je + "$1")]
             })], a);
           // :placeholder
           case "::placeholder":
-            return Re([Le(r, {
-              props: [C(t, /:(plac\w+)/, ":" + A + "input-$1")]
-            }), Le(r, {
-              props: [C(t, /:(plac\w+)/, ":" + Ye + "$1")]
-            }), Le(r, {
-              props: [C(t, /:(plac\w+)/, ie + "input-$1")]
+            return ce([be(r, {
+              props: [k(i, /:(plac\w+)/, ":" + E + "input-$1")]
+            }), be(r, {
+              props: [k(i, /:(plac\w+)/, ":" + je + "$1")]
+            }), be(r, {
+              props: [k(i, /:(plac\w+)/, X + "input-$1")]
             })], a);
         }
         return "";
       });
   }
-}, yt = [mt], vt = function(r) {
-  var n = r.key;
-  if (n === "css") {
-    var i = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(i, function(h) {
-      var v = h.getAttribute("data-emotion");
-      v.indexOf(" ") !== -1 && (document.head.appendChild(h), h.setAttribute("data-s", ""));
+}, tt = [rt], nt = 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(h) {
+      var y = h.getAttribute("data-emotion");
+      y.indexOf(" ") !== -1 && (document.head.appendChild(h), h.setAttribute("data-s", ""));
     });
   }
-  var a = r.stylisPlugins || yt, t = {}, s, c = [];
+  var a = r.stylisPlugins || tt, i = {}, 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^="' + n + ' "]'),
+    document.querySelectorAll('style[data-emotion^="' + t + ' "]'),
     function(h) {
-      for (var v = h.getAttribute("data-emotion").split(" "), w = 1; w < v.length; w++)
-        t[v[w]] = !0;
-      c.push(h);
+      for (var y = h.getAttribute("data-emotion").split(" "), v = 1; v < y.length; v++)
+        i[y[v]] = !0;
+      l.push(h);
     }
   );
-  var f, m = [pt, ht];
+  var p, f = [Zr, et];
   {
-    var u, p = [st, ct(function(h) {
-      u.insert(h);
-    })], x = lt(m.concat(a, p)), g = function(v) {
-      return Re(at(v), x);
+    var c, u = [Gr, Xr(function(h) {
+      c.insert(h);
+    })], I = Hr(f.concat(a, u)), _ = function(y) {
+      return ce(qr(y), I);
     };
-    f = function(v, w, b, L) {
-      u = b, g(v ? v + "{" + w.styles + "}" : w.styles), L && (E.inserted[w.name] = !0);
+    p = function(y, v, g, T) {
+      c = g, _(y ? y + "{" + v.styles + "}" : v.styles), T && (w.inserted[v.name] = !0);
     };
   }
-  var E = {
-    key: n,
-    sheet: new Wr({
-      key: n,
+  var w = {
+    key: t,
+    sheet: new Tr({
+      key: t,
       container: s,
       nonce: r.nonce,
       speedy: r.speedy,
@@ -900,60 +900,60 @@ var mt = function(r, n, i, a) {
       insertionPoint: r.insertionPoint
     }),
     nonce: r.nonce,
-    inserted: t,
+    inserted: i,
     registered: {},
-    insert: f
+    insert: p
   };
-  return E.sheet.hydrate(c), E;
-}, gt = !0;
-function xt(e, r, n) {
-  var i = "";
-  return n.split(" ").forEach(function(a) {
-    e[a] !== void 0 ? r.push(e[a] + ";") : a && (i += a + " ");
-  }), i;
+  return w.sheet.hydrate(l), w;
+}, at = !0;
+function it(e, r, t) {
+  var n = "";
+  return t.split(" ").forEach(function(a) {
+    e[a] !== void 0 ? r.push(e[a] + ";") : a && (n += a + " ");
+  }), n;
 }
-var Vr = function(r, n, i) {
-  var a = r.key + "-" + n.name;
+var yr = function(r, t, n) {
+  var a = 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
-  (i === !1 || // we need to always store it if we're in compat mode and
+  (n === !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
-  gt === !1) && r.registered[a] === void 0 && (r.registered[a] = n.styles);
-}, wt = function(r, n, i) {
-  Vr(r, n, i);
-  var a = r.key + "-" + n.name;
-  if (r.inserted[n.name] === void 0) {
-    var t = n;
+  at === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
+}, ot = function(r, t, n) {
+  yr(r, t, n);
+  var a = r.key + "-" + t.name;
+  if (r.inserted[t.name] === void 0) {
+    var i = t;
     do
-      r.insert(n === t ? "." + a : "", t, r.sheet, !0), t = t.next;
-    while (t !== void 0);
+      r.insert(t === i ? "." + a : "", i, r.sheet, !0), i = i.next;
+    while (i !== void 0);
   }
 };
-function bt(e) {
-  for (var r = 0, n, i = 0, a = e.length; a >= 4; ++i, a -= 4)
-    n = e.charCodeAt(i) & 255 | (e.charCodeAt(++i) & 255) << 8 | (e.charCodeAt(++i) & 255) << 16 | (e.charCodeAt(++i) & 255) << 24, n = /* Math.imul(k, m): */
-    (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= /* k >>> r: */
-    n >>> 24, r = /* Math.imul(k, m): */
-    (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+function st(e) {
+  for (var r = 0, t, n = 0, a = e.length; a >= 4; ++n, a -= 4)
+    t = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
+    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
+    t >>> 24, r = /* Math.imul(k, m): */
+    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
   switch (a) {
     case 3:
-      r ^= (e.charCodeAt(i + 2) & 255) << 16;
+      r ^= (e.charCodeAt(n + 2) & 255) << 16;
     case 2:
-      r ^= (e.charCodeAt(i + 1) & 255) << 8;
+      r ^= (e.charCodeAt(n + 1) & 255) << 8;
     case 1:
-      r ^= e.charCodeAt(i) & 255, r = /* Math.imul(h, m): */
+      r ^= e.charCodeAt(n) & 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 _t = {
+var lt = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1002,221 +1002,221 @@ var _t = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, Et = /[A-Z]|^ms/g, Pt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Lr = function(r) {
+}, ct = /[A-Z]|^ms/g, ut = /_EMO_([^_]+?)_([^]*?)_EMO_/g, mr = function(r) {
   return r.charCodeAt(1) === 45;
-}, vr = function(r) {
+}, Ze = function(r) {
   return r != null && typeof r != "boolean";
-}, Ke = /* @__PURE__ */ kr(function(e) {
-  return Lr(e) ? e : e.replace(Et, "-$&").toLowerCase();
-}), gr = function(r, n) {
+}, ze = /* @__PURE__ */ pr(function(e) {
+  return mr(e) ? e : e.replace(ct, "-$&").toLowerCase();
+}), er = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
-      if (typeof n == "string")
-        return n.replace(Pt, function(i, a, t) {
-          return me = {
+      if (typeof t == "string")
+        return t.replace(ut, function(n, a, i) {
+          return ne = {
             name: a,
-            styles: t,
-            next: me
+            styles: i,
+            next: ne
           }, a;
         });
   }
-  return _t[r] !== 1 && !Lr(r) && typeof n == "number" && n !== 0 ? n + "px" : n;
+  return lt[r] !== 1 && !mr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
-function Ne(e, r, n) {
-  if (n == null)
+function Pe(e, r, t) {
+  if (t == null)
     return "";
-  var i = n;
-  if (i.__emotion_styles !== void 0)
-    return i;
-  switch (typeof n) {
+  var n = t;
+  if (n.__emotion_styles !== void 0)
+    return n;
+  switch (typeof t) {
     case "boolean":
       return "";
     case "object": {
-      var a = n;
+      var a = t;
       if (a.anim === 1)
-        return me = {
+        return ne = {
           name: a.name,
           styles: a.styles,
-          next: me
+          next: ne
         }, a.name;
-      var t = n;
-      if (t.styles !== void 0) {
-        var s = t.next;
+      var i = t;
+      if (i.styles !== void 0) {
+        var s = i.next;
         if (s !== void 0)
           for (; s !== void 0; )
-            me = {
+            ne = {
               name: s.name,
               styles: s.styles,
-              next: me
+              next: ne
             }, s = s.next;
-        var c = t.styles + ";";
-        return c;
+        var l = i.styles + ";";
+        return l;
       }
-      return It(e, r, n);
+      return dt(e, r, t);
     }
     case "function": {
       if (e !== void 0) {
-        var f = me, m = n(e);
-        return me = f, Ne(e, r, m);
+        var p = ne, f = t(e);
+        return ne = p, Pe(e, r, f);
       }
       break;
     }
   }
-  var u = n;
+  var c = t;
   if (r == null)
-    return u;
-  var p = r[u];
-  return p !== void 0 ? p : u;
+    return c;
+  var u = r[c];
+  return u !== void 0 ? u : c;
 }
-function It(e, r, n) {
-  var i = "";
-  if (Array.isArray(n))
-    for (var a = 0; a < n.length; a++)
-      i += Ne(e, r, n[a]) + ";";
+function dt(e, r, t) {
+  var n = "";
+  if (Array.isArray(t))
+    for (var a = 0; a < t.length; a++)
+      n += Pe(e, r, t[a]) + ";";
   else
-    for (var t in n) {
-      var s = n[t];
+    for (var i in t) {
+      var s = t[i];
       if (typeof s != "object") {
-        var c = s;
-        r != null && r[c] !== void 0 ? i += t + "{" + r[c] + "}" : vr(c) && (i += Ke(t) + ":" + gr(t, c) + ";");
+        var l = s;
+        r != null && r[l] !== void 0 ? n += i + "{" + r[l] + "}" : Ze(l) && (n += ze(i) + ":" + er(i, 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++)
-          vr(s[f]) && (i += Ke(t) + ":" + gr(t, s[f]) + ";");
+        for (var p = 0; p < s.length; p++)
+          Ze(s[p]) && (n += ze(i) + ":" + er(i, s[p]) + ";");
       else {
-        var m = Ne(e, r, s);
-        switch (t) {
+        var f = Pe(e, r, s);
+        switch (i) {
           case "animation":
           case "animationName": {
-            i += Ke(t) + ":" + m + ";";
+            n += ze(i) + ":" + f + ";";
             break;
           }
           default:
-            i += t + "{" + m + "}";
+            n += i + "{" + f + "}";
         }
       }
     }
-  return i;
+  return n;
 }
-var xr = /label:\s*([^\s;{]+)\s*(;|$)/g, me;
-function St(e, r, n) {
+var rr = /label:\s*([^\s;{]+)\s*(;|$)/g, ne;
+function ft(e, r, t) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
-  var i = !0, a = "";
-  me = void 0;
-  var t = e[0];
-  if (t == null || t.raw === void 0)
-    i = !1, a += Ne(n, r, t);
+  var n = !0, a = "";
+  ne = void 0;
+  var i = e[0];
+  if (i == null || i.raw === void 0)
+    n = !1, a += Pe(t, r, i);
   else {
-    var s = t;
+    var s = i;
     a += s[0];
   }
-  for (var c = 1; c < e.length; c++)
-    if (a += Ne(n, r, e[c]), i) {
-      var f = t;
-      a += f[c];
+  for (var l = 1; l < e.length; l++)
+    if (a += Pe(t, r, e[l]), n) {
+      var p = i;
+      a += p[l];
     }
-  xr.lastIndex = 0;
-  for (var m = "", u; (u = xr.exec(a)) !== null; )
-    m += "-" + u[1];
-  var p = bt(a) + m;
+  rr.lastIndex = 0;
+  for (var f = "", c; (c = rr.exec(a)) !== null; )
+    f += "-" + c[1];
+  var u = st(a) + f;
   return {
-    name: p,
+    name: u,
     styles: a,
-    next: me
+    next: ne
   };
 }
-var Rt = function(r) {
+var pt = function(r) {
   return r();
-}, Tt = xe.useInsertionEffect ? xe.useInsertionEffect : !1, At = Tt || Rt, jr = /* @__PURE__ */ xe.createContext(
+}, ht = ie.useInsertionEffect ? ie.useInsertionEffect : !1, yt = ht || pt, vr = /* @__PURE__ */ ie.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__ */ vt({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ nt({
     key: "css"
   }) : null
 );
-jr.Provider;
-var Ct = function(r) {
-  return /* @__PURE__ */ Fr(function(n, i) {
-    var a = Er(jr);
-    return r(n, a, i);
+vr.Provider;
+var mt = function(r) {
+  return /* @__PURE__ */ wr(function(t, n) {
+    var a = ir(vr);
+    return r(t, a, n);
   });
-}, kt = /* @__PURE__ */ xe.createContext({}), Ot = /^((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__ */ kr(
+}, vt = /* @__PURE__ */ ie.createContext({}), bt = /^((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)-.*))$/, gt = /* @__PURE__ */ pr(
   function(e) {
-    return Ot.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+    return bt.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), Lt = Vt, jt = function(r) {
+), xt = gt, Pt = function(r) {
   return r !== "theme";
-}, wr = function(r) {
+}, tr = 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 ? Lt : jt;
-}, br = function(r, n, i) {
+  r.charCodeAt(0) > 96 ? xt : Pt;
+}, nr = function(r, t, n) {
   var a;
-  if (n) {
-    var t = n.shouldForwardProp;
-    a = r.__emotion_forwardProp && t ? function(s) {
-      return r.__emotion_forwardProp(s) && t(s);
-    } : t;
+  if (t) {
+    var i = t.shouldForwardProp;
+    a = r.__emotion_forwardProp && i ? function(s) {
+      return r.__emotion_forwardProp(s) && i(s);
+    } : i;
   }
-  return typeof a != "function" && i && (a = r.__emotion_forwardProp), a;
-}, $t = function(r) {
-  var n = r.cache, i = r.serialized, a = r.isStringTag;
-  return Vr(n, i, a), At(function() {
-    return wt(n, i, a);
+  return typeof a != "function" && n && (a = r.__emotion_forwardProp), a;
+}, _t = function(r) {
+  var t = r.cache, n = r.serialized, a = r.isStringTag;
+  return yr(t, n, a), yt(function() {
+    return ot(t, n, a);
   }), null;
-}, Nt = function e(r, n) {
-  var i = r.__emotion_real === r, a = i && r.__emotion_base || r, t, s;
-  n !== void 0 && (t = n.label, s = n.target);
-  var c = br(r, n, i), f = c || wr(a), m = !f("as");
+}, wt = 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 l = nr(r, t, n), p = l || tr(a), f = !p("as");
   return function() {
-    var u = arguments, p = i && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
-    if (t !== void 0 && p.push("label:" + t + ";"), u[0] == null || u[0].raw === void 0)
-      p.push.apply(p, u);
+    var c = arguments, u = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
+    if (i !== void 0 && u.push("label:" + i + ";"), c[0] == null || c[0].raw === void 0)
+      u.push.apply(u, c);
     else {
-      var x = u[0];
-      p.push(x[0]);
-      for (var g = u.length, E = 1; E < g; E++)
-        p.push(u[E], x[E]);
+      var I = c[0];
+      u.push(I[0]);
+      for (var _ = c.length, w = 1; w < _; w++)
+        u.push(c[w], I[w]);
     }
-    var h = Ct(function(v, w, b) {
-      var L = m && v.as || a, F = "", k = [], I = v;
-      if (v.theme == null) {
-        I = {};
-        for (var _ in v)
-          I[_] = v[_];
-        I.theme = xe.useContext(kt);
+    var h = mt(function(y, v, g) {
+      var T = f && y.as || a, N = "", z = [], R = y;
+      if (y.theme == null) {
+        R = {};
+        for (var b in y)
+          R[b] = y[b];
+        R.theme = ie.useContext(vt);
       }
-      typeof v.className == "string" ? F = xt(w.registered, k, v.className) : v.className != null && (F = v.className + " ");
-      var J = St(p.concat(k), w.registered, I);
-      F += w.key + "-" + J.name, s !== void 0 && (F += " " + s);
-      var Y = m && c === void 0 ? wr(L) : f, P = {};
-      for (var y in v)
-        m && y === "as" || Y(y) && (P[y] = v[y]);
-      return P.className = F, b && (P.ref = b), /* @__PURE__ */ xe.createElement(xe.Fragment, null, /* @__PURE__ */ xe.createElement($t, {
-        cache: w,
+      typeof y.className == "string" ? N = it(v.registered, z, y.className) : y.className != null && (N = y.className + " ");
+      var J = ft(u.concat(z), v.registered, R);
+      N += v.key + "-" + J.name, s !== void 0 && (N += " " + s);
+      var q = f && l === void 0 ? tr(T) : p, C = {};
+      for (var A in y)
+        f && A === "as" || q(A) && (C[A] = y[A]);
+      return C.className = N, g && (C.ref = g), /* @__PURE__ */ ie.createElement(ie.Fragment, null, /* @__PURE__ */ ie.createElement(_t, {
+        cache: v,
         serialized: J,
-        isStringTag: typeof L == "string"
-      }), /* @__PURE__ */ xe.createElement(L, P));
+        isStringTag: typeof T == "string"
+      }), /* @__PURE__ */ ie.createElement(T, C));
     });
-    return h.displayName = t !== void 0 ? t : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", h.defaultProps = r.defaultProps, h.__emotion_real = h, h.__emotion_base = a, h.__emotion_styles = p, h.__emotion_forwardProp = c, Object.defineProperty(h, "toString", {
+    return h.displayName = i !== void 0 ? i : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", h.defaultProps = r.defaultProps, h.__emotion_real = h, h.__emotion_base = a, h.__emotion_styles = u, h.__emotion_forwardProp = l, Object.defineProperty(h, "toString", {
       value: function() {
         return "." + s;
       }
-    }), h.withComponent = function(v, w) {
-      var b = e(v, tr({}, n, w, {
-        shouldForwardProp: br(h, w, !0)
+    }), h.withComponent = function(y, v) {
+      var g = e(y, Ve({}, t, v, {
+        shouldForwardProp: nr(h, v, !0)
       }));
-      return b.apply(void 0, p);
+      return g.apply(void 0, u);
     }, h;
   };
-}, Ft = [
+}, Et = [
   "a",
   "abbr",
   "address",
@@ -1352,11 +1352,11 @@ var Ct = function(r) {
   "svg",
   "text",
   "tspan"
-], Ae = Nt.bind(null);
-Ft.forEach(function(e) {
-  Ae[e] = Ae(e);
+], de = wt.bind(null);
+Et.forEach(function(e) {
+  de[e] = de(e);
 });
-const Dt = Ae.div`
+const kt = de.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1397,11 +1397,11 @@ const Dt = Ae.div`
       return "";
   }
 }}
-`, ar = ({ type: e, children: r, className: n, icon: i, action: a }) => /* @__PURE__ */ Z.jsxs(Dt, { type: e, className: n, children: [
-  i && /* @__PURE__ */ Z.jsx("span", { children: i }),
-  /* @__PURE__ */ Z.jsx("span", { children: r }),
-  a && /* @__PURE__ */ Z.jsx("span", { children: a })
-] }), _r = Ae.div`
+`, Oe = ({ type: e, children: r, className: t, icon: n, action: a }) => /* @__PURE__ */ F.jsxs(kt, { type: e, className: t, children: [
+  n && /* @__PURE__ */ F.jsx("span", { children: n }),
+  /* @__PURE__ */ F.jsx("span", { children: r }),
+  a && /* @__PURE__ */ F.jsx("span", { children: a })
+] }), ar = de.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 Dt = Ae.div`
 
   /* Hide specific elements inside the player */
   ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((r) => `.${r} { display: none !important; }`).join("")}
-`, Mt = Ae.div`
+`, St = de.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -1425,949 +1425,792 @@ const Dt = Ae.div`
   align-items: center;
   z-index: 1000;
   pointer-events: auto;
-`, zt = Ae.div`
+`, It = de.div`
   position: relative;
-  max-width: 100vw;
+  height: 80vh;
+  width: auto;
   aspect-ratio: 9 / 16;
-  height: auto;
+  max-width: 90vw;
+  max-height: 90vh;
   z-index: 1001;
-  max-height: 100vh;
-`, Bt = (e, r) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${r}`, Ut = (e) => `https://host.vpplayer.tech/playlist/${e}`, qt = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, cr = (e, r) => `vp-player-${e || "default"}-${r || ""}`, Ze = /* @__PURE__ */ new Map(), Wt = (e, r) => {
-  const [n, i] = de(!1), [a, t] = de(null);
-  return Se(() => {
-    let s = null, c, f = 0;
-    const m = 3;
-    let u;
+`, br = "https://host.vpplayer.tech", Rt = (e) => `${br}/player/${e}/vpplayer.js`, gr = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", Ie = /* @__PURE__ */ new Map(), Ct = (e, r) => {
+  const [t, n] = le(!1), [a, i] = le(null);
+  return Me(() => {
+    let s;
     try {
-      u = r || qt(e || "latest");
-    } catch (g) {
-      const E = g instanceof Error ? g.message : String(g);
-      t(`Failed to resolve script URL: ${E}`), i(!1);
+      s = r || Rt(e || "latest");
+    } catch (f) {
+      const c = f instanceof Error ? f.message : String(f);
+      i(`Failed to resolve script URL: ${c}`);
       return;
     }
-    if (Ze.get(u)) {
-      i(!0), t(null);
-      return;
-    }
-    if (document.querySelector(`script[src="${u}"]`)) {
-      Ze.set(u, !0), i(!0), t(null);
-      return;
-    }
-    const x = () => {
-      s = document.createElement("script"), s.src = u, s.async = !0, c = window.setTimeout(() => {
-        i(!1), t(`Loading script timed out: ${u}`);
-      }, 1e4), s.onload = () => {
-        clearTimeout(c), Ze.set(u, !0), i(!0), t(null);
-      }, s.onerror = () => {
-        clearTimeout(c), f++, f < m ? setTimeout(x, 1e3 * f) : (i(!1), t(`Failed to load VP Player script after ${m} attempts: ${u}`));
-      }, document.body.appendChild(s);
-    };
-    return x(), () => {
-      clearTimeout(c), s && document.body.contains(s) && document.body.removeChild(s);
-    };
-  }, [e, r]), { isLoaded: n, error: a };
-}, Be = /* @__PURE__ */ new Map(), Yt = 3e4, er = 5, Ht = ({
-  projectId: e,
-  videoId: r,
-  playlistId: n,
-  videoUrl: i
-}) => {
-  const [a, t] = de(null), [s, c] = de(null), [f, m] = de(!1), [u, p] = de(null);
-  return Se(() => {
-    const x = r ? `video:${r}` : n ? `playlist:${n}` : null;
-    if (i || !r && !n) {
-      t(i || null), c(null), m(!1), p(null);
-      return;
-    }
-    if (r && !e) {
-      m(!1), p("projectId is required for single video fetch");
-      return;
-    }
-    if (x && Be.has(x)) {
-      const b = Be.get(x);
-      t(b.url), c(b.playlist), m(!1), p(null);
-      return;
-    }
-    let g = !0;
-    const E = new AbortController(), h = E.signal, w = setTimeout(async () => {
-      var L, F;
-      if (!g)
-        return;
-      m(!0), p(null);
-      let b = 0;
-      for (; b < er && g; )
-        try {
-          const k = r && !n ? Bt(e, r) : Ut(n), I = setTimeout(() => E.abort(), Yt), J = await fetch(k, {
-            method: "GET",
-            headers: {
-              Accept: "application/json",
-              "Cache-Control": "no-cache"
-            },
-            signal: h
-          });
-          if (clearTimeout(I), !J.ok)
-            throw new Error(`Fetch failed with status ${J.status}`);
-          const Y = await J.json();
-          if (!g)
-            return;
-          if (r && !n) {
-            const P = (F = (L = Y.result) == null ? void 0 : L.items) == null ? void 0 : F.find((y) => y.mediaId === r);
-            if (!(P != null && P.playbackUrl)) throw new Error("Invalid video data");
-            t(P.playbackUrl), c(null), x && Be.set(x, { url: P.playbackUrl, playlist: null });
-          } else {
-            const P = Y.videos;
-            if (!Array.isArray(P))
-              throw new Error("Invalid playlist format");
-            c(P), t(null), x && Be.set(x, { url: null, playlist: P });
-          }
-          break;
-        } catch (k) {
-          if (h.aborted) {
-            g && p("Request timed out");
-            break;
-          }
-          if (b++, b >= er) {
-            const I = k instanceof Error ? k.message : String(k);
-            g && p(`Failed after ${er} attempts: ${I}`);
-          } else
-            await new Promise((I) => setTimeout(I, 2e3));
-        }
-      g && m(!1);
-    }, 100);
-    return () => {
-      g = !1, clearTimeout(w), E.abort();
-    };
-  }, [e, r, n, i]), { fetchedPlaybackUrl: a, fetchedPlaylist: s, isLoading: f, error: u };
-}, Gt = ({
-  playerId: e,
-  playerInstanceRef: r,
-  playerRef: n,
-  videoData: i,
-  trackingMetadata: a,
-  callbacks: t
-}) => {
-  const s = K(!1), c = K(!1), f = K(!1), m = K(0), u = K({}), p = K(null), x = K(null), g = K(null), E = K(null), h = K(!1), v = K(!1);
-  Se(() => {
-    if (!(t && (t.onPlayerStart || t.onPlayerPlay || t.onPlayerPause || t.onPlayerResume || t.onPlayerEnd || t.onPlayerProgressEvery10Seconds || t.onPlayerProgressAt20Seconds || t.onPlayerQuartile25 || t.onPlayerQuartile50 || t.onPlayerQuartile75 || t.onPlayerNext || t.onPlayerPrevious || t.onPlayerEvent)))
-      return;
-    const b = () => {
-      s.current = !1, c.current = !1, f.current = !1, m.current = 0, u.current = {};
-    }, L = () => {
-      var B;
-      const y = document.getElementById(e);
-      if (!y) return null;
-      if (y.querySelectorAll("video").length > 1 && r.current) {
-        const U = r.current, M = U.videoIndex ?? ((B = U.playlist) == null ? void 0 : B.playlistVideoIndex) ?? 0, j = y.querySelector(`video[id="${M}"]`);
-        if (j)
-          return j;
-        const z = y.querySelector("video.active");
-        if (z)
-          return z;
-      }
-      return y.querySelector("video");
-    }, F = () => {
-      const y = L();
-      if (!y)
-        return !1;
-      const S = (l, d) => {
-        var H, fe, V, ee, pe, ne, _e, De, ce, we, ve, Je, Qe, ke;
-        const $ = Date.now();
-        if (!(l === "player_start" && s.current)) {
-          switch (E.current = { type: l, time: $ }, l) {
-            case "player_start":
-              (H = t.onPlayerStart) == null || H.call(t, l);
-              break;
-            case "player_play":
-              (fe = t.onPlayerPlay) == null || fe.call(t, l);
-              break;
-            case "player_pause":
-              (V = t.onPlayerPause) == null || V.call(t, l);
-              break;
-            case "player_resume":
-              (ee = t.onPlayerResume) == null || ee.call(t, l);
-              break;
-            case "player_end":
-              (pe = t.onPlayerEnd) == null || pe.call(t, l);
-              break;
-            case "player_progress_every_10_seconds":
-              d !== void 0 && ((ne = t.onPlayerProgressEvery10Seconds) == null || ne.call(t, l, d));
-              break;
-            case "player_progress_at_20_seconds":
-              d !== void 0 && ((_e = t.onPlayerProgressAt20Seconds) == null || _e.call(t, l, d));
-              break;
-            case "player_quartile_25":
-              d !== void 0 && ((De = t.onPlayerQuartile25) == null || De.call(t, l, d));
-              break;
-            case "player_quartile_50":
-              d !== void 0 && ((ce = t.onPlayerQuartile50) == null || ce.call(t, l, d));
-              break;
-            case "player_quartile_75":
-              d !== void 0 && ((we = t.onPlayerQuartile75) == null || we.call(t, l, d));
-              break;
-            case "player_next":
-              (ve = t.onPlayerNext) == null || ve.call(t, l);
-              break;
-            case "player_previous":
-              (Je = t.onPlayerPrevious) == null || Je.call(t, l);
-              break;
-          }
-          d !== void 0 && (l === "player_progress_every_10_seconds" || l === "player_progress_at_20_seconds" || l === "player_quartile_25" || l === "player_quartile_50" || l === "player_quartile_75") ? (Qe = t.onPlayerEvent) == null || Qe.call(t, l, d) : (ke = t.onPlayerEvent) == null || ke.call(t, l);
-        }
-      }, B = () => L() === y, U = () => {
-        h.current || B() && (s.current || (S("player_start"), s.current = !0));
-      }, M = () => {
-        h.current || B() && (s.current || (S("player_start"), s.current = !0), f.current ? S("player_resume") : c.current && v.current ? (S("player_play"), v.current = !1) : c.current || (S("player_play"), c.current = !0), f.current = !1);
-      }, j = () => {
-        y.ended || h.current || setTimeout(() => {
-          var l;
-          if (!h.current) {
-            if (r.current && x.current !== null) {
-              const d = r.current;
-              if ((d.videoIndex ?? ((l = d.playlist) == null ? void 0 : l.playlistVideoIndex) ?? 0) !== x.current)
-                return;
-            }
-            S("player_pause"), f.current = !0;
-          }
-        }, 200);
-      }, z = () => {
-        S("player_end");
-      }, O = () => {
-        if (h.current) return;
-        const l = y.duration > 0 ? y.currentTime / y.duration * 100 : 0, d = Math.floor(y.currentTime);
-        d - m.current >= 10 && (m.current = d, S("player_progress_every_10_seconds", d)), d >= 20 && !u.current[20] && (u.current[20] = !0, S("player_progress_at_20_seconds", d)), l >= 25 && !u.current[25] && (u.current[25] = !0, S("player_quartile_25", d)), l >= 50 && !u.current[50] && (u.current[50] = !0, S("player_quartile_50", d)), l >= 75 && !u.current[75] && (u.current[75] = !0, S("player_quartile_75", d));
-      }, Q = () => {
-        v.current = !0;
-      };
-      if (g.current && g.current !== y) {
-        const l = g.current;
-        l.removeEventListener("loadedmetadata", U), l.removeEventListener("play", M), l.removeEventListener("pause", j), l.removeEventListener("ended", z), l.removeEventListener("timeupdate", O), l.removeEventListener("seeking", Q);
+    if (!Ie.has(s))
+      if (document.querySelector(
+        `script[src="${s}"]`
+      ))
+        Ie.set(s, Promise.resolve());
+      else {
+        const c = new Promise((u, I) => {
+          const _ = document.createElement("script");
+          _.src = s, _.async = !0, _.onload = () => u(), _.onerror = () => I(new Error(`Failed to load script: ${s}`)), document.body.appendChild(_);
+        });
+        Ie.set(s, c);
       }
-      g.current = y, y.addEventListener("loadedmetadata", U), y.addEventListener("play", M), y.addEventListener("pause", j), y.addEventListener("ended", z), y.addEventListener("timeupdate", O), y.addEventListener("seeking", Q), y.readyState >= 1 && U(), !y.paused && y.currentTime > 0 && !c.current && (s.current || U(), M());
-      const q = document.getElementById(e), o = (l) => {
-        const d = l.target;
-        (d.closest(".vp-next") || d.closest(".vrt-icon-down") || d.closest(".vrt-arrow.vrt-icon-down")) && (h.current = !0, S("player_next"), b(), setTimeout(() => {
-          h.current = !1;
-        }, 500)), (d.closest(".vp-prev") || d.closest(".vp-previous") || d.closest(".vrt-icon-up") || d.closest(".vrt-arrow.vrt-icon-up")) && (h.current = !0, S("player_previous"), b(), setTimeout(() => {
-          h.current = !1;
-        }, 500));
-      };
-      return q && q.addEventListener("click", o, !0), p.current = () => {
-        const l = g.current || y;
-        l.removeEventListener("loadedmetadata", U), l.removeEventListener("play", M), l.removeEventListener("pause", j), l.removeEventListener("ended", z), l.removeEventListener("timeupdate", O), l.removeEventListener("seeking", Q), q == null || q.removeEventListener("click", o, !0), g.current = null;
-      }, !0;
+    let l = !0;
+    const p = Ie.get(s);
+    return p && p.then(() => {
+      l && (n(!0), i(null));
+    }).catch((f) => {
+      l && (n(!1), i(f instanceof Error ? f.message : String(f)));
+    }), () => {
+      l = !1;
     };
-    let k = null, I = !1;
-    const _ = () => {
-      if (!r.current) return;
-      const y = r.current, S = document.getElementById(e), B = S == null ? void 0 : S.querySelectorAll("video");
-      B && B.length > 1 && y.videoIndex !== void 0 && (k = window.setInterval(() => {
-        var M, j, z, O;
-        try {
-          const Q = y.videoIndex ?? ((M = y.playlist) == null ? void 0 : M.playlistVideoIndex) ?? 0;
-          if (x.current !== null && Q !== x.current) {
-            const q = Q > x.current, o = q ? "player_next" : "player_previous";
-            t && !h.current && (q ? (j = t.onPlayerNext) == null || j.call(t, o) : (z = t.onPlayerPrevious) == null || z.call(t, o), (O = t.onPlayerEvent) == null || O.call(t, o)), h.current = !0, p.current && (p.current(), p.current = null), s.current = !1, c.current = !1, f.current = !1, m.current = 0, u.current = {}, g.current = null, v.current = !1, setTimeout(() => {
-              F(), setTimeout(() => {
-                h.current = !1;
-              }, 200);
-            }, 100);
-          }
-          x.current = Q;
-        } catch {
-        }
-      }, 500));
-    };
-    let J = 0;
-    const Y = 20, P = setInterval(() => {
-      J++, F() && !I ? (I = !0, clearInterval(P), setTimeout(() => {
-        _();
-      }, 1e3)) : J >= Y && clearInterval(P);
-    }, 500);
-    return () => {
-      clearInterval(P), k !== null && (clearInterval(k), k = null), p.current && (p.current(), p.current = null);
-    };
-  }, [
-    e,
-    i,
-    a,
-    t,
-    r,
-    n
-  ]);
-}, Xt = {
-  projectId: "vp-player-projectId",
-  // this is used only if prop projectId is not provided
+  }, [e, r]), { isLoaded: t, error: a };
+}, Re = {
+  projectId: void 0,
+  // Set via props or config
   video: {
-    file: "",
-    // Will be set dynamically if no playlist
-    playlist: {
-      state: !0,
-      // Enable playlist by default
-      // If we have a playlist, we start with the first video, if any issue check value, should
-      playlistVideoIndex: 0,
-      // Start with the first video
-      videos: []
-      // Empty by default, populated via props
-    }
+    // 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
+    // Start muted (required for browser autoplay policy)
     loop: !1,
     // No loop by default
     size: {
       width: "100%",
-      // Width
       height: "30vh"
-      // Height
-    },
-    controls: {
-      settingsButton: !0,
-      // Settings button
-      chromecastButton: !1,
-      // Chromecast button, false by default
-      nextButton: !0,
-      // False by default (single video, no playlist)
-      fullscreenButton: !0,
-      // Fullscreen option
-      airplayButton: !1,
-      // False by default
-      bigPlayButton: !1,
-      // False by default
-      autopausePlayButton: !0,
-      // Basic play/pause control enabled
-      pictureInPictureButton: !1,
-      // False by default
-      relatedButton: !1,
-      // False by default (single video)
-      volumeButton: !0,
-      // Volume control
-      shareButton: !0
-      // Enabled by default
     }
+    // NOTE: Do NOT set controls here - let the SDK/managed script
+    // use what's configured in the Gjirafa admin panel (projectId config)
   }
-}, Ie = "vp-player-project", Jt = ({
+}, xr = (e, r) => {
+  if (!(r && !e))
+    return 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,
-  fetchedPlaybackUrl: r,
-  fetchedPlaylist: n,
-  projectId: i,
-  config: a = {},
-  isVerticalPlayer: t
-  // Distinguish between VP Player types
+  projectId: r,
+  config: t = {},
+  isVerticalPlayer: n = !1,
+  pureMode: a = !0
 }) => {
-  var u, p, x, g, E, h, v, w, b, L, F, k, I, _, J, Y, P, y, S, B, U, M;
-  const s = { ...Xt, ...a }, c = { ...s.config, ...a.config };
-  if (e)
-    return {
+  var I, _, w, h, y, v, g, T, N, z, R, b, J, q, C, A, $;
+  if (a)
+    return Tt({ videoUrl: e, projectId: r, config: t, isVerticalPlayer: n });
+  const i = { ...Re };
+  i.video = { ...Re.video, ...t.video };
+  let s = {
+    ...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)
+    ...((I = t.config) == null ? void 0 : I.controls) && {
+      controls: t.config.controls
+    },
+    // Ensure size is merged
+    size: {
+      ...Re.config.size,
+      ...(_ = t.config) == null ? void 0 : _.size
+    }
+  };
+  if (r && (i.projectId = r), t.projectId && (i.projectId = t.projectId), n && s.controls) {
+    const j = xr(
+      s.controls
+    );
+    s = {
       ...s,
-      projectId: i || Ie,
-      video: {
-        ...s.video,
-        file: e,
-        playlist: void 0
-      },
-      config: c
+      controls: j
     };
-  if (r)
+  }
+  const l = !!((h = (w = t == null ? void 0 : t.video) == null ? void 0 : w.playlist) != null && h.playlistId), p = !!((g = (v = (y = t == null ? void 0 : t.video) == null ? void 0 : y.playlist) == null ? void 0 : v.videos) != null && g.length), f = l || p, c = (T = t == null ? void 0 : t.video) == null ? void 0 : T.playlist;
+  if (n && f) {
+    const j = Number((c == null ? void 0 : c.playlistVideoIndex) || 0);
+    if ((N = c == null ? void 0 : c.videos) != null && N.length) {
+      const x = c.videos[j] || c.videos[0], Y = e || ((z = t == null ? void 0 : t.video) == null ? void 0 : z.file) || (x == null ? void 0 : x.file) || (x == null ? void 0 : x.hlsUrl), D = c.videos.map((Q) => {
+        const G = Q;
+        return {
+          videoId: G.videoId || "",
+          title: G.title || "",
+          file: G.file || G.hlsUrl || "",
+          thumbnailUrl: G.thumbnailUrl || G.thumbnail || "",
+          duration: G.duration || 0
+        };
+      });
+      return {
+        ...i,
+        projectId: r || t.projectId || "",
+        // Use top-level projectId if available
+        video: {
+          ...i.video,
+          videoId: (x == null ? void 0 : x.videoId) || "",
+          file: Y,
+          title: ((R = t.video) == null ? void 0 : R.title) || (x == null ? void 0 : x.title),
+          thumbnail: ((b = t.video) == null ? void 0 : b.thumbnail) || (x == null ? void 0 : x.thumbnailUrl),
+          playlist: {
+            state: !0,
+            playlistId: "",
+            // Empty string - required for manual playlist mode
+            playlistVideoIndex: j,
+            videos: D
+          }
+        },
+        config: s
+      };
+    }
     return {
-      ...s,
-      projectId: i || Ie,
-      video: {
-        ...s.video,
-        file: r,
-        playlist: void 0
-      },
-      config: c
-    };
-  if (n && n.length > 0) {
-    const j = ((p = (u = a == null ? void 0 : a.video) == null ? void 0 : u.playlist) == null ? void 0 : p.playlistVideoIndex) ?? ((x = a == null ? void 0 : a.config) == null ? void 0 : x.playlistVideoIndex) ?? 0;
-    return t ? {
-      ...s,
-      projectId: i || Ie,
-      video: {
-        ...s.video,
-        // Set first video file (index 0) to avoid VP Player duplication
-        videoId: (g = n[0]) == null ? void 0 : g.mediaId,
-        // Add videoId for tracking
-        file: (E = n[0]) == null ? void 0 : E.hlsUrl,
-        title: (h = n[0]) == null ? void 0 : h.title,
-        // thumbnail: fetchedPlaylist[0]?.thumbnailUrl,
-        playlist: {
-          state: !0,
-          playlistId: "",
-          // Will be set by API
-          // Use original playlistVideoIndex - VP Player will navigate to it
-          playlistVideoIndex: Number(j),
-          // Remove first video from playlist to avoid duplication (already in file)
-          videos: n.slice(1).map((O, Q) => ({
-            videoId: O.mediaId || String(Q + 1),
-            // Use mediaId if available
-            title: O.title,
-            file: O.hlsUrl,
-            thumbnailUrl: O.thumbnailUrl,
-            duration: O.duration
-          }))
-        }
-      },
-      config: c
-    } : {
-      ...s,
-      projectId: i || Ie,
+      ...i,
+      projectId: r || t.projectId || "",
+      // Use top-level projectId if available
       video: {
-        ...s.video,
-        videoId: ((v = n[Number(j)]) == null ? void 0 : v.mediaId) || ((w = n[0]) == null ? void 0 : w.mediaId),
-        // Add videoId for tracking
-        file: ((b = n[Number(j)]) == null ? void 0 : b.hlsUrl) || ((L = n[0]) == null ? void 0 : L.hlsUrl) || "",
-        title: ((F = n[Number(j)]) == null ? void 0 : F.title) || ((k = n[0]) == null ? void 0 : k.title),
-        thumbnail: ((I = n[Number(j)]) == null ? void 0 : I.thumbnailUrl) || ((_ = n[0]) == null ? void 0 : _.thumbnailUrl),
+        ...i.video,
+        file: e || ((J = t.video) == null ? void 0 : J.file),
+        // Use provided videoUrl as fallback/primary file
         playlist: {
           state: !0,
-          // playlistVideoIndex: String(userPlaylistVideoIndex), this has been bug, fixed, now int
-          playlistVideoIndex: Number(j),
-          videos: n.map((O, Q) => ({
-            videoId: O.mediaId || String(Q),
-            // Use mediaId if available
-            title: O.title,
-            file: O.hlsUrl,
-            thumbnailUrl: O.thumbnailUrl,
-            duration: O.duration
-          }))
+          playlistId: c == null ? void 0 : c.playlistId,
+          playlistVideoIndex: j
         }
       },
-      config: c
+      config: s
     };
   }
-  const f = ((J = a == null ? void 0 : a.video) == null ? void 0 : J.playlist) || s.video.playlist, m = (Y = a == null ? void 0 : a.video) == null ? void 0 : Y.file;
-  if (m)
+  if (e && !f)
     return {
-      ...s,
-      projectId: i || Ie,
+      ...i,
       video: {
-        ...s.video,
-        file: m,
+        ...i.video,
+        ...t.video,
+        file: e,
         playlist: void 0
-        // No playlist, just one video
       },
-      config: c
+      config: s
     };
-  if (f != null && f.videos && f.videos.length > 0) {
-    const j = ((y = (P = a == null ? void 0 : a.video) == null ? void 0 : P.playlist) == null ? void 0 : y.playlistVideoIndex) ?? ((S = a == null ? void 0 : a.config) == null ? void 0 : S.playlistVideoIndex) ?? 0;
+  if (f && c)
     return {
-      ...s,
-      projectId: i || Ie,
+      ...i,
       video: {
-        ...s.video,
-        videoId: (B = f.videos[0]) == null ? void 0 : B.videoId,
-        file: ((U = f.videos[0]) == null ? void 0 : U.file) || "",
-        title: (M = f.videos[0]) == null ? void 0 : M.title,
+        ...i.video,
+        ...t.video,
+        // For horizontal player, file can be omitted - SDK handles it
+        file: (q = t.video) == null ? void 0 : q.file,
         playlist: {
+          ...i.video.playlist,
+          ...c,
           state: !0,
-          playlistId: "",
-          playlistVideoIndex: Number(j),
-          videos: f.videos
+          playlistVideoIndex: Number(c.playlistVideoIndex || 0)
         }
       },
-      config: c
+      config: s
+    };
+  const u = ((C = t == null ? void 0 : t.video) == null ? void 0 : C.videoId) || (t == null ? void 0 : t.videoId);
+  if (u) {
+    const j = (A = t.video) == null ? void 0 : A.file, x = j && j.trim() !== "", Y = r || t.projectId || i.projectId;
+    let D;
+    return x ? D = j : Y && u && (D = `https://cdn.vpplayer.tech/${Y}/encode/${u}/hls/master_file.m3u8`), {
+      projectId: Y,
+      videoId: u,
+      video: {
+        ...t.video,
+        // Only user's explicit video config
+        videoId: u,
+        file: D
+      },
+      // Only include config if user explicitly provided overrides
+      ...t.config && { config: t.config }
     };
   }
+  if (($ = t == null ? void 0 : t.video) != null && $.file)
+    return {
+      ...i,
+      video: {
+        ...i.video,
+        ...t.video,
+        file: t.video.file,
+        playlist: void 0
+      },
+      config: s
+    };
   throw new Error(
     "No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist."
   );
-}, Qt = (e) => {
-  if (!e) return;
-  const r = /https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/, n = e.match(r);
-  return n ? n[2] : void 0;
-}, Kt = ({
+}, Tt = ({
+  videoUrl: e,
+  projectId: r,
+  config: t = {},
+  isVerticalPlayer: n = !1
+}) => {
+  var _, w, h, y, v, g, T, N, z, R, b, J, q;
+  const a = r || t.projectId, i = ((_ = t == null ? void 0 : t.video) == null ? void 0 : _.videoId) || (t == null ? void 0 : t.videoId), s = !!((h = (w = t == null ? void 0 : t.video) == null ? void 0 : w.playlist) != null && h.playlistId), l = !!((g = (v = (y = t == null ? void 0 : t.video) == null ? void 0 : y.playlist) == null ? void 0 : v.videos) != null && g.length), p = s || l, f = (T = t == null ? void 0 : t.video) == null ? void 0 : T.playlist, c = {};
+  a && (c.projectId = a), i && (c.videoId = i);
+  const u = {};
+  if (i && (u.videoId = i), e ? u.file = e : (N = t == null ? void 0 : t.video) != null && N.file ? u.file = t.video.file : a && i && !p && (u.file = `https://cdn.vpplayer.tech/${a}/encode/${i}/hls/master_file.m3u8`), p && f) {
+    const C = Number(f.playlistVideoIndex || 0);
+    if ((z = f.videos) != null && z.length) {
+      const A = f.videos[C] || f.videos[0];
+      if (n) {
+        const j = e || ((R = t == null ? void 0 : t.video) == null ? void 0 : R.file) || (A == null ? void 0 : A.file) || (A == null ? void 0 : A.hlsUrl);
+        j && (u.file = j), u.videoId = (A == null ? void 0 : A.videoId) || "";
+      }
+      const $ = f.videos.map((j) => {
+        const x = j;
+        return {
+          videoId: x.videoId || "",
+          title: x.title || "",
+          file: x.file || x.hlsUrl || "",
+          thumbnailUrl: x.thumbnailUrl || x.thumbnail || "",
+          duration: x.duration || 0
+        };
+      });
+      u.playlist = {
+        state: !0,
+        playlistId: f.playlistId || "",
+        playlistVideoIndex: C,
+        videos: $
+      };
+    } else f.playlistId && (u.playlist = {
+      state: !0,
+      playlistId: f.playlistId,
+      playlistVideoIndex: C
+    });
+  }
+  if (Object.keys(u).length > 0 && (c.video = u), t.config) {
+    const C = { ...t.config };
+    if (n && C.controls) {
+      const A = xr(
+        C.controls,
+        !0
+        // pureMode flag
+      );
+      A && (C.controls = A);
+    }
+    Object.keys(C).length > 0 && (c.config = C);
+  }
+  if (!(u.file || u.videoId || ((b = u.playlist) == null ? void 0 : b.playlistId) || ((q = (J = u.playlist) == null ? void 0 : J.videos) == null ? void 0 : q.length)))
+    throw new Error(
+      "No valid video source found in pure mode. Provide videoUrl, videoId, playlistId, or config with video.file or playlist."
+    );
+  return c;
+}, Ot = (e) => {
+  if (!e || e.includes("vertical-player") || e.includes("vpverticalplayer"))
+    return;
+  const r = br.replace(
+    /[.*+?^${}()|[\]\\]/g,
+    "\\$&"
+  ), t = new RegExp(
+    `${r}\\/player\\/([^/]+)\\/([^/]+)(?:\\/[^/]+)?\\.js`
+  ), n = e.match(t);
+  if (n)
+    return n[2];
+}, jt = ({
   playerId: e,
   videoId: r,
-  version: n,
-  videoUrl: i,
+  version: t,
+  videoUrl: n,
   projectId: a,
-  playlistId: t,
+  playlistId: i,
   scriptUrl: s,
-  config: c = {},
-  isReels: f = !1,
-  onPlaylistData: m,
+  config: l = {},
+  isReels: p = !1,
+  pureMode: f = !0,
+  onPlaylistData: c,
   onVideoStarted: u,
-  trackingMetadata: p,
-  onPlayerStart: x,
-  onPlayerPlay: g,
-  onPlayerPause: E,
+  onPlayerStart: I,
+  onPlayerPlay: _,
+  onPlayerPause: w,
   onPlayerResume: h,
-  onPlayerEnd: v,
-  onPlayerProgressEvery10Seconds: w,
-  onPlayerProgressAt20Seconds: b,
-  onPlayerQuartile25: L,
-  onPlayerQuartile50: F,
-  onPlayerQuartile75: k,
-  onPlayerNext: I,
-  onPlayerPrevious: _,
+  onPlayerEnd: y,
+  onPlayerProgressEvery10Seconds: v,
+  onPlayerProgressAt20Seconds: g,
+  onPlayerQuartile25: T,
+  onPlayerQuartile50: N,
+  onPlayerQuartile75: z,
+  onPlayerNext: R,
+  onPlayerPrevious: b,
   onPlayerEvent: J
 }) => {
-  const Y = K(null), P = K(null), y = K(!1), S = K(""), B = K([]), U = K([]), M = K(null), { isLoaded: j, error: z } = Wt(
-    n,
-    s
-  ), O = r || Qt(s), [Q, q] = de(null), {
-    fetchedPlaybackUrl: o,
-    fetchedPlaylist: l,
-    isLoading: d,
-    error: $
-  } = Ht({
-    projectId: a,
-    videoId: O,
-    playlistId: t,
-    videoUrl: i
-  }), H = cr(e, O), [fe, V] = de(void 0);
-  Se(() => {
-    l && m && m(l);
-  }, [l, m]), Gt({
-    playerId: H,
-    playerInstanceRef: P,
-    playerRef: Y,
-    videoData: fe,
-    trackingMetadata: p,
-    callbacks: {
-      onPlayerStart: x,
-      onPlayerPlay: g,
-      onPlayerPause: E,
+  var m;
+  const q = ye(null), C = ye(null), A = ye(!1), $ = ye({
+    onVideoStarted: u,
+    onPlaylistData: c,
+    onPlayerStart: I,
+    onPlayerPlay: _,
+    onPlayerPause: w,
+    onPlayerResume: h,
+    onPlayerEnd: y,
+    onPlayerProgressEvery10Seconds: v,
+    onPlayerProgressAt20Seconds: g,
+    onPlayerQuartile25: T,
+    onPlayerQuartile50: N,
+    onPlayerQuartile75: z,
+    onPlayerNext: R,
+    onPlayerPrevious: b,
+    onPlayerEvent: J
+  });
+  Me(() => {
+    $.current = {
+      onVideoStarted: u,
+      onPlaylistData: c,
+      onPlayerStart: I,
+      onPlayerPlay: _,
+      onPlayerPause: w,
       onPlayerResume: h,
-      onPlayerEnd: v,
-      onPlayerProgressEvery10Seconds: w,
-      onPlayerProgressAt20Seconds: b,
-      onPlayerQuartile25: L,
-      onPlayerQuartile50: F,
-      onPlayerQuartile75: k,
-      onPlayerNext: I,
-      onPlayerPrevious: _,
+      onPlayerEnd: y,
+      onPlayerProgressEvery10Seconds: v,
+      onPlayerProgressAt20Seconds: g,
+      onPlayerQuartile25: T,
+      onPlayerQuartile50: N,
+      onPlayerQuartile75: z,
+      onPlayerNext: R,
+      onPlayerPrevious: b,
       onPlayerEvent: J
-    }
+    };
   });
-  const pe = Pr(() => {
-    const ne = c.config || {}, _e = f && !ne.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : ne.size || { sizeType: "FIXED", width: "100%" };
+  const j = ye(!1), { isLoaded: x, error: Y } = Ct(
+    t,
+    s
+  ), D = r || Ot(s) || ((m = l == null ? void 0 : l.video) == null ? void 0 : m.videoId), [oe, Q] = le(null), G = Er().replace(/:/g, ""), Z = gr(
+    e || `auto-${G}`,
+    D
+  ), o = or(() => {
+    var H, B;
+    if (f)
+      return {
+        ...l,
+        video: {
+          ...l.video,
+          videoId: D,
+          playlist: i ? {
+            playlistId: i,
+            state: !0,
+            playlistVideoIndex: 0
+          } : (H = l.video) == null ? void 0 : H.playlist
+        },
+        // Only include config if user explicitly provided it
+        ...l.config && { config: l.config }
+      };
+    const P = l.config || {}, L = p && !P.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : P.size || { sizeType: "FIXED", width: "100%" };
     return {
-      ...c,
+      ...l,
+      video: {
+        ...l.video,
+        videoId: D,
+        playlist: i ? {
+          playlistId: i,
+          state: !0,
+          playlistVideoIndex: 0
+        } : (B = l.video) == null ? void 0 : B.playlist
+      },
       config: {
-        ...ne,
-        size: _e
+        ...P,
+        size: L
       }
     };
-  }, [c, f]);
-  return Se(() => {
-    if (z) {
-      q(z);
+  }, [l, p, D, i, f]);
+  return Me(() => {
+    if (Y) {
+      Q(Y);
       return;
     }
-    if (!j || d && !i) return;
-    let ne = !0;
-    const De = setTimeout(async () => {
+    if (!x) return;
+    let P = !0;
+    return (async () => {
+      var H;
       try {
-        B.current.forEach(
-          (oe) => clearInterval(oe)
-        ), B.current = [], U.current.forEach((oe) => clearTimeout(oe)), U.current = [], M.current = null;
-        const ce = (l == null ? void 0 : l.length) ?? 0, we = JSON.stringify({
-          playerId: H,
-          videoId: r || O,
-          playlistId: t,
-          videoUrl: i,
-          fetchedPlaybackUrl: o,
-          scriptUrl: s,
-          isReels: f,
-          projectId: a,
-          playlistLength: ce
-        });
-        if (y.current && P.current && S.current === we)
-          return;
-        S.current !== we && (y.current = !1, S.current = we);
-        const ve = s == null ? void 0 : s.includes("vertical-player");
-        if (document.querySelectorAll('[id*="player"]').forEach((oe) => {
-          var Pe, T;
-          const be = oe.id;
-          if (be !== H)
-            try {
-              const R = ve ? (Pe = window.vpVerticalPlayer) == null ? void 0 : Pe.call(window, be) : (T = window.vpPlayer) == null ? void 0 : T.call(window, be);
-              R != null && R.destroy && R.destroy();
-            } catch (R) {
-              console.warn(
-                `Failed to destroy existing player ${be}:`,
-                R
-              );
-            }
-        }), await new Promise((oe) => setTimeout(oe, 100)), !ne || !Y.current) return;
-        if (!document.getElementById(H)) {
-          q("DOM element not found after cleanup.");
-          return;
-        }
-        if (!window.vpPlayer && !window.vpVerticalPlayer) {
-          q("VP Player script not loaded.");
+        const B = (s == null ? void 0 : s.includes("vertical-player")) || (s == null ? void 0 : s.includes("vpverticalplayer")) || p, O = B ? window.vpVerticalPlayer : window.vpPlayer;
+        if (!O) {
+          Q("VP Player script loaded but global function not found.");
           return;
         }
-        const ke = ve ? window.vpVerticalPlayer : window.vpPlayer;
-        if (!ke) {
-          q(
-            `VP ${ve ? "Vertical " : ""}Player script not loaded.`
-          );
+        C.current = null, q.current;
+        const re = At({
+          videoUrl: n,
+          projectId: a,
+          config: o,
+          isVerticalPlayer: B,
+          pureMode: f
+        }), S = O(Z);
+        if (!S) {
+          Q("Failed to create player instance.");
           return;
         }
-        const ge = Jt({
-          videoUrl: i,
-          fetchedPlaybackUrl: o ?? void 0,
-          fetchedPlaylist: l ?? void 0,
-          projectId: a,
-          config: pe,
-          isVerticalPlayer: ve
-          // Pass player type to config builder
-        }), G = ke(H);
-        if (!G) {
-          q(
-            `Failed to create VP ${ve ? "Vertical " : ""}Player instance.`
+        if (await new Promise((V) => setTimeout(V, 0)), !document.getElementById(Z)) {
+          console.error(
+            `VP Player: Container element with ID '${Z}' not found in DOM.`
           );
           return;
         }
-        if (ne && Y.current && (G.setup(ge), P.current = G, y.current = !0, q(null), u && G.on)) {
-          const oe = () => {
-            var R, N, ae;
-            const T = {};
-            if ((N = (R = ge.video) == null ? void 0 : R.playlist) != null && N.videos && ge.video.playlist.videos.length > 0) {
-              const D = G.videoIndex ?? ((ae = G.playlist) == null ? void 0 : ae.playlistVideoIndex) ?? 0, W = ge.video.playlist.videos[D];
-              W && (T.title = W.title, T.file = W.file || W.hlsUrl, T.hlsUrl = W.file || W.hlsUrl, T.thumbnailUrl = W.thumbnailUrl, T.duration = W.duration, T.videoIndex = D, T.playlistVideoIndex = D, T.videoId = W.videoId || W.mediaId, T.mediaId = W.mediaId || W.videoId);
-            } else ge.video && (T.title = ge.video.title, T.file = ge.video.file, T.hlsUrl = ge.video.file, T.thumbnailUrl = ge.video.thumbnail, T.videoId = r || O, T.videoIndex = 0, T.playlistVideoIndex = 0, G.getDuration && (T.duration = G.getDuration()));
-            return T;
-          };
-          let be = null;
-          const Pe = async () => {
-            var T;
-            try {
-              be && clearTimeout(be), await new Promise((D) => setTimeout(D, 100));
-              let R = oe();
-              const N = R.videoId || R.mediaId;
-              if (N && N === M.current)
-                return;
-              if (be = window.setTimeout(() => {
-                M.current = null;
-              }, 500), (s == null ? void 0 : s.includes("vertical-player")) && N)
-                try {
-                  const Ee = `https://host.vpplayer.tech/player/ptkzurnx/${N}.json`, W = await fetch(Ee);
-                  if (W.ok) {
-                    const re = await W.json();
-                    re != null && re.video && (R = {
-                      ...R,
-                      title: re.video.title || R.title,
-                      description: re.video.description,
-                      publishDate: re.video.publishDate,
-                      projectId: re.projectId || R.projectId,
-                      premium: ((T = re.video.videoLocking) == null ? void 0 : T.isEnabled) || !1,
-                      author: re.video.author,
-                      tags: re.video.tags || []
-                    });
-                  }
-                } catch {
-                }
-              M.current = N || null, V(R), u(R);
-            } catch (R) {
-              console.warn("Error in video-started handler:", R);
-            }
-          };
-          if (ve) {
-            let T = !1, R = -1;
-            const N = () => {
-              if (!T) {
-                T = !0;
-                try {
-                  G.on && G.on("vp-video-started", Pe), setTimeout(() => {
-                    Pe(), R = G.videoIndex ?? 0;
-                  }, 500);
-                } catch (W) {
-                  console.error("Error setting up event listeners:", W);
-                }
-              }
-            };
-            let ae = 0;
-            const D = 15, Ee = setInterval(() => {
+        if (P) {
+          try {
+            if (!document.getElementById(Z))
+              return;
+            S.setup(re);
+          } catch (V) {
+            const we = V instanceof Error ? V.message : String(V);
+            if (we.includes("already initialized")) {
+              console.warn(
+                "VP Player: Player already initialized, attempting to destroy and retry."
+              );
               try {
-                const W = G.videoIndex !== void 0 || G.playlist;
-                if (!T)
-                  ae++, (W || ae >= D) && N();
-                else {
-                  const re = G.videoIndex ?? 0;
-                  re !== R && R !== -1 && (R = re, Pe());
-                }
-              } catch {
+                (H = S.destroy) == null || H.call(S), await new Promise((d) => setTimeout(d, 50)), P && document.getElementById(Z) && S.setup(re);
+              } catch (d) {
+                console.error(
+                  "VP Player: Failed to recover from initialization error",
+                  d
+                );
               }
-            }, 200);
-            B.current.push(Ee);
+            } else
+              console.error("VP Player: Setup error", V), Q(`Player setup failed: ${we}`);
+          }
+          if (C.current = S, A.current = !0, Q(null), j.current = !1, S.on) {
+            const V = S.on.bind(S), we = () => {
+              V("ready", () => {
+                const d = $.current;
+                d.onPlayerStart && d.onPlayerStart("player_start"), d.onPlayerEvent && d.onPlayerEvent("player_start");
+              }), V("play", () => {
+                const d = $.current;
+                d.onPlayerPlay && d.onPlayerPlay("player_play"), d.onPlayerEvent && d.onPlayerEvent("player_play");
+              }), V("video-started", (d) => {
+                const U = $.current;
+                U.onVideoStarted && U.onVideoStarted(d);
+              }), V("resume", () => {
+                const d = $.current;
+                d.onPlayerResume && d.onPlayerResume("player_resume"), d.onPlayerEvent && d.onPlayerEvent("player_resume");
+              }), V("pause", () => {
+                const d = $.current;
+                d.onPlayerPause && d.onPlayerPause("player_pause"), d.onPlayerEvent && d.onPlayerEvent("player_pause");
+              }), V("complete", () => {
+                const d = $.current;
+                d.onPlayerEnd && d.onPlayerEnd("player_end"), d.onPlayerEvent && d.onPlayerEvent("player_end"), j.current = !1;
+              }), V("firstQuartile", () => {
+                const d = $.current;
+                d.onPlayerQuartile25 && d.onPlayerQuartile25("player_quartile_25", 0), d.onPlayerEvent && d.onPlayerEvent("player_quartile_25", 0);
+              }), V("secondQuartile", () => {
+                const d = $.current;
+                d.onPlayerQuartile50 && d.onPlayerQuartile50("player_quartile_50", 0), d.onPlayerEvent && d.onPlayerEvent("player_quartile_50", 0);
+              }), V("thirdQuartile", () => {
+                const d = $.current;
+                d.onPlayerQuartile75 && d.onPlayerQuartile75("player_quartile_75", 0), d.onPlayerEvent && d.onPlayerEvent("player_quartile_75", 0);
+              }), V("video-state", (d) => {
+                var he;
+                const U = ((he = S.getPosition) == null ? void 0 : he.call(S)) ?? (d == null ? void 0 : d.position) ?? 0, se = $.current;
+                se.onPlayerProgressEvery10Seconds && se.onPlayerProgressEvery10Seconds(
+                  "player_progress_every_10_seconds",
+                  Math.floor(U)
+                ), se.onPlayerEvent && se.onPlayerEvent(
+                  "player_progress_every_10_seconds",
+                  Math.floor(U)
+                );
+              }), V("time", (d) => {
+                var se;
+                if (j.current) return;
+                let U = 0;
+                if (typeof d == "number" ? U = d : d && typeof d == "object" && "position" in d ? U = d.position : U = ((se = S.getPosition) == null ? void 0 : se.call(S)) ?? 0, U >= 20) {
+                  j.current = !0;
+                  const he = Math.floor(U), Ee = $.current;
+                  Ee.onPlayerProgressAt20Seconds && Ee.onPlayerProgressAt20Seconds(
+                    "player_progress_at_20_seconds",
+                    he
+                  ), Ee.onPlayerEvent && Ee.onPlayerEvent("player_progress_at_20_seconds", he);
+                }
+              }), V("playlistItem", (d) => {
+                const U = $.current;
+                U.onPlayerNext && U.onPlayerNext("player_next"), U.onPlayerEvent && U.onPlayerEvent("player_next"), U.onPlaylistData, j.current = !1;
+              });
+            };
             try {
-              G.on && G.on("vp-listen-ready", N);
-            } catch {
+              we();
+            } catch (d) {
+              console.warn("VP Player: Failed to attach event listeners", d);
             }
-          } else {
-            const T = async (R) => {
-              var N, ae;
-              try {
-                const D = s == null ? void 0 : s.match(/player\/([^/.]+)/), Ee = D == null ? void 0 : D[1];
-                if (!Ee || !R)
-                  return oe();
-                const W = `https://host.vpplayer.tech/player/${Ee}/${R}.json`, re = await fetch(W);
-                if (!re.ok)
-                  return console.warn(
-                    "Failed to fetch full video config:",
-                    re.status
-                  ), oe();
-                const se = await re.json();
-                return se != null && se.video ? {
-                  videoId: R,
-                  title: se.video.title,
-                  description: se.video.description,
-                  file: se.video.file,
-                  hlsUrl: se.video.file,
-                  thumbnailUrl: se.video.thumbnail,
-                  duration: se.video.duration,
-                  publishDate: se.video.publishDate,
-                  projectId: se.projectId,
-                  premium: ((N = se.video.videoLocking) == null ? void 0 : N.isEnabled) || !1,
-                  author: se.video.author,
-                  tags: se.video.tags || [],
-                  videoIndex: G.videoIndex ?? 0,
-                  playlistVideoIndex: ((ae = G.playlist) == null ? void 0 : ae.playlistVideoIndex) ?? 0
-                } : oe();
-              } catch (D) {
-                return console.warn("Error fetching full video data:", D), oe();
-              }
-            };
-            G.on("ready", async (R) => {
-              try {
-                const N = R, ae = (N == null ? void 0 : N.id) || r || O;
-                if (ae) {
-                  const D = await T(ae);
-                  V(D), u(D);
-                } else {
-                  const D = oe();
-                  (D.title || D.file) && (V(D), u(D));
-                }
-              } catch (N) {
-                console.warn("Error in ready handler:", N);
-              }
-            }), G.on("playlistItem", async (R) => {
+          }
+          !n && S.play && setTimeout(() => {
+            if (P && S.play)
               try {
-                const N = R, ae = N == null ? void 0 : N.id;
-                if (ae) {
-                  const D = await T(ae);
-                  V(D), u(D);
-                }
-              } catch (N) {
-                console.warn("Error in playlistItem handler:", N);
+                S.play();
+              } catch {
               }
-            });
-          }
+          }, 100);
         }
-      } catch (ce) {
-        if (ne) {
-          const we = ce instanceof Error ? ce.message : String(ce);
-          q(we), console.error("VP Player initialization error:", ce);
+      } catch (B) {
+        if (P) {
+          const O = B instanceof Error ? B.message : String(B);
+          Q(O), console.error("VP Player initialization error:", B);
         }
       }
-    }, 150);
-    return () => {
-      ne = !1, clearTimeout(De), B.current.forEach((ce) => clearInterval(ce)), B.current = [], U.current.forEach((ce) => clearTimeout(ce)), U.current = [], y.current = !1;
-    };
-  }, [j, d, H, z, s]), Se(() => () => {
-    if (P.current) {
-      try {
-        P.current.destroy && P.current.destroy();
-      } catch (_e) {
-        console.warn(`Failed to destroy player ${H}:`, _e);
+    })(), () => {
+      var H;
+      if (P = !1, (H = C.current) != null && H.destroy) {
+        try {
+          C.current.destroy();
+        } catch {
+        }
+        C.current = null;
       }
-      P.current = null;
-    }
-    y.current = !1;
-    const ne = document.getElementById(H);
-    ne && (ne.innerHTML = "");
-  }, [H]), {
-    playerRef: Y,
-    playerInstanceRef: P,
-    isScriptLoaded: j,
-    isLoading: d,
-    error: $ || Q || z
+      A.current = !1;
+    };
+  }, [
+    x,
+    Z,
+    Y,
+    s,
+    D,
+    i,
+    n,
+    a,
+    o,
+    p,
+    f
+  ]), {
+    playerRef: q,
+    playerInstanceRef: C,
+    isScriptLoaded: x,
+    isLoading: !x && !A.current,
+    error: oe,
+    generatedPlayerId: Z
   };
-}, Zt = ({
+}, $t = ({
   playerId: e,
   videoId: r,
-  version: n,
-  videoUrl: i,
+  version: t,
+  videoUrl: n,
   projectId: a,
-  playlistId: t,
+  playlistId: i,
   scriptUrl: s,
-  config: c = {},
-  isReels: f = !1,
-  hiddenClasses: m = [],
+  config: l = {},
+  isReels: p = !1,
+  pureMode: f = !0,
+  hiddenClasses: c = [],
   onClose: u,
-  className: p,
-  onPlaylistData: x,
-  onVideoStarted: g,
-  trackingMetadata: E,
-  onPlayerStart: h,
+  className: I,
+  onPlaylistData: _,
+  onVideoStarted: w,
+  trackingMetadata: h,
+  onPlayerStart: y,
   onPlayerPlay: v,
-  onPlayerPause: w,
-  onPlayerResume: b,
-  onPlayerEnd: L,
-  onPlayerProgressEvery10Seconds: F,
-  onPlayerProgressAt20Seconds: k,
-  onPlayerQuartile25: I,
-  onPlayerQuartile50: _,
-  onPlayerQuartile75: J,
-  onPlayerNext: Y,
-  onPlayerPrevious: P,
-  onPlayerEvent: y
+  onPlayerPause: g,
+  onPlayerResume: T,
+  onPlayerEnd: N,
+  onPlayerProgressEvery10Seconds: z,
+  onPlayerProgressAt20Seconds: R,
+  onPlayerQuartile25: b,
+  onPlayerQuartile50: J,
+  onPlayerQuartile75: q,
+  onPlayerNext: C,
+  onPlayerPrevious: A,
+  onPlayerEvent: $
 }) => {
-  var $, H, fe, V;
-  const { playerRef: S, playerInstanceRef: B, isScriptLoaded: U, isLoading: M, error: j } = Kt({
+  var H, B, O, re;
+  const {
+    playerRef: j,
+    playerInstanceRef: x,
+    isScriptLoaded: Y,
+    isLoading: D,
+    error: oe,
+    generatedPlayerId: Q
+  } = jt({
     playerId: e,
     videoId: r,
-    version: n,
-    videoUrl: i,
+    version: t,
+    videoUrl: n,
     projectId: a,
-    playlistId: t,
+    playlistId: i,
     scriptUrl: s,
-    config: c,
-    isReels: f,
-    onPlaylistData: x,
-    onVideoStarted: g,
-    trackingMetadata: E,
-    onPlayerStart: h,
+    config: l,
+    isReels: p,
+    pureMode: f,
+    onPlaylistData: _,
+    onVideoStarted: w,
+    onPlayerStart: y,
     onPlayerPlay: v,
-    onPlayerPause: w,
-    onPlayerResume: b,
-    onPlayerEnd: L,
-    onPlayerProgressEvery10Seconds: F,
-    onPlayerProgressAt20Seconds: k,
-    onPlayerQuartile25: I,
-    onPlayerQuartile50: _,
-    onPlayerQuartile75: J,
-    onPlayerNext: Y,
-    onPlayerPrevious: P,
-    onPlayerEvent: y
-  }), [z, O] = de(!0), Q = () => f && O(!0), q = () => {
-    var ee, pe;
-    O(!1), (pe = (ee = B.current) == null ? void 0 : ee.play) == null || pe.call(ee), u == null || u();
-  }, o = (H = ($ = c == null ? void 0 : c.config) == null ? void 0 : $.size) != null && H.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, l = (V = (fe = c == null ? void 0 : c.config) == null ? void 0 : fe.size) != null && V.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0, d = cr(e, r);
-  return j ? /* @__PURE__ */ Z.jsxs(ar, { type: "error", children: [
+    onPlayerPause: g,
+    onPlayerResume: T,
+    onPlayerEnd: N,
+    onPlayerProgressEvery10Seconds: z,
+    onPlayerProgressAt20Seconds: R,
+    onPlayerQuartile25: b,
+    onPlayerQuartile50: J,
+    onPlayerQuartile75: q,
+    onPlayerNext: C,
+    onPlayerPrevious: A,
+    onPlayerEvent: $
+  }), [G, Z] = le(!0), o = () => p && Z(!0), m = () => {
+    var S, pe;
+    !p || !G || (Z(!1), (pe = (S = x.current) == null ? void 0 : S.pause) == null || pe.call(S), u == null || u());
+  }, P = (B = (H = l == null ? void 0 : l.config) == null ? void 0 : H.size) != null && B.width ? typeof l.config.size.width == "number" ? `${l.config.size.width}px` : l.config.size.width : void 0, L = (re = (O = l == null ? void 0 : l.config) == null ? void 0 : O.size) != null && re.height ? typeof l.config.size.height == "number" ? `${l.config.size.height}px` : l.config.size.height : void 0;
+  return oe ? /* @__PURE__ */ F.jsxs(Oe, { type: "error", children: [
     "An error occurred: ",
-    j
-  ] }) : M || !U ? /* @__PURE__ */ Z.jsx(ar, { type: "loading", children: "Loading..." }) : /* @__PURE__ */ Z.jsxs(Z.Fragment, { children: [
-    f && !z ? /* @__PURE__ */ Z.jsx("div", { onClick: Q }) : null,
-    !f && /* @__PURE__ */ Z.jsx("div", { children: /* @__PURE__ */ Z.jsx(
-      _r,
+    oe
+  ] }) : /* @__PURE__ */ F.jsxs(F.Fragment, { children: [
+    p && !G ? /* @__PURE__ */ F.jsx(
+      "div",
       {
-        id: d,
-        ref: S,
-        width: o || "100%",
-        height: l || "auto",
-        $hiddenClasses: m,
-        className: p
+        onClick: o,
+        style: { cursor: "pointer", width: "100%", height: "100%" }
       }
-    ) }, d),
-    f && z && /* @__PURE__ */ Z.jsx(Mt, { onClick: q, className: p, children: /* @__PURE__ */ Z.jsx(zt, { className: p, onClick: (ee) => ee.stopPropagation(), children: /* @__PURE__ */ Z.jsx("div", { children: /* @__PURE__ */ Z.jsx(
-      _r,
+    ) : null,
+    !p && /* @__PURE__ */ F.jsxs("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ F.jsx(
+        ar,
+        {
+          id: Q,
+          ref: j,
+          width: P || "100%",
+          height: L || "auto",
+          $hiddenClasses: c,
+          className: I
+        }
+      ),
+      (D || !Y) && /* @__PURE__ */ F.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__ */ F.jsx(Oe, { type: "loading", children: "Loading..." })
+        }
+      )
+    ] }),
+    p && G && /* @__PURE__ */ F.jsx(St, { onClick: m, className: I, children: /* @__PURE__ */ F.jsx(
+      It,
       {
-        id: d,
-        ref: S,
-        width: "100%",
-        height: "auto",
-        $hiddenClasses: m,
-        className: p
+        className: I,
+        onClick: (S) => {
+          S.stopPropagation();
+        },
+        children: /* @__PURE__ */ F.jsxs("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ F.jsx(
+            ar,
+            {
+              id: Q,
+              ref: j,
+              width: "100%",
+              height: "100%",
+              $hiddenClasses: c,
+              className: I
+            }
+          ),
+          (D || !Y) && /* @__PURE__ */ F.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__ */ F.jsx(Oe, { type: "loading", children: "Loading..." })
+            }
+          )
+        ] })
       }
-    ) }, d) }) })
+    ) })
   ] });
-}, $r = Dr(void 0), rn = ({ children: e }) => {
-  const [r, n] = de(!1), [i, a] = de(null), [t, s] = de(null), c = ur((u) => {
+}, Pr = kr(void 0), Nt = ({ children: e }) => {
+  const [r, t] = le(!1), [n, a] = le(null), [i, s] = le(null), l = Ye((c) => {
     try {
-      const p = cr(u.playerId, u.videoId);
-      a({ ...u, playerId: p }), n(!0), s(null);
+      const u = gr(c.playerId, c.videoId);
+      a({ ...c, playerId: u }), t(!0), s(null);
     } catch {
       s("Failed to show player.");
     }
-  }, []), f = ur(() => {
-    n(!1), a(null), s(null);
-  }, []), m = Pr(
+  }, []), p = Ye(() => {
+    t(!1), a(null), s(null);
+  }, []), f = or(
     () => ({
-      showPlayer: c,
-      hidePlayer: f,
+      showPlayer: l,
+      hidePlayer: p,
       isPlayerVisible: r,
-      playerParams: i
+      playerParams: n
     }),
-    [c, f, r, i]
+    [l, p, r, n]
   );
-  return /* @__PURE__ */ Z.jsxs($r.Provider, { value: m, children: [
+  return /* @__PURE__ */ F.jsxs(Pr.Provider, { value: f, children: [
     e,
-    t && /* @__PURE__ */ Z.jsx(ar, { type: "error", children: t }),
-    r && (i == null ? void 0 : i.playerId) && /* @__PURE__ */ Z.jsx(
-      Zt,
+    i && /* @__PURE__ */ F.jsx(Oe, { type: "error", children: i }),
+    r && (n == null ? void 0 : n.playerId) && /* @__PURE__ */ F.jsx(
+      $t,
       {
-        playerId: i.playerId,
-        videoId: i.videoId,
-        projectId: i.projectId,
-        videoUrl: i.videoUrl,
-        version: i.version,
-        playlistId: i.playlistId,
-        scriptUrl: i.scriptUrl,
-        config: i.config,
-        isReels: i.isReels,
-        thumbnailUrl: i.thumbnailUrl,
-        onClose: f,
-        hiddenClasses: i.hiddenClasses || [],
-        className: i.className
+        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: p,
+        hiddenClasses: n.hiddenClasses || [],
+        className: n.className
       }
     )
   ] });
-}, tn = () => {
-  const e = Er($r);
+}, zt = () => {
+  const e = ir(Pr);
   if (!e) throw new Error("useVPPlayer must be used within a VPPlayerProvider");
   return e;
-}, nn = {
-  projectId: "vp-player-projectId",
+}, Ft = {
+  projectId: void 0,
   video: {
-    file: "",
-    playlist: {
-      state: !0,
-      playlistVideoIndex: 0,
-      videos: []
-    }
+    // NOTE: Do NOT set file: '' here - it interferes with managed mode
+    // where the SDK resolves the video URL from videoId + projectId
   },
   config: {
     autoplay: !0,
-    pauseOtherVideos: !0,
-    focusOnAutostart: !1,
     muted: !0,
+    // Required for browser autoplay policy
     loop: !1,
     size: {
-      width: "100%"
-    },
-    controls: {
-      settingsButton: !0,
-      chromecastButton: !1,
-      nextButton: !1,
-      fullscreenButton: !0,
-      airplayButton: !1,
-      bigPlayButton: !1,
-      autopausePlayButton: !0,
-      pictureInPictureButton: !1,
-      relatedButton: !1,
-      volumeButton: !0,
-      shareButton: !0
+      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)
   }
-}, an = {
+}, Mt = {
   config: {
     autostartOnLoad: { state: !0, onMobile: !0, onData: !0 },
     muted: !0
   }
-}, on = {
+}, Vt = {
   config: {
     autoplay: !0,
     muted: !0
   }
-}, rr = {
+}, Fe = {
   video: {
     advertising: !0,
     ads: {
@@ -2378,48 +2221,46 @@ const Dt = Ae.div`
     adAnnouncement: { state: !0, timeBeforeAd: 5 },
     adsRequireInteraction: !1
   }
-}, sn = (e, r, n = "time", i = 0) => {
+}, Dt = (e, r, t = "time", n = 0) => {
   var a;
   return {
-    ...rr,
+    ...Fe,
     video: {
-      ...rr.video,
+      ...Fe.video,
       ads: {
-        ...(a = rr.video) == null ? void 0 : a.ads,
+        ...(a = Fe.video) == null ? void 0 : a.ads,
         adBreaks: [
           {
             adTagUrl: r,
             breakType: e,
-            breakTimingType: n,
-            breakTimingValue: i
+            breakTimingType: t,
+            breakTimingValue: n
           }
         ]
       }
     }
   };
-}, ln = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", cn = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4", un = "https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4", dn = "https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600", fn = "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=", pn = "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=";
+}, Bt = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", Ut = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4", Wt = "https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4", qt = "https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600", Yt = "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=", Gt = "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 {
-  fn as AD_TAG_LINEAR_URL,
-  pn as AD_TAG_SKIPPABLE_LINEAR_URL,
-  ln as BIG_BUCK_BUNNY_URL,
-  cn as ELEPHANTS_DREAM_URL,
-  Mt as Overlay,
-  dn as PEXELS_THUMBNAIL_URL,
-  un as PEXELS_VERTICAL_VIDEO_URL,
-  _r as PlayerContainer,
-  zt as PlayerWrapper,
-  Zt as VPPlayer,
-  rn as VPPlayerProvider,
-  an as baseConfig,
-  rr as baseConfigWithAds,
-  on as baseConfigWithAutoplay,
-  Jt as buildVPPlayerConfig,
-  nn as defaultVPPlayerConfig,
-  Qt as extractVideoId,
-  sn as getAdConfig,
-  tn as useVPPlayer,
-  Gt as useVPPlayerEvents,
-  Kt as useVPPlayerLogic,
-  Wt as useVPPlayerScript,
-  Ht as useVideoData
+  Yt as AD_TAG_LINEAR_URL,
+  Gt as AD_TAG_SKIPPABLE_LINEAR_URL,
+  Bt as BIG_BUCK_BUNNY_URL,
+  Ut as ELEPHANTS_DREAM_URL,
+  St as Overlay,
+  qt as PEXELS_THUMBNAIL_URL,
+  Wt as PEXELS_VERTICAL_VIDEO_URL,
+  ar as PlayerContainer,
+  It as PlayerWrapper,
+  $t as VPPlayer,
+  Nt as VPPlayerProvider,
+  Mt as baseConfig,
+  Fe as baseConfigWithAds,
+  Vt as baseConfigWithAutoplay,
+  At as buildVPPlayerConfig,
+  Ft as defaultVPPlayerConfig,
+  Ot as extractVideoId,
+  Dt as getAdConfig,
+  zt as useVPPlayer,
+  jt as useVPPlayerLogic,
+  Ct as useVPPlayerScript
 };