@devix-technologies/react-gjirafa-vp-player 1.0.31-beta.22 → 1.0.31-beta.24

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

@@ -1,6 +1,6 @@
 import * as le from "react";
-import Mr, { forwardRef as wr, useContext as Ir, useState as Fe, useEffect as $e, useRef as pe, useId as Fr, useMemo as Ue, useImperativeHandle as Vr } from "react";
-var Te = { exports: {} }, we = {};
+import Vr, { forwardRef as Sr, useContext as Lr, useState as Ue, useEffect as Re, useRef as pe, useId as Nr, useMemo as qe, useImperativeHandle as Ur } from "react";
+var $e = { exports: {} }, Pe = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,29 +10,29 @@ var Te = { exports: {} }, we = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var sr;
-function Lr() {
-  if (sr) return we;
-  sr = 1;
+var ur;
+function Dr() {
+  if (ur) return Pe;
+  ur = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
-  function t(n, a, s) {
+  function t(n, a, c) {
     var u = null;
-    if (s !== void 0 && (u = "" + s), a.key !== void 0 && (u = "" + a.key), "key" in a) {
-      s = {};
+    if (c !== void 0 && (u = "" + c), a.key !== void 0 && (u = "" + a.key), "key" in a) {
+      c = {};
       for (var p in a)
-        p !== "key" && (s[p] = a[p]);
-    } else s = a;
-    return a = s.ref, {
+        p !== "key" && (c[p] = a[p]);
+    } else c = a;
+    return a = c.ref, {
       $$typeof: e,
       type: n,
       key: u,
       ref: a !== void 0 ? a : null,
-      props: s
+      props: c
     };
   }
-  return we.Fragment = r, we.jsx = t, we.jsxs = t, we;
+  return Pe.Fragment = r, Pe.jsx = t, Pe.jsxs = t, Pe;
 }
-var ke = {};
+var Se = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,26 +42,26 @@ var ke = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var cr;
-function Nr() {
-  return cr || (cr = 1, process.env.NODE_ENV !== "production" && (function() {
+var fr;
+function zr() {
+  return fr || (fr = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(o) {
       if (o == null) return null;
       if (typeof o == "function")
-        return o.$$typeof === ee ? null : o.displayName || o.name || null;
+        return o.$$typeof === B ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
-        case S:
+        case P:
           return "Fragment";
         case C:
           return "Profiler";
-        case E:
+        case S:
           return "StrictMode";
         case F:
           return "Suspense";
-        case R:
+        case E:
           return "SuspenseList";
-        case q:
+        case ne:
           return "Activity";
       }
       if (typeof o == "object")
@@ -70,19 +70,19 @@ function Nr() {
         ), o.$$typeof) {
           case w:
             return "Portal";
-          case N:
+          case U:
             return o.displayName || "Context";
           case V:
             return (o._context.displayName || "Context") + ".Consumer";
-          case z:
-            var y = o.render;
-            return o = o.displayName, o || (o = y.displayName || y.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case D:
+            var g = o.render;
+            return o = o.displayName, o || (o = g.displayName || g.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
           case te:
-            return y = o.displayName || null, y !== null ? y : e(o.type) || "Memo";
-          case ce:
-            y = o._payload, o = o._init;
+            return g = o.displayName || null, g !== null ? g : e(o.type) || "Memo";
+          case re:
+            g = o._payload, o = o._init;
             try {
-              return e(o(y));
+              return e(o(g));
             } catch {
             }
         }
@@ -94,74 +94,74 @@ function Nr() {
     function t(o) {
       try {
         r(o);
-        var y = !1;
+        var g = !1;
       } catch {
-        y = !0;
+        g = !0;
       }
-      if (y) {
-        y = console;
-        var O = y.error, M = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return O.call(
-          y,
+      if (g) {
+        g = console;
+        var R = g.error, I = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return R.call(
+          g,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          M
+          I
         ), r(o);
       }
     }
     function n(o) {
-      if (o === S) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === ce)
+      if (o === P) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === re)
         return "<...>";
       try {
-        var y = e(o);
-        return y ? "<" + y + ">" : "<...>";
+        var g = e(o);
+        return g ? "<" + g + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var o = Z.A;
+      var o = ue.A;
       return o === null ? null : o.getOwner();
     }
-    function s() {
+    function c() {
       return Error("react-stack-top-frame");
     }
     function u(o) {
-      if (fe.call(o, "key")) {
-        var y = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (y && y.isReactWarning) return !1;
+      if (K.call(o, "key")) {
+        var g = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (g && g.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
-    function p(o, y) {
-      function O() {
-        ne || (ne = !0, console.error(
+    function p(o, g) {
+      function R() {
+        d || (d = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          y
+          g
         ));
       }
-      O.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: O,
+      R.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: R,
         configurable: !0
       });
     }
-    function k() {
+    function x() {
       var o = e(this.type);
-      return K[o] || (K[o] = !0, console.error(
+      return ae[o] || (ae[o] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function b(o, y, O, M, i, l) {
-      var P = O.ref;
+    function k(o, g, R, I, Q, i) {
+      var s = R.ref;
       return o = {
         $$typeof: j,
         type: o,
-        key: y,
-        props: O,
-        _owner: M
-      }, (P !== void 0 ? P : null) !== null ? Object.defineProperty(o, "ref", {
+        key: g,
+        props: R,
+        _owner: I
+      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: k
+        get: x
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -176,146 +176,146 @@ function Nr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: i
+        value: Q
       }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: l
+        value: i
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function m(o, y, O, M, i, l) {
-      var P = y.children;
-      if (P !== void 0)
-        if (M)
-          if (G(P)) {
-            for (M = 0; M < P.length; M++)
-              x(P[M]);
-            Object.freeze && Object.freeze(P);
+    function y(o, g, R, I, Q, i) {
+      var s = g.children;
+      if (s !== void 0)
+        if (I)
+          if (ge(s)) {
+            for (I = 0; I < s.length; I++)
+              b(s[I]);
+            Object.freeze && Object.freeze(s);
           } 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 x(P);
-      if (fe.call(y, "key")) {
-        P = e(o);
-        var H = Object.keys(y).filter(function(g) {
-          return g !== "key";
+        else b(s);
+      if (K.call(g, "key")) {
+        s = e(o);
+        var $ = Object.keys(g).filter(function(Oe) {
+          return Oe !== "key";
         });
-        M = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", re[P + M] || (H = 0 < H.length ? "{" + H.join(": ..., ") + ": ...}" : "{}", console.error(
+        I = 0 < $.length ? "{key: someKey, " + $.join(": ..., ") + ": ...}" : "{key: someKey}", ie[s + I] || ($ = 0 < $.length ? "{" + $.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} />`,
-          M,
-          P,
-          H,
-          P
-        ), re[P + M] = !0);
+          I,
+          s,
+          $,
+          s
+        ), ie[s + I] = !0);
       }
-      if (P = null, O !== void 0 && (t(O), P = "" + O), u(y) && (t(y.key), P = "" + y.key), "key" in y) {
-        O = {};
-        for (var me in y)
-          me !== "key" && (O[me] = y[me]);
-      } else O = y;
-      return P && p(
-        O,
+      if (s = null, R !== void 0 && (t(R), s = "" + R), u(g) && (t(g.key), s = "" + g.key), "key" in g) {
+        R = {};
+        for (var ee in g)
+          ee !== "key" && (R[ee] = g[ee]);
+      } else R = g;
+      return s && p(
+        R,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), b(
+      ), k(
         o,
-        P,
-        O,
+        s,
+        R,
         a(),
-        i,
-        l
+        Q,
+        i
       );
     }
-    function x(o) {
-      I(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === ce && (o._payload.status === "fulfilled" ? I(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
+    function b(o) {
+      M(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === re && (o._payload.status === "fulfilled" ? M(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
-    function I(o) {
+    function M(o) {
       return typeof o == "object" && o !== null && o.$$typeof === j;
     }
-    var $ = Mr, j = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), N = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), ce = Symbol.for("react.lazy"), q = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), Z = $.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, fe = Object.prototype.hasOwnProperty, G = Array.isArray, d = console.createTask ? console.createTask : function() {
+    var O = Vr, j = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), P = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), V = Symbol.for("react.consumer"), U = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), re = Symbol.for("react.lazy"), ne = Symbol.for("react.activity"), B = Symbol.for("react.client.reference"), ue = O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, ge = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
-    $ = {
+    O = {
       react_stack_bottom_frame: function(o) {
         return o();
       }
     };
-    var ne, K = {}, ue = $.react_stack_bottom_frame.bind(
-      $,
-      s
-    )(), ae = d(n(s)), re = {};
-    ke.Fragment = S, ke.jsx = function(o, y, O) {
-      var M = 1e4 > Z.recentlyCreatedOwnerStacks++;
-      return m(
+    var d, ae = {}, J = O.react_stack_bottom_frame.bind(
+      O,
+      c
+    )(), fe = H(n(c)), ie = {};
+    Se.Fragment = P, Se.jsx = function(o, g, R) {
+      var I = 1e4 > ue.recentlyCreatedOwnerStacks++;
+      return y(
         o,
-        y,
-        O,
+        g,
+        R,
         !1,
-        M ? Error("react-stack-top-frame") : ue,
-        M ? d(n(o)) : ae
+        I ? Error("react-stack-top-frame") : J,
+        I ? H(n(o)) : fe
       );
-    }, ke.jsxs = function(o, y, O) {
-      var M = 1e4 > Z.recentlyCreatedOwnerStacks++;
-      return m(
+    }, Se.jsxs = function(o, g, R) {
+      var I = 1e4 > ue.recentlyCreatedOwnerStacks++;
+      return y(
         o,
-        y,
-        O,
+        g,
+        R,
         !0,
-        M ? Error("react-stack-top-frame") : ue,
-        M ? d(n(o)) : ae
+        I ? Error("react-stack-top-frame") : J,
+        I ? H(n(o)) : fe
       );
     };
-  })()), ke;
+  })()), Se;
 }
-var lr;
-function zr() {
-  return lr || (lr = 1, process.env.NODE_ENV === "production" ? Te.exports = Lr() : Te.exports = Nr()), Te.exports;
+var dr;
+function Wr() {
+  return dr || (dr = 1, process.env.NODE_ENV === "production" ? $e.exports = Dr() : $e.exports = zr()), $e.exports;
 }
-var D = zr();
-function We() {
-  return We = Object.assign ? Object.assign.bind() : function(e) {
+var z = Wr();
+function Ge() {
+  return Ge = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
       var t = arguments[r];
       for (var n in t) ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
     }
     return e;
-  }, We.apply(null, arguments);
+  }, Ge.apply(null, arguments);
 }
-function Ur(e) {
+function Yr(e) {
   if (e.sheet)
     return e.sheet;
   for (var r = 0; r < document.styleSheets.length; r++)
     if (document.styleSheets[r].ownerNode === e)
       return document.styleSheets[r];
 }
-function Dr(e) {
+function qr(e) {
   var r = document.createElement("style");
   return r.setAttribute("data-emotion", e.key), e.nonce !== void 0 && r.setAttribute("nonce", e.nonce), r.appendChild(document.createTextNode("")), r.setAttribute("data-s", ""), r;
 }
-var Wr = /* @__PURE__ */ (function() {
+var Hr = /* @__PURE__ */ (function() {
   function e(t) {
     var n = this;
     this._insertTag = function(a) {
-      var s;
-      n.tags.length === 0 ? n.insertionPoint ? s = n.insertionPoint.nextSibling : n.prepend ? s = n.container.firstChild : s = n.before : s = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(a, s), n.tags.push(a);
+      var c;
+      n.tags.length === 0 ? n.insertionPoint ? c = n.insertionPoint.nextSibling : n.prepend ? c = n.container.firstChild : c = n.before : c = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(a, c), n.tags.push(a);
     }, this.isSpeedy = t.speedy === void 0 ? !0 : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
   }
   var r = e.prototype;
   return r.hydrate = function(n) {
     n.forEach(this._insertTag);
   }, r.insert = function(n) {
-    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Dr(this));
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(qr(this));
     var a = this.tags[this.tags.length - 1];
     if (this.isSpeedy) {
-      var s = Ur(a);
+      var c = Yr(a);
       try {
-        s.insertRule(n, s.cssRules.length);
+        c.insertRule(n, c.cssRules.length);
       } catch {
       }
     } else
@@ -327,66 +327,66 @@ var Wr = /* @__PURE__ */ (function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-})(), Y = "-ms-", Ve = "-moz-", _ = "-webkit-", kr = "comm", He = "rule", Ge = "decl", Yr = "@import", Pr = "@keyframes", qr = "@layer", Hr = Math.abs, Le = String.fromCharCode, Gr = Object.assign;
-function Br(e, r) {
-  return W(e, 0) ^ 45 ? (((r << 2 ^ W(e, 0)) << 2 ^ W(e, 1)) << 2 ^ W(e, 2)) << 2 ^ W(e, 3) : 0;
+})(), G = "-ms-", De = "-moz-", _ = "-webkit-", Er = "comm", Je = "rule", Ze = "decl", Gr = "@import", Rr = "@keyframes", Br = "@layer", Xr = Math.abs, ze = String.fromCharCode, Jr = Object.assign;
+function Zr(e, r) {
+  return q(e, 0) ^ 45 ? (((r << 2 ^ q(e, 0)) << 2 ^ q(e, 1)) << 2 ^ q(e, 2)) << 2 ^ q(e, 3) : 0;
 }
-function Sr(e) {
+function _r(e) {
   return e.trim();
 }
-function Xr(e, r) {
+function Kr(e, r) {
   return (e = r.exec(e)) ? e[0] : e;
 }
 function T(e, r, t) {
   return e.replace(r, t);
 }
-function Ye(e, r) {
+function Be(e, r) {
   return e.indexOf(r);
 }
-function W(e, r) {
+function q(e, r) {
   return e.charCodeAt(r) | 0;
 }
-function Se(e, r, t) {
+function _e(e, r, t) {
   return e.slice(r, t);
 }
-function ie(e) {
+function oe(e) {
   return e.length;
 }
-function Be(e) {
+function Ke(e) {
   return e.length;
 }
-function Ae(e, r) {
+function Ie(e, r) {
   return r.push(e), e;
 }
-function Jr(e, r) {
+function Qr(e, r) {
   return e.map(r).join("");
 }
-var Ne = 1, ve = 1, Er = 0, J = 0, L = 0, xe = "";
-function ze(e, r, t, n, a, s, u) {
-  return { value: e, root: r, parent: t, type: n, props: a, children: s, line: Ne, column: ve, length: u, return: "" };
+var We = 1, xe = 1, Tr = 0, X = 0, N = 0, ke = "";
+function Ye(e, r, t, n, a, c, u) {
+  return { value: e, root: r, parent: t, type: n, props: a, children: c, line: We, column: xe, length: u, return: "" };
 }
-function Pe(e, r) {
-  return Gr(ze("", null, null, "", null, null, 0), e, { length: -e.length }, r);
+function Ee(e, r) {
+  return Jr(Ye("", null, null, "", null, null, 0), e, { length: -e.length }, r);
 }
-function Zr() {
-  return L;
+function et() {
+  return N;
 }
-function Kr() {
-  return L = J > 0 ? W(xe, --J) : 0, ve--, L === 10 && (ve = 1, Ne--), L;
+function rt() {
+  return N = X > 0 ? q(ke, --X) : 0, xe--, N === 10 && (xe = 1, We--), N;
 }
-function Q() {
-  return L = J < Er ? W(xe, J++) : 0, ve++, L === 10 && (ve = 1, Ne++), L;
+function Z() {
+  return N = X < Tr ? q(ke, X++) : 0, xe++, N === 10 && (xe = 1, We++), N;
 }
-function se() {
-  return W(xe, J);
+function ce() {
+  return q(ke, X);
 }
-function je() {
-  return J;
+function Ve() {
+  return X;
 }
-function _e(e, r) {
-  return Se(xe, e, r);
+function Ce(e, r) {
+  return _e(ke, e, r);
 }
-function Ee(e) {
+function Te(e) {
   switch (e) {
     // \0 \t \n \r \s whitespace token
     case 0:
@@ -424,101 +424,101 @@ function Ee(e) {
   }
   return 0;
 }
-function Rr(e) {
-  return Ne = ve = 1, Er = ie(xe = e), J = 0, [];
+function Ar(e) {
+  return We = xe = 1, Tr = oe(ke = e), X = 0, [];
 }
-function _r(e) {
-  return xe = "", e;
+function Cr(e) {
+  return ke = "", e;
 }
-function Me(e) {
-  return Sr(_e(J - 1, qe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+function Le(e) {
+  return _r(Ce(X - 1, Xe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function Qr(e) {
-  for (; (L = se()) && L < 33; )
-    Q();
-  return Ee(e) > 2 || Ee(L) > 3 ? "" : " ";
+function tt(e) {
+  for (; (N = ce()) && N < 33; )
+    Z();
+  return Te(e) > 2 || Te(N) > 3 ? "" : " ";
 }
-function et(e, r) {
-  for (; --r && Q() && !(L < 48 || L > 102 || L > 57 && L < 65 || L > 70 && L < 97); )
+function nt(e, r) {
+  for (; --r && Z() && !(N < 48 || N > 102 || N > 57 && N < 65 || N > 70 && N < 97); )
     ;
-  return _e(e, je() + (r < 6 && se() == 32 && Q() == 32));
+  return Ce(e, Ve() + (r < 6 && ce() == 32 && Z() == 32));
 }
-function qe(e) {
-  for (; Q(); )
-    switch (L) {
+function Xe(e) {
+  for (; Z(); )
+    switch (N) {
       // ] ) " '
       case e:
-        return J;
+        return X;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && qe(L);
+        e !== 34 && e !== 39 && Xe(N);
         break;
       // (
       case 40:
-        e === 41 && qe(e);
+        e === 41 && Xe(e);
         break;
       // \
       case 92:
-        Q();
+        Z();
         break;
     }
-  return J;
+  return X;
 }
-function rt(e, r) {
-  for (; Q() && e + L !== 57; )
-    if (e + L === 84 && se() === 47)
+function at(e, r) {
+  for (; Z() && e + N !== 57; )
+    if (e + N === 84 && ce() === 47)
       break;
-  return "/*" + _e(r, J - 1) + "*" + Le(e === 47 ? e : Q());
+  return "/*" + Ce(r, X - 1) + "*" + ze(e === 47 ? e : Z());
 }
-function tt(e) {
-  for (; !Ee(se()); )
-    Q();
-  return _e(e, J);
+function it(e) {
+  for (; !Te(ce()); )
+    Z();
+  return Ce(e, X);
 }
-function nt(e) {
-  return _r(Ie("", null, null, null, [""], e = Rr(e), 0, [0], e));
+function ot(e) {
+  return Cr(Ne("", null, null, null, [""], e = Ar(e), 0, [0], e));
 }
-function Ie(e, r, t, n, a, s, u, p, k) {
-  for (var b = 0, m = 0, x = u, I = 0, $ = 0, j = 0, w = 1, S = 1, E = 1, C = 0, V = "", N = a, z = s, F = n, R = V; S; )
-    switch (j = C, C = Q()) {
+function Ne(e, r, t, n, a, c, u, p, x) {
+  for (var k = 0, y = 0, b = u, M = 0, O = 0, j = 0, w = 1, P = 1, S = 1, C = 0, V = "", U = a, D = c, F = n, E = V; P; )
+    switch (j = C, C = Z()) {
       // (
       case 40:
-        if (j != 108 && W(R, x - 1) == 58) {
-          Ye(R += T(Me(C), "&", "&\f"), "&\f") != -1 && (E = -1);
+        if (j != 108 && q(E, b - 1) == 58) {
+          Be(E += T(Le(C), "&", "&\f"), "&\f") != -1 && (S = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        R += Me(C);
+        E += Le(C);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        R += Qr(j);
+        E += tt(j);
         break;
       // \
       case 92:
-        R += et(je() - 1, 7);
+        E += nt(Ve() - 1, 7);
         continue;
       // /
       case 47:
-        switch (se()) {
+        switch (ce()) {
           case 42:
           case 47:
-            Ae(at(rt(Q(), je()), r, t), k);
+            Ie(st(at(Z(), Ve()), r, t), x);
             break;
           default:
-            R += "/";
+            E += "/";
         }
         break;
       // {
       case 123 * w:
-        p[b++] = ie(R) * E;
+        p[k++] = oe(E) * S;
       // } ; \0
       case 125 * w:
       case 59:
@@ -527,157 +527,157 @@ function Ie(e, r, t, n, a, s, u, p, k) {
           // \0 }
           case 0:
           case 125:
-            S = 0;
+            P = 0;
           // ;
-          case 59 + m:
-            E == -1 && (R = T(R, /\f/g, "")), $ > 0 && ie(R) - x && Ae($ > 32 ? fr(R + ";", n, t, x - 1) : fr(T(R, " ", "") + ";", n, t, x - 2), k);
+          case 59 + y:
+            S == -1 && (E = T(E, /\f/g, "")), O > 0 && oe(E) - b && Ie(O > 32 ? hr(E + ";", n, t, b - 1) : hr(T(E, " ", "") + ";", n, t, b - 2), x);
             break;
           // @ ;
           case 59:
-            R += ";";
+            E += ";";
           // { rule/at-rule
           default:
-            if (Ae(F = ur(R, r, t, b, m, a, p, V, N = [], z = [], x), s), C === 123)
-              if (m === 0)
-                Ie(R, r, F, F, N, s, x, p, z);
+            if (Ie(F = pr(E, r, t, k, y, a, p, V, U = [], D = [], b), c), C === 123)
+              if (y === 0)
+                Ne(E, r, F, F, U, c, b, p, D);
               else
-                switch (I === 99 && W(R, 3) === 110 ? 100 : I) {
+                switch (M === 99 && q(E, 3) === 110 ? 100 : M) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    Ie(e, F, F, n && Ae(ur(e, F, F, 0, 0, a, p, V, a, N = [], x), z), a, z, x, p, n ? N : z);
+                    Ne(e, F, F, n && Ie(pr(e, F, F, 0, 0, a, p, V, a, U = [], b), D), a, D, b, p, n ? U : D);
                     break;
                   default:
-                    Ie(R, F, F, F, [""], z, 0, p, z);
+                    Ne(E, F, F, F, [""], D, 0, p, D);
                 }
         }
-        b = m = $ = 0, w = E = 1, V = R = "", x = u;
+        k = y = O = 0, w = S = 1, V = E = "", b = u;
         break;
       // :
       case 58:
-        x = 1 + ie(R), $ = j;
+        b = 1 + oe(E), O = j;
       default:
         if (w < 1) {
           if (C == 123)
             --w;
-          else if (C == 125 && w++ == 0 && Kr() == 125)
+          else if (C == 125 && w++ == 0 && rt() == 125)
             continue;
         }
-        switch (R += Le(C), C * w) {
+        switch (E += ze(C), C * w) {
           // &
           case 38:
-            E = m > 0 ? 1 : (R += "\f", -1);
+            S = y > 0 ? 1 : (E += "\f", -1);
             break;
           // ,
           case 44:
-            p[b++] = (ie(R) - 1) * E, E = 1;
+            p[k++] = (oe(E) - 1) * S, S = 1;
             break;
           // @
           case 64:
-            se() === 45 && (R += Me(Q())), I = se(), m = x = ie(V = R += tt(je())), C++;
+            ce() === 45 && (E += Le(Z())), M = ce(), y = b = oe(V = E += it(Ve())), C++;
             break;
           // -
           case 45:
-            j === 45 && ie(R) == 2 && (w = 0);
+            j === 45 && oe(E) == 2 && (w = 0);
         }
     }
-  return s;
+  return c;
 }
-function ur(e, r, t, n, a, s, u, p, k, b, m) {
-  for (var x = a - 1, I = a === 0 ? s : [""], $ = Be(I), j = 0, w = 0, S = 0; j < n; ++j)
-    for (var E = 0, C = Se(e, x + 1, x = Hr(w = u[j])), V = e; E < $; ++E)
-      (V = Sr(w > 0 ? I[E] + " " + C : T(C, /&\f/g, I[E]))) && (k[S++] = V);
-  return ze(e, r, t, a === 0 ? He : p, k, b, m);
+function pr(e, r, t, n, a, c, u, p, x, k, y) {
+  for (var b = a - 1, M = a === 0 ? c : [""], O = Ke(M), j = 0, w = 0, P = 0; j < n; ++j)
+    for (var S = 0, C = _e(e, b + 1, b = Xr(w = u[j])), V = e; S < O; ++S)
+      (V = _r(w > 0 ? M[S] + " " + C : T(C, /&\f/g, M[S]))) && (x[P++] = V);
+  return Ye(e, r, t, a === 0 ? Je : p, x, k, y);
 }
-function at(e, r, t) {
-  return ze(e, r, t, kr, Le(Zr()), Se(e, 2, -2), 0);
+function st(e, r, t) {
+  return Ye(e, r, t, Er, ze(et()), _e(e, 2, -2), 0);
 }
-function fr(e, r, t, n) {
-  return ze(e, r, t, Ge, Se(e, 0, n), Se(e, n + 1, -1), n);
+function hr(e, r, t, n) {
+  return Ye(e, r, t, Ze, _e(e, 0, n), _e(e, n + 1, -1), n);
 }
-function ye(e, r) {
-  for (var t = "", n = Be(e), a = 0; a < n; a++)
+function be(e, r) {
+  for (var t = "", n = Ke(e), a = 0; a < n; a++)
     t += r(e[a], a, e, r) || "";
   return t;
 }
-function it(e, r, t, n) {
+function ct(e, r, t, n) {
   switch (e.type) {
-    case qr:
+    case Br:
       if (e.children.length) break;
-    case Yr:
-    case Ge:
+    case Gr:
+    case Ze:
       return e.return = e.return || e.value;
-    case kr:
+    case Er:
       return "";
-    case Pr:
-      return e.return = e.value + "{" + ye(e.children, n) + "}";
-    case He:
+    case Rr:
+      return e.return = e.value + "{" + be(e.children, n) + "}";
+    case Je:
       e.value = e.props.join(",");
   }
-  return ie(t = ye(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
+  return oe(t = be(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
 }
-function ot(e) {
-  var r = Be(e);
-  return function(t, n, a, s) {
+function lt(e) {
+  var r = Ke(e);
+  return function(t, n, a, c) {
     for (var u = "", p = 0; p < r; p++)
-      u += e[p](t, n, a, s) || "";
+      u += e[p](t, n, a, c) || "";
     return u;
   };
 }
-function st(e) {
+function ut(e) {
   return function(r) {
     r.root || (r = r.return) && e(r);
   };
 }
-function Tr(e) {
+function Or(e) {
   var r = /* @__PURE__ */ Object.create(null);
   return function(t) {
     return r[t] === void 0 && (r[t] = e(t)), r[t];
   };
 }
-var ct = function(r, t, n) {
-  for (var a = 0, s = 0; a = s, s = se(), a === 38 && s === 12 && (t[n] = 1), !Ee(s); )
-    Q();
-  return _e(r, J);
-}, lt = function(r, t) {
+var ft = function(r, t, n) {
+  for (var a = 0, c = 0; a = c, c = ce(), a === 38 && c === 12 && (t[n] = 1), !Te(c); )
+    Z();
+  return Ce(r, X);
+}, dt = function(r, t) {
   var n = -1, a = 44;
   do
-    switch (Ee(a)) {
+    switch (Te(a)) {
       case 0:
-        a === 38 && se() === 12 && (t[n] = 1), r[n] += ct(J - 1, t, n);
+        a === 38 && ce() === 12 && (t[n] = 1), r[n] += ft(X - 1, t, n);
         break;
       case 2:
-        r[n] += Me(a);
+        r[n] += Le(a);
         break;
       case 4:
         if (a === 44) {
-          r[++n] = se() === 58 ? "&\f" : "", t[n] = r[n].length;
+          r[++n] = ce() === 58 ? "&\f" : "", t[n] = r[n].length;
           break;
         }
       // fallthrough
       default:
-        r[n] += Le(a);
+        r[n] += ze(a);
     }
-  while (a = Q());
+  while (a = Z());
   return r;
-}, ut = function(r, t) {
-  return _r(lt(Rr(r), t));
-}, dr = /* @__PURE__ */ new WeakMap(), ft = function(r) {
+}, pt = function(r, t) {
+  return Cr(dt(Ar(r), t));
+}, mr = /* @__PURE__ */ new WeakMap(), ht = function(r) {
   if (!(r.type !== "rule" || !r.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   r.length < 1)) {
     for (var t = r.value, n = r.parent, a = r.column === n.column && r.line === n.line; n.type !== "rule"; )
       if (n = n.parent, !n) return;
-    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !dr.get(n)) && !a) {
-      dr.set(r, !0);
-      for (var s = [], u = ut(t, s), p = n.props, k = 0, b = 0; k < u.length; k++)
-        for (var m = 0; m < p.length; m++, b++)
-          r.props[b] = s[k] ? u[k].replace(/&\f/g, p[m]) : p[m] + " " + u[k];
+    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !mr.get(n)) && !a) {
+      mr.set(r, !0);
+      for (var c = [], u = pt(t, c), p = n.props, x = 0, k = 0; x < u.length; x++)
+        for (var y = 0; y < p.length; y++, k++)
+          r.props[k] = c[x] ? u[x].replace(/&\f/g, p[y]) : p[y] + " " + u[x];
     }
   }
-}, dt = function(r) {
+}, mt = function(r) {
   if (r.type === "decl") {
     var t = r.value;
     // charcode for l
@@ -685,8 +685,8 @@ var ct = function(r, t, n) {
     t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
   }
 };
-function Ar(e, r) {
-  switch (Br(e, r)) {
+function jr(e, r) {
+  switch (Zr(e, r)) {
     // color-adjust
     case 5103:
       return _ + "print-" + e + e;
@@ -726,32 +726,32 @@ function Ar(e, r) {
     case 4810:
     case 6968:
     case 2756:
-      return _ + e + Ve + e + Y + e + e;
+      return _ + e + De + e + G + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return _ + e + Y + e + e;
+      return _ + e + G + e + e;
     // order
     case 6165:
-      return _ + e + Y + "flex-" + e + e;
+      return _ + e + G + "flex-" + e + e;
     // align-items
     case 5187:
-      return _ + e + T(e, /(\w+).+(:[^]+)/, _ + "box-$1$2" + Y + "flex-$1$2") + e;
+      return _ + e + T(e, /(\w+).+(:[^]+)/, _ + "box-$1$2" + G + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return _ + e + Y + "flex-item-" + T(e, /flex-|-self/, "") + e;
+      return _ + e + G + "flex-item-" + T(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return _ + e + Y + "flex-line-pack" + T(e, /align-content|flex-|-self/, "") + e;
+      return _ + e + G + "flex-line-pack" + T(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return _ + e + Y + T(e, "shrink", "negative") + e;
+      return _ + e + G + T(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return _ + e + Y + T(e, "basis", "preferred-size") + e;
+      return _ + e + G + T(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return _ + "box-" + T(e, "-grow", "") + _ + e + Y + T(e, "grow", "positive") + e;
+      return _ + "box-" + T(e, "-grow", "") + _ + e + G + T(e, "grow", "positive") + e;
     // transition
     case 4554:
       return _ + T(e, /([^-])(transform)/g, "$1" + _ + "$2") + e;
@@ -764,7 +764,7 @@ function Ar(e, r) {
       return T(e, /(image-set\([^]*)/, _ + "$1$`$1");
     // justify-content
     case 4968:
-      return T(T(e, /(.+:)(flex-)?(.*)/, _ + "box-pack:$3" + Y + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + _ + e + e;
+      return T(T(e, /(.+:)(flex-)?(.*)/, _ + "box-pack:$3" + G + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + _ + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
@@ -784,114 +784,114 @@ function Ar(e, r) {
     case 5789:
     case 5021:
     case 4765:
-      if (ie(e) - 1 - r > 6) switch (W(e, r + 1)) {
+      if (oe(e) - 1 - r > 6) switch (q(e, r + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (W(e, r + 4) !== 45) break;
+          if (q(e, r + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return T(e, /(.+:)(.+)-([^]+)/, "$1" + _ + "$2-$3$1" + Ve + (W(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return T(e, /(.+:)(.+)-([^]+)/, "$1" + _ + "$2-$3$1" + De + (q(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~Ye(e, "stretch") ? Ar(T(e, "stretch", "fill-available"), r) + e : e;
+          return ~Be(e, "stretch") ? jr(T(e, "stretch", "fill-available"), r) + e : e;
       }
       break;
     // position: sticky
     case 4949:
-      if (W(e, r + 1) !== 115) break;
+      if (q(e, r + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (W(e, ie(e) - 3 - (~Ye(e, "!important") && 10))) {
+      switch (q(e, oe(e) - 3 - (~Be(e, "!important") && 10))) {
         // stic(k)y
         case 107:
           return T(e, ":", ":" + _) + e;
         // (inline-)?fl(e)x
         case 101:
-          return T(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + _ + (W(e, 14) === 45 ? "inline-" : "") + "box$3$1" + _ + "$2$3$1" + Y + "$2box$3") + e;
+          return T(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + _ + (q(e, 14) === 45 ? "inline-" : "") + "box$3$1" + _ + "$2$3$1" + G + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch (W(e, r + 11)) {
+      switch (q(e, r + 11)) {
         // vertical-l(r)
         case 114:
-          return _ + e + Y + T(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return _ + e + G + T(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return _ + e + Y + T(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return _ + e + G + T(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return _ + e + Y + T(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return _ + e + G + T(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return _ + e + Y + e + e;
+      return _ + e + G + e + e;
   }
   return e;
 }
-var pt = function(r, t, n, a) {
+var gt = function(r, t, n, a) {
   if (r.length > -1 && !r.return) switch (r.type) {
-    case Ge:
-      r.return = Ar(r.value, r.length);
+    case Ze:
+      r.return = jr(r.value, r.length);
       break;
-    case Pr:
-      return ye([Pe(r, {
+    case Rr:
+      return be([Ee(r, {
         value: T(r.value, "@", "@" + _)
       })], a);
-    case He:
-      if (r.length) return Jr(r.props, function(s) {
-        switch (Xr(s, /(::plac\w+|:read-\w+)/)) {
+    case Je:
+      if (r.length) return Qr(r.props, function(c) {
+        switch (Kr(c, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
-            return ye([Pe(r, {
-              props: [T(s, /:(read-\w+)/, ":" + Ve + "$1")]
+            return be([Ee(r, {
+              props: [T(c, /:(read-\w+)/, ":" + De + "$1")]
             })], a);
           // :placeholder
           case "::placeholder":
-            return ye([Pe(r, {
-              props: [T(s, /:(plac\w+)/, ":" + _ + "input-$1")]
-            }), Pe(r, {
-              props: [T(s, /:(plac\w+)/, ":" + Ve + "$1")]
-            }), Pe(r, {
-              props: [T(s, /:(plac\w+)/, Y + "input-$1")]
+            return be([Ee(r, {
+              props: [T(c, /:(plac\w+)/, ":" + _ + "input-$1")]
+            }), Ee(r, {
+              props: [T(c, /:(plac\w+)/, ":" + De + "$1")]
+            }), Ee(r, {
+              props: [T(c, /:(plac\w+)/, G + "input-$1")]
             })], a);
         }
         return "";
       });
   }
-}, ht = [pt], mt = function(r) {
+}, yt = [gt], vt = function(r) {
   var t = r.key;
   if (t === "css") {
     var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
     Array.prototype.forEach.call(n, function(w) {
-      var S = w.getAttribute("data-emotion");
-      S.indexOf(" ") !== -1 && (document.head.appendChild(w), w.setAttribute("data-s", ""));
+      var P = w.getAttribute("data-emotion");
+      P.indexOf(" ") !== -1 && (document.head.appendChild(w), w.setAttribute("data-s", ""));
     });
   }
-  var a = r.stylisPlugins || ht, s = {}, u, p = [];
+  var a = r.stylisPlugins || yt, c = {}, u, p = [];
   u = r.container || document.head, Array.prototype.forEach.call(
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + t + ' "]'),
     function(w) {
-      for (var S = w.getAttribute("data-emotion").split(" "), E = 1; E < S.length; E++)
-        s[S[E]] = !0;
+      for (var P = w.getAttribute("data-emotion").split(" "), S = 1; S < P.length; S++)
+        c[P[S]] = !0;
       p.push(w);
     }
   );
-  var k, b = [ft, dt];
+  var x, k = [ht, mt];
   {
-    var m, x = [it, st(function(w) {
-      m.insert(w);
-    })], I = ot(b.concat(a, x)), $ = function(S) {
-      return ye(nt(S), I);
+    var y, b = [ct, ut(function(w) {
+      y.insert(w);
+    })], M = lt(k.concat(a, b)), O = function(P) {
+      return be(ot(P), M);
     };
-    k = function(S, E, C, V) {
-      m = C, $(S ? S + "{" + E.styles + "}" : E.styles), V && (j.inserted[E.name] = !0);
+    x = function(P, S, C, V) {
+      y = C, O(P ? P + "{" + S.styles + "}" : S.styles), V && (j.inserted[S.name] = !0);
     };
   }
   var j = {
     key: t,
-    sheet: new Wr({
+    sheet: new Hr({
       key: t,
       container: u,
       nonce: r.nonce,
@@ -900,19 +900,19 @@ var pt = function(r, t, n, a) {
       insertionPoint: r.insertionPoint
     }),
     nonce: r.nonce,
-    inserted: s,
+    inserted: c,
     registered: {},
-    insert: k
+    insert: x
   };
   return j.sheet.hydrate(p), j;
-}, gt = !0;
-function yt(e, r, t) {
+}, bt = !0;
+function xt(e, r, t) {
   var n = "";
   return t.split(" ").forEach(function(a) {
     e[a] !== void 0 ? r.push(e[a] + ";") : a && (n += a + " ");
   }), n;
 }
-var Cr = function(r, t, n) {
+var $r = function(r, t, n) {
   var a = r.key + "-" + t.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -923,18 +923,18 @@ var Cr = function(r, t, n) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  gt === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
-}, vt = function(r, t, n) {
-  Cr(r, t, n);
+  bt === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
+}, wt = function(r, t, n) {
+  $r(r, t, n);
   var a = r.key + "-" + t.name;
   if (r.inserted[t.name] === void 0) {
-    var s = t;
+    var c = t;
     do
-      r.insert(t === s ? "." + a : "", s, r.sheet, !0), s = s.next;
-    while (s !== void 0);
+      r.insert(t === c ? "." + a : "", c, r.sheet, !0), c = c.next;
+    while (c !== void 0);
   }
 };
-function bt(e) {
+function kt(e) {
   for (var r = 0, t, n = 0, a = e.length; a >= 4; ++n, a -= 4)
     t = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
@@ -953,7 +953,7 @@ function bt(e) {
   return r ^= r >>> 13, r = /* Math.imul(h, m): */
   (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
 }
-var xt = {
+var Pt = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -1002,28 +1002,28 @@ var xt = {
   strokeMiterlimit: 1,
   strokeOpacity: 1,
   strokeWidth: 1
-}, wt = /[A-Z]|^ms/g, kt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Or = function(r) {
+}, St = /[A-Z]|^ms/g, Et = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Ir = function(r) {
   return r.charCodeAt(1) === 45;
-}, pr = function(r) {
+}, gr = function(r) {
   return r != null && typeof r != "boolean";
-}, De = /* @__PURE__ */ Tr(function(e) {
-  return Or(e) ? e : e.replace(wt, "-$&").toLowerCase();
-}), hr = function(r, t) {
+}, He = /* @__PURE__ */ Or(function(e) {
+  return Ir(e) ? e : e.replace(St, "-$&").toLowerCase();
+}), yr = function(r, t) {
   switch (r) {
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(kt, function(n, a, s) {
-          return oe = {
+        return t.replace(Et, function(n, a, c) {
+          return se = {
             name: a,
-            styles: s,
-            next: oe
+            styles: c,
+            next: se
           }, a;
         });
   }
-  return xt[r] !== 1 && !Or(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+  return Pt[r] !== 1 && !Ir(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
 };
-function Re(e, r, t) {
+function Ae(e, r, t) {
   if (t == null)
     return "";
   var n = t;
@@ -1035,188 +1035,188 @@ function Re(e, r, t) {
     case "object": {
       var a = t;
       if (a.anim === 1)
-        return oe = {
+        return se = {
           name: a.name,
           styles: a.styles,
-          next: oe
+          next: se
         }, a.name;
-      var s = t;
-      if (s.styles !== void 0) {
-        var u = s.next;
+      var c = t;
+      if (c.styles !== void 0) {
+        var u = c.next;
         if (u !== void 0)
           for (; u !== void 0; )
-            oe = {
+            se = {
               name: u.name,
               styles: u.styles,
-              next: oe
+              next: se
             }, u = u.next;
-        var p = s.styles + ";";
+        var p = c.styles + ";";
         return p;
       }
-      return Pt(e, r, t);
+      return Rt(e, r, t);
     }
     case "function": {
       if (e !== void 0) {
-        var k = oe, b = t(e);
-        return oe = k, Re(e, r, b);
+        var x = se, k = t(e);
+        return se = x, Ae(e, r, k);
       }
       break;
     }
   }
-  var m = t;
+  var y = t;
   if (r == null)
-    return m;
-  var x = r[m];
-  return x !== void 0 ? x : m;
+    return y;
+  var b = r[y];
+  return b !== void 0 ? b : y;
 }
-function Pt(e, r, t) {
+function Rt(e, r, t) {
   var n = "";
   if (Array.isArray(t))
     for (var a = 0; a < t.length; a++)
-      n += Re(e, r, t[a]) + ";";
+      n += Ae(e, r, t[a]) + ";";
   else
-    for (var s in t) {
-      var u = t[s];
+    for (var c in t) {
+      var u = t[c];
       if (typeof u != "object") {
         var p = u;
-        r != null && r[p] !== void 0 ? n += s + "{" + r[p] + "}" : pr(p) && (n += De(s) + ":" + hr(s, p) + ";");
+        r != null && r[p] !== void 0 ? n += c + "{" + r[p] + "}" : gr(p) && (n += He(c) + ":" + yr(c, p) + ";");
       } else if (Array.isArray(u) && typeof u[0] == "string" && (r == null || r[u[0]] === void 0))
-        for (var k = 0; k < u.length; k++)
-          pr(u[k]) && (n += De(s) + ":" + hr(s, u[k]) + ";");
+        for (var x = 0; x < u.length; x++)
+          gr(u[x]) && (n += He(c) + ":" + yr(c, u[x]) + ";");
       else {
-        var b = Re(e, r, u);
-        switch (s) {
+        var k = Ae(e, r, u);
+        switch (c) {
           case "animation":
           case "animationName": {
-            n += De(s) + ":" + b + ";";
+            n += He(c) + ":" + k + ";";
             break;
           }
           default:
-            n += s + "{" + b + "}";
+            n += c + "{" + k + "}";
         }
       }
     }
   return n;
 }
-var mr = /label:\s*([^\s;{]+)\s*(;|$)/g, oe;
-function St(e, r, t) {
+var vr = /label:\s*([^\s;{]+)\s*(;|$)/g, se;
+function _t(e, r, t) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var n = !0, a = "";
-  oe = void 0;
-  var s = e[0];
-  if (s == null || s.raw === void 0)
-    n = !1, a += Re(t, r, s);
+  se = void 0;
+  var c = e[0];
+  if (c == null || c.raw === void 0)
+    n = !1, a += Ae(t, r, c);
   else {
-    var u = s;
+    var u = c;
     a += u[0];
   }
   for (var p = 1; p < e.length; p++)
-    if (a += Re(t, r, e[p]), n) {
-      var k = s;
-      a += k[p];
+    if (a += Ae(t, r, e[p]), n) {
+      var x = c;
+      a += x[p];
     }
-  mr.lastIndex = 0;
-  for (var b = "", m; (m = mr.exec(a)) !== null; )
-    b += "-" + m[1];
-  var x = bt(a) + b;
+  vr.lastIndex = 0;
+  for (var k = "", y; (y = vr.exec(a)) !== null; )
+    k += "-" + y[1];
+  var b = kt(a) + k;
   return {
-    name: x,
+    name: b,
     styles: a,
-    next: oe
+    next: se
   };
 }
-var Et = function(r) {
+var Tt = function(r) {
   return r();
-}, Rt = le.useInsertionEffect ? le.useInsertionEffect : !1, _t = Rt || Et, $r = /* @__PURE__ */ le.createContext(
+}, At = le.useInsertionEffect ? le.useInsertionEffect : !1, Ct = At || Tt, Mr = /* @__PURE__ */ le.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__ */ mt({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ vt({
     key: "css"
   }) : null
 );
-$r.Provider;
-var Tt = function(r) {
-  return /* @__PURE__ */ wr(function(t, n) {
-    var a = Ir($r);
+Mr.Provider;
+var Ot = function(r) {
+  return /* @__PURE__ */ Sr(function(t, n) {
+    var a = Lr(Mr);
     return r(t, a, n);
   });
-}, At = /* @__PURE__ */ le.createContext({}), Ct = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Ot = /* @__PURE__ */ Tr(
+}, jt = /* @__PURE__ */ le.createContext({}), $t = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, It = /* @__PURE__ */ Or(
   function(e) {
-    return Ct.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+    return $t.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), $t = Ot, jt = function(r) {
+), Mt = It, Ft = function(r) {
   return r !== "theme";
-}, gr = function(r) {
+}, br = function(r) {
   return typeof r == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
-  r.charCodeAt(0) > 96 ? $t : jt;
-}, yr = function(r, t, n) {
+  r.charCodeAt(0) > 96 ? Mt : Ft;
+}, xr = function(r, t, n) {
   var a;
   if (t) {
-    var s = t.shouldForwardProp;
-    a = r.__emotion_forwardProp && s ? function(u) {
-      return r.__emotion_forwardProp(u) && s(u);
-    } : s;
+    var c = t.shouldForwardProp;
+    a = r.__emotion_forwardProp && c ? function(u) {
+      return r.__emotion_forwardProp(u) && c(u);
+    } : c;
   }
   return typeof a != "function" && n && (a = r.__emotion_forwardProp), a;
-}, Mt = function(r) {
+}, Vt = function(r) {
   var t = r.cache, n = r.serialized, a = r.isStringTag;
-  return Cr(t, n, a), _t(function() {
-    return vt(t, n, a);
+  return $r(t, n, a), Ct(function() {
+    return wt(t, n, a);
   }), null;
-}, It = function e(r, t) {
-  var n = r.__emotion_real === r, a = n && r.__emotion_base || r, s, u;
-  t !== void 0 && (s = t.label, u = t.target);
-  var p = yr(r, t, n), k = p || gr(a), b = !k("as");
+}, Lt = function e(r, t) {
+  var n = r.__emotion_real === r, a = n && r.__emotion_base || r, c, u;
+  t !== void 0 && (c = t.label, u = t.target);
+  var p = xr(r, t, n), x = p || br(a), k = !x("as");
   return function() {
-    var m = arguments, x = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
-    if (s !== void 0 && x.push("label:" + s + ";"), m[0] == null || m[0].raw === void 0)
-      x.push.apply(x, m);
+    var y = arguments, b = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
+    if (c !== void 0 && b.push("label:" + c + ";"), y[0] == null || y[0].raw === void 0)
+      b.push.apply(b, y);
     else {
-      var I = m[0];
-      x.push(I[0]);
-      for (var $ = m.length, j = 1; j < $; j++)
-        x.push(m[j], I[j]);
+      var M = y[0];
+      b.push(M[0]);
+      for (var O = y.length, j = 1; j < O; j++)
+        b.push(y[j], M[j]);
     }
-    var w = Tt(function(S, E, C) {
-      var V = b && S.as || a, N = "", z = [], F = S;
-      if (S.theme == null) {
+    var w = Ot(function(P, S, C) {
+      var V = k && P.as || a, U = "", D = [], F = P;
+      if (P.theme == null) {
         F = {};
-        for (var R in S)
-          F[R] = S[R];
-        F.theme = le.useContext(At);
+        for (var E in P)
+          F[E] = P[E];
+        F.theme = le.useContext(jt);
       }
-      typeof S.className == "string" ? N = yt(E.registered, z, S.className) : S.className != null && (N = S.className + " ");
-      var te = St(x.concat(z), E.registered, F);
-      N += E.key + "-" + te.name, u !== void 0 && (N += " " + u);
-      var ce = b && p === void 0 ? gr(V) : k, q = {};
-      for (var ee in S)
-        b && ee === "as" || ce(ee) && (q[ee] = S[ee]);
-      return q.className = N, C && (q.ref = C), /* @__PURE__ */ le.createElement(le.Fragment, null, /* @__PURE__ */ le.createElement(Mt, {
-        cache: E,
+      typeof P.className == "string" ? U = xt(S.registered, D, P.className) : P.className != null && (U = P.className + " ");
+      var te = _t(b.concat(D), S.registered, F);
+      U += S.key + "-" + te.name, u !== void 0 && (U += " " + u);
+      var re = k && p === void 0 ? br(V) : x, ne = {};
+      for (var B in P)
+        k && B === "as" || re(B) && (ne[B] = P[B]);
+      return ne.className = U, C && (ne.ref = C), /* @__PURE__ */ le.createElement(le.Fragment, null, /* @__PURE__ */ le.createElement(Vt, {
+        cache: S,
         serialized: te,
         isStringTag: typeof V == "string"
-      }), /* @__PURE__ */ le.createElement(V, q));
+      }), /* @__PURE__ */ le.createElement(V, ne));
     });
-    return w.displayName = s !== void 0 ? s : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", w.defaultProps = r.defaultProps, w.__emotion_real = w, w.__emotion_base = a, w.__emotion_styles = x, w.__emotion_forwardProp = p, Object.defineProperty(w, "toString", {
+    return w.displayName = c !== void 0 ? c : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", w.defaultProps = r.defaultProps, w.__emotion_real = w, w.__emotion_base = a, w.__emotion_styles = b, w.__emotion_forwardProp = p, Object.defineProperty(w, "toString", {
       value: function() {
         return "." + u;
       }
-    }), w.withComponent = function(S, E) {
-      var C = e(S, We({}, t, E, {
-        shouldForwardProp: yr(w, E, !0)
+    }), w.withComponent = function(P, S) {
+      var C = e(P, Ge({}, t, S, {
+        shouldForwardProp: xr(w, S, !0)
       }));
-      return C.apply(void 0, x);
+      return C.apply(void 0, b);
     }, w;
   };
-}, Ft = [
+}, Nt = [
   "a",
   "abbr",
   "address",
@@ -1352,11 +1352,11 @@ var Tt = function(r) {
   "svg",
   "text",
   "tspan"
-], be = It.bind(null);
-Ft.forEach(function(e) {
-  be[e] = be(e);
+], we = Lt.bind(null);
+Nt.forEach(function(e) {
+  we[e] = we(e);
 });
-const Vt = be.div`
+const Ut = we.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1397,11 +1397,11 @@ const Vt = be.div`
       return "";
   }
 }}
-`, vr = ({ type: e, children: r, className: t, icon: n, action: a }) => /* @__PURE__ */ D.jsxs(Vt, { type: e, className: t, children: [
-  n && /* @__PURE__ */ D.jsx("span", { children: n }),
-  /* @__PURE__ */ D.jsx("span", { children: r }),
-  a && /* @__PURE__ */ D.jsx("span", { children: a })
-] }), br = be.div`
+`, wr = ({ type: e, children: r, className: t, icon: n, action: a }) => /* @__PURE__ */ z.jsxs(Ut, { type: e, className: t, children: [
+  n && /* @__PURE__ */ z.jsx("span", { children: n }),
+  /* @__PURE__ */ z.jsx("span", { children: r }),
+  a && /* @__PURE__ */ z.jsx("span", { children: a })
+] }), kr = we.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
   border-radius: 0px !important;
@@ -1417,7 +1417,7 @@ const Vt = be.div`
   }
 
   ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((r) => `.${r} { display: none !important; }`).join("")}
-`, Lt = be.div`
+`, Dt = we.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -1429,7 +1429,7 @@ const Vt = be.div`
   align-items: center;
   z-index: 1000;
   pointer-events: auto;
-`, Nt = be.div`
+`, zt = we.div`
   position: relative;
   height: 80vh;
   width: auto;
@@ -1437,73 +1437,73 @@ const Vt = be.div`
   max-width: 90vw;
   max-height: 90vh;
   z-index: 1001;
-`, he = "https://host.vpplayer.tech", zt = (e) => `${he}/player/${e}/vpplayer.js`, Qt = (e) => `${he}/player/${e}.js`, Ut = (e, r) => `${he}/player/${e}/${r}.js`, Dt = (e) => `${he}/vertical-player/${e}.js`, Wt = (e, r) => `${he}/vertical-player/${e}/${r}.js`, Yt = (e, r) => `${he}/player/${e}/${r}.json`, qt = (e, r) => `${he}/vertical-player/${e}/${r}.json`, Ht = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", Gt = (e, r) => {
+`, me = "https://host.vpplayer.tech", Wt = (e) => `${me}/player/${e}/vpplayer.js`, tn = (e) => `${me}/player/${e}.js`, Yt = (e, r) => `${me}/player/${e}/${r}.js`, qt = (e) => `${me}/vertical-player/${e}.js`, Ht = (e, r) => `${me}/vertical-player/${e}/${r}.js`, Gt = (e, r) => `${me}/player/${e}/${r}.json`, Bt = (e, r) => `${me}/vertical-player/${e}/${r}.json`, Xt = (e, r) => e ? `vp-player-${e}` : r ? `vp-player-default-${r}` : "vp-player-default", Jt = (e, r) => {
   const t = new URL(e);
   return t.searchParams.set("divId", r), t.toString();
-}, Ce = /* @__PURE__ */ new Map(), Bt = (e, r) => {
-  const [t, n] = Fe(!1), [a, s] = Fe(null);
-  return $e(() => {
+}, Me = /* @__PURE__ */ new Map(), Zt = (e, r) => {
+  const [t, n] = Ue(!1), [a, c] = Ue(null);
+  return Re(() => {
     let u;
     try {
-      u = r || zt(e || "latest");
-    } catch (b) {
-      const m = b instanceof Error ? b.message : String(b);
-      s(`Failed to resolve script URL: ${m}`);
+      u = r || Wt(e || "latest");
+    } catch (k) {
+      const y = k instanceof Error ? k.message : String(k);
+      c(`Failed to resolve script URL: ${y}`);
       return;
     }
-    if (!Ce.has(u))
+    if (!Me.has(u))
       if (document.querySelector(
         `script[src="${u}"]`
       ))
-        Ce.set(u, Promise.resolve());
+        Me.set(u, Promise.resolve());
       else {
-        const m = new Promise((x, I) => {
-          const $ = document.createElement("script");
-          $.src = u, $.async = !0, $.onload = () => x(), $.onerror = () => I(new Error(`Failed to load script: ${u}`)), document.body.appendChild($);
+        const y = new Promise((b, M) => {
+          const O = document.createElement("script");
+          O.src = u, O.async = !0, O.onload = () => b(), O.onerror = () => M(new Error(`Failed to load script: ${u}`)), document.body.appendChild(O);
         });
-        Ce.set(u, m);
+        Me.set(u, y);
       }
     let p = !0;
-    const k = Ce.get(u);
-    return k && k.then(() => {
-      p && (n(!0), s(null));
-    }).catch((b) => {
-      p && (n(!1), s(b instanceof Error ? b.message : String(b)));
+    const x = Me.get(u);
+    return x && x.then(() => {
+      p && (n(!0), c(null));
+    }).catch((k) => {
+      p && (n(!1), c(k instanceof Error ? k.message : String(k)));
     }), () => {
       p = !1;
     };
   }, [e, r]), { isLoaded: t, error: a };
 };
-function Oe(e) {
+function Fe(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function xr(e, r) {
+function Pr(e, r) {
   const t = r.playlist;
   if (!(t != null && t.videos) || !Array.isArray(t.videos))
     return;
   const n = t.videos, a = n.findIndex((p) => {
     if (!p || typeof p != "object") return !1;
-    const k = p;
-    return k.videoId === e || k.mediaId === e;
+    const x = p;
+    return x.videoId === e || x.mediaId === e;
   });
   if (a < 0 || a >= n.length - 1)
     return;
-  const s = n[a + 1];
-  if (!s || typeof s != "object") return;
-  const u = s;
+  const c = n[a + 1];
+  if (!c || typeof c != "object") return;
+  const u = c;
   return u.videoId ?? u.mediaId;
 }
-function jr(e, r) {
-  if (!Oe(e) || !Oe(r))
+function Fr(e, r) {
+  if (!Fe(e) || !Fe(r))
     return r;
   const t = { ...e };
   for (const n of Object.keys(r)) {
-    const a = r[n], s = t[n];
-    Oe(a) && Oe(s) ? t[n] = jr(s, a) : a !== void 0 && (t[n] = a);
+    const a = r[n], c = t[n];
+    Fe(a) && Fe(c) ? t[n] = Fr(c, a) : a !== void 0 && (t[n] = a);
   }
   return t;
 }
-async function Xt(e, r, t) {
+async function Kt(e, r, t) {
   if (!e)
     return console.warn(
       "VP Player: No scriptId provided, cannot fetch config. Using user config directly."
@@ -1511,7 +1511,7 @@ async function Xt(e, r, t) {
   r || console.warn(
     "VP Player: No videoId provided, attempting to fetch config with scriptId only..."
   );
-  const n = t ? qt(e, r || "") : Yt(e, r || "");
+  const n = t ? Bt(e, r || "") : Gt(e, r || "");
   try {
     const a = await fetch(n);
     return a.ok ? await a.json() : null;
@@ -1519,175 +1519,180 @@ async function Xt(e, r, t) {
     return null;
   }
 }
-const Jt = ({
+const Qt = ({
   scriptId: e,
   videoId: r,
   scriptUrl: t,
   projectId: n,
-  config: a,
-  playerId: s,
-  isVertical: u = !1,
-  isReels: p = !1,
+  userId: a,
+  config: c,
+  playerId: u,
+  isVertical: p = !1,
+  isReels: x = !1,
   onReady: k,
-  onPlay: b,
-  onPause: m,
-  onResume: x,
-  onComplete: I,
-  onError: $,
-  onVideoStarted: j,
-  onTimeUpdate: w,
+  onPlay: y,
+  onPause: b,
+  onResume: M,
+  onComplete: O,
+  onError: j,
+  onVideoStarted: w,
+  onTimeUpdate: P,
   onQuartile25: S,
-  onQuartile50: E,
-  onQuartile75: C,
-  onNext: V,
-  onPrevious: N,
-  onProgress10s: z,
-  onProgress20s: F,
-  onPlaylistItem: R,
-  onVideoSwitch: te
+  onQuartile50: C,
+  onQuartile75: V,
+  onNext: U,
+  onPrevious: D,
+  onProgress10s: F,
+  onProgress20s: E,
+  onPlaylistItem: te,
+  onVideoSwitch: re
 }) => {
-  const ce = pe(null), q = pe(null), [ee, Z] = Fe(null), fe = Fr().replace(/:/g, ""), G = Ue(
-    () => Ht(s || `auto-${fe}`, r),
-    [s, fe, r]
+  const ne = pe(null), B = pe(null), [ue, K] = Ue(null), ge = Nr().replace(/:/g, ""), H = qe(
+    () => Xt(u || `auto-${ge}`, r),
+    [u, ge, r]
   ), d = pe({
     onReady: k,
-    onPlay: b,
-    onPause: m,
-    onResume: x,
-    onComplete: I,
-    onError: $,
-    onVideoStarted: j,
-    onTimeUpdate: w,
+    onPlay: y,
+    onPause: b,
+    onResume: M,
+    onComplete: O,
+    onError: j,
+    onVideoStarted: w,
+    onTimeUpdate: P,
     onQuartile25: S,
-    onQuartile50: E,
-    onQuartile75: C,
-    onNext: V,
-    onPrevious: N,
-    onProgress10s: z,
-    onProgress20s: F,
-    onPlaylistItem: R,
-    onVideoSwitch: te
+    onQuartile50: C,
+    onQuartile75: V,
+    onNext: U,
+    onPrevious: D,
+    onProgress10s: F,
+    onProgress20s: E,
+    onPlaylistItem: te,
+    onVideoSwitch: re
   });
-  $e(() => {
+  Re(() => {
     d.current = {
       onReady: k,
-      onPlay: b,
-      onPause: m,
-      onResume: x,
-      onComplete: I,
-      onError: $,
-      onVideoStarted: j,
-      onTimeUpdate: w,
+      onPlay: y,
+      onPause: b,
+      onResume: M,
+      onComplete: O,
+      onError: j,
+      onVideoStarted: w,
+      onTimeUpdate: P,
       onQuartile25: S,
-      onQuartile50: E,
-      onQuartile75: C,
-      onNext: V,
-      onPrevious: N,
-      onProgress10s: z,
-      onProgress20s: F,
-      onPlaylistItem: R,
-      onVideoSwitch: te
+      onQuartile50: C,
+      onQuartile75: V,
+      onNext: U,
+      onPrevious: D,
+      onProgress10s: F,
+      onProgress20s: E,
+      onPlaylistItem: te,
+      onVideoSwitch: re
     };
   }, [
     k,
+    y,
     b,
-    m,
-    x,
-    I,
-    $,
+    M,
+    O,
     j,
     w,
+    P,
     S,
-    E,
     C,
     V,
-    N,
-    z,
+    U,
+    D,
     F,
-    R,
-    te
+    E,
+    te,
+    re
   ]);
-  const ne = pe(!1), K = pe(!1), ue = pe(void 0), ae = pe(a);
-  $e(() => {
-    ae.current = a;
+  const ae = pe(!1), J = pe(!1), fe = pe(void 0), ie = pe(c);
+  Re(() => {
+    ie.current = c;
   });
-  const re = !!a, o = Ue(() => u || p ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [u, p, t]), y = Ue(() => {
-    let i;
+  const o = pe(a);
+  Re(() => {
+    o.current = a;
+  });
+  const g = !!c, R = qe(() => p || x ? !0 : t ? t.includes("vertical-player") || t.includes("vpverticalplayer") : !1, [p, x, t]), I = qe(() => {
+    let s;
     if (t)
-      i = t;
-    else if (e && r && !re)
-      i = o ? Wt(e, r) : Ut(e, r);
+      s = t;
+    else if (e && r && !g)
+      s = R ? Ht(e, r) : Yt(e, r);
     else if (e)
-      i = o ? Dt(e) : `https://host.vpplayer.tech/player/${e}.js`;
+      s = R ? qt(e) : `https://host.vpplayer.tech/player/${e}.js`;
     else
       return null;
-    return Gt(i, G);
+    return Jt(s, H);
   }, [
     t,
     e,
     r,
-    o,
-    G,
-    re
-  ]), { isLoaded: O, error: M } = Bt(
+    R,
+    H,
+    g
+  ]), { isLoaded: Q, error: i } = Zt(
     null,
-    y || void 0
+    I || void 0
   );
-  return $e(() => {
-    if (!y) {
-      Z(
+  return Re(() => {
+    if (!I) {
+      K(
         "VPPlayer: Provide scriptUrl OR (scriptId + videoId) OR (scriptId + config) to initialize the player."
       );
       return;
     }
-    if (M) {
-      Z(M);
+    if (i) {
+      K(i);
       return;
     }
-    if (!O) return;
-    let i = !0;
+    if (!Q) return;
+    let s = !0;
     return (async () => {
-      var P;
+      var ee, Oe;
       try {
-        const H = o ? window.vpVerticalPlayer : window.vpPlayer;
-        if (!H) {
-          Z(
-            `VP Player: Script loaded but global function not found. Expected ${o ? "vpVerticalPlayer" : "vpPlayer"}.`
+        const de = R ? window.vpVerticalPlayer : window.vpPlayer;
+        if (!de) {
+          K(
+            `VP Player: Script loaded but global function not found. Expected ${R ? "vpVerticalPlayer" : "vpPlayer"}.`
           );
           return;
         }
-        if (await new Promise((A) => setTimeout(A, 0)), !document.getElementById(G)) {
+        if (await new Promise((A) => setTimeout(A, 0)), !document.getElementById(H)) {
           console.error(
-            `VP Player: Container element with ID '${G}' not found in DOM.`
+            `VP Player: Container element with ID '${H}' not found in DOM.`
           );
           return;
         }
-        const g = H(G);
-        if (!g) {
-          Z("VP Player: Failed to get player instance.");
+        const h = de(H);
+        if (!h) {
+          K("VP Player: Failed to get player instance.");
           return;
         }
-        if (i) {
-          if (q.current = g, Z(null), re && ae.current) {
+        if (s) {
+          if (B.current = h, K(null), g && ie.current) {
             let A;
-            const f = await Xt(
+            const f = await Kt(
               e,
               r,
-              o
+              R
             );
-            f ? A = jr(f, ae.current) : A = ae.current, n && !A.projectId && (A.projectId = n);
+            f ? A = Fr(f, ie.current) : A = ie.current, n && !A.projectId && (A.projectId = n);
             try {
-              await g.setup(A);
-            } catch (c) {
-              const h = c instanceof Error ? c.message : String(c);
-              if (h.includes("already initialized")) {
+              await h.setup(A);
+            } catch (l) {
+              const m = l instanceof Error ? l.message : String(l);
+              if (m.includes("already initialized")) {
                 console.warn(
                   "VP Player: Player already initialized, attempting to destroy and retry."
                 );
                 try {
-                  if ((P = g.destroy) == null || P.call(g), await new Promise((v) => setTimeout(v, 50)), i && document.getElementById(G)) {
-                    const v = H(G);
-                    v && (await v.setup(A), q.current = v);
+                  if ((ee = h.destroy) == null || ee.call(h), await new Promise((v) => setTimeout(v, 50)), s && document.getElementById(H)) {
+                    const v = de(H);
+                    v && (await v.setup(A), B.current = v);
                   }
                 } catch (v) {
                   console.error(
@@ -1696,333 +1701,342 @@ const Jt = ({
                   );
                 }
               } else {
-                console.error("VP Player: Setup error", c), Z(`Player setup failed: ${h}`);
+                console.error("VP Player: Setup error", l), K(`Player setup failed: ${m}`);
                 return;
               }
             }
           }
-          if (g.on) {
-            const A = g.on.bind(g);
+          if (o.current && ((Oe = h.setUserId) == null || Oe.call(h, o.current, !0)), h.on) {
+            const A = h.on.bind(h);
             A("vp-event", (f) => {
-              var v, U, B, X, Xe, Je, Ze, Ke, Qe, er, rr, tr, nr, ar, ir;
-              const c = f, h = c == null ? void 0 : c.eventName;
-              if (o) {
-                if (h === "play" && !K.current) {
-                  const ge = g.videoObject;
-                  (U = (v = d.current).onPlay) == null || U.call(v, ge);
+              var v, L, W, Y, je, ye, er, rr, tr, nr, ar, ir, or, sr, cr;
+              const l = f, m = l == null ? void 0 : l.eventName;
+              if (R) {
+                if (m === "play" && !J.current) {
+                  const ve = h.videoObject;
+                  (L = (v = d.current).onPlay) == null || L.call(v, ve);
                 }
-                if (h === "vp-state-paused") {
-                  const de = ((B = g.isEnded) == null ? void 0 : B.call(g)) ?? !1, ge = (c == null ? void 0 : c.interaction) ?? !0;
-                  !de && ge && (K.current = !0, (Je = (Xe = d.current).onPause) == null || Je.call(Xe, ((X = g.getPosition) == null ? void 0 : X.call(g)) ?? 0));
+                if (m === "vp-state-paused") {
+                  const he = ((W = h.isEnded) == null ? void 0 : W.call(h)) ?? !1, ve = (l == null ? void 0 : l.interaction) ?? !0;
+                  !he && ve && (J.current = !0, (ye = (je = d.current).onPause) == null || ye.call(je, ((Y = h.getPosition) == null ? void 0 : Y.call(h)) ?? 0));
                 }
-                if (h === "vp-state-playing" && (((c == null ? void 0 : c.interaction) ?? K.current) && K.current && ((Qe = (Ke = d.current).onResume) == null || Qe.call(Ke, ((Ze = g.getPosition) == null ? void 0 : Ze.call(g)) ?? 0)), K.current = !1), h === "vp-video-switch") {
-                  K.current = !1;
-                  const de = c;
-                  (rr = (er = d.current).onVideoSwitch) == null || rr.call(er, de);
-                  const ge = de.direction, or = de.currentTime ?? 0;
-                  ge === "next" ? (nr = (tr = d.current).onNext) == null || nr.call(tr, or) : ge === "prev" && ((ir = (ar = d.current).onPrevious) == null || ir.call(ar, or));
+                if (m === "vp-state-playing" && (((l == null ? void 0 : l.interaction) ?? J.current) && J.current && ((tr = (rr = d.current).onResume) == null || tr.call(rr, ((er = h.getPosition) == null ? void 0 : er.call(h)) ?? 0)), J.current = !1), m === "vp-video-switch") {
+                  J.current = !1;
+                  const he = l, ve = he.direction, lr = he.currentTime ?? 0;
+                  (ar = (nr = d.current).onVideoSwitch) == null || ar.call(nr, he), ve === "next" ? (or = (ir = d.current).onNext) == null || or.call(ir, lr) : ve === "prev" && ((cr = (sr = d.current).onPrevious) == null || cr.call(sr, lr));
                 }
-                h === "vp-video-completed" && (K.current = !1);
+                m === "vp-video-completed" && (J.current = !1);
               }
             }), A("analytics-25%-completed", () => {
-              var f, c;
-              (c = (f = d.current).onQuartile25) == null || c.call(f);
+              var f, l;
+              (l = (f = d.current).onQuartile25) == null || l.call(f);
             }), A("analytics-50%-completed", () => {
-              var f, c;
-              (c = (f = d.current).onQuartile50) == null || c.call(f);
+              var f, l;
+              (l = (f = d.current).onQuartile50) == null || l.call(f);
             }), A("analytics-75%-completed", () => {
-              var f, c;
-              (c = (f = d.current).onQuartile75) == null || c.call(f);
-            }), o || A("pause", () => {
-              var f, c, h;
-              (h = (c = d.current).onPause) == null || h.call(c, ((f = g.getPosition) == null ? void 0 : f.call(g)) ?? 0);
+              var f, l;
+              (l = (f = d.current).onQuartile75) == null || l.call(f);
+            }), R || A("pause", () => {
+              var f, l, m;
+              (m = (l = d.current).onPause) == null || m.call(l, ((f = h.getPosition) == null ? void 0 : f.call(h)) ?? 0);
             }), A("error", (f) => {
-              var h, v;
-              const c = typeof f == "string" ? f : (f == null ? void 0 : f.message) || "Unknown error";
-              (v = (h = d.current).onError) == null || v.call(h, c);
-            }), o ? (A("vp-first-frame", () => {
-              var h, v;
-              const c = g.videoObject;
-              (v = (h = d.current).onReady) == null || v.call(h, c);
+              var m, v;
+              const l = typeof f == "string" ? f : (f == null ? void 0 : f.message) || "Unknown error";
+              (v = (m = d.current).onError) == null || v.call(m, l);
+            }), R ? (A("vp-first-frame", () => {
+              var m, v;
+              const l = h.videoObject;
+              (v = (m = d.current).onReady) == null || v.call(m, l);
             }), A("vp-video-started", (f) => {
-              var c, h;
-              (h = (c = d.current).onVideoStarted) == null || h.call(c, f);
+              var W, Y;
+              const l = f ?? {}, L = {
+                ...h.videoObject ?? {}
+              };
+              for (const [je, ye] of Object.entries(l))
+                ye != null && (L[je] = ye);
+              (Y = (W = d.current).onVideoStarted) == null || Y.call(W, L);
             }), A("vp-twenty-view", () => {
-              var c, h, v;
-              const f = ((c = g.getPosition) == null ? void 0 : c.call(g)) ?? 20;
-              (v = (h = d.current).onProgress20s) == null || v.call(h, Math.floor(f));
+              var l, m, v;
+              const f = ((l = h.getPosition) == null ? void 0 : l.call(h)) ?? 20;
+              (v = (m = d.current).onProgress20s) == null || v.call(m, Math.floor(f));
             }), A("vp-video-state", () => {
-              var c, h, v;
-              const f = ((c = g.getPosition) == null ? void 0 : c.call(g)) ?? 0;
-              (v = (h = d.current).onProgress10s) == null || v.call(
-                h,
+              var l, m, v;
+              const f = ((l = h.getPosition) == null ? void 0 : l.call(h)) ?? 0;
+              (v = (m = d.current).onProgress10s) == null || v.call(
+                m,
                 Math.floor(f)
               );
             }), A("vp-time", (f) => {
-              var h, v, U;
-              let c = 0;
-              typeof f == "number" ? c = f : f && typeof f == "object" && "position" in f ? c = f.position : c = ((h = g.getPosition) == null ? void 0 : h.call(g)) ?? 0, (U = (v = d.current).onTimeUpdate) == null || U.call(v, c);
+              var m, v, L;
+              let l = 0;
+              typeof f == "number" ? l = f : f && typeof f == "object" && "position" in f ? l = f.position : l = ((m = h.getPosition) == null ? void 0 : m.call(h)) ?? 0, (L = (v = d.current).onTimeUpdate) == null || L.call(v, l);
             }), A("vp-video-completed", () => {
-              var f, c;
-              (c = (f = d.current).onComplete) == null || c.call(f);
+              var f, l;
+              (l = (f = d.current).onComplete) == null || l.call(f);
             })) : (A("ready", () => {
-              var f, c;
-              (c = (f = d.current).onReady) == null || c.call(f);
+              var f, l;
+              (l = (f = d.current).onReady) == null || l.call(f);
             }), A("play", (f) => {
-              var h, v, U, B, X;
-              const c = f;
-              c != null && c.resume || c != null && c.afterPause ? (U = (v = d.current).onResume) == null || U.call(v, ((h = g.getPosition) == null ? void 0 : h.call(g)) ?? 0) : (X = (B = d.current).onPlay) == null || X.call(B);
+              var m, v, L, W, Y;
+              const l = f;
+              l != null && l.resume || l != null && l.afterPause ? (L = (v = d.current).onResume) == null || L.call(v, ((m = h.getPosition) == null ? void 0 : m.call(h)) ?? 0) : (Y = (W = d.current).onPlay) == null || Y.call(W);
             }), A("complete", () => {
-              var f, c;
-              (c = (f = d.current).onComplete) == null || c.call(f), ne.current = !1;
+              var f, l;
+              (l = (f = d.current).onComplete) == null || l.call(f), ae.current = !1;
             }), A("video-started", (f) => {
-              var B, X;
-              const c = f ?? {}, h = c.videoId || ue.current, v = xr(h, g), U = {
-                ...c,
-                videoId: h,
+              var W, Y;
+              const l = f ?? {}, m = l.videoId || fe.current, v = Pr(m, h), L = {
+                ...l,
+                videoId: m,
                 nextVideoId: v
               };
-              (X = (B = d.current).onVideoStarted) == null || X.call(B, U);
+              (Y = (W = d.current).onVideoStarted) == null || Y.call(W, L);
             }), A("video-state", () => {
-              var c, h, v;
-              const f = ((c = g.getPosition) == null ? void 0 : c.call(g)) ?? 0;
-              (v = (h = d.current).onProgress10s) == null || v.call(
-                h,
+              var l, m, v;
+              const f = ((l = h.getPosition) == null ? void 0 : l.call(h)) ?? 0;
+              (v = (m = d.current).onProgress10s) == null || v.call(
+                m,
                 Math.floor(f)
               );
             }), A("time", (f) => {
-              var h, v, U, B, X;
-              let c = 0;
-              typeof f == "number" ? c = f : f && typeof f == "object" && "position" in f ? c = f.position : c = ((h = g.getPosition) == null ? void 0 : h.call(g)) ?? 0, (U = (v = d.current).onTimeUpdate) == null || U.call(v, c), !ne.current && c >= 20 && (ne.current = !0, (X = (B = d.current).onProgress20s) == null || X.call(B, Math.floor(c)));
+              var m, v, L, W, Y;
+              let l = 0;
+              typeof f == "number" ? l = f : f && typeof f == "object" && "position" in f ? l = f.position : l = ((m = h.getPosition) == null ? void 0 : m.call(h)) ?? 0, (L = (v = d.current).onTimeUpdate) == null || L.call(v, l), !ae.current && l >= 20 && (ae.current = !0, (Y = (W = d.current).onProgress20s) == null || Y.call(W, Math.floor(l)));
             }), A("playlistItem", (f) => {
-              var B, X;
-              ne.current = !1;
-              const c = f;
-              ue.current = c == null ? void 0 : c.id;
-              const h = c == null ? void 0 : c.id, v = xr(h, g), U = {
-                videoId: h,
+              var W, Y;
+              ae.current = !1;
+              const l = f;
+              fe.current = l == null ? void 0 : l.id;
+              const m = l == null ? void 0 : l.id, v = Pr(m, h), L = {
+                videoId: m,
                 nextVideoId: v
               };
-              (X = (B = d.current).onPlaylistItem) == null || X.call(B, U);
+              (Y = (W = d.current).onPlaylistItem) == null || Y.call(W, L);
             }), A("nextClick", (f) => {
-              var v, U;
-              const c = f, h = (c == null ? void 0 : c.currentTime) ?? 0;
-              (U = (v = d.current).onNext) == null || U.call(v, h);
+              var v, L;
+              const l = f, m = (l == null ? void 0 : l.currentTime) ?? 0;
+              (L = (v = d.current).onNext) == null || L.call(v, m);
             }), A("vp-video-switch", (f) => {
-              var h, v;
-              const c = f ?? {};
-              (v = (h = d.current).onVideoSwitch) == null || v.call(h, c);
+              var m, v;
+              const l = f ?? {};
+              (v = (m = d.current).onVideoSwitch) == null || v.call(m, l);
             }));
           }
         }
-      } catch (H) {
-        if (i) {
-          const me = H instanceof Error ? H.message : String(H);
-          Z(me), console.error("VP Player initialization error:", H);
+      } catch (de) {
+        if (s) {
+          const Qe = de instanceof Error ? de.message : String(de);
+          K(Qe), console.error("VP Player initialization error:", de);
         }
       }
     })(), () => {
-      var P;
-      if (i = !1, (P = q.current) != null && P.destroy) {
+      var ee;
+      if (s = !1, (ee = B.current) != null && ee.destroy) {
         try {
-          q.current.destroy();
+          B.current.destroy();
         } catch {
         }
-        q.current = null;
+        B.current = null;
       }
     };
   }, [
-    O,
-    G,
-    M,
-    y,
-    o,
-    re,
+    Q,
+    H,
+    i,
+    I,
+    R,
+    g,
     e,
     n,
     r
   ]), {
-    playerRef: ce,
-    playerInstanceRef: q,
-    isScriptLoaded: O,
-    isLoading: !O && !ee,
-    error: ee,
-    generatedPlayerId: G
+    playerRef: ne,
+    playerInstanceRef: B,
+    isScriptLoaded: Q,
+    isLoading: !Q && !ue,
+    error: ue,
+    generatedPlayerId: H
   };
-}, Zt = wr(
+}, en = Sr(
   ({
     scriptId: e,
     videoId: r,
     scriptUrl: t,
     projectId: n,
-    config: a,
-    playerId: s,
-    isVertical: u = !1,
-    isReels: p = !1,
+    userId: a,
+    config: c,
+    playerId: u,
+    isVertical: p = !1,
+    isReels: x = !1,
     thumbnailUrl: k,
-    onClose: b,
-    className: m,
-    hiddenClasses: x = [],
-    onReady: I,
-    onPlay: $,
-    onPause: j,
-    onResume: w,
+    onClose: y,
+    className: b,
+    hiddenClasses: M = [],
+    onReady: O,
+    onPlay: j,
+    onPause: w,
+    onResume: P,
     onComplete: S,
-    onError: E,
-    onVideoStarted: C,
-    onTimeUpdate: V,
-    onQuartile25: N,
-    onQuartile50: z,
-    onQuartile75: F,
-    onNext: R,
-    onPrevious: te,
-    onProgress10s: ce,
-    onProgress20s: q,
-    onPlaylistItem: ee,
-    onVideoSwitch: Z
-  }, fe) => {
+    onError: C,
+    onVideoStarted: V,
+    onTimeUpdate: U,
+    onQuartile25: D,
+    onQuartile50: F,
+    onQuartile75: E,
+    onNext: te,
+    onPrevious: re,
+    onProgress10s: ne,
+    onProgress20s: B,
+    onPlaylistItem: ue,
+    onVideoSwitch: K
+  }, ge) => {
     const {
-      playerRef: G,
+      playerRef: H,
       playerInstanceRef: d,
-      isScriptLoaded: ne,
-      isLoading: K,
-      error: ue,
-      generatedPlayerId: ae
-    } = Jt({
+      isScriptLoaded: ae,
+      isLoading: J,
+      error: fe,
+      generatedPlayerId: ie
+    } = Qt({
       scriptId: e,
       videoId: r,
       scriptUrl: t,
       projectId: n,
-      config: a,
-      playerId: s,
-      isVertical: u,
-      isReels: p,
-      onReady: I,
-      onPlay: $,
-      onPause: j,
-      onResume: w,
+      userId: a,
+      config: c,
+      playerId: u,
+      isVertical: p,
+      isReels: x,
+      onReady: O,
+      onPlay: j,
+      onPause: w,
+      onResume: P,
       onComplete: S,
-      onError: E,
-      onVideoStarted: C,
-      onTimeUpdate: V,
-      onQuartile25: N,
-      onQuartile50: z,
-      onQuartile75: F,
-      onNext: R,
-      onPrevious: te,
-      onProgress10s: ce,
-      onProgress20s: q,
-      onPlaylistItem: ee,
-      onVideoSwitch: Z
+      onError: C,
+      onVideoStarted: V,
+      onTimeUpdate: U,
+      onQuartile25: D,
+      onQuartile50: F,
+      onQuartile75: E,
+      onNext: te,
+      onPrevious: re,
+      onProgress10s: ne,
+      onProgress20s: B,
+      onPlaylistItem: ue,
+      onVideoSwitch: K
     });
-    Vr(
-      fe,
+    Ur(
+      ge,
       () => ({
         play: () => {
-          var i, l;
-          return (l = (i = d.current) == null ? void 0 : i.play) == null ? void 0 : l.call(i);
+          var i, s;
+          return (s = (i = d.current) == null ? void 0 : i.play) == null ? void 0 : s.call(i);
         },
         pause: () => {
-          var i, l;
-          return (l = (i = d.current) == null ? void 0 : i.pause) == null ? void 0 : l.call(i);
+          var i, s;
+          return (s = (i = d.current) == null ? void 0 : i.pause) == null ? void 0 : s.call(i);
         },
         seek: (i) => {
-          var l, P;
-          return (P = (l = d.current) == null ? void 0 : l.seek) == null ? void 0 : P.call(l, i);
+          var s, $;
+          return ($ = (s = d.current) == null ? void 0 : s.seek) == null ? void 0 : $.call(s, i);
         },
         forward: () => {
-          var i, l;
-          return (l = (i = d.current) == null ? void 0 : i.forward) == null ? void 0 : l.call(i);
+          var i, s;
+          return (s = (i = d.current) == null ? void 0 : i.forward) == null ? void 0 : s.call(i);
         },
         rewind: () => {
-          var i, l;
-          return (l = (i = d.current) == null ? void 0 : i.rewind) == null ? void 0 : l.call(i);
+          var i, s;
+          return (s = (i = d.current) == null ? void 0 : i.rewind) == null ? void 0 : s.call(i);
         },
         replay: () => {
-          var i, l;
-          return (l = (i = d.current) == null ? void 0 : i.replay) == null ? void 0 : l.call(i);
+          var i, s;
+          return (s = (i = d.current) == null ? void 0 : i.replay) == null ? void 0 : s.call(i);
         },
         mute: () => {
-          var i, l;
-          return (l = (i = d.current) == null ? void 0 : i.mute) == null ? void 0 : l.call(i);
+          var i, s;
+          return (s = (i = d.current) == null ? void 0 : i.mute) == null ? void 0 : s.call(i);
         },
         unmute: () => {
-          var i, l;
-          return (l = (i = d.current) == null ? void 0 : i.unmute) == null ? void 0 : l.call(i);
+          var i, s;
+          return (s = (i = d.current) == null ? void 0 : i.unmute) == null ? void 0 : s.call(i);
         },
         togglePlay: () => {
-          var i, l;
-          return (l = (i = d.current) == null ? void 0 : i.togglePlay) == null ? void 0 : l.call(i);
+          var i, s;
+          return (s = (i = d.current) == null ? void 0 : i.togglePlay) == null ? void 0 : s.call(i);
         },
         toggleMute: () => {
-          var i, l;
-          return (l = (i = d.current) == null ? void 0 : i.toggleMute) == null ? void 0 : l.call(i);
+          var i, s;
+          return (s = (i = d.current) == null ? void 0 : i.toggleMute) == null ? void 0 : s.call(i);
         },
         enterFullScreen: () => {
-          var i, l, P;
-          return (P = ((i = d.current) == null ? void 0 : i.enterFullScreen) ?? ((l = d.current) == null ? void 0 : l.enterFullscreen)) == null ? void 0 : P();
+          var i, s, $;
+          return ($ = ((i = d.current) == null ? void 0 : i.enterFullScreen) ?? ((s = d.current) == null ? void 0 : s.enterFullscreen)) == null ? void 0 : $();
         },
         exitFullScreen: () => {
-          var i, l, P;
-          return (P = ((i = d.current) == null ? void 0 : i.exitFullScreen) ?? ((l = d.current) == null ? void 0 : l.exitFullscreen)) == null ? void 0 : P();
+          var i, s, $;
+          return ($ = ((i = d.current) == null ? void 0 : i.exitFullScreen) ?? ((s = d.current) == null ? void 0 : s.exitFullscreen)) == null ? void 0 : $();
         },
         getPosition: () => {
-          var i, l;
-          return ((l = (i = d.current) == null ? void 0 : i.getPosition) == null ? void 0 : l.call(i)) ?? null;
+          var i, s;
+          return ((s = (i = d.current) == null ? void 0 : i.getPosition) == null ? void 0 : s.call(i)) ?? null;
         },
         getDuration: () => {
-          var i, l;
-          return ((l = (i = d.current) == null ? void 0 : i.getDuration) == null ? void 0 : l.call(i)) ?? null;
+          var i, s;
+          return ((s = (i = d.current) == null ? void 0 : i.getDuration) == null ? void 0 : s.call(i)) ?? null;
         },
         getVolume: () => {
-          var i, l;
-          return ((l = (i = d.current) == null ? void 0 : i.getVolume) == null ? void 0 : l.call(i)) ?? null;
+          var i, s;
+          return ((s = (i = d.current) == null ? void 0 : i.getVolume) == null ? void 0 : s.call(i)) ?? null;
         },
         setVolume: (i) => {
-          var l, P;
-          return (P = (l = d.current) == null ? void 0 : l.setVolume) == null ? void 0 : P.call(l, i);
+          var s, $;
+          return ($ = (s = d.current) == null ? void 0 : s.setVolume) == null ? void 0 : $.call(s, i);
         },
         isMuted: () => {
-          var i, l;
-          return ((l = (i = d.current) == null ? void 0 : i.isMuted) == null ? void 0 : l.call(i)) ?? !1;
+          var i, s;
+          return ((s = (i = d.current) == null ? void 0 : i.isMuted) == null ? void 0 : s.call(i)) ?? !1;
         },
         isPlaying: () => {
-          var i, l;
-          return ((l = (i = d.current) == null ? void 0 : i.isPlaying) == null ? void 0 : l.call(i)) ?? !1;
+          var i, s;
+          return ((s = (i = d.current) == null ? void 0 : i.isPlaying) == null ? void 0 : s.call(i)) ?? !1;
         },
         isPaused: () => {
-          var i, l;
-          return ((l = (i = d.current) == null ? void 0 : i.isPaused) == null ? void 0 : l.call(i)) ?? !1;
+          var i, s;
+          return ((s = (i = d.current) == null ? void 0 : i.isPaused) == null ? void 0 : s.call(i)) ?? !1;
         },
         isFullscreen: () => {
-          var i, l;
-          return ((l = (i = d.current) == null ? void 0 : i.isFullscreen) == null ? void 0 : l.call(i)) ?? !1;
+          var i, s;
+          return ((s = (i = d.current) == null ? void 0 : i.isFullscreen) == null ? void 0 : s.call(i)) ?? !1;
         },
         shouldLockVideo: (i) => {
           d.current && (d.current.shouldLockVideo = i ?? void 0);
         },
         removeVideoLock: () => {
-          var i, l;
-          return (l = (i = d.current) == null ? void 0 : i.removeVideoLock) == null ? void 0 : l.call(i);
+          var i, s;
+          return (s = (i = d.current) == null ? void 0 : i.removeVideoLock) == null ? void 0 : s.call(i);
         },
         setVideoLocking: (i) => {
-          var l, P;
-          return (P = (l = d.current) == null ? void 0 : l.setVideoLocking) == null ? void 0 : P.call(l, i);
+          var s, $;
+          return ($ = (s = d.current) == null ? void 0 : s.setVideoLocking) == null ? void 0 : $.call(s, i);
+        },
+        setUserId: (i, s) => {
+          var $, ee;
+          return ((ee = ($ = d.current) == null ? void 0 : $.setUserId) == null ? void 0 : ee.call($, i, s ?? !1)) ?? !1;
         }
       }),
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
     );
-    const [re, o] = Fe(!0), y = () => p && o(!0), O = () => {
-      var i, l;
-      !p || !re || (o(!1), (l = (i = d.current) == null ? void 0 : i.pause) == null || l.call(i), b == null || b());
+    const [o, g] = Ue(!0), R = () => x && g(!0), I = () => {
+      var i, s;
+      !x || !o || (g(!1), (s = (i = d.current) == null ? void 0 : i.pause) == null || s.call(i), y == null || y());
     };
-    if (ue)
-      return /* @__PURE__ */ D.jsxs(vr, { type: "error", children: [
+    if (fe)
+      return /* @__PURE__ */ z.jsxs(wr, { type: "error", children: [
         "An error occurred: ",
-        ue
+        fe
       ] });
-    const M = () => /* @__PURE__ */ D.jsx(
+    const Q = () => /* @__PURE__ */ z.jsx(
       "div",
       {
         style: {
@@ -2037,14 +2051,14 @@ const Jt = ({
           background: "rgba(0,0,0,0.8)",
           zIndex: 10
         },
-        children: /* @__PURE__ */ D.jsx(vr, { type: "loading", children: "Loading..." })
+        children: /* @__PURE__ */ z.jsx(wr, { type: "loading", children: "Loading..." })
       }
     );
-    return p ? /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
-      !re && /* @__PURE__ */ D.jsx(
+    return x ? /* @__PURE__ */ z.jsxs(z.Fragment, { children: [
+      !o && /* @__PURE__ */ z.jsx(
         "div",
         {
-          onClick: y,
+          onClick: R,
           style: {
             cursor: "pointer",
             width: "100%",
@@ -2055,12 +2069,12 @@ const Jt = ({
           }
         }
       ),
-      re && /* @__PURE__ */ D.jsx(Lt, { onClick: O, className: m, children: /* @__PURE__ */ D.jsx(
-        Nt,
+      o && /* @__PURE__ */ z.jsx(Dt, { onClick: I, className: b, children: /* @__PURE__ */ z.jsx(
+        zt,
         {
-          className: m,
+          className: b,
           onClick: (i) => i.stopPropagation(),
-          children: /* @__PURE__ */ D.jsxs(
+          children: /* @__PURE__ */ z.jsxs(
             "div",
             {
               style: {
@@ -2069,52 +2083,52 @@ const Jt = ({
                 height: "100%"
               },
               children: [
-                /* @__PURE__ */ D.jsx(
-                  br,
+                /* @__PURE__ */ z.jsx(
+                  kr,
                   {
-                    id: ae,
-                    ref: G,
+                    id: ie,
+                    ref: H,
                     width: "100%",
                     height: "100%",
-                    $hiddenClasses: x,
-                    className: m
+                    $hiddenClasses: M,
+                    className: b
                   }
                 ),
-                (K || !ne) && /* @__PURE__ */ D.jsx(M, {})
+                (J || !ae) && /* @__PURE__ */ z.jsx(Q, {})
               ]
             }
           )
         }
       ) })
-    ] }) : /* @__PURE__ */ D.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
-      /* @__PURE__ */ D.jsx(
-        br,
+    ] }) : /* @__PURE__ */ z.jsxs("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
+      /* @__PURE__ */ z.jsx(
+        kr,
         {
-          id: ae,
-          ref: G,
+          id: ie,
+          ref: H,
           width: "100%",
           height: "100%",
-          $hiddenClasses: x,
-          className: m
+          $hiddenClasses: M,
+          className: b
         }
       ),
-      (K || !ne) && /* @__PURE__ */ D.jsx(M, {})
+      (J || !ae) && /* @__PURE__ */ z.jsx(Q, {})
     ] });
   }
 );
-Zt.displayName = "VPPlayer";
+en.displayName = "VPPlayer";
 export {
-  Lt as Overlay,
-  br as PlayerContainer,
-  Nt as PlayerWrapper,
-  Zt as VPPlayer,
-  he as VP_PLAYER_BASE_URL,
-  Gt as appendDivIdToUrl,
-  Ht as generatePlayerId,
-  Ut as getFullyManagedPlayerScriptUrl,
-  Qt as getManagedPlayerScriptUrl,
-  zt as getPlayerScriptUrl,
-  Dt as getVerticalPlayerScriptUrl,
-  Jt as useVPPlayerLogic,
-  Bt as useVPPlayerScript
+  Dt as Overlay,
+  kr as PlayerContainer,
+  zt as PlayerWrapper,
+  en as VPPlayer,
+  me as VP_PLAYER_BASE_URL,
+  Jt as appendDivIdToUrl,
+  Xt as generatePlayerId,
+  Yt as getFullyManagedPlayerScriptUrl,
+  tn as getManagedPlayerScriptUrl,
+  Wt as getPlayerScriptUrl,
+  qt as getVerticalPlayerScriptUrl,
+  Qt as useVPPlayerLogic,
+  Zt as useVPPlayerScript
 };