npm - @devix-technologies/react-gjirafa-vp-player - Versions diffs - 1.0.31-beta.1 → 1.0.31-beta.12 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md +216 -98
package/dist/index.d.ts +826 -544
package/dist/react-gjirafa-vp-player.es.js +1030 -1279
package/dist/react-gjirafa-vp-player.umd.js +9 -9
package/package.json +1 -1

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

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