themelia-ui 3.0.0 → 3.2.0

package/dist/{toaster-bBMgXm8z.js → toaster-CXL8L7Mm.js}

@@ -1,13 +1,16 @@
-import { t as e } from "./cx--CBrhWH0.js";
-import { n as t, u as n } from "./ui-provider-Cmoq6i_D.js";
-import { t as r } from "./use-hydrated-lyN9MFHH.js";
-import { CircleCheckIcon as i, InfoIcon as a, Loader2Icon as o, OctagonXIcon as s, TriangleAlertIcon as c, XIcon as l } from "lucide-react";
-import { useCallback as u, useEffect as d, useRef as f, useSyncExternalStore as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { createPortal as g } from "react-dom";
+import "#core.css";
+import { c as e, s as t } from "./typography-DmeR05Er.js";
+import { t as n } from "./cx--CBrhWH0.js";
+import { n as r, u as i } from "./ui-provider-DpzLUD12.js";
+import { t as a } from "./use-hydrated-lyN9MFHH.js";
+import { CircleCheckIcon as o, InfoIcon as s, Loader2Icon as c, OctagonXIcon as l, TriangleAlertIcon as u, XIcon as d } from "lucide-react";
+import { useCallback as f, useEffect as p, useRef as m, useSyncExternalStore as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { createPortal as v } from "react-dom";
+import "#css/toaster.css";
 //#region src/components/base/toaster/toast-store.ts
-var _ = 150;
-function v() {
+var y = 150;
+function b() {
 	let e = /* @__PURE__ */ new Set(), t = /* @__PURE__ */ new Map(), n = [], r = 0;
 	function i() {
 		for (let t of e) t();
@@ -30,7 +33,7 @@ function v() {
 				let e = n.filter((e) => t.some((t) => t.id === e.id));
 				n = n.filter((e) => !t.some((t) => t.id === e.id)), i();
 				for (let t of e) t.onDismiss?.(t.id);
-			}, _);
+			}, y);
 		}
 	}
 	function c(e, t, a = {}) {
@@ -49,7 +52,7 @@ function v() {
 			return e.add(t), () => e.delete(t);
 		},
 		getSnapshot: () => n,
-		getServerSnapshot: () => y,
+		getServerSnapshot: () => x,
 		toast: Object.assign(l, {
 			neutral: l,
 			success: (e, t) => c("success", e, t),
@@ -65,12 +68,12 @@ function v() {
 				});
 				try {
 					let i = await e;
-					return c("success", b(t.success, i), {
+					return c("success", S(t.success, i), {
 						...n,
 						id: r
 					}), i;
 				} catch (e) {
-					throw c("error", b(t.error, e), {
+					throw c("error", S(t.error, e), {
 						...n,
 						id: r
 					}), e;
@@ -89,18 +92,18 @@ function v() {
 		}
 	};
 }
-var y = [];
-function b(e, t) {
+var x = [];
+function S(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-var x = v(), S = x.toast, C = x.dismiss;
-x.pauseAll, x.resumeAll, x.applyDefaultDuration;
+var C = b(), w = C.toast, T = C.dismiss;
+C.pauseAll, C.resumeAll, C.applyDefaultDuration;
 //#endregion
 //#region src/components/base/toaster/toaster.strings.ts
-var w = {
+var E = {
 	label: "Notifications",
 	dismiss: "Dismiss notification"
-}, T = {
+}, D = {
 	viewport: "toaster__viewport___9yHe7",
 	top: "toaster__top___1zsV-",
 	bottom: "toaster__bottom___v-TlO",
@@ -109,72 +112,70 @@ var w = {
 	center: "toaster__center___a9CGe",
 	toast: "toaster__toast___bDiva",
 	icon: "toaster__icon___ArLMB",
-	statusSuccess: "toaster__statusSuccess___Okh98",
-	statusInfo: "toaster__statusInfo___210GB",
-	statusWarning: "toaster__statusWarning___hEFnE",
-	statusError: "toaster__statusError___BjSXO",
 	spinner: "toaster__spinner___xchQh",
 	content: "toaster__content___l7muo",
-	title: "toaster__title___w38vh",
 	description: "toaster__description___ZnbEl",
 	actions: "toaster__actions___0SpTv",
 	action: "toaster__action___RDRws",
 	cancel: "toaster__cancel___T9R0o",
 	close: "toaster__close___MwjTJ"
-}, E = {
-	success: /* @__PURE__ */ m(i, { "aria-hidden": !0 }),
-	info: /* @__PURE__ */ m(a, { "aria-hidden": !0 }),
-	warning: /* @__PURE__ */ m(c, { "aria-hidden": !0 }),
-	error: /* @__PURE__ */ m(s, { "aria-hidden": !0 }),
-	loading: /* @__PURE__ */ m(o, {
+}, O = {
+	success: /* @__PURE__ */ g(o, { "aria-hidden": !0 }),
+	info: /* @__PURE__ */ g(s, { "aria-hidden": !0 }),
+	warning: /* @__PURE__ */ g(u, { "aria-hidden": !0 }),
+	error: /* @__PURE__ */ g(l, { "aria-hidden": !0 }),
+	loading: /* @__PURE__ */ g(c, {
 		"aria-hidden": !0,
-		className: T.spinner
+		className: D.spinner
 	})
-}, D = {
+}, k = {
 	neutral: void 0,
-	success: T.statusSuccess,
-	info: T.statusInfo,
-	warning: T.statusWarning,
-	error: T.statusError,
+	success: "success",
+	info: "info",
+	warning: "warning",
+	error: "destructive",
 	loading: void 0
-};
-function O({ position: i, duration: a, visibleToasts: o, closeButton: s, strings: c, className: l, container: h, store: _ = x }) {
-	let v = {
-		...w,
+}, A = e({
+	size: "xs",
+	weight: "medium"
+});
+function j({ position: e, duration: t, visibleToasts: o, closeButton: s, strings: c, className: l, container: u, store: d = C }) {
+	let _ = {
+		...E,
 		...c
-	}, y = t("toast", {
+	}, y = r("toast", {
 		position: "bottom-end",
 		duration: 4e3,
 		visibleToasts: 3,
 		closeButton: !0
-	}), b = i ?? y.position, S = a ?? y.duration, C = o ?? y.visibleToasts, E = s ?? y.closeButton, D = p(_.subscribe, _.getSnapshot, _.getServerSnapshot), O = r(), A = n(h);
-	d(() => {
-		_.applyDefaultDuration(S);
+	}), b = e ?? y.position, x = t ?? y.duration, S = o ?? y.visibleToasts, w = s ?? y.closeButton, T = h(d.subscribe, d.getSnapshot, d.getServerSnapshot), O = a(), k = i(u);
+	p(() => {
+		d.applyDefaultDuration(x);
 	}, [
-		_,
-		D,
-		S
+		d,
+		T,
+		x
 	]);
-	let j = f(null), M = f(!1), N = f(null), P = u((e) => {
-		M.current || e ? _.pauseAll() : _.resumeAll(S);
-	}, [_, S]), F = () => !!j.current?.contains(document.activeElement), I = u((e) => {
-		let t = j.current?.contains(document.activeElement) ? N.current : null;
-		_.dismiss(e), t?.isConnected && t.focus();
-	}, [_]);
+	let A = m(null), j = m(!1), N = m(null), P = f((e) => {
+		j.current || e ? d.pauseAll() : d.resumeAll(x);
+	}, [d, x]), F = () => !!A.current?.contains(document.activeElement), I = f((e) => {
+		let t = A.current?.contains(document.activeElement) ? N.current : null;
+		d.dismiss(e), t?.isConnected && t.focus();
+	}, [d]);
 	if (!O) return null;
-	let [L, R] = b.split("-"), z = D.slice(-C);
-	return g(/* @__PURE__ */ m("div", {
-		ref: j,
+	let [L, R] = b.split("-"), z = T.slice(-S);
+	return v(/* @__PURE__ */ g("div", {
+		ref: A,
 		role: "region",
-		"aria-label": v.label,
+		"aria-label": _.label,
 		"aria-live": "polite",
 		"aria-relevant": "additions text",
-		className: e("toaster--component", T.viewport, T[L], T[R], l),
+		className: n("toaster--component", D.viewport, D[L], D[R], l),
 		onMouseEnter: () => {
-			M.current = !0, P(F());
+			j.current = !0, P(F());
 		},
 		onMouseLeave: () => {
-			M.current = !1, P(F());
+			j.current = !1, P(F());
 		},
 		onFocus: (e) => {
 			let t = e.relatedTarget;
@@ -189,65 +190,71 @@ function O({ position: i, duration: a, visibleToasts: o, closeButton: s, strings
 			let t = e.target.closest("[data-toast-id]")?.dataset.toastId;
 			t && (e.stopPropagation(), I(t));
 		},
-		children: z.map((e) => /* @__PURE__ */ m(k, {
+		children: z.map((e) => /* @__PURE__ */ g(M, {
 			record: e,
-			closeButton: E,
-			strings: v,
+			closeButton: w,
+			strings: _,
 			onDismiss: I
 		}, e.id))
-	}), A ?? document.body);
+	}), k ?? document.body);
 }
-function k({ record: t, closeButton: n, strings: r, onDismiss: i }) {
-	let a = t.icon ?? (t.status === "neutral" ? null : E[t.status]);
-	return /* @__PURE__ */ h("div", {
-		className: e("toast--component", T.toast, D[t.status]),
-		"data-status": t.status,
-		"data-toast-id": t.id,
-		"data-leaving": t.leaving || void 0,
-		role: t.status === "error" ? "alert" : void 0,
+function M({ record: e, closeButton: r, strings: i, onDismiss: a }) {
+	let o = e.icon ?? (e.status === "neutral" ? null : O[e.status]);
+	return /* @__PURE__ */ _("div", {
+		className: n("toast--component", D.toast),
+		"data-status": e.status,
+		"data-tone": k[e.status],
+		"data-toast-id": e.id,
+		"data-leaving": e.leaving || void 0,
+		role: e.status === "error" ? "alert" : void 0,
 		"aria-atomic": "true",
 		children: [
-			a != null && /* @__PURE__ */ m("span", {
-				className: T.icon,
-				children: a
+			o != null && /* @__PURE__ */ g("span", {
+				className: D.icon,
+				children: o
 			}),
-			/* @__PURE__ */ h("div", {
-				className: e("toast--content", T.content),
-				children: [/* @__PURE__ */ m("div", {
-					className: T.title,
-					children: t.title
-				}), t.description != null && /* @__PURE__ */ m("div", {
-					className: T.description,
-					children: t.description
+			/* @__PURE__ */ _("div", {
+				className: n("toast--content", D.content),
+				children: [/* @__PURE__ */ g(t, {
+					tag: "div",
+					size: "sm",
+					weight: "medium",
+					children: e.title
+				}), e.description != null && /* @__PURE__ */ g(t, {
+					tag: "div",
+					size: "xs",
+					type: "secondary",
+					className: D.description,
+					children: e.description
 				})]
 			}),
-			(t.action || t.cancel) && /* @__PURE__ */ h("div", {
-				className: T.actions,
-				children: [t.cancel && /* @__PURE__ */ m("button", {
+			(e.action || e.cancel) && /* @__PURE__ */ _("div", {
+				className: D.actions,
+				children: [e.cancel && /* @__PURE__ */ g("button", {
 					type: "button",
-					className: T.cancel,
+					className: n(D.cancel, A),
 					onClick: () => {
-						t.cancel?.onClick(), i(t.id);
+						e.cancel?.onClick(), a(e.id);
 					},
-					children: t.cancel.label
-				}), t.action && /* @__PURE__ */ m("button", {
+					children: e.cancel.label
+				}), e.action && /* @__PURE__ */ g("button", {
 					type: "button",
-					className: T.action,
+					className: n(D.action, A),
 					onClick: () => {
-						t.action?.onClick(), i(t.id);
+						e.action?.onClick(), a(e.id);
 					},
-					children: t.action.label
+					children: e.action.label
 				})]
 			}),
-			n && /* @__PURE__ */ m("button", {
+			r && /* @__PURE__ */ g("button", {
 				type: "button",
-				className: T.close,
-				"aria-label": r.dismiss,
-				onClick: () => i(t.id),
-				children: /* @__PURE__ */ m(l, { "aria-hidden": !0 })
+				className: D.close,
+				"aria-label": i.dismiss,
+				onClick: () => a(e.id),
+				children: /* @__PURE__ */ g(d, { "aria-hidden": !0 })
 			})
 		]
 	});
 }
 //#endregion
-export { S as a, C as i, w as n, v as r, O as t };
+export { w as a, T as i, E as n, b as r, j as t };