@jaimejesusserrano/react-roadmap-milestones
Version:
The React Roadmap Milestones component is a board with a lot of features, functionalities or whatever where a user can see all of them divided by categories and milestones
1,594 lines (1,590 loc) • 70.4 kB
JavaScript
import { jsx as s, Fragment as Vt, jsxs as _ } from "react/jsx-runtime";
import * as A from "react";
import { forwardRef as Xt, useContext as U, createContext as tt, useEffect as rt, useReducer as nt, useMemo as B, useState as it } from "react";
function Kt(e) {
if (e.sheet)
return e.sheet;
for (var t = 0; t < document.styleSheets.length; t++)
if (document.styleSheets[t].ownerNode === e)
return document.styleSheets[t];
}
function Zt(e) {
var t = document.createElement("style");
return t.setAttribute("data-emotion", e.key), e.nonce !== void 0 && t.setAttribute("nonce", e.nonce), t.appendChild(document.createTextNode("")), t.setAttribute("data-s", ""), t;
}
var Jt = /* @__PURE__ */ function() {
function e(r) {
var n = this;
this._insertTag = function(i) {
var a;
n.tags.length === 0 ? n.insertionPoint ? a = n.insertionPoint.nextSibling : n.prepend ? a = n.container.firstChild : a = n.before : a = n.tags[n.tags.length - 1].nextSibling, n.container.insertBefore(i, a), n.tags.push(i);
}, this.isSpeedy = r.speedy === void 0 ? !0 : r.speedy, this.tags = [], this.ctr = 0, this.nonce = r.nonce, this.key = r.key, this.container = r.container, this.prepend = r.prepend, this.insertionPoint = r.insertionPoint, this.before = null;
}
var t = e.prototype;
return t.hydrate = function(n) {
n.forEach(this._insertTag);
}, t.insert = function(n) {
this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Zt(this));
var i = this.tags[this.tags.length - 1];
if (this.isSpeedy) {
var a = Kt(i);
try {
a.insertRule(n, a.cssRules.length);
} catch {
}
} else
i.appendChild(document.createTextNode(n));
this.ctr++;
}, t.flush = function() {
this.tags.forEach(function(n) {
var i;
return (i = n.parentNode) == null ? void 0 : i.removeChild(n);
}), this.tags = [], this.ctr = 0;
}, e;
}(), I = "-ms-", le = "-moz-", S = "-webkit-", at = "comm", Ce = "rule", Te = "decl", Qt = "@import", ot = "@keyframes", er = "@layer", tr = Math.abs, ue = String.fromCharCode, rr = Object.assign;
function nr(e, t) {
return L(e, 0) ^ 45 ? (((t << 2 ^ L(e, 0)) << 2 ^ L(e, 1)) << 2 ^ L(e, 2)) << 2 ^ L(e, 3) : 0;
}
function st(e) {
return e.trim();
}
function ir(e, t) {
return (e = t.exec(e)) ? e[0] : e;
}
function E(e, t, r) {
return e.replace(t, r);
}
function we(e, t) {
return e.indexOf(t);
}
function L(e, t) {
return e.charCodeAt(t) | 0;
}
function Z(e, t, r) {
return e.slice(t, r);
}
function F(e) {
return e.length;
}
function $e(e) {
return e.length;
}
function ne(e, t) {
return t.push(e), e;
}
function ar(e, t) {
return e.map(t).join("");
}
var fe = 1, G = 1, ct = 0, N = 0, M = 0, q = "";
function pe(e, t, r, n, i, a, o) {
return { value: e, root: t, parent: r, type: n, props: i, children: a, line: fe, column: G, length: o, return: "" };
}
function K(e, t) {
return rr(pe("", null, null, "", null, null, 0), e, { length: -e.length }, t);
}
function or() {
return M;
}
function sr() {
return M = N > 0 ? L(q, --N) : 0, G--, M === 10 && (G = 1, fe--), M;
}
function D() {
return M = N < ct ? L(q, N++) : 0, G++, M === 10 && (G = 1, fe++), M;
}
function W() {
return L(q, N);
}
function ae() {
return N;
}
function te(e, t) {
return Z(q, e, t);
}
function J(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 lt(e) {
return fe = G = 1, ct = F(q = e), N = 0, [];
}
function dt(e) {
return q = "", e;
}
function oe(e) {
return st(te(N - 1, Se(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
}
function cr(e) {
for (; (M = W()) && M < 33; )
D();
return J(e) > 2 || J(M) > 3 ? "" : " ";
}
function lr(e, t) {
for (; --t && D() && !(M < 48 || M > 102 || M > 57 && M < 65 || M > 70 && M < 97); )
;
return te(e, ae() + (t < 6 && W() == 32 && D() == 32));
}
function Se(e) {
for (; D(); )
switch (M) {
// ] ) " '
case e:
return N;
// " '
case 34:
case 39:
e !== 34 && e !== 39 && Se(M);
break;
// (
case 40:
e === 41 && Se(e);
break;
// \
case 92:
D();
break;
}
return N;
}
function dr(e, t) {
for (; D() && e + M !== 57; )
if (e + M === 84 && W() === 47)
break;
return "/*" + te(t, N - 1) + "*" + ue(e === 47 ? e : D());
}
function ur(e) {
for (; !J(W()); )
D();
return te(e, N);
}
function fr(e) {
return dt(se("", null, null, null, [""], e = lt(e), 0, [0], e));
}
function se(e, t, r, n, i, a, o, l, f) {
for (var h = 0, m = 0, g = o, O = 0, R = 0, x = 0, p = 1, v = 1, y = 1, C = 0, b = "", T = i, c = a, P = n, w = b; v; )
switch (x = C, C = D()) {
// (
case 40:
if (x != 108 && L(w, g - 1) == 58) {
we(w += E(oe(C), "&", "&\f"), "&\f") != -1 && (y = -1);
break;
}
// " ' [
case 34:
case 39:
case 91:
w += oe(C);
break;
// \t \n \r \s
case 9:
case 10:
case 13:
case 32:
w += cr(x);
break;
// \
case 92:
w += lr(ae() - 1, 7);
continue;
// /
case 47:
switch (W()) {
case 42:
case 47:
ne(pr(dr(D(), ae()), t, r), f);
break;
default:
w += "/";
}
break;
// {
case 123 * p:
l[h++] = F(w) * y;
// } ; \0
case 125 * p:
case 59:
case 0:
switch (C) {
// \0 }
case 0:
case 125:
v = 0;
// ;
case 59 + m:
y == -1 && (w = E(w, /\f/g, "")), R > 0 && F(w) - g && ne(R > 32 ? Fe(w + ";", n, r, g - 1) : Fe(E(w, " ", "") + ";", n, r, g - 2), f);
break;
// @ ;
case 59:
w += ";";
// { rule/at-rule
default:
if (ne(P = De(w, t, r, h, m, i, l, b, T = [], c = [], g), a), C === 123)
if (m === 0)
se(w, t, P, P, T, a, g, l, c);
else
switch (O === 99 && L(w, 3) === 110 ? 100 : O) {
// d l m s
case 100:
case 108:
case 109:
case 115:
se(e, P, P, n && ne(De(e, P, P, 0, 0, i, l, b, i, T = [], g), c), i, c, g, l, n ? T : c);
break;
default:
se(w, P, P, P, [""], c, 0, l, c);
}
}
h = m = R = 0, p = y = 1, b = w = "", g = o;
break;
// :
case 58:
g = 1 + F(w), R = x;
default:
if (p < 1) {
if (C == 123)
--p;
else if (C == 125 && p++ == 0 && sr() == 125)
continue;
}
switch (w += ue(C), C * p) {
// &
case 38:
y = m > 0 ? 1 : (w += "\f", -1);
break;
// ,
case 44:
l[h++] = (F(w) - 1) * y, y = 1;
break;
// @
case 64:
W() === 45 && (w += oe(D())), O = W(), m = g = F(b = w += ur(ae())), C++;
break;
// -
case 45:
x === 45 && F(w) == 2 && (p = 0);
}
}
return a;
}
function De(e, t, r, n, i, a, o, l, f, h, m) {
for (var g = i - 1, O = i === 0 ? a : [""], R = $e(O), x = 0, p = 0, v = 0; x < n; ++x)
for (var y = 0, C = Z(e, g + 1, g = tr(p = o[x])), b = e; y < R; ++y)
(b = st(p > 0 ? O[y] + " " + C : E(C, /&\f/g, O[y]))) && (f[v++] = b);
return pe(e, t, r, i === 0 ? Ce : l, f, h, m);
}
function pr(e, t, r) {
return pe(e, t, r, at, ue(or()), Z(e, 2, -2), 0);
}
function Fe(e, t, r, n) {
return pe(e, t, r, Te, Z(e, 0, n), Z(e, n + 1, -1), n);
}
function Y(e, t) {
for (var r = "", n = $e(e), i = 0; i < n; i++)
r += t(e[i], i, e, t) || "";
return r;
}
function hr(e, t, r, n) {
switch (e.type) {
case er:
if (e.children.length) break;
case Qt:
case Te:
return e.return = e.return || e.value;
case at:
return "";
case ot:
return e.return = e.value + "{" + Y(e.children, n) + "}";
case Ce:
e.value = e.props.join(",");
}
return F(r = Y(e.children, n)) ? e.return = e.value + "{" + r + "}" : "";
}
function mr(e) {
var t = $e(e);
return function(r, n, i, a) {
for (var o = "", l = 0; l < t; l++)
o += e[l](r, n, i, a) || "";
return o;
};
}
function gr(e) {
return function(t) {
t.root || (t = t.return) && e(t);
};
}
var ze = function(t) {
var r = /* @__PURE__ */ new WeakMap();
return function(n) {
if (r.has(n))
return r.get(n);
var i = t(n);
return r.set(n, i), i;
};
};
function ut(e) {
var t = /* @__PURE__ */ Object.create(null);
return function(r) {
return t[r] === void 0 && (t[r] = e(r)), t[r];
};
}
var vr = function(t, r, n) {
for (var i = 0, a = 0; i = a, a = W(), i === 38 && a === 12 && (r[n] = 1), !J(a); )
D();
return te(t, N);
}, xr = function(t, r) {
var n = -1, i = 44;
do
switch (J(i)) {
case 0:
i === 38 && W() === 12 && (r[n] = 1), t[n] += vr(N - 1, r, n);
break;
case 2:
t[n] += oe(i);
break;
case 4:
if (i === 44) {
t[++n] = W() === 58 ? "&\f" : "", r[n] = t[n].length;
break;
}
// fallthrough
default:
t[n] += ue(i);
}
while (i = D());
return t;
}, yr = function(t, r) {
return dt(xr(lt(t), r));
}, We = /* @__PURE__ */ new WeakMap(), br = function(t) {
if (!(t.type !== "rule" || !t.parent || // positive .length indicates that this rule contains pseudo
// negative .length indicates that this rule has been already prefixed
t.length < 1)) {
for (var r = t.value, n = t.parent, i = t.column === n.column && t.line === n.line; n.type !== "rule"; )
if (n = n.parent, !n) return;
if (!(t.props.length === 1 && r.charCodeAt(0) !== 58 && !We.get(n)) && !i) {
We.set(t, !0);
for (var a = [], o = yr(r, a), l = n.props, f = 0, h = 0; f < o.length; f++)
for (var m = 0; m < l.length; m++, h++)
t.props[h] = a[f] ? o[f].replace(/&\f/g, l[m]) : l[m] + " " + o[f];
}
}
}, wr = function(t) {
if (t.type === "decl") {
var r = t.value;
// charcode for l
r.charCodeAt(0) === 108 && // charcode for b
r.charCodeAt(2) === 98 && (t.return = "", t.value = "");
}
};
function ft(e, t) {
switch (nr(e, t)) {
// color-adjust
case 5103:
return S + "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 S + e + e;
// appearance, user-select, transform, hyphens, text-size-adjust
case 5349:
case 4246:
case 4810:
case 6968:
case 2756:
return S + e + le + e + I + e + e;
// flex, flex-direction
case 6828:
case 4268:
return S + e + I + e + e;
// order
case 6165:
return S + e + I + "flex-" + e + e;
// align-items
case 5187:
return S + e + E(e, /(\w+).+(:[^]+)/, S + "box-$1$2" + I + "flex-$1$2") + e;
// align-self
case 5443:
return S + e + I + "flex-item-" + E(e, /flex-|-self/, "") + e;
// align-content
case 4675:
return S + e + I + "flex-line-pack" + E(e, /align-content|flex-|-self/, "") + e;
// flex-shrink
case 5548:
return S + e + I + E(e, "shrink", "negative") + e;
// flex-basis
case 5292:
return S + e + I + E(e, "basis", "preferred-size") + e;
// flex-grow
case 6060:
return S + "box-" + E(e, "-grow", "") + S + e + I + E(e, "grow", "positive") + e;
// transition
case 4554:
return S + E(e, /([^-])(transform)/g, "$1" + S + "$2") + e;
// cursor
case 6187:
return E(E(E(e, /(zoom-|grab)/, S + "$1"), /(image-set)/, S + "$1"), e, "") + e;
// background, background-image
case 5495:
case 3959:
return E(e, /(image-set\([^]*)/, S + "$1$`$1");
// justify-content
case 4968:
return E(E(e, /(.+:)(flex-)?(.*)/, S + "box-pack:$3" + I + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + S + e + e;
// (margin|padding)-inline-(start|end)
case 4095:
case 3583:
case 4068:
case 2532:
return E(e, /(.+)-inline(.+)/, S + "$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 (F(e) - 1 - t > 6) switch (L(e, t + 1)) {
// (m)ax-content, (m)in-content
case 109:
if (L(e, t + 4) !== 45) break;
// (f)ill-available, (f)it-content
case 102:
return E(e, /(.+:)(.+)-([^]+)/, "$1" + S + "$2-$3$1" + le + (L(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
// (s)tretch
case 115:
return ~we(e, "stretch") ? ft(E(e, "stretch", "fill-available"), t) + e : e;
}
break;
// position: sticky
case 4949:
if (L(e, t + 1) !== 115) break;
// display: (flex|inline-flex)
case 6444:
switch (L(e, F(e) - 3 - (~we(e, "!important") && 10))) {
// stic(k)y
case 107:
return E(e, ":", ":" + S) + e;
// (inline-)?fl(e)x
case 101:
return E(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + S + (L(e, 14) === 45 ? "inline-" : "") + "box$3$1" + S + "$2$3$1" + I + "$2box$3") + e;
}
break;
// writing-mode
case 5936:
switch (L(e, t + 11)) {
// vertical-l(r)
case 114:
return S + e + I + E(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
// vertical-r(l)
case 108:
return S + e + I + E(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
// horizontal(-)tb
case 45:
return S + e + I + E(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
}
return S + e + I + e + e;
}
return e;
}
var Sr = function(t, r, n, i) {
if (t.length > -1 && !t.return) switch (t.type) {
case Te:
t.return = ft(t.value, t.length);
break;
case ot:
return Y([K(t, {
value: E(t.value, "@", "@" + S)
})], i);
case Ce:
if (t.length) return ar(t.props, function(a) {
switch (ir(a, /(::plac\w+|:read-\w+)/)) {
// :read-(only|write)
case ":read-only":
case ":read-write":
return Y([K(t, {
props: [E(a, /:(read-\w+)/, ":" + le + "$1")]
})], i);
// :placeholder
case "::placeholder":
return Y([K(t, {
props: [E(a, /:(plac\w+)/, ":" + S + "input-$1")]
}), K(t, {
props: [E(a, /:(plac\w+)/, ":" + le + "$1")]
}), K(t, {
props: [E(a, /:(plac\w+)/, I + "input-$1")]
})], i);
}
return "";
});
}
}, Er = [Sr], Cr = function(t) {
var r = t.key;
if (r === "css") {
var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
Array.prototype.forEach.call(n, function(p) {
var v = p.getAttribute("data-emotion");
v.indexOf(" ") !== -1 && (document.head.appendChild(p), p.setAttribute("data-s", ""));
});
}
var i = t.stylisPlugins || Er, a = {}, o, l = [];
o = t.container || document.head, Array.prototype.forEach.call(
// this means we will ignore elements which don't have a space in them which
// means that the style elements we're looking at are only Emotion 11 server-rendered style elements
document.querySelectorAll('style[data-emotion^="' + r + ' "]'),
function(p) {
for (var v = p.getAttribute("data-emotion").split(" "), y = 1; y < v.length; y++)
a[v[y]] = !0;
l.push(p);
}
);
var f, h = [br, wr];
{
var m, g = [hr, gr(function(p) {
m.insert(p);
})], O = mr(h.concat(i, g)), R = function(v) {
return Y(fr(v), O);
};
f = function(v, y, C, b) {
m = C, R(v ? v + "{" + y.styles + "}" : y.styles), b && (x.inserted[y.name] = !0);
};
}
var x = {
key: r,
sheet: new Jt({
key: r,
container: o,
nonce: t.nonce,
speedy: t.speedy,
prepend: t.prepend,
insertionPoint: t.insertionPoint
}),
nonce: t.nonce,
inserted: a,
registered: {},
insert: f
};
return x.sheet.hydrate(l), x;
};
function de() {
return de = Object.assign ? Object.assign.bind() : function(e) {
for (var t = 1; t < arguments.length; t++) {
var r = arguments[t];
for (var n in r) ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
}
return e;
}, de.apply(null, arguments);
}
var ie = { exports: {} }, $ = {};
var Be;
function Tr() {
if (Be) return $;
Be = 1;
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, R = e ? Symbol.for("react.memo") : 60115, x = e ? Symbol.for("react.lazy") : 60116, p = e ? Symbol.for("react.block") : 60121, v = e ? Symbol.for("react.fundamental") : 60117, y = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
function b(c) {
if (typeof c == "object" && c !== null) {
var P = c.$$typeof;
switch (P) {
case t:
switch (c = c.type, c) {
case f:
case h:
case n:
case a:
case i:
case g:
return c;
default:
switch (c = c && c.$$typeof, c) {
case l:
case m:
case x:
case R:
case o:
return c;
default:
return P;
}
}
case r:
return P;
}
}
}
function T(c) {
return b(c) === h;
}
return $.AsyncMode = f, $.ConcurrentMode = h, $.ContextConsumer = l, $.ContextProvider = o, $.Element = t, $.ForwardRef = m, $.Fragment = n, $.Lazy = x, $.Memo = R, $.Portal = r, $.Profiler = a, $.StrictMode = i, $.Suspense = g, $.isAsyncMode = function(c) {
return T(c) || b(c) === f;
}, $.isConcurrentMode = T, $.isContextConsumer = function(c) {
return b(c) === l;
}, $.isContextProvider = function(c) {
return b(c) === o;
}, $.isElement = function(c) {
return typeof c == "object" && c !== null && c.$$typeof === t;
}, $.isForwardRef = function(c) {
return b(c) === m;
}, $.isFragment = function(c) {
return b(c) === n;
}, $.isLazy = function(c) {
return b(c) === x;
}, $.isMemo = function(c) {
return b(c) === R;
}, $.isPortal = function(c) {
return b(c) === r;
}, $.isProfiler = function(c) {
return b(c) === a;
}, $.isStrictMode = function(c) {
return b(c) === i;
}, $.isSuspense = function(c) {
return b(c) === g;
}, $.isValidElementType = function(c) {
return typeof c == "string" || typeof c == "function" || c === n || c === h || c === a || c === i || c === g || c === O || typeof c == "object" && c !== null && (c.$$typeof === x || c.$$typeof === R || c.$$typeof === o || c.$$typeof === l || c.$$typeof === m || c.$$typeof === v || c.$$typeof === y || c.$$typeof === C || c.$$typeof === p);
}, $.typeOf = b, $;
}
var k = {};
var je;
function $r() {
return je || (je = 1, process.env.NODE_ENV !== "production" && function() {
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, o = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, h = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, R = e ? Symbol.for("react.memo") : 60115, x = e ? Symbol.for("react.lazy") : 60116, p = e ? Symbol.for("react.block") : 60121, v = e ? Symbol.for("react.fundamental") : 60117, y = e ? Symbol.for("react.responder") : 60118, C = e ? Symbol.for("react.scope") : 60119;
function b(d) {
return typeof d == "string" || typeof d == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
d === n || d === h || d === a || d === i || d === g || d === O || typeof d == "object" && d !== null && (d.$$typeof === x || d.$$typeof === R || d.$$typeof === o || d.$$typeof === l || d.$$typeof === m || d.$$typeof === v || d.$$typeof === y || d.$$typeof === C || d.$$typeof === p);
}
function T(d) {
if (typeof d == "object" && d !== null) {
var ve = d.$$typeof;
switch (ve) {
case t:
var re = d.type;
switch (re) {
case f:
case h:
case n:
case a:
case i:
case g:
return re;
default:
var Ne = re && re.$$typeof;
switch (Ne) {
case l:
case m:
case x:
case R:
case o:
return Ne;
default:
return ve;
}
}
case r:
return ve;
}
}
}
var c = f, P = h, w = l, X = o, ge = t, j = m, H = n, Rt = x, At = R, Mt = r, Ot = a, Lt = i, It = g, Le = !1;
function Nt(d) {
return Le || (Le = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), Ie(d) || T(d) === f;
}
function Ie(d) {
return T(d) === h;
}
function Dt(d) {
return T(d) === l;
}
function Ft(d) {
return T(d) === o;
}
function zt(d) {
return typeof d == "object" && d !== null && d.$$typeof === t;
}
function Wt(d) {
return T(d) === m;
}
function Bt(d) {
return T(d) === n;
}
function jt(d) {
return T(d) === x;
}
function Ht(d) {
return T(d) === R;
}
function Yt(d) {
return T(d) === r;
}
function Gt(d) {
return T(d) === a;
}
function Ut(d) {
return T(d) === i;
}
function qt(d) {
return T(d) === g;
}
k.AsyncMode = c, k.ConcurrentMode = P, k.ContextConsumer = w, k.ContextProvider = X, k.Element = ge, k.ForwardRef = j, k.Fragment = H, k.Lazy = Rt, k.Memo = At, k.Portal = Mt, k.Profiler = Ot, k.StrictMode = Lt, k.Suspense = It, k.isAsyncMode = Nt, k.isConcurrentMode = Ie, k.isContextConsumer = Dt, k.isContextProvider = Ft, k.isElement = zt, k.isForwardRef = Wt, k.isFragment = Bt, k.isLazy = jt, k.isMemo = Ht, k.isPortal = Yt, k.isProfiler = Gt, k.isStrictMode = Ut, k.isSuspense = qt, k.isValidElementType = b, k.typeOf = T;
}()), k;
}
var He;
function kr() {
return He || (He = 1, process.env.NODE_ENV === "production" ? ie.exports = Tr() : ie.exports = $r()), ie.exports;
}
var xe, Ye;
function Pr() {
if (Ye) return xe;
Ye = 1;
var e = kr(), t = {
childContextTypes: !0,
contextType: !0,
contextTypes: !0,
defaultProps: !0,
displayName: !0,
getDefaultProps: !0,
getDerivedStateFromError: !0,
getDerivedStateFromProps: !0,
mixins: !0,
propTypes: !0,
type: !0
}, r = {
name: !0,
length: !0,
prototype: !0,
caller: !0,
callee: !0,
arguments: !0,
arity: !0
}, n = {
$$typeof: !0,
render: !0,
defaultProps: !0,
displayName: !0,
propTypes: !0
}, i = {
$$typeof: !0,
compare: !0,
defaultProps: !0,
displayName: !0,
propTypes: !0,
type: !0
}, a = {};
a[e.ForwardRef] = n, a[e.Memo] = i;
function o(x) {
return e.isMemo(x) ? i : a[x.$$typeof] || t;
}
var l = Object.defineProperty, f = Object.getOwnPropertyNames, h = Object.getOwnPropertySymbols, m = Object.getOwnPropertyDescriptor, g = Object.getPrototypeOf, O = Object.prototype;
function R(x, p, v) {
if (typeof p != "string") {
if (O) {
var y = g(p);
y && y !== O && R(x, y, v);
}
var C = f(p);
h && (C = C.concat(h(p)));
for (var b = o(x), T = o(p), c = 0; c < C.length; ++c) {
var P = C[c];
if (!r[P] && !(v && v[P]) && !(T && T[P]) && !(b && b[P])) {
var w = m(p, P);
try {
l(x, P, w);
} catch {
}
}
}
}
return x;
}
return xe = R, xe;
}
Pr();
var _r = !0;
function pt(e, t, r) {
var n = "";
return r.split(" ").forEach(function(i) {
e[i] !== void 0 ? t.push(e[i] + ";") : i && (n += i + " ");
}), n;
}
var ke = function(t, r, n) {
var i = t.key + "-" + r.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
_r === !1) && t.registered[i] === void 0 && (t.registered[i] = r.styles);
}, Pe = function(t, r, n) {
ke(t, r, n);
var i = t.key + "-" + r.name;
if (t.inserted[r.name] === void 0) {
var a = r;
do
t.insert(r === a ? "." + i : "", a, t.sheet, !0), a = a.next;
while (a !== void 0);
}
};
function Rr(e) {
for (var t = 0, r, n = 0, i = e.length; i >= 4; ++n, i -= 4)
r = e.charCodeAt(n) & 255 | (e.charCodeAt(++n) & 255) << 8 | (e.charCodeAt(++n) & 255) << 16 | (e.charCodeAt(++n) & 255) << 24, r = /* Math.imul(k, m): */
(r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
r >>> 24, t = /* Math.imul(k, m): */
(r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
(t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
switch (i) {
case 3:
t ^= (e.charCodeAt(n + 2) & 255) << 16;
case 2:
t ^= (e.charCodeAt(n + 1) & 255) << 8;
case 1:
t ^= e.charCodeAt(n) & 255, t = /* Math.imul(h, m): */
(t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
}
return t ^= t >>> 13, t = /* Math.imul(h, m): */
(t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
}
var Ar = {
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
}, Mr = /[A-Z]|^ms/g, Or = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ht = function(t) {
return t.charCodeAt(1) === 45;
}, Ge = function(t) {
return t != null && typeof t != "boolean";
}, ye = /* @__PURE__ */ ut(function(e) {
return ht(e) ? e : e.replace(Mr, "-$&").toLowerCase();
}), Ue = function(t, r) {
switch (t) {
case "animation":
case "animationName":
if (typeof r == "string")
return r.replace(Or, function(n, i, a) {
return z = {
name: i,
styles: a,
next: z
}, i;
});
}
return Ar[t] !== 1 && !ht(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
};
function Q(e, t, r) {
if (r == null)
return "";
var n = r;
if (n.__emotion_styles !== void 0)
return n;
switch (typeof r) {
case "boolean":
return "";
case "object": {
var i = r;
if (i.anim === 1)
return z = {
name: i.name,
styles: i.styles,
next: z
}, i.name;
var a = r;
if (a.styles !== void 0) {
var o = a.next;
if (o !== void 0)
for (; o !== void 0; )
z = {
name: o.name,
styles: o.styles,
next: z
}, o = o.next;
var l = a.styles + ";";
return l;
}
return Lr(e, t, r);
}
case "function": {
if (e !== void 0) {
var f = z, h = r(e);
return z = f, Q(e, t, h);
}
break;
}
}
var m = r;
if (t == null)
return m;
var g = t[m];
return g !== void 0 ? g : m;
}
function Lr(e, t, r) {
var n = "";
if (Array.isArray(r))
for (var i = 0; i < r.length; i++)
n += Q(e, t, r[i]) + ";";
else
for (var a in r) {
var o = r[a];
if (typeof o != "object") {
var l = o;
t != null && t[l] !== void 0 ? n += a + "{" + t[l] + "}" : Ge(l) && (n += ye(a) + ":" + Ue(a, l) + ";");
} else if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0))
for (var f = 0; f < o.length; f++)
Ge(o[f]) && (n += ye(a) + ":" + Ue(a, o[f]) + ";");
else {
var h = Q(e, t, o);
switch (a) {
case "animation":
case "animationName": {
n += ye(a) + ":" + h + ";";
break;
}
default:
n += a + "{" + h + "}";
}
}
}
return n;
}
var qe = /label:\s*([^\s;{]+)\s*(;|$)/g, z;
function he(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, i = "";
z = void 0;
var a = e[0];
if (a == null || a.raw === void 0)
n = !1, i += Q(r, t, a);
else {
var o = a;
i += o[0];
}
for (var l = 1; l < e.length; l++)
if (i += Q(r, t, e[l]), n) {
var f = a;
i += f[l];
}
qe.lastIndex = 0;
for (var h = "", m; (m = qe.exec(i)) !== null; )
h += "-" + m[1];
var g = Rr(i) + h;
return {
name: g,
styles: i,
next: z
};
}
var Ir = function(t) {
return t();
}, mt = A.useInsertionEffect ? A.useInsertionEffect : !1, gt = mt || Ir, Ve = mt || A.useLayoutEffect, vt = /* @__PURE__ */ A.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__ */ Cr({
key: "css"
}) : null
);
vt.Provider;
var _e = function(t) {
return /* @__PURE__ */ Xt(function(r, n) {
var i = U(vt);
return t(r, i, n);
});
}, ee = /* @__PURE__ */ A.createContext({}), Nr = function(t, r) {
if (typeof r == "function") {
var n = r(t);
return n;
}
return de({}, t, r);
}, Dr = /* @__PURE__ */ ze(function(e) {
return ze(function(t) {
return Nr(e, t);
});
}), Fr = function(t) {
var r = A.useContext(ee);
return t.theme !== r && (r = Dr(r)(t.theme)), /* @__PURE__ */ A.createElement(ee.Provider, {
value: r
}, t.children);
}, Re = {}.hasOwnProperty, Ee = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", zr = function(t, r) {
var n = {};
for (var i in r)
Re.call(r, i) && (n[i] = r[i]);
return n[Ee] = t, n;
}, Wr = function(t) {
var r = t.cache, n = t.serialized, i = t.isStringTag;
return ke(r, n, i), gt(function() {
return Pe(r, n, i);
}), null;
}, Br = /* @__PURE__ */ _e(function(e, t, r) {
var n = e.css;
typeof n == "string" && t.registered[n] !== void 0 && (n = t.registered[n]);
var i = e[Ee], a = [n], o = "";
typeof e.className == "string" ? o = pt(t.registered, a, e.className) : e.className != null && (o = e.className + " ");
var l = he(a, void 0, A.useContext(ee));
o += t.key + "-" + l.name;
var f = {};
for (var h in e)
Re.call(e, h) && h !== "css" && h !== Ee && (f[h] = e[h]);
return f.className = o, r && (f.ref = r), /* @__PURE__ */ A.createElement(A.Fragment, null, /* @__PURE__ */ A.createElement(Wr, {
cache: t,
serialized: l,
isStringTag: typeof i == "string"
}), /* @__PURE__ */ A.createElement(i, f));
}), jr = Br, Xe = function(t, r) {
var n = arguments;
if (r == null || !Re.call(r, "css"))
return A.createElement.apply(void 0, n);
var i = n.length, a = new Array(i);
a[0] = jr, a[1] = zr(t, r);
for (var o = 2; o < i; o++)
a[o] = n[o];
return A.createElement.apply(null, a);
};
(function(e) {
var t;
t || (t = e.JSX || (e.JSX = {}));
})(Xe || (Xe = {}));
var Hr = /* @__PURE__ */ _e(function(e, t) {
var r = e.styles, n = he([r], void 0, A.useContext(ee)), i = A.useRef();
return Ve(function() {
var a = t.key + "-global", o = new t.sheet.constructor({
key: a,
nonce: t.sheet.nonce,
container: t.sheet.container,
speedy: t.sheet.isSpeedy
}), l = !1, f = document.querySelector('style[data-emotion="' + a + " " + n.name + '"]');
return t.sheet.tags.length && (o.before = t.sheet.tags[0]), f !== null && (l = !0, f.setAttribute("data-emotion", a), o.hydrate([f])), i.current = [o, l], function() {
o.flush();
};
}, [t]), Ve(function() {
var a = i.current, o = a[0], l = a[1];
if (l) {
a[1] = !1;
return;
}
if (n.next !== void 0 && Pe(t, n.next, !0), o.tags.length) {
var f = o.tags[o.tags.length - 1].nextElementSibling;
o.before = f, o.flush();
}
t.insert("", n, o, !1);
}, [t, n.name]), null;
});
function Yr() {
for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
t[r] = arguments[r];
return he(t);
}
const xt = {
Component: /* @__PURE__ */ s(Vt, {}),
isOpen: !1
}, me = tt({
dispatch: () => {
},
state: xt
}), yt = "GLOBAL_DIALOG", bt = `${yt}_SET_OPEN`, Gr = `${yt}_SET_STATE`, Ae = (e, t) => ({
type: bt,
value: { isOpen: e, Component: t }
});
var 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)-.*))$/, qr = /* @__PURE__ */ ut(
function(e) {
return Ur.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
}
/* Z+1 */
), Vr = qr, Xr = function(t) {
return t !== "theme";
}, Ke = function(t) {
return typeof t == "string" && // 96 is one less than the char code
// for "a" so this is checking that
// it's a lowercase character
t.charCodeAt(0) > 96 ? Vr : Xr;
}, Ze = function(t, r, n) {
var i;
if (r) {
var a = r.shouldForwardProp;
i = t.__emotion_forwardProp && a ? function(o) {
return t.__emotion_forwardProp(o) && a(o);
} : a;
}
return typeof i != "function" && n && (i = t.__emotion_forwardProp), i;
}, Kr = function(t) {
var r = t.cache, n = t.serialized, i = t.isStringTag;
return ke(r, n, i), gt(function() {
return Pe(r, n, i);
}), null;
}, Zr = function e(t, r) {
var n = t.__emotion_real === t, i = n && t.__emotion_base || t, a, o;
r !== void 0 && (a = r.label, o = r.target);
var l = Ze(t, r, n), f = l || Ke(i), h = !f("as");
return function() {
var m = arguments, g = n && t.__emotion_styles !== void 0 ? t.__emotion_styles.slice(0) : [];
if (a !== void 0 && g.push("label:" + a + ";"), m[0] == null || m[0].raw === void 0)
g.push.apply(g, m);
else {
var O = m[0];
g.push(O[0]);
for (var R = m.length, x = 1; x < R; x++)
g.push(m[x], O[x]);
}
var p = _e(function(v, y, C) {
var b = h && v.as || i, T = "", c = [], P = v;
if (v.theme == null) {
P = {};
for (var w in v)
P[w] = v[w];
P.theme = A.useContext(ee);
}
typeof v.className == "string" ? T = pt(y.registered, c, v.className) : v.className != null && (T = v.className + " ");
var X = he(g.concat(c), y.registered, P);
T += y.key + "-" + X.name, o !== void 0 && (T += " " + o);
var ge = h && l === void 0 ? Ke(b) : f, j = {};
for (var H in v)
h && H === "as" || ge(H) && (j[H] = v[H]);
return j.className = T, C && (j.ref = C), /* @__PURE__ */ A.createElement(A.Fragment, null, /* @__PURE__ */ A.createElement(Kr, {
cache: y,
serialized: X,
isStringTag: typeof b == "string"
}), /* @__PURE__ */ A.createElement(b, j));
});
return p.displayName = a !== void 0 ? a : "Styled(" + (typeof i == "string" ? i : i.displayName || i.name || "Component") + ")", p.defaultProps = t.defaultProps, p.__emotion_real = p, p.__emotion_base = i, p.__emotion_styles = g, p.__emotion_forwardProp = l, Object.defineProperty(p, "toString", {
value: function() {
return "." + o;
}
}), p.withComponent = function(v, y) {
var C = e(v, de({}, r, y, {
shouldForwardProp: Ze(p, y, !0)
}));
return C.apply(void 0, g);
}, p;
};
}, Jr = [
"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"
], u = Zr.bind(null);
Jr.forEach(function(e) {
u[e] = u(e);
});
const Qr = u.div`
position: fixed;
z-index: 1300;
inset: 0;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s;
`, en = u.div`
border-radius: 8px;
box-shadow: 0 3px 16px rgba(0, 0, 0, 0.2);
padding: 24px;
min-width: 320px;
max-width: ${({ maxWidth: e, fullWidth: t }) => t === !0 ? "calc(100vw - 32px)" : e === "sm" ? "600px" : e === "md" ? "960px" : typeof e == "string" && e.trim() !== "" ? e : "600px"};
width: ${({ fullWidth: e }) => e === !0 ? "100%" : "auto"};
margin: 16px;
animation: dialog-fade-in 0.3s cubic-bezier(0.4, 0, 0.2, 1);
@keyframes dialog-fade-in {
from {
opacity: 0;
transform: scale(0.95);
}
to {
opacity: 1;
transform: scale(1);
}
}
`, tn = ({
open: e,
onClose: t,
children: r,
maxWidth: n = "sm",
fullWidth: i = !1
}) => (rt(() => {
if (e) {
document.body.style.overflow = "hidden";
const o = (l) => {
l.key === "Escape" && t !== void 0 && t();
};
return window.addEventListener("keydown", o), () => {
document.body.style.overflow = "", window.removeEventListener("keydown", o);
};
} else
document.body.style.overflow = "";
return () => {
document.body.style.overflow = "";
};
}, [e, t]), e ? /* @__PURE__ */ s(Qr, { onClick: (o) => {
o.target === o.currentTarget && t !== void 0 && t();
}, children: /* @__PURE__ */ s(en, { maxWidth: n, fullWidth: i, children: r }) }) : null);
function rn({ className: e }) {
const { dispatch: t, state: r } = U(me);
return /* @__PURE__ */ s(
tn,
{
maxWidth: "lg",
onClose: () => {
t(Ae(!1));
},
open: r.isOpen,
children: r.Component === void 0 ? null : /* @__PURE__ */ s("div", { className: e ?? "", children: r.Component })
}
);
}
const wt = {
previousButton: {
hidePrevious: "Hide previous",
showPrevious: "Show previous"
}
}, nn = ({ theme: e }) => /* @__PURE__ */ s(
Hr,
{
styles: Yr`
/* width */
::-webkit-scrollbar {
height: 8px;
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: ${e.palette.scrollBar.default};
border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: ${e.palette.scrollBar.hover};
}
`
}
);
function an({ children: e }) {
const [t, r] = nt(
(i, a) => {
switch (a.type) {
case bt:
return {
...i,
Component: a.value.Component,
isOpen: a.value.isOpen
};
case Gr:
return a.value;
}
},
xt
), n = B(() => ({ dispatch: r, state: t }), [r, t]);
return /* @__PURE__ */ s(me.Provider, { value: n, children: e });
}
const St = {
showMilestonesFinished: !1,
translation: wt
}, Me = tt({
dispatch: () => {
},
state: St
}), Oe = "GLOBAL_SETTINGS", Et = `${Oe}_ARE_SHOWING_PREVIOUS_MILESTONES`, on = `${Oe}_SET_STATE`, Ct = `${Oe}_SET_TRANSLATION`;
function sn({ children: e }) {
const [t, r] = nt(
(i, a) => {
switch (a.type) {
case Et:
return {
...i,
showMilestonesFinished: a.value.showMilestonesFinished
};
case on:
return a.value;
case Ct:
return {
...i,
translation: a.value.translation
};
}
},
St
), n = B(() => ({ dispatch: r, state: t }), [r, t]);
return /* @__PURE__ */ s(Me.Provider, { value: n, children: e });
}
const Je = (e) => ({
type: Et,
value: { showMilestonesFinished: e }
}), cn = (e) => ({
type: Ct,
value: { translation: e }
});
function ln({ title: e }) {
return e === "" ? null : /* @__PURE__ */ s("title", { children: e });
}
function V({ children: e, title: t = "", ...r }) {
return /* @__PURE__ */ _(
"svg",
{
version: "1.1",
xmlns: "http://www.w3.org/2000/svg",
xmlnsXlink: "http://www.w3.org/1999/xlink",
...r,
children: [
/* @__PURE__ */ s(ln, { title: t }),
e
]
}
);
}
function Tt(e) {
return /* @__PURE__ */ s(V, { height: "2", viewBox: "0 0 16 2", width: "16", ...e, children: /* @__PURE__ */ s(
"path",
{
d: "M16 0.999973C16 0.508938 15.6291 0.111084 15.1714 0.111084H0.82857C0.371428 0.111084 0 0.508938 0 0.999973C0 1.49101 0.371428 1.88886 0.82857 1.88886H15.1714C15.6291 1.88886 16 1.49101 16 0.999973Z",
fill: "currentColor"
}
) });
}
function $t(e) {
return /* @__PURE__ */ s(V, { height: "16", viewBox: "0 0 16 16", width: "16", ...e, children: /* @__PURE__ */ s(
"path",
{
d: "M8 0C8.49103 0 8.8889 0.370858 8.8889 0.828572L8.88847 7.11059L15.1714 7.11111C15.6291 7.11111 16 7.50897 16 8C16 8.49103 15.6291 8.88889 15.1714 8.88889L8.88847 8.88847L8.8889 15.1714C8.8889 15.6291 8.49103 16 8 16C7.50897 16 7.1111 15.6291 7.1111 15.1714L7.11058 8.88847L0.82857 8.88889C0.371428 8.88889 0 8.49103 0 8C0