@devix-technologies/react-gjirafa-vp-player 1.0.5 → 1.0.6

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

@@ -1,5 +1,5 @@
 import * as H from "react";
-import mt, { forwardRef as yt, useContext as et, useState as D, useEffect as xe, useRef as Me, useMemo as tt, createContext as gt, useCallback as ze } from "react";
+import mt, { forwardRef as yt, useContext as et, useState as D, useEffect as xe, useRef as Be, useMemo as tt, createContext as gt, useCallback as ze } from "react";
 var he = { exports: {} }, se = {};
 /**
  * @license React
@@ -48,18 +48,18 @@ function bt() {
     function e(o) {
       if (o == null) return null;
       if (typeof o == "function")
-        return o.$$typeof === A ? null : o.displayName || o.name || null;
+        return o.$$typeof === T ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
         case p:
           return "Fragment";
-        case v:
+        case g:
           return "Profiler";
-        case y:
+        case h:
           return "StrictMode";
-        case E:
+        case k:
           return "Suspense";
-        case S:
+        case P:
           return "SuspenseList";
         case F:
           return "Activity";
@@ -68,21 +68,21 @@ function bt() {
         switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), o.$$typeof) {
-          case x:
+          case b:
             return "Portal";
-          case _:
+          case S:
             return (o.displayName || "Context") + ".Provider";
-          case b:
+          case m:
             return (o._context.displayName || "Context") + ".Consumer";
-          case O:
-            var g = o.render;
-            return o = o.displayName, o || (o = g.displayName || g.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case R:
+            var x = o.render;
+            return o = o.displayName, o || (o = x.displayName || x.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
           case f:
-            return g = o.displayName || null, g !== null ? g : e(o.type) || "Memo";
-          case T:
-            g = o._payload, o = o._init;
+            return x = o.displayName || null, x !== null ? x : e(o.type) || "Memo";
+          case C:
+            x = o._payload, o = o._init;
             try {
-              return e(o(g));
+              return e(o(x));
             } catch {
             }
         }
@@ -94,27 +94,27 @@ function bt() {
     function r(o) {
       try {
         t(o);
-        var g = !1;
+        var x = !1;
       } catch {
-        g = !0;
+        x = !0;
       }
-      if (g) {
-        g = console;
-        var R = g.error, j = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return R.call(
-          g,
+      if (x) {
+        x = console;
+        var A = x.error, $ = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return A.call(
+          x,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          j
+          $
         ), t(o);
       }
     }
     function n(o) {
       if (o === p) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === T)
+      if (typeof o == "object" && o !== null && o.$$typeof === C)
         return "<...>";
       try {
-        var g = e(o);
-        return g ? "<" + g + ">" : "<...>";
+        var x = e(o);
+        return x ? "<" + x + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -128,39 +128,39 @@ function bt() {
     }
     function s(o) {
       if (J.call(o, "key")) {
-        var g = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (g && g.isReactWarning) return !1;
+        var x = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (x && x.isReactWarning) return !1;
       }
       return o.key !== void 0;
     }
-    function c(o, g) {
-      function R() {
+    function c(o, x) {
+      function A() {
         Z || (Z = !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)",
-          g
+          x
         ));
       }
-      R.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: R,
+      A.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: A,
         configurable: !0
       });
     }
-    function d() {
+    function u() {
       var o = e(this.type);
       return Q[o] || (Q[o] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function m(o, g, R, j, X, U, _e, Se) {
-      return R = U.ref, o = {
+    function y(o, x, A, $, X, U, _e, Se) {
+      return A = U.ref, o = {
         $$typeof: w,
         type: o,
-        key: g,
+        key: x,
         props: U,
         _owner: X
-      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(o, "ref", {
+      }, (A !== void 0 ? A : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: d
+        get: u
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -183,91 +183,91 @@ function bt() {
         value: Se
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function l(o, g, R, j, X, U, _e, Se) {
-      var L = g.children;
-      if (L !== void 0)
-        if (j)
-          if (z(L)) {
-            for (j = 0; j < L.length; j++)
-              u(L[j]);
-            Object.freeze && Object.freeze(L);
+    function l(o, x, A, $, X, U, _e, Se) {
+      var N = x.children;
+      if (N !== void 0)
+        if ($)
+          if (z(N)) {
+            for ($ = 0; $ < N.length; $++)
+              d(N[$]);
+            Object.freeze && Object.freeze(N);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else u(L);
-      if (J.call(g, "key")) {
-        L = e(o);
-        var ee = Object.keys(g).filter(function(ht) {
+        else d(N);
+      if (J.call(x, "key")) {
+        N = e(o);
+        var ee = Object.keys(x).filter(function(ht) {
           return ht !== "key";
         });
-        j = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", oe[L + j] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+        $ = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", oe[N + $] || (ee = 0 < ee.length ? "{" + ee.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} />`,
-          j,
-          L,
+          $,
+          N,
           ee,
-          L
-        ), oe[L + j] = !0);
+          N
+        ), oe[N + $] = !0);
       }
-      if (L = null, R !== void 0 && (r(R), L = "" + R), s(g) && (r(g.key), L = "" + g.key), "key" in g) {
-        R = {};
-        for (var Re in g)
-          Re !== "key" && (R[Re] = g[Re]);
-      } else R = g;
-      return L && c(
-        R,
+      if (N = null, A !== void 0 && (r(A), N = "" + A), s(x) && (r(x.key), N = "" + x.key), "key" in x) {
+        A = {};
+        for (var Re in x)
+          Re !== "key" && (A[Re] = x[Re]);
+      } else A = x;
+      return N && c(
+        A,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), m(
+      ), y(
         o,
-        L,
+        N,
         U,
         X,
         a(),
-        R,
+        A,
         _e,
         Se
       );
     }
-    function u(o) {
+    function d(o) {
       typeof o == "object" && o !== null && o.$$typeof === w && o._store && (o._store.validated = 1);
     }
-    var h = mt, w = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), A = Symbol.for("react.client.reference"), V = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, z = Array.isArray, G = console.createTask ? console.createTask : function() {
+    var v = mt, w = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), m = Symbol.for("react.consumer"), S = Symbol.for("react.context"), R = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), T = Symbol.for("react.client.reference"), V = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, z = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
-    h = {
+    v = {
       "react-stack-bottom-frame": function(o) {
         return o();
       }
     };
-    var Z, Q = {}, K = h["react-stack-bottom-frame"].bind(
-      h,
+    var Z, Q = {}, K = v["react-stack-bottom-frame"].bind(
+      v,
       i
     )(), ie = G(n(i)), oe = {};
-    ce.Fragment = p, ce.jsx = function(o, g, R, j, X) {
+    ce.Fragment = p, ce.jsx = function(o, x, A, $, X) {
       var U = 1e4 > V.recentlyCreatedOwnerStacks++;
       return l(
         o,
-        g,
-        R,
+        x,
+        A,
         !1,
-        j,
+        $,
         X,
         U ? Error("react-stack-top-frame") : K,
         U ? G(n(o)) : ie
       );
-    }, ce.jsxs = function(o, g, R, j, X) {
+    }, ce.jsxs = function(o, x, A, $, X) {
       var U = 1e4 > V.recentlyCreatedOwnerStacks++;
       return l(
         o,
-        g,
-        R,
+        x,
+        A,
         !0,
-        j,
+        $,
         X,
         U ? Error("react-stack-top-frame") : K,
         U ? G(n(o)) : ie
@@ -279,15 +279,15 @@ var We;
 function xt() {
   return We || (We = 1, process.env.NODE_ENV === "production" ? he.exports = vt() : he.exports = bt()), he.exports;
 }
-var I = xt();
-function Ie() {
-  return Ie = Object.assign ? Object.assign.bind() : function(e) {
+var O = xt();
+function Oe() {
+  return Oe = 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;
-  }, Ie.apply(null, arguments);
+  }, Oe.apply(null, arguments);
 }
 function wt(e) {
   if (e.sheet)
@@ -329,9 +329,9 @@ var Pt = /* @__PURE__ */ function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), N = "-ms-", we = "-moz-", k = "-webkit-", rt = "comm", Ne = "rule", Fe = "decl", Et = "@import", nt = "@keyframes", _t = "@layer", St = Math.abs, ke = String.fromCharCode, Rt = Object.assign;
+}(), L = "-ms-", we = "-moz-", E = "-webkit-", rt = "comm", Le = "rule", Fe = "decl", Et = "@import", nt = "@keyframes", _t = "@layer", St = Math.abs, ke = String.fromCharCode, Rt = Object.assign;
 function At(e, t) {
-  return $(e, 0) ^ 45 ? (((t << 2 ^ $(e, 0)) << 2 ^ $(e, 1)) << 2 ^ $(e, 2)) << 2 ^ $(e, 3) : 0;
+  return j(e, 0) ^ 45 ? (((t << 2 ^ j(e, 0)) << 2 ^ j(e, 1)) << 2 ^ j(e, 2)) << 2 ^ j(e, 3) : 0;
 }
 function at(e) {
   return e.trim();
@@ -339,13 +339,13 @@ function at(e) {
 function Tt(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function P(e, t, r) {
+function _(e, t, r) {
   return e.replace(t, r);
 }
-function $e(e, t) {
+function je(e, t) {
   return e.indexOf(t);
 }
-function $(e, t) {
+function j(e, t) {
   return e.charCodeAt(t) | 0;
 }
 function ue(e, t, r) {
@@ -363,27 +363,27 @@ function me(e, t) {
 function Ct(e, t) {
   return e.map(t).join("");
 }
-var Pe = 1, re = 1, it = 0, B = 0, C = 0, ae = "";
+var Pe = 1, re = 1, it = 0, M = 0, I = 0, ae = "";
 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: re, length: s, return: "" };
 }
 function le(e, t) {
   return Rt(Ee("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
-function Ot() {
-  return C;
-}
 function It() {
-  return C = B > 0 ? $(ae, --B) : 0, re--, C === 10 && (re = 1, Pe--), C;
+  return I;
 }
-function M() {
-  return C = B < it ? $(ae, B++) : 0, re++, C === 10 && (re = 1, Pe++), C;
+function Ot() {
+  return I = M > 0 ? j(ae, --M) : 0, re--, I === 10 && (re = 1, Pe--), I;
+}
+function B() {
+  return I = M < it ? j(ae, M++) : 0, re++, I === 10 && (re = 1, Pe++), I;
 }
 function q() {
-  return $(ae, B);
+  return j(ae, M);
 }
 function ge() {
-  return B;
+  return M;
 }
 function pe(e, t) {
   return ue(ae, e, t);
@@ -427,92 +427,92 @@ function de(e) {
   return 0;
 }
 function ot(e) {
-  return Pe = re = 1, it = W(ae = e), B = 0, [];
+  return Pe = re = 1, it = W(ae = e), M = 0, [];
 }
 function st(e) {
   return ae = "", e;
 }
 function ve(e) {
-  return at(pe(B - 1, je(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return at(pe(M - 1, $e(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function $t(e) {
-  for (; (C = q()) && C < 33; )
-    M();
-  return de(e) > 2 || de(C) > 3 ? "" : " ";
+function jt(e) {
+  for (; (I = q()) && I < 33; )
+    B();
+  return de(e) > 2 || de(I) > 3 ? "" : " ";
 }
-function jt(e, t) {
-  for (; --t && M() && !(C < 48 || C > 102 || C > 57 && C < 65 || C > 70 && C < 97); )
+function $t(e, t) {
+  for (; --t && B() && !(I < 48 || I > 102 || I > 57 && I < 65 || I > 70 && I < 97); )
     ;
-  return pe(e, ge() + (t < 6 && q() == 32 && M() == 32));
+  return pe(e, ge() + (t < 6 && q() == 32 && B() == 32));
 }
-function je(e) {
-  for (; M(); )
-    switch (C) {
+function $e(e) {
+  for (; B(); )
+    switch (I) {
       // ] ) " '
       case e:
-        return B;
+        return M;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && je(C);
+        e !== 34 && e !== 39 && $e(I);
         break;
       // (
       case 40:
-        e === 41 && je(e);
+        e === 41 && $e(e);
         break;
       // \
       case 92:
-        M();
+        B();
         break;
     }
-  return B;
+  return M;
 }
-function Lt(e, t) {
-  for (; M() && e + C !== 57; )
-    if (e + C === 84 && q() === 47)
+function Nt(e, t) {
+  for (; B() && e + I !== 57; )
+    if (e + I === 84 && q() === 47)
       break;
-  return "/*" + pe(t, B - 1) + "*" + ke(e === 47 ? e : M());
+  return "/*" + pe(t, M - 1) + "*" + ke(e === 47 ? e : B());
 }
-function Nt(e) {
+function Lt(e) {
   for (; !de(q()); )
-    M();
-  return pe(e, B);
+    B();
+  return pe(e, M);
 }
 function Ft(e) {
   return st(be("", null, null, null, [""], e = ot(e), 0, [0], e));
 }
-function be(e, t, r, n, a, i, s, c, d) {
-  for (var m = 0, l = 0, u = s, h = 0, w = 0, x = 0, p = 1, y = 1, v = 1, b = 0, _ = "", O = a, E = i, S = n, f = _; y; )
-    switch (x = b, b = M()) {
+function be(e, t, r, n, a, i, s, c, u) {
+  for (var y = 0, l = 0, d = s, v = 0, w = 0, b = 0, p = 1, h = 1, g = 1, m = 0, S = "", R = a, k = i, P = n, f = S; h; )
+    switch (b = m, m = B()) {
       // (
       case 40:
-        if (x != 108 && $(f, u - 1) == 58) {
-          $e(f += P(ve(b), "&", "&\f"), "&\f") != -1 && (v = -1);
+        if (b != 108 && j(f, d - 1) == 58) {
+          je(f += _(ve(m), "&", "&\f"), "&\f") != -1 && (g = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        f += ve(b);
+        f += ve(m);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        f += $t(x);
+        f += jt(b);
         break;
       // \
       case 92:
-        f += jt(ge() - 1, 7);
+        f += $t(ge() - 1, 7);
         continue;
       // /
       case 47:
         switch (q()) {
           case 42:
           case 47:
-            me(Vt(Lt(M(), ge()), t, r), d);
+            me(Vt(Nt(B(), ge()), t, r), u);
             break;
           default:
             f += "/";
@@ -520,81 +520,81 @@ function be(e, t, r, n, a, i, s, c, d) {
         break;
       // {
       case 123 * p:
-        c[m++] = W(f) * v;
+        c[y++] = W(f) * g;
       // } ; \0
       case 125 * p:
       case 59:
       case 0:
-        switch (b) {
+        switch (m) {
           // \0 }
           case 0:
           case 125:
-            y = 0;
+            h = 0;
           // ;
           case 59 + l:
-            v == -1 && (f = P(f, /\f/g, "")), w > 0 && W(f) - u && me(w > 32 ? qe(f + ";", n, r, u - 1) : qe(P(f, " ", "") + ";", n, r, u - 2), d);
+            g == -1 && (f = _(f, /\f/g, "")), w > 0 && W(f) - d && me(w > 32 ? qe(f + ";", n, r, d - 1) : qe(_(f, " ", "") + ";", n, r, d - 2), u);
             break;
           // @ ;
           case 59:
             f += ";";
           // { rule/at-rule
           default:
-            if (me(S = Ye(f, t, r, m, l, a, c, _, O = [], E = [], u), i), b === 123)
+            if (me(P = Ye(f, t, r, y, l, a, c, S, R = [], k = [], d), i), m === 123)
               if (l === 0)
-                be(f, t, S, S, O, i, u, c, E);
+                be(f, t, P, P, R, i, d, c, k);
               else
-                switch (h === 99 && $(f, 3) === 110 ? 100 : h) {
+                switch (v === 99 && j(f, 3) === 110 ? 100 : v) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    be(e, S, S, n && me(Ye(e, S, S, 0, 0, a, c, _, a, O = [], u), E), a, E, u, c, n ? O : E);
+                    be(e, P, P, n && me(Ye(e, P, P, 0, 0, a, c, S, a, R = [], d), k), a, k, d, c, n ? R : k);
                     break;
                   default:
-                    be(f, S, S, S, [""], E, 0, c, E);
+                    be(f, P, P, P, [""], k, 0, c, k);
                 }
         }
-        m = l = w = 0, p = v = 1, _ = f = "", u = s;
+        y = l = w = 0, p = g = 1, S = f = "", d = s;
         break;
       // :
       case 58:
-        u = 1 + W(f), w = x;
+        d = 1 + W(f), w = b;
       default:
         if (p < 1) {
-          if (b == 123)
+          if (m == 123)
             --p;
-          else if (b == 125 && p++ == 0 && It() == 125)
+          else if (m == 125 && p++ == 0 && Ot() == 125)
             continue;
         }
-        switch (f += ke(b), b * p) {
+        switch (f += ke(m), m * p) {
           // &
           case 38:
-            v = l > 0 ? 1 : (f += "\f", -1);
+            g = l > 0 ? 1 : (f += "\f", -1);
             break;
           // ,
           case 44:
-            c[m++] = (W(f) - 1) * v, v = 1;
+            c[y++] = (W(f) - 1) * g, g = 1;
             break;
           // @
           case 64:
-            q() === 45 && (f += ve(M())), h = q(), l = u = W(_ = f += Nt(ge())), b++;
+            q() === 45 && (f += ve(B())), v = q(), l = d = W(S = f += Lt(ge())), m++;
             break;
           // -
           case 45:
-            x === 45 && W(f) == 2 && (p = 0);
+            b === 45 && W(f) == 2 && (p = 0);
         }
     }
   return i;
 }
-function Ye(e, t, r, n, a, i, s, c, d, m, l) {
-  for (var u = a - 1, h = a === 0 ? i : [""], w = Ve(h), x = 0, p = 0, y = 0; x < n; ++x)
-    for (var v = 0, b = ue(e, u + 1, u = St(p = s[x])), _ = e; v < w; ++v)
-      (_ = at(p > 0 ? h[v] + " " + b : P(b, /&\f/g, h[v]))) && (d[y++] = _);
-  return Ee(e, t, r, a === 0 ? Ne : c, d, m, l);
+function Ye(e, t, r, n, a, i, s, c, u, y, l) {
+  for (var d = a - 1, v = a === 0 ? i : [""], w = Ve(v), b = 0, p = 0, h = 0; b < n; ++b)
+    for (var g = 0, m = ue(e, d + 1, d = St(p = s[b])), S = e; g < w; ++g)
+      (S = at(p > 0 ? v[g] + " " + m : _(m, /&\f/g, v[g]))) && (u[h++] = S);
+  return Ee(e, t, r, a === 0 ? Le : c, u, y, l);
 }
 function Vt(e, t, r) {
-  return Ee(e, t, r, rt, ke(Ot()), ue(e, 2, -2), 0);
+  return Ee(e, t, r, rt, ke(It()), ue(e, 2, -2), 0);
 }
 function qe(e, t, r, n) {
   return Ee(e, t, r, Fe, ue(e, 0, n), ue(e, n + 1, -1), n);
@@ -604,7 +604,7 @@ function te(e, t) {
     r += t(e[a], a, e, t) || "";
   return r;
 }
-function Bt(e, t, r, n) {
+function Mt(e, t, r, n) {
   switch (e.type) {
     case _t:
       if (e.children.length) break;
@@ -615,12 +615,12 @@ function Bt(e, t, r, n) {
       return "";
     case nt:
       return e.return = e.value + "{" + te(e.children, n) + "}";
-    case Ne:
+    case Le:
       e.value = e.props.join(",");
   }
   return W(r = te(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
-function Mt(e) {
+function Bt(e) {
   var t = Ve(e);
   return function(r, n, a, i) {
     for (var s = "", c = 0; c < t; c++)
@@ -641,14 +641,14 @@ function ct(e) {
 }
 var Dt = function(t, r, n) {
   for (var a = 0, i = 0; a = i, i = q(), a === 38 && i === 12 && (r[n] = 1), !de(i); )
-    M();
-  return pe(t, B);
+    B();
+  return pe(t, M);
 }, Ut = function(t, r) {
   var n = -1, a = 44;
   do
     switch (de(a)) {
       case 0:
-        a === 38 && q() === 12 && (r[n] = 1), t[n] += Dt(B - 1, r, n);
+        a === 38 && q() === 12 && (r[n] = 1), t[n] += Dt(M - 1, r, n);
         break;
       case 2:
         t[n] += ve(a);
@@ -662,7 +662,7 @@ var Dt = function(t, r, n) {
       default:
         t[n] += ke(a);
     }
-  while (a = M());
+  while (a = B());
   return t;
 }, Wt = function(t, r) {
   return st(Ut(ot(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 && !He.get(n)) && !a) {
       He.set(t, !0);
-      for (var i = [], s = Wt(r, i), c = n.props, d = 0, m = 0; d < s.length; d++)
-        for (var l = 0; l < c.length; l++, m++)
-          t.props[m] = i[d] ? s[d].replace(/&\f/g, c[l]) : c[l] + " " + s[d];
+      for (var i = [], s = Wt(r, i), c = n.props, u = 0, y = 0; u < s.length; u++)
+        for (var l = 0; l < c.length; l++, y++)
+          t.props[y] = i[u] ? s[u].replace(/&\f/g, c[l]) : c[l] + " " + s[u];
     }
   }
 }, qt = function(t) {
@@ -691,7 +691,7 @@ function lt(e, t) {
   switch (At(e, t)) {
     // color-adjust
     case 5103:
-      return k + "print-" + e + e;
+      return E + "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 lt(e, t) {
     case 5365:
     case 5621:
     case 3829:
-      return k + e + e;
+      return E + 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 + N + e + e;
+      return E + e + we + e + L + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return k + e + N + e + e;
+      return E + e + L + e + e;
     // order
     case 6165:
-      return k + e + N + "flex-" + e + e;
+      return E + e + L + "flex-" + e + e;
     // align-items
     case 5187:
-      return k + e + P(e, /(\w+).+(:[^]+)/, k + "box-$1$2" + N + "flex-$1$2") + e;
+      return E + e + _(e, /(\w+).+(:[^]+)/, E + "box-$1$2" + L + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return k + e + N + "flex-item-" + P(e, /flex-|-self/, "") + e;
+      return E + e + L + "flex-item-" + _(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return k + e + N + "flex-line-pack" + P(e, /align-content|flex-|-self/, "") + e;
+      return E + e + L + "flex-line-pack" + _(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return k + e + N + P(e, "shrink", "negative") + e;
+      return E + e + L + _(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return k + e + N + P(e, "basis", "preferred-size") + e;
+      return E + e + L + _(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return k + "box-" + P(e, "-grow", "") + k + e + N + P(e, "grow", "positive") + e;
+      return E + "box-" + _(e, "-grow", "") + E + e + L + _(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return k + P(e, /([^-])(transform)/g, "$1" + k + "$2") + e;
+      return E + _(e, /([^-])(transform)/g, "$1" + E + "$2") + e;
     // cursor
     case 6187:
-      return P(P(P(e, /(zoom-|grab)/, k + "$1"), /(image-set)/, k + "$1"), e, "") + e;
+      return _(_(_(e, /(zoom-|grab)/, E + "$1"), /(image-set)/, E + "$1"), e, "") + e;
     // background, background-image
     case 5495:
     case 3959:
-      return P(e, /(image-set\([^]*)/, k + "$1$`$1");
+      return _(e, /(image-set\([^]*)/, E + "$1$`$1");
     // justify-content
     case 4968:
-      return P(P(e, /(.+:)(flex-)?(.*)/, k + "box-pack:$3" + N + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + k + e + e;
+      return _(_(e, /(.+:)(flex-)?(.*)/, E + "box-pack:$3" + L + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + E + 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, /(.+)-inline(.+)/, E + "$1$2") + e;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
@@ -786,46 +786,46 @@ function lt(e, t) {
     case 5789:
     case 5021:
     case 4765:
-      if (W(e) - 1 - t > 6) switch ($(e, t + 1)) {
+      if (W(e) - 1 - t > 6) switch (j(e, t + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if ($(e, t + 4) !== 45) break;
+          if (j(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return P(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + we + ($(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return _(e, /(.+:)(.+)-([^]+)/, "$1" + E + "$2-$3$1" + we + (j(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~$e(e, "stretch") ? lt(P(e, "stretch", "fill-available"), t) + e : e;
+          return ~je(e, "stretch") ? lt(_(e, "stretch", "fill-available"), t) + e : e;
       }
       break;
     // position: sticky
     case 4949:
-      if ($(e, t + 1) !== 115) break;
+      if (j(e, t + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch ($(e, W(e) - 3 - (~$e(e, "!important") && 10))) {
+      switch (j(e, W(e) - 3 - (~je(e, "!important") && 10))) {
         // stic(k)y
         case 107:
-          return P(e, ":", ":" + k) + e;
+          return _(e, ":", ":" + E) + e;
         // (inline-)?fl(e)x
         case 101:
-          return P(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + k + ($(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + N + "$2box$3") + e;
+          return _(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + E + (j(e, 14) === 45 ? "inline-" : "") + "box$3$1" + E + "$2$3$1" + L + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch ($(e, t + 11)) {
+      switch (j(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return k + e + N + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return E + e + L + _(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return k + e + N + P(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return E + e + L + _(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return k + e + N + P(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return E + e + L + _(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return k + e + N + e + e;
+      return E + e + L + e + e;
   }
   return e;
 }
@@ -836,25 +836,25 @@ var Ht = function(t, r, n, a) {
       break;
     case nt:
       return te([le(t, {
-        value: P(t.value, "@", "@" + k)
+        value: _(t.value, "@", "@" + E)
       })], a);
-    case Ne:
+    case Le:
       if (t.length) return Ct(t.props, function(i) {
         switch (Tt(i, /(::plac\w+|:read-\w+)/)) {
           // :read-(only|write)
           case ":read-only":
           case ":read-write":
             return te([le(t, {
-              props: [P(i, /:(read-\w+)/, ":" + we + "$1")]
+              props: [_(i, /:(read-\w+)/, ":" + we + "$1")]
             })], a);
           // :placeholder
           case "::placeholder":
             return te([le(t, {
-              props: [P(i, /:(plac\w+)/, ":" + k + "input-$1")]
+              props: [_(i, /:(plac\w+)/, ":" + E + "input-$1")]
             }), le(t, {
-              props: [P(i, /:(plac\w+)/, ":" + we + "$1")]
+              props: [_(i, /:(plac\w+)/, ":" + we + "$1")]
             }), le(t, {
-              props: [P(i, /:(plac\w+)/, N + "input-$1")]
+              props: [_(i, /:(plac\w+)/, L + "input-$1")]
             })], a);
         }
         return "";
@@ -865,8 +865,8 @@ var Ht = function(t, r, n, a) {
   if (r === "css") {
     var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
     Array.prototype.forEach.call(n, function(p) {
-      var y = p.getAttribute("data-emotion");
-      y.indexOf(" ") !== -1 && (document.head.appendChild(p), p.setAttribute("data-s", ""));
+      var h = p.getAttribute("data-emotion");
+      h.indexOf(" ") !== -1 && (document.head.appendChild(p), p.setAttribute("data-s", ""));
     });
   }
   var a = t.stylisPlugins || Gt, i = {}, s, c = [];
@@ -875,23 +875,23 @@ var Ht = function(t, r, n, a) {
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + r + ' "]'),
     function(p) {
-      for (var y = p.getAttribute("data-emotion").split(" "), v = 1; v < y.length; v++)
-        i[y[v]] = !0;
+      for (var h = p.getAttribute("data-emotion").split(" "), g = 1; g < h.length; g++)
+        i[h[g]] = !0;
       c.push(p);
     }
   );
-  var d, m = [Yt, qt];
+  var u, y = [Yt, qt];
   {
-    var l, u = [Bt, zt(function(p) {
+    var l, d = [Mt, zt(function(p) {
       l.insert(p);
-    })], h = Mt(m.concat(a, u)), w = function(y) {
-      return te(Ft(y), h);
+    })], v = Bt(y.concat(a, d)), w = function(h) {
+      return te(Ft(h), v);
     };
-    d = function(y, v, b, _) {
-      l = b, w(y ? y + "{" + v.styles + "}" : v.styles), _ && (x.inserted[v.name] = !0);
+    u = function(h, g, m, S) {
+      l = m, w(h ? h + "{" + g.styles + "}" : g.styles), S && (b.inserted[g.name] = !0);
     };
   }
-  var x = {
+  var b = {
     key: r,
     sheet: new Pt({
       key: r,
@@ -904,9 +904,9 @@ var Ht = function(t, r, n, a) {
     nonce: t.nonce,
     inserted: i,
     registered: {},
-    insert: d
+    insert: u
   };
-  return x.sheet.hydrate(c), x;
+  return b.sheet.hydrate(c), b;
 }, Kt = !0;
 function Jt(e, t, r) {
   var n = "";
@@ -1059,8 +1059,8 @@ function fe(e, t, r) {
     }
     case "function": {
       if (e !== void 0) {
-        var d = Y, m = r(e);
-        return Y = d, fe(e, t, m);
+        var u = Y, y = r(e);
+        return Y = u, fe(e, t, y);
       }
       break;
     }
@@ -1068,8 +1068,8 @@ function fe(e, t, r) {
   var l = r;
   if (t == null)
     return l;
-  var u = t[l];
-  return u !== void 0 ? u : l;
+  var d = t[l];
+  return d !== void 0 ? d : l;
 }
 function nr(e, t, r) {
   var n = "";
@@ -1083,18 +1083,18 @@ function nr(e, t, r) {
         var c = s;
         t != null && t[c] !== void 0 ? n += i + "{" + t[c] + "}" : Ge(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 d = 0; d < s.length; d++)
-          Ge(s[d]) && (n += Ae(i) + ":" + Xe(i, s[d]) + ";");
+        for (var u = 0; u < s.length; u++)
+          Ge(s[u]) && (n += Ae(i) + ":" + Xe(i, s[u]) + ";");
       else {
-        var m = fe(e, t, s);
+        var y = fe(e, t, s);
         switch (i) {
           case "animation":
           case "animationName": {
-            n += Ae(i) + ":" + m + ";";
+            n += Ae(i) + ":" + y + ";";
             break;
           }
           default:
-            n += i + "{" + m + "}";
+            n += i + "{" + y + "}";
         }
       }
     }
@@ -1115,15 +1115,15 @@ function ar(e, t, r) {
   }
   for (var c = 1; c < e.length; c++)
     if (a += fe(r, t, e[c]), n) {
-      var d = i;
-      a += d[c];
+      var u = i;
+      a += u[c];
     }
   Ke.lastIndex = 0;
-  for (var m = "", l; (l = Ke.exec(a)) !== null; )
-    m += "-" + l[1];
-  var u = Qt(a) + m;
+  for (var y = "", l; (l = Ke.exec(a)) !== null; )
+    y += "-" + l[1];
+  var d = Qt(a) + y;
   return {
-    name: u,
+    name: d,
     styles: a,
     next: Y
   };
@@ -1176,46 +1176,46 @@ var cr = function(t) {
 }, mr = 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), d = c || Je(a), m = !d("as");
+  var c = Ze(t, r, n), u = c || Je(a), y = !u("as");
   return function() {
-    var l = arguments, u = n && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
-    if (i !== void 0 && u.push("label:" + i + ";"), l[0] == null || l[0].raw === void 0)
-      u.push.apply(u, l);
+    var l = arguments, d = n && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
+    if (i !== void 0 && d.push("label:" + i + ";"), l[0] == null || l[0].raw === void 0)
+      d.push.apply(d, l);
     else {
-      var h = l[0];
-      u.push(h[0]);
-      for (var w = l.length, x = 1; x < w; x++)
-        u.push(l[x], h[x]);
+      var v = l[0];
+      d.push(v[0]);
+      for (var w = l.length, b = 1; b < w; b++)
+        d.push(l[b], v[b]);
     }
-    var p = cr(function(y, v, b) {
-      var _ = m && y.as || a, O = "", E = [], S = y;
-      if (y.theme == null) {
-        S = {};
-        for (var f in y)
-          S[f] = y[f];
-        S.theme = H.useContext(lr);
+    var p = cr(function(h, g, m) {
+      var S = y && h.as || a, R = "", k = [], P = h;
+      if (h.theme == null) {
+        P = {};
+        for (var f in h)
+          P[f] = h[f];
+        P.theme = H.useContext(lr);
       }
-      typeof y.className == "string" ? O = Jt(v.registered, E, y.className) : y.className != null && (O = y.className + " ");
-      var T = ar(u.concat(E), v.registered, S);
-      O += v.key + "-" + T.name, s !== void 0 && (O += " " + s);
-      var F = m && c === void 0 ? Je(_) : d, A = {};
-      for (var V in y)
-        m && V === "as" || F(V) && (A[V] = y[V]);
-      return A.className = O, b && (A.ref = b), /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement(hr, {
-        cache: v,
-        serialized: T,
-        isStringTag: typeof _ == "string"
-      }), /* @__PURE__ */ H.createElement(_, A));
+      typeof h.className == "string" ? R = Jt(g.registered, k, h.className) : h.className != null && (R = h.className + " ");
+      var C = ar(d.concat(k), g.registered, P);
+      R += g.key + "-" + C.name, s !== void 0 && (R += " " + s);
+      var F = y && c === void 0 ? Je(S) : u, T = {};
+      for (var V in h)
+        y && V === "as" || F(V) && (T[V] = h[V]);
+      return T.className = R, m && (T.ref = m), /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement(hr, {
+        cache: g,
+        serialized: C,
+        isStringTag: typeof S == "string"
+      }), /* @__PURE__ */ H.createElement(S, T));
     });
-    return p.displayName = i !== void 0 ? i : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", p.defaultProps = t.defaultProps, p.__emotion_real = p, p.__emotion_base = a, p.__emotion_styles = u, p.__emotion_forwardProp = c, Object.defineProperty(p, "toString", {
+    return p.displayName = i !== void 0 ? i : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", p.defaultProps = t.defaultProps, p.__emotion_real = p, p.__emotion_base = a, p.__emotion_styles = d, p.__emotion_forwardProp = c, Object.defineProperty(p, "toString", {
       value: function() {
         return "." + s;
       }
-    }), p.withComponent = function(y, v) {
-      var b = e(y, Ie({}, r, v, {
-        shouldForwardProp: Ze(p, v, !0)
+    }), p.withComponent = function(h, g) {
+      var m = e(h, Oe({}, r, g, {
+        shouldForwardProp: Ze(p, g, !0)
       }));
-      return b.apply(void 0, u);
+      return m.apply(void 0, d);
     }, p;
   };
 }, yr = [
@@ -1399,7 +1399,7 @@ const gr = ne.div`
       return "";
   }
 }}
-`, Le = ({ type: e, children: t, className: r, icon: n, action: a }) => I.jsxs(gr, { type: e, className: r, children: [n && I.jsx("span", { children: n }), I.jsx("span", { children: t }), a && I.jsx("span", { children: a })] }), Qe = ne.div`
+`, Ne = ({ type: e, children: t, className: r, icon: n, action: a }) => O.jsxs(gr, { type: e, className: r, children: [n && O.jsx("span", { children: n }), O.jsx("span", { children: t }), a && O.jsx("span", { children: a })] }), Qe = ne.div`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
   border-radius: 8px;
@@ -1433,17 +1433,17 @@ const gr = ne.div`
  @media (min-width: 768px) {
    width: min(70vw, 960px); /* Responsive width for desktop, capped at 960px */
  }
-`, xr = (e, t) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`, wr = (e, t) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`, kr = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, Be = (e, t) => `vp-player-${e || "default"}-${t || ""}`, Te = /* @__PURE__ */ new Map(), Pr = (e, t) => {
+`, xr = (e, t) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`, wr = (e, t) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`, kr = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, Me = (e, t) => `vp-player-${e || "default"}-${t || ""}`, Te = /* @__PURE__ */ new Map(), Pr = (e, t) => {
   const [r, n] = D(!1), [a, i] = D(null);
   return xe(() => {
-    let s = null, c, d = 0;
-    const m = 3;
+    let s = null, c, u = 0;
+    const y = 3;
     let l;
     try {
       l = t || kr(e || "latest");
     } catch (w) {
-      const x = w instanceof Error ? w.message : String(w);
-      i(`Failed to resolve script URL: ${x}`), n(!1);
+      const b = w instanceof Error ? w.message : String(w);
+      i(`Failed to resolve script URL: ${b}`), n(!1);
       return;
     }
     if (Te.get(l)) {
@@ -1454,77 +1454,77 @@ const gr = ne.div`
       Te.set(l, !0), n(!0), i(null);
       return;
     }
-    const h = () => {
+    const v = () => {
       s = document.createElement("script"), s.src = l, s.async = !0, c = window.setTimeout(() => {
         n(!1), i(`Loading script timed out: ${l}`);
       }, 1e4), s.onload = () => {
         clearTimeout(c), Te.set(l, !0), n(!0), i(null);
       }, s.onerror = () => {
-        clearTimeout(c), d++, d < m ? setTimeout(h, 1e3 * d) : (n(!1), i(`Failed to load VP Player script after ${m} attempts: ${l}`));
+        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(s);
     };
-    return h(), () => {
+    return v(), () => {
       clearTimeout(c), s && document.body.contains(s) && document.body.removeChild(s);
     };
   }, [e, t]), { isLoaded: r, error: a };
 }, Er = {}, ye = /* @__PURE__ */ new Map(), _r = 15e3, Ce = 5, Sr = ({ projectId: e, videoId: t, playlistId: r, videoUrl: n, apiKey: a }) => {
-  const [i, s] = D(null), [c, d] = D(null), [m, l] = D(!1), [u, h] = D(null), w = a || (typeof Er < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
+  const [i, s] = D(null), [c, u] = D(null), [y, l] = D(!1), [d, v] = D(null), w = a || (typeof Er < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
   return xe(() => {
-    const x = t ? `video:${t}` : r ? `playlist:${r}` : null;
+    const b = t ? `video:${t}` : r ? `playlist:${r}` : null;
     if (!e || n || !t && !r) {
-      s(n || null), d(null), l(!1), h(null);
+      s(n || null), u(null), l(!1), v(null);
       return;
     }
     if (!w) {
-      l(!1), h("No API key provided");
+      l(!1), v("No API key provided");
       return;
     }
-    if (x && ye.has(x)) {
-      const b = ye.get(x);
-      s(b.url), d(b.playlist), l(!1), h(null);
+    if (b && ye.has(b)) {
+      const m = ye.get(b);
+      s(m.url), u(m.playlist), l(!1), v(null);
       return;
     }
-    const p = new AbortController(), y = p.signal;
+    const p = new AbortController(), h = p.signal;
     return (async () => {
-      var _, O;
-      l(!0), h(null);
-      let b = 0;
-      for (; b < Ce; )
+      var S, R;
+      l(!0), v(null);
+      let m = 0;
+      for (; m < Ce; )
         try {
-          const E = t && !r ? xr(e, t) : wr(e, r), S = setTimeout(() => p.abort(), _r), f = await fetch(E, {
+          const k = t && !r ? xr(e, t) : wr(e, r), P = setTimeout(() => p.abort(), _r), f = await fetch(k, {
             method: "GET",
             headers: { "api-key": w, Accept: "application/json" },
-            signal: y
+            signal: h
           });
-          if (clearTimeout(S), !f.ok)
+          if (clearTimeout(P), !f.ok)
             throw new Error(`Fetch failed with status ${f.status}`);
-          const T = await f.json();
+          const C = await f.json();
           if (t && !r) {
-            const F = (O = (_ = T.result) == null ? void 0 : _.items) == null ? void 0 : O.find((A) => A.mediaId === t);
+            const F = (R = (S = C.result) == null ? void 0 : S.items) == null ? void 0 : R.find((T) => T.mediaId === t);
             if (!(F != null && F.playbackUrl))
               throw new Error("Invalid video data");
-            s(F.playbackUrl), d(null), x && ye.set(x, { url: F.playbackUrl, playlist: null });
+            s(F.playbackUrl), u(null), b && ye.set(b, { url: F.playbackUrl, playlist: null });
           } else {
-            if (!Array.isArray(T.result))
+            if (!Array.isArray(C.result))
               throw new Error("Invalid playlist format");
-            d(T.result), s(null), x && ye.set(x, { url: null, playlist: T.result });
+            u(C.result), s(null), b && ye.set(b, { url: null, playlist: C.result });
           }
           break;
-        } catch (E) {
-          if (y.aborted) {
-            h("Request timed out");
+        } catch (k) {
+          if (h.aborted) {
+            v("Request timed out");
             break;
           }
-          if (b++, b >= Ce) {
-            const S = E instanceof Error ? E.message : String(E);
-            h(`Failed after ${Ce} attempts: ${S}`);
+          if (m++, m >= Ce) {
+            const P = k instanceof Error ? k.message : String(k);
+            v(`Failed after ${Ce} attempts: ${P}`);
           }
         }
       l(!1);
     })(), () => {
       p.abort();
     };
-  }, [w, e, t, r, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: c, isLoading: m, error: u };
+  }, [w, e, t, r, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: c, isLoading: y, error: d };
 }, Rr = {
   projectId: "vp-player-projectId",
   video: {
@@ -1533,6 +1533,7 @@ const gr = ne.div`
     playlist: {
       state: !0,
       // Enable playlist by default
+      // If we have a playlist, we start with the first video, if any issue check value, should
       playlistVideoIndex: 0,
       // Start with the first video
       videos: []
@@ -1577,78 +1578,117 @@ const gr = ne.div`
       // Enabled by default
     }
   }
-}, Ar = ({ videoUrl: e, fetchedPlaybackUrl: t, fetchedPlaylist: r, projectId: n, config: a = {} }) => {
-  var m, l, u;
-  const i = { ...Rr, ...a }, s = { ...i.config, ...a.config };
+}, Ar = ({
+  videoUrl: e,
+  fetchedPlaybackUrl: t,
+  // fetchedPlaylist,
+  fetchedPlaylist: r,
+  projectId: n,
+  config: a = {},
+  isVerticalPlayer: i
+  // Distinguish between VP Player types
+}) => {
+  var l, d, v, w, b, p, h, g;
+  const s = { ...Rr, ...a }, c = { ...s.config, ...a.config };
   if (e)
     return {
-      ...i,
+      ...s,
       video: {
-        ...i.video,
+        ...s.video,
         file: e,
         playlist: void 0
       },
-      config: s
+      config: c
     };
   if (t)
     return {
-      ...i,
+      ...s,
       video: {
-        ...i.video,
+        ...s.video,
         file: t,
         playlist: void 0
       },
-      config: s
+      config: c
     };
-  if (r && r.length > 0)
-    return {
-      ...i,
-      projectId: n || "vp-player-projectId",
-      video: {
-        ...i.video,
-        file: ((m = r[0]) == null ? void 0 : m.hlsUrl) || "",
-        playlist: {
-          state: !0,
-          playlistVideoIndex: 0,
-          videos: r.map((h, w) => ({
-            videoId: String(w),
-            title: h.title,
-            file: h.hlsUrl,
-            thumbnailUrl: h.thumbnailUrl,
-            duration: h.duration
-          }))
-        }
-      },
-      config: s
-    };
-  const c = ((l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) || i.video.playlist, d = (u = a == null ? void 0 : a.video) == null ? void 0 : u.file;
-  if (d)
+  if (r && r.length > 0) {
+    const m = ((d = (l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) == null ? void 0 : d.playlistVideoIndex) ?? ((v = a == null ? void 0 : a.config) == null ? void 0 : v.playlistVideoIndex) ?? 0;
+    if (i) {
+      const S = Math.min(m, r.length - 1), R = ((w = r[S]) == null ? void 0 : w.hlsUrl) ?? void 0;
+      return {
+        ...s,
+        projectId: n || "vp-player-projectId",
+        video: {
+          ...s.video,
+          // Set the correct video file for the desired index
+          file: R,
+          playlist: {
+            state: !0,
+            playlistId: "",
+            // Will be set by API
+            // IMPORTANT: Based on docs, here should be an int, but we use string, cause it works
+            // TODO: this should require some added work in the future
+            playlistVideoIndex: String(m),
+            videos: r.map((P, f) => ({
+              videoId: String(f),
+              title: P.title,
+              file: P.hlsUrl,
+              thumbnailUrl: P.thumbnailUrl,
+              duration: P.duration
+            }))
+          }
+        },
+        config: c
+      };
+    } else
+      return {
+        ...s,
+        projectId: n || "vp-player-projectId",
+        video: {
+          ...s.video,
+          file: ((b = r[m]) == null ? void 0 : b.hlsUrl) || ((p = r[0]) == null ? void 0 : p.hlsUrl) || "",
+          playlist: {
+            state: !0,
+            playlistVideoIndex: m,
+            videos: r.map((R, k) => ({
+              videoId: String(k),
+              title: R.title,
+              file: R.hlsUrl,
+              thumbnailUrl: R.thumbnailUrl,
+              duration: R.duration
+            }))
+          }
+        },
+        config: c
+      };
+  }
+  const u = ((h = a == null ? void 0 : a.video) == null ? void 0 : h.playlist) || s.video.playlist, y = (g = a == null ? void 0 : a.video) == null ? void 0 : g.file;
+  if (y)
     return {
-      ...i,
+      ...s,
       video: {
-        ...i.video,
-        file: d,
+        ...s.video,
+        file: y,
         playlist: void 0
         // No playlist, just one video
       },
-      config: s
+      config: c
     };
-  if (c != null && c.videos && c.videos.length > 0) {
-    const h = c.videos[c.playlistVideoIndex || 0];
+  if (u != null && u.videos && u.videos.length > 0) {
+    const m = u.videos[Number(u.playlistVideoIndex) || 0];
     return {
-      ...i,
+      ...s,
       video: {
-        ...i.video,
-        file: (h == null ? void 0 : h.file) || "",
+        ...s.video,
+        file: (m == null ? void 0 : m.file) || "",
         playlist: {
-          ...c,
-          state: c.state ?? !0,
-          playlistVideoIndex: c.playlistVideoIndex ?? 0,
-          videos: c.videos
+          ...u,
+          state: u.state ?? !0,
+          playlistVideoIndex: u.playlistVideoIndex ?? 0,
+          videos: u.videos
         }
       },
       config: {
-        ...i.config,
+        ...s.config,
         ...a == null ? void 0 : a.config
       }
     };
@@ -1659,75 +1699,77 @@ const gr = ne.div`
     return;
   const t = /https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/, r = e.match(t);
   return r ? r[2] : void 0;
-}, Cr = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: s, config: c = {}, apiKey: d, isReels: m = !1 }) => {
-  const l = Me(null), u = Me(null), { isLoaded: h, error: w } = Pr(r, s), x = t || Tr(s), [p, y] = D(null), { fetchedPlaybackUrl: v, fetchedPlaylist: b, isLoading: _, error: O } = Sr({
+}, Cr = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: s, config: c = {}, apiKey: u, isReels: y = !1 }) => {
+  const l = Be(null), d = Be(null), { isLoaded: v, error: w } = Pr(r, s), b = t || Tr(s), [p, h] = D(null), { fetchedPlaybackUrl: g, fetchedPlaylist: m, isLoading: S, error: R } = Sr({
     projectId: a,
-    videoId: x,
+    videoId: b,
     playlistId: i,
     videoUrl: n,
-    apiKey: d
-  }), E = Be(e, x), S = tt(() => {
-    const f = c.config || {}, T = m && !f.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : f.size || { sizeType: "FIXED", width: "100%" };
+    apiKey: u
+  }), k = Me(e, b), P = tt(() => {
+    const f = c.config || {}, C = y && !f.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : f.size || { sizeType: "FIXED", width: "100%" };
     return {
       ...c,
       config: {
         ...f,
-        size: T
+        size: C
       }
     };
-  }, [c, m]);
+  }, [c, y]);
   return xe(() => {
     if (w) {
-      y(w);
+      h(w);
       return;
     }
-    if (!h || _ && !n)
+    if (!v || S && !n)
       return;
     let f = !0;
     const F = setTimeout(async () => {
       try {
-        const A = s == null ? void 0 : s.includes("vertical-player");
+        const T = s == null ? void 0 : s.includes("vertical-player");
         if (document.querySelectorAll('[id*="player"]').forEach((Q) => {
           var ie, oe;
           const K = Q.id;
-          if (K !== E)
+          if (K !== k)
             try {
-              const o = A ? (ie = window.vpVerticalPlayer) == null ? void 0 : ie.call(window, K) : (oe = window.vpPlayer) == null ? void 0 : oe.call(window, K);
+              const o = T ? (ie = window.vpVerticalPlayer) == null ? void 0 : ie.call(window, K) : (oe = window.vpPlayer) == null ? void 0 : oe.call(window, K);
               o != null && o.destroy && o.destroy();
             } catch (o) {
               console.warn(`Failed to destroy existing player ${K}:`, o);
             }
         }), await new Promise((Q) => setTimeout(Q, 100)), !f || !l.current)
           return;
-        if (!document.getElementById(E)) {
-          y("DOM element not found after cleanup.");
+        if (!document.getElementById(k)) {
+          h("DOM element not found after cleanup.");
           return;
         }
         if (!window.vpPlayer && !window.vpVerticalPlayer) {
-          y("VP Player script not loaded.");
+          h("VP Player script not loaded.");
           return;
         }
-        const z = A ? window.vpVerticalPlayer : window.vpPlayer;
+        const z = T ? window.vpVerticalPlayer : window.vpPlayer;
         if (!z) {
-          y(`VP ${A ? "Vertical " : ""}Player script not loaded.`);
+          h(`VP ${T ? "Vertical " : ""}Player script not loaded.`);
           return;
         }
         const G = Ar({
           videoUrl: n,
-          fetchedPlaybackUrl: v,
-          fetchedPlaylist: b,
+          fetchedPlaybackUrl: g ?? void 0,
+          fetchedPlaylist: m ?? void 0,
           projectId: a,
-          config: S
-        }), Z = z(E);
+          config: P,
+          isVerticalPlayer: T
+          // Pass player type to config builder
+        }), Z = z(k);
         if (!Z) {
-          y(`Failed to create VP ${A ? "Vertical " : ""}Player instance.`);
+          h(`Failed to create VP ${T ? "Vertical " : ""}Player instance.`);
           return;
         }
-        f && l.current && (Z.setup(G), u.current = Z, y(null));
-      } catch (A) {
+        f && l.current && (Z.setup(G), d.current = Z, h(null));
+      } catch (T) {
         if (f) {
-          const V = A instanceof Error ? A.message : String(A);
-          y(V), console.error("VP Player initialization error:", A);
+          const V = T instanceof Error ? T.message : String(T);
+          h(V), console.error("VP Player initialization error:", T);
         }
       }
     }, 150);
@@ -1735,37 +1777,37 @@ const gr = ne.div`
       f = !1, clearTimeout(F);
     };
   }, [
-    h,
-    _,
-    n,
     v,
-    b,
-    a,
     S,
-    E,
+    n,
+    g,
+    m,
+    a,
+    P,
+    k,
     w,
     s
   ]), xe(() => () => {
-    if (u.current) {
+    if (d.current) {
       try {
-        u.current.destroy && u.current.destroy();
-      } catch (T) {
-        console.warn(`Failed to destroy player ${E}:`, T);
+        d.current.destroy && d.current.destroy();
+      } catch (C) {
+        console.warn(`Failed to destroy player ${k}:`, C);
       }
-      u.current = null;
+      d.current = null;
     }
-    const f = document.getElementById(E);
+    const f = document.getElementById(k);
     f && (f.innerHTML = "");
-  }, [E]), {
+  }, [k]), {
     playerRef: l,
-    playerInstanceRef: u,
-    isScriptLoaded: h,
-    isLoading: _,
-    error: O || p || w
+    playerInstanceRef: d,
+    isScriptLoaded: v,
+    isLoading: S,
+    error: R || p || w
   };
-}, Or = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: s, config: c = {}, apiKey: d, isReels: m = !1, hiddenClasses: l = [], onClose: u, className: h }) => {
-  var F, A, V, J;
-  const { playerRef: w, playerInstanceRef: x, isScriptLoaded: p, isLoading: y, error: v } = Cr({
+}, Ir = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: s, config: c = {}, apiKey: u, isReels: y = !1, hiddenClasses: l = [], onClose: d, className: v }) => {
+  var F, T, V, J;
+  const { playerRef: w, playerInstanceRef: b, isScriptLoaded: p, isLoading: h, error: g } = Cr({
     playerId: e,
     videoId: t,
     version: r,
@@ -1774,36 +1816,36 @@ const gr = ne.div`
     playlistId: i,
     scriptUrl: s,
     config: c,
-    apiKey: d,
-    isReels: m
-  }), [b, _] = D(!0), O = () => m && _(!0), E = () => {
+    apiKey: u,
+    isReels: y
+  }), [m, S] = D(!0), R = () => y && S(!0), k = () => {
     var z, G;
-    _(!1), (G = (z = x.current) == null ? void 0 : z.play) == null || G.call(z), u == null || u();
-  }, S = (A = (F = c == null ? void 0 : c.config) == null ? void 0 : F.size) != null && A.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, f = (J = (V = c == null ? void 0 : c.config) == null ? void 0 : V.size) != null && J.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0, T = Be(e, t);
-  return v ? I.jsxs(Le, { type: "error", children: ["An error occurred: ", v] }) : y || !p ? I.jsx(Le, { type: "loading", children: "Loading..." }) : I.jsxs(I.Fragment, { children: [m && !b ? I.jsx("div", { onClick: O }) : null, !m && I.jsx("div", { children: I.jsx(Qe, { id: T, ref: w, width: S || "100%", height: f || "auto", $hiddenClasses: l, className: h }) }, T), m && b && I.jsx(vr, { onClick: E, className: h, children: I.jsx(br, { className: h, onClick: (z) => z.stopPropagation(), children: I.jsx("div", { children: I.jsx(Qe, { id: T, ref: w, width: "100%", height: "auto", $hiddenClasses: l, className: h }) }, T) }) })] });
-}, pt = gt(void 0), $r = ({ children: e }) => {
+    S(!1), (G = (z = b.current) == null ? void 0 : z.play) == null || G.call(z), d == null || d();
+  }, P = (T = (F = c == null ? void 0 : c.config) == null ? void 0 : F.size) != null && T.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, f = (J = (V = c == null ? void 0 : c.config) == null ? void 0 : V.size) != null && J.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0, C = Me(e, t);
+  return g ? O.jsxs(Ne, { type: "error", children: ["An error occurred: ", g] }) : h || !p ? O.jsx(Ne, { type: "loading", children: "Loading..." }) : O.jsxs(O.Fragment, { children: [y && !m ? O.jsx("div", { onClick: R }) : null, !y && O.jsx("div", { children: O.jsx(Qe, { id: C, ref: w, width: P || "100%", height: f || "auto", $hiddenClasses: l, className: v }) }, C), y && m && O.jsx(vr, { onClick: k, className: v, children: O.jsx(br, { className: v, onClick: (z) => z.stopPropagation(), children: O.jsx("div", { children: O.jsx(Qe, { id: C, ref: w, width: "100%", height: "auto", $hiddenClasses: l, className: v }) }, C) }) })] });
+}, pt = gt(void 0), jr = ({ children: e }) => {
   const [t, r] = D(!1), [n, a] = D(null), [i, s] = D(null), c = ze((l) => {
     try {
-      const u = Be(l.playerId, l.videoId);
-      a({ ...l, playerId: u }), r(!0), s(null);
+      const d = Me(l.playerId, l.videoId);
+      a({ ...l, playerId: d }), r(!0), s(null);
     } catch {
       s("Failed to show player.");
     }
-  }, []), d = ze(() => {
+  }, []), u = ze(() => {
     r(!1), a(null), s(null);
-  }, []), m = tt(() => ({
+  }, []), y = tt(() => ({
     showPlayer: c,
-    hidePlayer: d,
+    hidePlayer: u,
     isPlayerVisible: t,
     playerParams: n
-  }), [c, d, t, n]);
-  return I.jsxs(pt.Provider, { value: m, children: [e, i && I.jsx(Le, { type: "error", children: i }), t && (n == null ? void 0 : n.playerId) && I.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: d, hiddenClasses: n.hiddenClasses || [], apiKey: n.apiKey, className: n.className })] });
-}, jr = () => {
+  }), [c, u, t, n]);
+  return O.jsxs(pt.Provider, { value: y, children: [e, i && O.jsx(Ne, { type: "error", children: i }), t && (n == null ? void 0 : n.playerId) && O.jsx(Ir, { 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 })] });
+}, $r = () => {
   const e = et(pt);
   if (!e)
     throw new Error("useVPPlayer must be used within a VPPlayerProvider");
   return e;
-}, Lr = {
+}, Nr = {
   projectId: "vp-player-projectId",
   video: {
     file: "",
@@ -1836,7 +1878,7 @@ const gr = ne.div`
       shareButton: !0
     }
   }
-}, Nr = {
+}, Lr = {
   config: {
     autostartOnLoad: { state: !0, onMobile: !0, onData: !0 },
     muted: !0
@@ -1846,7 +1888,7 @@ const gr = ne.div`
     autoplay: !0,
     muted: !0
   }
-}, Oe = {
+}, Ie = {
   video: {
     advertising: !0,
     ads: {
@@ -1860,11 +1902,11 @@ const gr = ne.div`
 }, Vr = (e, t, r = "time", n = 0) => {
   var a;
   return {
-    ...Oe,
+    ...Ie,
     video: {
-      ...Oe.video,
+      ...Ie.video,
       ads: {
-        ...(a = Oe.video) == null ? void 0 : a.ads,
+        ...(a = Ie.video) == null ? void 0 : a.ads,
         adBreaks: [
           {
             adTagUrl: t,
@@ -1876,27 +1918,27 @@ const gr = ne.div`
       }
     }
   };
-}, Br = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", Mr = "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", Ur = "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=", 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%3Dskippablelinear&correlator=";
+}, Mr = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4", Br = "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", Ur = "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=", 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%3Dskippablelinear&correlator=";
 export {
   Ur as AD_TAG_LINEAR_URL,
   Wr as AD_TAG_SKIPPABLE_LINEAR_URL,
-  Br as BIG_BUCK_BUNNY_URL,
-  Mr as ELEPHANTS_DREAM_URL,
+  Mr as BIG_BUCK_BUNNY_URL,
+  Br as ELEPHANTS_DREAM_URL,
   vr as Overlay,
   Dr as PEXELS_THUMBNAIL_URL,
   zr as PEXELS_VERTICAL_VIDEO_URL,
   Qe as PlayerContainer,
   br as PlayerWrapper,
-  Or as VPPlayer,
-  $r as VPPlayerProvider,
-  Nr as baseConfig,
-  Oe as baseConfigWithAds,
+  Ir as VPPlayer,
+  jr as VPPlayerProvider,
+  Lr as baseConfig,
+  Ie as baseConfigWithAds,
   Fr as baseConfigWithAutoplay,
   Ar as buildVPPlayerConfig,
-  Lr as defaultVPPlayerConfig,
+  Nr as defaultVPPlayerConfig,
   Tr as extractVideoId,
   Vr as getAdConfig,
-  jr as useVPPlayer,
+  $r as useVPPlayer,
   Cr as useVPPlayerLogic,
   Pr as useVPPlayerScript,
   Sr as useVideoData