@devix-technologies/react-gjirafa-vp-player 1.0.22 → 1.0.24

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

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