@devix-technologies/react-gjirafa-vp-player 1.0.9 → 1.0.11

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

@@ -48,20 +48,20 @@ function bt() {
     function e(o) {
       if (o == null) return null;
       if (typeof o == "function")
-        return o.$$typeof === x ? null : o.displayName || o.name || null;
+        return o.$$typeof === R ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
-        case d:
+        case f:
           return "Fragment";
         case y:
           return "Profiler";
         case h:
           return "StrictMode";
-        case R:
+        case x:
           return "Suspense";
-        case T:
+        case S:
           return "SuspenseList";
-        case V:
+        case $:
           return "Activity";
       }
       if (typeof o == "object")
@@ -70,16 +70,16 @@ function bt() {
         ), o.$$typeof) {
           case v:
             return "Portal";
-          case S:
+          case _:
             return (o.displayName || "Context") + ".Provider";
           case w:
             return (o._context.displayName || "Context") + ".Consumer";
-          case A:
+          case T:
             var b = o.render;
             return o = o.displayName, o || (o = b.displayName || b.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case f:
+          case u:
             return b = o.displayName || null, b !== null ? b : e(o.type) || "Memo";
-          case P:
+          case A:
             b = o._payload, o = o._init;
             try {
               return e(o(b));
@@ -100,17 +100,17 @@ function bt() {
       }
       if (b) {
         b = console;
-        var I = b.error, N = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return I.call(
+        var C = b.error, L = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return C.call(
           b,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          N
+          L
         ), t(o);
       }
     }
     function n(o) {
-      if (o === d) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === P)
+      if (o === f) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === A)
         return "<...>";
       try {
         var b = e(o);
@@ -120,7 +120,7 @@ function bt() {
       }
     }
     function a() {
-      var o = C.A;
+      var o = I.A;
       return o === null ? null : o.getOwner();
     }
     function i() {
@@ -134,33 +134,33 @@ function bt() {
       return o.key !== void 0;
     }
     function c(o, b) {
-      function I() {
+      function C() {
         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)",
           b
         ));
       }
-      I.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: I,
+      C.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: C,
         configurable: !0
       });
     }
-    function u() {
+    function d() {
       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, b, I, N, K, D, _e, Se) {
-      return I = D.ref, o = {
+    function m(o, b, C, L, K, D, _e, Se) {
+      return C = D.ref, o = {
         $$typeof: k,
         type: o,
         key: b,
         props: D,
         _owner: K
-      }, (I !== void 0 ? I : null) !== null ? Object.defineProperty(o, "ref", {
+      }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: u
+        get: d
       }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -183,52 +183,52 @@ function bt() {
         value: Se
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function l(o, b, I, N, K, D, _e, Se) {
-      var L = b.children;
-      if (L !== void 0)
-        if (N)
-          if (z(L)) {
-            for (N = 0; N < L.length; N++)
-              p(L[N]);
-            Object.freeze && Object.freeze(L);
+    function l(o, b, C, L, K, D, _e, Se) {
+      var F = b.children;
+      if (F !== void 0)
+        if (L)
+          if (z(F)) {
+            for (L = 0; L < F.length; L++)
+              p(F[L]);
+            Object.freeze && Object.freeze(F);
           } 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(L);
+        else p(F);
       if (G.call(b, "key")) {
-        L = e(o);
+        F = e(o);
         var ee = Object.keys(b).filter(function(ht) {
           return ht !== "key";
         });
-        N = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", oe[L + N] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+        L = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", oe[F + L] || (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} />`,
-          N,
           L,
+          F,
           ee,
-          L
-        ), oe[L + N] = !0);
+          F
+        ), oe[F + L] = !0);
       }
-      if (L = null, I !== void 0 && (r(I), L = "" + I), s(b) && (r(b.key), L = "" + b.key), "key" in b) {
-        I = {};
+      if (F = null, C !== void 0 && (r(C), F = "" + C), s(b) && (r(b.key), F = "" + b.key), "key" in b) {
+        C = {};
         for (var Re in b)
-          Re !== "key" && (I[Re] = b[Re]);
-      } else I = b;
-      return L && c(
-        I,
+          Re !== "key" && (C[Re] = b[Re]);
+      } else C = b;
+      return F && c(
+        C,
         typeof o == "function" ? o.displayName || o.name || "Unknown" : o
       ), m(
         o,
-        L,
+        F,
         D,
         K,
         a(),
-        I,
+        C,
         _e,
         Se
       );
@@ -236,7 +236,7 @@ React keys must be passed directly to JSX without using spread:
     function p(o) {
       typeof o == "object" && o !== null && o.$$typeof === k && o._store && (o._store.validated = 1);
     }
-    var g = mt, k = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), d = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), S = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), V = Symbol.for("react.activity"), x = Symbol.for("react.client.reference"), C = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, z = Array.isArray, X = console.createTask ? console.createTask : function() {
+    var g = mt, k = Symbol.for("react.transitional.element"), v = 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"), T = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), $ = Symbol.for("react.activity"), R = Symbol.for("react.client.reference"), I = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, z = Array.isArray, X = console.createTask ? console.createTask : function() {
       return null;
     };
     g = {
@@ -248,26 +248,26 @@ React keys must be passed directly to JSX without using spread:
       g,
       i
     )(), ie = X(n(i)), oe = {};
-    ce.Fragment = d, ce.jsx = function(o, b, I, N, K) {
-      var D = 1e4 > C.recentlyCreatedOwnerStacks++;
+    ce.Fragment = f, ce.jsx = function(o, b, C, L, K) {
+      var D = 1e4 > I.recentlyCreatedOwnerStacks++;
       return l(
         o,
         b,
-        I,
+        C,
         !1,
-        N,
+        L,
         K,
         D ? Error("react-stack-top-frame") : J,
         D ? X(n(o)) : ie
       );
-    }, ce.jsxs = function(o, b, I, N, K) {
-      var D = 1e4 > C.recentlyCreatedOwnerStacks++;
+    }, ce.jsxs = function(o, b, C, L, K) {
+      var D = 1e4 > I.recentlyCreatedOwnerStacks++;
       return l(
         o,
         b,
-        I,
+        C,
         !0,
-        N,
+        L,
         K,
         D ? Error("react-stack-top-frame") : J,
         D ? X(n(o)) : ie
@@ -329,9 +329,9 @@ var Pt = /* @__PURE__ */ function() {
       return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), F = "-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;
+}(), V = "-ms-", we = "-moz-", P = "-webkit-", rt = "comm", Le = "rule", Fe = "decl", Et = "@import", nt = "@keyframes", _t = "@layer", St = Math.abs, ke = String.fromCharCode, Rt = Object.assign;
 function Tt(e, t) {
-  return $(e, 0) ^ 45 ? (((t << 2 ^ $(e, 0)) << 2 ^ $(e, 1)) << 2 ^ $(e, 2)) << 2 ^ $(e, 3) : 0;
+  return N(e, 0) ^ 45 ? (((t << 2 ^ N(e, 0)) << 2 ^ N(e, 1)) << 2 ^ N(e, 2)) << 2 ^ N(e, 3) : 0;
 }
 function at(e) {
   return e.trim();
@@ -339,13 +339,13 @@ function at(e) {
 function At(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
-function _(e, t, r) {
+function E(e, t, r) {
   return e.replace(t, r);
 }
 function je(e, t) {
   return e.indexOf(t);
 }
-function $(e, t) {
+function N(e, t) {
   return e.charCodeAt(t) | 0;
 }
 function ue(e, t, r) {
@@ -374,13 +374,13 @@ function It() {
   return O;
 }
 function Ot() {
-  return O = M > 0 ? $(ae, --M) : 0, re--, O === 10 && (re = 1, Pe--), O;
+  return O = M > 0 ? N(ae, --M) : 0, re--, O === 10 && (re = 1, Pe--), O;
 }
 function B() {
-  return O = M < it ? $(ae, M++) : 0, re++, O === 10 && (re = 1, Pe++), O;
+  return O = M < it ? N(ae, M++) : 0, re++, O === 10 && (re = 1, Pe++), O;
 }
 function q() {
-  return $(ae, M);
+  return N(ae, M);
 }
 function ge() {
   return M;
@@ -481,48 +481,48 @@ function Lt(e) {
 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, u) {
-  for (var m = 0, l = 0, p = s, g = 0, k = 0, v = 0, d = 1, h = 1, y = 1, w = 0, S = "", A = a, R = i, T = n, f = S; h; )
+function be(e, t, r, n, a, i, s, c, d) {
+  for (var m = 0, l = 0, p = s, g = 0, k = 0, v = 0, f = 1, h = 1, y = 1, w = 0, _ = "", T = a, x = i, S = n, u = _; h; )
     switch (v = w, w = B()) {
       // (
       case 40:
-        if (v != 108 && $(f, p - 1) == 58) {
-          je(f += _(ve(w), "&", "&\f"), "&\f") != -1 && (y = -1);
+        if (v != 108 && N(u, p - 1) == 58) {
+          je(u += E(ve(w), "&", "&\f"), "&\f") != -1 && (y = -1);
           break;
         }
       // " ' [
       case 34:
       case 39:
       case 91:
-        f += ve(w);
+        u += ve(w);
         break;
       // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
-        f += jt(v);
+        u += jt(v);
         break;
       // \
       case 92:
-        f += $t(ge() - 1, 7);
+        u += $t(ge() - 1, 7);
         continue;
       // /
       case 47:
         switch (q()) {
           case 42:
           case 47:
-            me(Vt(Nt(B(), ge()), t, r), u);
+            me(Vt(Nt(B(), ge()), t, r), d);
             break;
           default:
-            f += "/";
+            u += "/";
         }
         break;
       // {
-      case 123 * d:
-        c[m++] = W(f) * y;
+      case 123 * f:
+        c[m++] = W(u) * y;
       // } ; \0
-      case 125 * d:
+      case 125 * f:
       case 59:
       case 0:
         switch (w) {
@@ -532,66 +532,66 @@ function be(e, t, r, n, a, i, s, c, u) {
             h = 0;
           // ;
           case 59 + l:
-            y == -1 && (f = _(f, /\f/g, "")), k > 0 && W(f) - p && me(k > 32 ? qe(f + ";", n, r, p - 1) : qe(_(f, " ", "") + ";", n, r, p - 2), u);
+            y == -1 && (u = E(u, /\f/g, "")), k > 0 && W(u) - p && me(k > 32 ? qe(u + ";", n, r, p - 1) : qe(E(u, " ", "") + ";", n, r, p - 2), d);
             break;
           // @ ;
           case 59:
-            f += ";";
+            u += ";";
           // { rule/at-rule
           default:
-            if (me(T = Ye(f, t, r, m, l, a, c, S, A = [], R = [], p), i), w === 123)
+            if (me(S = Ye(u, t, r, m, l, a, c, _, T = [], x = [], p), i), w === 123)
               if (l === 0)
-                be(f, t, T, T, A, i, p, c, R);
+                be(u, t, S, S, T, i, p, c, x);
               else
-                switch (g === 99 && $(f, 3) === 110 ? 100 : g) {
+                switch (g === 99 && N(u, 3) === 110 ? 100 : g) {
                   // d l m s
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    be(e, T, T, n && me(Ye(e, T, T, 0, 0, a, c, S, a, A = [], p), R), a, R, p, c, n ? A : R);
+                    be(e, S, S, n && me(Ye(e, S, S, 0, 0, a, c, _, a, T = [], p), x), a, x, p, c, n ? T : x);
                     break;
                   default:
-                    be(f, T, T, T, [""], R, 0, c, R);
+                    be(u, S, S, S, [""], x, 0, c, x);
                 }
         }
-        m = l = k = 0, d = y = 1, S = f = "", p = s;
+        m = l = k = 0, f = y = 1, _ = u = "", p = s;
         break;
       // :
       case 58:
-        p = 1 + W(f), k = v;
+        p = 1 + W(u), k = v;
       default:
-        if (d < 1) {
+        if (f < 1) {
           if (w == 123)
-            --d;
-          else if (w == 125 && d++ == 0 && Ot() == 125)
+            --f;
+          else if (w == 125 && f++ == 0 && Ot() == 125)
             continue;
         }
-        switch (f += ke(w), w * d) {
+        switch (u += ke(w), w * f) {
           // &
           case 38:
-            y = l > 0 ? 1 : (f += "\f", -1);
+            y = l > 0 ? 1 : (u += "\f", -1);
             break;
           // ,
           case 44:
-            c[m++] = (W(f) - 1) * y, y = 1;
+            c[m++] = (W(u) - 1) * y, y = 1;
             break;
           // @
           case 64:
-            q() === 45 && (f += ve(B())), g = q(), l = p = W(S = f += Lt(ge())), w++;
+            q() === 45 && (u += ve(B())), g = q(), l = p = W(_ = u += Lt(ge())), w++;
             break;
           // -
           case 45:
-            v === 45 && W(f) == 2 && (d = 0);
+            v === 45 && W(u) == 2 && (f = 0);
         }
     }
   return i;
 }
-function Ye(e, t, r, n, a, i, s, c, u, m, l) {
-  for (var p = a - 1, g = a === 0 ? i : [""], k = Ve(g), v = 0, d = 0, h = 0; v < n; ++v)
-    for (var y = 0, w = ue(e, p + 1, p = St(d = s[v])), S = e; y < k; ++y)
-      (S = at(d > 0 ? g[y] + " " + w : _(w, /&\f/g, g[y]))) && (u[h++] = S);
-  return Ee(e, t, r, a === 0 ? Le : c, u, m, l);
+function Ye(e, t, r, n, a, i, s, c, d, m, l) {
+  for (var p = a - 1, g = a === 0 ? i : [""], k = Ve(g), v = 0, f = 0, h = 0; v < n; ++v)
+    for (var y = 0, w = ue(e, p + 1, p = St(f = s[v])), _ = e; y < k; ++y)
+      (_ = at(f > 0 ? g[y] + " " + w : E(w, /&\f/g, g[y]))) && (d[h++] = _);
+  return Ee(e, t, r, a === 0 ? Le : c, d, m, l);
 }
 function Vt(e, t, r) {
   return Ee(e, t, r, rt, ke(It()), ue(e, 2, -2), 0);
@@ -674,9 +674,9 @@ var Ut = 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, u = 0, m = 0; u < s.length; u++)
+      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[u] ? s[u].replace(/&\f/g, c[l]) : c[l] + " " + s[u];
+          t.props[m] = i[d] ? s[d].replace(/&\f/g, c[l]) : c[l] + " " + s[d];
     }
   }
 }, qt = function(t) {
@@ -691,7 +691,7 @@ function lt(e, t) {
   switch (Tt(e, t)) {
     // color-adjust
     case 5103:
-      return E + "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 lt(e, t) {
     case 5365:
     case 5621:
     case 3829:
-      return E + 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 E + e + we + e + F + e + e;
+      return P + e + we + e + V + e + e;
     // flex, flex-direction
     case 6828:
     case 4268:
-      return E + e + F + e + e;
+      return P + e + V + e + e;
     // order
     case 6165:
-      return E + e + F + "flex-" + e + e;
+      return P + e + V + "flex-" + e + e;
     // align-items
     case 5187:
-      return E + e + _(e, /(\w+).+(:[^]+)/, E + "box-$1$2" + F + "flex-$1$2") + e;
+      return P + e + E(e, /(\w+).+(:[^]+)/, P + "box-$1$2" + V + "flex-$1$2") + e;
     // align-self
     case 5443:
-      return E + e + F + "flex-item-" + _(e, /flex-|-self/, "") + e;
+      return P + e + V + "flex-item-" + E(e, /flex-|-self/, "") + e;
     // align-content
     case 4675:
-      return E + e + F + "flex-line-pack" + _(e, /align-content|flex-|-self/, "") + e;
+      return P + e + V + "flex-line-pack" + E(e, /align-content|flex-|-self/, "") + e;
     // flex-shrink
     case 5548:
-      return E + e + F + _(e, "shrink", "negative") + e;
+      return P + e + V + E(e, "shrink", "negative") + e;
     // flex-basis
     case 5292:
-      return E + e + F + _(e, "basis", "preferred-size") + e;
+      return P + e + V + E(e, "basis", "preferred-size") + e;
     // flex-grow
     case 6060:
-      return E + "box-" + _(e, "-grow", "") + E + e + F + _(e, "grow", "positive") + e;
+      return P + "box-" + E(e, "-grow", "") + P + e + V + E(e, "grow", "positive") + e;
     // transition
     case 4554:
-      return E + _(e, /([^-])(transform)/g, "$1" + E + "$2") + e;
+      return P + E(e, /([^-])(transform)/g, "$1" + P + "$2") + e;
     // cursor
     case 6187:
-      return _(_(_(e, /(zoom-|grab)/, E + "$1"), /(image-set)/, E + "$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 _(e, /(image-set\([^]*)/, E + "$1$`$1");
+      return E(e, /(image-set\([^]*)/, P + "$1$`$1");
     // justify-content
     case 4968:
-      return _(_(e, /(.+:)(flex-)?(.*)/, E + "box-pack:$3" + F + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + E + e + e;
+      return E(E(e, /(.+:)(flex-)?(.*)/, P + "box-pack:$3" + V + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + P + e + e;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return _(e, /(.+)-inline(.+)/, E + "$1$2") + e;
+      return E(e, /(.+)-inline(.+)/, P + "$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 (N(e, t + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if ($(e, t + 4) !== 45) break;
+          if (N(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return _(e, /(.+:)(.+)-([^]+)/, "$1" + E + "$2-$3$1" + we + ($(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return E(e, /(.+:)(.+)-([^]+)/, "$1" + P + "$2-$3$1" + we + (N(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
         // (s)tretch
         case 115:
-          return ~je(e, "stretch") ? lt(_(e, "stretch", "fill-available"), t) + e : e;
+          return ~je(e, "stretch") ? lt(E(e, "stretch", "fill-available"), t) + e : e;
       }
       break;
     // position: sticky
     case 4949:
-      if ($(e, t + 1) !== 115) break;
+      if (N(e, t + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch ($(e, W(e) - 3 - (~je(e, "!important") && 10))) {
+      switch (N(e, W(e) - 3 - (~je(e, "!important") && 10))) {
         // stic(k)y
         case 107:
-          return _(e, ":", ":" + E) + e;
+          return E(e, ":", ":" + P) + e;
         // (inline-)?fl(e)x
         case 101:
-          return _(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + E + ($(e, 14) === 45 ? "inline-" : "") + "box$3$1" + E + "$2$3$1" + F + "$2box$3") + e;
+          return E(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + P + (N(e, 14) === 45 ? "inline-" : "") + "box$3$1" + P + "$2$3$1" + V + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch ($(e, t + 11)) {
+      switch (N(e, t + 11)) {
         // vertical-l(r)
         case 114:
-          return E + e + F + _(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+          return P + e + V + E(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
         // vertical-r(l)
         case 108:
-          return E + e + F + _(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+          return P + e + V + E(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
         // horizontal(-)tb
         case 45:
-          return E + e + F + _(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+          return P + e + V + E(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
       }
-      return E + e + F + e + e;
+      return P + e + V + e + e;
   }
   return e;
 }
@@ -836,7 +836,7 @@ var Ht = function(t, r, n, a) {
       break;
     case nt:
       return te([le(t, {
-        value: _(t.value, "@", "@" + E)
+        value: E(t.value, "@", "@" + P)
       })], a);
     case Le:
       if (t.length) return Ct(t.props, function(i) {
@@ -845,16 +845,16 @@ var Ht = function(t, r, n, a) {
           case ":read-only":
           case ":read-write":
             return te([le(t, {
-              props: [_(i, /:(read-\w+)/, ":" + we + "$1")]
+              props: [E(i, /:(read-\w+)/, ":" + we + "$1")]
             })], a);
           // :placeholder
           case "::placeholder":
             return te([le(t, {
-              props: [_(i, /:(plac\w+)/, ":" + E + "input-$1")]
+              props: [E(i, /:(plac\w+)/, ":" + P + "input-$1")]
             }), le(t, {
-              props: [_(i, /:(plac\w+)/, ":" + we + "$1")]
+              props: [E(i, /:(plac\w+)/, ":" + we + "$1")]
             }), le(t, {
-              props: [_(i, /:(plac\w+)/, F + "input-$1")]
+              props: [E(i, /:(plac\w+)/, V + "input-$1")]
             })], a);
         }
         return "";
@@ -864,9 +864,9 @@ 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(d) {
-      var h = d.getAttribute("data-emotion");
-      h.indexOf(" ") !== -1 && (document.head.appendChild(d), d.setAttribute("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", ""));
     });
   }
   var a = t.stylisPlugins || Gt, i = {}, s, c = [];
@@ -874,21 +874,21 @@ var Ht = function(t, r, n, a) {
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + r + ' "]'),
-    function(d) {
-      for (var h = d.getAttribute("data-emotion").split(" "), y = 1; y < h.length; y++)
+    function(f) {
+      for (var h = f.getAttribute("data-emotion").split(" "), y = 1; y < h.length; y++)
         i[h[y]] = !0;
-      c.push(d);
+      c.push(f);
     }
   );
-  var u, m = [Yt, qt];
+  var d, m = [Yt, qt];
   {
-    var l, p = [Mt, zt(function(d) {
-      l.insert(d);
+    var l, p = [Mt, zt(function(f) {
+      l.insert(f);
     })], g = Bt(m.concat(a, p)), k = function(h) {
       return te(Ft(h), g);
     };
-    u = function(h, y, w, S) {
-      l = w, k(h ? h + "{" + y.styles + "}" : y.styles), S && (v.inserted[y.name] = !0);
+    d = function(h, y, w, _) {
+      l = w, k(h ? h + "{" + y.styles + "}" : y.styles), _ && (v.inserted[y.name] = !0);
     };
   }
   var v = {
@@ -904,7 +904,7 @@ var Ht = function(t, r, n, a) {
     nonce: t.nonce,
     inserted: i,
     registered: {},
-    insert: u
+    insert: d
   };
   return v.sheet.hydrate(c), v;
 }, Kt = !0;
@@ -1059,8 +1059,8 @@ function fe(e, t, r) {
     }
     case "function": {
       if (e !== void 0) {
-        var u = Y, m = r(e);
-        return Y = u, fe(e, t, m);
+        var d = Y, m = r(e);
+        return Y = d, fe(e, t, m);
       }
       break;
     }
@@ -1083,8 +1083,8 @@ function nr(e, t, r) {
         var c = s;
         t != null && t[c] !== void 0 ? n += i + "{" + t[c] + "}" : Ge(c) && (n += Te(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++)
-          Ge(s[u]) && (n += Te(i) + ":" + Xe(i, s[u]) + ";");
+        for (var d = 0; d < s.length; d++)
+          Ge(s[d]) && (n += Te(i) + ":" + Xe(i, s[d]) + ";");
       else {
         var m = fe(e, t, s);
         switch (i) {
@@ -1115,8 +1115,8 @@ function ar(e, t, r) {
   }
   for (var c = 1; c < e.length; c++)
     if (a += fe(r, t, e[c]), n) {
-      var u = i;
-      a += u[c];
+      var d = i;
+      a += d[c];
     }
   Ke.lastIndex = 0;
   for (var m = "", l; (l = Ke.exec(a)) !== null; )
@@ -1176,7 +1176,7 @@ 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), u = c || Je(a), m = !u("as");
+  var c = Ze(t, r, n), d = c || Je(a), m = !d("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)
@@ -1187,36 +1187,36 @@ var cr = function(t) {
       for (var k = l.length, v = 1; v < k; v++)
         p.push(l[v], g[v]);
     }
-    var d = cr(function(h, y, w) {
-      var S = m && h.as || a, A = "", R = [], T = h;
+    var f = cr(function(h, y, w) {
+      var _ = m && h.as || a, T = "", x = [], S = h;
       if (h.theme == null) {
-        T = {};
-        for (var f in h)
-          T[f] = h[f];
-        T.theme = H.useContext(lr);
+        S = {};
+        for (var u in h)
+          S[u] = h[u];
+        S.theme = H.useContext(lr);
       }
-      typeof h.className == "string" ? A = Jt(y.registered, R, h.className) : h.className != null && (A = h.className + " ");
-      var P = ar(p.concat(R), y.registered, T);
-      A += y.key + "-" + P.name, s !== void 0 && (A += " " + s);
-      var V = m && c === void 0 ? Je(S) : u, x = {};
-      for (var C in h)
-        m && C === "as" || V(C) && (x[C] = h[C]);
-      return x.className = A, w && (x.ref = w), /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement(hr, {
+      typeof h.className == "string" ? T = Jt(y.registered, x, h.className) : h.className != null && (T = h.className + " ");
+      var A = ar(p.concat(x), y.registered, S);
+      T += y.key + "-" + A.name, s !== void 0 && (T += " " + s);
+      var $ = m && c === void 0 ? Je(_) : d, R = {};
+      for (var I in h)
+        m && I === "as" || $(I) && (R[I] = h[I]);
+      return R.className = T, w && (R.ref = w), /* @__PURE__ */ H.createElement(H.Fragment, null, /* @__PURE__ */ H.createElement(hr, {
         cache: y,
-        serialized: P,
-        isStringTag: typeof S == "string"
-      }), /* @__PURE__ */ H.createElement(S, x));
+        serialized: A,
+        isStringTag: typeof _ == "string"
+      }), /* @__PURE__ */ H.createElement(_, R));
     });
-    return d.displayName = i !== void 0 ? i : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", d.defaultProps = t.defaultProps, d.__emotion_real = d, d.__emotion_base = a, d.__emotion_styles = p, d.__emotion_forwardProp = c, Object.defineProperty(d, "toString", {
+    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", {
       value: function() {
         return "." + s;
       }
-    }), d.withComponent = function(h, y) {
+    }), f.withComponent = function(h, y) {
       var w = e(h, Oe({}, r, y, {
-        shouldForwardProp: Ze(d, y, !0)
+        shouldForwardProp: Ze(f, y, !0)
       }));
       return w.apply(void 0, p);
-    }, d;
+    }, f;
   };
 }, yr = [
   "a",
@@ -1436,7 +1436,7 @@ const gr = ne.div`
 `, 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 || ""}`, Ae = /* @__PURE__ */ new Map(), Pr = (e, t) => {
   const [r, n] = U(!1), [a, i] = U(null);
   return xe(() => {
-    let s = null, c, u = 0;
+    let s = null, c, d = 0;
     const m = 3;
     let l;
     try {
@@ -1460,7 +1460,7 @@ const gr = ne.div`
       }, 1e4), s.onload = () => {
         clearTimeout(c), Ae.set(l, !0), n(!0), i(null);
       }, s.onerror = () => {
-        clearTimeout(c), u++, u < m ? setTimeout(g, 1e3 * u) : (n(!1), i(`Failed to load VP Player script after ${m} attempts: ${l}`));
+        clearTimeout(c), d++, d < m ? setTimeout(g, 1e3 * d) : (n(!1), i(`Failed to load VP Player script after ${m} attempts: ${l}`));
       }, document.body.appendChild(s);
     };
     return g(), () => {
@@ -1468,11 +1468,11 @@ const gr = ne.div`
     };
   }, [e, t]), { isLoaded: r, error: a };
 }, Er = {}, ye = /* @__PURE__ */ new Map(), _r = 3e4, Ce = 5, Sr = ({ projectId: e, videoId: t, playlistId: r, videoUrl: n, apiKey: a }) => {
-  const [i, s] = U(null), [c, u] = U(null), [m, l] = U(!1), [p, g] = U(null), k = a || (typeof Er < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
+  const [i, s] = U(null), [c, d] = U(null), [m, l] = U(!1), [p, g] = U(null), k = a || (typeof Er < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
   return xe(() => {
     const v = t ? `video:${t}` : r ? `playlist:${r}` : null;
     if (!e || n || !t && !r) {
-      s(n || null), u(null), l(!1), g(null);
+      s(n || null), d(null), l(!1), g(null);
       return;
     }
     if (!k) {
@@ -1480,20 +1480,20 @@ const gr = ne.div`
       return;
     }
     if (v && ye.has(v)) {
-      const A = ye.get(v);
-      s(A.url), u(A.playlist), l(!1), g(null);
+      const T = ye.get(v);
+      s(T.url), d(T.playlist), l(!1), g(null);
       return;
     }
-    let d = !0;
-    const h = new AbortController(), y = h.signal, S = setTimeout(async () => {
-      var R, T;
-      if (!d)
+    let f = !0;
+    const h = new AbortController(), y = h.signal, _ = setTimeout(async () => {
+      var x, S;
+      if (!f)
         return;
       l(!0), g(null);
-      let A = 0;
-      for (; A < Ce && d; )
+      let T = 0;
+      for (; T < Ce && f; )
         try {
-          const f = t && !r ? xr(e, t) : wr(e, r), P = setTimeout(() => h.abort(), _r), V = await fetch(f, {
+          const u = t && !r ? xr(e, t) : wr(e, r), A = setTimeout(() => h.abort(), _r), $ = await fetch(u, {
             method: "GET",
             headers: {
               "api-key": k,
@@ -1503,37 +1503,37 @@ const gr = ne.div`
             },
             signal: y
           });
-          if (clearTimeout(P), !V.ok)
-            throw new Error(`Fetch failed with status ${V.status}`);
-          const x = await V.json();
-          if (!d)
+          if (clearTimeout(A), !$.ok)
+            throw new Error(`Fetch failed with status ${$.status}`);
+          const R = await $.json();
+          if (!f)
             return;
           if (t && !r) {
-            const C = (T = (R = x.result) == null ? void 0 : R.items) == null ? void 0 : T.find((G) => G.mediaId === t);
-            if (!(C != null && C.playbackUrl))
+            const I = (S = (x = R.result) == null ? void 0 : x.items) == null ? void 0 : S.find((G) => G.mediaId === t);
+            if (!(I != null && I.playbackUrl))
               throw new Error("Invalid video data");
-            s(C.playbackUrl), u(null), v && ye.set(v, { url: C.playbackUrl, playlist: null });
+            s(I.playbackUrl), d(null), v && ye.set(v, { url: I.playbackUrl, playlist: null });
           } else {
-            if (!Array.isArray(x.result))
+            if (!Array.isArray(R.result))
               throw new Error("Invalid playlist format");
-            u(x.result), s(null), v && ye.set(v, { url: null, playlist: x.result });
+            d(R.result), s(null), v && ye.set(v, { url: null, playlist: R.result });
           }
           break;
-        } catch (f) {
+        } catch (u) {
           if (y.aborted) {
-            d && g("Request timed out");
+            f && g("Request timed out");
             break;
           }
-          if (A++, A >= Ce) {
-            const P = f instanceof Error ? f.message : String(f);
-            d && g(`Failed after ${Ce} attempts: ${P}`);
+          if (T++, T >= Ce) {
+            const A = u instanceof Error ? u.message : String(u);
+            f && g(`Failed after ${Ce} attempts: ${A}`);
           } else
-            await new Promise((P) => setTimeout(P, 2e3));
+            await new Promise((A) => setTimeout(A, 2e3));
         }
-      d && l(!1);
+      f && l(!1);
     }, 100);
     return () => {
-      d = !1, clearTimeout(S), h.abort();
+      f = !1, clearTimeout(_), h.abort();
     };
   }, [k, e, t, r, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: c, isLoading: m, error: p };
 }, Rr = {
@@ -1599,7 +1599,7 @@ const gr = ne.div`
   isVerticalPlayer: i
   // Distinguish between VP Player types
 }) => {
-  var l, p, g, k, v, d, h, y, w, S, A, R, T, f;
+  var l, p, g, k, v, f, h, y, w, _, T;
   const s = { ...Rr, ...a }, c = { ...s.config, ...a.config };
   if (e)
     return {
@@ -1622,59 +1622,67 @@ const gr = ne.div`
       config: c
     };
   if (r && r.length > 0) {
-    const P = ((p = (l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) == null ? void 0 : p.playlistVideoIndex) ?? ((g = a == null ? void 0 : a.config) == null ? void 0 : g.playlistVideoIndex) ?? 0;
-    return i ? {
-      ...s,
-      projectId: n || "vp-player-projectId",
-      video: {
-        ...s.video,
-        // Set first video file (index 0) to avoid VP Player duplication
-        file: (k = r[0]) == null ? void 0 : k.hlsUrl,
-        title: (v = r[0]) == null ? void 0 : v.title,
-        thumbnail: (d = r[0]) == null ? void 0 : d.thumbnailUrl,
-        playlist: {
-          state: !0,
-          playlistId: "",
-          // Will be set by API
-          // Use original playlistVideoIndex - VP Player will navigate to it
-          playlistVideoIndex: Number(P),
-          // Remove first video from playlist to avoid duplication (already in file)
-          videos: r.slice(1).map((x, C) => ({
-            videoId: String(C + 1),
-            // Keep original IDs
-            title: x.title,
-            file: x.hlsUrl,
-            thumbnailUrl: x.thumbnailUrl,
-            duration: x.duration
-          }))
-        }
-      },
-      config: c
-    } : {
-      ...s,
-      projectId: n || "vp-player-projectId",
-      video: {
-        ...s.video,
-        file: ((h = r[Number(P)]) == null ? void 0 : h.hlsUrl) || ((y = r[0]) == null ? void 0 : y.hlsUrl) || "",
-        title: ((w = r[Number(P)]) == null ? void 0 : w.title) || ((S = r[0]) == null ? void 0 : S.title),
-        thumbnail: ((A = r[Number(P)]) == null ? void 0 : A.thumbnailUrl) || ((R = r[0]) == null ? void 0 : R.thumbnailUrl),
-        playlist: {
-          state: !0,
-          // playlistVideoIndex: String(userPlaylistVideoIndex), this has been bug, fixed, now int
-          playlistVideoIndex: Number(P),
-          videos: r.map((x, C) => ({
-            videoId: String(C),
-            title: x.title,
-            file: x.hlsUrl,
-            thumbnailUrl: x.thumbnailUrl,
-            duration: x.duration
-          }))
-        }
-      },
-      config: c
-    };
+    const x = ((p = (l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) == null ? void 0 : p.playlistVideoIndex) ?? ((g = a == null ? void 0 : a.config) == null ? void 0 : g.playlistVideoIndex) ?? 0;
+    if (i) {
+      const S = Number(x), u = r[S] || r[0];
+      return {
+        ...s,
+        projectId: n || "vp-player-projectId",
+        video: {
+          ...s.video,
+          // Set target video file and metadata
+          file: u == null ? void 0 : u.hlsUrl,
+          title: u == null ? void 0 : u.title,
+          // Don't set thumbnail - let VP Player manage thumbnails during scrolling
+          // thumbnail: targetVideo?.thumbnailUrl,
+          playlist: {
+            state: !0,
+            playlistId: "",
+            // Will be set by API
+            // Use original playlistVideoIndex - VP Player will navigate to it
+            playlistVideoIndex: Number(x),
+            //   // Remove first video from playlist to avoid duplication (already in file)
+            //   videos: fetchedPlaylist.slice(1).map((video, index) => ({
+            //   videoId: String(index + 1), // Keep original IDs
+            // Keep all videos in playlist (don't remove first video)
+            videos: r.map(($, R) => ({
+              videoId: String(R),
+              // Use 0-based indexing
+              title: $.title,
+              file: $.hlsUrl,
+              thumbnailUrl: $.thumbnailUrl,
+              duration: $.duration
+            }))
+          }
+        },
+        config: c
+      };
+    } else
+      return {
+        ...s,
+        projectId: n || "vp-player-projectId",
+        video: {
+          ...s.video,
+          file: ((k = r[Number(x)]) == null ? void 0 : k.hlsUrl) || ((v = r[0]) == null ? void 0 : v.hlsUrl) || "",
+          title: ((f = r[Number(x)]) == null ? void 0 : f.title) || ((h = r[0]) == null ? void 0 : h.title),
+          thumbnail: ((y = r[Number(x)]) == null ? void 0 : y.thumbnailUrl) || ((w = r[0]) == null ? void 0 : w.thumbnailUrl),
+          playlist: {
+            state: !0,
+            // playlistVideoIndex: String(userPlaylistVideoIndex), this has been bug, fixed, now int
+            playlistVideoIndex: Number(x),
+            videos: r.map((u, A) => ({
+              videoId: String(A),
+              title: u.title,
+              file: u.hlsUrl,
+              thumbnailUrl: u.thumbnailUrl,
+              duration: u.duration
+            }))
+          }
+        },
+        config: c
+      };
   }
-  const u = ((T = a == null ? void 0 : a.video) == null ? void 0 : T.playlist) || s.video.playlist, m = (f = a == null ? void 0 : a.video) == null ? void 0 : f.file;
+  const d = ((_ = a == null ? void 0 : a.video) == null ? void 0 : _.playlist) || s.video.playlist, m = (T = a == null ? void 0 : a.video) == null ? void 0 : T.file;
   if (m)
     return {
       ...s,
@@ -1686,19 +1694,19 @@ const gr = ne.div`
       },
       config: c
     };
-  if (u != null && u.videos && u.videos.length > 0) {
-    const P = u.videos[Number(u.playlistVideoIndex) || 0];
+  if (d != null && d.videos && d.videos.length > 0) {
+    const x = d.videos[Number(d.playlistVideoIndex) || 0];
     return {
       ...s,
       video: {
         ...s.video,
-        file: (P == null ? void 0 : P.file) || "",
+        file: (x == null ? void 0 : x.file) || "",
         playlist: {
-          ...u,
-          state: u.state ?? !0,
+          ...d,
+          state: d.state ?? !0,
           // playlistVideoIndex: playlist.playlistVideoIndex ?? 0, this has been bug, fixed, now int
-          playlistVideoIndex: Number(u.playlistVideoIndex || 0),
-          videos: u.videos
+          playlistVideoIndex: Number(d.playlistVideoIndex || 0),
+          videos: d.videos
         }
       },
       config: {
@@ -1713,20 +1721,20 @@ 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: u, isReels: m = !1 }) => {
-  const l = Be(null), p = Be(null), { isLoaded: g, error: k } = Pr(r, s), v = t || Ar(s), [d, h] = U(null), { fetchedPlaybackUrl: y, fetchedPlaylist: w, isLoading: S, error: A } = Sr({
+}, Cr = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: s, config: c = {}, apiKey: d, isReels: m = !1 }) => {
+  const l = Be(null), p = Be(null), { isLoaded: g, error: k } = Pr(r, s), v = t || Ar(s), [f, h] = U(null), { fetchedPlaybackUrl: y, fetchedPlaylist: w, isLoading: _, error: T } = Sr({
     projectId: a,
     videoId: v,
     playlistId: i,
     videoUrl: n,
-    apiKey: u
-  }), R = Me(e, v), T = tt(() => {
-    const f = c.config || {}, P = m && !f.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : f.size || { sizeType: "FIXED", width: "100%" };
+    apiKey: d
+  }), x = Me(e, v), S = tt(() => {
+    const u = c.config || {}, A = m && !u.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : u.size || { sizeType: "FIXED", width: "100%" };
     return {
       ...c,
       config: {
-        ...f,
-        size: P
+        ...u,
+        size: A
       }
     };
   }, [c, m]);
@@ -1735,25 +1743,25 @@ const gr = ne.div`
       h(k);
       return;
     }
-    if (!g || S && !n)
+    if (!g || _ && !n)
       return;
-    let f = !0;
-    const V = setTimeout(async () => {
+    let u = !0;
+    const $ = setTimeout(async () => {
       try {
-        const x = s == null ? void 0 : s.includes("vertical-player");
+        const R = s == null ? void 0 : s.includes("vertical-player");
         if (document.querySelectorAll('[id*="player"]').forEach((Q) => {
           var ie, oe;
           const J = Q.id;
-          if (J !== R)
+          if (J !== x)
             try {
-              const o = x ? (ie = window.vpVerticalPlayer) == null ? void 0 : ie.call(window, J) : (oe = window.vpPlayer) == null ? void 0 : oe.call(window, J);
+              const o = R ? (ie = window.vpVerticalPlayer) == null ? void 0 : ie.call(window, J) : (oe = window.vpPlayer) == null ? void 0 : oe.call(window, J);
               o != null && o.destroy && o.destroy();
             } catch (o) {
               console.warn(`Failed to destroy existing player ${J}:`, o);
             }
-        }), await new Promise((Q) => setTimeout(Q, 100)), !f || !l.current)
+        }), await new Promise((Q) => setTimeout(Q, 100)), !u || !l.current)
           return;
-        if (!document.getElementById(R)) {
+        if (!document.getElementById(x)) {
           h("DOM element not found after cleanup.");
           return;
         }
@@ -1761,9 +1769,9 @@ const gr = ne.div`
           h("VP Player script not loaded.");
           return;
         }
-        const z = x ? window.vpVerticalPlayer : window.vpPlayer;
+        const z = R ? window.vpVerticalPlayer : window.vpPlayer;
         if (!z) {
-          h(`VP ${x ? "Vertical " : ""}Player script not loaded.`);
+          h(`VP ${R ? "Vertical " : ""}Player script not loaded.`);
           return;
         }
         const X = Tr({
@@ -1771,57 +1779,57 @@ const gr = ne.div`
           fetchedPlaybackUrl: y ?? void 0,
           fetchedPlaylist: w ?? void 0,
           projectId: a,
-          config: T,
-          isVerticalPlayer: x
+          config: S,
+          isVerticalPlayer: R
           // Pass player type to config builder
-        }), Z = z(R);
+        }), Z = z(x);
         if (!Z) {
-          h(`Failed to create VP ${x ? "Vertical " : ""}Player instance.`);
+          h(`Failed to create VP ${R ? "Vertical " : ""}Player instance.`);
           return;
         }
-        f && l.current && (Z.setup(X), p.current = Z, h(null));
-      } catch (x) {
-        if (f) {
-          const C = x instanceof Error ? x.message : String(x);
-          h(C), console.error("VP Player initialization error:", x);
+        u && l.current && (Z.setup(X), p.current = Z, h(null));
+      } catch (R) {
+        if (u) {
+          const I = R instanceof Error ? R.message : String(R);
+          h(I), console.error("VP Player initialization error:", R);
         }
       }
     }, 150);
     return () => {
-      f = !1, clearTimeout(V);
+      u = !1, clearTimeout($);
     };
   }, [
     g,
-    S,
+    _,
     n,
     y,
     w,
     a,
-    T,
-    R,
+    S,
+    x,
     k,
     s
   ]), xe(() => () => {
     if (p.current) {
       try {
         p.current.destroy && p.current.destroy();
-      } catch (P) {
-        console.warn(`Failed to destroy player ${R}:`, P);
+      } catch (A) {
+        console.warn(`Failed to destroy player ${x}:`, A);
       }
       p.current = null;
     }
-    const f = document.getElementById(R);
-    f && (f.innerHTML = "");
-  }, [R]), {
+    const u = document.getElementById(x);
+    u && (u.innerHTML = "");
+  }, [x]), {
     playerRef: l,
     playerInstanceRef: p,
     isScriptLoaded: g,
-    isLoading: S,
-    error: A || d || k
+    isLoading: _,
+    error: T || f || k
   };
-}, Ir = ({ 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: g }) => {
-  var V, x, C, G;
-  const { playerRef: k, playerInstanceRef: v, isScriptLoaded: d, isLoading: h, error: y } = Cr({
+}, Ir = ({ playerId: e, videoId: t, version: r, videoUrl: n, projectId: a, playlistId: i, scriptUrl: s, config: c = {}, apiKey: d, isReels: m = !1, hiddenClasses: l = [], onClose: p, className: g }) => {
+  var $, R, I, G;
+  const { playerRef: k, playerInstanceRef: v, isScriptLoaded: f, isLoading: h, error: y } = Cr({
     playerId: e,
     videoId: t,
     version: r,
@@ -1830,13 +1838,13 @@ const gr = ne.div`
     playlistId: i,
     scriptUrl: s,
     config: c,
-    apiKey: u,
+    apiKey: d,
     isReels: m
-  }), [w, S] = U(!0), A = () => m && S(!0), R = () => {
+  }), [w, _] = U(!0), T = () => m && _(!0), x = () => {
     var z, X;
-    S(!1), (X = (z = v.current) == null ? void 0 : z.play) == null || X.call(z), p == null || p();
-  }, T = (x = (V = c == null ? void 0 : c.config) == null ? void 0 : V.size) != null && x.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, f = (G = (C = c == null ? void 0 : c.config) == null ? void 0 : C.size) != null && G.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0, P = Me(e, t);
-  return y ? j.jsxs(Ne, { type: "error", children: ["An error occurred: ", y] }) : h || !d ? j.jsx(Ne, { type: "loading", children: "Loading..." }) : j.jsxs(j.Fragment, { children: [m && !w ? j.jsx("div", { onClick: A }) : null, !m && j.jsx("div", { children: j.jsx(Qe, { id: P, ref: k, width: T || "100%", height: f || "auto", $hiddenClasses: l, className: g }) }, P), m && w && j.jsx(vr, { onClick: R, className: g, children: j.jsx(br, { className: g, onClick: (z) => z.stopPropagation(), children: j.jsx("div", { children: j.jsx(Qe, { id: P, ref: k, width: "100%", height: "auto", $hiddenClasses: l, className: g }) }, P) }) })] });
+    _(!1), (X = (z = v.current) == null ? void 0 : z.play) == null || X.call(z), p == null || p();
+  }, S = (R = ($ = c == null ? void 0 : c.config) == null ? void 0 : $.size) != null && R.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, u = (G = (I = c == null ? void 0 : c.config) == null ? void 0 : I.size) != null && G.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0, A = Me(e, t);
+  return y ? j.jsxs(Ne, { type: "error", children: ["An error occurred: ", y] }) : h || !f ? j.jsx(Ne, { type: "loading", children: "Loading..." }) : j.jsxs(j.Fragment, { children: [m && !w ? j.jsx("div", { onClick: T }) : null, !m && j.jsx("div", { children: j.jsx(Qe, { id: A, ref: k, width: S || "100%", height: u || "auto", $hiddenClasses: l, className: g }) }, A), m && w && j.jsx(vr, { onClick: x, className: g, children: j.jsx(br, { className: g, onClick: (z) => z.stopPropagation(), children: j.jsx("div", { children: j.jsx(Qe, { id: A, ref: k, width: "100%", height: "auto", $hiddenClasses: l, className: g }) }, A) }) })] });
 }, pt = gt(void 0), jr = ({ children: e }) => {
   const [t, r] = U(!1), [n, a] = U(null), [i, s] = U(null), c = ze((l) => {
     try {
@@ -1845,15 +1853,15 @@ const gr = ne.div`
     } catch {
       s("Failed to show player.");
     }
-  }, []), u = ze(() => {
+  }, []), d = ze(() => {
     r(!1), a(null), s(null);
   }, []), m = tt(() => ({
     showPlayer: c,
-    hidePlayer: u,
+    hidePlayer: d,
     isPlayerVisible: t,
     playerParams: n
-  }), [c, u, t, n]);
-  return j.jsxs(pt.Provider, { value: m, children: [e, i && j.jsx(Ne, { type: "error", children: i }), t && (n == null ? void 0 : n.playerId) && j.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 })] });
+  }), [c, d, t, n]);
+  return j.jsxs(pt.Provider, { value: m, children: [e, i && j.jsx(Ne, { type: "error", children: i }), t && (n == null ? void 0 : n.playerId) && j.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: d, hiddenClasses: n.hiddenClasses || [], apiKey: n.apiKey, className: n.className })] });
 }, $r = () => {
   const e = et(pt);
   if (!e)