@juwel-development/design-system 4.0.0 → 4.1.0

package/dist/design-system.js

@@ -105,11 +105,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 }, ne = (e) => {
 	let t = e.reduce((e, t) => e + t.weight, 0), n = e.map((e) => `var(${e.minWidth}) * ${t / e.weight}`);
 	return `calc(${e.length - 1} * var(--column-layout-gap) + max(${n.join(", ")}))`;
-}, re = (e) => e.some((e) => e.maxWidth !== void 0) ? Math.min(1, ...e.map((e) => e.weight)) : 1, ie = (e) => o(e) && e.type === i, ae = (e) => o(e) && e.type === A, O = (e) => r.toArray(e).flatMap((e) => ie(e) ? O(e.props.children) : ae(e) ? [e] : []), k = (e) => r.map(e, (e) => ie(e) ? /* @__PURE__ */ t(i, { children: k(e.props.children) }) : ae(e) ? /* @__PURE__ */ t(E.Provider, {
+}, re = (e) => e.some((e) => e.maxWidth !== void 0) ? Math.min(1, ...e.map((e) => e.weight)) : 1, ie = (e) => o(e) && e.type === i, ae = (e) => o(e) && e.type === k, oe = (e) => r.toArray(e).flatMap((e) => ie(e) ? oe(e.props.children) : ae(e) ? [e] : []), O = (e) => r.map(e, (e) => ie(e) ? /* @__PURE__ */ t(i, { children: O(e.props.children) }) : ae(e) ? /* @__PURE__ */ t(E.Provider, {
 	value: !0,
 	children: e
-}) : e), oe = ({ gap: e, fill: n, children: r, testId: i }) => {
-	let a = O(r).map(D), o = a.length === 0 ? void 0 : {
+}) : e), se = ({ gap: e, fill: n, children: r, testId: i }) => {
+	let a = oe(r).map(D), o = a.length === 0 ? void 0 : {
 		"--column-layout-threshold": ne(a),
 		"--column-layout-growth-unit": re(a)
 	}, s = /* @__PURE__ */ t("div", {
@@ -119,13 +119,13 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		}),
 		style: o,
 		"data-testid": i,
-		children: k(r)
+		children: O(r)
 	});
 	return n ? /* @__PURE__ */ t("div", {
 		className: T(),
 		children: s
 	}) : s;
-}, A = ({ weight: e, maxWidth: n, children: r, testId: i }) => {
+}, k = ({ weight: e, maxWidth: n, children: r, testId: i }) => {
 	if (!c(E)) throw new S();
 	let a = {
 		"--column-layout-weight": e,
@@ -140,45 +140,45 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			children: r
 		})
 	});
-}, j = {
-	Root: oe,
-	Column: A
-}, M = .5, N = (e, t) => Math.abs(e - t) <= M, P = (e) => {
+}, A = {
+	Root: se,
+	Column: k
+}, j = .5, M = (e, t) => Math.abs(e - t) <= j, N = (e) => {
 	let t = [];
-	for (let { top: n } of e) t.some((e) => N(e, n)) || t.push(n);
-	let n = t.map((t) => Math.max(...e.filter((e) => N(t, e.top)).map((e) => e.controlEdge)));
+	for (let { top: n } of e) t.some((e) => M(e, n)) || t.push(n);
+	let n = t.map((t) => Math.max(...e.filter((e) => M(t, e.top)).map((e) => e.controlEdge)));
 	return e.map(({ top: e, controlEdge: r }) => {
-		let i = t.findIndex((t) => N(t, e));
+		let i = t.findIndex((t) => M(t, e));
 		return (n[i] ?? r) - r;
 	});
-}, F = class extends Error {
+}, P = class extends Error {
 	constructor(e) {
 		super(`FieldRow.${e} must be composed inside FieldRow.Root`), this.name = "FieldRowCompositionError";
 	}
-}, I = class extends Error {
+}, F = class extends Error {
 	constructor(e) {
 		super(`FieldRow configuration: ${e}`), this.name = "FieldRowConfigurationError";
 	}
-}, L = y("flex flex-wrap items-start gap-y-[var(--space-stack)]", {
+}, I = y("flex flex-wrap items-start gap-y-[var(--space-stack)]", {
 	variants: { gap: {
 		stack: "gap-x-[var(--space-stack)]",
 		region: "gap-x-[var(--space-region)]"
 	} },
 	defaultVariants: { gap: "stack" }
-}), R = y("shrink basis-0"), z = y("", {
+}), L = y("shrink basis-0"), R = y("", {
 	variants: { part: {
 		item: "min-w-0 max-w-full flex-none",
 		group: "flex flex-wrap items-end gap-[var(--space-stack)]"
 	} },
 	defaultVariants: { part: "item" }
-}), se = /^--[A-Za-z0-9_-]+$/, B = ":scope > [data-field-row-item]", ce = a(void 0), le = (e) => {
+}), z = /^--[A-Za-z0-9_-]+$/, B = ":scope > [data-field-row-item]", ce = a(void 0), le = (e) => {
 	let t = c(ce);
-	if (t === void 0) throw new F(e);
+	if (t === void 0) throw new P(e);
 	return t;
 }, ue = (e) => {
-	if (!(Number.isFinite(e) && e > 0)) throw new I(`weight must be a positive finite number, got ${e}`);
+	if (!(Number.isFinite(e) && e > 0)) throw new F(`weight must be a positive finite number, got ${e}`);
 }, de = (e) => {
-	if (!se.test(e)) throw new I(`minWidth must name a CSS custom property such as --search-field-min-width, got ${JSON.stringify(e)}`);
+	if (!z.test(e)) throw new F(`minWidth must name a CSS custom property such as --search-field-min-width, got ${JSON.stringify(e)}`);
 }, fe = (e) => {
 	let t = e.querySelector("label[for]")?.getAttribute("for");
 	if (!t) return;
@@ -201,7 +201,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		controlEdge: (i === void 0 ? r.bottom : me(i, n).getBoundingClientRect().bottom) - r.top
 	};
 }, V = (e) => {
-	let t = Array.from(e.querySelectorAll(B)), n = P(t.map(he));
+	let t = Array.from(e.querySelectorAll(B)), n = N(t.map(he));
 	t.forEach((e, t) => {
 		let r = n[t] ?? 0, i = Number.parseFloat(e.style.paddingTop) || 0;
 		Math.abs(i - r) > .01 && (e.style.paddingTop = r === 0 ? "" : `${r}px`);
@@ -224,7 +224,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			}
 		}), d(() => () => a.current?.disconnect(), []), /* @__PURE__ */ t("div", {
 			ref: i,
-			className: L({ gap: e }),
+			className: I({ gap: e }),
 			"data-testid": r,
 			children: /* @__PURE__ */ t(ce, {
 				value: { align: s },
@@ -236,7 +236,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		let { align: a } = le("Field");
 		return ue(n), de(r), d(() => a()), /* @__PURE__ */ t("div", {
 			"data-field-row-item": !0,
-			className: R(),
+			className: L(),
 			"data-testid": i,
 			style: {
 				flexGrow: n,
@@ -249,10 +249,10 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		let { align: r } = le("Actions");
 		return d(() => r()), /* @__PURE__ */ t("div", {
 			"data-field-row-item": !0,
-			className: z(),
+			className: R(),
 			"data-testid": n,
 			children: /* @__PURE__ */ t("div", {
-				className: z({ part: "group" }),
+				className: R({ part: "group" }),
 				children: e
 			})
 		});
@@ -590,7 +590,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	constructor(e) {
 		super(`Table configuration is invalid: ${e}`), this.name = "TableConfigurationError";
 	}
-}, W = "comfortable", G = "marker", st = y([
+}, W = "comfortable", st = "marker", ct = y([
 	"overflow-x-auto",
 	"[&[data-icon-actions]]:p-[calc(var(--focus-ring-width)+var(--focus-ring-offset))]",
 	"[&[data-icon-actions]]:m-[calc(-1*(var(--focus-ring-width)+var(--focus-ring-offset)))]",
@@ -636,9 +636,9 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	defaultVariants: {
 		density: W,
 		captionVisibility: "visible",
-		selectionTreatment: G
+		selectionTreatment: st
 	}
-}), ct = y([
+}), lt = y([
 	"border-t border-solid border-border",
 	"[&[aria-selected=true]>*:first-child]:relative",
 	"[&[aria-selected=true]>*:first-child]:before:absolute [&[aria-selected=true]>*:first-child]:before:inset-y-0 [&[aria-selected=true]>*:first-child]:before:left-0",
@@ -649,7 +649,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		false: ""
 	} },
 	defaultVariants: { interactive: !1 }
-}), lt = [
+}), ut = [
 	"a[href]",
 	"button",
 	"input",
@@ -675,11 +675,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	"[role=\"searchbox\"]",
 	"[role=\"slider\"]",
 	"[role=\"spinbutton\"]"
-].join(", "), ut = (e, t) => {
+].join(", "), dt = (e, t) => {
 	if (!(t instanceof Element)) return !1;
-	let n = t.closest(lt);
+	let n = t.closest(ut);
 	return n !== null && n !== e && e.contains(n);
-}, dt = /* @__PURE__ */ new Set(["Enter", " "]), ft = y("px-[var(--table-cell-padding-inline)] py-[var(--table-cell-padding-block)] text-small first:pl-0 last:pr-0", {
+}, ft = /* @__PURE__ */ new Set(["Enter", " "]), pt = y("px-[var(--table-cell-padding-inline)] py-[var(--table-cell-padding-block)] text-small first:pl-0 last:pr-0", {
 	variants: {
 		variant: {
 			value: "font-body text-foreground tabular-nums",
@@ -695,23 +695,23 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		variant: "value",
 		align: "left"
 	}
-}), pt = y("px-[var(--table-cell-padding-inline)] py-[var(--table-cell-padding-block)] font-secondary font-medium text-label text-muted tracking-label first:pl-0 last:pr-0", {
+}), mt = y("px-[var(--table-cell-padding-inline)] py-[var(--table-cell-padding-block)] font-secondary font-medium text-label text-muted tracking-label first:pl-0 last:pr-0", {
 	variants: { align: {
 		left: "text-left",
 		right: "text-right",
 		center: "text-center"
 	} },
 	defaultVariants: { align: "left" }
-}), mt = (e) => `var(--table-column-${e})`, ht = (e, t) => {
+}), ht = (e) => `var(--table-column-${e})`, gt = (e, t) => {
 	if (e.width === "icon-action") return "max-content";
-	let n = e.minWidth === void 0 ? void 0 : mt(e.minWidth);
+	let n = e.minWidth === void 0 ? void 0 : ht(e.minWidth);
 	if (e.width !== void 0) {
-		let t = mt(e.width);
+		let t = ht(e.width);
 		return n === void 0 ? t : `max(${n}, ${t})`;
 	}
 	if (!Number.isFinite(e.weight) || e.weight <= 0) throw new ot(`column ${t + 1} needs a positive finite weight (got ${e.weight})`);
 	return `minmax(${n ?? "0"}, ${e.weight}fr)`;
-}, gt = (e) => e === void 0 || e.length === 0 ? void 0 : e.map(ht).join(" "), _t = (e, t, n, r) => {
+}, _t = (e) => e === void 0 || e.length === 0 ? void 0 : e.map(gt).join(" "), vt = (e, t, n, r) => {
 	let [i, a] = m(!0);
 	return d(() => {
 		let i = e.current;
@@ -745,14 +745,14 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		n,
 		r
 	]), i;
-}, vt = (e) => {
+}, yt = (e) => {
 	let t = e.currentTarget, n = e.target;
 	if (n === t) return;
 	let r = t.getBoundingClientRect(), i = t.querySelector(":scope > table > thead"), a = n.getBoundingClientRect(), o = Number.parseFloat(getComputedStyle(t).paddingTop) || 0, s = r.top + t.clientTop + (i?.getBoundingClientRect().height ?? 0) + 2 * o, c = r.top + t.clientTop + t.clientHeight - o;
 	i?.contains(n) || (a.top < s ? t.scrollTop += a.top - s : a.bottom > c && (t.scrollTop += a.bottom - c)), a.left < r.left + o ? t.scrollLeft += a.left - r.left - o : a.right > r.left + t.clientLeft + t.clientWidth - o && (t.scrollLeft += a.right - r.left - t.clientLeft - t.clientWidth + o);
-}, yt = {
+}, bt = {
 	Root: ({ caption: e, captionVisibility: r, bounded: i, selectionTreatment: a, notes: o, columns: s, density: c, children: l, testId: u }) => {
-		let d = p(null), f = p(null), m = p(null), h = gt(s), g = _t(d, f, m, i === !0), _ = h === void 0 ? void 0 : { "--table-columns": h }, v = h === void 0 ? void 0 : s?.length, y = /* @__PURE__ */ n("table", {
+		let d = p(null), f = p(null), m = p(null), h = _t(s), g = vt(d, f, m, i === !0), _ = h === void 0 ? void 0 : { "--table-columns": h }, v = h === void 0 ? void 0 : s?.length, y = /* @__PURE__ */ n("table", {
 			ref: f,
 			role: "table",
 			children: [/* @__PURE__ */ t("caption", {
@@ -761,7 +761,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			}), l]
 		});
 		return o === void 0 && !i ? /* @__PURE__ */ t("section", {
-			className: st({
+			className: ct({
 				density: c,
 				captionVisibility: r,
 				selectionTreatment: a,
@@ -771,15 +771,15 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			"data-columns": v,
 			"data-icon-actions": s?.some((e) => e.width === "icon-action") || void 0,
 			"data-density": c ?? W,
-			"data-selection-treatment": a ?? G,
+			"data-selection-treatment": a ?? st,
 			"data-testid": u,
 			"aria-label": e,
 			tabIndex: 0,
 			children: y
 		}) : /* @__PURE__ */ t("div", {
 			ref: d,
-			onFocus: i ? vt : void 0,
-			className: st({
+			onFocus: i ? yt : void 0,
+			className: ct({
 				density: c,
 				captionVisibility: r,
 				selectionTreatment: a,
@@ -791,7 +791,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			"data-columns": v,
 			"data-icon-actions": s?.some((e) => e.width === "icon-action") || void 0,
 			"data-density": c ?? W,
-			"data-selection-treatment": a ?? G,
+			"data-selection-treatment": a ?? st,
 			"data-testid": u,
 			role: g ? "group" : void 0,
 			"aria-label": g ? e : void 0,
@@ -819,13 +819,13 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			return () => e?.unsubscribe();
 		}, [i]);
 		let s = (e) => {
-			ut(e.currentTarget, e.target) || r?.next();
+			dt(e.currentTarget, e.target) || r?.next();
 		}, c = (e) => {
-			e.target !== e.currentTarget || !dt.has(e.key) || (e.key === " " && e.preventDefault(), e.repeat || r?.next());
+			e.target !== e.currentTarget || !ft.has(e.key) || (e.key === " " && e.preventDefault(), e.repeat || r?.next());
 		}, l = r !== void 0;
 		return /* @__PURE__ */ t("tr", {
 			role: "row",
-			className: ct({ interactive: l }),
+			className: lt({ interactive: l }),
 			"data-testid": n,
 			tabIndex: l ? 0 : void 0,
 			"aria-selected": i === void 0 ? void 0 : a,
@@ -838,19 +838,19 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		role: e === "row" ? "rowheader" : "columnheader",
 		scope: e,
 		"aria-sort": r,
-		className: pt({ align: n }),
+		className: mt({ align: n }),
 		children: i
 	}),
 	Cell: ({ variant: e, align: n, children: r }) => /* @__PURE__ */ t("td", {
 		role: "cell",
-		className: ft({
+		className: pt({
 			variant: e,
 			align: n
 		}),
 		"data-variant": e ?? "value",
 		children: r
 	})
-}, bt = y("font-secondary text-label tracking-label font-medium", {
+}, xt = y("font-secondary text-label tracking-label font-medium", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -860,11 +860,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "muted" }
-}), xt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("p", {
-	className: bt({ color: n }),
+}), St = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("p", {
+	className: xt({ color: n }),
 	"data-testid": r,
 	children: e
-}), St = y("font-heading text-display leading-display tracking-optical max-w-[var(--measure-display)]", {
+}), Ct = y("font-heading text-display leading-display tracking-optical max-w-[var(--measure-display)]", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -874,11 +874,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "foreground" }
-}), Ct = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h1", {
-	className: St({ color: n }),
+}), wt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h1", {
+	className: Ct({ color: n }),
 	"data-testid": r,
 	children: e
-}), wt = y("font-heading text-title leading-title tracking-optical", {
+}), Tt = y("font-heading text-title leading-title tracking-optical", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -888,11 +888,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "foreground" }
-}), Tt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h2", {
-	className: wt({ color: n }),
+}), Et = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h2", {
+	className: Tt({ color: n }),
 	"data-testid": r,
 	children: e
-}), Et = y("font-heading text-subtitle leading-subtitle", {
+}), Dt = y("font-heading text-subtitle leading-subtitle", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -902,11 +902,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "foreground" }
-}), Dt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h3", {
-	className: Et({ color: n }),
+}), Ot = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h3", {
+	className: Dt({ color: n }),
 	"data-testid": r,
 	children: e
-}), Ot = y("font-heading text-body leading-body font-bold", {
+}), kt = y("font-heading text-body leading-body font-bold", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -916,11 +916,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "foreground" }
-}), kt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h4", {
-	className: Ot({ color: n }),
+}), At = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h4", {
+	className: kt({ color: n }),
 	"data-testid": r,
 	children: e
-}), At = y("font-heading text-body leading-body font-semibold", {
+}), jt = y("font-heading text-body leading-body font-semibold", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -930,11 +930,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "foreground" }
-}), jt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h5", {
-	className: At({ color: n }),
+}), Mt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h5", {
+	className: jt({ color: n }),
 	"data-testid": r,
 	children: e
-}), Mt = y("font-heading text-body leading-body font-medium", {
+}), Nt = y("font-heading text-body leading-body font-medium", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -944,11 +944,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "foreground" }
-}), Nt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h6", {
-	className: Mt({ color: n }),
+}), Pt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h6", {
+	className: Nt({ color: n }),
 	"data-testid": r,
 	children: e
-}), Pt = y("font-secondary text-small", {
+}), Ft = y("font-secondary text-small", {
 	variants: {
 		emphasis: {
 			regular: "",
@@ -972,15 +972,15 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		truncate: !1,
 		emphasis: "regular"
 	}
-}), Ft = ({ children: e, color: n, emphasis: r, truncate: i, testId: a }) => /* @__PURE__ */ t("p", {
-	className: Pt({
+}), It = ({ children: e, color: n, emphasis: r, truncate: i, testId: a }) => /* @__PURE__ */ t("p", {
+	className: Ft({
 		color: n,
 		emphasis: r,
 		truncate: i
 	}),
 	"data-testid": a,
 	children: e
-}), It = y("font-body text-body leading-body", {
+}), Lt = y("font-body text-body leading-body", {
 	variants: {
 		emphasis: {
 			regular: "",
@@ -1004,21 +1004,21 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		truncate: !1,
 		emphasis: "regular"
 	}
-}), Lt = ({ children: e, color: n, emphasis: r, truncate: i, testId: a }) => /* @__PURE__ */ t("p", {
-	className: It({
+}), Rt = ({ children: e, color: n, emphasis: r, truncate: i, testId: a }) => /* @__PURE__ */ t("p", {
+	className: Lt({
 		color: n,
 		emphasis: r,
 		truncate: i
 	}),
 	"data-testid": a,
 	children: e
-}), Rt = y("flex flex-col gap-[var(--space-stack)]", {
+}), zt = y("flex flex-col gap-[var(--space-stack)]", {
 	variants: { variant: {
 		default: "max-w-[var(--measure)]",
 		letter: "min-w-0 max-w-[min(100%,var(--measure-letter))] font-letter text-letter"
 	} },
 	defaultVariants: { variant: "default" }
-}), zt = a(!1), Bt = y("font-body text-lede leading-lede text-foreground"), Vt = y("", {
+}), Bt = a(!1), Vt = y("font-body text-lede leading-lede text-foreground"), Ht = y("", {
 	variants: {
 		letter: {
 			false: "font-body text-body leading-body",
@@ -1037,76 +1037,76 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		letter: !1,
 		color: "foreground"
 	}
-}), Ht = y("font-body text-small text-muted"), Ut = {
-	Root: ({ children: e, testId: n, variant: r }) => /* @__PURE__ */ t(zt, {
+}), Ut = y("font-body text-small text-muted"), Wt = {
+	Root: ({ children: e, testId: n, variant: r }) => /* @__PURE__ */ t(Bt, {
 		value: r === "letter",
 		children: /* @__PURE__ */ t("div", {
-			className: Rt({ variant: r }),
+			className: zt({ variant: r }),
 			"data-testid": n,
 			children: e
 		})
 	}),
 	Lede: ({ children: e }) => /* @__PURE__ */ t("p", {
-		className: Bt(),
+		className: Vt(),
 		children: e
 	}),
 	Body: ({ color: e, children: n }) => /* @__PURE__ */ t("p", {
-		className: Vt({
+		className: Ht({
 			color: e,
-			letter: c(zt)
+			letter: c(Bt)
 		}),
 		children: n
 	}),
 	Tail: ({ children: e }) => /* @__PURE__ */ t("p", {
-		className: Ht(),
+		className: Ut(),
 		children: e
 	})
-}, K = "font-control text-body text-balance wrap-anywhere rounded-[var(--radius-control)] select-none inline-flex flex-row items-center justify-center gap-2", Wt = y("transition-colors duration-[var(--motion-duration-color)] cursor-pointer disabled:cursor-not-allowed outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]", {
+}, G = "font-control text-body text-balance wrap-anywhere rounded-[var(--radius-control)] select-none inline-flex flex-row items-center justify-center gap-2", Gt = y("transition-colors duration-[var(--motion-duration-color)] cursor-pointer disabled:cursor-not-allowed outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]", {
 	variants: { variant: {
-		primary: `${K} px-4 sm:px-6 py-2 min-w-[min(var(--control-min-width),100%)] bg-primary text-primary-foreground hover:bg-primary-hover disabled:bg-disabled disabled:hover:bg-disabled-hover forced-colors:border`,
-		secondary: `${K} px-4 sm:px-6 py-2 min-w-[min(var(--control-min-width),100%)] bg-secondary text-secondary-foreground hover:bg-secondary-hover disabled:bg-disabled disabled:hover:bg-disabled-hover forced-colors:border`,
-		ghost: `${K} px-2 py-2 min-w-0 bg-transparent text-foreground hover:underline hover:decoration-[length:var(--underline-thickness)] hover:underline-offset-[var(--underline-offset)] disabled:bg-disabled disabled:hover:bg-disabled-hover`,
-		outlined: `${K} px-[calc(1rem_-_1px)] sm:px-[calc(1.5rem_-_1px)] py-[calc(0.5rem_-_1px)] min-w-[min(var(--control-min-width),100%)] border border-solid border-secondary bg-transparent text-secondary hover:bg-backing disabled:border-disabled disabled:text-muted disabled:hover:bg-transparent`,
-		destructive: `${K} px-4 sm:px-6 py-2 min-w-[min(var(--control-min-width),100%)] bg-error text-error-foreground hover:bg-error-hover disabled:bg-disabled disabled:hover:bg-disabled-hover forced-colors:border`,
+		primary: `${G} px-4 sm:px-6 py-2 min-w-[min(var(--control-min-width),100%)] bg-primary text-primary-foreground hover:bg-primary-hover disabled:bg-disabled disabled:hover:bg-disabled-hover forced-colors:border`,
+		secondary: `${G} px-4 sm:px-6 py-2 min-w-[min(var(--control-min-width),100%)] bg-secondary text-secondary-foreground hover:bg-secondary-hover disabled:bg-disabled disabled:hover:bg-disabled-hover forced-colors:border`,
+		ghost: `${G} px-2 py-2 min-w-0 bg-transparent text-foreground hover:underline hover:decoration-[length:var(--underline-thickness)] hover:underline-offset-[var(--underline-offset)] disabled:bg-disabled disabled:hover:bg-disabled-hover`,
+		outlined: `${G} px-[calc(1rem_-_1px)] sm:px-[calc(1.5rem_-_1px)] py-[calc(0.5rem_-_1px)] min-w-[min(var(--control-min-width),100%)] border border-solid border-secondary bg-transparent text-secondary hover:bg-backing disabled:border-disabled disabled:text-muted disabled:hover:bg-transparent`,
+		destructive: `${G} px-4 sm:px-6 py-2 min-w-[min(var(--control-min-width),100%)] bg-error text-error-foreground hover:bg-error-hover disabled:bg-disabled disabled:hover:bg-disabled-hover forced-colors:border`,
 		link: "inline p-0 min-w-0 max-w-full whitespace-normal wrap-anywhere bg-transparent [font:inherit] [letter-spacing:inherit] [text-align:inherit] text-link underline decoration-[length:var(--underline-thickness)] underline-offset-[var(--underline-offset)] enabled:hover:decoration-[length:var(--underline-thickness-hover)] disabled:text-disabled",
 		plain: "inline p-0 min-w-0 max-w-full whitespace-normal wrap-anywhere bg-transparent [font:inherit] [letter-spacing:inherit] [color:inherit] [text-align:inherit] disabled:text-disabled"
 	} },
 	defaultVariants: { variant: "primary" }
-}), Gt = ({ children: e, disabled: n, testId: r, variant: i, onClick$: a, ariaLabel: o, type: s = "button" }) => /* @__PURE__ */ t("button", {
+}), Kt = ({ children: e, disabled: n, testId: r, variant: i, onClick$: a, ariaLabel: o, type: s = "button" }) => /* @__PURE__ */ t("button", {
 	type: s,
 	"data-testid": r,
-	className: Wt({ variant: i }),
+	className: Gt({ variant: i }),
 	onClick: () => a?.next(),
 	disabled: n,
 	"aria-label": o,
 	children: e
-}), Kt = class extends Error {
+}), qt = class extends Error {
 	constructor(e) {
 		super(`Choices.${e} must be composed inside Choices.Root`), this.name = "ChoicesCompositionError";
 	}
-}, qt = y("flex flex-col gap-[var(--space-stack)]"), Jt = y([
+}, Jt = y("flex flex-col gap-[var(--space-stack)]"), Yt = y([
 	"group/choice flex w-full flex-row items-start gap-3 text-left",
 	"rounded-[var(--radius-control)] border border-solid border-control-border bg-transparent aria-checked:border-foreground",
 	"px-3 py-2",
 	"cursor-pointer disabled:cursor-not-allowed",
 	"transition-colors duration-[var(--motion-duration-color)]",
 	"outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]"
-].join(" ")), Yt = a(void 0), Xt = (e) => {
-	let t = c(Yt);
-	if (t === void 0) throw new Kt(e);
+].join(" ")), Xt = a(void 0), Zt = (e) => {
+	let t = c(Xt);
+	if (t === void 0) throw new qt(e);
 	return t;
-}, Zt = (e, t) => {
+}, Qt = (e, t) => {
 	let n = e.closest("[role=\"radiogroup\"]");
 	if (n === null) return;
 	let r = Array.from(n.querySelectorAll(":scope > [role=\"radio\"]"));
 	return r[(r.indexOf(e) + t + r.length) % r.length];
-}, Qt = {
+}, $t = {
 	ArrowDown: 1,
 	ArrowRight: 1,
 	ArrowUp: -1,
 	ArrowLeft: -1
-}, $t = {
-	Root: ({ selected: e, onSelect$: n, label: r, inert: i, children: a, testId: o }) => /* @__PURE__ */ t(Yt.Provider, {
+}, en = {
+	Root: ({ selected: e, onSelect$: n, label: r, inert: i, children: a, testId: o }) => /* @__PURE__ */ t(Xt.Provider, {
 		value: {
 			selected: e,
 			onSelect$: n,
@@ -1116,13 +1116,13 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			role: "radiogroup",
 			"aria-label": r,
 			"aria-disabled": i === !0 ? "true" : void 0,
-			className: qt(),
+			className: Jt(),
 			"data-testid": o,
 			children: a
 		})
 	}),
 	Choice: ({ value: e, children: r, description: i, testId: a }) => {
-		let { selected: o, onSelect$: s, inert: c } = Xt("Choice"), l = o === e, d = u(), f = `${d}-name`, p = `${d}-description`;
+		let { selected: o, onSelect$: s, inert: c } = Zt("Choice"), l = o === e, d = u(), f = `${d}-name`, p = `${d}-description`;
 		return /* @__PURE__ */ n("button", {
 			type: "button",
 			role: "radio",
@@ -1133,15 +1133,15 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			disabled: c,
 			"data-value": e,
 			"data-testid": a,
-			className: Jt(),
+			className: Yt(),
 			onClick: () => {
 				l || s.next(e);
 			},
 			onKeyDown: (e) => {
-				let t = Qt[e.key];
+				let t = $t[e.key];
 				if (t === void 0 || c) return;
 				e.preventDefault();
-				let n = Zt(e.currentTarget, t);
+				let n = Qt(e.currentTarget, t);
 				if (n === void 0) return;
 				n.focus();
 				let r = n.dataset.value;
@@ -1167,14 +1167,14 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			})]
 		});
 	}
-}, en = y("block w-full rounded-[var(--radius-control)] border border-solid border-control-border bg-transparent px-3 py-2 font-control text-body text-foreground transition-colors duration-[var(--motion-duration-color)] outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)] [&:user-invalid]:border-error aria-[invalid=true]:border-error disabled:cursor-not-allowed disabled:border-disabled disabled:text-muted", {
+}, tn = y("block w-full rounded-[var(--radius-control)] border border-solid border-control-border bg-transparent px-3 py-2 font-control text-body text-foreground transition-colors duration-[var(--motion-duration-color)] outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)] [&:user-invalid]:border-error aria-[invalid=true]:border-error disabled:cursor-not-allowed disabled:border-disabled disabled:text-muted", {
 	variants: { variant: {
 		text: "",
 		email: "",
 		url: ""
 	} },
 	defaultVariants: { variant: "text" }
-}), tn = ({ label: e, name: r, variant: i, required: a, optionalLabel: o, invalid: s, disabled: c, defaultValue: d, placeholder: f, autocomplete: m, hint: h, errorMessage: g, onInput$: _, reset$: v, testId: y }) => {
+}), nn = ({ label: e, name: r, variant: i, required: a, optionalLabel: o, invalid: s, disabled: c, defaultValue: d, placeholder: f, autocomplete: m, hint: h, errorMessage: g, onInput$: _, reset$: v, testId: y }) => {
 	let b = u(), x = `${b}-control`, S = `${b}-hint`, C = `${b}-error`, w = [h ? S : void 0, s ? C : void 0].filter(Boolean).join(" ") || void 0, T = p(null);
 	return l(() => {
 		let e = v?.subscribe(() => {
@@ -1194,7 +1194,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 				id: x,
 				name: r,
 				type: i ?? "text",
-				className: en({ variant: i }),
+				className: tn({ variant: i }),
 				required: a,
 				disabled: c,
 				defaultValue: d,
@@ -1221,7 +1221,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			})
 		]
 	});
-}, nn = y("outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]", {
+}, rn = y("outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]", {
 	variants: { treatment: {
 		prose: "text-link underline decoration-[length:var(--underline-thickness)] underline-offset-[var(--underline-offset)] hover:decoration-[length:var(--underline-thickness-hover)]",
 		quiet: "font-secondary text-muted no-underline decoration-[length:var(--underline-thickness)] underline-offset-[var(--underline-offset)] transition-colors duration-[var(--motion-duration-color)] hover:text-foreground hover:underline",
@@ -1229,15 +1229,15 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		graphic: "text-inherit no-underline"
 	} },
 	defaultVariants: { treatment: "prose" }
-}), rn = ({ href: e, children: n, treatment: r, external: i, current: a, testId: o }) => /* @__PURE__ */ t("a", {
+}), an = ({ href: e, children: n, treatment: r, external: i, current: a, testId: o }) => /* @__PURE__ */ t("a", {
 	href: e,
-	className: nn({ treatment: r }),
+	className: rn({ treatment: r }),
 	target: i ? "_blank" : void 0,
 	rel: i ? "noopener noreferrer" : void 0,
 	"aria-current": a ? "page" : void 0,
 	"data-testid": o,
 	children: n
-}), an = (e, t, n, r) => {
+}), on = (e, t, n, r) => {
 	let i = Math.max(e.length - 1, 0) * r;
 	if (e.reduce((e, t) => e + t, 0) + i <= n) return e.length;
 	let a = 0, o = t;
@@ -1246,11 +1246,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		o += t + r, a += 1;
 	}
 	return a;
-}, on = class extends Error {
+}, sn = class extends Error {
 	constructor(e) {
 		super(`MultiSelect.${e} must be composed inside MultiSelect.Root`), this.name = "MultiSelectCompositionError";
 	}
-}, sn = "outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]", cn = `relative inline-flex shrink-0 cursor-pointer items-center rounded-[var(--radius-control)] bg-backing px-2 py-0.5 font-secondary text-small text-foreground disabled:cursor-not-allowed disabled:text-muted pointer-events-auto ${sn}`, q = y("", {
+}, cn = "outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]", ln = `relative inline-flex shrink-0 cursor-pointer items-center rounded-[var(--radius-control)] bg-backing px-2 py-0.5 font-secondary text-small text-foreground disabled:cursor-not-allowed disabled:text-muted pointer-events-auto ${cn}`, K = y("", {
 	variants: { part: {
 		root: [
 			"relative flex flex-col gap-[var(--space-stack)]",
@@ -1263,7 +1263,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			"font-control text-body text-foreground transition-colors duration-[var(--motion-duration-color)]",
 			"data-[disabled]:border-disabled data-[disabled]:text-muted"
 		].join(" "),
-		trigger: `absolute inset-0 flex cursor-pointer items-center justify-end rounded-[var(--radius-control)] bg-transparent px-3 text-muted disabled:cursor-not-allowed ${sn}`,
+		trigger: `absolute inset-0 flex cursor-pointer items-center justify-end rounded-[var(--radius-control)] bg-transparent px-3 text-muted disabled:cursor-not-allowed ${cn}`,
 		clip: "relative min-w-0 flex-1 overflow-hidden p-[calc(var(--focus-ring-width)+var(--focus-ring-offset))] -m-[calc(var(--focus-ring-width)+var(--focus-ring-offset))] pointer-events-none",
 		track: "relative flex min-h-[calc(var(--text-body)*var(--leading-body))] items-center gap-1",
 		chip: [
@@ -1271,9 +1271,9 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			"rounded-[var(--radius-control)] bg-backing py-0.5 pr-0.5 pl-2 font-secondary text-small text-foreground",
 			"group-data-[disabled]/field:text-muted data-[overflow]:invisible data-[overflow]:absolute"
 		].join(" "),
-		count: cn,
-		countMeasure: `${cn} invisible absolute`,
-		iconButton: `relative inline-flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-[var(--radius-control)] text-muted transition-colors duration-[var(--motion-duration-color)] hover:text-foreground disabled:cursor-not-allowed disabled:hover:text-muted ${sn}`,
+		count: ln,
+		countMeasure: `${ln} invisible absolute`,
+		iconButton: `relative inline-flex size-6 shrink-0 cursor-pointer items-center justify-center rounded-[var(--radius-control)] text-muted transition-colors duration-[var(--motion-duration-color)] hover:text-foreground disabled:cursor-not-allowed disabled:hover:text-muted ${cn}`,
 		surface: [
 			"absolute left-0 right-0 z-10 flex flex-col gap-1 overflow-y-auto p-1",
 			"rounded-[var(--radius-control)] border border-solid border-border bg-surface shadow-[var(--elevation-floating)]",
@@ -1282,22 +1282,22 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		].join(" ")
 	} },
 	defaultVariants: { part: "root" }
-}), ln = y([
+}), un = y([
 	"group/option flex w-full flex-row items-center gap-3 text-left",
 	"rounded-[var(--radius-control)] bg-transparent px-3 py-2 hover:bg-backing",
 	"cursor-pointer disabled:cursor-not-allowed",
 	"transition-colors duration-[var(--motion-duration-color)]",
 	"outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]"
-].join(" ")), un = 8, dn = a(void 0), fn = (e) => {
-	let t = c(dn);
-	if (t === void 0) throw new on(e);
+].join(" ")), dn = 8, fn = a(void 0), pn = (e) => {
+	let t = c(fn);
+	if (t === void 0) throw new sn(e);
 	return t;
-}, J = (e) => (t) => {
+}, q = (e) => (t) => {
 	e.current = t ?? void 0;
-}, pn = (e) => e.getBoundingClientRect().width, mn = (e) => r.toArray(e).flatMap((e) => {
+}, mn = (e) => e.getBoundingClientRect().width, hn = (e) => r.toArray(e).flatMap((e) => {
 	if (!o(e)) return [];
-	if (e.type === i) return mn(e.props.children);
-	if (e.type === Cn) {
+	if (e.type === i) return hn(e.props.children);
+	if (e.type === wn) {
 		let { value: t, children: n } = e.props;
 		return [{
 			value: t,
@@ -1305,19 +1305,19 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		}];
 	}
 	return [];
-}), hn = (e) => Array.from(e.querySelectorAll("[data-multiselect-chip]:not([data-overflow]) button")), gn = (e) => {
+}), gn = (e) => Array.from(e.querySelectorAll("[data-multiselect-chip]:not([data-overflow]) button")), _n = (e) => {
 	let t = document.activeElement;
 	return !e.contains(t) || t instanceof Element && t.closest("[data-overflow]") !== null;
-}, _n = (e) => e.querySelector("[role=\"checkbox\"][aria-checked=\"true\"]") ?? e.querySelector("[role=\"checkbox\"]") ?? void 0, vn = (e, t) => [...new Set(e.map(({ value: e }) => e).filter((e) => t.has(e)))], yn = (e) => e.kind === "firstOption" || !e.control.isConnected, bn = (e, t, n, r) => {
+}, vn = (e) => e.querySelector("[role=\"checkbox\"][aria-checked=\"true\"]") ?? e.querySelector("[role=\"checkbox\"]") ?? void 0, yn = (e, t) => [...new Set(e.map(({ value: e }) => e).filter((e) => t.has(e)))], bn = (e) => e.kind === "firstOption" || !e.control.isConnected, xn = (e, t, n, r) => {
 	switch (e.kind) {
-		case "firstOption": return r === void 0 ? void 0 : _n(r);
+		case "firstOption": return r === void 0 ? void 0 : vn(r);
 		case "afterRemoval": {
-			let r = hn(t);
+			let r = gn(t);
 			return r[e.index] ?? r[e.index - 1] ?? n;
 		}
 		case "afterClear": return n;
 	}
-}, xn = () => /* @__PURE__ */ t("svg", {
+}, Sn = () => /* @__PURE__ */ t("svg", {
 	"aria-hidden": !0,
 	focusable: !1,
 	viewBox: "0 0 16 16",
@@ -1329,8 +1329,8 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		strokeWidth: 1.5,
 		strokeLinecap: "round"
 	})
-}), Sn = ({ label: e, selected$: r, onChange$: i, emptyLabel: a, removeLabel: o, clearLabel: s, overflowLabel: c, hint: h, disabled: g, testId: _, children: v }) => {
-	let y = u(), b = `${y}-label`, x = `${y}-trigger`, S = `${y}-options`, C = `${y}-hint`, w = `${y}-empty`, T = g === !0, [ee, E] = m([]), [te, D] = m(!1), [ne, re] = m(void 0), [ie, ae] = m("below"), [, O] = f((e) => e + 1, 0), k = p(void 0), oe = p(void 0), A = p(void 0), j = p(void 0), M = p(void 0), N = p(void 0), P = p(!1), F = te && !T, I = mn(v), L = new Set(ee), R = I.filter((e) => L.has(e.value)), z = ne === void 0 ? R.length : Math.min(ne, R.length), se = R.length - z;
+}), Cn = ({ label: e, selected$: r, onChange$: i, emptyLabel: a, removeLabel: o, clearLabel: s, overflowLabel: c, hint: h, disabled: g, testId: _, children: v }) => {
+	let y = u(), b = `${y}-label`, x = `${y}-trigger`, S = `${y}-options`, C = `${y}-hint`, w = `${y}-empty`, T = g === !0, [ee, E] = m([]), [te, D] = m(!1), [ne, re] = m(void 0), [ie, ae] = m("below"), [, oe] = f((e) => e + 1, 0), O = p(void 0), se = p(void 0), k = p(void 0), A = p(void 0), j = p(void 0), M = p(void 0), N = p(!1), P = te && !T, F = hn(v), I = new Set(ee), L = F.filter((e) => I.has(e.value)), R = ne === void 0 ? L.length : Math.min(ne, L.length), z = L.length - R;
 	d(() => {
 		E([]);
 		let e = r.subscribe((e) => E(e));
@@ -1338,77 +1338,77 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	}, [r]), l(() => {
 		T && D(!1);
 	}, [T]), d(() => {
-		let e = j.current;
+		let e = A.current;
 		if (e === void 0 || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(() => O());
+		let t = new ResizeObserver(() => oe());
 		return t.observe(e), () => t.disconnect();
 	}, []), d(() => {
-		let e = j.current;
+		let e = A.current;
 		if (e === void 0) return;
-		let t = Array.from(e.querySelectorAll("[data-multiselect-chip]")), n = e.querySelector("[data-multiselect-count]"), r = Number.parseFloat(getComputedStyle(e).columnGap) || 0, i = an(t.map(pn), n === null ? 0 : pn(n), pn(e), r);
+		let t = Array.from(e.querySelectorAll("[data-multiselect-chip]")), n = e.querySelector("[data-multiselect-count]"), r = Number.parseFloat(getComputedStyle(e).columnGap) || 0, i = on(t.map(mn), n === null ? 0 : mn(n), mn(e), r);
 		re((e) => e === i ? e : i);
 	}), d(() => {
-		let e = oe.current, t = M.current;
-		if (!F || e === void 0 || t === void 0) return;
-		let n = e.getBoundingClientRect(), r = window.innerHeight - n.bottom - un, i = n.top - un, a = t.scrollHeight > r && i > r;
+		let e = se.current, t = j.current;
+		if (!P || e === void 0 || t === void 0) return;
+		let n = e.getBoundingClientRect(), r = window.innerHeight - n.bottom - dn, i = n.top - dn, a = t.scrollHeight > r && i > r;
 		t.style.setProperty("--multiselect-surface-max-height", `${Math.max(a ? i : r, 0)}px`), ae(a ? "above" : "below");
 	}), l(() => {
-		if (!F) return;
+		if (!P) return;
 		let e = (e) => {
-			let t = k.current;
-			t !== void 0 && e.target instanceof Node && !t.contains(e.target) && (P.current = !1, N.current = void 0, D(!1));
+			let t = O.current;
+			t !== void 0 && e.target instanceof Node && !t.contains(e.target) && (N.current = !1, M.current = void 0, D(!1));
 		};
 		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
-	}, [F]), d(() => {
-		let e = k.current, t = A.current;
+	}, [P]), d(() => {
+		let e = O.current, t = k.current;
 		if (e === void 0 || t === void 0) return;
-		let n = N.current;
-		n !== void 0 && yn(n) ? (N.current = void 0, bn(n, e, t, F ? M.current : void 0)?.focus()) : n === void 0 && P.current && gn(e) && t.focus(), P.current = e.contains(document.activeElement);
+		let n = M.current;
+		n !== void 0 && bn(n) ? (M.current = void 0, xn(n, e, t, P ? j.current : void 0)?.focus()) : n === void 0 && N.current && _n(e) && t.focus(), N.current = e.contains(document.activeElement);
 	});
 	let B = (e) => {
-		i.next(vn(I, e));
+		i.next(yn(F, e));
 	}, ce = (e) => {
 		if (T) return;
-		let t = new Set(L);
+		let t = new Set(I);
 		t.delete(e) || t.add(e), B(t);
 	}, le = (e, t) => (n) => {
 		if (T) return;
-		document.activeElement === n.currentTarget && (N.current = {
+		document.activeElement === n.currentTarget && (M.current = {
 			kind: "afterRemoval",
 			index: t,
 			control: n.currentTarget
 		});
-		let r = new Set(L);
+		let r = new Set(I);
 		r.delete(e), B(r);
 	}, ue = (e) => {
-		T || (document.activeElement === e.currentTarget && (N.current = {
+		T || (document.activeElement === e.currentTarget && (M.current = {
 			kind: "afterClear",
 			control: e.currentTarget
 		}), i.next([]));
 	}, de = (e) => {
-		T || (e.detail === 0 && (N.current = { kind: "firstOption" }), D(!0));
+		T || (e.detail === 0 && (M.current = { kind: "firstOption" }), D(!0));
 	}, fe = (e) => {
-		F ? D(!1) : de(e);
+		P ? D(!1) : de(e);
 	}, pe = (e) => {
 		if (e.key !== "ArrowDown" || T) return;
 		e.preventDefault();
-		let t = M.current;
-		F && t !== void 0 ? _n(t)?.focus() : (N.current = { kind: "firstOption" }, D(!0));
+		let t = j.current;
+		P && t !== void 0 ? vn(t)?.focus() : (M.current = { kind: "firstOption" }, D(!0));
 	}, me = (e) => {
-		e.key !== "Escape" || !F || (e.preventDefault(), e.stopPropagation(), D(!1), A.current?.focus());
+		e.key !== "Escape" || !P || (e.preventDefault(), e.stopPropagation(), D(!1), k.current?.focus());
 	}, he = (e) => {
-		P.current = !0;
-		let t = N.current;
-		t !== void 0 && t.kind !== "firstOption" && e.target !== t.control && (N.current = void 0);
+		N.current = !0;
+		let t = M.current;
+		t !== void 0 && t.kind !== "firstOption" && e.target !== t.control && (M.current = void 0);
 	}, V = (e) => {
-		let t = k.current, n = e.relatedTarget;
-		t !== void 0 && n instanceof Node && t.contains(n) || e.target.isConnected && (P.current = !1, N.current = void 0, D(!1));
+		let t = O.current, n = e.relatedTarget;
+		t !== void 0 && n instanceof Node && t.contains(n) || e.target.isConnected && (N.current = !1, M.current = void 0, D(!1));
 	}, ge = (e) => {
 		(!(e.target instanceof Element) || e.target.closest("button") === null) && e.preventDefault();
-	}, _e = [R.length === 0 ? w : void 0, h ? C : void 0].filter(Boolean).join(" ") || void 0;
+	}, _e = [L.length === 0 ? w : void 0, h ? C : void 0].filter(Boolean).join(" ") || void 0;
 	return /* @__PURE__ */ n("div", {
-		ref: J(k),
-		className: q(),
+		ref: q(O),
+		className: K(),
 		onKeyDown: me,
 		onFocus: he,
 		onBlur: V,
@@ -1419,22 +1419,22 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 				children: e
 			}),
 			/* @__PURE__ */ n("div", {
-				ref: J(oe),
+				ref: q(se),
 				"data-multiselect-field": !0,
 				"data-disabled": T || void 0,
-				className: q({ part: "field" }),
+				className: K({ part: "field" }),
 				children: [
 					/* @__PURE__ */ t("button", {
-						ref: J(A),
+						ref: q(k),
 						id: x,
 						type: "button",
 						"aria-labelledby": b,
-						"aria-expanded": F,
-						"aria-controls": F ? S : void 0,
+						"aria-expanded": P,
+						"aria-controls": P ? S : void 0,
 						"aria-describedby": _e,
 						disabled: T,
 						"data-testid": _,
-						className: q({ part: "trigger" }),
+						className: K({ part: "trigger" }),
 						onClick: fe,
 						onKeyDown: pe,
 						children: /* @__PURE__ */ t("svg", {
@@ -1453,25 +1453,25 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 						})
 					}),
 					/* @__PURE__ */ t("div", {
-						className: q({ part: "clip" }),
+						className: K({ part: "clip" }),
 						children: /* @__PURE__ */ n("div", {
-							ref: J(j),
+							ref: q(A),
 							"data-multiselect-track": !0,
-							className: q({ part: "track" }),
+							className: K({ part: "track" }),
 							children: [
-								R.length === 0 && /* @__PURE__ */ t("span", {
+								L.length === 0 && /* @__PURE__ */ t("span", {
 									id: w,
 									className: "truncate text-muted",
 									children: a
 								}),
-								R.map(({ value: e, label: r }, i) => {
-									let a = i >= z;
+								L.map(({ value: e, label: r }, i) => {
+									let a = i >= R;
 									return /* @__PURE__ */ n("span", {
 										"data-multiselect-chip": !0,
 										"data-overflow": a || void 0,
 										"aria-hidden": a || void 0,
 										inert: a || void 0,
-										className: q({ part: "chip" }),
+										className: K({ part: "chip" }),
 										children: [/* @__PURE__ */ t("span", {
 											className: "truncate",
 											children: r
@@ -1480,35 +1480,35 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 											"aria-label": o.replaceAll("{label}", r),
 											disabled: T,
 											tabIndex: a ? -1 : void 0,
-											className: q({ part: "iconButton" }),
+											className: K({ part: "iconButton" }),
 											onClick: le(e, i),
-											children: /* @__PURE__ */ t(xn, {})
+											children: /* @__PURE__ */ t(Sn, {})
 										})]
 									}, e);
 								}),
-								se > 0 && /* @__PURE__ */ t("button", {
+								z > 0 && /* @__PURE__ */ t("button", {
 									type: "button",
 									disabled: T,
-									className: q({ part: "count" }),
+									className: K({ part: "count" }),
 									onClick: de,
-									children: c.replaceAll("{count}", String(se))
+									children: c.replaceAll("{count}", String(z))
 								}),
-								R.length > 0 && /* @__PURE__ */ t("span", {
+								L.length > 0 && /* @__PURE__ */ t("span", {
 									"aria-hidden": !0,
 									"data-multiselect-count": !0,
-									className: q({ part: "countMeasure" }),
-									children: c.replaceAll("{count}", String(R.length))
+									className: K({ part: "countMeasure" }),
+									children: c.replaceAll("{count}", String(L.length))
 								})
 							]
 						})
 					}),
-					R.length > 0 ? /* @__PURE__ */ t("button", {
+					L.length > 0 ? /* @__PURE__ */ t("button", {
 						type: "button",
 						"aria-label": s,
 						disabled: T,
-						className: q({ part: "iconButton" }),
+						className: K({ part: "iconButton" }),
 						onClick: ue,
-						children: /* @__PURE__ */ t(xn, {})
+						children: /* @__PURE__ */ t(Sn, {})
 					}) : /* @__PURE__ */ t("span", {
 						"aria-hidden": !0,
 						className: "size-6 shrink-0"
@@ -1517,17 +1517,17 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 						"aria-hidden": !0,
 						className: "size-6 shrink-0"
 					}),
-					F && /* @__PURE__ */ t("div", {
-						ref: J(M),
+					P && /* @__PURE__ */ t("div", {
+						ref: q(j),
 						id: S,
 						role: "group",
 						"aria-labelledby": b,
 						"data-placement": ie,
-						className: q({ part: "surface" }),
+						className: K({ part: "surface" }),
 						onMouseDown: ge,
-						children: /* @__PURE__ */ t(dn, {
+						children: /* @__PURE__ */ t(fn, {
 							value: {
-								selected: L,
+								selected: I,
 								disabled: T,
 								toggle: ce
 							},
@@ -1542,15 +1542,15 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			})
 		]
 	});
-}, Cn = ({ value: e, children: r, testId: i }) => {
-	let { selected: a, disabled: o, toggle: s } = fn("Option"), c = a.has(e);
+}, wn = ({ value: e, children: r, testId: i }) => {
+	let { selected: a, disabled: o, toggle: s } = pn("Option"), c = a.has(e);
 	return /* @__PURE__ */ n("button", {
 		type: "button",
 		role: "checkbox",
 		"aria-checked": c,
 		disabled: o,
 		"data-testid": i,
-		className: ln(),
+		className: un(),
 		onClick: () => s(e),
 		children: [/* @__PURE__ */ t("span", {
 			className: "flex size-[var(--choice-marker-size)] shrink-0 items-center justify-center border border-solid border-control-border group-aria-checked/option:border-foreground",
@@ -1573,10 +1573,10 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			children: r
 		})]
 	});
-}, wn = {
-	Root: Sn,
-	Option: Cn
-}, Tn = y("block w-full rounded-[var(--radius-control)] border border-solid border-control-border bg-transparent px-3 py-2 font-control text-body text-foreground transition-colors duration-[var(--motion-duration-color)] outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)] [&:user-invalid]:border-error aria-[invalid=true]:border-error disabled:cursor-not-allowed disabled:border-disabled disabled:text-muted"), En = ({ label: e, name: r, required: i, optionalLabel: a, hint: o, invalid: s, errorMessage: c, disabled: d, placeholder: f, defaultValue: m, onInput$: h, reset$: g, testId: _ }) => {
+}, Tn = {
+	Root: Cn,
+	Option: wn
+}, En = y("block w-full rounded-[var(--radius-control)] border border-solid border-control-border bg-transparent px-3 py-2 font-control text-body text-foreground transition-colors duration-[var(--motion-duration-color)] outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)] [&:user-invalid]:border-error aria-[invalid=true]:border-error disabled:cursor-not-allowed disabled:border-disabled disabled:text-muted"), Dn = ({ label: e, name: r, required: i, optionalLabel: a, hint: o, invalid: s, errorMessage: c, disabled: d, placeholder: f, defaultValue: m, onInput$: h, reset$: g, testId: _ }) => {
 	let v = u(), y = `${v}-control`, b = `${v}-hint`, x = `${v}-error`, S = [o ? b : void 0, s ? x : void 0].filter(Boolean).join(" ") || void 0, C = p(null);
 	return l(() => {
 		let e = g?.subscribe(() => {
@@ -1597,7 +1597,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 				name: r,
 				type: "text",
 				inputMode: "decimal",
-				className: Tn(),
+				className: En(),
 				required: i,
 				disabled: d,
 				defaultValue: m,
@@ -1623,7 +1623,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			})
 		]
 	});
-}, Dn = y([
+}, On = y([
 	"flex flex-col gap-[var(--space-stack)]",
 	"[&>label]:font-secondary [&>label]:font-medium [&>label]:text-body [&>label]:text-foreground",
 	"[&>span]:font-secondary [&>span]:text-muted [&>span]:text-small",
@@ -1632,11 +1632,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	"[&>select]:font-control [&>select]:text-body [&>select]:text-foreground [&>select]:transition-colors [&>select]:duration-[var(--motion-duration-color)]",
 	"[&>select]:outline-focus-ring [&>select]:outline-offset-[var(--focus-ring-offset)] [&>select]:focus-visible:outline [&>select]:focus-visible:outline-[length:var(--focus-ring-width)]",
 	"[&>select:user-invalid]:border-error [&>select]:aria-[invalid=true]:border-error [&>select]:disabled:cursor-not-allowed [&>select]:disabled:border-disabled [&>select]:disabled:text-muted"
-].join(" ")), On = {
+].join(" ")), kn = {
 	Root: ({ label: e, name: r, required: i, optionalLabel: a, disabled: o, invalid: s, hint: c, errorMessage: l, testId: d, defaultValue: f, onChange$: p, placeholder: m, children: h }) => {
 		let g = u(), _ = `${g}-control`, v = `${g}-hint`, y = `${g}-error`, b = [c ? v : void 0, s && l ? y : void 0].filter(Boolean).join(" ") || void 0;
 		return /* @__PURE__ */ n("div", {
-			className: Dn(),
+			className: On(),
 			children: [
 				/* @__PURE__ */ t("label", {
 					htmlFor: _,
@@ -1675,11 +1675,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		"data-testid": r,
 		children: n
 	})
-}, Y = class extends Error {
+}, J = class extends Error {
 	constructor(e) {
 		super(`Slider configuration: ${e}`), this.name = "SliderConfigurationError";
 	}
-}, kn = y([
+}, An = y([
 	"block h-[var(--slider-thumb-size)] w-full cursor-pointer appearance-none bg-transparent",
 	"disabled:cursor-not-allowed",
 	"outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]",
@@ -1690,13 +1690,13 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	"[&::-moz-range-track]:h-[var(--slider-track-thickness)] [&::-moz-range-track]:rounded-[var(--radius-control)] [&::-moz-range-track]:bg-control-border",
 	"[&::-moz-range-thumb]:size-[var(--slider-thumb-size)] [&::-moz-range-thumb]:rounded-[var(--radius-control)] [&::-moz-range-thumb]:border-none [&::-moz-range-thumb]:bg-foreground",
 	"[&:disabled::-moz-range-track]:bg-disabled [&:disabled::-moz-range-thumb]:bg-disabled"
-].join(" ")), An = (e) => {
-	for (let [t, n] of Object.entries(e)) if (!Number.isFinite(n)) throw new Y(`\`${t}\` must be a finite number, got ${n}`);
-	if (e.min >= e.max) throw new Y(`\`min\` (${e.min}) must be below \`max\` (${e.max})`);
-	if (e.step <= 0) throw new Y(`\`step\` (${e.step}) must be positive`);
-}, jn = ({ min: e, max: r, step: i = 1, value: a, onInput$: o, label: s, valueText: c, disabled: l, testId: d }) => {
+].join(" ")), jn = (e) => {
+	for (let [t, n] of Object.entries(e)) if (!Number.isFinite(n)) throw new J(`\`${t}\` must be a finite number, got ${n}`);
+	if (e.min >= e.max) throw new J(`\`min\` (${e.min}) must be below \`max\` (${e.max})`);
+	if (e.step <= 0) throw new J(`\`step\` (${e.step}) must be positive`);
+}, Mn = ({ min: e, max: r, step: i = 1, value: a, onInput$: o, label: s, valueText: c, disabled: l, testId: d }) => {
 	let f = `${u()}-control`;
-	return An({
+	return jn({
 		min: e,
 		max: r,
 		step: i,
@@ -1710,7 +1710,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		}), /* @__PURE__ */ t("input", {
 			id: f,
 			type: "range",
-			className: kn(),
+			className: An(),
 			min: e,
 			max: r,
 			step: i,
@@ -1721,7 +1721,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			onChange: (e) => o.next(e.currentTarget.valueAsNumber)
 		})]
 	});
-}, Mn = class extends Error {
+}, Y = class extends Error {
 	constructor(e) {
 		super(`Stepper.${e} must be composed inside Stepper.Root`), this.name = "StepperCompositionError";
 	}
@@ -1744,7 +1744,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	"forced-colors:[&>[data-marker]]:bg-[Canvas] forced-colors:[&>[data-marker]]:text-[CanvasText] forced-colors:[&>[data-marker]]:border-[CanvasText]"
 ]), In = y("min-h-0 min-w-0 flex-auto outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]"), Ln = a(void 0), Rn = (e) => r.toArray(e).flatMap((e) => o(e) && e.type === i ? Rn(e.props.children) : [e]), zn = a(void 0), Bn = (e) => {
 	let t = c(zn);
-	if (t === void 0) throw new Mn(e);
+	if (t === void 0) throw new Y(e);
 	return t;
 }, Vn = (e) => e.split("").map((e) => e.charCodeAt(0).toString(16).padStart(4, "0")).join(""), Hn = (e) => {
 	e.currentTarget.scrollIntoView({
@@ -1792,7 +1792,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	},
 	Step: ({ value: e, label: r, status: i, valueText: a, statusContent: o, testId: s }) => {
 		let { active: l, onSelect$: u, baseId: d } = Bn("Step"), f = c(Ln);
-		if (f === void 0) throw new Mn("Step (inside List)");
+		if (f === void 0) throw new Y("Step (inside List)");
 		let p = l === e;
 		return /* @__PURE__ */ n("button", {
 			type: "button",
@@ -1915,21 +1915,21 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 ].join(" ")), Qn = y("outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]", { variants: { fill: {
 	true: "min-h-0 min-w-0 flex-auto",
 	false: ""
-} } }), $n = a(void 0), Z = (e) => {
+} } }), $n = a(void 0), er = (e) => {
 	let t = c($n);
 	if (t === void 0) throw new Jn(e);
 	return t;
-}, er = (e) => e.split("").map((e) => e.charCodeAt(0).toString(16).padStart(4, "0")).join(""), tr = (e) => {
+}, tr = (e) => e.split("").map((e) => e.charCodeAt(0).toString(16).padStart(4, "0")).join(""), nr = (e) => {
 	e.currentTarget.scrollIntoView({
 		block: "nearest",
 		inline: "nearest"
 	});
-}, nr = (e, t) => `${e}tab-${er(t)}`, rr = (e, t) => `${e}panel-${er(t)}`, ir = (e, t) => {
+}, rr = (e, t) => `${e}tab-${tr(t)}`, ir = (e, t) => `${e}panel-${tr(t)}`, ar = (e, t) => {
 	let n = e.closest("[role=\"tablist\"]");
 	if (n === null) return;
 	let r = Array.from(n.querySelectorAll(":scope > [role=\"tab\"]"));
 	return r[(r.indexOf(e) + t + r.length) % r.length];
-}, ar = {
+}, or = {
 	Root: ({ active: e, onSelect$: n, label: r, fill: i, children: a, testId: o }) => {
 		let s = u();
 		return /* @__PURE__ */ t($n.Provider, {
@@ -1948,7 +1948,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		});
 	},
 	List: ({ children: e, testId: n }) => {
-		let { label: r, fill: i } = Z("List");
+		let { label: r, fill: i } = er("List");
 		return /* @__PURE__ */ t("div", {
 			role: "tablist",
 			"aria-label": r,
@@ -1958,13 +1958,13 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		});
 	},
 	Tab: ({ value: e, children: n, testId: r }) => {
-		let { active: i, onSelect$: a, baseId: o } = Z("Tab"), s = i === e;
+		let { active: i, onSelect$: a, baseId: o } = er("Tab"), s = i === e;
 		return /* @__PURE__ */ t("button", {
 			type: "button",
 			role: "tab",
-			id: nr(o, e),
+			id: rr(o, e),
 			"aria-selected": s,
-			"aria-controls": rr(o, e),
+			"aria-controls": ir(o, e),
 			tabIndex: s ? 0 : -1,
 			"data-value": e,
 			"data-testid": r,
@@ -1973,22 +1973,22 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			onKeyDown: (e) => {
 				if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 				e.preventDefault();
-				let t = ir(e.currentTarget, e.key === "ArrowRight" ? 1 : -1);
+				let t = ar(e.currentTarget, e.key === "ArrowRight" ? 1 : -1);
 				if (t === void 0) return;
 				t.focus();
 				let n = t.dataset.value;
 				n !== void 0 && a.next(n);
 			},
-			onFocus: tr,
+			onFocus: nr,
 			children: n
 		});
 	},
 	Panel: ({ value: e, children: n, testId: r }) => {
-		let { active: i, baseId: a, fill: o } = Z("Panel"), s = i === e;
+		let { active: i, baseId: a, fill: o } = er("Panel"), s = i === e;
 		return /* @__PURE__ */ t("div", {
 			role: "tabpanel",
-			id: rr(a, e),
-			"aria-labelledby": nr(a, e),
+			id: ir(a, e),
+			"aria-labelledby": rr(a, e),
 			hidden: !s,
 			tabIndex: s ? 0 : void 0,
 			className: Qn({ fill: o }),
@@ -1996,7 +1996,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			children: s ? n : void 0
 		});
 	}
-}, or = y("block min-h-24 w-full rounded-[var(--radius-control)] border border-solid border-control-border bg-transparent px-3 py-2 font-control text-body text-foreground transition-colors duration-[var(--motion-duration-color)] outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)] [&:user-invalid]:border-error aria-[invalid=true]:border-error disabled:cursor-not-allowed disabled:border-disabled disabled:text-muted"), sr = ({ label: e, name: r, required: i, optionalLabel: a, invalid: o, disabled: s, defaultValue: c, placeholder: d, autocomplete: f, hint: m, errorMessage: h, onInput$: g, reset$: _, testId: v }) => {
+}, sr = y("block min-h-24 w-full rounded-[var(--radius-control)] border border-solid border-control-border bg-transparent px-3 py-2 font-control text-body text-foreground transition-colors duration-[var(--motion-duration-color)] outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)] [&:user-invalid]:border-error aria-[invalid=true]:border-error disabled:cursor-not-allowed disabled:border-disabled disabled:text-muted"), cr = ({ label: e, name: r, required: i, optionalLabel: a, invalid: o, disabled: s, defaultValue: c, placeholder: d, autocomplete: f, hint: m, errorMessage: h, onInput$: g, reset$: _, testId: v }) => {
 	let y = u(), b = `${y}-control`, x = `${y}-hint`, S = `${y}-error`, C = [m ? x : void 0, o ? S : void 0].filter(Boolean).join(" ") || void 0, w = p(null);
 	return l(() => {
 		let e = _?.subscribe(() => {
@@ -2015,7 +2015,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 				ref: w,
 				id: b,
 				name: r,
-				className: or(),
+				className: sr(),
 				required: i,
 				disabled: s,
 				defaultValue: c,
@@ -2042,29 +2042,29 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			})
 		]
 	});
-}, cr = y([
+}, lr = y([
 	"flex flex-col items-center",
 	"min-h-[var(--cover-height)]",
 	"px-[var(--gutter)] py-[var(--space-region)]"
-].join(" ")), lr = "my-auto max-w-full", ur = ({ children: e, foot: r, testId: i }) => {
+].join(" ")), ur = "my-auto max-w-full", dr = ({ children: e, foot: r, testId: i }) => {
 	let a = r != null && typeof r != "boolean";
 	return /* @__PURE__ */ n("div", {
-		className: cr(),
+		className: lr(),
 		"data-testid": i,
 		children: [/* @__PURE__ */ t("div", {
-			className: lr,
+			className: ur,
 			children: e
 		}), a && /* @__PURE__ */ t("div", { children: r })]
 	});
-}, dr = class extends Error {
+}, fr = class extends Error {
 	constructor(e) {
 		super(`Dialog.${e} must be composed inside Dialog.Root`), this.name = "DialogCompositionError";
 	}
-}, fr = class extends Error {
+}, pr = class extends Error {
 	constructor() {
 		super("A Dialog takes exactly one accessible naming source: a visible Dialog.Title or ariaLabel on Dialog.Root, never both"), this.name = "DialogNamingError";
 	}
-}, pr = y([
+}, mr = y([
 	"open:flex open:flex-col m-auto p-0 overflow-hidden",
 	"bg-surface text-foreground",
 	"rounded-[var(--radius-dialog)] shadow-[var(--elevation-floating)]",
@@ -2075,7 +2075,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		content: ["w-[32rem] max-w-[calc(100vw-2*var(--gutter))]", "max-h-[calc(100dvh-2*var(--space-region))]"].join(" ")
 	} },
 	defaultVariants: { extent: "screen" }
-}), mr = y(["px-[var(--space-region)] pt-[var(--space-region)] pb-[var(--space-region)]", "[&:has(+[data-dialog-member=description])]:pb-0"].join(" ")), hr = y(["px-[var(--space-region)] pt-[var(--space-region)] pb-[var(--space-region)]", "[[data-dialog-member=title]+&]:mt-[var(--space-stack)] [[data-dialog-member=title]+&]:pt-0"].join(" ")), gr = y([
+}), hr = y(["px-[var(--space-region)] pt-[var(--space-region)] pb-[var(--space-region)]", "[&:has(+[data-dialog-member=description])]:pb-0"].join(" ")), gr = y(["px-[var(--space-region)] pt-[var(--space-region)] pb-[var(--space-region)]", "[[data-dialog-member=title]+&]:mt-[var(--space-stack)] [[data-dialog-member=title]+&]:pt-0"].join(" ")), _r = y([
 	"grow shrink min-h-0 min-w-0",
 	"px-[var(--space-region)] py-[var(--space-region)]",
 	"[&:not(:first-child)]:border-t [&:not(:first-child)]:border-border"
@@ -2085,21 +2085,21 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		child: "flex flex-col"
 	} },
 	defaultVariants: { scrollOwner: "body" }
-}), _r = y([
+}), vr = y([
 	"flex flex-row flex-wrap items-center justify-end gap-[var(--space-stack)] shrink-0",
 	"px-[var(--space-region)] pt-[var(--space-region)] pb-[var(--space-region)]",
 	"[[data-dialog-member=content]+&]:border-t [[data-dialog-member=content]+&]:border-border"
-].join(" ")), vr = a(void 0), Q = (e) => {
-	let t = c(vr);
-	if (t === void 0) throw new dr(e);
+].join(" ")), yr = a(void 0), Z = (e) => {
+	let t = c(yr);
+	if (t === void 0) throw new fr(e);
 	return t;
-}, yr = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", br = (e, { presented: t, opener: n }) => {
+}, br = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", xr = (e, { presented: t, opener: n }) => {
 	if (e === void 0 || e.open) return;
 	let r = document.activeElement;
-	n.current = r instanceof HTMLElement && r !== document.body ? r : void 0, e.showModal(), t.current = !0, e.querySelector(yr)?.focus();
-}, $ = (e, { presented: t }) => {
+	n.current = r instanceof HTMLElement && r !== document.body ? r : void 0, e.showModal(), t.current = !0, e.querySelector(br)?.focus();
+}, Q = (e, { presented: t }) => {
 	t.current = !1, e?.open && e.close();
-}, xr = {
+}, Sr = {
 	Root: ({ children: e, onDismiss$: n, showDialog$: r, extent: i, ariaLabel: a, testId: o }) => {
 		let c = u(), d = p(void 0), f = p(!1), h = p(void 0), [g] = m(() => ({
 			presented: f,
@@ -2119,23 +2119,23 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			isLabelled: a !== void 0,
 			registerNamePart: y
 		}, x = () => {
-			n.next(), r === void 0 ? $(d.current, g) : r.next(!1);
+			n.next(), r === void 0 ? Q(d.current, g) : r.next(!1);
 		};
 		return l(() => {
-			if (r === void 0) return br(d.current, g), () => $(d.current, g);
+			if (r === void 0) return xr(d.current, g), () => Q(d.current, g);
 			let e = r.subscribe((e) => {
-				e ? br(d.current, g) : $(d.current, g);
+				e ? xr(d.current, g) : Q(d.current, g);
 			});
 			return () => {
-				e.unsubscribe(), $(d.current, g);
+				e.unsubscribe(), Q(d.current, g);
 			};
-		}, [r, g]), /* @__PURE__ */ t(vr.Provider, {
+		}, [r, g]), /* @__PURE__ */ t(yr.Provider, {
 			value: b,
 			children: /* @__PURE__ */ t("dialog", {
 				ref: (e) => {
 					d.current = e ?? void 0, e?.setAttribute("headingreset", "");
 				},
-				className: pr({ extent: i }),
+				className: mr({ extent: i }),
 				"aria-label": a,
 				"aria-labelledby": a === void 0 && _.title ? b.titleId : void 0,
 				"aria-describedby": _.description ? b.descriptionId : void 0,
@@ -2151,7 +2151,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 					let e = f.current;
 					f.current = !1;
 					let t = h.current;
-					h.current = void 0, t?.isConnected && (t.matches(yr) || t.hasAttribute("tabindex")) && t.focus(), e && r?.next(!1);
+					h.current = void 0, t?.isConnected && (t.matches(br) || t.hasAttribute("tabindex")) && t.focus(), e && r?.next(!1);
 				},
 				"data-testid": o,
 				children: e
@@ -2159,11 +2159,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		});
 	},
 	Title: ({ children: e, testId: n }) => {
-		let { titleId: r, isLabelled: i, registerNamePart: a } = Q("Title");
-		if (l(() => a("title"), [a]), i) throw new fr();
+		let { titleId: r, isLabelled: i, registerNamePart: a } = Z("Title");
+		if (l(() => a("title"), [a]), i) throw new pr();
 		return /* @__PURE__ */ t("div", {
 			"data-dialog-member": "title",
-			className: mr(),
+			className: hr(),
 			"data-testid": n,
 			children: /* @__PURE__ */ t("h1", {
 				id: r,
@@ -2173,10 +2173,10 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		});
 	},
 	Description: ({ children: e, testId: n }) => {
-		let { descriptionId: r, registerNamePart: i } = Q("Description");
+		let { descriptionId: r, registerNamePart: i } = Z("Description");
 		return l(() => i("description"), [i]), /* @__PURE__ */ t("div", {
 			"data-dialog-member": "description",
-			className: hr(),
+			className: gr(),
 			"data-testid": n,
 			children: /* @__PURE__ */ t("p", {
 				id: r,
@@ -2185,33 +2185,33 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			})
 		});
 	},
-	Content: ({ children: e, scrollOwner: n, testId: r }) => (Q("Content"), /* @__PURE__ */ t("div", {
+	Content: ({ children: e, scrollOwner: n, testId: r }) => (Z("Content"), /* @__PURE__ */ t("div", {
 		"data-dialog-member": "content",
-		className: gr({ scrollOwner: n }),
+		className: _r({ scrollOwner: n }),
 		"data-testid": r,
 		children: e
 	})),
-	Actions: ({ children: e, testId: n }) => (Q("Actions"), /* @__PURE__ */ t("div", {
+	Actions: ({ children: e, testId: n }) => (Z("Actions"), /* @__PURE__ */ t("div", {
 		"data-dialog-member": "actions",
-		className: _r(),
+		className: vr(),
 		"data-testid": n,
 		children: e
 	}))
-}, Sr = y("font-secondary text-small text-muted py-[var(--space-region)] px-[var(--gutter)]", {
+}, Cr = y("font-secondary text-small text-muted py-[var(--space-region)] px-[var(--gutter)]", {
 	variants: { edge: {
 		none: "",
 		rule: "border-t border-solid border-rule"
 	} },
 	defaultVariants: { edge: "rule" }
-}), Cr = ({ edge: e, children: n, testId: r }) => /* @__PURE__ */ t("footer", {
-	className: Sr({ edge: e }),
+}), wr = ({ edge: e, children: n, testId: r }) => /* @__PURE__ */ t("footer", {
+	className: Cr({ edge: e }),
 	"data-testid": r,
 	children: n
-}), wr = class extends Error {
+}), Tr = class extends Error {
 	constructor(e) {
 		super(`Form configuration is invalid: ${e}`), this.name = "FormConfigurationError";
 	}
-}, Tr = y("font-secondary text-small", {
+}, Er = y("font-secondary text-small", {
 	variants: { state: {
 		idle: "text-muted",
 		sending: "text-muted",
@@ -2219,13 +2219,13 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		failed: "text-error"
 	} },
 	defaultVariants: { state: "idle" }
-}), Er = {
+}), Dr = {
 	sent: "status",
 	failed: "alert"
-}, Dr = ({ action: e, method: r = "post", state: i = "idle", children: a, actions: o, note: s, testId: c }) => {
+}, Or = ({ action: e, method: r = "post", state: i = "idle", children: a, actions: o, note: s, testId: c }) => {
 	let l = s != null && typeof s != "boolean";
-	if (i === "sent" && !l) throw new wr("Form in the `sent` state must be given a `note` - it is the outcome message.");
-	let u = i !== "sent", d = Er[i];
+	if (i === "sent" && !l) throw new Tr("Form in the `sent` state must be given a `note` - it is the outcome message.");
+	let u = i !== "sent", d = Dr[i];
 	return /* @__PURE__ */ n("form", {
 		action: e,
 		method: r,
@@ -2243,12 +2243,12 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			}),
 			l && /* @__PURE__ */ t("p", {
 				role: d,
-				className: Tr({ state: i }),
+				className: Er({ state: i }),
 				children: s
 			})
 		]
 	});
-}, Or = y([
+}, kr = y([
 	"flex items-baseline",
 	"font-secondary text-label leading-label tracking-label text-muted",
 	"py-[var(--space-region)] px-[var(--gutter)]",
@@ -2268,68 +2268,68 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		edge: "rule",
 		mode: "navigation"
 	}
-}), kr = [
+}), Ar = [
 	"inline-flex shrink-0 items-center",
 	"min-h-[calc(var(--text-label)*var(--leading-label))]",
 	"min-w-[var(--standing-min-width)]"
-].join(" "), Ar = "flex flex-wrap items-baseline gap-[var(--space-region)]", jr = "min-w-0 wrap-anywhere", Mr = "ms-auto", Nr = (e) => e != null && typeof e != "boolean" && e !== "", Pr = ({ edge: r, testId: i, standing: a, navName: o, children: s, status: c, action: l }) => {
+].join(" "), jr = "flex flex-wrap items-baseline gap-[var(--space-region)]", Mr = "min-w-0 wrap-anywhere", Nr = "ms-auto", Pr = (e) => e != null && typeof e != "boolean" && e !== "", Fr = ({ edge: r, testId: i, standing: a, navName: o, children: s, status: c, action: l }) => {
 	let u = c !== void 0 || l !== void 0;
 	return /* @__PURE__ */ t("header", {
-		className: Or({
+		className: kr({
 			edge: r,
 			mode: u ? "statusAction" : "navigation"
 		}),
 		"data-testid": i,
-		children: u ? /* @__PURE__ */ n(e, { children: [Nr(c) && /* @__PURE__ */ t("div", {
-			className: jr,
-			children: c
-		}), Nr(l) && /* @__PURE__ */ t("div", {
+		children: u ? /* @__PURE__ */ n(e, { children: [Pr(c) && /* @__PURE__ */ t("div", {
 			className: Mr,
+			children: c
+		}), Pr(l) && /* @__PURE__ */ t("div", {
+			className: Nr,
 			children: l
 		})] }) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", {
-			className: kr,
+			className: Ar,
 			children: a
 		}), /* @__PURE__ */ t("nav", {
 			"aria-label": o,
-			className: Ar,
+			className: jr,
 			children: s
 		})] })
 	});
-}, Fr = y("flex flex-col min-h-[var(--fold-height)] gap-[var(--space-stack)]", {
+}, Ir = y("flex flex-col min-h-[var(--fold-height)] gap-[var(--space-stack)]", {
 	variants: { place: {
 		start: "justify-start",
 		center: "justify-center",
 		between: "justify-between"
 	} },
 	defaultVariants: { place: "center" }
-}), Ir = ({ place: e, children: n, testId: r }) => /* @__PURE__ */ t("div", {
-	className: Fr({ place: e }),
+}), Lr = ({ place: e, children: n, testId: r }) => /* @__PURE__ */ t("div", {
+	className: Ir({ place: e }),
 	"data-testid": r,
 	children: n
-}), Lr = y("flex flex-col gap-[var(--space-stack)] py-[var(--space-band)] px-[var(--gutter)]"), Rr = y("font-heading text-title leading-title tracking-optical text-foreground"), zr = y("font-body text-lede leading-lede text-foreground max-w-[var(--measure-wide)]"), Br = y("font-body text-small text-muted max-w-[var(--measure)]"), Vr = ({ title: e, lede: r, intro: i, testId: a }) => /* @__PURE__ */ n("header", {
-	className: Lr(),
+}), Rr = y("flex flex-col gap-[var(--space-stack)] py-[var(--space-band)] px-[var(--gutter)]"), zr = y("font-heading text-title leading-title tracking-optical text-foreground"), Br = y("font-body text-lede leading-lede text-foreground max-w-[var(--measure-wide)]"), Vr = y("font-body text-small text-muted max-w-[var(--measure)]"), Hr = ({ title: e, lede: r, intro: i, testId: a }) => /* @__PURE__ */ n("header", {
+	className: Rr(),
 	"data-testid": a,
 	children: [
 		/* @__PURE__ */ t("h1", {
-			className: Rr(),
+			className: zr(),
 			children: e
 		}),
 		r !== void 0 && /* @__PURE__ */ t("p", {
-			className: zr(),
+			className: Br(),
 			children: r
 		}),
 		i !== void 0 && /* @__PURE__ */ t("p", {
-			className: Br(),
+			className: Vr(),
 			children: i
 		})
 	]
-}), Hr = y("box-border flex h-full min-h-0 min-w-0 flex-col gap-[var(--space-stack)] border border-solid border-border bg-surface text-foreground p-[var(--space-box-inset)] [overflow-wrap:anywhere]"), Ur = y("min-w-0 shrink-0"), Wr = y("min-h-0 min-w-0 flex-[0_1_auto]", {
+}), Ur = a(null), Wr = y("box-border flex h-full min-h-0 min-w-0 flex-col gap-[var(--space-stack)] border border-solid border-border bg-surface text-foreground p-[var(--space-box-inset)] [overflow-wrap:anywhere]"), Gr = y("min-w-0 shrink-0"), Kr = y("min-h-0 min-w-0 flex-[0_1_auto]", {
 	variants: { scrollOwner: {
 		body: "[&>div]:flow-root [&>div]:w-fit [&>div]:min-w-full [&>div]:p-[calc(var(--focus-ring-width)+var(--focus-ring-offset))] overflow-auto overscroll-contain outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]",
 		child: ""
 	} },
 	defaultVariants: { scrollOwner: "body" }
-}), Gr = (e, t, n) => {
+}), qr = (e, t, n) => {
 	let [r, i] = m(!0);
 	return d(() => {
 		let r = e.current;
@@ -2351,24 +2351,66 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		t,
 		n
 	]), r;
-}, Kr = {
-	Root: ({ children: e, name: n, testId: r }) => /* @__PURE__ */ t("div", {
-		className: Hr(),
-		role: n ? "group" : void 0,
-		"aria-label": n || void 0,
-		"data-testid": r,
-		children: e
-	}),
+}, $ = (e) => Number.parseFloat(e) || 0, Jr = (e) => {
+	let t = getComputedStyle(e);
+	return $(t.paddingTop) + $(t.paddingBottom) + $(t.borderTopWidth) + $(t.borderBottomWidth);
+}, Yr = (e) => {
+	let t = 0;
+	for (let n of [e, ...e.querySelectorAll("*")]) {
+		let r = getComputedStyle(n);
+		if (r.display === "none") continue;
+		let i = $(r.lineHeight) || $(r.fontSize), a = $(getComputedStyle(e.firstElementChild ?? e).paddingTop), o = n.matches("tr, button, input, select, textarea, [role=\"button\"]") ? n.getBoundingClientRect().height : i;
+		t = Math.max(t, o + 2 * a);
+	}
+	let n = e.querySelector("table"), r = n ? Array.from(n.children).filter((e) => e.matches("caption, thead")).reduce((e, t) => e + t.getBoundingClientRect().height, 0) : 0;
+	return t + r + Jr(e);
+}, Xr = (e) => {
+	let t = c(Ur), [n, r] = m(!1);
+	return d(() => {
+		let n = e.current, i = t;
+		if (!n || !i) return;
+		let a = () => {
+			let e = Array.from(n.children), t = e.find((e) => e.hasAttribute("data-pane-body")), a = e.filter((e) => e !== t).reduce((e, t) => e + t.getBoundingClientRect().height, 0), o = Math.max(0, e.length - 1) * $(getComputedStyle(n).rowGap);
+			r(i.getBoundingClientRect().height < a + o + Jr(n) + (t instanceof HTMLElement ? Yr(t) : 0));
+		}, o = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(a), s = () => {
+			o?.disconnect(), o?.observe(i), o?.observe(n);
+			for (let e of n.querySelectorAll("*")) o?.observe(e);
+			a();
+		};
+		s();
+		let c = new MutationObserver(s);
+		return c.observe(n, {
+			childList: !0,
+			subtree: !0,
+			characterData: !0
+		}), window.addEventListener("resize", a), () => {
+			o?.disconnect(), c.disconnect(), window.removeEventListener("resize", a);
+		};
+	}, [t, e]), n;
+}, Zr = {
+	Root: ({ children: e, name: n, testId: r }) => {
+		let i = p(null), a = Xr(i);
+		return /* @__PURE__ */ t("div", {
+			ref: i,
+			"data-screen-unusable": a || void 0,
+			className: Wr(),
+			role: n ? "group" : void 0,
+			"aria-label": n || void 0,
+			"data-testid": r,
+			children: e
+		});
+	},
 	Head: ({ children: e, testId: n }) => /* @__PURE__ */ t("div", {
-		className: Ur(),
+		className: Gr(),
 		"data-testid": n,
 		children: e
 	}),
 	Body: ({ children: e, ariaLabel: n, scrollOwner: r, testId: i }) => {
-		let a = p(null), o = p(null), s = r !== "child", c = Gr(a, o, s) && s;
+		let a = p(null), o = p(null), s = r !== "child", c = qr(a, o, s) && s;
 		return /* @__PURE__ */ t("div", {
+			"data-pane-body": "",
 			ref: a,
-			className: Wr({ scrollOwner: r ?? "body" }),
+			className: Kr({ scrollOwner: r ?? "body" }),
 			role: c ? "group" : void 0,
 			"aria-label": c ? n : void 0,
 			tabIndex: c ? 0 : void 0,
@@ -2380,33 +2422,50 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		});
 	},
 	Foot: ({ children: e, testId: n }) => /* @__PURE__ */ t("div", {
-		className: Ur(),
+		className: Gr(),
 		"data-testid": n,
 		children: e
 	})
-}, qr = y("max-h-full max-w-full min-h-0 min-w-0 outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]", {
+}, Qr = y("box-border grid h-full min-h-0 min-w-0 grid-rows-[minmax(0,1fr)] px-[var(--gutter)] py-[var(--space-region)] [&:has(>header)]:grid-rows-[auto_minmax(0,1fr)] [&:has(>header)]:gap-[var(--space-region)]"), $r = y("min-w-0"), ei = y("h-full min-h-0 min-w-0 [&>div]:h-full [&:has([data-screen-unusable])>div]:h-auto"), ti = ({ heading: e, children: r, testId: i }) => {
+	let [a, o] = m(null);
+	return /* @__PURE__ */ n("main", {
+		className: Qr(),
+		"data-testid": i,
+		children: [e != null && e !== !1 && /* @__PURE__ */ t("header", {
+			className: $r(),
+			children: e
+		}), /* @__PURE__ */ t("div", {
+			ref: o,
+			className: ei(),
+			children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(Ur.Provider, {
+				value: a,
+				children: r
+			}) })
+		})]
+	});
+}, ni = y("max-h-full max-w-full min-h-0 min-w-0 outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]", {
 	variants: { axis: {
 		both: "overflow-auto",
 		horizontal: "overflow-x-auto overflow-y-hidden",
 		vertical: "overflow-y-auto overflow-x-hidden"
 	} },
 	defaultVariants: { axis: "both" }
-}), Jr = y("p-[calc(var(--focus-ring-width)+var(--focus-ring-offset))]", {
+}), ri = y("p-[calc(var(--focus-ring-width)+var(--focus-ring-offset))]", {
 	variants: { axis: {
 		both: "w-fit min-w-full",
 		horizontal: "w-fit min-w-full",
 		vertical: "w-full"
 	} },
 	defaultVariants: { axis: "both" }
-}), Yr = (e, t) => {
+}), ii = (e, t) => {
 	let n = e.scrollWidth > e.clientWidth, r = e.scrollHeight > e.clientHeight;
 	return t !== "vertical" && n || t !== "horizontal" && r;
-}, Xr = (e, t, n) => {
+}, ai = (e, t, n) => {
 	let [r, i] = m(!0);
 	return d(() => {
 		let r = e.current;
 		if (r === null) return;
-		let a = () => i(Yr(r, n) || r === document.activeElement);
+		let a = () => i(ii(r, n) || r === document.activeElement);
 		a();
 		let o = typeof ResizeObserver > "u" ? void 0 : new ResizeObserver(a);
 		return o?.observe(r), t.current !== null && o?.observe(t.current), window.addEventListener("resize", a), r.addEventListener("blur", a), () => {
@@ -2417,22 +2476,22 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		t,
 		n
 	]), r;
-}, Zr = ({ axis: e, ariaLabel: n, children: r, testId: i }) => {
-	let a = p(null), o = p(null), s = Xr(a, o, e ?? "both");
+}, oi = ({ axis: e, ariaLabel: n, children: r, testId: i }) => {
+	let a = p(null), o = p(null), s = ai(a, o, e ?? "both");
 	return /* @__PURE__ */ t("div", {
 		ref: a,
-		className: qr({ axis: e }),
+		className: ni({ axis: e }),
 		"data-testid": i,
 		role: s ? "group" : void 0,
 		"aria-label": s ? n : void 0,
 		tabIndex: s ? 0 : void 0,
 		children: /* @__PURE__ */ t("div", {
 			ref: o,
-			className: Jr({ axis: e }),
+			className: ri({ axis: e }),
 			children: r
 		})
 	});
-}, Qr = y([
+}, si = y([
 	"relative",
 	"py-[var(--space-band)]",
 	"[[data-section]+&]:border-t [[data-section]+&]:border-solid [[data-section]+&]:border-rule"
@@ -2442,19 +2501,19 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		full: ""
 	} },
 	defaultVariants: { bleed: "inset" }
-}), $r = ({ bleed: e, name: n, children: r, testId: i }) => /* @__PURE__ */ t("section", {
+}), ci = ({ bleed: e, name: n, children: r, testId: i }) => /* @__PURE__ */ t("section", {
 	"data-section": "",
-	className: Qr({ bleed: e }),
+	className: si({ bleed: e }),
 	"aria-label": n,
 	"data-testid": i,
 	children: r
-}), ei = y("h-dvh min-w-0 overflow-clip grid grid-rows-[auto_minmax(0,1fr)]"), ti = y("min-h-0 min-w-0 overflow-auto overscroll-contain p-[calc(var(--focus-ring-width)+var(--focus-ring-offset))] scroll-p-[calc(var(--focus-ring-width)+var(--focus-ring-offset))] outline-focus-ring focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-offset-[calc(-1*var(--focus-ring-width))]", {
+}), li = y("h-dvh min-w-0 overflow-clip grid grid-rows-[auto_minmax(0,1fr)]"), ui = y("min-h-0 min-w-0 overflow-auto overscroll-contain p-[calc(var(--focus-ring-width)+var(--focus-ring-offset))] scroll-p-[calc(var(--focus-ring-width)+var(--focus-ring-offset))] outline-focus-ring focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-offset-[calc(-1*var(--focus-ring-width))]", {
 	variants: { mode: {
 		console: "[&>div]:h-full",
 		page: "[&>div]:min-h-full"
 	} },
 	defaultVariants: { mode: "console" }
-}), ni = (e) => {
+}), di = (e) => {
 	let [t, n] = m(!0);
 	return d(() => {
 		let t = e.current;
@@ -2476,21 +2535,21 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			i?.disconnect(), o.disconnect(), window.removeEventListener("resize", r), t.removeEventListener("blur", r);
 		};
 	}, [e]), t;
-}, ri = ({ bar: e, children: r, ariaLabel: i, mode: a, testId: o }) => {
-	let s = p(null), c = ni(s);
+}, fi = ({ bar: e, children: r, ariaLabel: i, mode: a, testId: o }) => {
+	let s = p(null), c = di(s);
 	return /* @__PURE__ */ n("div", {
-		className: ei(),
+		className: li(),
 		"data-testid": o,
 		children: [/* @__PURE__ */ t("div", { children: e }), /* @__PURE__ */ t("div", {
 			ref: s,
-			className: ti({ mode: a }),
+			className: ui({ mode: a }),
 			role: c ? "group" : void 0,
 			"aria-label": c ? i : void 0,
 			tabIndex: c ? 0 : void 0,
 			children: /* @__PURE__ */ t("div", { children: r })
 		})]
 	});
-}, ii = y([
+}, pi = y([
 	"grid gap-[var(--space-region)] lg:grid-cols-[12rem_minmax(0,1fr)]",
 	"[&>div:first-child]:border-solid [&>div:first-child]:border-border [&>div:first-child]:border-b [&>div:first-child]:pb-[var(--space-stack)]",
 	"lg:[&>div:first-child]:border-b-0 lg:[&>div:first-child]:border-r lg:[&>div:first-child]:pb-0 lg:[&>div:first-child]:pr-[var(--space-stack)]",
@@ -2503,7 +2562,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		true: "min-h-full lg:h-full lg:min-h-0 lg:grid-rows-[minmax(0,1fr)] lg:[&>div]:min-h-0 lg:[&>div]:h-full lg:[&>div:first-child>nav]:max-h-full"
 	} },
 	defaultVariants: { fill: !1 }
-}), ai = (e) => {
+}), mi = (e) => {
 	if (!e) return;
 	let t = [];
 	for (let n = e.parentElement; n && n !== e.ownerDocument.documentElement; n = n.parentElement) t.push(n);
@@ -2520,7 +2579,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	return window.addEventListener("resize", n), () => {
 		r?.disconnect(), window.removeEventListener("resize", n), e.style.removeProperty("--sidebar-scrollport-height");
 	};
-}, oi = y([
+}, hi = y([
 	"w-full text-left font-secondary text-label tracking-label wrap-anywhere",
 	"underline-offset-[var(--underline-offset)]",
 	"outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]"
@@ -2531,11 +2590,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		inert: "text-muted cursor-not-allowed"
 	} },
 	defaultVariants: { state: "usable" }
-}), si = a(void 0), ci = ({ entryKey: e, children: n, inert: r, testId: i }) => {
-	let a = c(si), o = a !== void 0 && a.active === e;
+}), gi = a(void 0), _i = ({ entryKey: e, children: n, inert: r, testId: i }) => {
+	let a = c(gi), o = a !== void 0 && a.active === e;
 	return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("button", {
 		type: "button",
-		className: oi({ state: r ? "inert" : o ? "active" : "usable" }),
+		className: hi({ state: r ? "inert" : o ? "active" : "usable" }),
 		disabled: r,
 		"aria-current": o ? "true" : void 0,
 		"data-testid": i,
@@ -2544,31 +2603,31 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		},
 		children: n
 	}) });
-}, li = ({ children: e, testId: n }) => /* @__PURE__ */ t("div", {
+}, vi = ({ children: e, testId: n }) => /* @__PURE__ */ t("div", {
 	"data-testid": n,
 	children: e
-}), ui = {
+}), yi = {
 	Root: ({ active: e, label: i, onSelect$: a, children: s, testId: c, fill: l }) => {
 		let u = r.toArray(s).filter(o);
 		return /* @__PURE__ */ n("div", {
-			className: ii({ fill: l }),
+			className: pi({ fill: l }),
 			"data-testid": c,
 			children: [/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("nav", {
-				ref: l ? void 0 : ai,
+				ref: l ? void 0 : mi,
 				"aria-label": i,
-				children: /* @__PURE__ */ t(si, {
+				children: /* @__PURE__ */ t(gi, {
 					value: {
 						active: e,
 						onSelect$: a
 					},
-					children: /* @__PURE__ */ t("ul", { children: u.filter((e) => e.type === ci) })
+					children: /* @__PURE__ */ t("ul", { children: u.filter((e) => e.type === _i) })
 				})
-			}) }), u.filter((e) => e.type === li)]
+			}) }), u.filter((e) => e.type === vi)]
 		});
 	},
-	Item: ci,
-	Content: li
-}, di = {
+	Item: _i,
+	Content: vi
+}, bi = {
 	surface: "#ffffff",
 	selectedSurface: "#f8fafc",
 	selectedError: "#cd2d7d",
@@ -2597,7 +2656,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	errorHover: "#be185d",
 	errorForeground: "#ffffff",
 	info: "#0e7490"
-}, fi = {
+}, xi = {
 	surface: "#0f172a",
 	selectedSurface: "#151e30",
 	selectedError: "#f48fb1",
@@ -2628,4 +2687,4 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	info: "#22d3ee"
 };
 //#endregion
-export { be as Box, Se as Brandmark, Gt as Button, we as Callout, De as Checklist, $t as Choices, Kt as ChoicesCompositionError, x as Cluster, Ae as Collection, j as ColumnLayout, S as ColumnLayoutCompositionError, C as ColumnLayoutConfigurationError, ur as Cover, Ve as DefinitionList, je as DefinitionListConfigurationError, xr as Dialog, dr as DialogCompositionError, fr as DialogNamingError, xt as Eyebrow, ge as FieldRow, F as FieldRowCompositionError, I as FieldRowConfigurationError, Ue as Figure, Cr as Footer, Dr as Form, wr as FormConfigurationError, Ct as H1, Tt as H2, Dt as H3, kt as H4, jt as H5, Nt as H6, Pr as Header, Ir as Hero, Je as Icon, tn as Input, rn as Link, Qe as Meter, U as MeterConfigurationError, wn as MultiSelect, on as MultiSelectCompositionError, Ft as Note, En as NumberInput, Lt as P, Vr as PageHead, Kr as Pane, Ut as Prose, rt as Rail, at as Rule, Zr as ScrollContainer, $r as Section, On as Select, ri as Shell, ui as Sidebar, jn as Slider, Y as SliderConfigurationError, ve as Stack, Gn as Stepper, Mn as StepperCompositionError, qn as Switch, yt as Table, ot as TableConfigurationError, ar as Tabs, Jn as TabsCompositionError, sr as TextArea, fi as dark, di as light };
+export { be as Box, Se as Brandmark, Kt as Button, we as Callout, De as Checklist, en as Choices, qt as ChoicesCompositionError, x as Cluster, Ae as Collection, A as ColumnLayout, S as ColumnLayoutCompositionError, C as ColumnLayoutConfigurationError, dr as Cover, Ve as DefinitionList, je as DefinitionListConfigurationError, Sr as Dialog, fr as DialogCompositionError, pr as DialogNamingError, St as Eyebrow, ge as FieldRow, P as FieldRowCompositionError, F as FieldRowConfigurationError, Ue as Figure, wr as Footer, Or as Form, Tr as FormConfigurationError, wt as H1, Et as H2, Ot as H3, At as H4, Mt as H5, Pt as H6, Fr as Header, Lr as Hero, Je as Icon, nn as Input, an as Link, Qe as Meter, U as MeterConfigurationError, Tn as MultiSelect, sn as MultiSelectCompositionError, It as Note, Dn as NumberInput, Rt as P, Hr as PageHead, Zr as Pane, Wt as Prose, rt as Rail, at as Rule, ti as Screen, oi as ScrollContainer, ci as Section, kn as Select, fi as Shell, yi as Sidebar, Mn as Slider, J as SliderConfigurationError, ve as Stack, Gn as Stepper, Y as StepperCompositionError, qn as Switch, bt as Table, ot as TableConfigurationError, or as Tabs, Jn as TabsCompositionError, cr as TextArea, xi as dark, bi as light };