@devix-technologies/react-gjirafa-vp-player 1.0.18 → 1.0.20

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

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