@motech-development/breeze-ui 3.1.0 → 3.3.0

package/lib/index.js

@@ -510,9 +510,18 @@ function zn({ children: e, className: t, ref: n, targetId: r, ...i }) {
 }
 //#endregion
 //#region src/patterns/ApplicationShell/ApplicationShell.tsx
-function Bn({ account: e, brand: t, children: n, className: r, compactBrand: i, compactNavigationOpen: o, context: s, defaultCompactNavigationOpen: l, mainId: u = "main-content", navigation: d, navigationLabel: f, onCompactNavigationOpenChange: p, ref: m, skipLinkLabel: g, ..._ }) {
-	let { messages: v } = F(), y = /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(U.Trigger, {
-		"aria-label": f,
+function Bn({ account: e, brand: t, children: n, className: r, compactBrand: i, compactNavigationOpen: o, context: s, contentFocusKey: l, defaultCompactNavigationOpen: u, mainId: d = "main-content", navigation: f, navigationLabel: p, onCompactNavigationOpenChange: m, ref: g, skipLinkLabel: _, ...v }) {
+	let { messages: b } = F(), x = C(null), S = C(l);
+	y(() => {
+		let e = S.current;
+		if (S.current = l, l === void 0 || l === e) return;
+		let t = window.requestAnimationFrame(() => {
+			x.current?.focus();
+		});
+		return () => window.cancelAnimationFrame(t);
+	}, [l]);
+	let w = /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(U.Trigger, {
+		"aria-label": p,
 		appearance: "ghost",
 		className: "size-11 border-0 p-0 text-[var(--breeze-ink-inverse)] data-[hovered]:bg-[var(--breeze-shell-soft)]",
 		variant: "light",
@@ -528,10 +537,10 @@ function Bn({ account: e, brand: t, children: n, className: r, compactBrand: i,
 					/* @__PURE__ */ M("div", { children: t }),
 					/* @__PURE__ */ M(U.Title, {
 						className: "sr-only",
-						children: f
+						children: p
 					}),
 					/* @__PURE__ */ M(U.Close, {
-						"aria-label": v.close,
+						"aria-label": b.close,
 						appearance: "ghost",
 						className: "size-11 border-0 p-0 text-[var(--breeze-ink-inverse)] data-[hovered]:bg-[var(--breeze-shell-soft)]",
 						variant: "light",
@@ -541,34 +550,34 @@ function Bn({ account: e, brand: t, children: n, className: r, compactBrand: i,
 			}),
 			/* @__PURE__ */ M(U.Description, {
 				className: "sr-only",
-				children: f
+				children: p
 			}),
 			/* @__PURE__ */ M("div", {
 				className: "min-h-0 flex-1 overflow-y-auto px-3 py-6 [&_a]:flex [&_a]:min-h-11 [&_a]:items-center [&_a]:gap-3 [&_a]:text-[var(--breeze-ink-inverse-muted)] [&_a]:no-underline [&_a[data-current]]:bg-[var(--breeze-primary-selected)] [&_a[data-current]]:text-white [&_a[data-current][data-hovered]]:bg-[var(--breeze-primary-selected)] [&_a[data-hovered]]:bg-[var(--breeze-shell-soft)] [&_a[data-hovered]]:text-white",
-				children: d
+				children: f
 			}),
 			/* @__PURE__ */ N("footer", {
 				className: "grid gap-2 border-t border-[var(--breeze-shell-soft)] p-3",
 				children: [s, e]
 			})
 		]
-	})] }), b = o === void 0 ? /* @__PURE__ */ M(U.Root, {
-		defaultOpen: l,
-		onOpenChange: p,
-		children: y
+	})] }), T = o === void 0 ? /* @__PURE__ */ M(U.Root, {
+		defaultOpen: u,
+		onOpenChange: m,
+		children: w
 	}) : /* @__PURE__ */ M(U.Root, {
-		onOpenChange: p,
+		onOpenChange: m,
 		open: o,
-		children: y
+		children: w
 	});
 	return h("div", {
-		..._,
+		...v,
 		className: `min-h-dvh bg-[var(--breeze-canvas)] text-[var(--breeze-ink)] ${r ?? ""}`,
-		ref: P(m)
+		ref: P(g)
 	}, /* @__PURE__ */ N(j, { children: [
 		/* @__PURE__ */ M(zn, {
-			targetId: u,
-			children: g
+			targetId: d,
+			children: _
 		}),
 		/* @__PURE__ */ N("aside", {
 			className: "fixed inset-y-0 start-0 z-20 hidden w-64 flex-col bg-[var(--breeze-shell)] text-[var(--breeze-ink-inverse)] md:flex",
@@ -579,7 +588,7 @@ function Bn({ account: e, brand: t, children: n, className: r, compactBrand: i,
 				}),
 				/* @__PURE__ */ M("div", {
 					className: "min-h-0 flex-1 overflow-y-auto px-3 py-7 [&_a]:flex [&_a]:min-h-11 [&_a]:items-center [&_a]:gap-3 [&_a]:text-[var(--breeze-ink-inverse-muted)] [&_a]:no-underline [&_a[data-current]]:bg-[var(--breeze-primary-selected)] [&_a[data-current]]:text-white [&_a[data-current][data-hovered]]:bg-[var(--breeze-primary-selected)] [&_a[data-hovered]]:bg-[var(--breeze-shell-soft)] [&_a[data-hovered]]:text-white",
-					children: d
+					children: f
 				}),
 				/* @__PURE__ */ N("footer", {
 					className: "grid gap-2 border-t border-[var(--breeze-shell-soft)] p-3",
@@ -590,7 +599,7 @@ function Bn({ account: e, brand: t, children: n, className: r, compactBrand: i,
 		/* @__PURE__ */ N("header", {
 			className: "grid min-h-16 grid-cols-[2.75rem_minmax(0,1fr)_2.75rem] items-center gap-3 bg-[var(--breeze-shell)] px-3 text-[var(--breeze-ink-inverse)] md:hidden",
 			children: [
-				b,
+				T,
 				/* @__PURE__ */ M("div", {
 					className: "min-w-0 justify-self-center font-[family-name:var(--breeze-font-display)] text-xl font-semibold",
 					children: i ?? t
@@ -603,7 +612,8 @@ function Bn({ account: e, brand: t, children: n, className: r, compactBrand: i,
 		}),
 		/* @__PURE__ */ M("main", {
 			className: "min-h-dvh px-4 py-6 sm:px-8 sm:py-12 md:ms-64 lg:px-12",
-			id: u,
+			id: d,
+			ref: x,
 			tabIndex: -1,
 			children: n
 		})
@@ -820,7 +830,7 @@ function G(e) {
 }
 //#endregion
 //#region src/primitives/Menu/Menu.tsx
-var Zn = A({ base: "inline-flex min-h-11 items-center justify-center border border-[var(--breeze-border-strong)] bg-[var(--breeze-surface)] px-3 font-semibold text-[var(--breeze-ink)] outline-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-45 data-[focus-visible]:outline-2 data-[focus-visible]:outline-offset-2 data-[focus-visible]:outline-[var(--breeze-focus)]" }), Qn = A({ base: "min-w-48 border border-b-2 border-[var(--breeze-border-strong)] bg-[var(--breeze-surface)] shadow-[0_8px_0_rgb(6_12_24_/_18%)]" }), $n = A({ base: "max-h-80 overflow-y-auto outline-none" }), er = A({ base: "flex min-h-11 cursor-default items-center border-b border-[var(--breeze-border)] px-4 py-2 text-base text-[var(--breeze-ink)] no-underline outline-none last:border-b-0 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-45 data-[focus-visible]:bg-[var(--breeze-primary-soft)] data-[hovered]:bg-[var(--breeze-primary-soft)] data-[selected]:bg-[var(--breeze-primary-soft)]" });
+var Zn = A({ base: "inline-flex min-h-11 min-w-0 items-center justify-center border border-[var(--breeze-border-strong)] bg-[var(--breeze-surface)] px-3 font-semibold text-[var(--breeze-ink)] outline-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-45 data-[focus-visible]:outline-2 data-[focus-visible]:outline-offset-2 data-[focus-visible]:outline-[var(--breeze-focus)]" }), Qn = A({ base: "min-w-48 border border-b-2 border-[var(--breeze-border-strong)] bg-[var(--breeze-surface)] shadow-[0_8px_0_rgb(6_12_24_/_18%)]" }), $n = A({ base: "max-h-80 overflow-y-auto outline-none" }), er = A({ base: "flex min-h-11 cursor-default items-center border-b border-[var(--breeze-border)] px-4 py-2 text-base text-[var(--breeze-ink)] no-underline outline-none last:border-b-0 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-45 data-[focus-visible]:bg-[var(--breeze-primary-soft)] data-[hovered]:bg-[var(--breeze-primary-soft)] data-[selected]:bg-[var(--breeze-primary-soft)]" });
 function tr(e) {
 	return e === "all" ? "all" : [...e];
 }
@@ -836,12 +846,17 @@ function rr({ defaultOpen: e, onOpenChange: t, open: n, readOnly: r, ...i }) {
 	});
 }
 function ir({ className: e, disabled: t = !1, ref: n, ...r }) {
-	let i = v(se);
+	let i = v(se), a = C(!1);
 	return h(D, {
 		...r,
 		className: Zn({ class: e }),
 		isDisabled: t,
-		onPress: i?.isOpen ? i.close : void 0,
+		onPress: () => {
+			a.current && i?.close();
+		},
+		onPressStart: () => {
+			a.current = i?.isOpen === !0;
+		},
 		ref: P(n)
 	});
 }
@@ -917,7 +932,11 @@ function ur({ "aria-label": e, currentId: t, emptyIcon: n, emptyName: r, items:
 	return /* @__PURE__ */ N(K.Root, { children: [/* @__PURE__ */ N(K.Trigger, {
 		"aria-label": e,
 		className: "min-h-14 w-full justify-start gap-3 border-0 bg-transparent p-2 text-start text-inherit data-[hovered]:bg-[var(--breeze-shell-soft)]",
-		children: [l?.icon ?? n, /* @__PURE__ */ N("span", {
+		children: [/* @__PURE__ */ M("span", {
+			"aria-hidden": "true",
+			className: "empty:hidden",
+			children: l?.icon ?? n
+		}), /* @__PURE__ */ N("span", {
 			className: "grid min-w-0 flex-1 gap-0.5",
 			children: [c === void 0 ? null : /* @__PURE__ */ M("small", {
 				className: "text-base text-[var(--breeze-ink-inverse-muted)]",
@@ -948,7 +967,11 @@ function ur({ "aria-label": e, currentId: t, emptyIcon: n, emptyName: r, items:
 				textValue: e.name,
 				children: /* @__PURE__ */ N("span", {
 					className: "flex min-w-0 items-center gap-3",
-					children: [e.icon, /* @__PURE__ */ N("span", {
+					children: [/* @__PURE__ */ M("span", {
+						"aria-hidden": "true",
+						className: "empty:hidden",
+						children: e.icon
+					}), /* @__PURE__ */ N("span", {
 						className: "grid min-w-0 gap-0.5",
 						children: [/* @__PURE__ */ M("strong", { children: e.name }), e.description === void 0 ? null : /* @__PURE__ */ M("small", { children: e.description })]
 					})]
@@ -4864,8 +4887,18 @@ var Du = {
 	Track: wu
 }, Ou = "[&>tbody>tr]:relative [&>tbody>tr]:flex [&>tbody>tr]:flex-col [&>tbody>tr]:items-start [&>tbody>tr]:gap-2 [&>tbody>tr]:px-4 [&>tbody>tr]:py-4 [&>tfoot>tr]:relative [&>tfoot>tr]:flex [&>tfoot>tr]:flex-col [&>tfoot>tr]:items-start [&>tfoot>tr]:gap-2 [&>tfoot>tr]:px-4 [&>tfoot>tr]:py-4 [&>tbody>tr>td]:block [&>tbody>tr>td]:max-w-full [&>tbody>tr>td]:border-0 [&>tbody>tr>td]:p-0 [&>tfoot>tr>td]:block [&>tfoot>tr>td]:max-w-full [&>tfoot>tr>td]:border-0 [&>tfoot>tr>td]:p-0 sm:[&>thead>tr>th]:px-6 sm:[&>thead>tr>th]:py-3 sm:[&>thead>tr>th]:align-middle sm:[&>tbody>tr]:table-row sm:[&>tbody>tr]:border-0 sm:[&>tbody>tr]:p-0 sm:[&>tfoot>tr]:table-row sm:[&>tfoot>tr]:border-0 sm:[&>tfoot>tr]:p-0 sm:[&>tbody>tr>td]:table-cell sm:[&>tbody>tr>td]:border-b sm:[&>tbody>tr>td]:border-[var(--breeze-border)] sm:[&>tbody>tr>td]:px-6 sm:[&>tbody>tr>td]:py-3 sm:[&>tbody>tr>td]:align-middle sm:[&>tfoot>tr>td]:table-cell sm:[&>tfoot>tr>td]:border-b sm:[&>tfoot>tr>td]:border-[var(--breeze-border)] sm:[&>tfoot>tr>td]:px-6 sm:[&>tfoot>tr>td]:py-3 sm:[&>tfoot>tr>td]:align-middle", ku = A({
 	base: "group/table block w-full border-separate border-spacing-0 text-start text-[var(--breeze-ink)] outline-none sm:table [&>tbody:last-of-type>tr:last-child]:border-b-0 sm:[&>tbody:last-of-type>tr:last-child>td]:border-b-0 data-[focus-visible]:outline-2 data-[focus-visible]:outline-offset-2 data-[focus-visible]:outline-[var(--breeze-focus)]",
+	compoundVariants: [{
+		class: "sm:[&>thead>tr]:grid-cols-[repeat(var(--breeze-table-column-count),minmax(0,1fr))] sm:[&>tbody>tr]:grid-cols-[repeat(var(--breeze-table-column-count),minmax(0,1fr))] sm:[&>tfoot>tr]:grid-cols-[repeat(var(--breeze-table-column-count),minmax(0,1fr))]",
+		desktopColumns: "equal",
+		layout: "responsiveGrid"
+	}, {
+		class: "sm:[&>thead>tr]:grid-cols-[2.25rem_minmax(0,1.3fr)_minmax(0,0.8fr)_minmax(0,1.2fr)_1.25rem] sm:[&>tbody>tr]:grid-cols-[2.25rem_minmax(0,1.3fr)_minmax(0,0.8fr)_minmax(0,1.2fr)_1.25rem] sm:[&>tfoot>tr]:grid-cols-[2.25rem_minmax(0,1.3fr)_minmax(0,0.8fr)_minmax(0,1.2fr)_1.25rem]",
+		desktopColumns: "mediaDetailsAction",
+		layout: "responsiveGrid"
+	}],
 	defaultVariants: {
 		boundary: "none",
+		desktopColumns: "equal",
 		layout: "responsive",
 		virtualized: !1
 	},
@@ -4874,8 +4907,12 @@ var Du = {
 			none: "",
 			strong: "min-w-0 border-b-2 border-[var(--breeze-border-strong)] bg-[var(--breeze-surface)]"
 		},
+		desktopColumns: {
+			equal: "",
+			mediaDetailsAction: ""
+		},
 		layout: {
-			grid: "!grid grid-cols-[repeat(var(--breeze-table-column-count),minmax(0,1fr))] [&>thead]:col-span-full [&>thead]:grid-cols-subgrid sm:[&>thead]:grid [&>tbody]:col-span-full [&>tbody]:grid [&>tbody]:grid-cols-subgrid [&>tfoot]:col-span-full [&>tfoot]:grid [&>tfoot]:grid-cols-subgrid sm:[&>thead>tr]:col-span-full sm:[&>thead>tr]:grid sm:[&>thead>tr]:grid-cols-subgrid [&>tbody>tr]:col-span-full [&>tbody>tr]:grid [&>tbody>tr]:grid-cols-subgrid [&>tfoot>tr]:col-span-full [&>tfoot>tr]:grid [&>tfoot>tr]:grid-cols-subgrid sm:[&>thead>tr>th]:block [&>tbody>tr>td]:block [&>tfoot>tr>td]:block sm:[&>thead>tr]:border-b sm:[&>thead>tr]:border-[var(--breeze-border)] sm:[&>thead>tr>th]:border-0 [&>tbody>tr]:border-b [&>tbody>tr]:border-[var(--breeze-border)] [&>tbody>tr>td]:border-0 [&>tfoot>tr>td]:border-0 sm:[&>tbody>tr>td]:!border-0 sm:[&>tfoot>tr>td]:!border-0",
+			grid: "!grid grid-cols-[repeat(var(--breeze-table-column-count),minmax(0,1fr))] [&>thead]:col-span-full [&>thead]:grid-cols-subgrid sm:[&>thead]:grid [&>tbody]:col-span-full [&>tbody]:grid [&>tbody]:grid-cols-subgrid [&>tfoot]:col-span-full [&>tfoot]:grid [&>tfoot]:grid-cols-subgrid sm:[&>thead>tr]:col-span-full sm:[&>thead>tr]:grid sm:[&>thead>tr]:min-h-11 sm:[&>thead>tr]:grid-cols-subgrid sm:[&>thead>tr]:items-center sm:[&>thead>tr]:px-6 [&>tbody>tr]:col-span-full [&>tbody>tr]:grid [&>tbody>tr]:min-h-11 [&>tbody>tr]:grid-cols-subgrid [&>tbody>tr]:items-center [&>tbody>tr]:px-4 sm:[&>tbody>tr]:px-6 [&>tfoot>tr]:col-span-full [&>tfoot>tr]:grid [&>tfoot>tr]:min-h-11 [&>tfoot>tr]:grid-cols-subgrid [&>tfoot>tr]:items-center [&>tfoot>tr]:px-4 sm:[&>tfoot>tr]:px-6 sm:[&>thead>tr>th]:block sm:[&>thead>tr>th]:!p-0 [&>tbody>tr>td]:block [&>tbody>tr>td]:!p-0 [&>tfoot>tr>td]:block [&>tfoot>tr>td]:!p-0 sm:[&>thead>tr]:border-b sm:[&>thead>tr]:border-[var(--breeze-border)] sm:[&>thead>tr>th]:border-0 [&>tbody>tr]:border-b [&>tbody>tr]:border-[var(--breeze-border)] [&>tbody>tr>td]:border-0 [&>tfoot>tr>td]:border-0 sm:[&>tbody>tr>td]:!border-0 sm:[&>tfoot>tr>td]:!border-0",
 			responsive: Ou,
 			responsiveGrid: `${Ou} sm:!block sm:[&>thead]:!block sm:[&>tbody]:!block sm:[&>tfoot]:!block sm:[&>thead>tr]:!grid sm:[&>thead>tr]:w-full sm:[&>thead>tr]:items-center sm:[&>thead>tr]:gap-x-4 sm:[&>thead>tr]:px-6 sm:[&>thead>tr]:py-3 sm:[&>tbody>tr]:!grid sm:[&>tbody>tr]:w-full sm:[&>tbody>tr]:items-center sm:[&>tbody>tr]:gap-x-4 sm:[&>tbody>tr]:border-b sm:[&>tbody>tr]:border-[var(--breeze-border)] sm:[&>tbody>tr]:px-6 sm:[&>tbody>tr]:py-3 sm:[&>tfoot>tr]:!grid sm:[&>tfoot>tr]:w-full sm:[&>tfoot>tr]:items-center sm:[&>tfoot>tr]:gap-x-4 sm:[&>tfoot>tr]:px-6 sm:[&>tfoot>tr]:py-3 sm:[&>thead>tr>th]:!flex sm:[&>thead>tr>th]:!h-auto sm:[&>thead>tr>th]:items-center sm:[&>thead>tr>th]:!border-0 sm:[&>thead>tr>th]:!p-0 sm:[&>tbody>tr>td]:!flex sm:[&>tbody>tr>td]:!h-auto sm:[&>tbody>tr>td]:items-center sm:[&>tbody>tr>td]:!border-0 sm:[&>tbody>tr>td]:!p-0 sm:[&>tbody>tr>td:last-child]:justify-end sm:[&>tfoot>tr>td]:!flex sm:[&>tfoot>tr>td]:!h-auto sm:[&>tfoot>tr>td]:items-center sm:[&>tfoot>tr>td]:!border-0 sm:[&>tfoot>tr>td]:!p-0`
 		},
@@ -4948,10 +4985,13 @@ var Du = {
 function Lu(e) {
 	return e === "all" ? "all" : [...e];
 }
-function Ru(e, t) {
+function Ru(e) {
+	if (e !== void 0) return Number.isInteger(e) ? Math.min(Math.max(e, 1), 1e3) : 1;
+}
+function zu(e, t) {
 	return e ? t ? "multiple" : "single" : "none";
 }
-function zu(e) {
+function Bu(e) {
 	if (e === null) return;
 	let t = new Map([...e.querySelectorAll("[data-breeze-column]")].map((e) => {
 		let t = e.dataset.breezeCompactLabel === "false" ? void 0 : e.dataset.breezeCompactLabelText;
@@ -4965,53 +5005,54 @@ function zu(e) {
 		i !== void 0 && i.length > 0 ? n.label = i : delete n.label, n.breezeColumnWidth = r?.width ?? "auto";
 	});
 }
-function Bu({ boundary: e = "none", children: t, className: n, defaultSelection: r, defaultSort: i, disabledKeys: a, layout: o = "responsive", multiple: s = !1, onSelectionChange: c, onSortChange: l, readOnly: u = !1, ref: d, selection: f, sort: p, virtualization: m, ...g }) {
+function Vu({ boundary: e = "none", children: t, className: n, defaultSelection: r, defaultSort: i, desktopColumns: a = "equal", disabledKeys: o, layout: s = "responsive", multiple: c = !1, onSelectionChange: l, onSortChange: u, readOnly: d = !1, ref: f, selection: p, sort: m, virtualization: g, ...v }) {
 	F();
-	let v = P(d), y = C(null), [b, S] = w(i), T = r !== void 0 || s || c !== void 0 || f !== void 0, E = p ?? b, D = _((e) => {
-		y.current = e, v(e);
-	}, [v]);
+	let y = P(f), b = C(null), [S, T] = w(i), E = r !== void 0 || c || l !== void 0 || p !== void 0, D = m ?? S, O = _((e) => {
+		b.current = e, y(e);
+	}, [y]);
 	x(() => {
-		zu(y.current);
+		Bu(b.current);
 	});
-	let O = h(Bt, {
-		...g,
-		"aria-readonly": u || void 0,
+	let k = h(Bt, {
+		...v,
+		"aria-readonly": d || void 0,
 		children: t,
 		className: ku({
 			boundary: e,
 			class: n,
-			layout: o,
-			virtualized: m !== void 0
+			desktopColumns: a,
+			layout: s,
+			virtualized: g !== void 0
 		}),
 		"data-boundary": e,
 		"data-breeze-table": "",
-		"data-layout": o,
-		"data-virtualized": m === void 0 ? void 0 : "true",
+		"data-layout": s,
+		"data-virtualized": g === void 0 ? void 0 : "true",
 		defaultSelectedKeys: r,
-		disabledKeys: a,
-		onSelectionChange: (e) => c?.(Lu(e)),
-		onSortChange: u ? void 0 : (e) => {
+		disabledKeys: o,
+		onSelectionChange: (e) => l?.(Lu(e)),
+		onSortChange: d ? void 0 : (e) => {
 			let t = {
 				column: e.column,
 				direction: e.direction
 			};
-			p === void 0 && S(t), l?.(t);
+			m === void 0 && T(t), u?.(t);
 		},
-		ref: D,
-		selectedKeys: f,
-		selectionMode: Ru(T, s),
-		sortDescriptor: E === void 0 ? void 0 : {
-			column: E.column,
-			direction: E.direction
+		ref: O,
+		selectedKeys: p,
+		selectionMode: zu(E, c),
+		sortDescriptor: D === void 0 ? void 0 : {
+			column: D.column,
+			direction: D.direction
 		},
-		style: Ha(m)
+		style: Ha(g)
 	});
-	return m === void 0 ? O : h(Ua, {
-		configuration: m,
+	return g === void 0 ? k : h(Ua, {
+		configuration: g,
 		kind: "table"
-	}, O);
+	}, k);
 }
-function Vu({ align: e = "start", children: t, className: n, compactLabel: r = !0, id: i, ref: a, rowHeader: o = !1, sortable: s = !1, textValue: c, width: l = "auto", ...u }) {
+function Hu({ align: e = "start", children: t, className: n, compactLabel: r = !0, id: i, ref: a, rowHeader: o = !1, sortable: s = !1, textValue: c, width: l = "auto", ...u }) {
 	let d = typeof t == "string" ? t.trim() : void 0, f = r ? c ?? d : void 0;
 	return h(Rt, {
 		...u,
@@ -5032,14 +5073,14 @@ function Vu({ align: e = "start", children: t, className: n, compactLabel: r = !
 		textValue: c
 	});
 }
-function Hu(e) {
-	return Vu(e);
-}
 function Uu(e) {
-	return g(e) && e.type === Hu ? Vu(e.props) : e;
+	return Hu(e);
 }
-function Wu({ children: e, className: t, id: n, items: r, ref: i, ...a }) {
-	let o = P(i), s = typeof e == "function" ? (t) => Uu(e(t)) : d.map(e, Uu);
+function Wu(e) {
+	return g(e) && e.type === Uu ? Hu(e.props) : e;
+}
+function Gu({ children: e, className: t, id: n, items: r, ref: i, ...a }) {
+	let o = P(i), s = typeof e == "function" ? (t) => Wu(e(t)) : d.map(e, Wu);
 	return h(Ut, {
 		...a,
 		children: s,
@@ -5050,7 +5091,7 @@ function Wu({ children: e, className: t, id: n, items: r, ref: i, ...a }) {
 		ref: o
 	});
 }
-function Gu({ children: e, className: t, emptyContent: n, id: r, items: i, ref: a, ...o }) {
+function Ku({ children: e, className: t, emptyContent: n, id: r, items: i, ref: a, ...o }) {
 	let s = P(a), c = G(n);
 	return h(Vt, {
 		...o,
@@ -5063,7 +5104,7 @@ function Gu({ children: e, className: t, emptyContent: n, id: r, items: i, ref:
 		renderEmptyState: () => c
 	});
 }
-function Ku({ children: e, className: t, id: n, items: r, ref: i, ...a }) {
+function qu({ children: e, className: t, id: n, items: r, ref: i, ...a }) {
 	let o = P(i);
 	return h(Ht, {
 		...a,
@@ -5075,7 +5116,7 @@ function Ku({ children: e, className: t, id: n, items: r, ref: i, ...a }) {
 		ref: o
 	});
 }
-function qu({ "aria-describedby": e, className: t, disabled: n = !1, id: r, onAction: i, presentation: a = "data", ref: o, textValue: s, tone: c = "default", ...l }) {
+function Ju({ "aria-describedby": e, className: t, disabled: n = !1, id: r, onAction: i, presentation: a = "data", ref: o, textValue: s, tone: c = "default", ...l }) {
 	let u = P(o), d = _((t) => {
 		u(t), t && (e ? t.setAttribute("aria-describedby", e) : t.removeAttribute("aria-describedby"));
 	}, [e, u]);
@@ -5096,24 +5137,26 @@ function qu({ "aria-describedby": e, className: t, disabled: n = !1, id: r, onAc
 		textValue: s
 	});
 }
-function Ju({ align: e = "start", className: t, column: n, presentation: r = "data", ref: i, textValue: a, ...o }) {
-	let s = P(i), c = _((e) => {
-		s(e), zu(e?.closest("[data-breeze-table]") ?? null);
-	}, [s]);
+function Yu({ align: e = "start", className: t, column: n, colSpan: r, presentation: i = "data", ref: a, textValue: o, ...s }) {
+	let c = P(a), l = Ru(r), u = l === void 0 || l <= 1 ? void 0 : { gridColumn: `span ${l} / span ${l}` }, d = _((e) => {
+		c(e), Bu(e?.closest("[data-breeze-table]") ?? null);
+	}, [c]);
 	return h(Lt, {
-		...o,
+		...s,
 		className: Iu({
 			align: e,
 			class: t,
-			presentation: r
+			presentation: i
 		}),
+		colSpan: l,
 		"data-breeze-cell-column": String(n),
-		ref: c,
-		textValue: a
+		ref: d,
+		style: u,
+		textValue: o
 	});
 }
-function Yu({ position: e = "overlay", ...n }) {
-	return h(Ju, {
+function Xu({ position: e = "overlay", ...n }) {
+	return h(Yu, {
 		...n,
 		children: /* @__PURE__ */ M(t, {
 			className: "!block",
@@ -5122,7 +5165,7 @@ function Yu({ position: e = "overlay", ...n }) {
 		presentation: e === "overlay" ? "disclosure" : "data"
 	});
 }
-function Xu({ className: e, loading: t = !1, offset: n = 1, onLoadMore: r, ref: i, ...a }) {
+function Zu({ className: e, loading: t = !1, offset: n = 1, onLoadMore: r, ref: i, ...a }) {
 	let o = P(i), s = Pa({
 		loading: t,
 		onLoadMore: r
@@ -5140,35 +5183,35 @@ function Xu({ className: e, loading: t = !1, offset: n = 1, onLoadMore: r, ref:
 		scrollOffset: n
 	});
 }
-var Zu = {
-	Body: Gu,
-	Cell: Ju,
-	Column: Hu,
-	Disclosure: Yu,
-	Footer: Ku,
-	Header: Wu,
-	LoadMore: Xu,
-	Root: Bu,
-	Row: qu
-}, Qu = A({
+var Qu = {
+	Body: Ku,
+	Cell: Yu,
+	Column: Uu,
+	Disclosure: Xu,
+	Footer: qu,
+	Header: Gu,
+	LoadMore: Zu,
+	Root: Vu,
+	Row: Ju
+}, $u = A({
 	base: "flex gap-4",
 	defaultVariants: { orientation: "horizontal" },
 	variants: { orientation: {
 		horizontal: "flex-col",
 		vertical: "flex-row items-start"
 	} }
-}), $u = A({
+}), ed = A({
 	base: "flex gap-1 border-[var(--breeze-border)]",
 	defaultVariants: { orientation: "horizontal" },
 	variants: { orientation: {
 		horizontal: "flex-row border-b",
 		vertical: "flex-col border-e"
 	} }
-}), ed = A({ base: "min-h-10 cursor-default px-3 py-2 font-semibold text-[var(--breeze-ink-muted)] outline-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-45 data-[focus-visible]:outline-2 data-[focus-visible]:outline-offset-2 data-[focus-visible]:outline-[var(--breeze-focus)] data-[selected]:text-[var(--breeze-primary)]" }), td = A({ base: "min-w-0 outline-none data-[focus-visible]:outline-2 data-[focus-visible]:outline-offset-2 data-[focus-visible]:outline-[var(--breeze-focus)]" });
-function nd({ className: e, defaultValue: t, disabled: n = !1, onChange: r, orientation: i = "horizontal", readOnly: a, ref: o, value: s, ...c }) {
+}), td = A({ base: "min-h-10 cursor-default px-3 py-2 font-semibold text-[var(--breeze-ink-muted)] outline-none data-[disabled]:cursor-not-allowed data-[disabled]:opacity-45 data-[focus-visible]:outline-2 data-[focus-visible]:outline-offset-2 data-[focus-visible]:outline-[var(--breeze-focus)] data-[selected]:text-[var(--breeze-primary)]" }), nd = A({ base: "min-w-0 outline-none data-[focus-visible]:outline-2 data-[focus-visible]:outline-offset-2 data-[focus-visible]:outline-[var(--breeze-focus)]" });
+function rd({ className: e, defaultValue: t, disabled: n = !1, onChange: r, orientation: i = "horizontal", readOnly: a, ref: o, value: s, ...c }) {
 	return F(), h(Yt, {
 		...c,
-		className: Qu({
+		className: $u({
 			class: e,
 			orientation: i
 		}),
@@ -5180,53 +5223,53 @@ function nd({ className: e, defaultValue: t, disabled: n = !1, onChange: r, orie
 		selectedKey: s
 	});
 }
-function rd({ className: e, ref: t, ...n }) {
+function id({ className: e, ref: t, ...n }) {
 	return h(Kt, {
 		...n,
-		className: ({ orientation: t }) => $u({
+		className: ({ orientation: t }) => ed({
 			class: e,
 			orientation: t
 		}),
 		ref: P(t)
 	});
 }
-function id({ className: e, disabled: t = !1, id: n, ref: r, ...i }) {
+function ad({ className: e, disabled: t = !1, id: n, ref: r, ...i }) {
 	return h(Gt, {
 		...i,
-		className: ed({ class: e }),
+		className: td({ class: e }),
 		id: n,
 		isDisabled: t,
 		ref: P(r)
 	});
 }
-function ad({ className: e, ref: t, ...n }) {
+function od({ className: e, ref: t, ...n }) {
 	return h(Jt, {
 		...n,
 		className: e,
 		ref: P(t)
 	});
 }
-function od({ className: e, forceMount: t = !1, id: n, ref: r, ...i }) {
+function sd({ className: e, forceMount: t = !1, id: n, ref: r, ...i }) {
 	return h(qt, {
 		...i,
-		className: td({ class: e }),
+		className: nd({ class: e }),
 		id: n,
 		ref: P(r),
 		shouldForceMount: t
 	});
 }
-var sd = {
-	List: rd,
-	Panel: od,
-	Panels: ad,
-	Root: nd,
-	Tab: id
-}, cd = A({ base: "inline-flex min-h-8 items-center border border-[var(--breeze-border-strong)] bg-[var(--breeze-surface-subtle)] px-3 text-sm outline-none data-[focused]:outline-2 data-[selected]:border-[var(--breeze-primary)] data-[selected]:bg-[var(--breeze-primary-soft)] data-[disabled]:opacity-45" });
-function ld({ className: e, disabled: t = !1, id: n, onAction: r, ref: i, ...a }) {
+var cd = {
+	List: id,
+	Panel: sd,
+	Panels: od,
+	Root: rd,
+	Tab: ad
+}, ld = A({ base: "inline-flex min-h-8 items-center border border-[var(--breeze-border-strong)] bg-[var(--breeze-surface-subtle)] px-3 text-sm outline-none data-[focused]:outline-2 data-[selected]:border-[var(--breeze-primary)] data-[selected]:bg-[var(--breeze-primary-soft)] data-[disabled]:opacity-45" });
+function ud({ className: e, disabled: t = !1, id: n, onAction: r, ref: i, ...a }) {
 	let o = P(i);
 	return h(Xt, {
 		...a,
-		className: cd({ class: e }),
+		className: ld({ class: e }),
 		id: n,
 		isDisabled: t,
 		onAction: r ? () => r(n) : void 0,
@@ -5236,40 +5279,40 @@ function ld({ className: e, disabled: t = !1, id: n, onAction: r, ref: i, ...a }
 }
 //#endregion
 //#region src/primitives/TagGroup/TagGroup.tsx
-var ud = A({ base: "flex min-w-0 flex-col gap-2" }), dd = A({ base: "flex flex-wrap gap-2 outline-none" }), fd = (e) => e === "all" ? "all" : [...e];
-function pd({ children: e, className: t, defaultSelection: n, disabledKeys: r, onRemove: i, onSelectionChange: a, readOnly: o = !1, ref: s, selection: c, ...l }) {
+var dd = A({ base: "flex min-w-0 flex-col gap-2" }), fd = A({ base: "flex flex-wrap gap-2 outline-none" }), pd = (e) => e === "all" ? "all" : [...e];
+function md({ children: e, className: t, defaultSelection: n, disabledKeys: r, onRemove: i, onSelectionChange: a, readOnly: o = !1, ref: s, selection: c, ...l }) {
 	F();
 	let u = P(s);
 	return h(Zt, {
 		...l,
 		children: e,
-		className: ud({ class: t }),
+		className: dd({ class: t }),
 		defaultSelectedKeys: n,
 		disabledKeys: r,
 		onRemove: o || !i ? void 0 : (e) => i([...e]),
-		onSelectionChange: o ? void 0 : (e) => a?.(fd(e)),
+		onSelectionChange: o ? void 0 : (e) => a?.(pd(e)),
 		ref: u,
 		selectedKeys: c,
 		selectionMode: c !== void 0 || n !== void 0 || a !== void 0 ? "multiple" : "none"
 	});
 }
-function md({ children: e, className: t, emptyContent: n, items: r, ref: i, ...a }) {
+function hd({ children: e, className: t, emptyContent: n, items: r, ref: i, ...a }) {
 	let o = P(i), s = G(n);
 	return h(Qt, {
 		...a,
 		children: e,
-		className: dd({ class: t }),
+		className: fd({ class: t }),
 		items: r,
 		ref: o,
 		renderEmptyState: () => s
 	});
 }
-var hd = {
+var gd = {
 	Description: X.Description,
 	Label: X.Label,
-	List: md,
-	Root: pd
-}, gd = A({
+	List: hd,
+	Root: md
+}, _d = A({
 	base: "block w-full resize-y border border-[var(--breeze-border-strong)] bg-[var(--breeze-surface)] text-[var(--breeze-ink)] transition-colors duration-[var(--breeze-duration-fast)] placeholder:text-[var(--breeze-ink-muted)] disabled:cursor-not-allowed disabled:bg-[var(--breeze-surface-subtle)] disabled:opacity-70 aria-invalid:border-[var(--breeze-danger)]",
 	defaultVariants: { size: "md" },
 	variants: { size: {
@@ -5278,25 +5321,25 @@ var hd = {
 		sm: "min-h-20 px-2.5 py-1.5 text-xs"
 	} }
 });
-function _d({ className: e, ref: t, size: n, ...r }) {
+function vd({ className: e, ref: t, size: n, ...r }) {
 	let i = P(t);
 	return h(ge, {
 		...r,
-		className: gd({
+		className: _d({
 			class: e,
 			size: n
 		}),
 		ref: i
 	});
 }
-var vd = {
-	Control: _d,
+var yd = {
+	Control: vd,
 	Description: X.Description,
 	Error: X.Error,
 	Label: X.Label,
 	Root: X.Root
-}, yd = A({ base: "flex min-w-0 flex-col gap-1.5" });
-function bd({ children: e, className: t, defaultValue: n, disabled: r = !1, form: i, inputRef: a, invalid: o = !1, maxValue: s, minValue: c, name: l, onChange: u, readOnly: d = !1, ref: f, required: p = !1, value: m, ...g }) {
+}, bd = A({ base: "flex min-w-0 flex-col gap-1.5" });
+function xd({ children: e, className: t, defaultValue: n, disabled: r = !1, form: i, inputRef: a, invalid: o = !1, maxValue: s, minValue: c, name: l, onChange: u, readOnly: d = !1, ref: f, required: p = !1, value: m, ...g }) {
 	F();
 	let _ = P(f), v = P(a), y = [
 		m,
@@ -5307,7 +5350,7 @@ function bd({ children: e, className: t, defaultValue: n, disabled: r = !1, form
 	return h(ut, {
 		...g,
 		children: e,
-		className: yd({ class: t }),
+		className: bd({ class: t }),
 		defaultValue: Ri(n ?? null) ?? void 0,
 		form: i,
 		granularity: y ? "second" : "minute",
@@ -5324,13 +5367,13 @@ function bd({ children: e, className: t, defaultValue: n, disabled: r = !1, form
 		value: m === void 0 ? void 0 : Ri(m)
 	});
 }
-var xd = {
+var Sd = {
 	Description: X.Description,
 	Error: X.Error,
 	Input: $,
 	Label: X.Label,
-	Root: bd
-}, Sd = 5e3, Cd = A({
+	Root: xd
+}, Cd = 5e3, wd = A({
 	base: "grid min-w-72 max-w-md grid-cols-[minmax(0,1fr)_auto] gap-x-3 gap-y-2 border border-s-4 px-4 py-3 text-sm shadow-lg outline-none forced-colors:border-[CanvasText] data-[focus-visible]:ring-2 data-[focus-visible]:ring-[var(--breeze-focus)]",
 	defaultVariants: { variant: "info" },
 	variants: { variant: {
@@ -5343,25 +5386,25 @@ var xd = {
 		success: "border-[var(--breeze-success)] bg-[var(--breeze-success-soft)] text-[var(--breeze-ink)]",
 		warning: "border-[var(--breeze-warning)] bg-[var(--breeze-warning-soft)] text-[var(--breeze-ink)]"
 	} }
-}), wd = A({ base: "fixed inset-block-start-4 inset-inline-end-4 z-50 grid max-h-[calc(100dvh-2rem)] gap-3 overflow-auto outline-none" }), Td = A({ base: "contents" }), Ed = A({ base: "grid min-w-0 gap-1" }), Dd = A({ base: "font-semibold" }), Od = A({ base: "text-current/80" }), kd = A({ base: "inline-flex min-h-11 items-center justify-self-start font-semibold underline underline-offset-2 outline-none hover:no-underline focus-visible:ring-2 focus-visible:ring-current" }), Ad = A({ base: "col-start-2 row-start-1 grid size-11 place-items-center self-start rounded-sm text-xl leading-none outline-none hover:bg-black/10 focus-visible:ring-2 focus-visible:ring-current forced-colors:border forced-colors:border-[ButtonText]" }), jd = m(null);
-function Md({ action: e, closeLabel: t, description: n, onAction: r, onDismiss: i, title: a }) {
-	return h(nn, { className: Td() }, h("div", { className: Ed() }, h(en, {
-		className: Dd(),
+}), Td = A({ base: "fixed inset-block-start-4 inset-inline-end-4 z-50 grid max-h-[calc(100dvh-2rem)] gap-3 overflow-auto outline-none" }), Ed = A({ base: "contents" }), Dd = A({ base: "grid min-w-0 gap-1" }), Od = A({ base: "font-semibold" }), kd = A({ base: "text-current/80" }), Ad = A({ base: "inline-flex min-h-11 items-center justify-self-start font-semibold underline underline-offset-2 outline-none hover:no-underline focus-visible:ring-2 focus-visible:ring-current" }), jd = A({ base: "col-start-2 row-start-1 grid size-11 place-items-center self-start rounded-sm text-xl leading-none outline-none hover:bg-black/10 focus-visible:ring-2 focus-visible:ring-current forced-colors:border forced-colors:border-[ButtonText]" }), Md = m(null);
+function Nd({ action: e, closeLabel: t, description: n, onAction: r, onDismiss: i, title: a }) {
+	return h(nn, { className: Ed() }, h("div", { className: Dd() }, h(en, {
+		className: Od(),
 		slot: "title"
 	}, a), n === void 0 ? null : h(en, {
-		className: Od(),
+		className: kd(),
 		slot: "description"
 	}, n), e === void 0 ? null : h($t, {
-		className: kd(),
+		className: Ad(),
 		onPress: r
 	}, e.label)), h($t, {
 		"aria-label": t,
-		className: Ad(),
+		className: jd(),
 		onPress: i,
 		slot: "close"
 	}, "×"));
 }
-function Nd({ action: e, className: t, closeLabel: n, description: r, onDismiss: i, ref: a, title: o, variant: s = "info", ...c }) {
+function Pd({ action: e, className: t, closeLabel: n, description: r, onDismiss: i, ref: a, title: o, variant: s = "info", ...c }) {
 	let { messages: l } = F(), u = b(), d = b(), f = e === void 0 ? void 0 : () => {
 		e.onAction(), i();
 	};
@@ -5372,7 +5415,7 @@ function Nd({ action: e, className: t, closeLabel: n, description: r, onDismiss:
 		"aria-labelledby": u,
 		"aria-live": "polite",
 		"aria-modal": "false",
-		className: Cd({
+		className: wd({
 			class: t,
 			variant: s
 		}),
@@ -5380,30 +5423,30 @@ function Nd({ action: e, className: t, closeLabel: n, description: r, onDismiss:
 		ref: P(a),
 		role: "alertdialog",
 		tabIndex: 0
-	}, h("div", { className: Td() }, h("div", { className: Ed() }, h("div", {
-		className: Dd(),
+	}, h("div", { className: Ed() }, h("div", { className: Dd() }, h("div", {
+		className: Od(),
 		id: u
 	}, o), r === void 0 ? null : h("div", {
-		className: Od(),
+		className: kd(),
 		id: d
 	}, r), e === void 0 ? null : h($t, {
-		className: kd(),
+		className: Ad(),
 		onPress: f
 	}, e.label)), h($t, {
 		"aria-label": n ?? l.close,
-		className: Ad(),
+		className: jd(),
 		onPress: i
 	}, "×")));
 }
-function Pd({ className: e, label: t, ref: n, ...r }) {
-	let i = v(jd), a = P(n);
+function Fd({ className: e, label: t, ref: n, ...r }) {
+	let i = v(Md), a = P(n);
 	if (i === null) throw Error("ToastRegion must be rendered within BreezeProvider.");
 	let o = ({ toast: e }) => {
 		let { action: t, description: n, title: r, variant: a } = e.content, o = t === void 0 ? void 0 : () => {
 			t.onAction(), i.controller.dismiss(e.key);
 		};
 		return h(tn, {
-			children: h(Md, {
+			children: h(Nd, {
 				action: t,
 				closeLabel: i.closeLabel,
 				description: n,
@@ -5413,7 +5456,7 @@ function Pd({ className: e, label: t, ref: n, ...r }) {
 				},
 				title: r
 			}),
-			className: Cd({ variant: a }),
+			className: wd({ variant: a }),
 			"data-variant": a,
 			toast: e
 		});
@@ -5422,21 +5465,21 @@ function Pd({ className: e, label: t, ref: n, ...r }) {
 		...r,
 		"aria-label": t ?? i.regionLabel,
 		children: o,
-		className: wd({ class: e }),
+		className: Td({ class: e }),
 		queue: i.queue,
 		ref: a
 	});
 }
-function Fd(e) {
+function Id(e) {
 	if (e !== null && (!Number.isFinite(e) || e < 0)) throw RangeError("Toast lifetime must be null or a finite non-negative number of milliseconds.");
 }
-function Id({ children: e, closeLabel: t, limit: n, regionLabel: r }) {
+function Ld({ children: e, closeLabel: t, limit: n, regionLabel: r }) {
 	let i = S(() => new rn({ maxVisibleToasts: n }), [n]), a = S(() => ({
 		dismiss: (e) => {
 			i.close(e);
 		},
-		show: ({ action: e, description: t, lifetime: n = Sd, onDismiss: r, title: a, variant: o = "info" }) => {
-			Fd(n);
+		show: ({ action: e, description: t, lifetime: n = Cd, onDismiss: r, title: a, variant: o = "info" }) => {
+			Id(n);
 			let s = i.add({
 				action: e,
 				description: t,
@@ -5461,16 +5504,16 @@ function Id({ children: e, closeLabel: t, limit: n, regionLabel: r }) {
 	]);
 	return y(() => () => {
 		i.pauseAll(), i.clear();
-	}, [i]), h(jd, { value: o }, e, h(Pd));
+	}, [i]), h(Md, { value: o }, e, h(Fd));
 }
-function Ld() {
-	let e = v(jd);
+function Rd() {
+	let e = v(Md);
 	if (e === null) throw Error("useToast must be called within BreezeProvider.");
 	return e.controller;
 }
 //#endregion
 //#region src/primitives/Toolbar/Toolbar.tsx
-var Rd = A({
+var zd = A({
 	base: "flex gap-2",
 	defaultVariants: { orientation: "horizontal" },
 	variants: { orientation: {
@@ -5478,12 +5521,12 @@ var Rd = A({
 		vertical: "flex-col items-stretch"
 	} }
 });
-function zd({ children: e, className: t, orientation: n, ref: r, ...i }) {
+function Bd({ children: e, className: t, orientation: n, ref: r, ...i }) {
 	F();
 	let a = P(r);
 	return h(on, {
 		...i,
-		className: Rd({
+		className: zd({
 			class: t,
 			orientation: n
 		}),
@@ -5493,7 +5536,7 @@ function zd({ children: e, className: t, orientation: n, ref: r, ...i }) {
 }
 //#endregion
 //#region src/primitives/Tooltip/Tooltip.tsx
-var Bd = A({
+var Vd = A({
 	base: "z-50 max-w-64 border border-[var(--breeze-border-strong)] bg-[var(--breeze-ink)] px-2.5 py-1.5 text-sm text-[var(--breeze-ink-inverse)] shadow-lg data-[entering]:animate-in data-[exiting]:animate-out motion-reduce:transition-none forced-colors:border-[CanvasText] forced-colors:bg-[Canvas] forced-colors:text-[CanvasText]",
 	defaultVariants: { variant: "secondary" },
 	variants: { variant: {
@@ -5501,7 +5544,7 @@ var Bd = A({
 		primary: "border-[var(--breeze-primary)] bg-[var(--breeze-primary)] text-[var(--breeze-ink-inverse)]",
 		secondary: "border-[var(--breeze-border-strong)] bg-[var(--breeze-ink)] text-[var(--breeze-ink-inverse)]"
 	} }
-}), Vd = A({
+}), Hd = A({
 	base: "inline-flex size-5 shrink-0 cursor-help items-center justify-center outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--breeze-focus)]",
 	defaultVariants: { variant: "secondary" },
 	variants: { variant: {
@@ -5510,7 +5553,7 @@ var Bd = A({
 		secondary: "text-[var(--breeze-ink-muted)]"
 	} }
 });
-function Hd({ closeDelay: e = 0, defaultOpen: t, delay: n = 700, onOpenChange: r, open: i, readOnly: a, ...o }) {
+function Ud({ closeDelay: e = 0, defaultOpen: t, delay: n = 700, onOpenChange: r, open: i, readOnly: a, ...o }) {
 	return F(), h(ln, {
 		...o,
 		closeDelay: e,
@@ -5520,25 +5563,27 @@ function Hd({ closeDelay: e = 0, defaultOpen: t, delay: n = 700, onOpenChange: r
 		onOpenChange: r
 	});
 }
-var Ud = L;
-function Wd({ children: e, className: t, ref: n, variant: r = "secondary", ...i }) {
+var Wd = L;
+function Gd({ "aria-label": e, children: t, className: n, ref: r, variant: i = "secondary", ...a }) {
+	let o = P(r), s = b();
 	return /* @__PURE__ */ M(sn, {
-		ref: P(n),
+		ref: o,
 		children: h("span", {
-			...i,
-			className: Vd({
-				class: t,
-				variant: r
+			...a,
+			"aria-labelledby": s,
+			className: Hd({
+				class: n,
+				variant: i
 			}),
 			role: "img",
 			tabIndex: 0
-		}, e)
+		}, h(au, { id: s }, e), t)
 	});
 }
-function Gd({ className: e, offset: t = 6, placement: n = "top", ref: r, variant: i = "secondary", ...a }) {
+function Kd({ className: e, offset: t = 6, placement: n = "top", ref: r, variant: i = "secondary", ...a }) {
 	return F(), h(cn, {
 		...a,
-		className: Bd({
+		className: Vd({
 			class: e,
 			variant: i
 		}),
@@ -5547,12 +5592,12 @@ function Gd({ className: e, offset: t = 6, placement: n = "top", ref: r, variant
 		ref: P(r)
 	});
 }
-var Kd = {
-	Content: Gd,
-	IconTrigger: Wd,
-	Root: Hd,
-	Trigger: Ud
-}, qd = A({
+var qd = {
+	Content: Kd,
+	IconTrigger: Gd,
+	Root: Ud,
+	Trigger: Wd
+}, Jd = A({
 	base: "m-0 min-w-0",
 	compoundVariants: [{
 		class: "mb-4",
@@ -5632,7 +5677,7 @@ var Kd = {
 			semibold: "font-semibold"
 		}
 	}
-}), Jd = {
+}), Yd = {
 	dt: "label",
 	h1: "h1",
 	h2: "h2",
@@ -5641,22 +5686,22 @@ var Kd = {
 	h5: "h5",
 	h6: "h6",
 	strong: "label"
-}, Yd = /* @__PURE__ */ new Set([
+}, Xd = /* @__PURE__ */ new Set([
 	"em",
 	"small",
 	"span",
 	"strong"
 ]);
-function Xd({ align: e, as: t = "p", className: n, colour: r, gutterBottom: i = !1, level: a, lineClamp: o, ref: s, tabularNumbers: c = !1, truncate: l = !1, weight: u, ...d }) {
+function Zd({ align: e, as: t = "p", className: n, colour: r, gutterBottom: i = !1, level: a, lineClamp: o, ref: s, tabularNumbers: c = !1, truncate: l = !1, weight: u, ...d }) {
 	F();
-	let f = a ?? Jd[t] ?? "body", p = P(s);
+	let f = a ?? Yd[t] ?? "body", p = P(s);
 	return h(t, {
 		...d,
-		className: qd({
+		className: Jd({
 			align: e,
 			class: n,
 			colour: r,
-			gutterBottom: i && !Yd.has(t),
+			gutterBottom: i && !Xd.has(t),
 			level: f,
 			lineClamp: o ?? "none",
 			tabularNumbers: c,
@@ -5668,7 +5713,7 @@ function Xd({ align: e, as: t = "p", className: n, colour: r, gutterBottom: i =
 }
 //#endregion
 //#region src/provider/messages.ts
-var Zd = {
+var Qd = {
 	clear: "Clear",
 	close: "Close",
 	fileCountRejection: "Only one file may be selected.",
@@ -5688,15 +5733,15 @@ var Zd = {
 	showPassword: "Show password",
 	unreadNotifications: "Unread notifications"
 };
-function Qd(e = {}) {
+function $d(e = {}) {
 	return {
-		...Zd,
+		...Qd,
 		...e
 	};
 }
 //#endregion
 //#region src/provider/BreezeProvider.tsx
-var $d = /* @__PURE__ */ new Set([
+var ef = /* @__PURE__ */ new Set([
 	"ar",
 	"ckb",
 	"dv",
@@ -5709,11 +5754,11 @@ var $d = /* @__PURE__ */ new Set([
 	"ur",
 	"yi"
 ]);
-function ef(e) {
+function tf(e) {
 	let { language: t } = new Intl.Locale(e);
-	return $d.has(t) ? "rtl" : "ltr";
+	return ef.has(t) ? "rtl" : "ltr";
 }
-function tf(e, t, n) {
+function nf(e, t, n) {
 	let { dataset: r } = e;
 	if (n === void 0) {
 		delete r[t];
@@ -5721,16 +5766,16 @@ function tf(e, t, n) {
 	}
 	r[t] = n;
 }
-function nf(e, t, n) {
+function rf(e, t, n) {
 	if (n === null) {
 		e.removeAttribute(t);
 		return;
 	}
 	e.setAttribute(t, n);
 }
-function rf({ children: e, direction: t, locale: n, messages: r, portalContainer: i, router: a, timeZone: o, toastLimit: s = 3 }) {
+function af({ children: e, direction: t, locale: n, messages: r, portalContainer: i, router: a, timeZone: o, toastLimit: s = 3 }) {
 	if (!Number.isInteger(s) || s < 1) throw RangeError("BreezeProvider toastLimit must be a positive integer.");
-	let [c, l] = w(null), u = t ?? ef(n), d = S(() => Qd(r), [r]), f = i ?? c, p = C(f);
+	let [c, l] = w(null), u = t ?? tf(n), d = S(() => $d(r), [r]), f = i ?? c, p = C(f);
 	p.current = f;
 	let m = _(() => p.current, []), h = i === void 0 && typeof document < "u" ? fn(/* @__PURE__ */ M("div", {
 		"data-breeze-portal-root": "",
@@ -5743,7 +5788,7 @@ function rf({ children: e, direction: t, locale: n, messages: r, portalContainer
 		if (i == null) return;
 		let { dataset: e } = i, t = e.breezePortalRoot, r = e.breezeRoot, a = i.getAttribute("dir"), o = i.getAttribute("lang");
 		return e.breezePortalRoot = "", e.breezeRoot = "", i.setAttribute("dir", u), i.setAttribute("lang", n), () => {
-			tf(i, "breezePortalRoot", t), tf(i, "breezeRoot", r), nf(i, "dir", a), nf(i, "lang", o);
+			nf(i, "breezePortalRoot", t), nf(i, "breezeRoot", r), rf(i, "dir", a), rf(i, "lang", o);
 		};
 	}, [
 		n,
@@ -5769,7 +5814,7 @@ function rf({ children: e, direction: t, locale: n, messages: r, portalContainer
 					a,
 					o
 				]),
-				children: /* @__PURE__ */ N(Id, {
+				children: /* @__PURE__ */ N(Ld, {
 					closeLabel: d.close,
 					limit: s,
 					regionLabel: d.notifications,
@@ -5785,6 +5830,6 @@ function rf({ children: e, direction: t, locale: n, messages: r, portalContainer
 	});
 }
 //#endregion
-export { Ti as Accordion, Oi as Alert, W as AlertDialog, Bn as ApplicationShell, hi as Avatar, Ai as Badge, Fi as Breadcrumbs, rf as BreezeProvider, L as Button, Un as ButtonGroup, ia as Calendar, _a as Card, ya as Center, Da as Checkbox, Na as CheckboxGroup, So as ComboBox, Xn as ConfirmationDialog, Do as Container, ur as ContextSwitcher, Po as DateField, es as DatePicker, hs as DateRangePicker, ws as DateTimePicker, Ns as DescriptionList, Fs as Dialog, Rs as Disclosure, U as Drawer, J as DropZone, Ys as Fieldset, dr as FileAttachment, Tr as FileTrigger, Er as FileUpload, kr as FormActions, Mr as FormSection, mn as FormattedDateTime, hn as FormattedList, gn as FormattedNumber, Qs as Grid, uc as GridList, Rr as IconButton, Yn as IconTile, fc as Inline, Gr as InputGroup, Ln as Link, mc as LinkButton, yc as List, Za as ListBox, xc as Logo, K as Menu, Ec as Meter, Pr as MetricCard, jc as NavigationList, Fr as NavigationSection, Hc as NumberField, Ir as PageHeader, Br as Pagination, oi as PasswordField, Kc as Popover, Zc as ProgressBar, ul as RadioGroup, pl as RangeCalendar, _n as RelativeTime, El as SearchField, si as SectionHeader, di as SegmentedControl, Il as Select, Rl as Separator, Bl as Skeleton, zn as SkipLink, iu as Slider, su as Spinner, lu as Stack, fi as StatePanel, hu as Stepper, _u as Surface, Du as Switch, Zu as Table, sd as Tabs, ld as Tag, hd as TagGroup, vd as TextArea, X as TextField, xd as TimeField, Nd as Toast, Pd as ToastRegion, ci as ToggleButton, ui as ToggleGroup, zd as Toolbar, Kd as Tooltip, Xd as Typography, gi as UserMenu, au as VisuallyHidden, Ld as useToast };
+export { Ti as Accordion, Oi as Alert, W as AlertDialog, Bn as ApplicationShell, hi as Avatar, Ai as Badge, Fi as Breadcrumbs, af as BreezeProvider, L as Button, Un as ButtonGroup, ia as Calendar, _a as Card, ya as Center, Da as Checkbox, Na as CheckboxGroup, So as ComboBox, Xn as ConfirmationDialog, Do as Container, ur as ContextSwitcher, Po as DateField, es as DatePicker, hs as DateRangePicker, ws as DateTimePicker, Ns as DescriptionList, Fs as Dialog, Rs as Disclosure, U as Drawer, J as DropZone, Ys as Fieldset, dr as FileAttachment, Tr as FileTrigger, Er as FileUpload, kr as FormActions, Mr as FormSection, mn as FormattedDateTime, hn as FormattedList, gn as FormattedNumber, Qs as Grid, uc as GridList, Rr as IconButton, Yn as IconTile, fc as Inline, Gr as InputGroup, Ln as Link, mc as LinkButton, yc as List, Za as ListBox, xc as Logo, K as Menu, Ec as Meter, Pr as MetricCard, jc as NavigationList, Fr as NavigationSection, Hc as NumberField, Ir as PageHeader, Br as Pagination, oi as PasswordField, Kc as Popover, Zc as ProgressBar, ul as RadioGroup, pl as RangeCalendar, _n as RelativeTime, El as SearchField, si as SectionHeader, di as SegmentedControl, Il as Select, Rl as Separator, Bl as Skeleton, zn as SkipLink, iu as Slider, su as Spinner, lu as Stack, fi as StatePanel, hu as Stepper, _u as Surface, Du as Switch, Qu as Table, cd as Tabs, ud as Tag, gd as TagGroup, yd as TextArea, X as TextField, Sd as TimeField, Pd as Toast, Fd as ToastRegion, ci as ToggleButton, ui as ToggleGroup, Bd as Toolbar, qd as Tooltip, Zd as Typography, gi as UserMenu, au as VisuallyHidden, Rd as useToast };
 
 //# sourceMappingURL=index.js.map