@motech-development/breeze-ui 4.2.0 → 4.4.0

package/lib/index.js

@@ -1,23 +1,28 @@
 import { ToggleButton as e } from "react-aria-components/ToggleButton";
 import { ToggleButtonGroup as t } from "react-aria-components/ToggleButtonGroup";
-import { createContext as n, createElement as r, useCallback as i, useContext as a, useEffect as o, useLayoutEffect as s, useMemo as c, useState as l } from "react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Button as p } from "react-aria-components/Button";
-import { ProgressBarContext as m } from "react-aria-components/ProgressBar";
-import { useSlottedContext as h } from "react-aria-components/slots";
-import { ArrowDownLeft as g, ArrowUpRight as _, Bell as v, Building2 as y, CalendarDays as b, Camera as x, Check as S, ChevronDown as C, ChevronLeft as w, ChevronRight as T, Clock3 as ee, Download as te, Ellipsis as E, FileText as D, House as O, List as k, LockKeyhole as ne, LogOut as re, Plus as ie, Settings as ae, Trash2 as oe, TriangleAlert as se, Upload as ce, Users as le, X as ue } from "lucide-react";
-import { parseDate as de } from "@internationalized/date";
-import { I18nProvider as fe, useLocale as pe } from "react-aria-components/I18nProvider";
+import { createContext as n, createElement as r, useCallback as i, useContext as a, useEffect as o, useId as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d, useSyncExternalStore as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g } from "react-aria-components/Button";
+import { ProgressBarContext as _ } from "react-aria-components/ProgressBar";
+import { useSlottedContext as v } from "react-aria-components/slots";
+import { Dialog as y } from "react-aria-components/Dialog";
+import { Modal as b, ModalOverlay as x } from "react-aria-components/Modal";
+import { Popover as S } from "react-aria-components/Popover";
+import { UNSAFE_PortalProvider as C } from "react-aria/PortalProvider";
+import { I18nProvider as w, useLocale as T } from "react-aria-components/I18nProvider";
+import { ArrowDownLeft as E, ArrowUpRight as D, Bell as ee, Building2 as te, CalendarDays as ne, Camera as re, Check as O, ChevronDown as k, ChevronLeft as A, ChevronRight as j, Clock3 as ie, Download as M, Ellipsis as ae, FileText as oe, House as se, List as N, LockKeyhole as P, LogOut as F, Plus as I, Settings as ce, Trash2 as le, TriangleAlert as L, Upload as R, Users as ue, X as z } from "lucide-react";
+import { createPortal as B } from "react-dom";
+import { parseDate as V } from "@internationalized/date";
 //#region src/provider/BreezeContext.ts
-var A = n(null);
-function j() {
-	let e = a(A);
+var H = n(null);
+function U() {
+	let e = a(H);
 	if (e === null) throw Error("Breeze components must be rendered within BreezeProvider.");
 	return e;
 }
 //#endregion
 //#region src/patterns/AppearanceControl/AppearanceControl.tsx
-var M = {
+var W = {
 	base: {
 		control: "breeze:flex breeze:items-center breeze:gap-breeze-2 breeze:font-breeze-sans",
 		group: "breeze:flex breeze:items-center breeze:gap-breeze-2",
@@ -28,7 +33,7 @@ var M = {
 	size: {},
 	state: { selected: "breeze:data-[selected]:border-breeze-brand breeze:data-[selected]:bg-breeze-brand-soft breeze:data-[selected]:text-breeze-brand-text breeze:forced-colors:data-[selected]:outline-2 breeze:forced-colors:data-[selected]:outline-offset-2" },
 	variant: {}
-}, N = [
+}, de = [
 	{
 		message: "appearanceLight",
 		value: "light"
@@ -42,30 +47,30 @@ var M = {
 		value: "dark"
 	}
 ];
-function me(e) {
-	return N.some((t) => t.value === e);
-}
-function P() {
-	let { appearance: n, getMessageLocale: r, messages: i, setAppearance: a } = j();
-	return /* @__PURE__ */ f("div", {
-		className: M.base.control,
-		children: [/* @__PURE__ */ d("span", {
-			className: M.base.label,
+function fe(e) {
+	return de.some((t) => t.value === e);
+}
+function pe() {
+	let { appearance: n, getMessageLocale: r, messages: i, setAppearance: a } = U();
+	return /* @__PURE__ */ h("div", {
+		className: W.base.control,
+		children: [/* @__PURE__ */ m("span", {
+			className: W.base.label,
 			lang: r("appearance"),
 			children: i.appearance
-		}), /* @__PURE__ */ d(t, {
+		}), /* @__PURE__ */ m(t, {
 			"aria-label": i.appearance,
-			className: M.base.group,
+			className: W.base.group,
 			disallowEmptySelection: !0,
 			lang: r("appearance"),
 			onSelectionChange: (e) => {
 				let [t] = e;
-				me(t) && a(t);
+				fe(t) && a(t);
 			},
 			selectedKeys: [n],
 			selectionMode: "single",
-			children: N.map((t) => /* @__PURE__ */ d(e, {
-				className: [M.base.option, M.state.selected].join(" "),
+			children: de.map((t) => /* @__PURE__ */ m(e, {
+				className: [W.base.option, W.state.selected].join(" "),
 				id: t.value,
 				lang: r(t.message),
 				children: i[t.message]
@@ -75,7 +80,7 @@ function P() {
 }
 //#endregion
 //#region src/primitives/Skeleton/Skeleton.tsx
-var F = {
+var G = {
 	base: { skeleton: "breeze:block breeze:animate-pulse breeze:appearance-none breeze:bg-breeze-ink-3 breeze:pointer-events-none breeze:forced-colors:outline breeze:forced-colors:outline-1 breeze:forced-colors:outline-[CanvasText]" },
 	compound: {},
 	size: {},
@@ -86,37 +91,37 @@ var F = {
 		text: "breeze:block-size-breeze-3 breeze:inline-size-full breeze:rounded-breeze-xs"
 	}
 };
-function I({ blockSize: e, inlineSize: t, label: n, shape: r = "text" }) {
-	let { getMessageLocale: i, messages: a } = j(), o = n?.trim() || void 0, s = e ?? t ?? "0.75rem", c = {
+function me({ blockSize: e, inlineSize: t, label: n, shape: r = "text" }) {
+	let { getMessageLocale: i, messages: a } = U(), o = n?.trim() || void 0, s = e ?? t ?? "0.75rem", c = {
 		blockSize: r === "circle" ? s : e,
 		inlineSize: r === "circle" ? s : t
 	};
-	return /* @__PURE__ */ d("progress", {
+	return /* @__PURE__ */ m("progress", {
 		"aria-hidden": o === void 0 || void 0,
 		"aria-label": o,
-		className: [F.base.skeleton, F.variant[r]].join(" "),
+		className: [G.base.skeleton, G.variant[r]].join(" "),
 		lang: o === a.loading.trim() ? i("loading") : void 0,
 		style: c
 	});
 }
 //#endregion
 //#region src/primitives/VisuallyHidden/VisuallyHidden.tsx
-var L = {
+var he = {
 	base: { hidden: "breeze:sr-only" },
 	compound: {},
 	size: {},
 	state: {},
 	variant: {}
 };
-function R({ children: e }) {
-	return /* @__PURE__ */ d("span", {
-		className: L.base.hidden,
+function ge({ children: e }) {
+	return /* @__PURE__ */ m("span", {
+		className: he.base.hidden,
 		children: e
 	});
 }
 //#endregion
 //#region src/primitives/Badge/Badge.tsx
-var z = {
+var K = {
 	base: {
 		badge: "breeze:inline-grid breeze:shrink-0 breeze:items-center breeze:whitespace-nowrap breeze:rounded-breeze-chip breeze:ps-breeze-2 breeze:pe-breeze-2 breeze:py-breeze-px breeze:text-breeze-2xs breeze:font-bold breeze:leading-breeze-snug breeze:tracking-breeze-wide",
 		content: "breeze:[grid-area:1/1]",
@@ -133,29 +138,29 @@ var z = {
 		warning: "breeze:bg-breeze-warn-soft breeze:text-breeze-warn"
 	}
 };
-function he({ "aria-label": e, children: t, loading: n = !1, variant: r = "neutral" }) {
-	let { messages: i } = j(), a = e?.trim() || void 0, o;
-	return n ? o = /* @__PURE__ */ d("span", {
-		className: z.base.skeleton,
-		children: /* @__PURE__ */ d(I, {
+function _e({ "aria-label": e, children: t, loading: n = !1, variant: r = "neutral" }) {
+	let { messages: i } = U(), a = e?.trim() || void 0, o;
+	return n ? o = /* @__PURE__ */ m("span", {
+		className: K.base.skeleton,
+		children: /* @__PURE__ */ m(me, {
 			blockSize: 8,
 			inlineSize: "100%",
 			label: i.loading,
 			shape: "rectangle"
 		})
-	}) : a !== void 0 && (o = /* @__PURE__ */ d(R, { children: a })), /* @__PURE__ */ f("span", {
+	}) : a !== void 0 && (o = /* @__PURE__ */ m(ge, { children: a })), /* @__PURE__ */ h("span", {
 		"aria-busy": n || void 0,
-		className: [z.base.badge, z.variant[r]].join(" "),
-		children: [/* @__PURE__ */ d("span", {
+		className: [K.base.badge, K.variant[r]].join(" "),
+		children: [/* @__PURE__ */ m("span", {
 			"aria-hidden": n || a !== void 0 ? !0 : void 0,
-			className: [z.base.content, n && z.state.contentLoading].filter(Boolean).join(" "),
+			className: [K.base.content, n && K.state.contentLoading].filter(Boolean).join(" "),
 			children: t
 		}), o]
 	});
 }
 //#endregion
 //#region src/primitives/Button/Button.tsx
-var B = {
+var q = {
 	base: {
 		button: "breeze:relative breeze:inline-grid breeze:items-center breeze:justify-center breeze:gap-breeze-2 breeze:border breeze:border-solid breeze:rounded-breeze-ctl breeze:font-breeze-sans breeze:text-breeze-sm breeze:leading-breeze-snug breeze:cursor-pointer breeze:select-none breeze:[text-align:center] breeze:outline-offset-2 breeze:data-[focus-visible]:outline-2 breeze:data-[focus-visible]:outline-solid breeze:data-[focus-visible]:outline-breeze-brand breeze:any-pointer-coarse:min-block-breeze-tap breeze:any-pointer-coarse:min-inline-breeze-tap",
 		label: "breeze:[grid-area:1/1]",
@@ -185,25 +190,25 @@ var B = {
 		secondary: "breeze:border-breeze-line-strong breeze:bg-breeze-surface breeze:text-breeze-ink breeze:data-[hovered]:bg-breeze-sunken breeze:data-[pressed]:bg-breeze-sunken"
 	}
 };
-function ge() {
-	let e = h(m), { getMessageLocale: t, messages: n } = j();
-	return /* @__PURE__ */ d("progress", {
+function ve() {
+	let e = v(_), { getMessageLocale: t, messages: n } = U();
+	return /* @__PURE__ */ m("progress", {
 		"aria-label": n.loading,
-		className: B.state.loadingStatus,
+		className: q.state.loadingStatus,
 		id: e?.id,
 		lang: t("loading")
 	});
 }
-function _e({ "aria-controls": e, "aria-describedby": t, "aria-expanded": n, "aria-haspopup": i, "aria-label": a, "aria-labelledby": o, children: s, disabled: c = !1, form: l, id: m, loading: h = !1, name: g, onAction: _, ref: v, size: y = "md", type: b = "button", value: x, variant: S = "primary" }) {
-	j();
+function ye({ "aria-controls": e, "aria-describedby": t, "aria-expanded": n, "aria-haspopup": i, "aria-label": a, "aria-labelledby": o, children: s, disabled: c = !1, form: l, id: u, loading: d = !1, name: f, onAction: _, ref: v, size: y = "md", type: b = "button", value: x, variant: S = "primary" }) {
+	U();
 	let C = [
-		B.base.button,
-		B.variant[S],
-		B.size[y],
-		c && B.state.disabled,
-		h && B.state.loading
+		q.base.button,
+		q.variant[S],
+		q.size[y],
+		c && q.state.disabled,
+		d && q.state.loading
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ f(p, {
+	return /* @__PURE__ */ h(g, {
 		"aria-controls": e,
 		"aria-describedby": t,
 		"aria-expanded": n,
@@ -212,33 +217,33 @@ function _e({ "aria-controls": e, "aria-describedby": t, "aria-expanded": n, "ar
 		"aria-labelledby": o,
 		className: C,
 		form: l,
-		id: m,
+		id: u,
 		isDisabled: c,
-		isPending: h,
-		name: g,
+		isPending: d,
+		name: f,
 		onPress: () => _?.(),
 		ref: v,
 		render: (e) => r("button", {
 			...e,
-			"aria-busy": h || void 0,
-			onClick: h ? (e) => e.preventDefault() : e.onClick,
+			"aria-busy": d || void 0,
+			onClick: d ? (e) => e.preventDefault() : e.onClick,
 			type: b === "submit" ? "submit" : "button"
 		}),
 		type: b,
 		value: x,
-		children: [/* @__PURE__ */ d("span", {
-			className: [B.base.label, h && B.state.loadingLabel].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ m("span", {
+			className: [q.base.label, d && q.state.loadingLabel].filter(Boolean).join(" "),
 			children: s
-		}), h && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(ge, {}), /* @__PURE__ */ d("span", {
+		}), d && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(ve, {}), /* @__PURE__ */ m("span", {
 			"aria-hidden": "true",
-			className: [B.base.skeleton, B.compound.loading[S]].join(" "),
+			className: [q.base.skeleton, q.compound.loading[S]].join(" "),
 			"data-breeze-skeleton": ""
 		})] })]
 	});
 }
 //#endregion
 //#region src/primitives/layout.accessibility.ts
-function V(e, t) {
+function J(e, t) {
 	let n = e?.trim() || void 0;
 	return {
 		accessibleLabel: n,
@@ -247,7 +252,7 @@ function V(e, t) {
 }
 //#endregion
 //#region src/primitives/Card/Card.tsx
-var H = {
+var be = {
 	base: { card: "breeze:min-inline-size-0 breeze:rounded-breeze-panel breeze:border breeze:border-solid breeze:border-breeze-line breeze:shadow-breeze-panel" },
 	compound: {},
 	size: {
@@ -267,22 +272,22 @@ var H = {
 		surface: "breeze:bg-breeze-surface"
 	}
 };
-function ve({ "aria-label": e, children: t, clipped: n = !0, element: i = "div", padding: a = 4, variant: o = "surface" }) {
-	let { accessibleLabel: s, role: c } = V(e, i);
+function xe({ "aria-label": e, children: t, clipped: n = !0, element: i = "div", padding: a = 4, variant: o = "surface" }) {
+	let { accessibleLabel: s, role: c } = J(e, i);
 	return r(i, {
 		"aria-label": s,
 		className: [
-			H.base.card,
-			H.variant[o],
-			H.size[a],
-			n && H.state.clipped
+			be.base.card,
+			be.variant[o],
+			be.size[a],
+			n && be.state.clipped
 		].filter(Boolean).join(" "),
 		role: c
 	}, t);
 }
 //#endregion
 //#region src/primitives/Container/Container.tsx
-var U = {
+var Se = {
 	base: { container: "breeze:mx-auto breeze:inline-size-full breeze:min-inline-size-0" },
 	compound: {},
 	size: {
@@ -293,21 +298,363 @@ var U = {
 	state: { padded: "breeze:ps-breeze-4 breeze:pe-breeze-4 breeze:breeze-md:ps-breeze-7 breeze:breeze-md:pe-breeze-7" },
 	variant: {}
 };
-function W({ "aria-label": e, children: t, element: n = "div", padded: i = !0, width: a = "page" }) {
-	let { accessibleLabel: o, role: s } = V(e, n);
+function Ce({ "aria-label": e, children: t, element: n = "div", padded: i = !0, width: a = "page" }) {
+	let { accessibleLabel: o, role: s } = J(e, n);
 	return r(n, {
 		"aria-label": o,
 		className: [
-			U.base.container,
-			U.size[a],
-			i && U.state.padded
+			Se.base.container,
+			Se.size[a],
+			i && Se.state.padded
 		].filter(Boolean).join(" "),
 		role: s
 	}, t);
 }
 //#endregion
+//#region src/overlays/OverlayStack.ts
+function we() {
+	let e = [], t = /* @__PURE__ */ new Set(), n = () => t.forEach((e) => e());
+	return {
+		getSnapshot: () => e,
+		remove: (t) => {
+			e = e.filter((e) => e.id !== t), n();
+		},
+		set: (t) => {
+			let r = e.find((e) => e.id === t.id);
+			r?.active === t.active && r.kind === t.kind && r.parent === t.parent && r.visual === t.visual || (e = r && (!t.active || r.active) ? e.map((e) => e.id === t.id ? t : e) : [...e.filter((e) => e.id !== t.id), t], n());
+		},
+		subscribe: (e) => (t.add(e), () => {
+			t.delete(e);
+		})
+	};
+}
+var Te = n(null);
+function Ee() {
+	let e = a(Te);
+	if (!e) throw Error("Breeze components must be rendered within BreezeProvider.");
+	return 100 + f(e.subscribe, e.getSnapshot, e.getSnapshot).length * 2;
+}
+var De = n(null);
+function Oe(e, t, n) {
+	let r = a(Te), i = a(De), o = s();
+	if (!r) throw Error("Breeze components must be rendered within BreezeProvider.");
+	let l = f(r.subscribe, r.getSnapshot, r.getSnapshot), u = i?.id;
+	c(() => () => r.remove(o), [o, r]), c(() => {
+		r.set({
+			active: t,
+			id: o,
+			kind: e,
+			parent: u,
+			visual: n
+		});
+	}, [
+		o,
+		e,
+		t,
+		u,
+		r,
+		n
+	]);
+	let d = [], p = (e) => {
+		if (d.includes(e)) return;
+		let t = l.find((t) => t.id === e.parent);
+		t && p(t), d.push(e);
+	};
+	l.forEach(p);
+	let m = (e) => {
+		let t = l.find((t) => t.id === e.parent);
+		return e.active && (!t || m(t));
+	}, h = d.filter(m), g = h.findIndex((e) => e.id === o), _ = t && g !== -1 && !h.slice(g + 1).some((e) => e.kind !== "popover"), v = t && h.at(-1)?.id === o, y = h.findLast((e) => e.kind === "drawer" || e.kind === "dialog"), b = d.findLast((e) => e.visual && (e.kind === "drawer" || e.kind === "dialog"));
+	return {
+		id: o,
+		interactive: _,
+		scrim: (y ?? b)?.id === o,
+		topmost: v,
+		zIndex: 100 + Math.max(0, d.findIndex((e) => e.id === o)) * 2
+	};
+}
+//#endregion
+//#region src/overlays/OverlayProvider.tsx
+var ke = n(null), Ae = "BreezeProvider portalContainer must belong to the current document and light DOM.";
+function je({ children: e, portalContainer: t, locale: n }) {
+	let { direction: r } = T(), [i] = d(we), [a, o] = d(null);
+	return c(() => {
+		let e = t ?? document.body;
+		if (e.ownerDocument !== document || e.getRootNode() !== document) throw Error(Ae);
+		let n = e.ownerDocument.createElement("div");
+		return n.dataset.breezeRoot = "", n.dataset.breezePortal = "", e.append(n), o(n), () => n.remove();
+	}, [t]), c(() => {
+		a && (a.lang = n, a.dir = r);
+	}, [
+		r,
+		a,
+		n
+	]), /* @__PURE__ */ m(C, {
+		getContainer: () => a,
+		children: /* @__PURE__ */ m(Te, {
+			value: i,
+			children: /* @__PURE__ */ m(ke, {
+				value: a,
+				children: e
+			})
+		})
+	});
+}
+function Me() {
+	return a(ke);
+}
+//#endregion
+//#region src/overlays/OverlaySurface.tsx
+var Y = {
+	base: {
+		content: "breeze-overlay-content",
+		header: "breeze-overlay-header",
+		title: "breeze-overlay-title"
+	},
+	compound: {},
+	size: {},
+	state: {},
+	variant: {
+		dialog: "breeze-dialog",
+		drawer: "breeze-drawer",
+		fullscreen: "breeze-fullscreen",
+		popover: "breeze-popover"
+	}
+}, Ne = "Breeze overlay triggers and portal containers must belong to the current document and light DOM.";
+function X(e) {
+	return typeof e == "object" && !!e && "nodeType" in e && typeof e.contains == "function";
+}
+function Pe(e) {
+	return e.dataset?.breezeOverlay !== void 0;
+}
+function Fe({ children: e, defaultOpen: t = !1, dismissible: n = !0, kind: r, onOpenChange: s, open: f, placement: g = "bottom", title: _, trigger: v }) {
+	let { getMessageLocale: C, messages: w } = U(), T = r === "popover" || r === "fullscreen", E = Me(), D = a(De), [ee, te] = d(D === null);
+	o(() => te(!0), []);
+	let [ne, re] = d(t), O = f ?? ne, k = D?.open ?? !0, A = O && k, j = u(null), ie = u(null), M = u(null), [ae, oe] = d(!1), se = u(!1), N = u(null), P = u(null), F = u(null), I = u(null), ce = u(!1);
+	c(() => {
+		if (E && j.current && (j.current.ownerDocument !== document || j.current.getRootNode() !== document || E.ownerDocument !== document || E.getRootNode() !== document)) throw Error(Ne);
+	}, [E]);
+	let le = l(() => r === "fullscreen" ? { current: E } : j, [E, r]), L = Oe(r, A && ee && E !== null, A || ae), R = i((e) => {
+		if (!e && !k) {
+			if (ce.current) return;
+			O && (ce.current = !0);
+		}
+		f === void 0 && re(e), s?.(e);
+	}, [
+		f,
+		s,
+		k,
+		O
+	]);
+	o(() => {
+		k ? ce.current = !1 : O && R(!1);
+	}, [
+		R,
+		k,
+		O
+	]), o(() => {
+		if (r !== "popover" || !A || !n || !L.topmost || !E) return;
+		let e = () => {
+			P.current !== null && (clearTimeout(P.current), P.current = null);
+		}, t = (e, t) => !!e && !!t && (e === t || e.contains(t) || t.contains(e)), i = (e) => e.button === 0, a = (e) => X(e) && !ie.current?.contains(e) && !j.current?.contains(e), o = (t) => {
+			i(t) && (e(), I.current = null, F.current = X(t.target) ? t.target : null);
+		}, s = (n) => {
+			if (!i(n)) return;
+			let r = F.current, o = X(n.target) ? n.target : null;
+			!a(r) || !a(o) || (e(), P.current = setTimeout(() => {
+				P.current = null;
+				let e = I.current, n = F.current;
+				I.current = null, F.current = null, !(t(e, o) && t(e, n)) && R(!1);
+			}, 0));
+		}, c = () => {
+			e(), I.current = null, F.current = null;
+		}, l = (n) => {
+			let r = X(n.target) ? n.target : null;
+			if (e(), a(r)) {
+				let e = I.current, n = F.current;
+				if (I.current = null, F.current = null, t(e, r) && t(e, n)) return;
+				R(!1);
+			}
+		};
+		return E.ownerDocument.addEventListener("pointerdown", o, !0), E.ownerDocument.addEventListener("pointerup", s, !0), E.ownerDocument.addEventListener("pointercancel", c, !0), E.ownerDocument.addEventListener("click", l, !0), () => {
+			e(), E.ownerDocument.removeEventListener("pointerdown", o, !0), E.ownerDocument.removeEventListener("pointerup", s, !0), E.ownerDocument.removeEventListener("pointercancel", c, !0), E.ownerDocument.removeEventListener("click", l, !0), I.current = null, F.current = null;
+		};
+	}, [
+		R,
+		n,
+		E,
+		r,
+		L.topmost,
+		A
+	]);
+	let ue = D?.restoreFocus, z = D?.id, B = i(() => {
+		let e = j.current, t = E?.ownerDocument, n = t?.activeElement;
+		if (!t || !E) return;
+		let r = z ? t.getElementById(z) : null;
+		if (!(n === t.body || n === r || n?.closest("[data-exiting]"))) return;
+		if (!e?.isConnected) {
+			ue?.();
+			return;
+		}
+		let i = E.querySelector("[data-breeze-topmost=\"true\"]");
+		(!i || i.contains(e)) && !e.closest("[inert], [aria-hidden=\"true\"]") && e.focus({ preventScroll: !0 });
+	}, [
+		E,
+		z,
+		ue
+	]), V = i(() => {
+		N.current !== null && (clearTimeout(N.current), N.current = null);
+	}, []), H = i((e) => {
+		queueMicrotask(() => {
+			!e.isConnected || e.closest("[inert], [data-exiting]") || (V(), e.focus({ preventScroll: !0 }), N.current = setTimeout(() => {
+				let { ownerDocument: t } = e, { activeElement: n } = t;
+				e.isConnected && !e.closest("[inert], [data-exiting]") && (n === e || n === t.body) && (se.current = !0, e.blur(), e.focus({ preventScroll: !0 }), se.current = !1), N.current = null;
+			}, 500));
+		});
+	}, [V]), W = u(A);
+	o(() => {
+		let e = W.current;
+		W.current = A, !(!T || !A || e || !M.current) && H(M.current);
+	}, [
+		H,
+		T,
+		A
+	]);
+	let de = i((e) => {
+		M.current = e;
+		let t = () => {
+			V(), M.current = null, oe(!1), requestAnimationFrame(B);
+		};
+		if (!e) {
+			t();
+			return;
+		}
+		return oe(!0), T && H(e), t;
+	}, [
+		V,
+		H,
+		T,
+		B
+	]), fe = l(() => ({
+		id: L.id,
+		open: A,
+		restoreFocus: B
+	}), [
+		L.id,
+		A,
+		B
+	]), pe = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h("div", {
+		className: Y.base.header,
+		children: [/* @__PURE__ */ m("h2", {
+			className: Y.base.title,
+			children: _
+		}), /* @__PURE__ */ m("span", {
+			lang: C("close"),
+			children: /* @__PURE__ */ m(ye, {
+				onAction: () => R(!1),
+				variant: "quiet",
+				children: w.close
+			})
+		})]
+	}), e] }), G = /* @__PURE__ */ m(De, {
+		value: fe,
+		children: T ? /* @__PURE__ */ m("section", {
+			"aria-label": _,
+			className: Y.base.content,
+			id: L.id,
+			onBlur: (e) => {
+				if (se.current) {
+					e.stopPropagation();
+					return;
+				}
+				let { relatedTarget: t } = e;
+				r === "popover" && n && L.topmost && X(t) && !e.currentTarget.contains(t) && !j.current?.contains(t) && (I.current = t);
+			},
+			ref: de,
+			role: "dialog",
+			tabIndex: -1,
+			children: pe
+		}) : /* @__PURE__ */ m(y, {
+			"aria-label": _,
+			className: Y.base.content,
+			id: L.id,
+			ref: de,
+			children: pe
+		})
+	});
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(ye, {
+		"aria-controls": A ? L.id : void 0,
+		"aria-expanded": A,
+		"aria-haspopup": "dialog",
+		onAction: () => R(!T || !A),
+		ref: j,
+		children: v
+	}), E && ee && (T ? /* @__PURE__ */ m(S, {
+		className: Y.variant[r],
+		"data-breeze-overlay": r,
+		"data-breeze-topmost": L.topmost,
+		"data-breeze-interactive": L.interactive,
+		inert: !L.interactive,
+		isNonModal: !0,
+		isOpen: A,
+		isKeyboardDismissDisabled: !n || !L.topmost,
+		onOpenChange: R,
+		placement: g,
+		ref: ie,
+		shouldCloseOnInteractOutside: (e) => r === "popover" && n && L.topmost && !j.current?.contains(e),
+		style: { zIndex: L.zIndex },
+		triggerRef: le,
+		children: G
+	}) : /* @__PURE__ */ m(x, {
+		className: "breeze-overlay-backdrop",
+		"data-breeze-overlay": r,
+		"data-breeze-scrim": L.scrim,
+		"data-breeze-topmost": L.topmost,
+		"data-breeze-interactive": L.interactive,
+		inert: !L.interactive,
+		isDismissable: n && L.topmost,
+		isKeyboardDismissDisabled: !n || !L.topmost,
+		isOpen: A,
+		onOpenChange: R,
+		shouldCloseOnInteractOutside: (e) => L.topmost && Pe(e),
+		style: { zIndex: L.zIndex },
+		children: /* @__PURE__ */ m(b, {
+			className: Y.variant[r],
+			children: G
+		})
+	}))] });
+}
+//#endregion
+//#region src/primitives/Dialog/Dialog.tsx
+function Ie({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
+	return /* @__PURE__ */ m(Fe, {
+		defaultOpen: t,
+		dismissible: n,
+		onOpenChange: r,
+		open: i,
+		title: a,
+		trigger: o,
+		kind: "dialog",
+		children: e
+	});
+}
+//#endregion
+//#region src/primitives/Drawer/Drawer.tsx
+function Le({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o }) {
+	return /* @__PURE__ */ m(Fe, {
+		defaultOpen: t,
+		dismissible: n,
+		onOpenChange: r,
+		open: i,
+		title: a,
+		trigger: o,
+		kind: "drawer",
+		children: e
+	});
+}
+//#endregion
 //#region src/primitives/Grid/Grid.tsx
-var G = {
+var Re = {
 	base: { grid: "breeze:grid breeze:min-inline-size-0" },
 	compound: { columns: {
 		1: {
@@ -343,48 +690,48 @@ var G = {
 	state: {},
 	variant: {}
 };
-function ye({ "aria-label": e, children: t, collapseBelow: n = "md", columns: i = 2, element: a = "div", gap: o = 4 }) {
-	let { accessibleLabel: s, role: c } = V(e, a);
+function ze({ "aria-label": e, children: t, collapseBelow: n = "md", columns: i = 2, element: a = "div", gap: o = 4 }) {
+	let { accessibleLabel: s, role: c } = J(e, a);
 	return r(a, {
 		"aria-label": s,
 		className: [
-			G.base.grid,
-			G.compound.columns[i][n],
-			G.size[o]
+			Re.base.grid,
+			Re.compound.columns[i][n],
+			Re.size[o]
 		].join(" "),
 		role: c
 	}, t);
 }
 //#endregion
 //#region src/primitives/Icon/Icon.tsx
-var be = {
-	add: ie,
-	back: w,
-	building: y,
-	calendar: b,
-	camera: x,
-	check: S,
-	clock: ee,
-	close: ue,
-	delete: oe,
-	document: D,
-	download: te,
-	expand: C,
-	forward: T,
-	lock: ne,
-	money: k,
-	moneyIn: g,
-	moneyOut: _,
-	more: E,
-	next: T,
-	notifications: v,
-	overview: O,
-	people: le,
-	settings: ae,
-	signOut: re,
-	upload: ce,
-	warning: se
-}, K = {
+var Be = {
+	add: I,
+	back: A,
+	building: te,
+	calendar: ne,
+	camera: re,
+	check: O,
+	clock: ie,
+	close: z,
+	delete: le,
+	document: oe,
+	download: M,
+	expand: k,
+	forward: j,
+	lock: P,
+	money: N,
+	moneyIn: E,
+	moneyOut: D,
+	more: ae,
+	next: j,
+	notifications: ee,
+	overview: se,
+	people: ue,
+	settings: ce,
+	signOut: F,
+	upload: R,
+	warning: L
+}, Ve = {
 	base: { icon: "breeze:block breeze:shrink-0" },
 	compound: {},
 	size: {
@@ -394,20 +741,20 @@ var be = {
 	},
 	state: { logicalDirection: "breeze:rtl:rotate-180" },
 	variant: {}
-}, xe = /* @__PURE__ */ new Set([
+}, He = /* @__PURE__ */ new Set([
 	"back",
 	"forward",
 	"next"
 ]);
-function q({ label: e, name: t, size: n = "md" }) {
-	let r = be[t], i = e?.trim() || void 0;
-	return /* @__PURE__ */ d(r, {
+function Ue({ label: e, name: t, size: n = "md" }) {
+	let r = Be[t], i = e?.trim() || void 0;
+	return /* @__PURE__ */ m(r, {
 		"aria-hidden": i === void 0 || void 0,
 		"aria-label": i,
 		className: [
-			K.base.icon,
-			K.size[n],
-			xe.has(t) && K.state.logicalDirection
+			Ve.base.icon,
+			Ve.size[n],
+			He.has(t) && Ve.state.logicalDirection
 		].filter(Boolean).join(" "),
 		focusable: "false",
 		role: i === void 0 ? void 0 : "img",
@@ -416,7 +763,7 @@ function q({ label: e, name: t, size: n = "md" }) {
 }
 //#endregion
 //#region src/primitives/IconTile/IconTile.tsx
-var J = {
+var We = {
 	base: { tile: "breeze:inline-flex breeze:shrink-0 breeze:items-center breeze:justify-center" },
 	compound: {},
 	size: {
@@ -438,15 +785,15 @@ var J = {
 		}
 	}
 };
-function Se({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i = "brand" }) {
-	return /* @__PURE__ */ d("span", {
+function Ge({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i = "brand" }) {
+	return /* @__PURE__ */ m("span", {
 		className: [
-			J.base.tile,
-			J.variant.tone[i],
-			J.variant.shape[n],
-			J.size[r]
+			We.base.tile,
+			We.variant.tone[i],
+			We.variant.shape[n],
+			We.size[r]
 		].join(" "),
-		children: /* @__PURE__ */ d(q, {
+		children: /* @__PURE__ */ m(Ue, {
 			label: e,
 			name: t,
 			size: r === "lg" ? "md" : "sm"
@@ -455,7 +802,7 @@ function Se({ label: e, name: t, shape: n = "square", size: r = "lg", tone: i =
 }
 //#endregion
 //#region src/primitives/Inline/Inline.tsx
-var Y = {
+var Z = {
 	base: { inline: "breeze:flex breeze:min-inline-size-0" },
 	compound: {},
 	size: {
@@ -485,23 +832,38 @@ var Y = {
 		}
 	}
 };
-function Ce({ "aria-label": e, children: t, element: n = "div", gap: i = 3, justify: a = "start", verticalAlign: o = "center", wrap: s = !1 }) {
-	let { accessibleLabel: c, role: l } = V(e, n);
+function Ke({ "aria-label": e, children: t, element: n = "div", gap: i = 3, justify: a = "start", verticalAlign: o = "center", wrap: s = !1 }) {
+	let { accessibleLabel: c, role: l } = J(e, n);
 	return r(n, {
 		"aria-label": c,
 		className: [
-			Y.base.inline,
-			Y.variant.align[o],
-			Y.variant.justify[a],
-			Y.size[i],
-			s && Y.state.wrap
+			Z.base.inline,
+			Z.variant.align[o],
+			Z.variant.justify[a],
+			Z.size[i],
+			s && Z.state.wrap
 		].filter(Boolean).join(" "),
 		role: l
 	}, t);
 }
 //#endregion
+//#region src/primitives/Popover/Popover.tsx
+function qe({ children: e, defaultOpen: t, dismissible: n, onOpenChange: r, open: i, title: a, trigger: o, placement: s }) {
+	return /* @__PURE__ */ m(Fe, {
+		defaultOpen: t,
+		dismissible: n,
+		onOpenChange: r,
+		open: i,
+		title: a,
+		trigger: o,
+		placement: s,
+		kind: "popover",
+		children: e
+	});
+}
+//#endregion
 //#region src/primitives/Separator/Separator.tsx
-var X = {
+var Je = {
 	base: { separator: "breeze:m-0 breeze:shrink-0 breeze:border-0 breeze:bg-breeze-line breeze:forced-colors:bg-[CanvasText]" },
 	compound: {},
 	size: {},
@@ -511,15 +873,15 @@ var X = {
 		vertical: "breeze:block-size-full breeze:inline-size-breeze-px"
 	}
 };
-function we({ orientation: e = "horizontal" }) {
-	return /* @__PURE__ */ d("hr", {
+function Ye({ orientation: e = "horizontal" }) {
+	return /* @__PURE__ */ m("hr", {
 		"aria-orientation": e,
-		className: [X.base.separator, X.variant[e]].join(" ")
+		className: [Je.base.separator, Je.variant[e]].join(" ")
 	});
 }
 //#endregion
 //#region src/primitives/Stack/Stack.tsx
-var Z = {
+var Xe = {
 	base: { stack: "breeze:flex breeze:min-inline-size-0 breeze:flex-col" },
 	compound: {},
 	size: {
@@ -541,19 +903,180 @@ var Z = {
 		stretch: "breeze:items-stretch"
 	}
 };
-function Te({ "aria-label": e, children: t, element: n = "div", gap: i = 3, horizontalAlign: a = "stretch" }) {
-	let { accessibleLabel: o, role: s } = V(e, n);
+function Ze({ "aria-label": e, children: t, element: n = "div", gap: i = 3, horizontalAlign: a = "stretch" }) {
+	let { accessibleLabel: o, role: s } = J(e, n);
 	return r(n, {
 		"aria-label": o,
 		className: [
-			Z.base.stack,
-			Z.variant[a],
-			Z.size[i]
+			Xe.base.stack,
+			Xe.variant[a],
+			Xe.size[i]
 		].join(" "),
 		role: s
 	}, t);
 }
 //#endregion
+//#region src/primitives/Toast/Toast.tsx
+var Qe = 2600, $e = "BreezeProvider toastLimit must be a positive integer.", et = "Toast components must be rendered within BreezeProvider.";
+function tt(e) {
+	return e.isIntersecting && e.intersectionRatio >= 1;
+}
+function nt(e, t, n, r) {
+	let i = Number(e.target.dataset.breezeToastId);
+	t.has(i) && (tt(e) ? n(i) : r(i));
+}
+var rt = n(null), it = n(!0), at = n(null);
+function ot({ children: e }) {
+	U();
+	let t = a(it), n = a(at), [r, i] = d(() => n?.message ?? null);
+	return o(() => {
+		if (!t || typeof document < "u" && document.hidden || r === e) return;
+		let a = setTimeout(() => {
+			i(e), n?.remember(e);
+		}, 0);
+		return () => clearTimeout(a);
+	}, [
+		e,
+		n,
+		t,
+		r
+	]), /* @__PURE__ */ h("div", {
+		"aria-atomic": "true",
+		"aria-label": r ?? void 0,
+		"aria-live": "polite",
+		className: "breeze-toast",
+		role: "status",
+		children: [/* @__PURE__ */ m(Ue, {
+			name: "check",
+			size: "sm"
+		}), /* @__PURE__ */ m("span", { children: r })]
+	});
+}
+function st({ children: e, limit: t }) {
+	let n = Me(), r = Ee(), a = u(null), [s, l] = d(() => typeof document > "u" || !document.hidden), [f, p] = d([]), g = u(0), _ = u(/* @__PURE__ */ new Map()), v = u(/* @__PURE__ */ new Set()), y = u(/* @__PURE__ */ new Map());
+	if (!Number.isInteger(t) || t < 1) throw RangeError($e);
+	let b = i((e, t) => {
+		let n = y.current.get(e);
+		n !== void 0 && (n.message = t);
+	}, []), x = i((e) => {
+		let t = g.current;
+		g.current += 1, y.current.set(t, {
+			message: null,
+			remember: (e) => b(t, e)
+		}), p((n) => [...n, {
+			id: t,
+			message: e
+		}]);
+	}, [b]), S = i((e) => {
+		_.current.delete(e), v.current.delete(e), y.current.delete(e), p((t) => t.filter((t) => t.id !== e));
+	}, []), C = i(() => {
+		Array.from(_.current.values()).forEach(({ handle: e }) => {
+			e !== null && clearTimeout(e);
+		}), _.current.clear();
+	}, []), w = i((e, t = Date.now()) => {
+		let n = _.current.get(e);
+		n?.handle === null || n?.startedAt === null || n === void 0 || (n.remaining = Math.max(0, n.remaining - Math.max(0, t - n.startedAt)), clearTimeout(n.handle), n.handle = null, n.startedAt = null, n.remaining === 0 && S(e));
+	}, [S]), T = i(() => {
+		let e = Date.now();
+		Array.from(_.current.keys()).forEach((t) => {
+			w(t, e);
+		});
+	}, [w]), E = i((e) => {
+		let t = _.current.get(e);
+		t?.handle !== null && t?.handle !== void 0 && clearTimeout(t.handle), _.current.delete(e);
+	}, []), D = i((e) => {
+		let t = _.current.get(e);
+		if (!s || typeof document < "u" && document.hidden || t !== void 0 && t.handle !== null) return;
+		let n = t ?? {
+			handle: null,
+			remaining: Qe,
+			startedAt: null
+		};
+		if (n.remaining <= 0) {
+			S(e);
+			return;
+		}
+		n.startedAt = Date.now(), n.handle = setTimeout(() => S(e), n.remaining), _.current.set(e, n);
+	}, [S, s]);
+	o(() => {
+		let e = () => {
+			let e = !document.hidden;
+			e || T(), l(e);
+		};
+		return document.addEventListener("visibilitychange", e), e(), () => document.removeEventListener("visibilitychange", e);
+	}, [T]), c(() => {
+		let e = f.slice(0, t), n = new Set(e.map(({ id: e }) => e)), r = new Set(f.map(({ id: e }) => e));
+		e.forEach(({ id: e }) => v.current.add(e)), Array.from(_.current.keys()).forEach((e) => {
+			n.has(e) || (r.has(e) ? w(e) : E(e));
+		});
+	}, [
+		t,
+		w,
+		f,
+		E
+	]), o(() => {
+		let e = f.slice(0, t), r = new Set(e.map(({ id: e }) => e)), i = a.current;
+		if (n === null || i === null || !s) return;
+		if (typeof IntersectionObserver > "u") {
+			e.forEach((e) => D(e.id));
+			return;
+		}
+		let o, c = setTimeout(() => {
+			o = new IntersectionObserver((e) => {
+				e.forEach((e) => nt(e, r, D, w));
+			}, { threshold: 1 }), Array.from(i.children).forEach((e) => {
+				e instanceof HTMLElement && e.dataset.breezeToastId !== void 0 && !e.hidden && o?.observe(e);
+			});
+		}, 0);
+		return () => {
+			clearTimeout(c), o?.disconnect();
+		};
+	}, [
+		n,
+		s,
+		t,
+		w,
+		f,
+		E,
+		D
+	]), o(() => C, [C]);
+	let ee = f.slice(0, t), te = new Set(ee.map(({ id: e }) => e)), ne = f.filter(({ id: e }) => te.has(e) || v.current.has(e));
+	return /* @__PURE__ */ m(it, {
+		value: s,
+		children: /* @__PURE__ */ h(rt, {
+			value: x,
+			children: [e, n && B(/* @__PURE__ */ m("div", {
+				ref: a,
+				className: "breeze-toast-region",
+				"data-breeze-toast-region": "",
+				"data-live-announcer": "",
+				"data-react-aria-top-layer": "",
+				style: { zIndex: r },
+				children: ne.map(({ id: e, message: t }) => {
+					let n = !te.has(e);
+					return /* @__PURE__ */ m("div", {
+						"aria-hidden": n ? "true" : void 0,
+						"data-breeze-toast-id": e,
+						hidden: n,
+						children: /* @__PURE__ */ m(at, {
+							value: y.current.get(e) ?? null,
+							children: /* @__PURE__ */ m(it, {
+								value: s && !n,
+								children: /* @__PURE__ */ m(ot, { children: t })
+							})
+						})
+					}, e);
+				})
+			}), n)]
+		})
+	});
+}
+function ct() {
+	let e = a(rt);
+	if (e === null) throw Error(et);
+	return e;
+}
+//#endregion
 //#region src/primitives/Typography/Typography.tsx
 var Q = {
 	base: { text: "breeze:m-0 breeze:font-breeze-sans" },
@@ -591,10 +1114,10 @@ var Q = {
 		}
 	}
 };
-function Ee(e) {
+function lt(e) {
 	return e === "heading" ? "h2" : e === "title" ? "h3" : e === "body" ? "p" : "span";
 }
-function De(e, t, n, r) {
+function ut(e, t, n, r) {
 	let i;
 	try {
 		i = new Intl.NumberFormat(n, {
@@ -608,10 +1131,10 @@ function De(e, t, n, r) {
 	}
 	return i.map((e) => e.type === "minusSign" ? "−" : e.value).join("");
 }
-function Oe(e, t, n) {
+function dt(e, t, n) {
 	let r;
 	try {
-		r = de(e).toDate("UTC");
+		r = V(e).toDate("UTC");
 	} catch {
 		return e;
 	}
@@ -620,34 +1143,34 @@ function Oe(e, t, n) {
 		timeZone: "UTC"
 	}).format(r);
 }
-function ke(e, t, n) {
-	return e.loading ? /* @__PURE__ */ d(I, {
+function ft(e, t, n) {
+	return e.loading ? /* @__PURE__ */ m(me, {
 		blockSize: "1lh",
 		inlineSize: "8em",
 		label: n
-	}) : e.format === "currency" ? De(e.value, e.currency, t, e.sign ?? "auto") : e.format === "date" ? Oe(e.value, t, e.dateStyle) : e.children;
+	}) : e.format === "currency" ? ut(e.value, e.currency, t, e.sign ?? "auto") : e.format === "date" ? dt(e.value, t, e.dateStyle) : e.children;
 }
-function Ae(e) {
-	let { locale: t, messages: n } = j(), { "aria-label": i, align: a, children: o, element: s, format: c, id: l, loading: p = !1, numeric: m = !1, tone: h = "default", truncate: g = !1, variant: _ = "body" } = e, v = s ?? Ee(_), y = i?.trim() || void 0, b = a ?? (_ === "money" || m ? "end" : "start"), x = a !== void 0 || _ === "money" || m, S = ke(e, t, n.loading), C = c !== void 0 || typeof o == "string" || typeof o == "number", w = !p && y !== void 0 && !C && [
+function pt(e) {
+	let { locale: t, messages: n } = U(), { "aria-label": i, align: a, children: o, element: s, format: c, id: l, loading: u = !1, numeric: d = !1, tone: f = "default", truncate: g = !1, variant: _ = "body" } = e, v = s ?? lt(_), y = i?.trim() || void 0, b = a ?? (_ === "money" || d ? "end" : "start"), x = a !== void 0 || _ === "money" || d, S = ft(e, t, n.loading), C = c !== void 0 || typeof o == "string" || typeof o == "number", w = !u && y !== void 0 && !C && [
 		"h1",
 		"h2",
 		"h3",
 		"h4"
-	].includes(v), T = !p && y !== void 0 && !C && !w;
-	return !p && y !== void 0 && C && (S = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", {
+	].includes(v), T = !u && y !== void 0 && !C && !w;
+	return !u && y !== void 0 && C && (S = /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("span", {
 		"aria-hidden": "true",
 		children: S
-	}), /* @__PURE__ */ d(R, { children: y })] })), r(v, {
-		"aria-busy": p || void 0,
+	}), /* @__PURE__ */ m(ge, { children: y })] })), r(v, {
+		"aria-busy": u || void 0,
 		"aria-label": T || w ? y : void 0,
 		className: [
 			Q.base.text,
 			Q.variant.role[_],
-			Q.variant.tone[h],
+			Q.variant.tone[f],
 			Q.variant.align[b],
 			x && Q.state.aligned,
-			p && v === "span" && !x && Q.state.inlineLoading,
-			m && _ !== "money" && Q.state.numeric,
+			u && v === "span" && !x && Q.state.inlineLoading,
+			d && _ !== "money" && Q.state.numeric,
 			g && Q.state.truncate
 		].filter(Boolean).join(" "),
 		id: l,
@@ -662,69 +1185,78 @@ var $ = {
 	appearanceAutomatic: "Auto",
 	appearanceDark: "Dark",
 	appearanceLight: "Light",
+	close: "Close",
 	loading: "Loading"
 };
 //#endregion
 //#region src/provider/BreezeProvider.tsx
-function je(e, t) {
+function mt(e, t) {
 	return e === "automatic" ? t ? "dark" : "light" : e;
 }
-function Me({ children: e }) {
-	let { direction: t, locale: n } = pe();
-	return /* @__PURE__ */ d("div", {
+function ht({ children: e }) {
+	let { direction: t, locale: n } = T();
+	return /* @__PURE__ */ m("div", {
 		"data-breeze-root": "",
 		dir: t,
 		lang: n,
 		children: e
 	});
 }
-function Ne({ appearance: e, children: t, defaultAppearance: n = "automatic", locale: r, messages: a, onAppearanceChange: u }) {
-	let [f] = l(() => typeof window > "u" || !window.matchMedia ? null : window.matchMedia("(prefers-color-scheme: dark)")), [p, m] = l(() => f?.matches ?? !1), [h, g] = l(n), _ = e ?? h, v = je(_, p);
+function gt({ appearance: e, children: t, defaultAppearance: n = "automatic", locale: r, messages: a, onAppearanceChange: s, portalContainer: u, toastLimit: f = 3 }) {
+	let [p] = d(() => typeof window > "u" || !window.matchMedia ? null : window.matchMedia("(prefers-color-scheme: dark)")), [h, g] = d(() => p?.matches ?? !1), [_, v] = d(n), y = e ?? _, b = mt(y, h);
 	o(() => {
-		if (!f) return;
-		m(f.matches);
+		if (!p) return;
+		g(p.matches);
 		let e = (e) => {
-			m(e.matches);
+			g(e.matches);
 		};
-		return f.addEventListener("change", e), () => f.removeEventListener("change", e);
-	}, [f]), s(() => {
+		return p.addEventListener("change", e), () => p.removeEventListener("change", e);
+	}, [p]), c(() => {
 		let { documentElement: e } = document, t = e.dataset.theme, n = e.style.colorScheme;
-		return e.dataset.theme = v, e.style.colorScheme = v, () => {
+		return e.dataset.theme = b, e.style.colorScheme = b, () => {
 			t === void 0 ? delete e.dataset.theme : e.dataset.theme = t, e.style.colorScheme = n;
 		};
-	}, [v]);
-	let y = i((t) => {
-		e === void 0 && g(t), u?.(t);
-	}, [e, u]), b = i((e) => a?.[e] === void 0 ? "en-GB" : r, [r, a]);
-	return /* @__PURE__ */ d(fe, {
+	}, [b]);
+	let x = i((t) => {
+		e === void 0 && v(t), s?.(t);
+	}, [e, s]), S = i((e) => a?.[e] === void 0 ? "en-GB" : r, [r, a]);
+	return /* @__PURE__ */ m(w, {
 		locale: r,
-		children: /* @__PURE__ */ d(A, {
-			value: c(() => ({
-				appearance: _,
-				getMessageLocale: b,
+		children: /* @__PURE__ */ m(H, {
+			value: l(() => ({
+				appearance: y,
+				getMessageLocale: S,
 				locale: r,
 				messages: {
 					appearance: a?.appearance ?? $.appearance,
 					appearanceAutomatic: a?.appearanceAutomatic ?? $.appearanceAutomatic,
 					appearanceDark: a?.appearanceDark ?? $.appearanceDark,
 					appearanceLight: a?.appearanceLight ?? $.appearanceLight,
+					close: a?.close ?? $.close,
 					loading: a?.loading ?? $.loading
 				},
-				resolvedAppearance: v,
-				setAppearance: y
+				resolvedAppearance: b,
+				setAppearance: x
 			}), [
-				_,
-				b,
+				y,
+				S,
 				r,
 				a,
-				v,
-				y
+				b,
+				x
 			]),
-			children: /* @__PURE__ */ d(Me, { children: t })
+			children: /* @__PURE__ */ m(je, {
+				locale: r,
+				portalContainer: u,
+				children: /* @__PURE__ */ m(st, {
+					limit: f,
+					children: /* @__PURE__ */ m(ht, { children: t })
+				})
+			})
 		})
 	});
 }
 //#endregion
-export { P as AppearanceControl, he as Badge, Ne as BreezeProvider, _e as Button, ve as Card, W as Container, ye as Grid, q as Icon, Se as IconTile, Ce as Inline, we as Separator, I as Skeleton, Te as Stack, Ae as Typography, R as VisuallyHidden };
+export { pe as AppearanceControl, _e as Badge, gt as BreezeProvider, ye as Button, xe as Card, Ce as Container, Ie as Dialog, Le as Drawer, ze as Grid, Ue as Icon, Ge as IconTile, Ke as Inline, qe as Popover, Ye as Separator, me as Skeleton, Ze as Stack, ot as Toast, pt as Typography, ge as VisuallyHidden, ct as useToast };
 
 //# sourceMappingURL=index.js.map