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

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 Y, useEffect as xe, useRef as Me, useMemo as rt, createContext as vt, useCallback as Ue } from "react";
-var me = { exports: {} }, se = {};
+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 = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -16,8 +16,8 @@ function bt() {
   ze = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function r(n, a, i) {
-    var s = null;
-    if (i !== void 0 && (s = "" + i), a.key !== void 0 && (s = "" + a.key), "key" in a) {
+    var o = null;
+    if (i !== void 0 && (o = "" + i), a.key !== void 0 && (o = "" + a.key), "key" in a) {
       i = {};
       for (var c in a)
         c !== "key" && (i[c] = a[c]);
@@ -25,7 +25,7 @@ function bt() {
     return a = i.ref, {
       $$typeof: e,
       type: n,
-      key: s,
+      key: o,
       ref: a !== void 0 ? a : null,
       props: i
     };
@@ -45,187 +45,187 @@ var ce = {};
 var De;
 function xt() {
   return De || (De = 1, process.env.NODE_ENV !== "production" && function() {
-    function e(o) {
-      if (o == null) return null;
-      if (typeof o == "function")
-        return o.$$typeof === E ? null : o.displayName || o.name || null;
-      if (typeof o == "string") return o;
-      switch (o) {
-        case f:
+    function e(s) {
+      if (s == null) return null;
+      if (typeof s == "function")
+        return s.$$typeof === O ? null : s.displayName || s.name || null;
+      if (typeof s == "string") return s;
+      switch (s) {
+        case d:
           return "Fragment";
-        case y:
+        case p:
           return "Profiler";
-        case h:
+        case b:
           return "StrictMode";
-        case S:
+        case I:
           return "Suspense";
-        case R:
+        case w:
           return "SuspenseList";
-        case C:
+        case R:
           return "Activity";
       }
-      if (typeof o == "object")
-        switch (typeof o.tag == "number" && console.error(
+      if (typeof s == "object")
+        switch (typeof s.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), o.$$typeof) {
+        ), s.$$typeof) {
           case g:
             return "Portal";
           case _:
-            return (o.displayName || "Context") + ".Provider";
-          case w:
-            return (o._context.displayName || "Context") + ".Consumer";
-          case A:
-            var v = o.render;
-            return o = o.displayName, o || (o = v.displayName || v.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case d:
-            return v = o.displayName || null, v !== null ? v : e(o.type) || "Memo";
-          case I:
-            v = o._payload, o = o._init;
+            return (s.displayName || "Context") + ".Provider";
+          case x:
+            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;
             try {
-              return e(o(v));
+              return e(s(m));
             } catch {
             }
         }
       return null;
     }
-    function t(o) {
-      return "" + o;
+    function t(s) {
+      return "" + s;
     }
-    function r(o) {
+    function r(s) {
       try {
-        t(o);
-        var v = !1;
+        t(s);
+        var m = !1;
       } catch {
-        v = !0;
+        m = !0;
       }
-      if (v) {
-        v = console;
-        var T = v.error, L = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+      if (m) {
+        m = console;
+        var T = m.error, F = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
         return T.call(
-          v,
+          m,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          L
-        ), t(o);
+          F
+        ), t(s);
       }
     }
-    function n(o) {
-      if (o === f) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === I)
+    function n(s) {
+      if (s === d) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === C)
         return "<...>";
       try {
-        var v = e(o);
-        return v ? "<" + v + ">" : "<...>";
+        var m = e(s);
+        return m ? "<" + m + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var o = $.A;
-      return o === null ? null : o.getOwner();
+      var s = A.A;
+      return s === null ? null : s.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function s(o) {
-      if (D.call(o, "key")) {
-        var v = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (v && v.isReactWarning) return !1;
+    function o(s) {
+      if (M.call(s, "key")) {
+        var m = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (m && m.isReactWarning) return !1;
       }
-      return o.key !== void 0;
+      return s.key !== void 0;
     }
-    function c(o, v) {
+    function c(s, m) {
       function T() {
-        q || (q = !0, console.error(
+        W || (W = !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)",
-          v
+          m
         ));
       }
-      T.isReactWarning = !0, Object.defineProperty(o, "key", {
+      T.isReactWarning = !0, Object.defineProperty(s, "key", {
         get: T,
         configurable: !0
       });
     }
     function u() {
-      var o = e(this.type);
-      return W[o] || (W[o] = !0, console.error(
+      var s = e(this.type);
+      return Y[s] || (Y[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."
-      )), o = this.props.ref, o !== void 0 ? o : null;
+      )), s = this.props.ref, s !== void 0 ? s : null;
     }
-    function m(o, v, T, L, te, G, _e, Se) {
-      return T = G.ref, o = {
-        $$typeof: x,
-        type: o,
-        key: v,
-        props: G,
+    function y(s, m, T, F, te, H, _e, Se) {
+      return T = H.ref, s = {
+        $$typeof: k,
+        type: s,
+        key: m,
+        props: H,
         _owner: te
-      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(o, "ref", {
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(s, "ref", {
         enumerable: !1,
         get: u
-      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
+      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(o, "_debugInfo", {
+      }), Object.defineProperty(s, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(o, "_debugStack", {
+      }), Object.defineProperty(s, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: _e
-      }), Object.defineProperty(o, "_debugTask", {
+      }), Object.defineProperty(s, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: Se
-      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function l(o, v, T, L, te, G, _e, Se) {
-      var V = v.children;
+    function l(s, m, T, F, te, H, _e, Se) {
+      var V = m.children;
       if (V !== void 0)
-        if (L)
-          if (j(V)) {
-            for (L = 0; L < V.length; L++)
-              p(V[L]);
+        if (F)
+          if (z(V)) {
+            for (F = 0; F < V.length; F++)
+              f(V[F]);
             Object.freeze && Object.freeze(V);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else p(V);
-      if (D.call(v, "key")) {
-        V = e(o);
-        var re = Object.keys(v).filter(function(mt) {
+        else f(V);
+      if (M.call(m, "key")) {
+        V = e(s);
+        var re = Object.keys(m).filter(function(mt) {
           return mt !== "key";
         });
-        L = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", ee[V + L] || (re = 0 < re.length ? "{" + re.join(": ..., ") + ": ...}" : "{}", console.error(
+        F = 0 < re.length ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}", ee[V + F] || (re = 0 < re.length ? "{" + re.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          L,
+          F,
           V,
           re,
           V
-        ), ee[V + L] = !0);
+        ), ee[V + F] = !0);
       }
-      if (V = null, T !== void 0 && (r(T), V = "" + T), s(v) && (r(v.key), V = "" + v.key), "key" in v) {
+      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 v)
-          Re !== "key" && (T[Re] = v[Re]);
-      } else T = v;
+        for (var Re in m)
+          Re !== "key" && (T[Re] = m[Re]);
+      } else T = m;
       return V && c(
         T,
-        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), m(
-        o,
+        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
+      ), y(
+        s,
         V,
-        G,
+        H,
         te,
         a(),
         T,
@@ -233,51 +233,51 @@ React keys must be passed directly to JSX without using spread:
         Se
       );
     }
-    function p(o) {
-      typeof o == "object" && o !== null && o.$$typeof === x && o._store && (o._store.validated = 1);
+    function f(s) {
+      typeof s == "object" && s !== null && s.$$typeof === k && s._store && (s._store.validated = 1);
     }
-    var b = yt, x = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), E = Symbol.for("react.client.reference"), $ = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, j = Array.isArray, U = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    b = {
-      "react-stack-bottom-frame": function(o) {
-        return o();
+    v = {
+      "react-stack-bottom-frame": function(s) {
+        return s();
       }
     };
-    var q, W = {}, J = b["react-stack-bottom-frame"].bind(
-      b,
+    var W, Y = {}, Q = v["react-stack-bottom-frame"].bind(
+      v,
       i
-    )(), Q = U(n(i)), ee = {};
-    ce.Fragment = f, ce.jsx = function(o, v, T, L, te) {
-      var G = 1e4 > $.recentlyCreatedOwnerStacks++;
+    )(), G = $(n(i)), ee = {};
+    ce.Fragment = d, ce.jsx = function(s, m, T, F, te) {
+      var H = 1e4 > A.recentlyCreatedOwnerStacks++;
       return l(
-        o,
-        v,
+        s,
+        m,
         T,
         !1,
-        L,
+        F,
         te,
-        G ? Error("react-stack-top-frame") : J,
-        G ? U(n(o)) : Q
+        H ? Error("react-stack-top-frame") : Q,
+        H ? $(n(s)) : G
       );
-    }, ce.jsxs = function(o, v, T, L, te) {
-      var G = 1e4 > $.recentlyCreatedOwnerStacks++;
+    }, ce.jsxs = function(s, m, T, F, te) {
+      var H = 1e4 > A.recentlyCreatedOwnerStacks++;
       return l(
-        o,
-        v,
+        s,
+        m,
         T,
         !0,
-        L,
+        F,
         te,
-        G ? Error("react-stack-top-frame") : J,
-        G ? U(n(o)) : Q
+        H ? Error("react-stack-top-frame") : Q,
+        H ? $(n(s)) : G
       );
     };
   }()), ce;
 }
 var We;
 function wt() {
-  return We || (We = 1, process.env.NODE_ENV === "production" ? me.exports = bt() : me.exports = xt()), me.exports;
+  return We || (We = 1, process.env.NODE_ENV === "production" ? ye.exports = bt() : ye.exports = xt()), ye.exports;
 }
 var N = wt();
 function Oe() {
@@ -329,9 +329,9 @@ var Et = /* @__PURE__ */ function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), B = "-ms-", we = "-moz-", k = "-webkit-", nt = "comm", Fe = "rule", Le = "decl", _t = "@import", at = "@keyframes", St = "@layer", Rt = Math.abs, ke = String.fromCharCode, At = Object.assign;
+}(), 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 F(e, 0) ^ 45 ? (((t << 2 ^ F(e, 0)) << 2 ^ F(e, 1)) << 2 ^ F(e, 2)) << 2 ^ F(e, 3) : 0;
+  return L(e, 0) ^ 45 ? (((t << 2 ^ L(e, 0)) << 2 ^ L(e, 1)) << 2 ^ L(e, 2)) << 2 ^ L(e, 3) : 0;
 }
 function it(e) {
   return e.trim();
@@ -339,56 +339,56 @@ function it(e) {
 function Tt(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function P(e, t, r) {
+function E(e, t, r) {
   return e.replace(t, r);
 }
 function je(e, t) {
   return e.indexOf(t);
 }
-function F(e, t) {
+function L(e, t) {
   return e.charCodeAt(t) | 0;
 }
-function de(e, t, r) {
+function fe(e, t, r) {
   return e.slice(t, r);
 }
-function H(e) {
+function X(e) {
   return e.length;
 }
 function Ve(e) {
   return e.length;
 }
-function ye(e, t) {
+function ge(e, t) {
   return t.push(e), e;
 }
 function It(e, t) {
   return e.map(t).join("");
 }
-var Pe = 1, ae = 1, ot = 0, M = 0, O = 0, oe = "";
-function Ee(e, t, r, n, a, i, s) {
-  return { value: e, root: t, parent: r, type: n, props: a, children: i, line: Pe, column: ae, length: s, return: "" };
+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: "" };
 }
 function le(e, t) {
   return At(Ee("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function Ot() {
-  return O;
+  return j;
 }
 function jt() {
-  return O = M > 0 ? F(oe, --M) : 0, ae--, O === 10 && (ae = 1, Pe--), O;
+  return j = U > 0 ? L(oe, --U) : 0, ae--, j === 10 && (ae = 1, Pe--), j;
 }
-function z() {
-  return O = M < ot ? F(oe, M++) : 0, ae++, O === 10 && (ae = 1, Pe++), O;
+function D() {
+  return j = U < ot ? L(oe, U++) : 0, ae++, j === 10 && (ae = 1, Pe++), j;
 }
-function K() {
-  return F(oe, M);
+function J() {
+  return L(oe, U);
 }
-function ge() {
-  return M;
+function ve() {
+  return U;
 }
-function he(e, t) {
-  return de(oe, e, t);
+function me(e, t) {
+  return fe(oe, e, t);
 }
-function fe(e) {
+function pe(e) {
   switch (e) {
     // \0 \t \n \r \s whitespace token
     case 0:
@@ -427,34 +427,34 @@ function fe(e) {
   return 0;
 }
 function st(e) {
-  return Pe = ae = 1, ot = H(oe = e), M = 0, [];
+  return Pe = ae = 1, ot = X(oe = e), U = 0, [];
 }
 function ct(e) {
   return oe = "", e;
 }
-function ve(e) {
-  return it(he(M - 1, $e(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+function be(e) {
+  return it(me(U - 1, $e(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function $t(e) {
-  for (; (O = K()) && O < 33; )
-    z();
-  return fe(e) > 2 || fe(O) > 3 ? "" : " ";
+  for (; (j = J()) && j < 33; )
+    D();
+  return pe(e) > 2 || pe(j) > 3 ? "" : " ";
 }
 function Nt(e, t) {
-  for (; --t && z() && !(O < 48 || O > 102 || O > 57 && O < 65 || O > 70 && O < 97); )
+  for (; --t && D() && !(j < 48 || j > 102 || j > 57 && j < 65 || j > 70 && j < 97); )
     ;
-  return he(e, ge() + (t < 6 && K() == 32 && z() == 32));
+  return me(e, ve() + (t < 6 && J() == 32 && D() == 32));
 }
 function $e(e) {
-  for (; z(); )
-    switch (O) {
+  for (; D(); )
+    switch (j) {
       // ] ) " '
       case e:
-        return M;
+        return U;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && $e(O);
+        e !== 34 && e !== 39 && $e(j);
         break;
       // (
       case 40:
@@ -462,142 +462,142 @@ function $e(e) {
         break;
       // \
       case 92:
-        z();
+        D();
         break;
     }
-  return M;
+  return U;
 }
-function Ft(e, t) {
-  for (; z() && e + O !== 57; )
-    if (e + O === 84 && K() === 47)
+function Lt(e, t) {
+  for (; D() && e + j !== 57; )
+    if (e + j === 84 && J() === 47)
       break;
-  return "/*" + he(t, M - 1) + "*" + ke(e === 47 ? e : z());
+  return "/*" + me(t, U - 1) + "*" + ke(e === 47 ? e : D());
 }
-function Lt(e) {
-  for (; !fe(K()); )
-    z();
-  return he(e, M);
+function Ft(e) {
+  for (; !pe(J()); )
+    D();
+  return me(e, U);
 }
 function Vt(e) {
-  return ct(be("", null, null, null, [""], e = st(e), 0, [0], e));
+  return ct(xe("", null, null, null, [""], e = st(e), 0, [0], e));
 }
-function be(e, t, r, n, a, i, s, c, u) {
-  for (var m = 0, l = 0, p = s, b = 0, x = 0, g = 0, f = 1, h = 1, y = 1, w = 0, _ = "", A = a, S = i, R = n, d = _; h; )
-    switch (g = w, w = z()) {
+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()) {
       // (
       case 40:
-        if (g != 108 && F(d, p - 1) == 58) {
-          je(d += P(ve(w), "&", "&\f"), "&\f") != -1 && (y = -1);
+        if (g != 108 && L(h, f - 1) == 58) {
+          je(h += E(be(x), "&", "&\f"), "&\f") != -1 && (p = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        d += ve(w);
+        h += be(x);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        d += $t(g);
+        h += $t(g);
         break;
       // \
       case 92:
-        d += Nt(ge() - 1, 7);
+        h += Nt(ve() - 1, 7);
         continue;
       // /
       case 47:
-        switch (K()) {
+        switch (J()) {
           case 42:
           case 47:
-            ye(Bt(Ft(z(), ge()), t, r), u);
+            ge(Bt(Lt(D(), ve()), t, r), u);
             break;
           default:
-            d += "/";
+            h += "/";
         }
         break;
       // {
-      case 123 * f:
-        c[m++] = H(d) * y;
+      case 123 * d:
+        c[y++] = X(h) * p;
       // } ; \0
-      case 125 * f:
+      case 125 * d:
       case 59:
       case 0:
-        switch (w) {
+        switch (x) {
           // \0 }
           case 0:
           case 125:
-            h = 0;
+            b = 0;
           // ;
           case 59 + l:
-            y == -1 && (d = P(d, /\f/g, "")), x > 0 && H(d) - p && ye(x > 32 ? qe(d + ";", n, r, p - 1) : qe(P(d, " ", "") + ";", n, r, p - 2), u);
+            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);
             break;
           // @ ;
           case 59:
-            d += ";";
+            h += ";";
           // { rule/at-rule
           default:
-            if (ye(R = Ye(d, t, r, m, l, a, c, _, A = [], S = [], p), i), w === 123)
+            if (ge(w = Ye(h, t, r, y, l, a, c, _, S = [], I = [], f), i), x === 123)
               if (l === 0)
-                be(d, t, R, R, A, i, p, c, S);
+                xe(h, t, w, w, S, i, f, c, I);
               else
-                switch (b === 99 && F(d, 3) === 110 ? 100 : b) {
+                switch (v === 99 && L(h, 3) === 110 ? 100 : v) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    be(e, R, R, n && ye(Ye(e, R, R, 0, 0, a, c, _, a, A = [], p), S), a, S, p, c, n ? A : S);
+                    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);
                     break;
                   default:
-                    be(d, R, R, R, [""], S, 0, c, S);
+                    xe(h, w, w, w, [""], I, 0, c, I);
                 }
         }
-        m = l = x = 0, f = y = 1, _ = d = "", p = s;
+        y = l = k = 0, d = p = 1, _ = h = "", f = o;
         break;
       // :
       case 58:
-        p = 1 + H(d), x = g;
+        f = 1 + X(h), k = g;
       default:
-        if (f < 1) {
-          if (w == 123)
-            --f;
-          else if (w == 125 && f++ == 0 && jt() == 125)
+        if (d < 1) {
+          if (x == 123)
+            --d;
+          else if (x == 125 && d++ == 0 && jt() == 125)
             continue;
         }
-        switch (d += ke(w), w * f) {
+        switch (h += ke(x), x * d) {
           // &
           case 38:
-            y = l > 0 ? 1 : (d += "\f", -1);
+            p = l > 0 ? 1 : (h += "\f", -1);
             break;
           // ,
           case 44:
-            c[m++] = (H(d) - 1) * y, y = 1;
+            c[y++] = (X(h) - 1) * p, p = 1;
             break;
           // @
           case 64:
-            K() === 45 && (d += ve(z())), b = K(), l = p = H(_ = d += Lt(ge())), w++;
+            J() === 45 && (h += be(D())), v = J(), l = f = X(_ = h += Ft(ve())), x++;
             break;
           // -
           case 45:
-            g === 45 && H(d) == 2 && (f = 0);
+            g === 45 && X(h) == 2 && (d = 0);
         }
     }
   return i;
 }
-function Ye(e, t, r, n, a, i, s, c, u, m, l) {
-  for (var p = a - 1, b = a === 0 ? i : [""], x = Ve(b), g = 0, f = 0, h = 0; g < n; ++g)
-    for (var y = 0, w = de(e, p + 1, p = Rt(f = s[g])), _ = e; y < x; ++y)
-      (_ = it(f > 0 ? b[y] + " " + w : P(w, /&\f/g, b[y]))) && (u[h++] = _);
-  return Ee(e, t, r, a === 0 ? Fe : c, u, m, l);
+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 Bt(e, t, r) {
-  return Ee(e, t, r, nt, ke(Ot()), de(e, 2, -2), 0);
+  return Ee(e, t, r, nt, ke(Ot()), fe(e, 2, -2), 0);
 }
 function qe(e, t, r, n) {
-  return Ee(e, t, r, Le, de(e, 0, n), de(e, n + 1, -1), n);
+  return Ee(e, t, r, Fe, fe(e, 0, n), fe(e, n + 1, -1), n);
 }
 function ne(e, t) {
   for (var r = "", n = Ve(e), a = 0; a < n; a++)
@@ -609,23 +609,23 @@ function Mt(e, t, r, n) {
     case St:
       if (e.children.length) break;
     case _t:
-    case Le:
+    case Fe:
       return e.return = e.return || e.value;
     case nt:
       return "";
     case at:
       return e.return = e.value + "{" + ne(e.children, n) + "}";
-    case Fe:
+    case Le:
       e.value = e.props.join(",");
   }
-  return H(r = ne(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
+  return X(r = ne(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
 function Ut(e) {
   var t = Ve(e);
   return function(r, n, a, i) {
-    for (var s = "", c = 0; c < t; c++)
-      s += e[c](r, n, a, i) || "";
-    return s;
+    for (var o = "", c = 0; c < t; c++)
+      o += e[c](r, n, a, i) || "";
+    return o;
   };
 }
 function zt(e) {
@@ -640,29 +640,29 @@ function lt(e) {
   };
 }
 var Dt = function(t, r, n) {
-  for (var a = 0, i = 0; a = i, i = K(), a === 38 && i === 12 && (r[n] = 1), !fe(i); )
-    z();
-  return he(t, M);
+  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 n = -1, a = 44;
   do
-    switch (fe(a)) {
+    switch (pe(a)) {
       case 0:
-        a === 38 && K() === 12 && (r[n] = 1), t[n] += Dt(M - 1, r, n);
+        a === 38 && J() === 12 && (r[n] = 1), t[n] += Dt(U - 1, r, n);
         break;
       case 2:
-        t[n] += ve(a);
+        t[n] += be(a);
         break;
       case 4:
         if (a === 44) {
-          t[++n] = K() === 58 ? "&\f" : "", r[n] = t[n].length;
+          t[++n] = J() === 58 ? "&\f" : "", r[n] = t[n].length;
           break;
         }
       // fallthrough
       default:
         t[n] += ke(a);
     }
-  while (a = z());
+  while (a = D());
   return t;
 }, Yt = function(t, r) {
   return ct(Wt(st(t), r));
@@ -674,9 +674,9 @@ var Dt = function(t, r, n) {
       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 = [], s = Yt(r, i), c = n.props, u = 0, m = 0; u < s.length; u++)
-        for (var l = 0; l < c.length; l++, m++)
-          t.props[m] = i[u] ? s[u].replace(/&\f/g, c[l]) : c[l] + " " + s[u];
+      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];
     }
   }
 }, Gt = function(t) {
@@ -691,7 +691,7 @@ function ut(e, t) {
   switch (Ct(e, t)) {
     // color-adjust
     case 5103:
-      return k + "print-" + e + e;
+      return P + "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 k + e + e;
+      return P + e + e;
     // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
-      return k + e + we + e + B + e + e;
+      return P + e + we + e + B + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return k + e + B + e + e;
+      return P + e + B + e + e;
     // order
     case 6165:
-      return k + e + B + "flex-" + e + e;
+      return P + e + B + "flex-" + e + e;
     // align-items
     case 5187:
-      return k + e + P(e, /(\w+).+(:[^]+)/, k + "box-$1$2" + B + "flex-$1$2") + e;
+      return P + e + E(e, /(\w+).+(:[^]+)/, P + "box-$1$2" + B + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return k + e + B + "flex-item-" + P(e, /flex-|-self/, "") + e;
+      return P + e + B + "flex-item-" + E(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return k + e + B + "flex-line-pack" + P(e, /align-content|flex-|-self/, "") + e;
+      return P + e + B + "flex-line-pack" + E(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return k + e + B + P(e, "shrink", "negative") + e;
+      return P + e + B + E(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return k + e + B + P(e, "basis", "preferred-size") + e;
+      return P + e + B + E(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return k + "box-" + P(e, "-grow", "") + k + e + B + P(e, "grow", "positive") + e;
+      return P + "box-" + E(e, "-grow", "") + P + e + B + E(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return k + P(e, /([^-])(transform)/g, "$1" + k + "$2") + e;
+      return P + E(e, /([^-])(transform)/g, "$1" + P + "$2") + e;
     // cursor
     case 6187:
-      return P(P(P(e, /(zoom-|grab)/, k + "$1"), /(image-set)/, k + "$1"), e, "") + e;
+      return E(E(E(e, /(zoom-|grab)/, P + "$1"), /(image-set)/, P + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return P(e, /(image-set\([^]*)/, k + "$1$`$1");
+      return E(e, /(image-set\([^]*)/, P + "$1$`$1");
     // justify-content
     case 4968:
-      return P(P(e, /(.+:)(flex-)?(.*)/, k + "box-pack:$3" + B + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + k + e + e;
+      return E(E(e, /(.+:)(flex-)?(.*)/, P + "box-pack:$3" + B + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + P + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return P(e, /(.+)-inline(.+)/, k + "$1$2") + e;
+      return E(e, /(.+)-inline(.+)/, P + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -786,75 +786,75 @@ function ut(e, t) {
     case 5789:
     case 5021:
     case 4765:
-      if (H(e) - 1 - t > 6) switch (F(e, t + 1)) {
+      if (X(e) - 1 - t > 6) switch (L(e, t + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (F(e, t + 4) !== 45) break;
+          if (L(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return P(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + we + (F(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return E(e, /(.+:)(.+)-([^]+)/, "$1" + P + "$2-$3$1" + we + (L(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~je(e, "stretch") ? ut(P(e, "stretch", "fill-available"), t) + e : e;
+          return ~je(e, "stretch") ? ut(E(e, "stretch", "fill-available"), t) + e : e;
       }
       break;
     // position: sticky
     case 4949:
-      if (F(e, t + 1) !== 115) break;
+      if (L(e, t + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (F(e, H(e) - 3 - (~je(e, "!important") && 10))) {
+      switch (L(e, X(e) - 3 - (~je(e, "!important") && 10))) {
         // stic(k)y
         case 107:
-          return P(e, ":", ":" + k) + e;
+          return E(e, ":", ":" + P) + e;
         // (inline-)?fl(e)x
         case 101:
-          return P(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + k + (F(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + B + "$2box$3") + e;
+          return E(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + P + (L(e, 14) === 45 ? "inline-" : "") + "box$3$1" + P + "$2$3$1" + B + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch (F(e, t + 11)) {
+      switch (L(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return k + e + B + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return P + e + B + E(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return k + e + B + P(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return P + e + B + E(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return k + e + B + P(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return P + e + B + E(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return k + e + B + e + e;
+      return P + e + B + e + e;
   }
   return e;
 }
 var Ht = function(t, r, n, a) {
   if (t.length > -1 && !t.return) switch (t.type) {
-    case Le:
+    case Fe:
       t.return = ut(t.value, t.length);
       break;
     case at:
       return ne([le(t, {
-        value: P(t.value, "@", "@" + k)
+        value: E(t.value, "@", "@" + P)
       })], a);
-    case Fe:
+    case Le:
       if (t.length) return It(t.props, function(i) {
         switch (Tt(i, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
             return ne([le(t, {
-              props: [P(i, /:(read-\w+)/, ":" + we + "$1")]
+              props: [E(i, /:(read-\w+)/, ":" + we + "$1")]
             })], a);
           // :placeholder
           case "::placeholder":
             return ne([le(t, {
-              props: [P(i, /:(plac\w+)/, ":" + k + "input-$1")]
+              props: [E(i, /:(plac\w+)/, ":" + P + "input-$1")]
             }), le(t, {
-              props: [P(i, /:(plac\w+)/, ":" + we + "$1")]
+              props: [E(i, /:(plac\w+)/, ":" + we + "$1")]
             }), le(t, {
-              props: [P(i, /:(plac\w+)/, B + "input-$1")]
+              props: [E(i, /:(plac\w+)/, B + "input-$1")]
             })], a);
         }
         return "";
@@ -864,38 +864,38 @@ var Ht = function(t, r, n, a) {
   var r = t.key;
   if (r === "css") {
     var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(n, function(f) {
-      var h = f.getAttribute("data-emotion");
-      h.indexOf(" ") !== -1 && (document.head.appendChild(f), f.setAttribute("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 a = t.stylisPlugins || Xt, i = {}, s, c = [];
-  s = t.container || document.head, Array.prototype.forEach.call(
+  var a = t.stylisPlugins || Xt, 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(f) {
-      for (var h = f.getAttribute("data-emotion").split(" "), y = 1; y < h.length; y++)
-        i[h[y]] = !0;
-      c.push(f);
+    function(d) {
+      for (var b = d.getAttribute("data-emotion").split(" "), p = 1; p < b.length; p++)
+        i[b[p]] = !0;
+      c.push(d);
     }
   );
-  var u, m = [qt, Gt];
+  var u, y = [qt, Gt];
   {
-    var l, p = [Mt, zt(function(f) {
-      l.insert(f);
-    })], b = Ut(m.concat(a, p)), x = function(h) {
-      return ne(Vt(h), b);
+    var l, f = [Mt, zt(function(d) {
+      l.insert(d);
+    })], v = Ut(y.concat(a, f)), k = function(b) {
+      return ne(Vt(b), v);
     };
-    u = function(h, y, w, _) {
-      l = w, x(h ? h + "{" + y.styles + "}" : y.styles), _ && (g.inserted[y.name] = !0);
+    u = function(b, p, x, _) {
+      l = x, k(b ? b + "{" + p.styles + "}" : p.styles), _ && (g.inserted[p.name] = !0);
     };
   }
   var g = {
     key: r,
     sheet: new Et({
       key: r,
-      container: s,
+      container: o,
       nonce: t.nonce,
       speedy: t.speedy,
       prepend: t.prepend,
@@ -1016,16 +1016,16 @@ var tr = {
     case "animationName":
       if (typeof r == "string")
         return r.replace(nr, function(n, a, i) {
-          return X = {
+          return K = {
             name: a,
             styles: i,
-            next: X
+            next: K
           }, a;
         });
   }
   return tr[t] !== 1 && !ft(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
-function pe(e, t, r) {
+function he(e, t, r) {
   if (r == null)
     return "";
   var n = r;
@@ -1037,21 +1037,21 @@ function pe(e, t, r) {
     case "object": {
       var a = r;
       if (a.anim === 1)
-        return X = {
+        return K = {
           name: a.name,
           styles: a.styles,
-          next: X
+          next: K
         }, a.name;
       var i = r;
       if (i.styles !== void 0) {
-        var s = i.next;
-        if (s !== void 0)
-          for (; s !== void 0; )
-            X = {
-              name: s.name,
-              styles: s.styles,
-              next: X
-            }, s = s.next;
+        var o = i.next;
+        if (o !== void 0)
+          for (; o !== void 0; )
+            K = {
+              name: o.name,
+              styles: o.styles,
+              next: K
+            }, o = o.next;
         var c = i.styles + ";";
         return c;
       }
@@ -1059,8 +1059,8 @@ function pe(e, t, r) {
     }
     case "function": {
       if (e !== void 0) {
-        var u = X, m = r(e);
-        return X = u, pe(e, t, m);
+        var u = K, y = r(e);
+        return K = u, he(e, t, y);
       }
       break;
     }
@@ -1068,64 +1068,64 @@ function pe(e, t, r) {
   var l = r;
   if (t == null)
     return l;
-  var p = t[l];
-  return p !== void 0 ? p : l;
+  var f = t[l];
+  return f !== void 0 ? f : l;
 }
 function ar(e, t, r) {
   var n = "";
   if (Array.isArray(r))
     for (var a = 0; a < r.length; a++)
-      n += pe(e, t, r[a]) + ";";
+      n += he(e, t, r[a]) + ";";
   else
     for (var i in r) {
-      var s = r[i];
-      if (typeof s != "object") {
-        var c = s;
+      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) + ";");
-      } else if (Array.isArray(s) && typeof s[0] == "string" && (t == null || t[s[0]] === void 0))
-        for (var u = 0; u < s.length; u++)
-          He(s[u]) && (n += Ae(i) + ":" + Xe(i, s[u]) + ";");
+      } 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]) + ";");
       else {
-        var m = pe(e, t, s);
+        var y = he(e, t, o);
         switch (i) {
           case "animation":
           case "animationName": {
-            n += Ae(i) + ":" + m + ";";
+            n += Ae(i) + ":" + y + ";";
             break;
           }
           default:
-            n += i + "{" + m + "}";
+            n += i + "{" + y + "}";
         }
       }
     }
   return n;
 }
-var Ke = /label:\s*([^\s;{]+)\s*(;|$)/g, X;
+var Ke = /label:\s*([^\s;{]+)\s*(;|$)/g, K;
 function ir(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 = "";
-  X = void 0;
+  K = void 0;
   var i = e[0];
   if (i == null || i.raw === void 0)
-    n = !1, a += pe(r, t, i);
+    n = !1, a += he(r, t, i);
   else {
-    var s = i;
-    a += s[0];
+    var o = i;
+    a += o[0];
   }
   for (var c = 1; c < e.length; c++)
-    if (a += pe(r, t, e[c]), n) {
+    if (a += he(r, t, e[c]), n) {
       var u = i;
       a += u[c];
     }
   Ke.lastIndex = 0;
-  for (var m = "", l; (l = Ke.exec(a)) !== null; )
-    m += "-" + l[1];
-  var p = er(a) + m;
+  for (var y = "", l; (l = Ke.exec(a)) !== null; )
+    y += "-" + l[1];
+  var f = er(a) + y;
   return {
-    name: p,
+    name: f,
     styles: a,
-    next: X
+    next: K
   };
 }
 var or = function(t) {
@@ -1163,8 +1163,8 @@ var lr = function(t) {
   var a;
   if (r) {
     var i = r.shouldForwardProp;
-    a = t.__emotion_forwardProp && i ? function(s) {
-      return t.__emotion_forwardProp(s) && i(s);
+    a = t.__emotion_forwardProp && i ? function(o) {
+      return t.__emotion_forwardProp(o) && i(o);
     } : i;
   }
   return typeof a != "function" && n && (a = t.__emotion_forwardProp), a;
@@ -1174,49 +1174,49 @@ var lr = function(t) {
     return Qt(r, n, a);
   }), null;
 }, yr = function e(t, r) {
-  var n = t.__emotion_real === t, a = n && t.__emotion_base || t, i, s;
-  r !== void 0 && (i = r.label, s = r.target);
-  var c = Ze(t, r, n), u = c || Je(a), m = !u("as");
+  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");
   return function() {
-    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);
+    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);
     else {
-      var b = l[0];
-      p.push(b[0]);
-      for (var x = l.length, g = 1; g < x; g++)
-        p.push(l[g], b[g]);
+      var v = l[0];
+      f.push(v[0]);
+      for (var k = l.length, g = 1; g < k; g++)
+        f.push(l[g], v[g]);
     }
-    var f = lr(function(h, y, w) {
-      var _ = m && h.as || a, A = "", S = [], R = h;
-      if (h.theme == null) {
-        R = {};
-        for (var d in h)
-          R[d] = h[d];
-        R.theme = Z.useContext(ur);
+    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);
       }
-      typeof h.className == "string" ? A = Zt(y.registered, S, h.className) : h.className != null && (A = h.className + " ");
-      var I = ir(p.concat(S), y.registered, R);
-      A += y.key + "-" + I.name, s !== void 0 && (A += " " + s);
-      var C = m && c === void 0 ? Je(_) : u, E = {};
-      for (var $ in h)
-        m && $ === "as" || C($) && (E[$] = h[$]);
-      return E.className = A, w && (E.ref = w), /* @__PURE__ */ Z.createElement(Z.Fragment, null, /* @__PURE__ */ Z.createElement(mr, {
-        cache: y,
-        serialized: I,
+      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(_, E));
+      }), /* @__PURE__ */ Z.createElement(_, O));
     });
-    return f.displayName = i !== void 0 ? i : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", f.defaultProps = t.defaultProps, f.__emotion_real = f, f.__emotion_base = a, f.__emotion_styles = p, f.__emotion_forwardProp = c, Object.defineProperty(f, "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 = f, d.__emotion_forwardProp = c, Object.defineProperty(d, "toString", {
       value: function() {
-        return "." + s;
+        return "." + o;
       }
-    }), f.withComponent = function(h, y) {
-      var w = e(h, Oe({}, r, y, {
-        shouldForwardProp: Ze(f, y, !0)
+    }), d.withComponent = function(b, p) {
+      var x = e(b, Oe({}, r, p, {
+        shouldForwardProp: Ze(d, p, !0)
       }));
-      return w.apply(void 0, p);
-    }, f;
+      return x.apply(void 0, f);
+    }, d;
   };
 }, gr = [
   "a",
@@ -1402,23 +1402,15 @@ const vr = ie.div`
 `, 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`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
-  border-radius: 0px !important; /* Force remove rounded corners */
-  box-shadow: none !important; /* Force remove shadow */
+  border-radius: 0px !important; /* Force remove rounded corners on container */
+  box-shadow: none !important;   /* Remove default border/halo */
+  border: none !important;
+  background: transparent !important;
   position: relative;
   z-index: 1002;
 
   /* Hide specific elements inside the player */
   ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((t) => `.${t} { display: none !important; }`).join("")}
-    
-  /* Remove rounded corners from all child elements */
-  * {
-    border-radius: 0px !important;
-  }
-  
-  /* Remove rounded corners from video element */
-  video {
-    border-radius: 0px !important;
-  }
 `, br = ie.div`
   position: fixed;
   top: 0;
@@ -1432,27 +1424,27 @@ const vr = ie.div`
   z-index: 1000;
   pointer-events: auto;
 `, xr = ie.div`
- position: relative;
- width: 100%; /* Default for mobile */
- max-width: 100%;
- aspect-ratio: 9/16;
- height: auto;
- z-index: 1001;
+  position: relative;
+  width: min(360px, 100%);
+  max-width: 360px;
+  aspect-ratio: 9 / 16;
+  height: auto;
+  z-index: 1001;
 
- /* Desktop styles (min-width: 768px) */
- @media (min-width: 768px) {
-   width: min(70vw, 960px); /* Responsive width for desktop, capped at 960px */
- }
+  @media (max-width: 420px) {
+    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] = Y(!1), [a, i] = Y(null);
-  return xe(() => {
-    let s = null, c, u = 0;
-    const m = 3;
+  const [r, n] = q(!1), [a, i] = q(null);
+  return de(() => {
+    let o = null, c, u = 0;
+    const y = 3;
     let l;
     try {
       l = t || Pr(e || "latest");
-    } catch (x) {
-      const g = x instanceof Error ? x.message : String(x);
+    } catch (k) {
+      const g = k instanceof Error ? k.message : String(k);
       i(`Failed to resolve script URL: ${g}`), n(!1);
       return;
     }
@@ -1464,123 +1456,123 @@ const vr = ie.div`
       Ce.set(l, !0), n(!0), i(null);
       return;
     }
-    const b = () => {
-      s = document.createElement("script"), s.src = l, s.async = !0, c = window.setTimeout(() => {
+    const v = () => {
+      o = document.createElement("script"), o.src = l, o.async = !0, c = window.setTimeout(() => {
         n(!1), i(`Loading script timed out: ${l}`);
-      }, 1e4), s.onload = () => {
+      }, 1e4), o.onload = () => {
         clearTimeout(c), Ce.set(l, !0), n(!0), i(null);
-      }, s.onerror = () => {
-        clearTimeout(c), u++, u < m ? setTimeout(b, 1e3 * u) : (n(!1), i(`Failed to load VP Player script after ${m} attempts: ${l}`));
-      }, document.body.appendChild(s);
+      }, o.onerror = () => {
+        clearTimeout(c), u++, u < y ? setTimeout(v, 1e3 * u) : (n(!1), i(`Failed to load VP Player script after ${y} attempts: ${l}`));
+      }, document.body.appendChild(o);
     };
-    return b(), () => {
-      clearTimeout(c), s && document.body.contains(s) && document.body.removeChild(s);
+    return v(), () => {
+      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, s] = Y(null), [c, u] = Y(null), [m, l] = Y(!1), [p, b] = Y(null), x = a || (typeof _r < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
-  return xe(() => {
+  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(() => {
     const g = t ? `video:${t}` : r ? `playlist:${r}` : null;
     if (!e || n || !t && !r) {
-      s(n || null), u(null), l(!1), b(null);
+      o(n || null), u(null), l(!1), v(null);
       return;
     }
-    if (!x) {
-      l(!1), b("No API key provided");
+    if (!k) {
+      l(!1), v("No API key provided");
       return;
     }
     if (g && ue.has(g)) {
-      const A = ue.get(g);
-      s(A.url), u(A.playlist), l(!1), b(null);
+      const S = ue.get(g);
+      o(S.url), u(S.playlist), l(!1), v(null);
       return;
     }
-    let f = !0;
-    const h = new AbortController(), y = h.signal, _ = setTimeout(async () => {
-      var S, R, d, I;
-      if (!f)
+    let d = !0;
+    const b = new AbortController(), p = b.signal, _ = setTimeout(async () => {
+      var I, w, h, C;
+      if (!d)
         return;
-      l(!0), b(null);
-      let A = 0;
-      for (; A < Te && f; )
+      l(!0), v(null);
+      let S = 0;
+      for (; S < Te && d; )
         try {
-          const C = t && !r ? wr(e, t) : et(e, r), E = setTimeout(() => h.abort(), Sr), $ = await fetch(C, {
+          const R = t && !r ? wr(e, t) : et(e, r), O = setTimeout(() => b.abort(), Sr), A = await fetch(R, {
             method: "GET",
             headers: {
-              "api-key": x,
+              "api-key": k,
               Accept: "application/json",
               "Cache-Control": "no-cache"
               // Prevent caching issues
             },
-            signal: y
+            signal: p
           });
-          if (clearTimeout(E), !$.ok)
-            throw new Error(`Fetch failed with status ${$.status}`);
-          const D = await $.json();
-          if (!f)
+          if (clearTimeout(O), !A.ok)
+            throw new Error(`Fetch failed with status ${A.status}`);
+          const M = await A.json();
+          if (!d)
             return;
           if (t && !r) {
-            const j = (R = (S = D.result) == null ? void 0 : S.items) == null ? void 0 : R.find((U) => U.mediaId === t);
-            if (!(j != null && j.playbackUrl))
+            const z = (w = (I = M.result) == null ? void 0 : I.items) == null ? void 0 : w.find(($) => $.mediaId === t);
+            if (!(z != null && z.playbackUrl))
               throw new Error("Invalid video data");
-            s(j.playbackUrl), u(null), g && ue.set(g, { url: j.playbackUrl, playlist: null });
+            o(z.playbackUrl), u(null), g && ue.set(g, { url: z.playbackUrl, playlist: null });
           } else {
-            if (!Array.isArray(D.result))
+            if (!Array.isArray(M.result))
               throw new Error("Invalid playlist format");
-            const j = kr(e, r), U = await fetch(j, {
+            const z = kr(e, r), $ = await fetch(z, {
               method: "GET",
               headers: {
-                "api-key": x,
+                "api-key": k,
                 Accept: "application/json",
                 "Cache-Control": "no-cache"
               },
-              signal: y
+              signal: p
             });
-            if (U.ok) {
-              const q = await U.json();
-              let W = [...D.result];
-              if ((d = q.result) != null && d.playlistBackupState && ((I = q.result) != null && I.playlistBackupId)) {
-                const J = et(e, q.result.playlistBackupId), Q = await fetch(J, {
+            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, {
                   method: "GET",
                   headers: {
-                    "api-key": x,
+                    "api-key": k,
                     Accept: "application/json",
                     "Cache-Control": "no-cache"
                   },
-                  signal: y
+                  signal: p
                 });
-                if (Q.ok) {
-                  const ee = await Q.json();
+                if (G.ok) {
+                  const ee = await G.json();
                   if (Array.isArray(ee.result)) {
-                    const o = ee.result.map((v) => ({
-                      ...v,
+                    const s = ee.result.map((m) => ({
+                      ...m,
                       isBackupPlaylist: !0
                     }));
-                    W = [...W, ...o];
+                    Y = [...Y, ...s];
                   }
                 }
               }
-              u(W), s(null), g && ue.set(g, { url: null, playlist: W });
+              u(Y), o(null), g && ue.set(g, { url: null, playlist: Y });
             } else
-              u(D.result), s(null), g && ue.set(g, { url: null, playlist: D.result });
+              u(M.result), o(null), g && ue.set(g, { url: null, playlist: M.result });
           }
           break;
-        } catch (C) {
-          if (y.aborted) {
-            f && b("Request timed out");
+        } catch (R) {
+          if (p.aborted) {
+            d && v("Request timed out");
             break;
           }
-          if (A++, A >= Te) {
-            const E = C instanceof Error ? C.message : String(C);
-            f && b(`Failed after ${Te} attempts: ${E}`);
+          if (S++, S >= Te) {
+            const O = R instanceof Error ? R.message : String(R);
+            d && v(`Failed after ${Te} attempts: ${O}`);
           } else
-            await new Promise((E) => setTimeout(E, 2e3));
+            await new Promise((O) => setTimeout(O, 2e3));
         }
-      f && l(!1);
+      d && l(!1);
     }, 100);
     return () => {
-      f = !1, clearTimeout(_), h.abort();
+      d = !1, clearTimeout(_), b.abort();
     };
-  }, [x, e, t, r, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: c, isLoading: m, error: p };
+  }, [k, e, t, r, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: c, isLoading: y, error: f };
 }, Ar = {
   projectId: "vp-player-projectId",
   video: {
@@ -1644,13 +1636,13 @@ const vr = ie.div`
   isVerticalPlayer: i
   // Distinguish between VP Player types
 }) => {
-  var l, p, b, x, g, f, h, y, w, _, A, S, R;
-  const s = { ...Ar, ...a }, c = { ...s.config, ...a.config };
+  var l, f, v, k, g, d, b, p, x, _, S, I, w;
+  const o = { ...Ar, ...a }, c = { ...o.config, ...a.config };
   if (e)
     return {
-      ...s,
+      ...o,
       video: {
-        ...s.video,
+        ...o.video,
         file: e,
         playlist: void 0
       },
@@ -1658,23 +1650,23 @@ const vr = ie.div`
     };
   if (t)
     return {
-      ...s,
+      ...o,
       video: {
-        ...s.video,
+        ...o.video,
         file: t,
         playlist: void 0
       },
       config: c
     };
   if (r && r.length > 0) {
-    const d = ((p = (l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) == null ? void 0 : p.playlistVideoIndex) ?? ((b = a == null ? void 0 : a.config) == null ? void 0 : b.playlistVideoIndex) ?? 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;
     return i ? {
-      ...s,
+      ...o,
       projectId: n || "vp-player-projectId",
       video: {
-        ...s.video,
+        ...o.video,
         // Set first video file (index 0) to avoid VP Player duplication
-        file: (x = r[0]) == null ? void 0 : x.hlsUrl,
+        file: (k = r[0]) == null ? void 0 : k.hlsUrl,
         title: (g = r[0]) == null ? void 0 : g.title,
         // thumbnail: fetchedPlaylist[0]?.thumbnailUrl,
         playlist: {
@@ -1682,62 +1674,62 @@ const vr = ie.div`
           playlistId: "",
           // Will be set by API
           // Use original playlistVideoIndex - VP Player will navigate to it
-          playlistVideoIndex: Number(d),
+          playlistVideoIndex: Number(h),
           // Remove first video from playlist to avoid duplication (already in file)
-          videos: r.slice(1).map((C, E) => ({
-            videoId: String(E + 1),
+          videos: r.slice(1).map((R, O) => ({
+            videoId: String(O + 1),
             // Keep original IDs
-            title: C.title,
-            file: C.hlsUrl,
-            thumbnailUrl: C.thumbnailUrl,
-            duration: C.duration
+            title: R.title,
+            file: R.hlsUrl,
+            thumbnailUrl: R.thumbnailUrl,
+            duration: R.duration
           }))
         }
       },
       config: c
     } : {
-      ...s,
+      ...o,
       projectId: n || "vp-player-projectId",
       video: {
-        ...s.video,
-        file: ((f = r[Number(d)]) == null ? void 0 : f.hlsUrl) || ((h = r[0]) == null ? void 0 : h.hlsUrl) || "",
-        title: ((y = r[Number(d)]) == null ? void 0 : y.title) || ((w = r[0]) == null ? void 0 : w.title),
-        thumbnail: ((_ = r[Number(d)]) == null ? void 0 : _.thumbnailUrl) || ((A = r[0]) == null ? void 0 : A.thumbnailUrl),
+        ...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),
         playlist: {
           state: !0,
           // playlistVideoIndex: String(userPlaylistVideoIndex), this has been bug, fixed, now int
-          playlistVideoIndex: Number(d),
-          videos: r.map((C, E) => ({
-            videoId: String(E),
-            title: C.title,
-            file: C.hlsUrl,
-            thumbnailUrl: C.thumbnailUrl,
-            duration: C.duration
+          playlistVideoIndex: Number(h),
+          videos: r.map((R, O) => ({
+            videoId: String(O),
+            title: R.title,
+            file: R.hlsUrl,
+            thumbnailUrl: R.thumbnailUrl,
+            duration: R.duration
           }))
         }
       },
       config: c
     };
   }
-  const u = ((S = a == null ? void 0 : a.video) == null ? void 0 : S.playlist) || s.video.playlist, m = (R = a == null ? void 0 : a.video) == null ? void 0 : R.file;
-  if (m)
+  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)
     return {
-      ...s,
+      ...o,
       video: {
-        ...s.video,
-        file: m,
+        ...o.video,
+        file: y,
         playlist: void 0
         // No playlist, just one video
       },
       config: c
     };
   if (u != null && u.videos && u.videos.length > 0) {
-    const d = u.videos[Number(u.playlistVideoIndex) || 0];
+    const h = u.videos[Number(u.playlistVideoIndex) || 0];
     return {
-      ...s,
+      ...o,
       video: {
-        ...s.video,
-        file: (d == null ? void 0 : d.file) || "",
+        ...o.video,
+        file: (h == null ? void 0 : h.file) || "",
         playlist: {
           ...u,
           state: u.state ?? !0,
@@ -1747,7 +1739,7 @@ const vr = ie.div`
         }
       },
       config: {
-        ...s.config,
+        ...o.config,
         ...a == null ? void 0 : a.config
       }
     };
@@ -1758,153 +1750,158 @@ const vr = ie.div`
     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: s, config: c = {}, apiKey: u, isReels: m = !1 }) => {
-  const l = Me(null), p = Me(null), { isLoaded: b, error: x } = Er(r, s), g = t || Tr(s), [f, h] = Y(null), { fetchedPlaybackUrl: y, fetchedPlaylist: w, isLoading: _, error: A } = Rr({
+}, 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({
     projectId: a,
-    videoId: g,
+    videoId: d,
     playlistId: i,
     videoUrl: n,
     apiKey: u
-  }), S = Be(e, g), R = rt(() => {
-    const d = c.config || {}, I = m && !d.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : d.size || { sizeType: "FIXED", width: "100%" };
+  }), 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%" };
     return {
       ...c,
       config: {
-        ...d,
-        size: I
+        ...C,
+        size: R
       }
     };
-  }, [c, m]);
-  return xe(() => {
-    if (x) {
-      h(x);
+  }, [c, y]);
+  return de(() => {
+    if (g) {
+      p(g);
       return;
     }
-    if (!b || _ && !n)
+    if (!k || S && !n)
       return;
-    let d = !0;
-    const C = setTimeout(async () => {
+    let C = !0;
+    const O = setTimeout(async () => {
       try {
-        const E = s == null ? void 0 : s.includes("vertical-player");
-        if (document.querySelectorAll('[id*="player"]').forEach((W) => {
-          var Q, ee;
-          const J = W.id;
-          if (J !== S)
+        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)
             try {
-              const o = E ? (Q = window.vpVerticalPlayer) == null ? void 0 : Q.call(window, J) : (ee = window.vpPlayer) == null ? void 0 : ee.call(window, J);
-              o != null && o.destroy && o.destroy();
-            } catch (o) {
-              console.warn(`Failed to destroy existing player ${J}:`, o);
+              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);
             }
-        }), await new Promise((W) => setTimeout(W, 100)), !d || !l.current)
+        }), await new Promise((Q) => setTimeout(Q, 100)), !C || !f.current)
           return;
-        if (!document.getElementById(S)) {
-          h("DOM element not found after cleanup.");
+        if (!document.getElementById(w)) {
+          p("DOM element not found after cleanup.");
           return;
         }
         if (!window.vpPlayer && !window.vpVerticalPlayer) {
-          h("VP Player script not loaded.");
+          p("VP Player script not loaded.");
           return;
         }
-        const j = E ? window.vpVerticalPlayer : window.vpPlayer;
-        if (!j) {
-          h(`VP ${E ? "Vertical " : ""}Player script not loaded.`);
+        const $ = A ? window.vpVerticalPlayer : window.vpPlayer;
+        if (!$) {
+          p(`VP ${A ? "Vertical " : ""}Player script not loaded.`);
           return;
         }
-        const U = Cr({
+        const W = Cr({
           videoUrl: n,
-          fetchedPlaybackUrl: y ?? void 0,
-          fetchedPlaylist: w ?? void 0,
+          fetchedPlaybackUrl: x ?? void 0,
+          fetchedPlaylist: _ ?? void 0,
           projectId: a,
-          config: R,
-          isVerticalPlayer: E
+          config: h,
+          isVerticalPlayer: A
           // Pass player type to config builder
-        }), q = j(S);
-        if (!q) {
-          h(`Failed to create VP ${E ? "Vertical " : ""}Player instance.`);
+        }), Y = $(w);
+        if (!Y) {
+          p(`Failed to create VP ${A ? "Vertical " : ""}Player instance.`);
           return;
         }
-        d && l.current && (q.setup(U), p.current = q, h(null));
-      } catch (E) {
-        if (d) {
-          const $ = E instanceof Error ? E.message : String(E);
-          h($), console.error("VP Player initialization error:", E);
+        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);
         }
       }
     }, 150);
     return () => {
-      d = !1, clearTimeout(C);
+      C = !1, clearTimeout(O);
     };
   }, [
-    b,
-    _,
-    n,
-    y,
-    w,
-    a,
-    R,
+    k,
     S,
+    n,
     x,
-    s
-  ]), xe(() => () => {
-    if (p.current) {
+    _,
+    a,
+    h,
+    w,
+    g,
+    o
+  ]), de(() => () => {
+    if (v.current) {
       try {
-        p.current.destroy && p.current.destroy();
-      } catch (I) {
-        console.warn(`Failed to destroy player ${S}:`, I);
+        v.current.destroy && v.current.destroy();
+      } catch (R) {
+        console.warn(`Failed to destroy player ${w}:`, R);
       }
-      p.current = null;
+      v.current = null;
     }
-    const d = document.getElementById(S);
-    d && (d.innerHTML = "");
-  }, [S]), {
-    playerRef: l,
-    playerInstanceRef: p,
-    isScriptLoaded: b,
-    isLoading: _,
-    error: A || f || x
+    const C = document.getElementById(w);
+    C && (C.innerHTML = "");
+  }, [w]), {
+    playerRef: f,
+    playerInstanceRef: v,
+    isScriptLoaded: k,
+    isLoading: S,
+    error: I || b || g
   };
-}, Or = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: s, config: c = {}, apiKey: u, isReels: m = !1, hiddenClasses: l = [], onClose: p, className: b }) => {
-  var C, E, $, D;
-  const { playerRef: x, playerInstanceRef: g, isScriptLoaded: f, isLoading: h, error: y } = Ir({
+}, 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({
     playerId: e,
     videoId: t,
     version: r,
     videoUrl: n,
     projectId: a,
     playlistId: i,
-    scriptUrl: s,
+    scriptUrl: o,
     config: c,
     apiKey: u,
-    isReels: m
-  }), [w, _] = Y(!0), A = () => m && _(!0), S = () => {
-    var j, U;
-    _(!1), (U = (j = g.current) == null ? void 0 : j.play) == null || U.call(j), p == null || p();
-  }, R = (E = (C = c == null ? void 0 : c.config) == null ? void 0 : C.size) != null && E.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, d = (D = ($ = c == null ? void 0 : c.config) == null ? void 0 : $.size) != null && D.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0, I = Be(e, t);
-  return y ? N.jsxs(Ne, { type: "error", children: ["An error occurred: ", y] }) : h || !f ? N.jsx(Ne, { type: "loading", children: "Loading..." }) : N.jsxs(N.Fragment, { children: [m && !w ? N.jsx("div", { onClick: A }) : null, !m && N.jsx("div", { children: N.jsx(Qe, { id: I, ref: x, width: R || "100%", height: d || "auto", $hiddenClasses: l, className: b }) }, I), m && w && N.jsx(br, { onClick: S, className: b, children: N.jsx(xr, { className: b, onClick: (j) => j.stopPropagation(), children: N.jsx("div", { children: N.jsx(Qe, { id: I, ref: x, width: "100%", height: "auto", $hiddenClasses: l, className: b }) }, I) }) })] });
+    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] = Y(!1), [n, a] = Y(null), [i, s] = Y(null), c = Ue((l) => {
+  const [t, r] = q(!1), [n, a] = q(null), [i, o] = q(null), c = Ue((l) => {
     try {
-      const p = Be(l.playerId, l.videoId);
-      a({ ...l, playerId: p }), r(!0), s(null);
+      const f = Be(l.playerId, l.videoId);
+      a({ ...l, playerId: f }), r(!0), o(null);
     } catch {
-      s("Failed to show player.");
+      o("Failed to show player.");
     }
   }, []), u = Ue(() => {
-    r(!1), a(null), s(null);
-  }, []), m = rt(() => ({
+    r(!1), a(null), o(null);
+  }, []), y = rt(() => ({
     showPlayer: c,
     hidePlayer: u,
     isPlayerVisible: t,
     playerParams: n
   }), [c, u, t, n]);
-  return N.jsxs(ht.Provider, { value: m, 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 })] });
+  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);
   if (!e)
     throw new Error("useVPPlayer must be used within a VPPlayerProvider");
   return e;
-}, Fr = {
+}, Lr = {
   projectId: "vp-player-projectId",
   video: {
     file: "",
@@ -1937,7 +1934,7 @@ const vr = ie.div`
       shareButton: !0
     }
   }
-}, Lr = {
+}, Fr = {
   config: {
     autostartOnLoad: { state: !0, onMobile: !0, onData: !0 },
     muted: !0
@@ -1990,11 +1987,11 @@ export {
   xr as PlayerWrapper,
   Or as VPPlayer,
   $r as VPPlayerProvider,
-  Lr as baseConfig,
+  Fr as baseConfig,
   Ie as baseConfigWithAds,
   Vr as baseConfigWithAutoplay,
   Cr as buildVPPlayerConfig,
-  Fr as defaultVPPlayerConfig,
+  Lr as defaultVPPlayerConfig,
   Tr as extractVideoId,
   Br as getAdConfig,
   Nr as useVPPlayer,