@devix-technologies/react-gjirafa-vp-player 1.0.0 → 1.0.1

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

@@ -0,0 +1,1840 @@
+import * as G from "react";
+import mr, { forwardRef as yr, useContext as er, useState as D, useEffect as se, useRef as Ve, useMemo as rr, createContext as gr, useCallback as ze } from "react";
+var de = { exports: {} }, ae = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Be;
+function br() {
+  if (Be) return ae;
+  Be = 1;
+  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function t(n, a, i) {
+    var c = null;
+    if (i !== void 0 && (c = "" + i), a.key !== void 0 && (c = "" + a.key), "key" in a) {
+      i = {};
+      for (var s in a)
+        s !== "key" && (i[s] = a[s]);
+    } else i = a;
+    return a = i.ref, {
+      $$typeof: e,
+      type: n,
+      key: c,
+      ref: a !== void 0 ? a : null,
+      props: i
+    };
+  }
+  return ae.Fragment = r, ae.jsx = t, ae.jsxs = t, ae;
+}
+var ie = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var De;
+function vr() {
+  return De || (De = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === I ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
+        case p:
+          return "Fragment";
+        case b:
+          return "Profiler";
+        case y:
+          return "StrictMode";
+        case E:
+          return "Suspense";
+        case T:
+          return "SuspenseList";
+        case L:
+          return "Activity";
+      }
+      if (typeof o == "object")
+        switch (typeof o.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), o.$$typeof) {
+          case x:
+            return "Portal";
+          case S:
+            return (o.displayName || "Context") + ".Provider";
+          case v:
+            return (o._context.displayName || "Context") + ".Consumer";
+          case C:
+            var g = o.render;
+            return o = o.displayName, o || (o = g.displayName || g.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case d:
+            return g = o.displayName || null, g !== null ? g : e(o.type) || "Memo";
+          case A:
+            g = o._payload, o = o._init;
+            try {
+              return e(o(g));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(o) {
+      return "" + o;
+    }
+    function t(o) {
+      try {
+        r(o);
+        var g = !1;
+      } catch {
+        g = !0;
+      }
+      if (g) {
+        g = console;
+        var R = g.error, j = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return R.call(
+          g,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          j
+        ), r(o);
+      }
+    }
+    function n(o) {
+      if (o === p) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === A)
+        return "<...>";
+      try {
+        var g = e(o);
+        return g ? "<" + g + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var o = M.A;
+      return o === null ? null : o.getOwner();
+    }
+    function i() {
+      return Error("react-stack-top-frame");
+    }
+    function c(o) {
+      if (H.call(o, "key")) {
+        var g = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (g && g.isReactWarning) return !1;
+      }
+      return o.key !== void 0;
+    }
+    function s(o, g) {
+      function R() {
+        ne || (ne = !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
+        ));
+      }
+      R.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: R,
+        configurable: !0
+      });
+    }
+    function f() {
+      var o = e(this.type);
+      return K[o] || (K[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 h(o, g, R, j, J, U, ke, Pe) {
+      return R = U.ref, o = {
+        $$typeof: w,
+        type: o,
+        key: g,
+        props: U,
+        _owner: J
+      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(o, "ref", {
+        enumerable: !1,
+        get: f
+      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(o, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(o, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: ke
+      }), Object.defineProperty(o, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Pe
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+    }
+    function l(o, g, R, j, J, U, ke, Pe) {
+      var F = g.children;
+      if (F !== void 0)
+        if (j)
+          if (B(F)) {
+            for (j = 0; j < F.length; j++)
+              u(F[j]);
+            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 u(F);
+      if (H.call(g, "key")) {
+        F = e(o);
+        var Z = Object.keys(g).filter(function(hr) {
+          return hr !== "key";
+        });
+        j = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", Le[F + j] || (Z = 0 < Z.length ? "{" + Z.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          j,
+          F,
+          Z,
+          F
+        ), Le[F + j] = !0);
+      }
+      if (F = null, R !== void 0 && (t(R), F = "" + R), c(g) && (t(g.key), F = "" + g.key), "key" in g) {
+        R = {};
+        for (var Ee in g)
+          Ee !== "key" && (R[Ee] = g[Ee]);
+      } else R = g;
+      return F && s(
+        R,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      ), h(
+        o,
+        F,
+        U,
+        J,
+        a(),
+        R,
+        ke,
+        Pe
+      );
+    }
+    function u(o) {
+      typeof o == "object" && o !== null && o.$$typeof === w && o._store && (o._store.validated = 1);
+    }
+    var m = mr, w = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), v = Symbol.for("react.consumer"), S = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), E = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), L = Symbol.for("react.activity"), I = Symbol.for("react.client.reference"), M = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, B = Array.isArray, X = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    m = {
+      "react-stack-bottom-frame": function(o) {
+        return o();
+      }
+    };
+    var ne, K = {}, Ne = m["react-stack-bottom-frame"].bind(
+      m,
+      i
+    )(), Me = X(n(i)), Le = {};
+    ie.Fragment = p, ie.jsx = function(o, g, R, j, J) {
+      var U = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return l(
+        o,
+        g,
+        R,
+        !1,
+        j,
+        J,
+        U ? Error("react-stack-top-frame") : Ne,
+        U ? X(n(o)) : Me
+      );
+    }, ie.jsxs = function(o, g, R, j, J) {
+      var U = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return l(
+        o,
+        g,
+        R,
+        !0,
+        j,
+        J,
+        U ? Error("react-stack-top-frame") : Ne,
+        U ? X(n(o)) : Me
+      );
+    };
+  }()), ie;
+}
+var Ue;
+function xr() {
+  return Ue || (Ue = 1, process.env.NODE_ENV === "production" ? de.exports = br() : de.exports = vr()), de.exports;
+}
+var O = xr();
+function _e() {
+  return _e = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var t = arguments[r];
+      for (var n in t) ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
+    }
+    return e;
+  }, _e.apply(null, arguments);
+}
+function wr(e) {
+  if (e.sheet)
+    return e.sheet;
+  for (var r = 0; r < document.styleSheets.length; r++)
+    if (document.styleSheets[r].ownerNode === e)
+      return document.styleSheets[r];
+}
+function kr(e) {
+  var r = document.createElement("style");
+  return r.setAttribute("data-emotion", e.key), e.nonce !== void 0 && r.setAttribute("nonce", e.nonce), r.appendChild(document.createTextNode("")), r.setAttribute("data-s", ""), r;
+}
+var Pr = /* @__PURE__ */ function() {
+  function e(t) {
+    var n = this;
+    this._insertTag = function(a) {
+      var i;
+      n.tags.length === 0 ? n.insertionPoint ? i = n.insertionPoint.nextSibling : n.prepend ? i = n.container.firstChild : i = n.before : i = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(a, i), n.tags.push(a);
+    }, this.isSpeedy = t.speedy === void 0 ? !0 : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
+  }
+  var r = e.prototype;
+  return r.hydrate = function(n) {
+    n.forEach(this._insertTag);
+  }, r.insert = function(n) {
+    this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(kr(this));
+    var a = this.tags[this.tags.length - 1];
+    if (this.isSpeedy) {
+      var i = wr(a);
+      try {
+        i.insertRule(n, i.cssRules.length);
+      } catch {
+      }
+    } else
+      a.appendChild(document.createTextNode(n));
+    this.ctr++;
+  }, r.flush = function() {
+    this.tags.forEach(function(n) {
+      var a;
+      return (a = n.parentNode) == null ? void 0 : a.removeChild(n);
+    }), this.tags = [], this.ctr = 0;
+  }, e;
+}(), N = "-ms-", be = "-moz-", k = "-webkit-", tr = "comm", Ie = "rule", $e = "decl", Er = "@import", nr = "@keyframes", Sr = "@layer", Tr = Math.abs, ve = String.fromCharCode, Rr = Object.assign;
+function _r(e, r) {
+  return $(e, 0) ^ 45 ? (((r << 2 ^ $(e, 0)) << 2 ^ $(e, 1)) << 2 ^ $(e, 2)) << 2 ^ $(e, 3) : 0;
+}
+function ar(e) {
+  return e.trim();
+}
+function Cr(e, r) {
+  return (e = r.exec(e)) ? e[0] : e;
+}
+function P(e, r, t) {
+  return e.replace(r, t);
+}
+function Ce(e, r) {
+  return e.indexOf(r);
+}
+function $(e, r) {
+  return e.charCodeAt(r) | 0;
+}
+function ce(e, r, t) {
+  return e.slice(r, t);
+}
+function W(e) {
+  return e.length;
+}
+function je(e) {
+  return e.length;
+}
+function pe(e, r) {
+  return r.push(e), e;
+}
+function Ar(e, r) {
+  return e.map(r).join("");
+}
+var xe = 1, ee = 1, ir = 0, V = 0, _ = 0, te = "";
+function we(e, r, t, n, a, i, c) {
+  return { value: e, root: r, parent: t, type: n, props: a, children: i, line: xe, column: ee, length: c, return: "" };
+}
+function oe(e, r) {
+  return Rr(we("", null, null, "", null, null, 0), e, { length: -e.length }, r);
+}
+function Or() {
+  return _;
+}
+function Ir() {
+  return _ = V > 0 ? $(te, --V) : 0, ee--, _ === 10 && (ee = 1, xe--), _;
+}
+function z() {
+  return _ = V < ir ? $(te, V++) : 0, ee++, _ === 10 && (ee = 1, xe++), _;
+}
+function q() {
+  return $(te, V);
+}
+function me() {
+  return V;
+}
+function fe(e, r) {
+  return ce(te, e, r);
+}
+function le(e) {
+  switch (e) {
+    // \0 \t \n \r \s whitespace token
+    case 0:
+    case 9:
+    case 10:
+    case 13:
+    case 32:
+      return 5;
+    // ! + , / > @ ~ isolate token
+    case 33:
+    case 43:
+    case 44:
+    case 47:
+    case 62:
+    case 64:
+    case 126:
+    // ; { } breakpoint token
+    case 59:
+    case 123:
+    case 125:
+      return 4;
+    // : accompanied token
+    case 58:
+      return 3;
+    // " ' ( [ opening delimit token
+    case 34:
+    case 39:
+    case 40:
+    case 91:
+      return 2;
+    // ) ] closing delimit token
+    case 41:
+    case 93:
+      return 1;
+  }
+  return 0;
+}
+function or(e) {
+  return xe = ee = 1, ir = W(te = e), V = 0, [];
+}
+function sr(e) {
+  return te = "", e;
+}
+function ye(e) {
+  return ar(fe(V - 1, Ae(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function $r(e) {
+  for (; (_ = q()) && _ < 33; )
+    z();
+  return le(e) > 2 || le(_) > 3 ? "" : " ";
+}
+function jr(e, r) {
+  for (; --r && z() && !(_ < 48 || _ > 102 || _ > 57 && _ < 65 || _ > 70 && _ < 97); )
+    ;
+  return fe(e, me() + (r < 6 && q() == 32 && z() == 32));
+}
+function Ae(e) {
+  for (; z(); )
+    switch (_) {
+      // ] ) " '
+      case e:
+        return V;
+      // " '
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && Ae(_);
+        break;
+      // (
+      case 40:
+        e === 41 && Ae(e);
+        break;
+      // \
+      case 92:
+        z();
+        break;
+    }
+  return V;
+}
+function Fr(e, r) {
+  for (; z() && e + _ !== 57; )
+    if (e + _ === 84 && q() === 47)
+      break;
+  return "/*" + fe(r, V - 1) + "*" + ve(e === 47 ? e : z());
+}
+function Nr(e) {
+  for (; !le(q()); )
+    z();
+  return fe(e, V);
+}
+function Mr(e) {
+  return sr(ge("", null, null, null, [""], e = or(e), 0, [0], e));
+}
+function ge(e, r, t, n, a, i, c, s, f) {
+  for (var h = 0, l = 0, u = c, m = 0, w = 0, x = 0, p = 1, y = 1, b = 1, v = 0, S = "", C = a, E = i, T = n, d = S; y; )
+    switch (x = v, v = z()) {
+      // (
+      case 40:
+        if (x != 108 && $(d, u - 1) == 58) {
+          Ce(d += P(ye(v), "&", "&\f"), "&\f") != -1 && (b = -1);
+          break;
+        }
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        d += ye(v);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        d += $r(x);
+        break;
+      // \
+      case 92:
+        d += jr(me() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (q()) {
+          case 42:
+          case 47:
+            pe(Lr(Fr(z(), me()), r, t), f);
+            break;
+          default:
+            d += "/";
+        }
+        break;
+      // {
+      case 123 * p:
+        s[h++] = W(d) * b;
+      // } ; \0
+      case 125 * p:
+      case 59:
+      case 0:
+        switch (v) {
+          // \0 }
+          case 0:
+          case 125:
+            y = 0;
+          // ;
+          case 59 + l:
+            b == -1 && (d = P(d, /\f/g, "")), w > 0 && W(d) - u && pe(w > 32 ? Ye(d + ";", n, t, u - 1) : Ye(P(d, " ", "") + ";", n, t, u - 2), f);
+            break;
+          // @ ;
+          case 59:
+            d += ";";
+          // { rule/at-rule
+          default:
+            if (pe(T = We(d, r, t, h, l, a, s, S, C = [], E = [], u), i), v === 123)
+              if (l === 0)
+                ge(d, r, T, T, C, i, u, s, E);
+              else
+                switch (m === 99 && $(d, 3) === 110 ? 100 : m) {
+                  // d l m s
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    ge(e, T, T, n && pe(We(e, T, T, 0, 0, a, s, S, a, C = [], u), E), a, E, u, s, n ? C : E);
+                    break;
+                  default:
+                    ge(d, T, T, T, [""], E, 0, s, E);
+                }
+        }
+        h = l = w = 0, p = b = 1, S = d = "", u = c;
+        break;
+      // :
+      case 58:
+        u = 1 + W(d), w = x;
+      default:
+        if (p < 1) {
+          if (v == 123)
+            --p;
+          else if (v == 125 && p++ == 0 && Ir() == 125)
+            continue;
+        }
+        switch (d += ve(v), v * p) {
+          // &
+          case 38:
+            b = l > 0 ? 1 : (d += "\f", -1);
+            break;
+          // ,
+          case 44:
+            s[h++] = (W(d) - 1) * b, b = 1;
+            break;
+          // @
+          case 64:
+            q() === 45 && (d += ye(z())), m = q(), l = u = W(S = d += Nr(me())), v++;
+            break;
+          // -
+          case 45:
+            x === 45 && W(d) == 2 && (p = 0);
+        }
+    }
+  return i;
+}
+function We(e, r, t, n, a, i, c, s, f, h, l) {
+  for (var u = a - 1, m = a === 0 ? i : [""], w = je(m), x = 0, p = 0, y = 0; x < n; ++x)
+    for (var b = 0, v = ce(e, u + 1, u = Tr(p = c[x])), S = e; b < w; ++b)
+      (S = ar(p > 0 ? m[b] + " " + v : P(v, /&\f/g, m[b]))) && (f[y++] = S);
+  return we(e, r, t, a === 0 ? Ie : s, f, h, l);
+}
+function Lr(e, r, t) {
+  return we(e, r, t, tr, ve(Or()), ce(e, 2, -2), 0);
+}
+function Ye(e, r, t, n) {
+  return we(e, r, t, $e, ce(e, 0, n), ce(e, n + 1, -1), n);
+}
+function Q(e, r) {
+  for (var t = "", n = je(e), a = 0; a < n; a++)
+    t += r(e[a], a, e, r) || "";
+  return t;
+}
+function Vr(e, r, t, n) {
+  switch (e.type) {
+    case Sr:
+      if (e.children.length) break;
+    case Er:
+    case $e:
+      return e.return = e.return || e.value;
+    case tr:
+      return "";
+    case nr:
+      return e.return = e.value + "{" + Q(e.children, n) + "}";
+    case Ie:
+      e.value = e.props.join(",");
+  }
+  return W(t = Q(e.children, n)) ? e.return = e.value + "{" + t + "}" : "";
+}
+function zr(e) {
+  var r = je(e);
+  return function(t, n, a, i) {
+    for (var c = "", s = 0; s < r; s++)
+      c += e[s](t, n, a, i) || "";
+    return c;
+  };
+}
+function Br(e) {
+  return function(r) {
+    r.root || (r = r.return) && e(r);
+  };
+}
+function cr(e) {
+  var r = /* @__PURE__ */ Object.create(null);
+  return function(t) {
+    return r[t] === void 0 && (r[t] = e(t)), r[t];
+  };
+}
+var Dr = function(r, t, n) {
+  for (var a = 0, i = 0; a = i, i = q(), a === 38 && i === 12 && (t[n] = 1), !le(i); )
+    z();
+  return fe(r, V);
+}, Ur = function(r, t) {
+  var n = -1, a = 44;
+  do
+    switch (le(a)) {
+      case 0:
+        a === 38 && q() === 12 && (t[n] = 1), r[n] += Dr(V - 1, t, n);
+        break;
+      case 2:
+        r[n] += ye(a);
+        break;
+      case 4:
+        if (a === 44) {
+          r[++n] = q() === 58 ? "&\f" : "", t[n] = r[n].length;
+          break;
+        }
+      // fallthrough
+      default:
+        r[n] += ve(a);
+    }
+  while (a = z());
+  return r;
+}, Wr = function(r, t) {
+  return sr(Ur(or(r), t));
+}, qe = /* @__PURE__ */ new WeakMap(), Yr = function(r) {
+  if (!(r.type !== "rule" || !r.parent || // positive .length indicates that this rule contains pseudo
+  // negative .length indicates that this rule has been already prefixed
+  r.length < 1)) {
+    for (var t = r.value, n = r.parent, a = r.column === n.column && r.line === n.line; n.type !== "rule"; )
+      if (n = n.parent, !n) return;
+    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !qe.get(n)) && !a) {
+      qe.set(r, !0);
+      for (var i = [], c = Wr(t, i), s = n.props, f = 0, h = 0; f < c.length; f++)
+        for (var l = 0; l < s.length; l++, h++)
+          r.props[h] = i[f] ? c[f].replace(/&\f/g, s[l]) : s[l] + " " + c[f];
+    }
+  }
+}, qr = function(r) {
+  if (r.type === "decl") {
+    var t = r.value;
+    // charcode for l
+    t.charCodeAt(0) === 108 && // charcode for b
+    t.charCodeAt(2) === 98 && (r.return = "", r.value = "");
+  }
+};
+function lr(e, r) {
+  switch (_r(e, r)) {
+    // color-adjust
+    case 5103:
+      return k + "print-" + e + e;
+    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
+    case 5737:
+    case 4201:
+    case 3177:
+    case 3433:
+    case 1641:
+    case 4457:
+    case 2921:
+    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
+    case 5572:
+    case 6356:
+    case 5844:
+    case 3191:
+    case 6645:
+    case 3005:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855:
+    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
+    case 4215:
+    case 6389:
+    case 5109:
+    case 5365:
+    case 5621:
+    case 3829:
+      return k + e + e;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return k + e + be + e + N + e + e;
+    // flex, flex-direction
+    case 6828:
+    case 4268:
+      return k + e + N + e + e;
+    // order
+    case 6165:
+      return k + e + N + "flex-" + e + e;
+    // align-items
+    case 5187:
+      return k + e + P(e, /(\w+).+(:[^]+)/, k + "box-$1$2" + N + "flex-$1$2") + e;
+    // align-self
+    case 5443:
+      return k + e + N + "flex-item-" + P(e, /flex-|-self/, "") + e;
+    // align-content
+    case 4675:
+      return k + e + N + "flex-line-pack" + P(e, /align-content|flex-|-self/, "") + e;
+    // flex-shrink
+    case 5548:
+      return k + e + N + P(e, "shrink", "negative") + e;
+    // flex-basis
+    case 5292:
+      return k + e + N + P(e, "basis", "preferred-size") + e;
+    // flex-grow
+    case 6060:
+      return k + "box-" + P(e, "-grow", "") + k + e + N + P(e, "grow", "positive") + e;
+    // transition
+    case 4554:
+      return k + P(e, /([^-])(transform)/g, "$1" + k + "$2") + e;
+    // cursor
+    case 6187:
+      return P(P(P(e, /(zoom-|grab)/, k + "$1"), /(image-set)/, k + "$1"), e, "") + e;
+    // background, background-image
+    case 5495:
+    case 3959:
+      return P(e, /(image-set\([^]*)/, k + "$1$`$1");
+    // justify-content
+    case 4968:
+      return P(P(e, /(.+:)(flex-)?(.*)/, k + "box-pack:$3" + N + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + k + e + e;
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return P(e, /(.+)-inline(.+)/, k + "$1$2") + e;
+    // (min|max)?(width|height|inline-size|block-size)
+    case 8116:
+    case 7059:
+    case 5753:
+    case 5535:
+    case 5445:
+    case 5701:
+    case 4933:
+    case 4677:
+    case 5533:
+    case 5789:
+    case 5021:
+    case 4765:
+      if (W(e) - 1 - r > 6) switch ($(e, r + 1)) {
+        // (m)ax-content, (m)in-content
+        case 109:
+          if ($(e, r + 4) !== 45) break;
+        // (f)ill-available, (f)it-content
+        case 102:
+          return P(e, /(.+:)(.+)-([^]+)/, "$1" + k + "$2-$3$1" + be + ($(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
+        // (s)tretch
+        case 115:
+          return ~Ce(e, "stretch") ? lr(P(e, "stretch", "fill-available"), r) + e : e;
+      }
+      break;
+    // position: sticky
+    case 4949:
+      if ($(e, r + 1) !== 115) break;
+    // display: (flex|inline-flex)
+    case 6444:
+      switch ($(e, W(e) - 3 - (~Ce(e, "!important") && 10))) {
+        // stic(k)y
+        case 107:
+          return P(e, ":", ":" + k) + e;
+        // (inline-)?fl(e)x
+        case 101:
+          return P(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + k + ($(e, 14) === 45 ? "inline-" : "") + "box$3$1" + k + "$2$3$1" + N + "$2box$3") + e;
+      }
+      break;
+    // writing-mode
+    case 5936:
+      switch ($(e, r + 11)) {
+        // vertical-l(r)
+        case 114:
+          return k + e + N + P(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        // vertical-r(l)
+        case 108:
+          return k + e + N + P(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        // horizontal(-)tb
+        case 45:
+          return k + e + N + P(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+      return k + e + N + e + e;
+  }
+  return e;
+}
+var Hr = function(r, t, n, a) {
+  if (r.length > -1 && !r.return) switch (r.type) {
+    case $e:
+      r.return = lr(r.value, r.length);
+      break;
+    case nr:
+      return Q([oe(r, {
+        value: P(r.value, "@", "@" + k)
+      })], a);
+    case Ie:
+      if (r.length) return Ar(r.props, function(i) {
+        switch (Cr(i, /(::plac\w+|:read-\w+)/)) {
+          // :read-(only|write)
+          case ":read-only":
+          case ":read-write":
+            return Q([oe(r, {
+              props: [P(i, /:(read-\w+)/, ":" + be + "$1")]
+            })], a);
+          // :placeholder
+          case "::placeholder":
+            return Q([oe(r, {
+              props: [P(i, /:(plac\w+)/, ":" + k + "input-$1")]
+            }), oe(r, {
+              props: [P(i, /:(plac\w+)/, ":" + be + "$1")]
+            }), oe(r, {
+              props: [P(i, /:(plac\w+)/, N + "input-$1")]
+            })], a);
+        }
+        return "";
+      });
+  }
+}, Gr = [Hr], Xr = function(r) {
+  var t = r.key;
+  if (t === "css") {
+    var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
+    Array.prototype.forEach.call(n, function(p) {
+      var y = p.getAttribute("data-emotion");
+      y.indexOf(" ") !== -1 && (document.head.appendChild(p), p.setAttribute("data-s", ""));
+    });
+  }
+  var a = r.stylisPlugins || Gr, i = {}, c, s = [];
+  c = r.container || document.head, Array.prototype.forEach.call(
+    // this means we will ignore elements which don't have a space in them which
+    // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
+    document.querySelectorAll('style[data-emotion^="' + t + ' "]'),
+    function(p) {
+      for (var y = p.getAttribute("data-emotion").split(" "), b = 1; b < y.length; b++)
+        i[y[b]] = !0;
+      s.push(p);
+    }
+  );
+  var f, h = [Yr, qr];
+  {
+    var l, u = [Vr, Br(function(p) {
+      l.insert(p);
+    })], m = zr(h.concat(a, u)), w = function(y) {
+      return Q(Mr(y), m);
+    };
+    f = function(y, b, v, S) {
+      l = v, w(y ? y + "{" + b.styles + "}" : b.styles), S && (x.inserted[b.name] = !0);
+    };
+  }
+  var x = {
+    key: t,
+    sheet: new Pr({
+      key: t,
+      container: c,
+      nonce: r.nonce,
+      speedy: r.speedy,
+      prepend: r.prepend,
+      insertionPoint: r.insertionPoint
+    }),
+    nonce: r.nonce,
+    inserted: i,
+    registered: {},
+    insert: f
+  };
+  return x.sheet.hydrate(s), x;
+}, Kr = !0;
+function Jr(e, r, t) {
+  var n = "";
+  return t.split(" ").forEach(function(a) {
+    e[a] !== void 0 ? r.push(e[a] + ";") : a && (n += a + " ");
+  }), n;
+}
+var ur = function(r, t, n) {
+  var a = r.key + "-" + t.name;
+  // we only need to add the styles to the registered cache if the
+  // class name could be used further down
+  // the tree but if it's a string tag, we know it won't
+  // so we don't have to add it to registered cache.
+  // this improves memory usage since we can avoid storing the whole style string
+  (n === !1 || // we need to always store it if we're in compat mode and
+  // in node since emotion-server relies on whether a style is in
+  // the registered cache to know whether a style is global or not
+  // also, note that this check will be dead code eliminated in the browser
+  Kr === !1) && r.registered[a] === void 0 && (r.registered[a] = t.styles);
+}, Zr = function(r, t, n) {
+  ur(r, t, n);
+  var a = r.key + "-" + t.name;
+  if (r.inserted[t.name] === void 0) {
+    var i = t;
+    do
+      r.insert(t === i ? "." + a : "", i, r.sheet, !0), i = i.next;
+    while (i !== void 0);
+  }
+};
+function Qr(e) {
+  for (var r = 0, t, n = 0, a = e.length; a >= 4; ++n, a -= 4)
+    t = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, t = /* Math.imul(k, m): */
+    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
+    t >>> 24, r = /* Math.imul(k, m): */
+    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
+  switch (a) {
+    case 3:
+      r ^= (e.charCodeAt(n + 2) & 255) << 16;
+    case 2:
+      r ^= (e.charCodeAt(n + 1) & 255) << 8;
+    case 1:
+      r ^= e.charCodeAt(n) & 255, r = /* Math.imul(h, m): */
+      (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
+  }
+  return r ^= r >>> 13, r = /* Math.imul(h, m): */
+  (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), ((r ^ r >>> 15) >>> 0).toString(36);
+}
+var et = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  scale: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+}, rt = /[A-Z]|^ms/g, tt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, fr = function(r) {
+  return r.charCodeAt(1) === 45;
+}, He = function(r) {
+  return r != null && typeof r != "boolean";
+}, Se = /* @__PURE__ */ cr(function(e) {
+  return fr(e) ? e : e.replace(rt, "-$&").toLowerCase();
+}), Ge = function(r, t) {
+  switch (r) {
+    case "animation":
+    case "animationName":
+      if (typeof t == "string")
+        return t.replace(tt, function(n, a, i) {
+          return Y = {
+            name: a,
+            styles: i,
+            next: Y
+          }, a;
+        });
+  }
+  return et[r] !== 1 && !fr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
+};
+function ue(e, r, t) {
+  if (t == null)
+    return "";
+  var n = t;
+  if (n.__emotion_styles !== void 0)
+    return n;
+  switch (typeof t) {
+    case "boolean":
+      return "";
+    case "object": {
+      var a = t;
+      if (a.anim === 1)
+        return Y = {
+          name: a.name,
+          styles: a.styles,
+          next: Y
+        }, a.name;
+      var i = t;
+      if (i.styles !== void 0) {
+        var c = i.next;
+        if (c !== void 0)
+          for (; c !== void 0; )
+            Y = {
+              name: c.name,
+              styles: c.styles,
+              next: Y
+            }, c = c.next;
+        var s = i.styles + ";";
+        return s;
+      }
+      return nt(e, r, t);
+    }
+    case "function": {
+      if (e !== void 0) {
+        var f = Y, h = t(e);
+        return Y = f, ue(e, r, h);
+      }
+      break;
+    }
+  }
+  var l = t;
+  if (r == null)
+    return l;
+  var u = r[l];
+  return u !== void 0 ? u : l;
+}
+function nt(e, r, t) {
+  var n = "";
+  if (Array.isArray(t))
+    for (var a = 0; a < t.length; a++)
+      n += ue(e, r, t[a]) + ";";
+  else
+    for (var i in t) {
+      var c = t[i];
+      if (typeof c != "object") {
+        var s = c;
+        r != null && r[s] !== void 0 ? n += i + "{" + r[s] + "}" : He(s) && (n += Se(i) + ":" + Ge(i, s) + ";");
+      } else if (Array.isArray(c) && typeof c[0] == "string" && (r == null || r[c[0]] === void 0))
+        for (var f = 0; f < c.length; f++)
+          He(c[f]) && (n += Se(i) + ":" + Ge(i, c[f]) + ";");
+      else {
+        var h = ue(e, r, c);
+        switch (i) {
+          case "animation":
+          case "animationName": {
+            n += Se(i) + ":" + h + ";";
+            break;
+          }
+          default:
+            n += i + "{" + h + "}";
+        }
+      }
+    }
+  return n;
+}
+var Xe = /label:\s*([^\s;{]+)\s*(;|$)/g, Y;
+function at(e, r, t) {
+  if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
+    return e[0];
+  var n = !0, a = "";
+  Y = void 0;
+  var i = e[0];
+  if (i == null || i.raw === void 0)
+    n = !1, a += ue(t, r, i);
+  else {
+    var c = i;
+    a += c[0];
+  }
+  for (var s = 1; s < e.length; s++)
+    if (a += ue(t, r, e[s]), n) {
+      var f = i;
+      a += f[s];
+    }
+  Xe.lastIndex = 0;
+  for (var h = "", l; (l = Xe.exec(a)) !== null; )
+    h += "-" + l[1];
+  var u = Qr(a) + h;
+  return {
+    name: u,
+    styles: a,
+    next: Y
+  };
+}
+var it = function(r) {
+  return r();
+}, ot = G.useInsertionEffect ? G.useInsertionEffect : !1, st = ot || it, dr = /* @__PURE__ */ G.createContext(
+  // we're doing this to avoid preconstruct's dead code elimination in this one case
+  // because this module is primarily intended for the browser and node
+  // but it's also required in react native and similar environments sometimes
+  // and we could have a special build just for that
+  // but this is much easier and the native packages
+  // might use a different theme context in the future anyway
+  typeof HTMLElement < "u" ? /* @__PURE__ */ Xr({
+    key: "css"
+  }) : null
+);
+dr.Provider;
+var ct = function(r) {
+  return /* @__PURE__ */ yr(function(t, n) {
+    var a = er(dr);
+    return r(t, a, n);
+  });
+}, lt = /* @__PURE__ */ G.createContext({}), ut = /^((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)-.*))$/, ft = /* @__PURE__ */ cr(
+  function(e) {
+    return ut.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+), dt = ft, pt = function(r) {
+  return r !== "theme";
+}, Ke = function(r) {
+  return typeof r == "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  r.charCodeAt(0) > 96 ? dt : pt;
+}, Je = function(r, t, n) {
+  var a;
+  if (t) {
+    var i = t.shouldForwardProp;
+    a = r.__emotion_forwardProp && i ? function(c) {
+      return r.__emotion_forwardProp(c) && i(c);
+    } : i;
+  }
+  return typeof a != "function" && n && (a = r.__emotion_forwardProp), a;
+}, ht = function(r) {
+  var t = r.cache, n = r.serialized, a = r.isStringTag;
+  return ur(t, n, a), st(function() {
+    return Zr(t, n, a);
+  }), null;
+}, mt = function e(r, t) {
+  var n = r.__emotion_real === r, a = n && r.__emotion_base || r, i, c;
+  t !== void 0 && (i = t.label, c = t.target);
+  var s = Je(r, t, n), f = s || Ke(a), h = !f("as");
+  return function() {
+    var l = arguments, u = n && r.__emotion_styles !== void 0 ? r.__emotion_styles.slice(0) : [];
+    if (i !== void 0 && u.push("label:" + i + ";"), l[0] == null || l[0].raw === void 0)
+      u.push.apply(u, l);
+    else {
+      var m = l[0];
+      u.push(m[0]);
+      for (var w = l.length, x = 1; x < w; x++)
+        u.push(l[x], m[x]);
+    }
+    var p = ct(function(y, b, v) {
+      var S = h && y.as || a, C = "", E = [], T = y;
+      if (y.theme == null) {
+        T = {};
+        for (var d in y)
+          T[d] = y[d];
+        T.theme = G.useContext(lt);
+      }
+      typeof y.className == "string" ? C = Jr(b.registered, E, y.className) : y.className != null && (C = y.className + " ");
+      var A = at(u.concat(E), b.registered, T);
+      C += b.key + "-" + A.name, c !== void 0 && (C += " " + c);
+      var L = h && s === void 0 ? Ke(S) : f, I = {};
+      for (var M in y)
+        h && M === "as" || L(M) && (I[M] = y[M]);
+      return I.className = C, v && (I.ref = v), /* @__PURE__ */ G.createElement(G.Fragment, null, /* @__PURE__ */ G.createElement(ht, {
+        cache: b,
+        serialized: A,
+        isStringTag: typeof S == "string"
+      }), /* @__PURE__ */ G.createElement(S, I));
+    });
+    return p.displayName = i !== void 0 ? i : "Styled(" + (typeof a == "string" ? a : a.displayName || a.name || "Component") + ")", p.defaultProps = r.defaultProps, p.__emotion_real = p, p.__emotion_base = a, p.__emotion_styles = u, p.__emotion_forwardProp = s, Object.defineProperty(p, "toString", {
+      value: function() {
+        return "." + c;
+      }
+    }), p.withComponent = function(y, b) {
+      var v = e(y, _e({}, t, b, {
+        shouldForwardProp: Je(p, b, !0)
+      }));
+      return v.apply(void 0, u);
+    }, p;
+  };
+}, yt = [
+  "a",
+  "abbr",
+  "address",
+  "area",
+  "article",
+  "aside",
+  "audio",
+  "b",
+  "base",
+  "bdi",
+  "bdo",
+  "big",
+  "blockquote",
+  "body",
+  "br",
+  "button",
+  "canvas",
+  "caption",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "data",
+  "datalist",
+  "dd",
+  "del",
+  "details",
+  "dfn",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "em",
+  "embed",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "head",
+  "header",
+  "hgroup",
+  "hr",
+  "html",
+  "i",
+  "iframe",
+  "img",
+  "input",
+  "ins",
+  "kbd",
+  "keygen",
+  "label",
+  "legend",
+  "li",
+  "link",
+  "main",
+  "map",
+  "mark",
+  "marquee",
+  "menu",
+  "menuitem",
+  "meta",
+  "meter",
+  "nav",
+  "noscript",
+  "object",
+  "ol",
+  "optgroup",
+  "option",
+  "output",
+  "p",
+  "param",
+  "picture",
+  "pre",
+  "progress",
+  "q",
+  "rp",
+  "rt",
+  "ruby",
+  "s",
+  "samp",
+  "script",
+  "section",
+  "select",
+  "small",
+  "source",
+  "span",
+  "strong",
+  "style",
+  "sub",
+  "summary",
+  "sup",
+  "table",
+  "tbody",
+  "td",
+  "textarea",
+  "tfoot",
+  "th",
+  "thead",
+  "time",
+  "title",
+  "tr",
+  "track",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "wbr",
+  // SVG
+  "circle",
+  "clipPath",
+  "defs",
+  "ellipse",
+  "foreignObject",
+  "g",
+  "image",
+  "line",
+  "linearGradient",
+  "mask",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "radialGradient",
+  "rect",
+  "stop",
+  "svg",
+  "text",
+  "tspan"
+], re = mt.bind(null);
+yt.forEach(function(e) {
+  re[e] = re(e);
+});
+const gt = re.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 12px;
+  border-radius: 4px;
+  text-align: center;
+  font-size: 16px;
+  line-height: 1.5;
+
+  /* Styling based on message type */
+  ${({ type: e }) => {
+  switch (e) {
+    case "error":
+      return `
+          color: red;
+          background-color: rgba(255, 0, 0, 0.1);
+          border: 1px solid red;
+        `;
+    case "loading":
+      return `
+          color: #666;
+          background-color: rgba(0, 0, 0, 0.05);
+        `;
+    case "success":
+      return `
+          color: green;
+          background-color: rgba(0, 255, 0, 0.1);
+          border: 1px solid green;
+        `;
+    case "warning":
+      return `
+          color: orange;
+          background-color: rgba(255, 165, 0, 0.1);
+          border: 1px solid orange;
+        `;
+    default:
+      return "";
+  }
+}}
+`, Oe = ({ type: e, children: r, className: t, icon: n, action: a }) => O.jsxs(gt, { type: e, className: t, children: [n && O.jsx("span", { children: n }), O.jsx("span", { children: r }), a && O.jsx("span", { children: a })] }), Ze = re.div`
+  width: ${({ width: e }) => e || "100%"};
+  height: ${({ height: e }) => e || "100%"};
+  border-radius: 8px;
+  box-shadow: 0 0 0 1px #fff, 0 0 20px 0 rgba(0, 0, 0, 0.25);
+  position: relative;
+  z-index: 1002;
+
+  /* Hide specific elements inside the player */
+  ${({ $hiddenClasses: e }) => (e == null ? void 0 : e.length) && e.map((r) => `.${r} { display: none !important; }`).join("")}
+`, bt = re.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.8);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1000;
+  pointer-events: auto;
+`, vt = re.div`
+ position: relative;
+ width: 100%; /* Default for mobile */
+ max-width: 100%;
+ aspect-ratio: 9/16;
+ height: auto;
+ z-index: 1001;
+
+ /* Desktop styles (min-width: 768px) */
+ @media (min-width: 768px) {
+   width: min(70vw, 960px); /* Responsive width for desktop, capped at 960px */
+ }
+`, xt = (e, r) => `https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${r}`, wt = (e, r) => `https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${r}/videos`, kt = (e) => `https://host.vpplayer.tech/player/${e}/vpplayer.js`, Fe = (e, r) => `vp-player-${e || "default"}-${r || ""}`, Te = /* @__PURE__ */ new Map(), Pt = (e, r) => {
+  const [t, n] = D(!1), [a, i] = D(null);
+  return se(() => {
+    let c = null, s, f = 0;
+    const h = 3;
+    let l;
+    try {
+      l = r || kt(e || "latest");
+    } catch (w) {
+      const x = w instanceof Error ? w.message : String(w);
+      i(`Failed to resolve script URL: ${x}`), n(!1);
+      return;
+    }
+    if (Te.get(l)) {
+      n(!0), i(null);
+      return;
+    }
+    if (document.querySelector(`script[src="${l}"]`)) {
+      Te.set(l, !0), n(!0), i(null);
+      return;
+    }
+    const m = () => {
+      c = document.createElement("script"), c.src = l, c.async = !0, s = window.setTimeout(() => {
+        n(!1), i(`Loading script timed out: ${l}`);
+      }, 1e4), c.onload = () => {
+        clearTimeout(s), Te.set(l, !0), n(!0), i(null);
+      }, c.onerror = () => {
+        clearTimeout(s), f++, f < h ? setTimeout(m, 1e3 * f) : (n(!1), i(`Failed to load VP Player script after ${h} attempts: ${l}`));
+      }, document.body.appendChild(c);
+    };
+    return m(), () => {
+      clearTimeout(s), c && document.body.contains(c) && document.body.removeChild(c);
+    };
+  }, [e, r]), { isLoaded: t, error: a };
+}, Qe = {}, he = /* @__PURE__ */ new Map(), Et = 7e3, Re = 3, St = ({ projectId: e, videoId: r, playlistId: t, videoUrl: n, apiKey: a }) => {
+  const [i, c] = D(null), [s, f] = D(null), [h, l] = D(!1), [u, m] = D(null), w = a || (typeof Qe < "u" ? Qe.VITE_VP_API_KEY : void 0);
+  return se(() => {
+    const x = r ? `video:${r}` : t ? `playlist:${t}` : null;
+    if (!e || n || !r && !t) {
+      c(n || null), f(null), l(!1), m(null);
+      return;
+    }
+    if (!w) {
+      l(!1), m("No API key provided");
+      return;
+    }
+    if (x && he.has(x)) {
+      const v = he.get(x);
+      c(v.url), f(v.playlist), l(!1), m(null);
+      return;
+    }
+    const p = new AbortController(), y = p.signal;
+    return (async () => {
+      var S, C;
+      l(!0), m(null);
+      let v = 0;
+      for (; v < Re; )
+        try {
+          const E = r && !t ? xt(e, r) : wt(e, t), T = setTimeout(() => p.abort(), Et), d = await fetch(E, {
+            method: "GET",
+            headers: { "api-key": w, Accept: "application/json" },
+            signal: y
+          });
+          if (clearTimeout(T), !d.ok)
+            throw new Error(`Fetch failed with status ${d.status}`);
+          const A = await d.json();
+          if (r && !t) {
+            const L = (C = (S = A.result) == null ? void 0 : S.items) == null ? void 0 : C.find((I) => I.mediaId === r);
+            if (!(L != null && L.playbackUrl))
+              throw new Error("Invalid video data");
+            c(L.playbackUrl), f(null), x && he.set(x, { url: L.playbackUrl, playlist: null });
+          } else {
+            if (!Array.isArray(A.result))
+              throw new Error("Invalid playlist format");
+            f(A.result), c(null), x && he.set(x, { url: null, playlist: A.result });
+          }
+          break;
+        } catch (E) {
+          if (y.aborted) {
+            m("Request timed out");
+            break;
+          }
+          if (v++, v >= Re) {
+            const T = E instanceof Error ? E.message : String(E);
+            m(`Failed after ${Re} attempts: ${T}`);
+          }
+        }
+      l(!1);
+    })(), () => {
+      p.abort();
+    };
+  }, [w, e, r, t, n]), { fetchedPlaybackUrl: i, fetchedPlaylist: s, isLoading: h, error: u };
+}, Tt = {
+  projectId: "vp-player-projectId",
+  video: {
+    file: "",
+    // Will be set dynamically if no playlist
+    playlist: {
+      state: !0,
+      // Enable playlist by default
+      playlistVideoIndex: 0,
+      // Start with the first video
+      videos: []
+      // Empty by default, populated via props
+    }
+  },
+  config: {
+    autoplay: !0,
+    // Start playing automatically
+    muted: !0,
+    // Start muted
+    loop: !1,
+    // No loop by default
+    size: {
+      width: "100%",
+      // Width
+      height: "30vh"
+      // Height
+    },
+    controls: {
+      settingsButton: !0,
+      // Settings button
+      chromecastButton: !1,
+      // Chromecast button, false by default
+      nextButton: !0,
+      // False by default (single video, no playlist)
+      fullscreenButton: !0,
+      // Fullscreen option
+      airplayButton: !1,
+      // False by default
+      bigPlayButton: !1,
+      // False by default
+      autopausePlayButton: !0,
+      // Basic play/pause control enabled
+      pictureInPictureButton: !1,
+      // False by default
+      relatedButton: !1,
+      // False by default (single video)
+      volumeButton: !0,
+      // Volume control
+      shareButton: !0
+      // Enabled by default
+    }
+  }
+}, Rt = ({ videoUrl: e, fetchedPlaybackUrl: r, fetchedPlaylist: t, projectId: n, config: a = {} }) => {
+  var h, l, u;
+  const i = { ...Tt, ...a }, c = { ...i.config, ...a.config };
+  if (e)
+    return {
+      ...i,
+      video: {
+        ...i.video,
+        file: e,
+        playlist: void 0
+      },
+      config: c
+    };
+  if (r)
+    return {
+      ...i,
+      video: {
+        ...i.video,
+        file: r,
+        playlist: void 0
+      },
+      config: c
+    };
+  if (t && t.length > 0)
+    return {
+      ...i,
+      projectId: n || "vp-player-projectId",
+      video: {
+        ...i.video,
+        file: ((h = t[0]) == null ? void 0 : h.hlsUrl) || "",
+        playlist: {
+          state: !0,
+          playlistVideoIndex: 0,
+          videos: t.map((m, w) => ({
+            videoId: String(w),
+            title: m.title,
+            file: m.hlsUrl,
+            thumbnailUrl: m.thumbnailUrl,
+            duration: m.duration
+          }))
+        }
+      },
+      config: c
+    };
+  const s = ((l = a == null ? void 0 : a.video) == null ? void 0 : l.playlist) || i.video.playlist, f = (u = a == null ? void 0 : a.video) == null ? void 0 : u.file;
+  if (f)
+    return {
+      ...i,
+      video: {
+        ...i.video,
+        file: f,
+        playlist: void 0
+        // No playlist, just one video
+      },
+      config: c
+    };
+  if (s != null && s.videos && s.videos.length > 0) {
+    const m = s.videos[s.playlistVideoIndex || 0];
+    return {
+      ...i,
+      video: {
+        ...i.video,
+        file: (m == null ? void 0 : m.file) || "",
+        playlist: {
+          ...s,
+          state: s.state ?? !0,
+          playlistVideoIndex: s.playlistVideoIndex ?? 0,
+          videos: s.videos
+        }
+      },
+      config: {
+        ...i.config,
+        ...a == null ? void 0 : a.config
+      }
+    };
+  }
+  throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.");
+}, _t = (e) => {
+  if (!e)
+    return;
+  const r = /https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/, t = e.match(r);
+  return t ? t[2] : void 0;
+}, Ct = ({ playerId: e, videoId: r, version: t, videoUrl: n, projectId: a, playlistId: i, scriptUrl: c, config: s = {}, apiKey: f, isReels: h = !1 }) => {
+  const l = Ve(null), u = Ve(null), { isLoaded: m, error: w } = Pt(t, c), x = r || _t(c), [p, y] = D(null), { fetchedPlaybackUrl: b, fetchedPlaylist: v, isLoading: S, error: C } = St({
+    projectId: a,
+    videoId: x,
+    playlistId: i,
+    videoUrl: n,
+    apiKey: f
+  }), E = Fe(e, x), T = rr(() => {
+    var d;
+    return {
+      ...s,
+      config: {
+        ...s.config,
+        autostartOnLoad: { state: h, onMobile: !0, onData: !0 },
+        muted: !1,
+        size: h ? { sizeType: "RESPONSIVE", aspectRatio: "9:16" } : ((d = s.config) == null ? void 0 : d.size) || { sizeType: "FIXED", width: "100%" },
+        controls: {
+          settingsButton: !0,
+          chromecastButton: !1,
+          nextButton: !0,
+          fullscreenButton: !0,
+          airplayButton: !0,
+          bigPlayButton: !0,
+          autopausePlayButton: !0,
+          pictureInPictureButton: !0,
+          relatedButton: !1,
+          volumeButton: !0,
+          shareButton: !0
+        },
+        socialMedia: ["FACEBOOK", "LINKEDIN", "REDDIT", "TWITTER", "PINTEREST"],
+        skin: {
+          controlBar: {
+            background: "rgba(0, 0, 0, 0.3)",
+            text: "#FFFFFF",
+            icons: { default: "#FFFFFF", hover: "#CC0000" },
+            timeslider: {
+              progress: "#CC0000",
+              rail: "#808080",
+              buffer: "#E2E2E2",
+              dragger: "#CC0000"
+            }
+          }
+        },
+        settings: {
+          quality: "Quality",
+          subtitles: "Subtitles",
+          autoplay: "Autoplay",
+          playbackRate: "Speed",
+          auto: "Auto",
+          off: "Off",
+          normal: "Normal",
+          share: "Share Video"
+        }
+      }
+    };
+  }, [s, h]);
+  return se(() => {
+    if (w) {
+      y(w);
+      return;
+    }
+  }, [w]), se(() => {
+    if (!m || !l.current || S && !n)
+      return;
+    let d = !0;
+    const L = setTimeout(async () => {
+      try {
+        if (window.vpPlayer && document.querySelectorAll('[id*="player"]').forEach((X) => {
+          const ne = X.id;
+          try {
+            const K = window.vpPlayer(ne);
+            K && K.destroy && K.destroy();
+          } catch (K) {
+            console.warn(`Failed to destroy existing player ${ne}:`, K);
+          }
+        }), await new Promise((B) => setTimeout(B, 100)), !d || !l.current)
+          return;
+        if (!document.getElementById(E)) {
+          y("DOM element not found after cleanup.");
+          return;
+        }
+        if (!window.vpPlayer) {
+          y("VP Player script not loaded.");
+          return;
+        }
+        const M = Rt({
+          videoUrl: n,
+          fetchedPlaybackUrl: b,
+          fetchedPlaylist: v,
+          projectId: a,
+          config: T
+        }), H = window.vpPlayer(E);
+        if (!H) {
+          y("Failed to create VP Player instance.");
+          return;
+        }
+        d && l.current && (H.setup(M), u.current = H, y(null));
+      } catch (I) {
+        if (d) {
+          const M = I instanceof Error ? I.message : String(I);
+          y(M), console.error("VP Player initialization error:", I);
+        }
+      }
+    }, 150);
+    return () => {
+      d = !1, clearTimeout(L);
+    };
+  }, [
+    m,
+    S,
+    n,
+    b,
+    v,
+    a,
+    T,
+    E
+  ]), se(() => () => {
+    if (u.current) {
+      try {
+        u.current.destroy && u.current.destroy();
+      } catch (A) {
+        console.warn(`Failed to destroy player ${E}:`, A);
+      }
+      u.current = null;
+    }
+    const d = document.getElementById(E);
+    d && (d.innerHTML = "");
+  }, [E]), {
+    playerRef: l,
+    playerInstanceRef: u,
+    isScriptLoaded: m,
+    isLoading: S,
+    error: C || p || w
+  };
+}, At = ({ playerId: e, videoId: r, version: t, videoUrl: n, projectId: a, playlistId: i, scriptUrl: c, config: s = {}, apiKey: f, isReels: h = !1, hiddenClasses: l = [], onClose: u, className: m }) => {
+  var L, I, M, H;
+  const { playerRef: w, playerInstanceRef: x, isScriptLoaded: p, isLoading: y, error: b } = Ct({
+    playerId: e,
+    videoId: r,
+    version: t,
+    videoUrl: n,
+    projectId: a,
+    playlistId: i,
+    scriptUrl: c,
+    config: s,
+    apiKey: f,
+    isReels: h
+  }), [v, S] = D(!0), C = () => h && S(!0), E = () => {
+    var B, X;
+    S(!1), (X = (B = x.current) == null ? void 0 : B.play) == null || X.call(B), u == null || u();
+  }, T = (I = (L = s == null ? void 0 : s.config) == null ? void 0 : L.size) != null && I.width ? typeof s.config.size.width == "number" ? `${s.config.size.width}px` : s.config.size.width : void 0, d = (H = (M = s == null ? void 0 : s.config) == null ? void 0 : M.size) != null && H.height ? typeof s.config.size.height == "number" ? `${s.config.size.height}px` : s.config.size.height : void 0, A = Fe(e, r);
+  return b ? O.jsxs(Oe, { type: "error", children: ["An error occurred: ", b] }) : y || !p ? O.jsx(Oe, { type: "loading", children: "Loading..." }) : O.jsxs(O.Fragment, { children: [h && !v ? O.jsx("div", { onClick: C }) : null, !h && O.jsx("div", { children: O.jsx(Ze, { id: A, ref: w, width: T || "100%", height: d || "auto", $hiddenClasses: l, className: m }) }, A), h && v && O.jsx(bt, { onClick: E, className: m, children: O.jsx(vt, { className: m, onClick: (B) => B.stopPropagation(), children: O.jsx("div", { children: O.jsx(Ze, { id: A, ref: w, width: "100%", height: "auto", $hiddenClasses: l, className: m }) }, A) }) })] });
+}, pr = gr(void 0), It = ({ children: e }) => {
+  const [r, t] = D(!1), [n, a] = D(null), [i, c] = D(null), s = ze((l) => {
+    try {
+      const u = Fe(l.playerId, l.videoId);
+      a({ ...l, playerId: u }), t(!0), c(null);
+    } catch {
+      c("Failed to show player.");
+    }
+  }, []), f = ze(() => {
+    t(!1), a(null), c(null);
+  }, []), h = rr(() => ({
+    showPlayer: s,
+    hidePlayer: f,
+    isPlayerVisible: r,
+    playerParams: n
+  }), [s, f, r, n]);
+  return O.jsxs(pr.Provider, { value: h, children: [e, i && O.jsx(Oe, { type: "error", children: i }), r && (n == null ? void 0 : n.playerId) && O.jsx(At, { 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: f, hiddenClasses: n.hiddenClasses || [], apiKey: n.apiKey, className: n.className })] });
+}, $t = () => {
+  const e = er(pr);
+  if (!e)
+    throw new Error("useVPPlayer must be used within a VPPlayerProvider");
+  return e;
+};
+export {
+  It as VPPlayerProvider,
+  $t as useVPPlayer
+};