@mortenbrudvik/waveui 0.7.0 → 0.8.0

package/dist/components/feedback/Toaster.mjs

@@ -0,0 +1,564 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { reportMissingContext as t, warnOnce as n } from "../../lib/dev.mjs";
+import { composeEventHandlers as r } from "../../lib/composeEventHandlers.mjs";
+import { toasterClassNames as i } from "../../lib/classNames.mjs";
+import { bindToasterHandle as a, isToastOptions as o } from "../../lib/toaster.mjs";
+import { useEventCallback as s } from "../../hooks/useEventCallback.mjs";
+import { useId as c } from "../../hooks/useId.mjs";
+import { getDirection as l } from "../../lib/direction.mjs";
+import { getFirstTabbable as u, getTabbableElements as d, isConnectedAndFocusable as f } from "../../lib/focus.mjs";
+import { useMergedRefs as ee } from "../../hooks/useMergedRefs.mjs";
+import { joinIds as p } from "../../lib/aria.mjs";
+import { usePresence as m } from "../../hooks/usePresence.mjs";
+import { getOpenLayers as h, isInsideLayerTree as g, subscribeLayers as _ } from "../../lib/layers.mjs";
+import { useDirection as te } from "../../hooks/useDirection.mjs";
+import { Portal as v } from "../portal/Portal.mjs";
+import { focusRing as ne } from "../../lib/styles.mjs";
+import { isEditableTarget as re, isOwnEvent as ie } from "../../lib/events.mjs";
+import { usePreserveFocus as ae } from "../../hooks/usePreserveFocus.mjs";
+import { StatusText as oe, getStatusLabel as y } from "./MessageBar.status.mjs";
+import { ToastContext as se, ToasterContext as b } from "./Toast.context.mjs";
+import { ToastRoot as ce } from "./Toast.root.mjs";
+import * as x from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/components/feedback/Toaster.tsx
+function le(e, t) {
+	let n = 0, r = !1;
+	for (let t of e) t.shown ? t.dismissed || (n += 1) : r = !0;
+	return !r || n >= t ? e : e.map((e) => e.shown || n >= t ? e : (n += 1, {
+		...e,
+		shown: !0
+	}));
+}
+function w(e, t) {
+	let n = e.findIndex((e) => e.id === t);
+	if (n === -1) return e;
+	let r = e[n];
+	if (!r.shown) return [...e.slice(0, n), ...e.slice(n + 1)];
+	if (r.dismissed) return e;
+	let i = e.slice();
+	return i[n] = {
+		...r,
+		dismissed: !0
+	}, i;
+}
+function T(e) {
+	return e.every((e) => e.shown && e.dismissed) ? e : e.filter((e) => e.shown).map((e) => e.dismissed ? e : {
+		...e,
+		dismissed: !0
+	});
+}
+function E(e) {
+	let t;
+	for (let n of e) n.shown && !n.dismissed && (!t || n.seq > t.seq) && (t = n);
+	return t;
+}
+function D(e, t) {
+	return e.contains(t) ? !0 : h().some((n) => {
+		let r = n.getAnchor();
+		return r !== null && e.contains(r) && g(n.id, t);
+	});
+}
+function ue(e, t) {
+	let n = t?.getDismissButton() ?? null;
+	return d(e).some((e) => e !== n);
+}
+function O(e) {
+	return e === void 0 ? Infinity : e >= 1 ? Math.floor(e) : 1;
+}
+var k = {
+	dispatchToast: (e, t) => (o(e) ? e.toastId : t?.toastId) ?? "",
+	dismissToast: () => {},
+	dismissAllToasts: () => {}
+}, A = "useToastController must be used within <Toaster>. Wrap your app (or the part of it that shows toasts) in <Toaster>: it provides the controller to its children.";
+function j() {
+	return x.useContext(b) || (t("useToastController", "<Toaster>", A), k);
+}
+var de = 5e3;
+function M(e) {
+	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Map(), i = !1, a = !1, o = (o) => {
+		let s = t.get(o);
+		if (!s) return;
+		let c = !a && !i && n.size === 0;
+		c && s.handle === null ? (s.startedAt = Date.now(), s.handle = setTimeout(() => {
+			t.delete(o), r.delete(o), e(o);
+		}, s.remaining)) : !c && s.handle !== null && (clearTimeout(s.handle), s.handle = null, s.remaining = Math.max(0, s.remaining - (Date.now() - s.startedAt)));
+	}, s = () => {
+		for (let e of Array.from(t.keys())) o(e);
+	}, c = (e) => {
+		let n = t.get(e);
+		n?.handle != null && clearTimeout(n.handle), t.delete(e);
+	};
+	return {
+		start(e, n, i) {
+			r.get(e) !== n && (r.set(e, n), c(e), i > 0 && Number.isFinite(i) && (t.set(e, {
+				handle: null,
+				remaining: i,
+				startedAt: 0
+			}), o(e)));
+		},
+		remove(e) {
+			c(e), r.delete(e);
+		},
+		clear() {
+			for (let e of Array.from(t.keys())) c(e);
+			r.clear();
+		},
+		isPaused(e) {
+			return n.has(e);
+		},
+		setPaused(e, t) {
+			t ? n.add(e) : n.delete(e), s();
+		},
+		setInBackground(e) {
+			i = e, s();
+		},
+		setSuspended(e) {
+			a = e, s();
+		}
+	};
+}
+var N = {
+	"top-start": "top-4 start-4 ms-(--wave-toaster-offset)",
+	"top-end": "top-4 end-4 me-(--wave-toaster-offset)",
+	"bottom-start": "bottom-4 start-4 ms-(--wave-toaster-offset)",
+	"bottom-end": "bottom-4 end-4 me-(--wave-toaster-offset)",
+	"top-right": "top-4 right-4 mr-(--wave-toaster-offset)",
+	"top-left": "top-4 left-4 ml-(--wave-toaster-offset)",
+	"bottom-right": "bottom-4 right-4 mr-(--wave-toaster-offset)",
+	"bottom-left": "bottom-4 left-4 ml-(--wave-toaster-offset)"
+}, P = 16;
+function F(e, t) {
+	let n = e.slice(e.indexOf("-") + 1);
+	if (n === "right" || n === "left") return n === "right";
+	let r = l(t) === "rtl";
+	return n === "end" ? !r : r;
+}
+function fe(e, t) {
+	let n = h().filter((e) => e.kind === "modal");
+	if (n.length === 0) return 0;
+	let r = e.ownerDocument, i = r.defaultView;
+	if (!i) return 0;
+	let a = r.documentElement.clientWidth || i.innerWidth, o = r.documentElement.clientHeight || i.innerHeight, s = F(t, e), c = t.startsWith("top"), l = 0;
+	for (let e of n) for (let t of e.getElements()) {
+		if (!t?.isConnected) continue;
+		let e = t.getBoundingClientRect();
+		if (e.width <= 0 || e.height <= 0) continue;
+		let n = s ? e.right >= a - P : e.left <= P, r = c ? e.top <= P : e.bottom >= o - P;
+		n && r && (l = Math.max(l, s ? a - e.left : e.right));
+	}
+	return l <= 0 || a - l < e.offsetWidth + 32 ? 0 : Math.ceil(l);
+}
+var I = 2e3;
+function L({ text: e }) {
+	let [t, n] = x.useState(!0);
+	return x.useEffect(() => {
+		let e = setTimeout(() => n(!1), I);
+		return () => clearTimeout(e);
+	}, []), t ? /* @__PURE__ */ S("div", { children: e }) : null;
+}
+L.displayName = "LiveMessage";
+function R(e) {
+	return e.kind === "title";
+}
+function z(e) {
+	return e.kind === "body";
+}
+function B(e) {
+	return e.kind === "footer";
+}
+var V = /* @__PURE__ */ new Set(/* @__PURE__ */ "a.abbr.b.bdi.bdo.cite.code.data.dfn.em.i.kbd.label.mark.q.s.samp.small.span.strong.sub.sup.time.u.var.wbr".split(".")), H = /* @__PURE__ */ new Set([
+	"noscript",
+	"script",
+	"style",
+	"template"
+]), U = /* @__PURE__ */ new Set([
+	"button",
+	"img",
+	"input",
+	"select",
+	"textarea"
+]), pe = /* @__PURE__ */ new Set([
+	"button",
+	"checkbox",
+	"combobox",
+	"img",
+	"link",
+	"option",
+	"radio",
+	"slider",
+	"spinbutton",
+	"switch",
+	"tab",
+	"textbox"
+]);
+function W(e) {
+	let t = e.getAttribute("role")?.trim().split(/\s+/)[0];
+	return t ? pe.has(t) || t.startsWith("menuitem") : e.localName === "a" ? e.hasAttribute("href") : U.has(e.localName);
+}
+function G(e) {
+	return e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden") || H.has(e.localName);
+}
+function K(e, t) {
+	if (!e) return "";
+	let n = [], r = (e, i) => {
+		if (e.nodeType === Node.TEXT_NODE) {
+			n.push(e.textContent ?? "");
+			return;
+		}
+		if (e.nodeType !== Node.ELEMENT_NODE) return;
+		let a = e;
+		if (!i && t?.(a) || G(a)) return;
+		let o = a.getAttribute("aria-label");
+		if (o && W(a)) {
+			n.push(` ${o} `);
+			return;
+		}
+		if (a.localName === "img") {
+			n.push(` ${a.getAttribute("alt") ?? ""} `);
+			return;
+		}
+		let s = !V.has(a.localName);
+		s && n.push(" ");
+		for (let e of Array.from(a.childNodes)) r(e, !1);
+		s && n.push(" ");
+	};
+	return r(e, !0), n.join("").replace(/\s+/g, " ").trim();
+}
+function q(e) {
+	return !e || G(e) ? [] : Array.from(e.childNodes, (e) => e.nodeType === Node.TEXT_NODE ? (e.textContent ?? "").replace(/\s+/g, " ").trim() : e.nodeType === Node.ELEMENT_NODE ? K(e) : "").filter(Boolean);
+}
+function J(e, t, n, r) {
+	let i = t.find(R), a = t.find(z);
+	if (!i && !a) {
+		let t = n?.getDismissButton() ?? null;
+		return K(e, (e) => e === t || e.id !== "" && (e.id === r || e.id === n?.statusTextId));
+	}
+	let o = i?.getLabel() ?? null, s = i?.getRow() ?? null, c = s ? Array.from(s.children).filter((e) => e !== o).flatMap((e) => q(e)) : [];
+	return [
+		K(o),
+		K(a?.getElement() ?? null),
+		...c,
+		...t.filter(B).flatMap((e) => q(e.getElement()))
+	].filter(Boolean).join(" ");
+}
+function me({ entry: t, timers: r, onDismiss: a, onExited: o, getFocusFallback: l, announce: u, registerContainer: d }) {
+	let { id: f, dismissed: h } = t, { isMounted: g, ref: _, presenceProps: te } = m(!h, {
+		appear: !0,
+		onExited: () => o(f)
+	}), v = x.useRef(null), b = x.useRef(null), le = x.useCallback((e) => {
+		v.current = e, e && (b.current = e), d(f, e);
+	}, [f, d]), w = ee(le, _);
+	ae(v, () => l(b.current), { enabled: !h });
+	let T = c("wave-toast-title"), E = c("wave-toast-status"), [D, O] = x.useState([]), k = x.useRef([]), A = x.useCallback((e) => (k.current = [...k.current, e], O(k.current), () => {
+		k.current = k.current.filter((t) => t !== e), O(k.current);
+	}), []), [j, M] = x.useState(null), N = x.useRef(null), P = x.useCallback((e) => (N.current = e, M(e), () => {
+		N.current === e && (N.current = null, M(null));
+	}), []), F = s(() => {
+		N.current?.onDismiss?.(), a(f);
+	}), fe = x.useMemo(() => ({
+		titleId: T,
+		dismiss: F,
+		registerPart: A,
+		registerToast: P
+	}), [
+		T,
+		F,
+		A,
+		P
+	]), I = D.find(R), L = D.find(z), B = t.form === "content" && j === null ? y(t.options.status ?? "info", t.options.statusLabel) : "", V = j ? j.statusTextId : B ? E : void 0;
+	x.useLayoutEffect(() => {
+		let e = v.current;
+		if (t.dismissed || !e) return;
+		let n = t.options.timeout ?? (ue(e, N.current) ? 0 : de);
+		r.start(t.id, t.seq, n);
+	}, [t, r]), x.useLayoutEffect(() => {
+		let e = v.current;
+		if (t.dismissed || !e) return;
+		let n = N.current, r = n?.status ?? t.options.status ?? "info", i = n ? n.statusLabel : y(r, t.options.statusLabel), a = t.form === "content" && t.options.announcement !== void 0 ? t.options.announcement : J(e, k.current, n, E);
+		u(t.id, {
+			seq: t.seq,
+			text: [i, a].filter(Boolean).join(" "),
+			assertive: r === "error"
+		});
+	}, [
+		t,
+		u,
+		E,
+		j
+	]);
+	let H = t.form === "content" ? t.options.status : void 0;
+	x.useEffect(() => {
+		let e = N.current?.status;
+		H !== void 0 && e !== void 0 && H !== e && n("Toaster:status-conflict", `Toaster: the dispatched Toast has status "${e}" but the dispatch options pass "${H}"; the Toast's status is used. Remove \`status\` from the options.`);
+	}, [
+		t,
+		H,
+		j
+	]);
+	let U = (e) => {
+		(e.key === "Delete" || e.key === "Backspace") && (e.defaultPrevented || !ie(e) || re(e.target) || (e.preventDefault(), a(f)));
+	};
+	return g ? /* @__PURE__ */ C("div", {
+		ref: w,
+		role: "group",
+		tabIndex: -1,
+		"data-wave-toast": "",
+		"aria-labelledby": p(V, I?.id),
+		"aria-describedby": L?.id,
+		className: e(i.toast, "rounded", ne),
+		...te,
+		onKeyDown: U,
+		children: [B ? /* @__PURE__ */ S(oe, {
+			label: B,
+			id: E
+		}) : null, /* @__PURE__ */ S(se.Provider, {
+			value: fe,
+			children: t.form === "options" ? /* @__PURE__ */ S(ce, {
+				status: t.options.status,
+				statusLabel: t.options.statusLabel,
+				title: t.options.title,
+				dismissLabel: t.options.dismissLabel,
+				children: t.options.body
+			}) : t.content
+		})]
+	}) : null;
+}
+me.displayName = "ToastContainer";
+var Y = ({ position: t = "bottom-end", limit: l, shortcuts: d, toaster: p, className: m, style: g, children: ne, onFocus: re, onBlur: ae, onKeyDown: oe, onPointerEnter: y, onPointerLeave: se, onPointerOver: ce, ref: ue, ...k }) => {
+	let [A, j] = x.useState([]), [de, P] = x.useState(() => /* @__PURE__ */ new Map()), F = x.useCallback((e, t) => {
+		P((n) => {
+			let r = n.get(e);
+			if (r && r.seq === t.seq && r.text === t.text && r.assertive === t.assertive) return n;
+			let i = new Map(n);
+			return i.set(e, t), i;
+		});
+	}, []), I = le(A, O(l));
+	I !== A && j(I);
+	let R = I.filter((e) => e.shown);
+	x.useEffect(() => {
+		l !== void 0 && !(l >= 1) && n("Toaster:limit", `Toaster: \`limit\` must be 1 or more (got ${String(l)}); it counts as 1.`);
+	}, [l]);
+	let z = c("toast"), B = x.useRef(0), V = x.useRef(null), H = ee(ue, V), U = x.useRef(null), pe = te(), [W, G] = x.useState(0);
+	x.useLayoutEffect(() => {
+		let e = () => {
+			let e = V.current;
+			G(e ? fe(e, t) : 0);
+		};
+		e();
+		let n = _(e);
+		return window.addEventListener("resize", e), document.addEventListener("transitionend", e, !0), document.addEventListener("animationend", e, !0), () => {
+			n(), window.removeEventListener("resize", e), document.removeEventListener("transitionend", e, !0), document.removeEventListener("animationend", e, !0);
+		};
+	}, [t, pe]);
+	let [K] = x.useState(() => M((e) => j((t) => w(t, e))));
+	x.useEffect(() => {
+		let e = document, t = !1, n = () => K.setInBackground(t || e.visibilityState === "hidden"), r = (e) => {
+			e.target instanceof Node || (t = !0, n());
+		}, i = (e) => {
+			e.target instanceof Node || (t = !1, n());
+		};
+		return n(), K.setSuspended(!1), window.addEventListener("blur", r), window.addEventListener("focus", i), e.addEventListener("visibilitychange", n), () => {
+			window.removeEventListener("blur", r), window.removeEventListener("focus", i), e.removeEventListener("visibilitychange", n), K.setSuspended(!0);
+		};
+	}, [K]);
+	let q = x.useCallback((e, t) => {
+		B.current += 1;
+		let n = B.current, r = o(e) ? {
+			form: "options",
+			options: e
+		} : {
+			form: "content",
+			content: e,
+			options: t ?? {}
+		}, i = r.options.toastId ?? `${z}-${n}`;
+		return j((e) => {
+			let t = e.findIndex((e) => e.id === i), a = t !== -1 && e[t].shown, o = {
+				...r,
+				id: i,
+				seq: n,
+				shown: a,
+				dismissed: !1
+			};
+			if (t === -1) return [...e, o];
+			let s = e.slice();
+			return s[t] = o, s;
+		}), i;
+	}, [z]), J = x.useCallback((e) => {
+		K.remove(e), j((t) => w(t, e));
+	}, [K]), Y = x.useCallback(() => {
+		K.clear(), j((e) => T(e));
+	}, [K]), he = x.useCallback((e) => {
+		j((t) => t.some((t) => t.id === e && t.dismissed) ? t.filter((t) => !(t.id === e && t.dismissed)) : t), P((t) => {
+			if (!t.has(e)) return t;
+			let n = new Map(t);
+			return n.delete(e), n;
+		});
+	}, []), X = x.useMemo(() => ({
+		dispatchToast: q,
+		dismissToast: J,
+		dismissAllToasts: Y
+	}), [
+		q,
+		J,
+		Y
+	]), [ge] = x.useState(() => ({}));
+	x.useLayoutEffect(() => {
+		if (!p) return;
+		let e = a(p, ge, X);
+		if (e.status === "bound") return e.unbind;
+		e.status === "taken" ? n("Toaster:handle-bound", "Toaster: this handle is already bound to another Toaster; a handle binds one Toaster. Create one handle per Toaster.") : n("Toaster:handle-unknown", "Toaster: `toaster` is not a handle from createToaster(), so nothing is bound. Pass the value createToaster() returns.");
+	}, [
+		p,
+		ge,
+		X
+	]);
+	let _e = x.useCallback((e) => {
+		let t = V.current, n = t ? Array.from(t.children).filter((e) => e instanceof HTMLElement && e.hasAttribute("data-wave-toast")) : [], r = !!e && e.ownerDocument.activeElement === e, i = e ? n.indexOf(e) : -1, a = (t) => t !== e && t.isConnected && t.getAttribute("data-presence") !== "exiting", o = n.slice(i + 1).find(a), s = i > 0 ? n.slice(0, i).reverse().find(a) : void 0;
+		for (let e of [o, s]) {
+			if (!e) continue;
+			let t = r ? e : u(e);
+			if (t) return t;
+		}
+		let c = U.current;
+		return U.current = null, c?.isConnected ? c : null;
+	}, []), Z = s(() => {
+		let e = V.current;
+		if (!e) return;
+		let t = e.ownerDocument;
+		if (t.activeElement && t.activeElement !== t.body) return;
+		let n = K.isPaused("focus");
+		K.setPaused("focus", !1);
+		let r = U.current;
+		U.current = null, n && r && f(r) && r.focus({ preventScroll: !0 });
+	});
+	x.useLayoutEffect(() => {
+		Z();
+	}, [I, Z]), x.useLayoutEffect(() => _(() => queueMicrotask(Z)), [Z]);
+	let Q = x.useRef(null);
+	x.useEffect(() => {
+		let e = (e) => {
+			let t = Q.current === e;
+			if (Q.current = null, t || !K.isPaused("hover")) return;
+			let n = V.current;
+			n && e.target instanceof Node && D(n, e.target) || K.setPaused("hover", !1);
+		};
+		return document.addEventListener("pointerover", e), () => document.removeEventListener("pointerover", e);
+	}, [K]);
+	let ve = x.useRef(I);
+	x.useLayoutEffect(() => {
+		ve.current = I;
+	});
+	let $ = x.useRef(/* @__PURE__ */ new Map()), ye = x.useCallback((e, t) => {
+		t ? $.current.set(e, t) : $.current.delete(e);
+	}, []), be = typeof d?.focus == "function", xe = s((e) => {
+		if (e.defaultPrevented || e.isComposing || !d?.focus?.(e)) return;
+		let t = E(ve.current), n = t ? $.current.get(t.id) : void 0;
+		if (!n?.isConnected) return;
+		e.preventDefault();
+		let r = V.current, i = n.ownerDocument.activeElement;
+		i instanceof HTMLElement && i !== n.ownerDocument.body && !(r && D(r, i)) && (U.current = i), n.focus({ preventScroll: !1 });
+	});
+	x.useEffect(() => {
+		if (!be) return;
+		let e = (e) => xe(e);
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [be, xe]);
+	let Se = (e) => {
+		let t = e.relatedTarget;
+		t instanceof HTMLElement && f(t) && (D(e.currentTarget, t) || (U.current = t));
+	}, Ce = (e) => {
+		let t = e.currentTarget, n = e.relatedTarget;
+		if (!(n instanceof Node && D(t, n)) && !e.target.closest("[data-wave-toast][data-presence=\"exiting\"]")) {
+			if (n === null) {
+				let n = e.target;
+				if (!n.isConnected) return;
+				let r = n.ownerDocument.activeElement;
+				if (r && D(t, r)) return;
+			}
+			U.current = null;
+		}
+	}, we = (e) => {
+		if (e.key !== "Escape" && e.key !== "Esc" || e.defaultPrevented || e.nativeEvent.isComposing || !ie(e)) return;
+		let t = e.currentTarget;
+		if (h().some((e) => e.escape && t.contains(e.getAnchor()))) return;
+		e.preventDefault();
+		let n = U.current;
+		U.current = null, n?.isConnected && n.focus({ preventScroll: !0 }), Y();
+	}, Te = [], Ee = [];
+	for (let e of R) {
+		if (e.dismissed) continue;
+		let t = de.get(e.id);
+		if (!t || t.seq !== e.seq || !t.text) continue;
+		let n = /* @__PURE__ */ S(L, { text: t.text }, t.seq);
+		(t.assertive ? Ee : Te).push(n);
+	}
+	let De = W > 0 ? {
+		...g,
+		"--wave-toaster-offset": `${W}px`
+	} : g;
+	return /* @__PURE__ */ C(b.Provider, {
+		value: X,
+		children: [ne, /* @__PURE__ */ S(v, {
+			layer: "toast",
+			children: /* @__PURE__ */ C("div", {
+				ref: H,
+				role: "region",
+				"aria-label": "Notifications",
+				"data-wave-focus-trap-allow": "",
+				"data-position": t,
+				...k,
+				style: De,
+				onFocus: (e) => {
+					re?.(e), Se(e), K.setPaused("focus", !0);
+				},
+				onBlur: (e) => {
+					ae?.(e), Ce(e);
+					let t = e.relatedTarget;
+					t instanceof Node && D(e.currentTarget, t) || K.setPaused("focus", !1);
+				},
+				onPointerEnter: (e) => {
+					y?.(e), K.setPaused("hover", !0);
+				},
+				onPointerLeave: (e) => {
+					se?.(e), K.setPaused("hover", !1);
+				},
+				onPointerOver: (e) => {
+					ce?.(e), Q.current = e.nativeEvent;
+				},
+				onKeyDown: (e) => r(oe, we)(e),
+				className: e(i.root, "fixed flex w-80 max-w-[calc(100vw-2rem)] flex-col gap-2", N[t], m),
+				children: [
+					/* @__PURE__ */ S("div", {
+						role: "status",
+						"aria-live": "polite",
+						"aria-atomic": "false",
+						className: "sr-only",
+						children: Te
+					}),
+					/* @__PURE__ */ S("div", {
+						"aria-live": "assertive",
+						"aria-atomic": "false",
+						className: "sr-only",
+						children: Ee
+					}),
+					R.map((e) => /* @__PURE__ */ S(me, {
+						entry: e,
+						timers: K,
+						onDismiss: J,
+						onExited: he,
+						getFocusFallback: _e,
+						announce: F,
+						registerContainer: ye
+					}, e.id))
+				]
+			})
+		})]
+	});
+};
+Y.displayName = "Toaster";
+//#endregion
+export { Y as Toaster, j as useToastController };
+
+//# sourceMappingURL=Toaster.mjs.map