@foi/design-system 0.0.18 → 0.0.20

package/dist/Toast-k4dxCveh.js

@@ -0,0 +1,1366 @@
+import { n as e, r as t } from "./theme-BjrtNRDQ.js";
+import * as n from "react";
+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 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)) {
+			let e = t;
+			t = r ?? (typeof i != "object" || !i) ? i : Object.assign({}, t, i), n.forEach((n) => n(t, e));
+		}
+	}, i = () => t, a = {
+		setState: r,
+		getState: i,
+		getInitialState: () => o,
+		subscribe: (e) => (n.add(e), () => n.delete(e))
+	}, o = t = e(r, i, a);
+	return a;
+}, 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 x = (e) => {
+	let t = v(e), n = (e) => b(t, e);
+	return Object.assign(n, t), n;
+}, 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];
+		typeof i == "object" && i ? Object.entries(r).forEach(([r, i]) => {
+			Object.entries(i).forEach(([i, a]) => {
+				n[`--${e}-${t}-${r}-${i.toUpperCase()}`] = `${a}`;
+			});
+		}) : Object.entries(r).forEach(([r, i]) => {
+			n[`--${e}-${t}-${r.toUpperCase()}`] = `${i}`;
+		});
+	}), n;
+}, 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] = 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;
+}, ne = S((e) => ({
+	themes: { DARK: te() },
+	theme: "DARK",
+	setThemes: (t) => e(() => ({ themes: t })),
+	setTheme: (t) => e(() => ({ theme: t }))
+})), 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 = C(e[0], { EVENTS: t });
+			Object.keys(n).length > 0 && Object.assign(o, n);
+		}
+		return {
+			...o,
+			...a.FONT?.DEFAULT ?? {}
+		};
+	}, [
+		e,
+		t,
+		n,
+		r,
+		i
+	]) };
+}, 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 = 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]), l(() => {
+		r(t.toUpperCase());
+	}, [t]);
+}, 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;
+}({}), 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 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 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 ? !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(ce(this));
+		var t = this.tags[this.tags.length - 1];
+		if (this.isSpeedy) {
+			var n = se(t);
+			try {
+				n.insertRule(e, n.cssRules.length);
+			} catch {}
+		} else t.appendChild(document.createTextNode(e));
+		this.ctr++;
+	}, t.flush = function() {
+		this.tags.forEach(function(e) {
+			return e.parentNode?.removeChild(e);
+		}), this.tags = [], this.ctr = 0;
+	}, e;
+}(), 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 ge(e) {
+	return e.trim();
+}
+function _e(e, t) {
+	return (e = t.exec(e)) ? e[0] : e;
+}
+function j(e, t, n) {
+	return e.replace(t, n);
+}
+function ve(e, t) {
+	return e.indexOf(t);
+}
+function M(e, t) {
+	return e.charCodeAt(t) | 0;
+}
+function N(e, t, n) {
+	return e.slice(t, n);
+}
+function P(e) {
+	return e.length;
+}
+function ye(e) {
+	return e.length;
+}
+function F(e, t) {
+	return t.push(e), e;
+}
+function be(e, t) {
+	return e.map(t).join("");
+}
+//#endregion
+//#region node_modules/stylis/src/Tokenizer.js
+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,
+		parent: n,
+		type: r,
+		props: i,
+		children: a,
+		line: I,
+		column: L,
+		length: o,
+		return: ""
+	};
+}
+function H(e, t) {
+	return me(V("", null, null, "", null, null, 0), e, { length: -e.length }, t);
+}
+function Se() {
+	return z;
+}
+function Ce() {
+	return z = R > 0 ? M(B, --R) : 0, L--, z === 10 && (L = 1, I--), z;
+}
+function U() {
+	return z = R < xe ? M(B, R++) : 0, L++, z === 10 && (L = 1, I++), z;
+}
+function W() {
+	return M(B, R);
+}
+function G() {
+	return R;
+}
+function K(e, t) {
+	return N(B, e, t);
+}
+function q(e) {
+	switch (e) {
+		case 0:
+		case 9:
+		case 10:
+		case 13:
+		case 32: return 5;
+		case 33:
+		case 43:
+		case 44:
+		case 47:
+		case 62:
+		case 64:
+		case 126:
+		case 59:
+		case 123:
+		case 125: return 4;
+		case 58: return 3;
+		case 34:
+		case 39:
+		case 40:
+		case 91: return 2;
+		case 41:
+		case 93: return 1;
+	}
+	return 0;
+}
+function we(e) {
+	return I = L = 1, xe = P(B = e), R = 0, [];
+}
+function Te(e) {
+	return B = "", e;
+}
+function Ee(e) {
+	return ge(K(R - 1, ke(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function De(e) {
+	for (; (z = W()) && z < 33;) U();
+	return q(e) > 2 || q(z) > 3 ? "" : " ";
+}
+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 ke(e) {
+	for (; U();) switch (z) {
+		case e: return R;
+		case 34:
+		case 39:
+			e !== 34 && e !== 39 && ke(z);
+			break;
+		case 40:
+			e === 41 && ke(e);
+			break;
+		case 92:
+			U();
+			break;
+	}
+	return R;
+}
+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 je(e) {
+	for (; !q(W());) U();
+	return K(e, R);
+}
+//#endregion
+//#region node_modules/stylis/src/Parser.js
+function Me(e) {
+	return Te(Ne("", null, null, null, [""], e = we(e), 0, [0], e));
+}
+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) {
+			ve(C += j(Ee(v), "&", "&\f"), "&\f") != -1 && (_ = -1);
+			break;
+		}
+		case 34:
+		case 39:
+		case 91:
+			C += Ee(v);
+			break;
+		case 9:
+		case 10:
+		case 13:
+		case 32:
+			C += De(m);
+			break;
+		case 92:
+			C += Oe(G() - 1, 7);
+			continue;
+		case 47:
+			switch (W()) {
+				case 42:
+				case 47:
+					F(Fe(Ae(U(), G()), t, n), c);
+					break;
+				default: C += "/";
+			}
+			break;
+		case 123 * h: s[l++] = P(C) * _;
+		case 125 * h:
+		case 59:
+		case 0:
+			switch (v) {
+				case 0:
+				case 125: g = 0;
+				case 59 + u:
+					_ == -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 = 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:
+						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: Ne(C, S, S, S, [""], x, 0, s, x);
+				}
+			}
+			l = u = p = 0, h = _ = 1, y = C = "", d = o;
+			break;
+		case 58: d = 1 + P(C), p = m;
+		default:
+			if (h < 1) {
+				if (v == 123) --h;
+				else if (v == 125 && h++ == 0 && Ce() == 125) continue;
+			}
+			switch (C += A(v), v * h) {
+				case 38:
+					_ = u > 0 ? 1 : (C += "\f", -1);
+					break;
+				case 44:
+					s[l++] = (P(C) - 1) * _, _ = 1;
+					break;
+				case 64:
+					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 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 Fe(e, t, n) {
+	return V(e, t, n, D, A(Se()), N(e, 2, -2), 0);
+}
+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 J(e, t) {
+	for (var n = "", r = ye(e), i = 0; i < r; i++) n += t(e[i], i, e, t) || "";
+	return n;
+}
+function Le(e, t, n, r) {
+	switch (e.type) {
+		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 = J(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+}
+//#endregion
+//#region node_modules/stylis/src/Middleware.js
+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 ze(e) {
+	return function(t) {
+		t.root || (t = t.return) && e(t);
+	};
+}
+//#endregion
+//#region node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
+function Be(e) {
+	var t = Object.create(null);
+	return function(n) {
+		return t[n] === void 0 && (t[n] = e(n)), t[n];
+	};
+}
+//#endregion
+//#region node_modules/@emotion/cache/dist/emotion-cache.browser.esm.js
+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 (q(r)) {
+			case 0:
+				r === 38 && W() === 12 && (t[n] = 1), e[n] += Ve(R - 1, t, n);
+				break;
+			case 2:
+				e[n] += Ee(r);
+				break;
+			case 4: if (r === 44) {
+				e[++n] = W() === 58 ? "&\f" : "", t[n] = e[n].length;
+				break;
+			}
+			default: e[n] += A(r);
+		}
+	while (r = U());
+	return 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 && !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];
+		}
+	}
+}, Ke = function(e) {
+	if (e.type === "decl") {
+		var t = e.value;
+		t.charCodeAt(0) === 108 && t.charCodeAt(2) === 98 && (e.return = "", e.value = "");
+	}
+};
+function qe(e, t) {
+	switch (he(e, t)) {
+		case 5103: return E + "print-" + e + e;
+		case 5737:
+		case 4201:
+		case 3177:
+		case 3433:
+		case 1641:
+		case 4457:
+		case 2921:
+		case 5572:
+		case 6356:
+		case 5844:
+		case 3191:
+		case 6645:
+		case 3005:
+		case 6391:
+		case 5879:
+		case 5623:
+		case 6135:
+		case 4599:
+		case 4855:
+		case 4215:
+		case 6389:
+		case 5109:
+		case 5365:
+		case 5621:
+		case 3829: return E + e + e;
+		case 5349:
+		case 4246:
+		case 4810:
+		case 6968:
+		case 2756: return E + e + T + e + w + e + e;
+		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 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 4095:
+		case 3583:
+		case 4068:
+		case 2532: return j(e, /(.+)-inline(.+)/, E + "$1$2") + e;
+		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 (P(e) - 1 - t > 6) switch (M(e, t + 1)) {
+				case 109: if (M(e, t + 4) !== 45) break;
+				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 - (~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 + 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 Je = [function(e, t, n, r) {
+	if (e.length > -1 && !e.return) switch (e.type) {
+		case k:
+			e.return = qe(e.value, e.length);
+			break;
+		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 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 "";
+		});
+	}
+}], Ye = function(e) {
+	var t = e.key;
+	if (t === "css") {
+		var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
+		Array.prototype.forEach.call(n, function(e) {
+			e.getAttribute("data-emotion").indexOf(" ") !== -1 && (document.head.appendChild(e), e.setAttribute("data-s", ""));
+		});
+	}
+	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 = [Ge, Ke], l, u = [Le, ze(function(e) {
+		l.insert(e);
+	})], 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 le({
+			key: t,
+			container: a,
+			nonce: e.nonce,
+			speedy: e.speedy,
+			prepend: e.prepend,
+			insertionPoint: e.insertionPoint
+		}),
+		nonce: e.nonce,
+		inserted: i,
+		registered: {},
+		insert: s
+	};
+	return p.sheet.hydrate(o), p;
+}, 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) {
+			var t = e.$$typeof;
+			switch (t) {
+				case n: switch (e = e.type, e) {
+					case l:
+					case u:
+					case i:
+					case o:
+					case a:
+					case f: return e;
+					default: switch (e &&= e.$$typeof, e) {
+						case c:
+						case d:
+						case h:
+						case m:
+						case s: return e;
+						default: return t;
+					}
+				}
+				case r: return t;
+			}
+		}
+	}
+	function x(e) {
+		return b(e) === u;
+	}
+	e.AsyncMode = l, e.ConcurrentMode = u, e.ContextConsumer = c, e.ContextProvider = s, e.Element = n, e.ForwardRef = d, e.Fragment = i, e.Lazy = h, e.Memo = m, e.Portal = r, e.Profiler = o, e.StrictMode = a, e.Suspense = f, e.isAsyncMode = function(e) {
+		return x(e) || b(e) === l;
+	}, e.isConcurrentMode = x, e.isContextConsumer = function(e) {
+		return b(e) === c;
+	}, e.isContextProvider = function(e) {
+		return b(e) === s;
+	}, e.isElement = function(e) {
+		return typeof e == "object" && !!e && e.$$typeof === n;
+	}, e.isForwardRef = function(e) {
+		return b(e) === d;
+	}, e.isFragment = function(e) {
+		return b(e) === i;
+	}, e.isLazy = function(e) {
+		return b(e) === h;
+	}, e.isMemo = function(e) {
+		return b(e) === m;
+	}, e.isPortal = function(e) {
+		return b(e) === r;
+	}, e.isProfiler = function(e) {
+		return b(e) === o;
+	}, e.isStrictMode = function(e) {
+		return b(e) === a;
+	}, e.isSuspense = function(e) {
+		return b(e) === f;
+	}, 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;
+})), 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) {
+			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);
+		}
+		function x(e) {
+			if (typeof e == "object" && e) {
+				var t = e.$$typeof;
+				switch (t) {
+					case n:
+						var p = e.type;
+						switch (p) {
+							case l:
+							case u:
+							case i:
+							case o:
+							case a:
+							case f: return p;
+							default:
+								var g = p && p.$$typeof;
+								switch (g) {
+									case c:
+									case d:
+									case h:
+									case m:
+									case s: return g;
+									default: return t;
+								}
+						}
+					case r: return t;
+				}
+			}
+		}
+		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 D(e) {
+			return x(e) === u;
+		}
+		function O(e) {
+			return x(e) === c;
+		}
+		function k(e) {
+			return x(e) === s;
+		}
+		function ue(e) {
+			return typeof e == "object" && !!e && e.$$typeof === n;
+		}
+		function de(e) {
+			return x(e) === d;
+		}
+		function fe(e) {
+			return x(e) === i;
+		}
+		function pe(e) {
+			return x(e) === h;
+		}
+		function A(e) {
+			return x(e) === m;
+		}
+		function me(e) {
+			return x(e) === r;
+		}
+		function he(e) {
+			return x(e) === o;
+		}
+		function ge(e) {
+			return x(e) === a;
+		}
+		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 = 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;
+	})();
+})), 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,
+		defaultProps: !0,
+		displayName: !0,
+		getDefaultProps: !0,
+		getDerivedStateFromError: !0,
+		getDerivedStateFromProps: !0,
+		mixins: !0,
+		propTypes: !0,
+		type: !0
+	}, i = {
+		name: !0,
+		length: !0,
+		prototype: !0,
+		caller: !0,
+		callee: !0,
+		arguments: !0,
+		arity: !0
+	}, a = {
+		$$typeof: !0,
+		render: !0,
+		defaultProps: !0,
+		displayName: !0,
+		propTypes: !0
+	}, o = {
+		$$typeof: !0,
+		compare: !0,
+		defaultProps: !0,
+		displayName: !0,
+		propTypes: !0,
+		type: !0
+	}, s = {};
+	s[n.ForwardRef] = a, s[n.Memo] = o;
+	function c(e) {
+		return n.isMemo(e) ? o : s[e.$$typeof] || r;
+	}
+	var l = Object.defineProperty, u = Object.getOwnPropertyNames, d = Object.getOwnPropertySymbols, f = Object.getOwnPropertyDescriptor, p = Object.getPrototypeOf, m = Object.prototype;
+	function h(e, t, n) {
+		if (typeof t != "string") {
+			if (m) {
+				var r = p(t);
+				r && r !== m && h(e, r, n);
+			}
+			var a = u(t);
+			d && (a = a.concat(d(t)));
+			for (var o = c(e), s = c(t), g = 0; g < a.length; ++g) {
+				var _ = a[g];
+				if (!i[_] && !(n && n[_]) && !(s && s[_]) && !(o && o[_])) {
+					var v = f(t, _);
+					try {
+						l(e, _, v);
+					} catch {}
+				}
+			}
+		}
+		return e;
+	}
+	t.exports = h;
+})), 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 nt = function(e, t, n) {
+	var r = e.key + "-" + t.name;
+	(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;
+		do
+			e.insert(t === i ? "." + r : "", i, e.sheet, !0), i = i.next;
+		while (i !== void 0);
+	}
+};
+//#endregion
+//#region node_modules/@emotion/hash/dist/emotion-hash.esm.js
+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;
+		case 2: t ^= (e.charCodeAt(r + 1) & 255) << 8;
+		case 1: t ^= e.charCodeAt(r) & 255, t = (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+	}
+	return t ^= t >>> 13, t = (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
+}
+//#endregion
+//#region node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
+var at = {
+	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,
+	fillOpacity: 1,
+	floodOpacity: 1,
+	stopOpacity: 1,
+	strokeDasharray: 1,
+	strokeDashoffset: 1,
+	strokeMiterlimit: 1,
+	strokeOpacity: 1,
+	strokeWidth: 1
+}, ot = !1, st = /[A-Z]|^ms/g, ct = /_EMO_([^_]+?)_([^]*?)_EMO_/g, lt = function(e) {
+	return e.charCodeAt(1) === 45;
+}, ut = function(e) {
+	return e != null && typeof e != "boolean";
+}, 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(ct, function(e, t, n) {
+			return X = {
+				name: t,
+				styles: n,
+				next: X
+			}, t;
+		});
+	}
+	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;
+	switch (typeof n) {
+		case "boolean": return "";
+		case "object":
+			var i = n;
+			if (i.anim === 1) return X = {
+				name: i.name,
+				styles: i.styles,
+				next: X
+			}, i.name;
+			var a = n;
+			if (a.styles !== void 0) {
+				var o = a.next;
+				if (o !== void 0) for (; o !== void 0;) X = {
+					name: o.name,
+					styles: o.styles,
+					next: X
+				}, o = o.next;
+				return a.styles + ";";
+			}
+			return mt(e, t, n);
+		case "function":
+			if (e !== void 0) {
+				var s = X, c = n(e);
+				return X = s, Y(e, t, c);
+			}
+			break;
+	}
+	var l = n;
+	if (t == null) return l;
+	var u = t[l];
+	return u === void 0 ? l : u;
+}
+function mt(e, t, n) {
+	var r = "";
+	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] + "}" : ut(s) && (r += dt(a) + ":" + ft(a, s) + ";");
+		} else {
+			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 = Y(e, t, o);
+				switch (a) {
+					case "animation":
+					case "animationName":
+						r += dt(a) + ":" + l + ";";
+						break;
+					default: r += a + "{" + l + "}";
+				}
+			}
+		}
+	}
+	return r;
+}
+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 = "";
+	X = void 0;
+	var a = e[0];
+	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: it(i) + s,
+		styles: i,
+		next: X
+	};
+}
+//#endregion
+//#region node_modules/@emotion/use-insertion-effect-with-fallbacks/dist/emotion-use-insertion-effect-with-fallbacks.browser.esm.js
+var _t = function(e) {
+	return e();
+}, 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);
+	});
+}, St = /* @__PURE__ */ n.createContext({}), Ct = {}.hasOwnProperty, wt = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Tt = function(e, t) {
+	var n = {};
+	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 nt(t, n, r), yt(function() {
+		return rt(t, n, r);
+	}), null;
+}, 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[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) 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));
+});
+$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;
+    font-style: normal;
+    font-size: 20px;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    font-variation-settings:
+      'FILL' 0,
+      'wght' 400,
+      'GRAD' 0,
+      'opsz' 24;
+    user-select: none;
+    vertical-align: middle;
+
+    &.--ICON-fill {
+      font-variation-settings:
+        'FILL' 1,
+        'wght' 500,
+        'GRAD' 0,
+        'opsz' 24;
+    }
+
+    &.--ICON-sm {
+      font-size: 18px;
+    }
+    &.--ICON-lg {
+      font-size: 24px;
+    }
+    &.--ICON-xl {
+      font-size: 36px;
+    }
+  }
+`, jt = "--ICON", Mt = ({ name: e, fill: t = !1, size: n = "md", className: r, style: i }) => /* @__PURE__ */ Z("span", {
+	className: [
+		jt,
+		t && `${jt}-fill`,
+		n !== "md" && `${jt}-${n}`,
+		r
+	].filter(Boolean).join(" "),
+	css: At(),
+	style: i,
+	"aria-hidden": "true",
+	"data-testid": jt,
+	children: e
+}), 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`)}
+    }
+  `, Ft = (e, n) => `
+    // SHADOWS  
+    ${t(e, "background-color", `--ICONBUTTON-EVENTS-${n}-SHADOW-COLOR`)}
+  `, It = (e, n) => `
+    // UTILS
+    .--ICONBUTTON-span > span {
+        ${t(e, "color", `--ICONBUTTON-EVENTS-${n}-ICON-COLOR`)}
+    }
+  `, 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`)}
+    }
+  `, Rt = (e, n) => `
+    // OUTLINE
+    .--ICONBUTTON-span {
+      ${t(e, "outline-color", `--ICONBUTTON-EVENTS-${n}-OUTLINE-COLOR`)}
+      ${t(e, "outline-width", `--ICONBUTTON-EVENTS-${n}-OUTLINE-WIDTH`)}
+      ${t(e, "outline-style", `--ICONBUTTON-EVENTS-${n}-OUTLINE-STYLE`)}
+      ${t(e, "outline-offset", `--ICONBUTTON-EVENTS-${n}-OUTLINE-OFFSET`)}
+    }
+  `, zt = (e) => p`
+  &.--ICONBUTTON {
+    width: 24px;
+    height: 24px;
+    ${t(e, "border-radius", "--ICONBUTTON-ROOT-BORDER-RADIUS")};
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    vertical-align: middle;
+    box-sizing: content-box;
+    position: relative;
+    user-select: none;
+    padding: 0px;
+    box-sizing: border-box;
+    -webkit-tap-highlight-color: transparent;
+    isolation: isolate;
+    border: none;
+    background-color: transparent;
+
+    // ENABLED
+    ${Pt(e, "ENABLED")};
+    ${Lt(e, "ENABLED")};
+    ${It(e, "ENABLED")};
+
+    // HOVER
+    &:hover {
+      &:before {
+        opacity: 1;
+        ${Ft(e, "HOVER")};
+      }
+    }
+
+    // ACTIVE
+    &.--ICONBUTTON-active,
+    &:active {
+      &:before {
+        opacity: 1;
+        ${Ft(e, "ACTIVE")};
+      }
+    }
+
+    // FOCUS
+    &:focus-visible {
+      outline: none;
+      ${Rt(e, "FOCUS")};
+    }
+
+    // DISABLED
+    &:disabled {
+      pointer-events: none;
+      ${Pt(e, "DISABLED")};
+      ${Lt(e, "DISABLED")};
+      ${It(e, "DISABLED")};
+    }
+
+    &.--ICONBUTTON-flipped {
+      .--ICONBUTTON-span {
+        > span {
+          rotate: 180deg !important;
+        }
+      }
+    }
+
+    .--ICONBUTTON-span {
+      width: 24px;
+      height: 24px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      box-sizing: border-box;
+      ${t(e, "border-radius", "--ICONBUTTON-ROOT-BORDER-RADIUS")};
+
+      > span {
+        rotate: 0deg;
+        transition: rotate 150ms ease-in-out;
+        position: absolute;
+        width: 100%;
+        height: auto;
+        z-index: 1;
+      }
+    }
+
+    &:before {
+      content: '';
+      position: absolute;
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+      opacity: 0;
+      transition: opacity 150ms ease-in-out;
+      z-index: -1;
+    }
+  }
+`, Q = "--ICONBUTTON", Bt = ({ className: e, style: t, icon: n, onClick: r, isFlipped: i, ...a }) => {
+	let [o, s] = f(!1);
+	return /* @__PURE__ */ Z("button", {
+		className: [
+			Q,
+			o ? `${Q}-active` : "",
+			i ? `${Q}-flipped` : "",
+			e
+		].join(" "),
+		css: zt(t),
+		type: "button",
+		onClick: r,
+		onKeyDown: (e) => {
+			e.stopPropagation(), (e.key === "Enter" || e.key === "Space") && s(!0), a.onKeyDown?.(e);
+		},
+		onKeyUp: (e) => {
+			(e.key === "Enter" || e.key === "Space") && s(!1), a.onKeyUp?.(e);
+		},
+		onBlur: (e) => {
+			s(!1), a.onBlur?.(e);
+		},
+		"data-testid": Q,
+		...a,
+		children: /* @__PURE__ */ Z("span", {
+			className: `${Q}-span`,
+			children: n
+		})
+	});
+}, 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 { 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=Toast-k4dxCveh.js.map