@foi/design-system 0.0.19 → 0.0.20

package/dist/{IconButton-C3x-E-ot.js → Toast-k4dxCveh.js}

@@ -1,10 +1,10 @@
 import { n as e, r as t } from "./theme-BjrtNRDQ.js";
 import * as n from "react";
-import r, { forwardRef as i, useContext as a, useLayoutEffect as o, useMemo as s, useState as c } from "react";
-import { css as l } from "@emotion/react";
-import * as u from "react/jsx-runtime";
+import r, { createContext as i, forwardRef as a, useCallback as o, useContext as s, useEffect as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import { css as p, keyframes as m } from "@emotion/react";
+import * as h from "react/jsx-runtime";
 //#region \0rolldown/runtime.js
-var d = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), f = (e) => {
+var g = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), _ = (e) => {
 	let t, n = /* @__PURE__ */ new Set(), r = (e, r) => {
 		let i = typeof e == "function" ? e(t) : e;
 		if (!Object.is(i, t)) {
@@ -18,15 +18,15 @@ var d = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		subscribe: (e) => (n.add(e), () => n.delete(e))
 	}, o = t = e(r, i, a);
 	return a;
-}, p = ((e) => e ? f(e) : f), m = (e) => e;
-function h(e, t = m) {
+}, v = ((e) => e ? _(e) : _), y = (e) => e;
+function b(e, t = y) {
 	let n = r.useSyncExternalStore(e.subscribe, r.useCallback(() => t(e.getState()), [e, t]), r.useCallback(() => t(e.getInitialState()), [e, t]));
 	return r.useDebugValue(n), n;
 }
-var g = (e) => {
-	let t = p(e), n = (e) => h(t, e);
+var x = (e) => {
+	let t = v(e), n = (e) => b(t, e);
 	return Object.assign(n, t), n;
-}, _ = ((e) => e ? g(e) : g), v = (e, t) => {
+}, S = ((e) => e ? x(e) : x), C = (e, t) => {
 	let n = {};
 	return t && Object.entries(t).forEach(([t, r]) => {
 		let i = Object.values(r)[0];
@@ -38,30 +38,30 @@ var g = (e) => {
 			n[`--${e}-${t}-${r.toUpperCase()}`] = `${i}`;
 		});
 	}), n;
-}, y = (e, t) => t ? Object.fromEntries(Object.entries(t).map(([t, n]) => [t, v(e, n)])) : {}, b = () => {
+}, ee = (e, t) => t ? Object.fromEntries(Object.entries(t).map(([t, n]) => [t, C(e, n)])) : {}, te = () => {
 	let t = {};
 	Object.entries(e.components).forEach(([e, n]) => {
-		t[e] = y(e, n);
+		t[e] = ee(e, n);
 	});
 	let n = Object.entries(e.fonts).reduce((e, [t, n]) => ({
 		...e,
 		[`--${t.toUpperCase()}`]: n
 	}), {});
 	return Object.assign(t, { FONT: { DEFAULT: n } }), t;
-}, x = _((e) => ({
-	themes: { DARK: b() },
+}, ne = S((e) => ({
+	themes: { DARK: te() },
 	theme: "DARK",
 	setThemes: (t) => e(() => ({ themes: t })),
 	setTheme: (t) => e(() => ({ theme: t }))
-})), S = (e, t, n = "DEFAULT") => {
-	let { themes: r, theme: i } = x();
-	return { componentStyles: s(() => {
+})), re = (e, t, n = "DEFAULT") => {
+	let { themes: r, theme: i } = ne();
+	return { componentStyles: u(() => {
 		let a = r[i] ?? {}, o = {};
 		if (e.forEach((e) => {
 			let t = a[e];
 			t?.[n] && Object.assign(o, t[n]);
 		}), t) {
-			let n = v(e[0], { EVENTS: t });
+			let n = C(e[0], { EVENTS: t });
 			Object.keys(n).length > 0 && Object.assign(o, n);
 		}
 		return {
@@ -75,50 +75,50 @@ var g = (e) => {
 		r,
 		i
 	]) };
-}, C = (e, t) => {
-	let { setThemes: n, setTheme: r } = x();
-	o(() => {
+}, ie = (e, t) => {
+	let { setThemes: n, setTheme: r } = ne();
+	l(() => {
 		let t = {};
 		e.forEach((e) => {
 			let n = {};
 			Object.entries(e.components).forEach(([e, t]) => {
-				let r = y(e, t);
+				let r = ee(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: { DEFAULT: r } }), t[e.name.toUpperCase()] = n;
 		}), n(t);
-	}, [e]), o(() => {
+	}, [e]), l(() => {
 		r(t.toUpperCase());
 	}, [t]);
-}, ee = /* @__PURE__ */ function(e) {
+}, ae = /* @__PURE__ */ function(e) {
 	return e.CHIP = "CHIP", e.BUTTON = "BUTTON", e.ICONBUTTON = "ICONBUTTON", e.TEXTFIELD = "TEXTFIELD", e.NUMBERFIELD = "NUMBERFIELD", e.CHECKBOX = "CHECKBOX", e.RADIO = "RADIO", e.SELECT = "SELECT", e.SELECTMENU = "SELECTMENU", e.SWITCH = "SWITCH", e.SLIDER = "SLIDER", e.DATEPICKER = "DATEPICKER", e.DATEPICKERMENU = "DATEPICKERMENU", e.PAGINATION = "PAGINATION", e.PAGINATIONMENU = "PAGINATIONMENU", e.TOAST = "TOAST", e.CHECKBOXGROUP = "CHECKBOXGROUP", e.CHECKBOXTREE = "CHECKBOXTREE", e.RADIOGROUP = "RADIOGROUP", e.MODAL = "MODAL", e.DATAGRID = "DATAGRID", e.DATAGRIDMENU = "DATAGRIDMENU", e;
-}({}), te = !1;
-function ne(e) {
+}({}), oe = !1;
+function se(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 re(e) {
+function ce(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 ie = /* @__PURE__ */ function() {
+var le = /* @__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 ? !te : 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 ? !oe : 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(re(this));
+		this.ctr % (this.isSpeedy ? 65e3 : 1) == 0 && this._insertTag(ce(this));
 		var t = this.tags[this.tags.length - 1];
 		if (this.isSpeedy) {
-			var n = ne(t);
+			var n = se(t);
 			try {
 				n.insertRule(e, n.cssRules.length);
 			} catch {}
@@ -129,20 +129,20 @@ var ie = /* @__PURE__ */ function() {
 			return e.parentNode?.removeChild(e);
 		}), this.tags = [], this.ctr = 0;
 	}, e;
-}(), w = "-ms-", T = "-moz-", E = "-webkit-", ae = "comm", D = "rule", O = "decl", oe = "@import", se = "@keyframes", ce = "@layer", le = Math.abs, k = String.fromCharCode, ue = Object.assign;
-function de(e, t) {
+}(), w = "-ms-", T = "-moz-", E = "-webkit-", D = "comm", O = "rule", k = "decl", ue = "@import", de = "@keyframes", fe = "@layer", pe = Math.abs, A = String.fromCharCode, me = Object.assign;
+function he(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 fe(e) {
+function ge(e) {
 	return e.trim();
 }
-function pe(e, t) {
+function _e(e, t) {
 	return (e = t.exec(e)) ? e[0] : e;
 }
-function A(e, t, n) {
+function j(e, t, n) {
 	return e.replace(t, n);
 }
-function j(e, t) {
+function ve(e, t) {
 	return e.indexOf(t);
 }
 function M(e, t) {
@@ -154,19 +154,19 @@ function N(e, t, n) {
 function P(e) {
 	return e.length;
 }
-function me(e) {
+function ye(e) {
 	return e.length;
 }
 function F(e, t) {
 	return t.push(e), e;
 }
-function he(e, t) {
+function be(e, t) {
 	return e.map(t).join("");
 }
 //#endregion
 //#region node_modules/stylis/src/Tokenizer.js
-var ge = 1, I = 1, _e = 0, L = 0, R = 0, z = "";
-function B(e, t, n, r, i, a, o) {
+var I = 1, L = 1, xe = 0, R = 0, z = 0, B = "";
+function V(e, t, n, r, i, a, o) {
 	return {
 		value: e,
 		root: t,
@@ -174,34 +174,34 @@ function B(e, t, n, r, i, a, o) {
 		type: r,
 		props: i,
 		children: a,
-		line: ge,
-		column: I,
+		line: I,
+		column: L,
 		length: o,
 		return: ""
 	};
 }
-function V(e, t) {
-	return ue(B("", null, null, "", null, null, 0), e, { length: -e.length }, t);
-}
-function ve() {
-	return R;
+function H(e, t) {
+	return me(V("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
-function ye() {
-	return R = L > 0 ? M(z, --L) : 0, I--, R === 10 && (I = 1, ge--), R;
+function Se() {
+	return z;
 }
-function H() {
-	return R = L < _e ? M(z, L++) : 0, I++, R === 10 && (I = 1, ge++), R;
+function Ce() {
+	return z = R > 0 ? M(B, --R) : 0, L--, z === 10 && (L = 1, I--), z;
 }
 function U() {
-	return M(z, L);
+	return z = R < xe ? M(B, R++) : 0, L++, z === 10 && (L = 1, I++), z;
 }
 function W() {
-	return L;
+	return M(B, R);
+}
+function G() {
+	return R;
 }
-function G(e, t) {
-	return N(z, e, t);
+function K(e, t) {
+	return N(B, e, t);
 }
-function K(e) {
+function q(e) {
 	switch (e) {
 		case 0:
 		case 9:
@@ -228,77 +228,77 @@ function K(e) {
 	}
 	return 0;
 }
-function be(e) {
-	return ge = I = 1, _e = P(z = e), L = 0, [];
+function we(e) {
+	return I = L = 1, xe = P(B = e), R = 0, [];
 }
-function xe(e) {
-	return z = "", e;
+function Te(e) {
+	return B = "", e;
 }
-function q(e) {
-	return fe(G(L - 1, we(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+function Ee(e) {
+	return ge(K(R - 1, ke(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
-function Se(e) {
-	for (; (R = U()) && R < 33;) H();
-	return K(e) > 2 || K(R) > 3 ? "" : " ";
+function De(e) {
+	for (; (z = W()) && z < 33;) U();
+	return q(e) > 2 || q(z) > 3 ? "" : " ";
 }
-function Ce(e, t) {
-	for (; --t && H() && !(R < 48 || R > 102 || R > 57 && R < 65 || R > 70 && R < 97););
-	return G(e, W() + (t < 6 && U() == 32 && H() == 32));
+function Oe(e, t) {
+	for (; --t && U() && !(z < 48 || z > 102 || z > 57 && z < 65 || z > 70 && z < 97););
+	return K(e, G() + (t < 6 && W() == 32 && U() == 32));
 }
-function we(e) {
-	for (; H();) switch (R) {
-		case e: return L;
+function ke(e) {
+	for (; U();) switch (z) {
+		case e: return R;
 		case 34:
 		case 39:
-			e !== 34 && e !== 39 && we(R);
+			e !== 34 && e !== 39 && ke(z);
 			break;
 		case 40:
-			e === 41 && we(e);
+			e === 41 && ke(e);
 			break;
 		case 92:
-			H();
+			U();
 			break;
 	}
-	return L;
+	return R;
 }
-function Te(e, t) {
-	for (; H() && e + R !== 57 && !(e + R === 84 && U() === 47););
-	return "/*" + G(t, L - 1) + "*" + k(e === 47 ? e : H());
+function Ae(e, t) {
+	for (; U() && e + z !== 57 && !(e + z === 84 && W() === 47););
+	return "/*" + K(t, R - 1) + "*" + A(e === 47 ? e : U());
 }
-function Ee(e) {
-	for (; !K(U());) H();
-	return G(e, L);
+function je(e) {
+	for (; !q(W());) U();
+	return K(e, R);
 }
 //#endregion
 //#region node_modules/stylis/src/Parser.js
-function De(e) {
-	return xe(J("", null, null, null, [""], e = be(e), 0, [0], e));
+function Me(e) {
+	return Te(Ne("", null, null, null, [""], e = we(e), 0, [0], e));
 }
-function J(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 = H()) {
+function Ne(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 = U()) {
 		case 40: if (m != 108 && M(C, d - 1) == 58) {
-			j(C += A(q(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
+			ve(C += j(Ee(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
 			break;
 		}
 		case 34:
 		case 39:
 		case 91:
-			C += q(v);
+			C += Ee(v);
 			break;
 		case 9:
 		case 10:
 		case 13:
 		case 32:
-			C += Se(m);
+			C += De(m);
 			break;
 		case 92:
-			C += Ce(W() - 1, 7);
+			C += Oe(G() - 1, 7);
 			continue;
 		case 47:
-			switch (U()) {
+			switch (W()) {
 				case 42:
 				case 47:
-					F(ke(Te(H(), W()), t, n), c);
+					F(Fe(Ae(U(), G()), t, n), c);
 					break;
 				default: C += "/";
 			}
@@ -311,18 +311,18 @@ function J(e, t, n, r, i, a, o, s, c) {
 				case 0:
 				case 125: g = 0;
 				case 59 + u:
-					_ == -1 && (C = A(C, /\f/g, "")), p > 0 && P(C) - d && F(p > 32 ? Ae(C + ";", r, n, d - 1) : Ae(A(C, " ", "") + ";", r, n, d - 2), c);
+					_ == -1 && (C = j(C, /\f/g, "")), p > 0 && P(C) - d && F(p > 32 ? Ie(C + ";", r, n, d - 1) : Ie(j(C, " ", "") + ";", r, n, d - 2), c);
 					break;
 				case 59: C += ";";
-				default: if (F(S = Oe(C, t, n, l, u, i, s, y, b = [], x = [], d), a), v === 123) if (u === 0) J(C, t, S, S, b, a, d, s, x);
+				default: if (F(S = Pe(C, t, n, l, u, i, s, y, b = [], x = [], d), a), v === 123) if (u === 0) Ne(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:
-						J(e, S, S, r && F(Oe(e, S, S, 0, 0, i, s, y, i, b = [], d), x), i, x, d, s, r ? b : x);
+						Ne(e, S, S, r && F(Pe(e, S, S, 0, 0, i, s, y, i, b = [], d), x), i, x, d, s, r ? b : x);
 						break;
-					default: J(C, S, S, S, [""], x, 0, s, x);
+					default: Ne(C, S, S, S, [""], x, 0, s, x);
 				}
 			}
 			l = u = p = 0, h = _ = 1, y = C = "", d = o;
@@ -331,9 +331,9 @@ function J(e, t, n, r, i, a, o, s, c) {
 		default:
 			if (h < 1) {
 				if (v == 123) --h;
-				else if (v == 125 && h++ == 0 && ye() == 125) continue;
+				else if (v == 125 && h++ == 0 && Ce() == 125) continue;
 			}
-			switch (C += k(v), v * h) {
+			switch (C += A(v), v * h) {
 				case 38:
 					_ = u > 0 ? 1 : (C += "\f", -1);
 					break;
@@ -341,57 +341,57 @@ function J(e, t, n, r, i, a, o, s, c) {
 					s[l++] = (P(C) - 1) * _, _ = 1;
 					break;
 				case 64:
-					U() === 45 && (C += q(H())), f = U(), u = d = P(y = C += Ee(W())), v++;
+					W() === 45 && (C += Ee(U())), f = W(), u = d = P(y = C += je(G())), v++;
 					break;
 				case 45: m === 45 && P(C) == 2 && (h = 0);
 			}
 	}
 	return a;
 }
-function Oe(e, t, n, r, i, a, o, s, c, l, u) {
-	for (var d = i - 1, f = i === 0 ? a : [""], p = me(f), m = 0, h = 0, g = 0; m < r; ++m) for (var _ = 0, v = N(e, d + 1, d = le(h = o[m])), y = e; _ < p; ++_) (y = fe(h > 0 ? f[_] + " " + v : A(v, /&\f/g, f[_]))) && (c[g++] = y);
-	return B(e, t, n, i === 0 ? D : s, c, l, u);
+function Pe(e, t, n, r, i, a, o, s, c, l, u) {
+	for (var d = i - 1, f = i === 0 ? a : [""], p = ye(f), m = 0, h = 0, g = 0; m < r; ++m) for (var _ = 0, v = N(e, d + 1, d = pe(h = o[m])), y = e; _ < p; ++_) (y = ge(h > 0 ? f[_] + " " + v : j(v, /&\f/g, f[_]))) && (c[g++] = y);
+	return V(e, t, n, i === 0 ? O : s, c, l, u);
 }
-function ke(e, t, n) {
-	return B(e, t, n, ae, k(ve()), N(e, 2, -2), 0);
+function Fe(e, t, n) {
+	return V(e, t, n, D, A(Se()), N(e, 2, -2), 0);
 }
-function Ae(e, t, n, r) {
-	return B(e, t, n, O, N(e, 0, r), N(e, r + 1, -1), r);
+function Ie(e, t, n, r) {
+	return V(e, t, n, k, N(e, 0, r), N(e, r + 1, -1), r);
 }
 //#endregion
 //#region node_modules/stylis/src/Serializer.js
-function Y(e, t) {
-	for (var n = "", r = me(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
+function J(e, t) {
+	for (var n = "", r = ye(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
 	return n;
 }
-function je(e, t, n, r) {
+function Le(e, t, n, r) {
 	switch (e.type) {
-		case ce: if (e.children.length) break;
-		case oe:
-		case O: return e.return = e.return || e.value;
-		case ae: return "";
-		case se: return e.return = e.value + "{" + Y(e.children, r) + "}";
-		case D: e.value = e.props.join(",");
+		case fe: if (e.children.length) break;
+		case ue:
+		case k: return e.return = e.return || e.value;
+		case D: return "";
+		case de: return e.return = e.value + "{" + J(e.children, r) + "}";
+		case O: e.value = e.props.join(",");
 	}
-	return P(n = Y(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+	return P(n = J(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
 }
 //#endregion
 //#region node_modules/stylis/src/Middleware.js
-function Me(e) {
-	var t = me(e);
+function Re(e) {
+	var t = ye(e);
 	return function(n, r, i, a) {
 		for (var o = "", s = 0; s < t; s++) o += e[s](n, r, i, a) || "";
 		return o;
 	};
 }
-function Ne(e) {
+function ze(e) {
 	return function(t) {
 		t.root || (t = t.return) && e(t);
 	};
 }
 //#endregion
 //#region node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
-function Pe(e) {
+function Be(e) {
 	var t = Object.create(null);
 	return function(n) {
 		return t[n] === void 0 && (t[n] = e(n)), t[n];
@@ -399,45 +399,45 @@ function Pe(e) {
 }
 //#endregion
 //#region node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js
-var Fe = function(e, t, n) {
-	for (var r = 0, i = 0; r = i, i = U(), r === 38 && i === 12 && (t[n] = 1), !K(i);) H();
-	return G(e, L);
-}, Ie = function(e, t) {
+var Ve = function(e, t, n) {
+	for (var r = 0, i = 0; r = i, i = W(), r === 38 && i === 12 && (t[n] = 1), !q(i);) U();
+	return K(e, R);
+}, He = function(e, t) {
 	var n = -1, r = 44;
 	do
-		switch (K(r)) {
+		switch (q(r)) {
 			case 0:
-				r === 38 && U() === 12 && (t[n] = 1), e[n] += Fe(L - 1, t, n);
+				r === 38 && W() === 12 && (t[n] = 1), e[n] += Ve(R - 1, t, n);
 				break;
 			case 2:
-				e[n] += q(r);
+				e[n] += Ee(r);
 				break;
 			case 4: if (r === 44) {
-				e[++n] = U() === 58 ? "&\f" : "", t[n] = e[n].length;
+				e[++n] = W() === 58 ? "&\f" : "", t[n] = e[n].length;
 				break;
 			}
-			default: e[n] += k(r);
+			default: e[n] += A(r);
 		}
-	while (r = H());
+	while (r = U());
 	return e;
-}, Le = function(e, t) {
-	return xe(Ie(be(e), t));
-}, Re = /* @__PURE__ */ new WeakMap(), ze = function(e) {
+}, Ue = function(e, t) {
+	return Te(He(we(e), t));
+}, We = /* @__PURE__ */ new WeakMap(), Ge = 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;
-		if (!(e.props.length === 1 && t.charCodeAt(0) !== 58 && !Re.get(n)) && !r) {
-			Re.set(e, !0);
-			for (var i = [], a = Le(t, i), o = n.props, s = 0, c = 0; s < a.length; s++) for (var l = 0; l < o.length; l++, c++) e.props[c] = i[s] ? a[s].replace(/&\f/g, o[l]) : o[l] + " " + a[s];
+		if (!(e.props.length === 1 && t.charCodeAt(0) !== 58 && !We.get(n)) && !r) {
+			We.set(e, !0);
+			for (var i = [], a = Ue(t, i), o = n.props, s = 0, c = 0; s < a.length; s++) for (var l = 0; l < o.length; l++, c++) e.props[c] = i[s] ? a[s].replace(/&\f/g, o[l]) : o[l] + " " + a[s];
 		}
 	}
-}, Be = function(e) {
+}, Ke = function(e) {
 	if (e.type === "decl") {
 		var t = e.value;
 		t.charCodeAt(0) === 108 && t.charCodeAt(2) === 98 && (e.return = "", e.value = "");
 	}
 };
-function Ve(e, t) {
-	switch (de(e, t)) {
+function qe(e, t) {
+	switch (he(e, t)) {
 		case 5103: return E + "print-" + e + e;
 		case 5737:
 		case 4201:
@@ -472,21 +472,21 @@ function Ve(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 + 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 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 5495:
-		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 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 4095:
 		case 3583:
 		case 4068:
-		case 2532: return A(e, /(.+)-inline(.+)/, E + "$1$2") + e;
+		case 2532: return j(e, /(.+)-inline(.+)/, E + "$1$2") + e;
 		case 8116:
 		case 7059:
 		case 5753:
@@ -501,47 +501,47 @@ function Ve(e, t) {
 		case 4765:
 			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") ? Ve(A(e, "stretch", "fill-available"), t) + e : e;
+				case 102: return j(e, /(.+:)(.+)-([^]+)/, "$1" + E + "$2-$3$1" + T + (M(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+				case 115: return ~ve(e, "stretch") ? qe(j(e, "stretch", "fill-available"), t) + e : e;
 			}
 			break;
 		case 4949: if (M(e, t + 1) !== 115) break;
 		case 6444:
-			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;
+			switch (M(e, P(e) - 3 - (~ve(e, "!important") && 10))) {
+				case 107: return j(e, ":", ":" + E) + e;
+				case 101: return j(e, /(.+:)([^;!]+)(;|!.+)?/, "$1" + E + (M(e, 14) === 45 ? "inline-" : "") + "box$3$1" + E + "$2$3$1" + w + "$2box$3") + e;
 			}
 			break;
 		case 5936:
 			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;
+				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;
 			}
 			return E + e + w + e + e;
 	}
 	return e;
 }
-var He = [function(e, t, n, r) {
+var Je = [function(e, t, n, r) {
 	if (e.length > -1 && !e.return) switch (e.type) {
-		case O:
-			e.return = Ve(e.value, e.length);
+		case k:
+			e.return = qe(e.value, e.length);
 			break;
-		case se: return Y([V(e, { value: A(e.value, "@", "@" + E) })], r);
-		case D: if (e.length) return he(e.props, function(t) {
-			switch (pe(t, /(::plac\w+|:read-\w+)/)) {
+		case de: return J([H(e, { value: j(e.value, "@", "@" + E) })], r);
+		case O: if (e.length) return be(e.props, function(t) {
+			switch (_e(t, /(::plac\w+|:read-\w+)/)) {
 				case ":read-only":
-				case ":read-write": return Y([V(e, { props: [A(t, /:(read-\w+)/, ":" + T + "$1")] })], r);
-				case "::placeholder": return Y([
-					V(e, { props: [A(t, /:(plac\w+)/, ":" + E + "input-$1")] }),
-					V(e, { props: [A(t, /:(plac\w+)/, ":" + T + "$1")] }),
-					V(e, { props: [A(t, /:(plac\w+)/, w + "input-$1")] })
+				case ":read-write": return J([H(e, { props: [j(t, /:(read-\w+)/, ":" + T + "$1")] })], r);
+				case "::placeholder": return J([
+					H(e, { props: [j(t, /:(plac\w+)/, ":" + E + "input-$1")] }),
+					H(e, { props: [j(t, /:(plac\w+)/, ":" + T + "$1")] }),
+					H(e, { props: [j(t, /:(plac\w+)/, w + "input-$1")] })
 				], r);
 			}
 			return "";
 		});
 	}
-}], Ue = function(e) {
+}], Ye = function(e) {
 	var t = e.key;
 	if (t === "css") {
 		var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
@@ -549,22 +549,22 @@ var He = [function(e, t, n, r) {
 			e.getAttribute("data-emotion").indexOf(" ") !== -1 && (document.head.appendChild(e), e.setAttribute("data-s", ""));
 		});
 	}
-	var r = e.stylisPlugins || He, i = {}, a, o = [];
+	var r = e.stylisPlugins || Je, i = {}, a, o = [];
 	a = e.container || document.head, Array.prototype.forEach.call(document.querySelectorAll("style[data-emotion^=\"" + t + " \"]"), function(e) {
 		for (var t = e.getAttribute("data-emotion").split(" "), n = 1; n < t.length; n++) i[t[n]] = !0;
 		o.push(e);
 	});
-	var s, c = [ze, Be], l, u = [je, Ne(function(e) {
+	var s, c = [Ge, Ke], l, u = [Le, ze(function(e) {
 		l.insert(e);
-	})], d = Me(c.concat(r, u)), f = function(e) {
-		return Y(De(e), d);
+	})], d = Re(c.concat(r, u)), f = function(e) {
+		return J(Me(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 ie({
+		sheet: new le({
 			key: t,
 			container: a,
 			nonce: e.nonce,
@@ -578,7 +578,7 @@ var He = [function(e, t, n, r) {
 		insert: s
 	};
 	return p.sheet.hydrate(o), p;
-}, We = /* @__PURE__ */ d(((e) => {
+}, Xe = /* @__PURE__ */ g(((e) => {
 	var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 	function b(e) {
 		if (typeof e == "object" && e) {
@@ -634,7 +634,7 @@ var He = [function(e, t, n, r) {
 	}, e.isValidElementType = function(e) {
 		return typeof e == "string" || typeof e == "function" || e === i || e === u || e === o || e === a || e === f || e === p || typeof e == "object" && !!e && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === s || e.$$typeof === c || e.$$typeof === d || e.$$typeof === _ || e.$$typeof === v || e.$$typeof === y || e.$$typeof === g);
 	}, e.typeOf = b;
-})), Ge = /* @__PURE__ */ d(((e) => {
+})), Ze = /* @__PURE__ */ g(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		var t = typeof Symbol == "function" && Symbol.for, n = t ? Symbol.for("react.element") : 60103, r = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, o = t ? Symbol.for("react.profiler") : 60114, s = t ? Symbol.for("react.provider") : 60109, c = t ? Symbol.for("react.context") : 60110, l = t ? Symbol.for("react.async_mode") : 60111, u = t ? Symbol.for("react.concurrent_mode") : 60111, d = t ? Symbol.for("react.forward_ref") : 60112, f = t ? Symbol.for("react.suspense") : 60113, p = t ? Symbol.for("react.suspense_list") : 60120, m = t ? Symbol.for("react.memo") : 60115, h = t ? Symbol.for("react.lazy") : 60116, g = t ? Symbol.for("react.block") : 60121, _ = t ? Symbol.for("react.fundamental") : 60117, v = t ? Symbol.for("react.responder") : 60118, y = t ? Symbol.for("react.scope") : 60119;
 		function b(e) {
@@ -668,14 +668,14 @@ var He = [function(e, t, n, r) {
 				}
 			}
 		}
-		var S = l, C = u, ee = c, te = s, ne = n, re = d, ie = i, w = h, T = m, E = r, ae = o, D = a, O = f, oe = !1;
-		function se(e) {
-			return oe || (oe = !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.")), ce(e) || x(e) === l;
+		var S = l, C = u, ee = c, te = s, ne = n, re = d, ie = i, ae = h, oe = m, se = r, ce = o, le = a, w = f, T = !1;
+		function E(e) {
+			return T || (T = !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.")), D(e) || x(e) === l;
 		}
-		function ce(e) {
+		function D(e) {
 			return x(e) === u;
 		}
-		function le(e) {
+		function O(e) {
 			return x(e) === c;
 		}
 		function k(e) {
@@ -696,24 +696,24 @@ var He = [function(e, t, n, r) {
 		function A(e) {
 			return x(e) === m;
 		}
-		function j(e) {
+		function me(e) {
 			return x(e) === r;
 		}
-		function M(e) {
+		function he(e) {
 			return x(e) === o;
 		}
-		function N(e) {
+		function ge(e) {
 			return x(e) === a;
 		}
-		function P(e) {
+		function _e(e) {
 			return x(e) === f;
 		}
-		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = ee, e.ContextProvider = te, e.Element = ne, e.ForwardRef = re, e.Fragment = ie, e.Lazy = w, e.Memo = T, e.Portal = E, e.Profiler = ae, e.StrictMode = D, e.Suspense = O, e.isAsyncMode = se, e.isConcurrentMode = ce, e.isContextConsumer = le, e.isContextProvider = k, e.isElement = ue, e.isForwardRef = de, e.isFragment = fe, e.isLazy = pe, e.isMemo = A, e.isPortal = j, e.isProfiler = M, e.isStrictMode = N, e.isSuspense = P, e.isValidElementType = b, e.typeOf = x;
+		e.AsyncMode = S, e.ConcurrentMode = C, e.ContextConsumer = ee, e.ContextProvider = te, e.Element = ne, e.ForwardRef = re, e.Fragment = ie, e.Lazy = ae, e.Memo = oe, e.Portal = se, e.Profiler = ce, e.StrictMode = le, e.Suspense = w, e.isAsyncMode = E, e.isConcurrentMode = D, e.isContextConsumer = O, e.isContextProvider = k, e.isElement = ue, e.isForwardRef = de, e.isFragment = fe, e.isLazy = pe, e.isMemo = A, e.isPortal = me, e.isProfiler = he, e.isStrictMode = ge, e.isSuspense = _e, e.isValidElementType = b, e.typeOf = x;
 	})();
-})), Ke = /* @__PURE__ */ d(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = We() : t.exports = Ge();
-})), qe = /* @__PURE__ */ d(((e, t) => {
-	var n = Ke(), r = {
+})), Qe = /* @__PURE__ */ g(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = Xe() : t.exports = Ze();
+})), $e = /* @__PURE__ */ g(((e, t) => {
+	var n = Qe(), r = {
 		childContextTypes: !0,
 		contextType: !0,
 		contextTypes: !0,
@@ -773,18 +773,18 @@ var He = [function(e, t, n, r) {
 		return e;
 	}
 	t.exports = h;
-})), Je = !0;
-function Ye(e, t, n) {
+})), et = !0;
+function tt(e, t, n) {
 	var r = "";
 	return n.split(" ").forEach(function(n) {
 		e[n] === void 0 ? n && (r += n + " ") : t.push(e[n] + ";");
 	}), r;
 }
-var Xe = function(e, t, n) {
+var nt = function(e, t, n) {
 	var r = e.key + "-" + t.name;
-	(n === !1 || Je === !1) && e.registered[r] === void 0 && (e.registered[r] = t.styles);
-}, Ze = function(e, t, n) {
-	Xe(e, t, n);
+	(n === !1 || et === !1) && e.registered[r] === void 0 && (e.registered[r] = t.styles);
+}, rt = function(e, t, n) {
+	nt(e, t, n);
 	var r = e.key + "-" + t.name;
 	if (e.inserted[t.name] === void 0) {
 		var i = t;
@@ -795,7 +795,7 @@ var Xe = function(e, t, n) {
 };
 //#endregion
 //#region node_modules/@emotion/hash/dist/emotion-hash.esm.js
-function Qe(e) {
+function it(e) {
 	for (var t = 0, n, r = 0, i = e.length; i >= 4; ++r, i -= 4) n = e.charCodeAt(r) & 255 | (e.charCodeAt(++r) & 255) << 8 | (e.charCodeAt(++r) & 255) << 16 | (e.charCodeAt(++r) & 255) << 24, n = (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= n >>> 24, t = (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16) ^ (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
 	switch (i) {
 		case 3: t ^= (e.charCodeAt(r + 2) & 255) << 16;
@@ -806,7 +806,7 @@ function Qe(e) {
 }
 //#endregion
 //#region node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
-var $e = {
+var at = {
 	animationIterationCount: 1,
 	aspectRatio: 1,
 	borderImageOutset: 1,
@@ -854,26 +854,26 @@ var $e = {
 	strokeMiterlimit: 1,
 	strokeOpacity: 1,
 	strokeWidth: 1
-}, et = !1, tt = /[A-Z]|^ms/g, nt = /_EMO_([^_]+?)_([^]*?)_EMO_/g, rt = function(e) {
+}, ot = !1, st = /[A-Z]|^ms/g, ct = /_EMO_([^_]+?)_([^]*?)_EMO_/g, lt = function(e) {
 	return e.charCodeAt(1) === 45;
-}, it = function(e) {
+}, ut = function(e) {
 	return e != null && typeof e != "boolean";
-}, at = /* @__PURE__ */ Pe(function(e) {
-	return rt(e) ? e : e.replace(tt, "-$&").toLowerCase();
-}), ot = function(e, t) {
+}, dt = /* @__PURE__ */ Be(function(e) {
+	return lt(e) ? e : e.replace(st, "-$&").toLowerCase();
+}), ft = function(e, t) {
 	switch (e) {
 		case "animation":
-		case "animationName": if (typeof t == "string") return t.replace(nt, function(e, t, n) {
-			return Z = {
+		case "animationName": if (typeof t == "string") return t.replace(ct, function(e, t, n) {
+			return X = {
 				name: t,
 				styles: n,
-				next: Z
+				next: X
 			}, t;
 		});
 	}
-	return $e[e] !== 1 && !rt(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
-}, st = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
-function X(e, t, n) {
+	return at[e] !== 1 && !lt(e) && typeof t == "number" && t !== 0 ? t + "px" : t;
+}, pt = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
+function Y(e, t, n) {
 	if (n == null) return "";
 	var r = n;
 	if (r.__emotion_styles !== void 0) return r;
@@ -881,26 +881,26 @@ function X(e, t, n) {
 		case "boolean": return "";
 		case "object":
 			var i = n;
-			if (i.anim === 1) return Z = {
+			if (i.anim === 1) return X = {
 				name: i.name,
 				styles: i.styles,
-				next: Z
+				next: X
 			}, i.name;
 			var a = n;
 			if (a.styles !== void 0) {
 				var o = a.next;
-				if (o !== void 0) for (; o !== void 0;) Z = {
+				if (o !== void 0) for (; o !== void 0;) X = {
 					name: o.name,
 					styles: o.styles,
-					next: Z
+					next: X
 				}, o = o.next;
 				return a.styles + ";";
 			}
-			return ct(e, t, n);
+			return mt(e, t, n);
 		case "function":
 			if (e !== void 0) {
-				var s = Z, c = n(e);
-				return Z = s, X(e, t, c);
+				var s = X, c = n(e);
+				return X = s, Y(e, t, c);
 			}
 			break;
 	}
@@ -909,23 +909,23 @@ function X(e, t, n) {
 	var u = t[l];
 	return u === void 0 ? l : u;
 }
-function ct(e, t, n) {
+function mt(e, t, n) {
 	var r = "";
-	if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += X(e, t, n[i]) + ";";
+	if (Array.isArray(n)) for (var i = 0; i < n.length; i++) r += Y(e, t, n[i]) + ";";
 	else for (var a in n) {
 		var o = n[a];
 		if (typeof o != "object") {
 			var s = o;
-			t != null && t[s] !== void 0 ? r += a + "{" + t[s] + "}" : it(s) && (r += at(a) + ":" + ot(a, s) + ";");
+			t != null && t[s] !== void 0 ? r += a + "{" + t[s] + "}" : ut(s) && (r += dt(a) + ":" + ft(a, s) + ";");
 		} else {
-			if (a === "NO_COMPONENT_SELECTOR" && et) throw Error(st);
-			if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0)) for (var c = 0; c < o.length; c++) it(o[c]) && (r += at(a) + ":" + ot(a, o[c]) + ";");
+			if (a === "NO_COMPONENT_SELECTOR" && ot) throw Error(pt);
+			if (Array.isArray(o) && typeof o[0] == "string" && (t == null || t[o[0]] === void 0)) for (var c = 0; c < o.length; c++) ut(o[c]) && (r += dt(a) + ":" + ft(a, o[c]) + ";");
 			else {
-				var l = X(e, t, o);
+				var l = Y(e, t, o);
 				switch (a) {
 					case "animation":
 					case "animationName":
-						r += at(a) + ":" + l + ";";
+						r += dt(a) + ":" + l + ";";
 						break;
 					default: r += a + "{" + l + "}";
 				}
@@ -934,64 +934,64 @@ function ct(e, t, n) {
 	}
 	return r;
 }
-var lt = /label:\s*([^\s;{]+)\s*(;|$)/g, Z;
-function ut(e, t, n) {
+var ht = /label:\s*([^\s;{]+)\s*(;|$)/g, X;
+function gt(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 = "";
-	Z = void 0;
+	X = void 0;
 	var a = e[0];
-	a == null || a.raw === void 0 ? (r = !1, i += X(n, t, a)) : i += a[0];
-	for (var o = 1; o < e.length; o++) i += X(n, t, e[o]), r && (i += a[o]);
-	lt.lastIndex = 0;
-	for (var s = "", c; (c = lt.exec(i)) !== null;) s += "-" + c[1];
+	a == null || a.raw === void 0 ? (r = !1, i += Y(n, t, a)) : i += a[0];
+	for (var o = 1; o < e.length; o++) i += Y(n, t, e[o]), r && (i += a[o]);
+	ht.lastIndex = 0;
+	for (var s = "", c; (c = ht.exec(i)) !== null;) s += "-" + c[1];
 	return {
-		name: Qe(i) + s,
+		name: it(i) + s,
 		styles: i,
-		next: Z
+		next: X
 	};
 }
 //#endregion
 //#region node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js
-var dt = function(e) {
+var _t = function(e) {
 	return e();
-}, ft = n.useInsertionEffect ? n.useInsertionEffect : !1, pt = ft || dt;
-ft || n.useLayoutEffect;
-var mt = /* @__PURE__ */ n.createContext(typeof HTMLElement < "u" ? /* @__PURE__ */ Ue({ key: "css" }) : null);
-mt.Provider;
-var ht = function(e) {
-	return /* @__PURE__ */ i(function(t, n) {
-		return e(t, a(mt), n);
+}, vt = n.useInsertionEffect ? n.useInsertionEffect : !1, yt = vt || _t;
+vt || n.useLayoutEffect;
+var bt = /* @__PURE__ */ n.createContext(typeof HTMLElement < "u" ? /* @__PURE__ */ Ye({ key: "css" }) : null);
+bt.Provider;
+var xt = function(e) {
+	return /* @__PURE__ */ a(function(t, n) {
+		return e(t, s(bt), n);
 	});
-}, gt = /* @__PURE__ */ n.createContext({}), _t = {}.hasOwnProperty, vt = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", yt = function(e, t) {
+}, St = /* @__PURE__ */ n.createContext({}), Ct = {}.hasOwnProperty, wt = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Tt = function(e, t) {
 	var n = {};
-	for (var r in t) _t.call(t, r) && (n[r] = t[r]);
-	return n[vt] = e, n;
-}, bt = function(e) {
+	for (var r in t) Ct.call(t, r) && (n[r] = t[r]);
+	return n[wt] = e, n;
+}, Et = function(e) {
 	var t = e.cache, n = e.serialized, r = e.isStringTag;
-	return Xe(t, n, r), pt(function() {
-		return Ze(t, n, r);
+	return nt(t, n, r), yt(function() {
+		return rt(t, n, r);
 	}), null;
-}, xt = /* @__PURE__ */ ht(function(e, t, r) {
+}, Dt = /* @__PURE__ */ xt(function(e, t, r) {
 	var i = e.css;
 	typeof i == "string" && t.registered[i] !== void 0 && (i = t.registered[i]);
-	var a = e[vt], o = [i], s = "";
-	typeof e.className == "string" ? s = Ye(t.registered, o, e.className) : e.className != null && (s = e.className + " ");
-	var c = ut(o, void 0, n.useContext(gt));
+	var a = e[wt], o = [i], s = "";
+	typeof e.className == "string" ? s = tt(t.registered, o, e.className) : e.className != null && (s = e.className + " ");
+	var c = gt(o, void 0, n.useContext(St));
 	s += t.key + "-" + c.name;
 	var l = {};
-	for (var u in e) _t.call(e, u) && u !== "css" && u !== vt && (l[u] = e[u]);
-	return l.className = s, r && (l.ref = r), /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(bt, {
+	for (var u in e) Ct.call(e, u) && u !== "css" && u !== wt && (l[u] = e[u]);
+	return l.className = s, r && (l.ref = r), /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(Et, {
 		cache: t,
 		serialized: c,
 		isStringTag: typeof a == "string"
 	}), /* @__PURE__ */ n.createElement(a, l));
 });
-qe();
-var St = u.Fragment, Q = function(e, t, n) {
-	return _t.call(t, "css") ? u.jsx(xt, yt(e, t), n) : u.jsx(e, t, n);
-}, Ct = function(e, t, n) {
-	return _t.call(t, "css") ? u.jsxs(xt, yt(e, t), n) : u.jsxs(e, t, n);
-}, wt = () => l`
+$e();
+var Ot = h.Fragment, Z = function(e, t, n) {
+	return Ct.call(t, "css") ? h.jsx(Dt, Tt(e, t), n) : h.jsx(e, t, n);
+}, kt = function(e, t, n) {
+	return Ct.call(t, "css") ? h.jsxs(Dt, Tt(e, t), n) : h.jsxs(e, t, n);
+}, At = () => p`
   &.--ICON {
     font-family: 'Material Symbols Rounded';
     font-weight: normal;
@@ -1030,39 +1030,57 @@ var St = u.Fragment, Q = function(e, t, n) {
       font-size: 36px;
     }
   }
-`, Tt = "--ICON", Et = ({ name: e, fill: t = !1, size: n = "md", className: r, style: i }) => /* @__PURE__ */ Q("span", {
+`, jt = "--ICON", Mt = ({ name: e, fill: t = !1, size: n = "md", className: r, style: i }) => /* @__PURE__ */ Z("span", {
 	className: [
-		Tt,
-		t && `${Tt}-fill`,
-		n !== "md" && `${Tt}-${n}`,
+		jt,
+		t && `${jt}-fill`,
+		n !== "md" && `${jt}-${n}`,
 		r
 	].filter(Boolean).join(" "),
-	css: wt(),
+	css: At(),
 	style: i,
 	"aria-hidden": "true",
-	"data-testid": Tt,
+	"data-testid": jt,
 	children: e
-}), Dt = (e, n) => `
+}), Nt = ({ ref: e, onAction: t, isActive: n, exceptRef: r }) => {
+	let i = d(t);
+	l(() => {
+		i.current = t;
+	}), c(() => {
+		let t = (t) => {
+			if (!e.current || !n) return;
+			let a = t.target, o = !e.current.contains(a), s = r?.current ? r.current.contains(a) : !1;
+			o && !s && i.current();
+		};
+		return document.addEventListener("mousedown", t), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", t), document.removeEventListener("keydown", t);
+		};
+	}, [
+		e,
+		r,
+		n
+	]);
+}, Pt = (e, n) => `
     // BACKGROUNDS
     .--ICONBUTTON-span {
       ${t(e, "background-color", `--ICONBUTTON-EVENTS-${n}-BACKGROUND-COLOR`)}
     }
-  `, Ot = (e, n) => `
+  `, Ft = (e, n) => `
     // SHADOWS  
     ${t(e, "background-color", `--ICONBUTTON-EVENTS-${n}-SHADOW-COLOR`)}
-  `, kt = (e, n) => `
+  `, It = (e, n) => `
     // UTILS
     .--ICONBUTTON-span > span {
         ${t(e, "color", `--ICONBUTTON-EVENTS-${n}-ICON-COLOR`)}
     }
-  `, At = (e, n) => `
+  `, Lt = (e, n) => `
     // BORDER
     .--ICONBUTTON-span {
       ${t(e, "border-color", `--ICONBUTTON-EVENTS-${n}-BORDER-COLOR`)}
       ${t(e, "border-width", `--ICONBUTTON-EVENTS-${n}-BORDER-WIDTH`)}
       ${t(e, "border-style", `--ICONBUTTON-EVENTS-${n}-BORDER-STYLE`)}
     }
-  `, jt = (e, n) => `
+  `, Rt = (e, n) => `
     // OUTLINE
     .--ICONBUTTON-span {
       ${t(e, "outline-color", `--ICONBUTTON-EVENTS-${n}-OUTLINE-COLOR`)}
@@ -1070,7 +1088,7 @@ var St = u.Fragment, Q = function(e, t, n) {
       ${t(e, "outline-style", `--ICONBUTTON-EVENTS-${n}-OUTLINE-STYLE`)}
       ${t(e, "outline-offset", `--ICONBUTTON-EVENTS-${n}-OUTLINE-OFFSET`)}
     }
-  `, Mt = (e) => l`
+  `, zt = (e) => p`
   &.--ICONBUTTON {
     width: 24px;
     height: 24px;
@@ -1091,15 +1109,15 @@ var St = u.Fragment, Q = function(e, t, n) {
     background-color: transparent;
 
     // ENABLED
-    ${Dt(e, "ENABLED")};
-    ${At(e, "ENABLED")};
-    ${kt(e, "ENABLED")};
+    ${Pt(e, "ENABLED")};
+    ${Lt(e, "ENABLED")};
+    ${It(e, "ENABLED")};
 
     // HOVER
     &:hover {
       &:before {
         opacity: 1;
-        ${Ot(e, "HOVER")};
+        ${Ft(e, "HOVER")};
       }
     }
 
@@ -1108,22 +1126,22 @@ var St = u.Fragment, Q = function(e, t, n) {
     &:active {
       &:before {
         opacity: 1;
-        ${Ot(e, "ACTIVE")};
+        ${Ft(e, "ACTIVE")};
       }
     }
 
     // FOCUS
     &:focus-visible {
       outline: none;
-      ${jt(e, "FOCUS")};
+      ${Rt(e, "FOCUS")};
     }
 
     // DISABLED
     &:disabled {
       pointer-events: none;
-      ${Dt(e, "DISABLED")};
-      ${At(e, "DISABLED")};
-      ${kt(e, "DISABLED")};
+      ${Pt(e, "DISABLED")};
+      ${Lt(e, "DISABLED")};
+      ${It(e, "DISABLED")};
     }
 
     &.--ICONBUTTON-flipped {
@@ -1164,16 +1182,16 @@ var St = u.Fragment, Q = function(e, t, n) {
       z-index: -1;
     }
   }
-`, $ = "--ICONBUTTON", Nt = ({ className: e, style: t, icon: n, onClick: r, isFlipped: i, ...a }) => {
-	let [o, s] = c(!1);
-	return /* @__PURE__ */ Q("button", {
+`, Q = "--ICONBUTTON", Bt = ({ className: e, style: t, icon: n, onClick: r, isFlipped: i, ...a }) => {
+	let [o, s] = f(!1);
+	return /* @__PURE__ */ Z("button", {
 		className: [
-			$,
-			o ? `${$}-active` : "",
-			i ? `${$}-flipped` : "",
+			Q,
+			o ? `${Q}-active` : "",
+			i ? `${Q}-flipped` : "",
 			e
 		].join(" "),
-		css: Mt(t),
+		css: zt(t),
 		type: "button",
 		onClick: r,
 		onKeyDown: (e) => {
@@ -1185,21 +1203,164 @@ var St = u.Fragment, Q = function(e, t, n) {
 		onBlur: (e) => {
 			s(!1), a.onBlur?.(e);
 		},
-		"data-testid": $,
+		"data-testid": Q,
 		...a,
-		children: /* @__PURE__ */ Q("span", {
-			className: `${$}-span`,
+		children: /* @__PURE__ */ Z("span", {
+			className: `${Q}-span`,
 			children: n
 		})
 	});
-}, Pt = ({ theme: e, variant: t = "default", ...n }) => {
-	let { componentStyles: r } = S([ee.ICONBUTTON], e, t.toUpperCase());
-	return /* @__PURE__ */ Q(Nt, {
+}, Vt = ({ theme: e, variant: t = "default", ...n }) => {
+	let { componentStyles: r } = re([ae.ICONBUTTON], e, t.toUpperCase());
+	return /* @__PURE__ */ Z(Bt, {
 		...n,
 		style: r
 	});
+}, Ht = (e) => {
+	let [t, n] = f(e), r = d(void 0), i = o((e, t) => {
+		r.current = t, n(e);
+	}, []);
+	return c(() => {
+		r.current &&= (r.current(t), void 0);
+	}, [t]), [t, i];
+}, Ut = (e) => {
+	let t = e.endsWith("left"), n = e.endsWith("center"), r = e.startsWith("top");
+	return n ? r ? "translateY(-20px)" : "translateY(20px)" : t ? "translateX(-20px)" : "translateX(20px)";
+}, Wt = (e) => m`
+  from { transform: ${Ut(e)}; opacity: 0; }
+  to { transform: none; opacity: 1; }
+`, Gt = (e) => m`
+  from { transform: none; opacity: 1; }
+  to { transform: ${Ut(e)}; opacity: 0; }
+`, Kt = (e = "bottom-right") => {
+	let t = e.startsWith("top"), n = e.endsWith("center"), r = e.endsWith("left");
+	return p`
+    &.--TOAST-zone {
+      position: fixed;
+      ${t ? "top: 24px;" : "bottom: 24px;"}
+      ${n ? "left: 50%; transform: translateX(-50%);" : r ? "left: 24px;" : "right: 24px;"}
+      display: flex;
+      flex-direction: ${t ? "column" : "column-reverse"};
+      gap: 8px;
+      z-index: 9000;
+      pointer-events: none;
+    }
+  `;
+}, qt = (e) => `
+    // BORDERS
+    ${t(e, "border-color", "--TOAST-EVENTS-ENABLED-BORDER-COLOR")}
+    ${t(e, "border-width", "--TOAST-EVENTS-ENABLED-BORDER-WIDTH")}
+    ${t(e, "border-style", "--TOAST-EVENTS-ENABLED-BORDER-STYLE")}
+  `, Jt = (e, n = "bottom-right") => p`
+  &.--TOAST {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 12px;
+    min-width: 280px;
+    max-width: 420px;
+    height: 48px;
+    pointer-events: auto;
+    box-shadow:
+      rgba(0, 0, 0, 0.2) 0px 5px 5px -3px,
+      rgba(0, 0, 0, 0.14) 0px 8px 10px 1px,
+      rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
+    box-sizing: border-box;
+    animation: ${Wt(n)} 150ms ease-in-out;
+
+    &.--TOAST-exiting {
+      animation: ${Gt(n)} 150ms ease-in-out forwards;
+    }
+
+    ${t(e, "border-radius", "--TOAST-ROOT-BORDER-RADIUS")};
+    ${t(e, "background-color", "--TOAST-EVENTS-ENABLED-BACKGROUND-COLOR")};
+    ${t(e, "color", "--TOAST-EVENTS-ENABLED-COLOR-PRIMARY")};
+    ${qt(e)};
+
+    .--TOAST-icon {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+      ${t(e, "color", "--TOAST-EVENTS-ENABLED-ICON-COLOR")};
+    }
+
+    .--TOAST-message {
+      flex: 1;
+      font-family: ${e["--FONTFAMILY-PRIMARY"]};
+      font-size: 0.875rem;
+      line-height: 1.4;
+    }
+  }
+`, $ = "--TOAST", Yt = ({ message: e, icon: t, style: n = {}, position: r = "bottom-right", exiting: i, closable: a, onClose: o }) => /* @__PURE__ */ kt("div", {
+	className: [$, i ? `${$}-exiting` : ""].filter(Boolean).join(" "),
+	css: Jt(n, r),
+	role: "status",
+	"data-testid": $,
+	children: [
+		t && /* @__PURE__ */ Z("span", {
+			className: `${$}-icon`,
+			"data-testid": `${$}-icon`,
+			children: /* @__PURE__ */ Z(Mt, { name: t })
+		}),
+		/* @__PURE__ */ Z("span", {
+			className: `${$}-message`,
+			"data-testid": `${$}-message`,
+			children: e
+		}),
+		a && o && /* @__PURE__ */ Z(Vt, {
+			icon: /* @__PURE__ */ Z(Mt, { name: "close" }),
+			onClick: o,
+			"data-testid": `${$}-close`
+		})
+	]
+}), Xt = i(null), Zt = "--TOAST", Qt = 300, $t = ({ message: e, variant: t, icon: n, position: r, exiting: i, closable: a, onClose: o }) => {
+	let { componentStyles: s } = re([ae.TOAST], void 0, t.toUpperCase());
+	return /* @__PURE__ */ Z(Yt, {
+		message: e,
+		icon: n,
+		style: s,
+		position: r,
+		exiting: i,
+		closable: a,
+		onClose: o
+	});
+}, en = ({ children: e, duration: t = 3e3, position: n = "bottom-right" }) => {
+	let [r, i] = f([]), a = o((e) => {
+		i((t) => t.map((t) => t.id === e ? {
+			...t,
+			exiting: !0
+		} : t)), window.setTimeout(() => i((t) => t.filter((t) => t.id !== e)), Qt);
+	}, []), s = o((e, n = {}) => {
+		let { variant: r = "default", icon: o, duration: s, closable: c } = n, l = crypto.randomUUID();
+		i((t) => [...t, {
+			id: l,
+			message: e,
+			variant: r,
+			icon: o,
+			closable: c
+		}]), window.setTimeout(() => a(l), s ?? t);
+	}, [t, a]), c = u(() => ({ push: s }), [s]);
+	return /* @__PURE__ */ kt(Xt.Provider, {
+		value: c,
+		children: [e, /* @__PURE__ */ Z("div", {
+			className: `${Zt}-zone`,
+			css: Kt(n),
+			"aria-live": "polite",
+			"aria-atomic": "true",
+			"data-testid": `${Zt}-zone`,
+			children: r.map((e) => /* @__PURE__ */ Z($t, {
+				...e,
+				position: n,
+				onClose: () => a(e.id)
+			}, e.id))
+		})]
+	});
+}, tn = () => {
+	let e = s(Xt);
+	if (!e) throw Error("useToast must be used inside <ToastProvider>");
+	return e;
 };
 //#endregion
-export { Ct as a, C as c, Q as i, Et as n, ee as o, St as r, S as s, Pt as t };
+export { Nt as a, Z as c, re as d, ie as f, Vt as i, kt as l, en as n, Mt as o, Ht as r, Ot as s, tn as t, ae as u };
 
-//# sourceMappingURL=IconButton-C3x-E-ot.js.map
+//# sourceMappingURL=Toast-k4dxCveh.js.map