@foi/design-system 0.0.10 → 0.0.12

package/dist/{emotion-react-jsx-runtime.browser.esm-BFNmScj4.js → emotion-react-jsx-runtime.browser.esm-ClrpcFMG.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./theme-DEqiATmv.js";
+import { n as e } from "./theme-D18AZjTt.js";
 import * as t from "react";
 import n, { forwardRef as r, useContext as i, useLayoutEffect as a, useMemo as o } from "react";
 import * as s from "react/jsx-runtime";
@@ -37,82 +37,84 @@ var p = (e) => {
 			n[`--${e}-${t}-${r.toUpperCase()}`] = `${i}`;
 		});
 	}), n;
-}, g = () => {
+}, g = (e, t) => t ? Object.fromEntries(Object.entries(t).map(([t, n]) => [t, h(e, n)])) : {}, _ = () => {
 	let t = {};
 	Object.entries(e.components).forEach(([e, n]) => {
-		t[e] = h(e, n);
+		t[e] = g(e, n);
 	});
 	let n = Object.entries(e.fonts).reduce((e, [t, n]) => ({
 		...e,
 		[`--${t.toUpperCase()}`]: n
 	}), {});
-	return Object.assign(t, { FONT: n }), t;
-}, _ = m((e) => ({
-	themes: { DARK: g() },
+	return Object.assign(t, { FONT: { DEFAULT: n } }), t;
+}, v = m((e) => ({
+	themes: { DARK: _() },
 	theme: "DARK",
 	setThemes: (t) => e(() => ({ themes: t })),
 	setTheme: (t) => e(() => ({ theme: t }))
-})), v = (e, t) => {
-	let { themes: n, theme: r } = _(), i = n[r] ?? {};
+})), y = (e, t, n = "DEFAULT") => {
+	let { themes: r, theme: i } = v(), a = r[i] ?? {};
 	return { componentStyles: o(() => {
-		let n = {};
+		let r = {};
 		if (e.forEach((e) => {
-			i[e] && Object.assign(n, i[e]);
+			let t = a[e];
+			t?.[n] && Object.assign(r, t[n]);
 		}), t) {
-			let r = h(e[0], t);
-			Object.keys(r).length > 0 && Object.assign(n, r);
+			let n = h(e[0], { EVENTS: t });
+			Object.keys(n).length > 0 && Object.assign(r, n);
 		}
 		return {
-			...n,
-			...i.FONT
+			...r,
+			...a.FONT?.DEFAULT ?? {}
 		};
 	}, [
 		e,
 		t,
-		i
+		n,
+		a
 	]) };
-}, y = (e, t) => {
-	let { setThemes: n, setTheme: r } = _();
+}, b = (e, t) => {
+	let { setThemes: n, setTheme: r } = v();
 	a(() => {
 		let t = {};
 		e.forEach((e) => {
 			let n = {};
 			Object.entries(e.components).forEach(([e, t]) => {
-				let r = h(e, t);
+				let r = g(e, t);
 				Object.assign(n, { [e]: r });
 			});
 			let r = Object.entries(e.fonts).reduce((e, [t, n]) => (e[`--${t.toUpperCase()}`] = n, e), {});
-			Object.assign(n, { FONT: r }), t[e.name.toUpperCase()] = n;
+			Object.assign(n, { FONT: { DEFAULT: r } }), t[e.name.toUpperCase()] = n;
 		}), n(t);
 	}, [e]), a(() => {
 		r(t.toUpperCase());
 	}, [t]);
-}, b = !1;
-function x(e) {
+}, x = !1;
+function S(e) {
 	if (e.sheet) return e.sheet;
 	/* istanbul ignore next */
 	for (var t = 0; t < document.styleSheets.length; t++) if (document.styleSheets[t].ownerNode === e) return document.styleSheets[t];
 }
-function S(e) {
+function C(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 C = /* @__PURE__ */ function() {
+var ee = /* @__PURE__ */ function() {
 	function e(e) {
 		var t = this;
 		this._insertTag = function(e) {
 			var n = t.tags.length === 0 ? t.insertionPoint ? t.insertionPoint.nextSibling : t.prepend ? t.container.firstChild : t.before : t.tags[t.tags.length - 1].nextSibling;
 			t.container.insertBefore(e, n), t.tags.push(e);
-		}, this.isSpeedy = e.speedy === void 0 ? !b : e.speedy, this.tags = [], this.ctr = 0, this.nonce = e.nonce, this.key = e.key, this.container = e.container, this.prepend = e.prepend, this.insertionPoint = e.insertionPoint, this.before = null;
+		}, this.isSpeedy = e.speedy === void 0 ? !x : e.speedy, this.tags = [], this.ctr = 0, this.nonce = e.nonce, this.key = e.key, this.container = e.container, this.prepend = e.prepend, this.insertionPoint = e.insertionPoint, this.before = null;
 	}
 	var t = e.prototype;
 	return t.hydrate = function(e) {
 		e.forEach(this._insertTag);
 	}, t.insert = function(e) {
-		this.ctr % (this.isSpeedy ? 65e3 : 1) == 0 && this._insertTag(S(this));
+		this.ctr % (this.isSpeedy ? 65e3 : 1) == 0 && this._insertTag(C(this));
 		var t = this.tags[this.tags.length - 1];
 		if (this.isSpeedy) {
-			var n = x(t);
+			var n = S(t);
 			try {
 				n.insertRule(e, n.cssRules.length);
 			} catch {}
@@ -123,43 +125,43 @@ var C = /* @__PURE__ */ function() {
 			return e.parentNode?.removeChild(e);
 		}), this.tags = [], this.ctr = 0;
 	}, e;
-}(), w = "-ms-", T = "-moz-", E = "-webkit-", ee = "comm", D = "rule", O = "decl", te = "@import", ne = "@keyframes", re = "@layer", ie = Math.abs, k = String.fromCharCode, ae = Object.assign;
-function oe(e, t) {
-	return N(e, 0) ^ 45 ? (((t << 2 ^ N(e, 0)) << 2 ^ N(e, 1)) << 2 ^ N(e, 2)) << 2 ^ N(e, 3) : 0;
+}(), w = "-ms-", T = "-moz-", E = "-webkit-", te = "comm", D = "rule", O = "decl", ne = "@import", re = "@keyframes", ie = "@layer", ae = Math.abs, k = String.fromCharCode, oe = Object.assign;
+function se(e, t) {
+	return M(e, 0) ^ 45 ? (((t << 2 ^ M(e, 0)) << 2 ^ M(e, 1)) << 2 ^ M(e, 2)) << 2 ^ M(e, 3) : 0;
 }
-function A(e) {
+function ce(e) {
 	return e.trim();
 }
-function se(e, t) {
+function le(e, t) {
 	return (e = t.exec(e)) ? e[0] : e;
 }
-function j(e, t, n) {
+function A(e, t, n) {
 	return e.replace(t, n);
 }
-function M(e, t) {
+function j(e, t) {
 	return e.indexOf(t);
 }
-function N(e, t) {
+function M(e, t) {
 	return e.charCodeAt(t) | 0;
 }
-function P(e, t, n) {
+function N(e, t, n) {
 	return e.slice(t, n);
 }
-function F(e) {
+function P(e) {
 	return e.length;
 }
-function ce(e) {
+function F(e) {
 	return e.length;
 }
 function I(e, t) {
 	return t.push(e), e;
 }
-function le(e, t) {
+function ue(e, t) {
 	return e.map(t).join("");
 }
 //#endregion
 //#region node_modules/stylis/src/Tokenizer.js
-var L = 1, R = 1, ue = 0, z = 0, B = 0, V = "";
+var L = 1, R = 1, de = 0, z = 0, B = 0, V = "";
 function H(e, t, n, r, i, a, o) {
 	return {
 		value: e,
@@ -175,25 +177,25 @@ function H(e, t, n, r, i, a, o) {
 	};
 }
 function U(e, t) {
-	return ae(H("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+	return oe(H("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
-function de() {
+function fe() {
 	return B;
 }
-function fe() {
-	return B = z > 0 ? N(V, --z) : 0, R--, B === 10 && (R = 1, L--), B;
+function pe() {
+	return B = z > 0 ? M(V, --z) : 0, R--, B === 10 && (R = 1, L--), B;
 }
 function W() {
-	return B = z < ue ? N(V, z++) : 0, R++, B === 10 && (R = 1, L++), B;
+	return B = z < de ? M(V, z++) : 0, R++, B === 10 && (R = 1, L++), B;
 }
 function G() {
-	return N(V, z);
+	return M(V, z);
 }
 function K() {
 	return z;
 }
 function q(e, t) {
-	return P(V, e, t);
+	return N(V, e, t);
 }
 function J(e) {
 	switch (e) {
@@ -222,32 +224,32 @@ function J(e) {
 	}
 	return 0;
 }
-function pe(e) {
-	return L = R = 1, ue = F(V = e), z = 0, [];
-}
 function me(e) {
+	return L = R = 1, de = P(V = e), z = 0, [];
+}
+function he(e) {
 	return V = "", e;
 }
 function Y(e) {
-	return A(q(z - 1, _e(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+	return ce(q(z - 1, ve(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function he(e) {
+function ge(e) {
 	for (; (B = G()) && B < 33;) W();
 	return J(e) > 2 || J(B) > 3 ? "" : " ";
 }
-function ge(e, t) {
+function _e(e, t) {
 	for (; --t && W() && !(B < 48 || B > 102 || B > 57 && B < 65 || B > 70 && B < 97););
 	return q(e, K() + (t < 6 && G() == 32 && W() == 32));
 }
-function _e(e) {
+function ve(e) {
 	for (; W();) switch (B) {
 		case e: return z;
 		case 34:
 		case 39:
-			e !== 34 && e !== 39 && _e(B);
+			e !== 34 && e !== 39 && ve(B);
 			break;
 		case 40:
-			e === 41 && _e(e);
+			e === 41 && ve(e);
 			break;
 		case 92:
 			W();
@@ -255,23 +257,23 @@ function _e(e) {
 	}
 	return z;
 }
-function ve(e, t) {
+function ye(e, t) {
 	for (; W() && e + B !== 57 && !(e + B === 84 && G() === 47););
 	return "/*" + q(t, z - 1) + "*" + k(e === 47 ? e : W());
 }
-function ye(e) {
+function be(e) {
 	for (; !J(G());) W();
 	return q(e, z);
 }
 //#endregion
 //#region node_modules/stylis/src/Parser.js
-function be(e) {
-	return me(xe("", null, null, null, [""], e = pe(e), 0, [0], e));
+function xe(e) {
+	return he(X("", null, null, null, [""], e = me(e), 0, [0], e));
 }
-function xe(e, t, n, r, i, a, o, s, c) {
+function X(e, t, n, r, i, a, o, s, c) {
 	for (var l = 0, u = 0, d = o, f = 0, p = 0, m = 0, h = 1, g = 1, _ = 1, v = 0, y = "", b = i, x = a, S = r, C = y; g;) switch (m = v, v = W()) {
-		case 40: if (m != 108 && N(C, d - 1) == 58) {
-			M(C += j(Y(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
+		case 40: if (m != 108 && M(C, d - 1) == 58) {
+			j(C += A(Y(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
 			break;
 		}
 		case 34:
@@ -283,21 +285,21 @@ function xe(e, t, n, r, i, a, o, s, c) {
 		case 10:
 		case 13:
 		case 32:
-			C += he(m);
+			C += ge(m);
 			break;
 		case 92:
-			C += ge(K() - 1, 7);
+			C += _e(K() - 1, 7);
 			continue;
 		case 47:
 			switch (G()) {
 				case 42:
 				case 47:
-					I(Ce(ve(W(), K()), t, n), c);
+					I(Ce(ye(W(), K()), t, n), c);
 					break;
 				default: C += "/";
 			}
 			break;
-		case 123 * h: s[l++] = F(C) * _;
+		case 123 * h: s[l++] = P(C) * _;
 		case 125 * h:
 		case 59:
 		case 0:
@@ -305,74 +307,74 @@ function xe(e, t, n, r, i, a, o, s, c) {
 				case 0:
 				case 125: g = 0;
 				case 59 + u:
-					_ == -1 && (C = j(C, /\f/g, "")), p > 0 && F(C) - d && I(p > 32 ? we(C + ";", r, n, d - 1) : we(j(C, " ", "") + ";", r, n, d - 2), c);
+					_ == -1 && (C = A(C, /\f/g, "")), p > 0 && P(C) - d && I(p > 32 ? we(C + ";", r, n, d - 1) : we(A(C, " ", "") + ";", r, n, d - 2), c);
 					break;
 				case 59: C += ";";
-				default: if (I(S = Se(C, t, n, l, u, i, s, y, b = [], x = [], d), a), v === 123) if (u === 0) xe(C, t, S, S, b, a, d, s, x);
-				else switch (f === 99 && N(C, 3) === 110 ? 100 : f) {
+				default: if (I(S = Se(C, t, n, l, u, i, s, y, b = [], x = [], d), a), v === 123) if (u === 0) X(C, t, S, S, b, a, d, s, x);
+				else switch (f === 99 && M(C, 3) === 110 ? 100 : f) {
 					case 100:
 					case 108:
 					case 109:
 					case 115:
-						xe(e, S, S, r && I(Se(e, S, S, 0, 0, i, s, y, i, b = [], d), x), i, x, d, s, r ? b : x);
+						X(e, S, S, r && I(Se(e, S, S, 0, 0, i, s, y, i, b = [], d), x), i, x, d, s, r ? b : x);
 						break;
-					default: xe(C, S, S, S, [""], x, 0, s, x);
+					default: X(C, S, S, S, [""], x, 0, s, x);
 				}
 			}
 			l = u = p = 0, h = _ = 1, y = C = "", d = o;
 			break;
-		case 58: d = 1 + F(C), p = m;
+		case 58: d = 1 + P(C), p = m;
 		default:
 			if (h < 1) {
 				if (v == 123) --h;
-				else if (v == 125 && h++ == 0 && fe() == 125) continue;
+				else if (v == 125 && h++ == 0 && pe() == 125) continue;
 			}
 			switch (C += k(v), v * h) {
 				case 38:
 					_ = u > 0 ? 1 : (C += "\f", -1);
 					break;
 				case 44:
-					s[l++] = (F(C) - 1) * _, _ = 1;
+					s[l++] = (P(C) - 1) * _, _ = 1;
 					break;
 				case 64:
-					G() === 45 && (C += Y(W())), f = G(), u = d = F(y = C += ye(K())), v++;
+					G() === 45 && (C += Y(W())), f = G(), u = d = P(y = C += be(K())), v++;
 					break;
-				case 45: m === 45 && F(C) == 2 && (h = 0);
+				case 45: m === 45 && P(C) == 2 && (h = 0);
 			}
 	}
 	return a;
 }
 function Se(e, t, n, r, i, a, o, s, c, l, u) {
-	for (var d = i - 1, f = i === 0 ? a : [""], p = ce(f), m = 0, h = 0, g = 0; m < r; ++m) for (var _ = 0, v = P(e, d + 1, d = ie(h = o[m])), y = e; _ < p; ++_) (y = A(h > 0 ? f[_] + " " + v : j(v, /&\f/g, f[_]))) && (c[g++] = y);
+	for (var d = i - 1, f = i === 0 ? a : [""], p = F(f), m = 0, h = 0, g = 0; m < r; ++m) for (var _ = 0, v = N(e, d + 1, d = ae(h = o[m])), y = e; _ < p; ++_) (y = ce(h > 0 ? f[_] + " " + v : A(v, /&\f/g, f[_]))) && (c[g++] = y);
 	return H(e, t, n, i === 0 ? D : s, c, l, u);
 }
 function Ce(e, t, n) {
-	return H(e, t, n, ee, k(de()), P(e, 2, -2), 0);
+	return H(e, t, n, te, k(fe()), N(e, 2, -2), 0);
 }
 function we(e, t, n, r) {
-	return H(e, t, n, O, P(e, 0, r), P(e, r + 1, -1), r);
+	return H(e, t, n, O, N(e, 0, r), N(e, r + 1, -1), r);
 }
 //#endregion
 //#region node_modules/stylis/src/Serializer.js
-function X(e, t) {
-	for (var n = "", r = ce(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
+function Z(e, t) {
+	for (var n = "", r = F(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
 	return n;
 }
 function Te(e, t, n, r) {
 	switch (e.type) {
-		case re: if (e.children.length) break;
-		case te:
+		case ie: if (e.children.length) break;
+		case ne:
 		case O: return e.return = e.return || e.value;
-		case ee: return "";
-		case ne: return e.return = e.value + "{" + X(e.children, r) + "}";
+		case te: return "";
+		case re: return e.return = e.value + "{" + Z(e.children, r) + "}";
 		case D: e.value = e.props.join(",");
 	}
-	return F(n = X(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+	return P(n = Z(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
 }
 //#endregion
 //#region node_modules/stylis/src/Middleware.js
 function Ee(e) {
-	var t = ce(e);
+	var t = F(e);
 	return function(n, r, i, a) {
 		for (var o = "", s = 0; s < t; s++) o += e[s](n, r, i, a) || "";
 		return o;
@@ -415,7 +417,7 @@ var ke = function(e, t, n) {
 	while (r = W());
 	return e;
 }, je = function(e, t) {
-	return me(Ae(pe(e), t));
+	return he(Ae(me(e), t));
 }, Me = /* @__PURE__ */ new WeakMap(), Ne = function(e) {
 	if (!(e.type !== "rule" || !e.parent || e.length < 1)) {
 		for (var t = e.value, n = e.parent, r = e.column === n.column && e.line === n.line; n.type !== "rule";) if (n = n.parent, !n) return;
@@ -431,7 +433,7 @@ var ke = function(e, t, n) {
 	}
 };
 function Fe(e, t) {
-	switch (oe(e, t)) {
+	switch (se(e, t)) {
 		case 5103: return E + "print-" + e + e;
 		case 5737:
 		case 4201:
@@ -466,21 +468,21 @@ function Fe(e, t) {
 		case 6828:
 		case 4268: return E + e + w + e + e;
 		case 6165: return E + e + w + "flex-" + e + e;
-		case 5187: return E + e + j(e, /(\w+).+(:[^]+)/, E + "box-$1$2" + w + "flex-$1$2") + e;
-		case 5443: return E + e + w + "flex-item-" + j(e, /flex-|-self/, "") + e;
-		case 4675: return E + e + w + "flex-line-pack" + j(e, /align-content|flex-|-self/, "") + e;
-		case 5548: return E + e + w + j(e, "shrink", "negative") + e;
-		case 5292: return E + e + w + j(e, "basis", "preferred-size") + e;
-		case 6060: return E + "box-" + j(e, "-grow", "") + E + e + w + j(e, "grow", "positive") + e;
-		case 4554: return E + j(e, /([^-])(transform)/g, "$1" + E + "$2") + e;
-		case 6187: return j(j(j(e, /(zoom-|grab)/, E + "$1"), /(image-set)/, E + "$1"), e, "") + e;
+		case 5187: return E + e + A(e, /(\w+).+(:[^]+)/, E + "box-$1$2" + w + "flex-$1$2") + e;
+		case 5443: return E + e + w + "flex-item-" + A(e, /flex-|-self/, "") + e;
+		case 4675: return E + e + w + "flex-line-pack" + A(e, /align-content|flex-|-self/, "") + e;
+		case 5548: return E + e + w + A(e, "shrink", "negative") + e;
+		case 5292: return E + e + w + A(e, "basis", "preferred-size") + e;
+		case 6060: return E + "box-" + A(e, "-grow", "") + E + e + w + A(e, "grow", "positive") + e;
+		case 4554: return E + A(e, /([^-])(transform)/g, "$1" + E + "$2") + e;
+		case 6187: return A(A(A(e, /(zoom-|grab)/, E + "$1"), /(image-set)/, E + "$1"), e, "") + e;
 		case 5495:
-		case 3959: return j(e, /(image-set\([^]*)/, E + "$1$`$1");
-		case 4968: return j(j(e, /(.+:)(flex-)?(.*)/, E + "box-pack:$3" + w + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + E + e + e;
+		case 3959: return A(e, /(image-set\([^]*)/, E + "$1$`$1");
+		case 4968: return A(A(e, /(.+:)(flex-)?(.*)/, E + "box-pack:$3" + w + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + E + e + e;
 		case 4095:
 		case 3583:
 		case 4068:
-		case 2532: return j(e, /(.+)-inline(.+)/, E + "$1$2") + e;
+		case 2532: return A(e, /(.+)-inline(.+)/, E + "$1$2") + e;
 		case 8116:
 		case 7059:
 		case 5753:
@@ -493,24 +495,24 @@ function Fe(e, t) {
 		case 5789:
 		case 5021:
 		case 4765:
-			if (F(e) - 1 - t > 6) switch (N(e, t + 1)) {
-				case 109: if (N(e, t + 4) !== 45) break;
-				case 102: return j(e, /(.+:)(.+)-([^]+)/, "$1" + E + "$2-$3$1" + T + (N(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
-				case 115: return ~M(e, "stretch") ? Fe(j(e, "stretch", "fill-available"), t) + e : e;
+			if (P(e) - 1 - t > 6) switch (M(e, t + 1)) {
+				case 109: if (M(e, t + 4) !== 45) break;
+				case 102: return A(e, /(.+:)(.+)-([^]+)/, "$1" + E + "$2-$3$1" + T + (M(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+				case 115: return ~j(e, "stretch") ? Fe(A(e, "stretch", "fill-available"), t) + e : e;
 			}
 			break;
-		case 4949: if (N(e, t + 1) !== 115) break;
+		case 4949: if (M(e, t + 1) !== 115) break;
 		case 6444:
-			switch (N(e, F(e) - 3 - (~M(e, "!important") && 10))) {
-				case 107: return j(e, ":", ":" + E) + e;
-				case 101: return j(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + E + (N(e, 14) === 45 ? "inline-" : "") + "box$3$1" + E + "$2$3$1" + w + "$2box$3") + e;
+			switch (M(e, P(e) - 3 - (~j(e, "!important") && 10))) {
+				case 107: return A(e, ":", ":" + E) + e;
+				case 101: return A(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + E + (M(e, 14) === 45 ? "inline-" : "") + "box$3$1" + E + "$2$3$1" + w + "$2box$3") + e;
 			}
 			break;
 		case 5936:
-			switch (N(e, t + 11)) {
-				case 114: return E + e + w + j(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
-				case 108: return E + e + w + j(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
-				case 45: return E + e + w + j(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+			switch (M(e, t + 11)) {
+				case 114: return E + e + w + A(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+				case 108: return E + e + w + A(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+				case 45: return E + e + w + A(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
 			}
 			return E + e + w + e + e;
 	}
@@ -521,15 +523,15 @@ var Ie = [function(e, t, n, r) {
 		case O:
 			e.return = Fe(e.value, e.length);
 			break;
-		case ne: return X([U(e, { value: j(e.value, "@", "@" + E) })], r);
-		case D: if (e.length) return le(e.props, function(t) {
-			switch (se(t, /(::plac\w+|:read-\w+)/)) {
+		case re: return Z([U(e, { value: A(e.value, "@", "@" + E) })], r);
+		case D: if (e.length) return ue(e.props, function(t) {
+			switch (le(t, /(::plac\w+|:read-\w+)/)) {
 				case ":read-only":
-				case ":read-write": return X([U(e, { props: [j(t, /:(read-\w+)/, ":" + T + "$1")] })], r);
-				case "::placeholder": return X([
-					U(e, { props: [j(t, /:(plac\w+)/, ":" + E + "input-$1")] }),
-					U(e, { props: [j(t, /:(plac\w+)/, ":" + T + "$1")] }),
-					U(e, { props: [j(t, /:(plac\w+)/, w + "input-$1")] })
+				case ":read-write": return Z([U(e, { props: [A(t, /:(read-\w+)/, ":" + T + "$1")] })], r);
+				case "::placeholder": return Z([
+					U(e, { props: [A(t, /:(plac\w+)/, ":" + E + "input-$1")] }),
+					U(e, { props: [A(t, /:(plac\w+)/, ":" + T + "$1")] }),
+					U(e, { props: [A(t, /:(plac\w+)/, w + "input-$1")] })
 				], r);
 			}
 			return "";
@@ -551,14 +553,14 @@ var Ie = [function(e, t, n, r) {
 	var s, c = [Ne, Pe], l, u = [Te, De(function(e) {
 		l.insert(e);
 	})], d = Ee(c.concat(r, u)), f = function(e) {
-		return X(be(e), d);
+		return Z(xe(e), d);
 	};
 	s = function(e, t, n, r) {
 		l = n, f(e ? e + "{" + t.styles + "}" : t.styles), r && (p.inserted[t.name] = !0);
 	};
 	var p = {
 		key: t,
-		sheet: new C({
+		sheet: new ee({
 			key: t,
 			container: a,
 			nonce: e.nonce,
@@ -662,47 +664,47 @@ var Ie = [function(e, t, n, r) {
 				}
 			}
 		}
-		var S = l, C = u, w = c, T = s, E = n, ee = d, D = i, O = h, te = m, ne = r, re = o, ie = a, k = f, ae = !1;
+		var S = l, C = u, ee = c, w = s, T = n, E = d, te = i, D = h, O = m, ne = r, re = o, ie = a, ae = f, k = !1;
 		function oe(e) {
-			return ae || (ae = !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.")), A(e) || x(e) === l;
+			return k || (k = !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.")), se(e) || x(e) === l;
 		}
-		function A(e) {
+		function se(e) {
 			return x(e) === u;
 		}
-		function se(e) {
+		function ce(e) {
 			return x(e) === c;
 		}
-		function j(e) {
+		function le(e) {
 			return x(e) === s;
 		}
-		function M(e) {
+		function A(e) {
 			return typeof e == "object" && !!e && e.$$typeof === n;
 		}
-		function N(e) {
+		function j(e) {
 			return x(e) === d;
 		}
-		function P(e) {
+		function M(e) {
 			return x(e) === i;
 		}
-		function F(e) {
+		function N(e) {
 			return x(e) === h;
 		}
-		function ce(e) {
+		function P(e) {
 			return x(e) === m;
 		}
-		function I(e) {
+		function F(e) {
 			return x(e) === r;
 		}
-		function le(e) {
+		function I(e) {
 			return x(e) === o;
 		}
-		function L(e) {
+		function ue(e) {
 			return x(e) === a;
 		}
-		function R(e) {
+		function L(e) {
 			return x(e) === f;
 		}
-		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = w, e.ContextProvider = T, e.Element = E, e.ForwardRef = ee, e.Fragment = D, e.Lazy = O, e.Memo = te, e.Portal = ne, e.Profiler = re, e.StrictMode = ie, e.Suspense = k, e.isAsyncMode = oe, e.isConcurrentMode = A, e.isContextConsumer = se, e.isContextProvider = j, e.isElement = M, e.isForwardRef = N, e.isFragment = P, e.isLazy = F, e.isMemo = ce, e.isPortal = I, e.isProfiler = le, e.isStrictMode = L, e.isSuspense = R, e.isValidElementType = b, e.typeOf = x;
+		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = ee, e.ContextProvider = w, e.Element = T, e.ForwardRef = E, e.Fragment = te, e.Lazy = D, e.Memo = O, e.Portal = ne, e.Profiler = re, e.StrictMode = ie, e.Suspense = ae, e.isAsyncMode = oe, e.isConcurrentMode = se, e.isContextConsumer = ce, e.isContextProvider = le, e.isElement = A, e.isForwardRef = j, e.isFragment = M, e.isLazy = N, e.isMemo = P, e.isPortal = F, e.isProfiler = I, e.isStrictMode = ue, e.isSuspense = L, e.isValidElementType = b, e.typeOf = x;
 	})();
 })), Be = /* @__PURE__ */ c(((e, t) => {
 	process.env.NODE_ENV === "production" ? t.exports = Re() : t.exports = ze();
@@ -858,16 +860,16 @@ var qe = {
 	switch (e) {
 		case "animation":
 		case "animationName": if (typeof t == "string") return t.replace(Xe, function(e, t, n) {
-			return Q = {
+			return $ = {
 				name: t,
 				styles: n,
-				next: Q
+				next: $
 			}, t;
 		});
 	}
 	return qe[e] !== 1 && !Ze(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
 }, tt = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
-function Z(e, t, n) {
+function Q(e, t, n) {
 	if (n == null) return "";
 	var r = n;
 	if (r.__emotion_styles !== void 0) return r;
@@ -875,26 +877,26 @@ function Z(e, t, n) {
 		case "boolean": return "";
 		case "object":
 			var i = n;
-			if (i.anim === 1) return Q = {
+			if (i.anim === 1) return $ = {
 				name: i.name,
 				styles: i.styles,
-				next: Q
+				next: $
 			}, i.name;
 			var a = n;
 			if (a.styles !== void 0) {
 				var o = a.next;
-				if (o !== void 0) for (; o !== void 0;) Q = {
+				if (o !== void 0) for (; o !== void 0;) $ = {
 					name: o.name,
 					styles: o.styles,
-					next: Q
+					next: $
 				}, o = o.next;
 				return a.styles + ";";
 			}
 			return nt(e, t, n);
 		case "function":
 			if (e !== void 0) {
-				var s = Q, c = n(e);
-				return Q = s, Z(e, t, c);
+				var s = $, c = n(e);
+				return $ = s, Q(e, t, c);
 			}
 			break;
 	}
@@ -905,7 +907,7 @@ function Z(e, t, n) {
 }
 function nt(e, t, n) {
 	var r = "";
-	if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += Z(e, t, n[i]) + ";";
+	if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += Q(e, t, n[i]) + ";";
 	else for (var a in n) {
 		var o = n[a];
 		if (typeof o != "object") {
@@ -915,7 +917,7 @@ function nt(e, t, n) {
 			if (a === "NO_COMPONENT_SELECTOR" && Je) throw Error(tt);
 			if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0)) for (var c = 0; c < o.length; c++) Qe(o[c]) && (r += $e(a) + ":" + et(a, o[c]) + ";");
 			else {
-				var l = Z(e, t, o);
+				var l = Q(e, t, o);
 				switch (a) {
 					case "animation":
 					case "animationName":
@@ -928,20 +930,20 @@ function nt(e, t, n) {
 	}
 	return r;
 }
-var rt = /label:\s*([^\s;{]+)\s*(;|$)/g, Q;
+var rt = /label:\s*([^\s;{]+)\s*(;|$)/g, $;
 function it(e, t, n) {
 	if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0) return e[0];
 	var r = !0, i = "";
-	Q = void 0;
+	$ = void 0;
 	var a = e[0];
-	a == null || a.raw === void 0 ? (r = !1, i += Z(n, t, a)) : i += a[0];
-	for (var o = 1; o < e.length; o++) i += Z(n, t, e[o]), r && (i += a[o]);
+	a == null || a.raw === void 0 ? (r = !1, i += Q(n, t, a)) : i += a[0];
+	for (var o = 1; o < e.length; o++) i += Q(n, t, e[o]), r && (i += a[o]);
 	rt.lastIndex = 0;
 	for (var s = "", c; (c = rt.exec(i)) !== null;) s += "-" + c[1];
 	return {
 		name: Ke(i) + s,
 		styles: i,
-		next: Q
+		next: $
 	};
 }
 //#endregion
@@ -956,37 +958,37 @@ var lt = function(e) {
 	return /* @__PURE__ */ r(function(t, n) {
 		return e(t, i(ct), n);
 	});
-}, ut = /* @__PURE__ */ t.createContext({}), $ = {}.hasOwnProperty, dt = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", ft = function(e, t) {
+}, ut = /* @__PURE__ */ t.createContext({}), dt = {}.hasOwnProperty, ft = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", pt = function(e, t) {
 	var n = {};
-	for (var r in t) $.call(t, r) && (n[r] = t[r]);
-	return n[dt] = e, n;
-}, pt = function(e) {
+	for (var r in t) dt.call(t, r) && (n[r] = t[r]);
+	return n[ft] = e, n;
+}, mt = function(e) {
 	var t = e.cache, n = e.serialized, r = e.isStringTag;
 	return We(t, n, r), st(function() {
 		return Ge(t, n, r);
 	}), null;
-}, mt = /* @__PURE__ */ lt(function(e, n, r) {
+}, ht = /* @__PURE__ */ lt(function(e, n, r) {
 	var i = e.css;
 	typeof i == "string" && n.registered[i] !== void 0 && (i = n.registered[i]);
-	var a = e[dt], o = [i], s = "";
+	var a = e[ft], o = [i], s = "";
 	typeof e.className == "string" ? s = Ue(n.registered, o, e.className) : e.className != null && (s = e.className + " ");
 	var c = it(o, void 0, t.useContext(ut));
 	s += n.key + "-" + c.name;
 	var l = {};
-	for (var u in e) $.call(e, u) && u !== "css" && u !== dt && (l[u] = e[u]);
-	return l.className = s, r && (l.ref = r), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(pt, {
+	for (var u in e) dt.call(e, u) && u !== "css" && u !== ft && (l[u] = e[u]);
+	return l.className = s, r && (l.ref = r), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(mt, {
 		cache: n,
 		serialized: c,
 		isStringTag: typeof a == "string"
 	}), /* @__PURE__ */ t.createElement(a, l));
 });
 Ve();
-var ht = s.Fragment, gt = function(e, t, n) {
-	return $.call(t, "css") ? s.jsx(mt, ft(e, t), n) : s.jsx(e, t, n);
-}, _t = function(e, t, n) {
-	return $.call(t, "css") ? s.jsxs(mt, ft(e, t), n) : s.jsxs(e, t, n);
+var gt = s.Fragment, _t = function(e, t, n) {
+	return dt.call(t, "css") ? s.jsx(ht, pt(e, t), n) : s.jsx(e, t, n);
+}, vt = function(e, t, n) {
+	return dt.call(t, "css") ? s.jsxs(ht, pt(e, t), n) : s.jsxs(e, t, n);
 };
 //#endregion
-export { y as a, v as i, gt as n, _t as r, ht as t };
+export { b as a, y as i, _t as n, vt as r, gt as t };
 
-//# sourceMappingURL=emotion-react-jsx-runtime.browser.esm-BFNmScj4.js.map
+//# sourceMappingURL=emotion-react-jsx-runtime.browser.esm-ClrpcFMG.js.map