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

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

@@ -1,6 +1,6 @@
-import * as K from "react";
-import mt, { forwardRef as yt, useContext as et, useState as U, useEffect as xe, useRef as Me, useMemo as tt, createContext as gt, useCallback as ze } from "react";
-var he = { exports: {} }, ie = {};
+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";
+var he = { exports: {} }, se = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -12,7 +12,7 @@ var he = { exports: {} }, ie = {};
  */
 var De;
 function vt() {
-  if (De) return ie;
+  if (De) return se;
   De = 1;
   var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function r(n, a, i) {
@@ -30,9 +30,9 @@ function vt() {
       props: i
     };
   }
-  return ie.Fragment = t, ie.jsx = r, ie.jsxs = r, ie;
+  return se.Fragment = t, se.jsx = r, se.jsxs = r, se;
 }
-var oe = {};
+var ce = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -48,7 +48,7 @@ function bt() {
     function e(o) {
       if (o == null) return null;
       if (typeof o == "function")
-        return o.$$typeof === $ ? null : o.displayName || o.name || null;
+        return o.$$typeof === A ? null : o.displayName || o.name || null;
       if (typeof o == "string") return o;
       switch (o) {
         case p:
@@ -79,7 +79,7 @@ function bt() {
             return o = o.displayName, o || (o = g.displayName || g.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
           case f:
             return g = o.displayName || null, g !== null ? g : e(o.type) || "Memo";
-          case C:
+          case T:
             g = o._payload, o = o._init;
             try {
               return e(o(g));
@@ -100,17 +100,17 @@ function bt() {
       }
       if (g) {
         g = console;
-        var R = g.error, A = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        var R = g.error, j = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
         return R.call(
           g,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          A
+          j
         ), t(o);
       }
     }
     function n(o) {
       if (o === p) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === C)
+      if (typeof o == "object" && o !== null && o.$$typeof === T)
         return "<...>";
       try {
         var g = e(o);
@@ -127,7 +127,7 @@ function bt() {
       return Error("react-stack-top-frame");
     }
     function s(o) {
-      if (G.call(o, "key")) {
+      if (J.call(o, "key")) {
         var g = Object.getOwnPropertyDescriptor(o, "key").get;
         if (g && g.isReactWarning) return !1;
       }
@@ -135,7 +135,7 @@ function bt() {
     }
     function c(o, g) {
       function R() {
-        fe || (fe = !0, console.error(
+        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
         ));
@@ -147,17 +147,17 @@ function bt() {
     }
     function d() {
       var o = e(this.type);
-      return J[o] || (J[o] = !0, console.error(
+      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, A, B, W, _e, Se) {
-      return R = W.ref, o = {
+    function m(o, g, R, j, X, U, _e, Se) {
+      return R = U.ref, o = {
         $$typeof: w,
         type: o,
         key: g,
-        props: W,
-        _owner: B
+        props: U,
+        _owner: X
       }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
         get: d
@@ -183,36 +183,36 @@ function bt() {
         value: Se
       }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function l(o, g, R, A, B, W, _e, Se) {
+    function l(o, g, R, j, X, U, _e, Se) {
       var L = g.children;
       if (L !== void 0)
-        if (A)
+        if (j)
           if (z(L)) {
-            for (A = 0; A < L.length; A++)
-              u(L[A]);
+            for (j = 0; j < L.length; j++)
+              u(L[j]);
             Object.freeze && Object.freeze(L);
           } 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 (G.call(g, "key")) {
+      if (J.call(g, "key")) {
         L = e(o);
-        var Q = Object.keys(g).filter(function(ht) {
+        var ee = Object.keys(g).filter(function(ht) {
           return ht !== "key";
         });
-        A = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", Z[L + A] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
+        j = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", oe[L + j] || (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} />`,
-          A,
+          j,
           L,
-          Q,
+          ee,
           L
-        ), Z[L + A] = !0);
+        ), oe[L + j] = !0);
       }
       if (L = null, R !== void 0 && (r(R), L = "" + R), s(g) && (r(g.key), L = "" + g.key), "key" in g) {
         R = {};
@@ -225,8 +225,8 @@ React keys must be passed directly to JSX without using spread:
       ), m(
         o,
         L,
-        W,
-        B,
+        U,
+        X,
         a(),
         R,
         _e,
@@ -236,7 +236,7 @@ React keys must be passed directly to JSX without using spread:
     function u(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"), C = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), $ = Symbol.for("react.client.reference"), V = h.__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 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() {
       return null;
     };
     h = {
@@ -244,36 +244,36 @@ React keys must be passed directly to JSX without using spread:
         return o();
       }
     };
-    var fe, J = {}, ae = h["react-stack-bottom-frame"].bind(
+    var Z, Q = {}, K = h["react-stack-bottom-frame"].bind(
       h,
       i
-    )(), pe = X(n(i)), Z = {};
-    oe.Fragment = p, oe.jsx = function(o, g, R, A, B) {
-      var W = 1e4 > V.recentlyCreatedOwnerStacks++;
+    )(), ie = G(n(i)), oe = {};
+    ce.Fragment = p, ce.jsx = function(o, g, R, j, X) {
+      var U = 1e4 > V.recentlyCreatedOwnerStacks++;
       return l(
         o,
         g,
         R,
         !1,
-        A,
-        B,
-        W ? Error("react-stack-top-frame") : ae,
-        W ? X(n(o)) : pe
+        j,
+        X,
+        U ? Error("react-stack-top-frame") : K,
+        U ? G(n(o)) : ie
       );
-    }, oe.jsxs = function(o, g, R, A, B) {
-      var W = 1e4 > V.recentlyCreatedOwnerStacks++;
+    }, ce.jsxs = function(o, g, R, j, X) {
+      var U = 1e4 > V.recentlyCreatedOwnerStacks++;
       return l(
         o,
         g,
         R,
         !0,
-        A,
-        B,
-        W ? Error("react-stack-top-frame") : ae,
-        W ? X(n(o)) : pe
+        j,
+        X,
+        U ? Error("react-stack-top-frame") : K,
+        U ? G(n(o)) : ie
       );
     };
-  }()), oe;
+  }()), ce;
 }
 var We;
 function xt() {
@@ -331,12 +331,12 @@ var Pt = /* @__PURE__ */ function() {
   }, 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;
 function At(e, t) {
-  return j(e, 0) ^ 45 ? (((t << 2 ^ j(e, 0)) << 2 ^ j(e, 1)) << 2 ^ j(e, 2)) << 2 ^ j(e, 3) : 0;
+  return $(e, 0) ^ 45 ? (((t << 2 ^ $(e, 0)) << 2 ^ $(e, 1)) << 2 ^ $(e, 2)) << 2 ^ $(e, 3) : 0;
 }
 function at(e) {
   return e.trim();
 }
-function Ct(e, t) {
+function Tt(e, t) {
   return (e = t.exec(e)) ? e[0] : e;
 }
 function P(e, t, r) {
@@ -345,13 +345,13 @@ function P(e, t, r) {
 function $e(e, t) {
   return e.indexOf(t);
 }
-function j(e, t) {
+function $(e, t) {
   return e.charCodeAt(t) | 0;
 }
-function ce(e, t, r) {
+function ue(e, t, r) {
   return e.slice(t, r);
 }
-function Y(e) {
+function W(e) {
   return e.length;
 }
 function Ve(e) {
@@ -360,35 +360,35 @@ function Ve(e) {
 function me(e, t) {
   return t.push(e), e;
 }
-function Tt(e, t) {
+function Ct(e, t) {
   return e.map(t).join("");
 }
-var Pe = 1, te = 1, it = 0, M = 0, T = 0, ne = "";
+var Pe = 1, re = 1, it = 0, B = 0, C = 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: te, length: s, return: "" };
+  return { value: e, root: t, parent: r, type: n, props: a, children: i, line: Pe, column: re, length: s, return: "" };
 }
-function se(e, t) {
+function le(e, t) {
   return Rt(Ee("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function Ot() {
-  return T;
+  return C;
 }
 function It() {
-  return T = M > 0 ? j(ne, --M) : 0, te--, T === 10 && (te = 1, Pe--), T;
+  return C = B > 0 ? $(ae, --B) : 0, re--, C === 10 && (re = 1, Pe--), C;
 }
-function D() {
-  return T = M < it ? j(ne, M++) : 0, te++, T === 10 && (te = 1, Pe++), T;
+function M() {
+  return C = B < it ? $(ae, B++) : 0, re++, C === 10 && (re = 1, Pe++), C;
 }
-function H() {
-  return j(ne, M);
+function q() {
+  return $(ae, B);
 }
 function ge() {
-  return M;
+  return B;
 }
-function de(e, t) {
-  return ce(ne, e, t);
+function pe(e, t) {
+  return ue(ae, e, t);
 }
-function le(e) {
+function de(e) {
   switch (e) {
     // \0 \t \n \r \s whitespace token
     case 0:
@@ -427,34 +427,34 @@ function le(e) {
   return 0;
 }
 function ot(e) {
-  return Pe = te = 1, it = Y(ne = e), M = 0, [];
+  return Pe = re = 1, it = W(ae = e), B = 0, [];
 }
 function st(e) {
-  return ne = "", e;
+  return ae = "", e;
 }
 function ve(e) {
-  return at(de(M - 1, je(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+  return at(pe(B - 1, je(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function $t(e) {
-  for (; (T = H()) && T < 33; )
-    D();
-  return le(e) > 2 || le(T) > 3 ? "" : " ";
+  for (; (C = q()) && C < 33; )
+    M();
+  return de(e) > 2 || de(C) > 3 ? "" : " ";
 }
 function jt(e, t) {
-  for (; --t && D() && !(T < 48 || T > 102 || T > 57 && T < 65 || T > 70 && T < 97); )
+  for (; --t && M() && !(C < 48 || C > 102 || C > 57 && C < 65 || C > 70 && C < 97); )
     ;
-  return de(e, ge() + (t < 6 && H() == 32 && D() == 32));
+  return pe(e, ge() + (t < 6 && q() == 32 && M() == 32));
 }
 function je(e) {
-  for (; D(); )
-    switch (T) {
+  for (; M(); )
+    switch (C) {
       // ] ) " '
       case e:
-        return M;
+        return B;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && je(T);
+        e !== 34 && e !== 39 && je(C);
         break;
       // (
       case 40:
@@ -462,31 +462,31 @@ function je(e) {
         break;
       // \
       case 92:
-        D();
+        M();
         break;
     }
-  return M;
+  return B;
 }
 function Lt(e, t) {
-  for (; D() && e + T !== 57; )
-    if (e + T === 84 && H() === 47)
+  for (; M() && e + C !== 57; )
+    if (e + C === 84 && q() === 47)
       break;
-  return "/*" + de(t, M - 1) + "*" + ke(e === 47 ? e : D());
+  return "/*" + pe(t, B - 1) + "*" + ke(e === 47 ? e : M());
 }
 function Nt(e) {
-  for (; !le(H()); )
-    D();
-  return de(e, M);
+  for (; !de(q()); )
+    M();
+  return pe(e, B);
 }
 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 = D()) {
+    switch (x = b, b = M()) {
       // (
       case 40:
-        if (x != 108 && j(f, u - 1) == 58) {
+        if (x != 108 && $(f, u - 1) == 58) {
           $e(f += P(ve(b), "&", "&\f"), "&\f") != -1 && (v = -1);
           break;
         }
@@ -509,10 +509,10 @@ function be(e, t, r, n, a, i, s, c, d) {
         continue;
       // /
       case 47:
-        switch (H()) {
+        switch (q()) {
           case 42:
           case 47:
-            me(Vt(Lt(D(), ge()), t, r), d);
+            me(Vt(Lt(M(), ge()), t, r), d);
             break;
           default:
             f += "/";
@@ -520,7 +520,7 @@ function be(e, t, r, n, a, i, s, c, d) {
         break;
       // {
       case 123 * p:
-        c[m++] = Y(f) * v;
+        c[m++] = W(f) * v;
       // } ; \0
       case 125 * p:
       case 59:
@@ -532,7 +532,7 @@ function be(e, t, r, n, a, i, s, c, d) {
             y = 0;
           // ;
           case 59 + l:
-            v == -1 && (f = P(f, /\f/g, "")), w > 0 && Y(f) - u && me(w > 32 ? qe(f + ";", n, r, u - 1) : qe(P(f, " ", "") + ";", n, r, u - 2), d);
+            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);
             break;
           // @ ;
           case 59:
@@ -543,7 +543,7 @@ function be(e, t, r, n, a, i, s, c, d) {
               if (l === 0)
                 be(f, t, S, S, O, i, u, c, E);
               else
-                switch (h === 99 && j(f, 3) === 110 ? 100 : h) {
+                switch (h === 99 && $(f, 3) === 110 ? 100 : h) {
                   // d l m s
                   case 100:
                   case 108:
@@ -559,7 +559,7 @@ function be(e, t, r, n, a, i, s, c, d) {
         break;
       // :
       case 58:
-        u = 1 + Y(f), w = x;
+        u = 1 + W(f), w = x;
       default:
         if (p < 1) {
           if (b == 123)
@@ -574,32 +574,32 @@ function be(e, t, r, n, a, i, s, c, d) {
             break;
           // ,
           case 44:
-            c[m++] = (Y(f) - 1) * v, v = 1;
+            c[m++] = (W(f) - 1) * v, v = 1;
             break;
           // @
           case 64:
-            H() === 45 && (f += ve(D())), h = H(), l = u = Y(_ = f += Nt(ge())), b++;
+            q() === 45 && (f += ve(M())), h = q(), l = u = W(_ = f += Nt(ge())), b++;
             break;
           // -
           case 45:
-            x === 45 && Y(f) == 2 && (p = 0);
+            x === 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 = ce(e, u + 1, u = St(p = s[x])), _ = e; v < w; ++v)
+    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 Vt(e, t, r) {
-  return Ee(e, t, r, rt, ke(Ot()), ce(e, 2, -2), 0);
+  return Ee(e, t, r, rt, ke(Ot()), ue(e, 2, -2), 0);
 }
 function qe(e, t, r, n) {
-  return Ee(e, t, r, Fe, ce(e, 0, n), ce(e, n + 1, -1), n);
+  return Ee(e, t, r, Fe, ue(e, 0, n), ue(e, n + 1, -1), n);
 }
-function ee(e, t) {
+function te(e, t) {
   for (var r = "", n = Ve(e), a = 0; a < n; a++)
     r += t(e[a], a, e, t) || "";
   return r;
@@ -614,11 +614,11 @@ function Bt(e, t, r, n) {
     case rt:
       return "";
     case nt:
-      return e.return = e.value + "{" + ee(e.children, n) + "}";
+      return e.return = e.value + "{" + te(e.children, n) + "}";
     case Ne:
       e.value = e.props.join(",");
   }
-  return Y(r = ee(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
+  return W(r = te(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
 }
 function Mt(e) {
   var t = Ve(e);
@@ -640,29 +640,29 @@ function ct(e) {
   };
 }
 var Dt = function(t, r, n) {
-  for (var a = 0, i = 0; a = i, i = H(), a === 38 && i === 12 && (r[n] = 1), !le(i); )
-    D();
-  return de(t, M);
+  for (var a = 0, i = 0; a = i, i = q(), a === 38 && i === 12 && (r[n] = 1), !de(i); )
+    M();
+  return pe(t, B);
 }, Ut = function(t, r) {
   var n = -1, a = 44;
   do
-    switch (le(a)) {
+    switch (de(a)) {
       case 0:
-        a === 38 && H() === 12 && (r[n] = 1), t[n] += Dt(M - 1, r, n);
+        a === 38 && q() === 12 && (r[n] = 1), t[n] += Dt(B - 1, r, n);
         break;
       case 2:
         t[n] += ve(a);
         break;
       case 4:
         if (a === 44) {
-          t[++n] = H() === 58 ? "&\f" : "", r[n] = t[n].length;
+          t[++n] = q() === 58 ? "&\f" : "", r[n] = t[n].length;
           break;
         }
       // fallthrough
       default:
         t[n] += ke(a);
     }
-  while (a = D());
+  while (a = M());
   return t;
 }, Wt = function(t, r) {
   return st(Ut(ot(t), r));
@@ -786,13 +786,13 @@ function lt(e, t) {
     case 5789:
     case 5021:
     case 4765:
-      if (Y(e) - 1 - t > 6) switch (j(e, t + 1)) {
+      if (W(e) - 1 - t > 6) switch ($(e, t + 1)) {
         // (m)ax-content, (m)in-content
         case 109:
-          if (j(e, t + 4) !== 45) break;
+          if ($(e, t + 4) !== 45) break;
         // (f)ill-available, (f)it-content
         case 102:
-          return P(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + we + (j(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          return P(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + we + ($(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;
@@ -800,21 +800,21 @@ function lt(e, t) {
       break;
     // position: sticky
     case 4949:
-      if (j(e, t + 1) !== 115) break;
+      if ($(e, t + 1) !== 115) break;
     // display: (flex|inline-flex)
     case 6444:
-      switch (j(e, Y(e) - 3 - (~$e(e, "!important") && 10))) {
+      switch ($(e, W(e) - 3 - (~$e(e, "!important") && 10))) {
         // stic(k)y
         case 107:
           return P(e, ":", ":" + k) + e;
         // (inline-)?fl(e)x
         case 101:
-          return P(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + k + (j(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + N + "$2box$3") + e;
+          return P(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + k + ($(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + N + "$2box$3") + e;
       }
       break;
     // writing-mode
     case 5936:
-      switch (j(e, t + 11)) {
+      switch ($(e, t + 11)) {
         // vertical-l(r)
         case 114:
           return k + e + N + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
@@ -835,25 +835,25 @@ var Ht = function(t, r, n, a) {
       t.return = lt(t.value, t.length);
       break;
     case nt:
-      return ee([se(t, {
+      return te([le(t, {
         value: P(t.value, "@", "@" + k)
       })], a);
     case Ne:
-      if (t.length) return Tt(t.props, function(i) {
-        switch (Ct(i, /(::plac\w+|:read-\w+)/)) {
+      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 ee([se(t, {
+            return te([le(t, {
               props: [P(i, /:(read-\w+)/, ":" + we + "$1")]
             })], a);
           // :placeholder
           case "::placeholder":
-            return ee([se(t, {
+            return te([le(t, {
               props: [P(i, /:(plac\w+)/, ":" + k + "input-$1")]
-            }), se(t, {
+            }), le(t, {
               props: [P(i, /:(plac\w+)/, ":" + we + "$1")]
-            }), se(t, {
+            }), le(t, {
               props: [P(i, /:(plac\w+)/, N + "input-$1")]
             })], a);
         }
@@ -885,7 +885,7 @@ var Ht = function(t, r, n, a) {
     var l, u = [Bt, zt(function(p) {
       l.insert(p);
     })], h = Mt(m.concat(a, u)), w = function(y) {
-      return ee(Ft(y), h);
+      return te(Ft(y), h);
     };
     d = function(y, v, b, _) {
       l = b, w(y ? y + "{" + v.styles + "}" : v.styles), _ && (x.inserted[v.name] = !0);
@@ -1016,16 +1016,16 @@ var er = {
     case "animationName":
       if (typeof r == "string")
         return r.replace(rr, function(n, a, i) {
-          return q = {
+          return Y = {
             name: a,
             styles: i,
-            next: q
+            next: Y
           }, a;
         });
   }
   return er[t] !== 1 && !dt(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
-function ue(e, t, r) {
+function fe(e, t, r) {
   if (r == null)
     return "";
   var n = r;
@@ -1037,20 +1037,20 @@ function ue(e, t, r) {
     case "object": {
       var a = r;
       if (a.anim === 1)
-        return q = {
+        return Y = {
           name: a.name,
           styles: a.styles,
-          next: q
+          next: Y
         }, a.name;
       var i = r;
       if (i.styles !== void 0) {
         var s = i.next;
         if (s !== void 0)
           for (; s !== void 0; )
-            q = {
+            Y = {
               name: s.name,
               styles: s.styles,
-              next: q
+              next: Y
             }, s = s.next;
         var c = i.styles + ";";
         return c;
@@ -1059,8 +1059,8 @@ function ue(e, t, r) {
     }
     case "function": {
       if (e !== void 0) {
-        var d = q, m = r(e);
-        return q = d, ue(e, t, m);
+        var d = Y, m = r(e);
+        return Y = d, fe(e, t, m);
       }
       break;
     }
@@ -1075,7 +1075,7 @@ function nr(e, t, r) {
   var n = "";
   if (Array.isArray(r))
     for (var a = 0; a < r.length; a++)
-      n += ue(e, t, r[a]) + ";";
+      n += fe(e, t, r[a]) + ";";
   else
     for (var i in r) {
       var s = r[i];
@@ -1086,7 +1086,7 @@ function nr(e, t, r) {
         for (var d = 0; d < s.length; d++)
           Ge(s[d]) && (n += Ae(i) + ":" + Xe(i, s[d]) + ";");
       else {
-        var m = ue(e, t, s);
+        var m = fe(e, t, s);
         switch (i) {
           case "animation":
           case "animationName": {
@@ -1100,21 +1100,21 @@ function nr(e, t, r) {
     }
   return n;
 }
-var Ke = /label:\s*([^\s;{]+)\s*(;|$)/g, q;
+var Ke = /label:\s*([^\s;{]+)\s*(;|$)/g, Y;
 function ar(e, t, r) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var n = !0, a = "";
-  q = void 0;
+  Y = void 0;
   var i = e[0];
   if (i == null || i.raw === void 0)
-    n = !1, a += ue(r, t, i);
+    n = !1, a += fe(r, t, i);
   else {
     var s = i;
     a += s[0];
   }
   for (var c = 1; c < e.length; c++)
-    if (a += ue(r, t, e[c]), n) {
+    if (a += fe(r, t, e[c]), n) {
       var d = i;
       a += d[c];
     }
@@ -1125,12 +1125,12 @@ function ar(e, t, r) {
   return {
     name: u,
     styles: a,
-    next: q
+    next: Y
   };
 }
 var ir = function(t) {
   return t();
-}, or = K.useInsertionEffect ? K.useInsertionEffect : !1, sr = or || ir, ft = /* @__PURE__ */ K.createContext(
+}, or = H.useInsertionEffect ? H.useInsertionEffect : !1, sr = or || ir, ft = /* @__PURE__ */ H.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
@@ -1147,7 +1147,7 @@ var cr = function(t) {
     var a = et(ft);
     return t(r, a, n);
   });
-}, lr = /* @__PURE__ */ K.createContext({}), ur = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, dr = /* @__PURE__ */ ct(
+}, lr = /* @__PURE__ */ H.createContext({}), ur = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, dr = /* @__PURE__ */ ct(
   function(e) {
     return ur.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
@@ -1193,19 +1193,19 @@ var cr = function(t) {
         S = {};
         for (var f in y)
           S[f] = y[f];
-        S.theme = K.useContext(lr);
+        S.theme = H.useContext(lr);
       }
       typeof y.className == "string" ? O = Jt(v.registered, E, y.className) : y.className != null && (O = y.className + " ");
-      var C = ar(u.concat(E), v.registered, S);
-      O += v.key + "-" + C.name, s !== void 0 && (O += " " + s);
-      var F = m && c === void 0 ? Je(_) : d, $ = {};
+      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) && ($[V] = y[V]);
-      return $.className = O, b && ($.ref = b), /* @__PURE__ */ K.createElement(K.Fragment, null, /* @__PURE__ */ K.createElement(hr, {
+        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: C,
+        serialized: T,
         isStringTag: typeof _ == "string"
-      }), /* @__PURE__ */ K.createElement(_, $));
+      }), /* @__PURE__ */ H.createElement(_, A));
     });
     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", {
       value: function() {
@@ -1354,11 +1354,11 @@ var cr = function(t) {
   "svg",
   "text",
   "tspan"
-], re = mr.bind(null);
+], ne = mr.bind(null);
 yr.forEach(function(e) {
-  re[e] = re(e);
+  ne[e] = ne(e);
 });
-const gr = re.div`
+const gr = ne.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1399,7 +1399,7 @@ const gr = re.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 = re.div`
+`, 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`
   width: ${({ width: e }) => e || "100%"};
   height: ${({ height: e }) => e || "100%"};
   border-radius: 8px;
@@ -1409,7 +1409,7 @@ const gr = re.div`
 
   /* Hide specific elements inside the player */
   ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((t) => `.${t} { display: none !important; }`).join("")}
-`, vr = re.div`
+`, vr = ne.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -1421,7 +1421,7 @@ const gr = re.div`
   align-items: center;
   z-index: 1000;
   pointer-events: auto;
-`, br = re.div`
+`, br = ne.div`
  position: relative;
  width: 100%; /* Default for mobile */
  max-width: 100%;
@@ -1433,8 +1433,8 @@ const gr = re.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 || ""}`, Ce = /* @__PURE__ */ new Map(), Pr = (e, t) => {
-  const [r, n] = U(!1), [a, i] = U(null);
+`, 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) => {
+  const [r, n] = D(!1), [a, i] = D(null);
   return xe(() => {
     let s = null, c, d = 0;
     const m = 3;
@@ -1446,19 +1446,19 @@ const gr = re.div`
       i(`Failed to resolve script URL: ${x}`), n(!1);
       return;
     }
-    if (Ce.get(l)) {
+    if (Te.get(l)) {
       n(!0), i(null);
       return;
     }
     if (document.querySelector(`script[src="${l}"]`)) {
-      Ce.set(l, !0), n(!0), i(null);
+      Te.set(l, !0), n(!0), i(null);
       return;
     }
     const h = () => {
       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), Ce.set(l, !0), n(!0), i(null);
+        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}`));
       }, document.body.appendChild(s);
@@ -1467,8 +1467,8 @@ const gr = re.div`
       clearTimeout(c), s && document.body.contains(s) && document.body.removeChild(s);
     };
   }, [e, t]), { isLoaded: r, error: a };
-}, Er = {}, ye = /* @__PURE__ */ new Map(), _r = 15e3, Te = 5, Sr = ({ projectId: e, videoId: t, playlistId: r, videoUrl: n, apiKey: a }) => {
-  const [i, s] = U(null), [c, d] = U(null), [m, l] = U(!1), [u, h] = U(null), w = a || (typeof Er < "u" ? "1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E" : void 0);
+}, 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);
   return xe(() => {
     const x = t ? `video:${t}` : r ? `playlist:${r}` : null;
     if (!e || n || !t && !r) {
@@ -1489,7 +1489,7 @@ const gr = re.div`
       var _, O;
       l(!0), h(null);
       let b = 0;
-      for (; b < Te; )
+      for (; b < Ce; )
         try {
           const E = t && !r ? xr(e, t) : wr(e, r), S = setTimeout(() => p.abort(), _r), f = await fetch(E, {
             method: "GET",
@@ -1498,16 +1498,16 @@ const gr = re.div`
           });
           if (clearTimeout(S), !f.ok)
             throw new Error(`Fetch failed with status ${f.status}`);
-          const C = await f.json();
+          const T = await f.json();
           if (t && !r) {
-            const F = (O = (_ = C.result) == null ? void 0 : _.items) == null ? void 0 : O.find(($) => $.mediaId === t);
+            const F = (O = (_ = T.result) == null ? void 0 : _.items) == null ? void 0 : O.find((A) => A.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 });
           } else {
-            if (!Array.isArray(C.result))
+            if (!Array.isArray(T.result))
               throw new Error("Invalid playlist format");
-            d(C.result), s(null), x && ye.set(x, { url: null, playlist: C.result });
+            d(T.result), s(null), x && ye.set(x, { url: null, playlist: T.result });
           }
           break;
         } catch (E) {
@@ -1515,9 +1515,9 @@ const gr = re.div`
             h("Request timed out");
             break;
           }
-          if (b++, b >= Te) {
+          if (b++, b >= Ce) {
             const S = E instanceof Error ? E.message : String(E);
-            h(`Failed after ${Te} attempts: ${S}`);
+            h(`Failed after ${Ce} attempts: ${S}`);
           }
         }
       l(!1);
@@ -1654,25 +1654,25 @@ const gr = re.div`
     };
   }
   throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.");
-}, Cr = (e) => {
+}, Tr = (e) => {
   if (!e)
     return;
   const t = /https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/, r = e.match(t);
   return r ? r[2] : void 0;
-}, Tr = ({ 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 || Cr(s), [p, y] = U(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: 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({
     projectId: a,
     videoId: x,
     playlistId: i,
     videoUrl: n,
     apiKey: d
   }), E = Be(e, x), S = tt(() => {
-    const f = c.config || {}, C = m && !f.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : f.size || { sizeType: "FIXED", width: "100%" };
+    const f = c.config || {}, T = m && !f.size ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : f.size || { sizeType: "FIXED", width: "100%" };
     return {
       ...c,
       config: {
         ...f,
-        size: C
+        size: T
       }
     };
   }, [c, m]);
@@ -1686,47 +1686,48 @@ const gr = re.div`
     let f = !0;
     const F = setTimeout(async () => {
       try {
-        if (document.querySelectorAll('[id*="player"]').forEach((pe) => {
-          var o, g, R;
-          const Z = pe.id;
-          try {
-            const A = window, B = ((o = A.vpPlayer) == null ? void 0 : o.call(A, Z)) || ((g = A.vpVerticalPlayer) == null ? void 0 : g.call(A, Z));
-            (R = B == null ? void 0 : B.destroy) == null || R.call(B);
-          } catch (A) {
-            console.warn(`Failed to destroy existing player ${Z}:`, A);
-          }
-        }), await new Promise((ae) => setTimeout(ae, 100)), !f || !l.current)
+        const A = 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)
+            try {
+              const o = A ? (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.");
           return;
         }
-        const G = s == null ? void 0 : s.includes("vertical-player"), z = window;
-        if (!z.vpPlayer && !z.vpVerticalPlayer) {
+        if (!window.vpPlayer && !window.vpVerticalPlayer) {
           y("VP Player script not loaded.");
           return;
         }
-        const X = G ? z.vpVerticalPlayer : z.vpPlayer;
-        if (!X) {
-          y(`VP ${G ? "Vertical " : ""}Player script not loaded.`);
+        const z = A ? window.vpVerticalPlayer : window.vpPlayer;
+        if (!z) {
+          y(`VP ${A ? "Vertical " : ""}Player script not loaded.`);
           return;
         }
-        const fe = Ar({
+        const G = Ar({
           videoUrl: n,
           fetchedPlaybackUrl: v,
           fetchedPlaylist: b,
           projectId: a,
           config: S
-        }), J = X(E);
-        if (!J) {
-          y(`Failed to create VP ${G ? "Vertical " : ""}Player instance.`);
+        }), Z = z(E);
+        if (!Z) {
+          y(`Failed to create VP ${A ? "Vertical " : ""}Player instance.`);
           return;
         }
-        f && l.current && (J.setup(fe), u.current = J, y(null));
-      } catch ($) {
+        f && l.current && (Z.setup(G), u.current = Z, y(null));
+      } catch (A) {
         if (f) {
-          const V = $ instanceof Error ? $.message : String($);
-          y(V), console.error("VP Player initialization error:", $);
+          const V = A instanceof Error ? A.message : String(A);
+          y(V), console.error("VP Player initialization error:", A);
         }
       }
     }, 150);
@@ -1748,8 +1749,8 @@ const gr = re.div`
     if (u.current) {
       try {
         u.current.destroy && u.current.destroy();
-      } catch (C) {
-        console.warn(`Failed to destroy player ${E}:`, C);
+      } catch (T) {
+        console.warn(`Failed to destroy player ${E}:`, T);
       }
       u.current = null;
     }
@@ -1763,8 +1764,8 @@ const gr = re.div`
     error: O || 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, $, V, G;
-  const { playerRef: w, playerInstanceRef: x, isScriptLoaded: p, isLoading: y, error: v } = Tr({
+  var F, A, V, J;
+  const { playerRef: w, playerInstanceRef: x, isScriptLoaded: p, isLoading: y, error: v } = Cr({
     playerId: e,
     videoId: t,
     version: r,
@@ -1775,13 +1776,13 @@ const gr = re.div`
     config: c,
     apiKey: d,
     isReels: m
-  }), [b, _] = U(!0), O = () => m && _(!0), E = () => {
-    var z, X;
-    _(!1), (X = (z = x.current) == null ? void 0 : z.play) == null || X.call(z), u == null || u();
-  }, S = ($ = (F = c == null ? void 0 : c.config) == null ? void 0 : F.size) != null && $.width ? typeof c.config.size.width == "number" ? `${c.config.size.width}px` : c.config.size.width : void 0, f = (G = (V = c == null ? void 0 : c.config) == null ? void 0 : V.size) != null && G.height ? typeof c.config.size.height == "number" ? `${c.config.size.height}px` : c.config.size.height : void 0, C = 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: C, ref: w, width: S || "100%", height: f || "auto", $hiddenClasses: l, className: h }) }, C), 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: C, ref: w, width: "100%", height: "auto", $hiddenClasses: l, className: h }) }, C) }) })] });
+  }), [b, _] = D(!0), O = () => m && _(!0), E = () => {
+    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 }) => {
-  const [t, r] = U(!1), [n, a] = U(null), [i, s] = U(null), c = ze((l) => {
+  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);
@@ -1893,10 +1894,10 @@ export {
   Fr as baseConfigWithAutoplay,
   Ar as buildVPPlayerConfig,
   Lr as defaultVPPlayerConfig,
-  Cr as extractVideoId,
+  Tr as extractVideoId,
   Vr as getAdConfig,
   jr as useVPPlayer,
-  Tr as useVPPlayerLogic,
+  Cr as useVPPlayerLogic,
   Pr as useVPPlayerScript,
   Sr as useVideoData
 };