@juwel-development/design-system 3.10.0 → 3.11.0

package/dist/design-system.js

@@ -93,18 +93,18 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 }, O = (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(", ")}))`;
-}, k = (e) => o(e) && e.type === i, te = (e) => o(e) && e.type === j, ne = (e) => r.toArray(e).flatMap((e) => k(e) ? ne(e.props.children) : te(e) ? [e] : []), A = (e) => r.map(e, (e) => k(e) ? /* @__PURE__ */ t(i, { children: A(e.props.children) }) : te(e) ? /* @__PURE__ */ t(E.Provider, {
+}, k = (e) => o(e) && e.type === i, te = (e) => o(e) && e.type === M, A = (e) => r.toArray(e).flatMap((e) => k(e) ? A(e.props.children) : te(e) ? [e] : []), j = (e) => r.map(e, (e) => k(e) ? /* @__PURE__ */ t(i, { children: j(e.props.children) }) : te(e) ? /* @__PURE__ */ t(E.Provider, {
 	value: !0,
 	children: e
-}) : e), re = ({ gap: e, children: n, testId: r }) => {
-	let i = ne(n).map(ee), a = i.length === 0 ? void 0 : { "--column-layout-threshold": O(i) };
+}) : e), ne = ({ gap: e, children: n, testId: r }) => {
+	let i = A(n).map(ee), a = i.length === 0 ? void 0 : { "--column-layout-threshold": O(i) };
 	return /* @__PURE__ */ t("div", {
 		className: w({ gap: e }),
 		style: a,
 		"data-testid": r,
-		children: A(n)
+		children: j(n)
 	});
-}, j = ({ weight: e, children: n, testId: r }) => {
+}, M = ({ weight: e, children: n, testId: r }) => {
 	if (!c(E)) throw new S();
 	let i = { "--column-layout-weight": e };
 	return /* @__PURE__ */ t("div", {
@@ -116,103 +116,103 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			children: n
 		})
 	});
-}, ie = {
-	Root: re,
-	Column: j
-}, M = .5, N = (e, t) => Math.abs(e - t) <= M, P = (e) => {
+}, N = {
+	Root: ne,
+	Column: M
+}, P = .5, F = (e, t) => Math.abs(e - t) <= P, I = (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) => F(e, n)) || t.push(n);
+	let n = t.map((t) => Math.max(...e.filter((e) => F(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) => F(t, e));
 		return (n[i] ?? r) - r;
 	});
-}, F = class extends Error {
+}, L = class extends Error {
 	constructor(e) {
 		super(`FieldRow.${e} must be composed inside FieldRow.Root`), this.name = "FieldRowCompositionError";
 	}
-}, I = class extends Error {
+}, R = class extends Error {
 	constructor(e) {
 		super(`FieldRow configuration: ${e}`), this.name = "FieldRowConfigurationError";
 	}
-}, L = y("flex flex-wrap items-start gap-y-[var(--space-stack)]", {
+}, z = 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" }
-}), ae = y("shrink basis-0"), R = y("", {
+}), re = y("shrink basis-0"), B = 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" }
-}), z = /^--[A-Za-z0-9_-]+$/, B = ":scope > [data-field-row-item]", V = a(void 0), H = (e) => {
-	let t = c(V);
-	if (t === void 0) throw new F(e);
+}), V = /^--[A-Za-z0-9_-]+$/, H = ":scope > [data-field-row-item]", U = a(void 0), W = (e) => {
+	let t = c(U);
+	if (t === void 0) throw new L(e);
 	return t;
+}, ie = (e) => {
+	if (!(Number.isFinite(e) && e > 0)) throw new R(`weight must be a positive finite number, got ${e}`);
+}, ae = (e) => {
+	if (!V.test(e)) throw new R(`minWidth must name a CSS custom property such as --search-field-min-width, got ${JSON.stringify(e)}`);
 }, oe = (e) => {
-	if (!(Number.isFinite(e) && e > 0)) throw new I(`weight must be a positive finite number, got ${e}`);
-}, se = (e) => {
-	if (!z.test(e)) throw new I(`minWidth must name a CSS custom property such as --search-field-min-width, got ${JSON.stringify(e)}`);
-}, ce = (e) => {
 	let t = e.querySelector("label[for]")?.getAttribute("for");
 	if (!t) return;
 	let n = e.ownerDocument.getElementById(t);
 	return n !== null && e.contains(n) ? n : void 0;
-}, U = (e) => getComputedStyle(e).position !== "static", le = (e, t) => {
+}, se = (e) => getComputedStyle(e).position !== "static", ce = (e, t) => {
 	if (getComputedStyle(e).position !== "absolute") return e;
 	let n = e.parentElement;
-	for (; n !== null && n !== t && !U(n);) n = n.parentElement;
+	for (; n !== null && n !== t && !se(n);) n = n.parentElement;
 	return n ?? e;
-}, ue = (e) => {
+}, le = (e) => {
 	let t = e.getBoundingClientRect().top, n = e.firstElementChild;
 	if (n === null) return {
 		top: t,
 		controlEdge: 0
 	};
-	let r = n.getBoundingClientRect(), i = ce(n);
+	let r = n.getBoundingClientRect(), i = oe(n);
 	return {
 		top: t,
-		controlEdge: (i === void 0 ? r.bottom : le(i, n).getBoundingClientRect().bottom) - r.top
+		controlEdge: (i === void 0 ? r.bottom : ce(i, n).getBoundingClientRect().bottom) - r.top
 	};
-}, W = (e) => {
-	let t = Array.from(e.querySelectorAll(B)), n = P(t.map(ue));
+}, G = (e) => {
+	let t = Array.from(e.querySelectorAll(H)), n = I(t.map(le));
 	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`);
 	});
-}, de = {
+}, ue = {
 	Root: ({ gap: e, children: n, testId: r }) => {
 		let i = p(null), a = p(void 0), o = p(/* @__PURE__ */ new WeakSet()), s = () => {
-			i.current && W(i.current);
+			i.current && G(i.current);
 		}, c = (e) => {
 			e && a.current && !o.current.has(e) && (o.current.add(e), a.current.observe(e));
 		};
 		return d(() => {
 			let e = i.current;
-			if (e !== null && (W(e), !(typeof ResizeObserver > "u"))) {
-				a.current ??= new ResizeObserver(() => W(e));
-				for (let t of e.querySelectorAll(B)) {
+			if (e !== null && (G(e), !(typeof ResizeObserver > "u"))) {
+				a.current ??= new ResizeObserver(() => G(e));
+				for (let t of e.querySelectorAll(H)) {
 					let e = t.firstElementChild ?? void 0;
 					c(e), c(e?.querySelector("label[for]") ?? void 0);
 				}
 			}
 		}), d(() => () => a.current?.disconnect(), []), /* @__PURE__ */ t("div", {
 			ref: i,
-			className: L({ gap: e }),
+			className: z({ gap: e }),
 			"data-testid": r,
-			children: /* @__PURE__ */ t(V, {
+			children: /* @__PURE__ */ t(U, {
 				value: { align: s },
 				children: n
 			})
 		});
 	},
 	Field: ({ children: e, weight: n = 1, minWidth: r, testId: i }) => {
-		let { align: a } = H("Field");
-		return oe(n), se(r), d(() => a()), /* @__PURE__ */ t("div", {
+		let { align: a } = W("Field");
+		return ie(n), ae(r), d(() => a()), /* @__PURE__ */ t("div", {
 			"data-field-row-item": !0,
-			className: ae(),
+			className: re(),
 			"data-testid": i,
 			style: {
 				flexGrow: n,
@@ -222,18 +222,18 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		});
 	},
 	Actions: ({ children: e, testId: n }) => {
-		let { align: r } = H("Actions");
+		let { align: r } = W("Actions");
 		return d(() => r()), /* @__PURE__ */ t("div", {
 			"data-field-row-item": !0,
-			className: R(),
+			className: B(),
 			"data-testid": n,
 			children: /* @__PURE__ */ t("div", {
-				className: R({ part: "group" }),
+				className: B({ part: "group" }),
 				children: e
 			})
 		});
 	}
-}, fe = y("flex", {
+}, de = y("flex", {
 	variants: {
 		gap: {
 			stack: "gap-[var(--space-stack)]",
@@ -258,8 +258,8 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		measure: !1,
 		direction: "column"
 	}
-}), pe = ({ gap: e, measure: n, direction: r, align: i, children: a, testId: o }) => /* @__PURE__ */ t("div", {
-	className: fe({
+}), fe = ({ gap: e, measure: n, direction: r, align: i, children: a, testId: o }) => /* @__PURE__ */ t("div", {
+	className: de({
 		gap: e,
 		measure: n,
 		direction: r,
@@ -267,12 +267,12 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	}),
 	"data-testid": o,
 	children: a
-}), G = y(["min-w-0 border border-solid border-border bg-surface text-foreground", "p-[var(--space-box-inset)] [overflow-wrap:anywhere]"].join(" ")), me = ({ children: e, name: n, testId: r }) => n === void 0 || n === "" ? /* @__PURE__ */ t("div", {
-	className: G(),
+}), pe = y(["min-w-0 border border-solid border-border bg-surface text-foreground", "p-[var(--space-box-inset)] [overflow-wrap:anywhere]"].join(" ")), me = ({ children: e, name: n, testId: r }) => n === void 0 || n === "" ? /* @__PURE__ */ t("div", {
+	className: pe(),
 	"data-testid": r,
 	children: e
 }) : /* @__PURE__ */ t("div", {
-	className: G(),
+	className: pe(),
 	role: "group",
 	"aria-label": n,
 	"data-testid": r,
@@ -423,7 +423,13 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			children: l
 		})]
 	});
-}, Ie = y("inline-block shrink-0 align-[-0.125em]"), Le = {
+}, Ie = y("inline-block shrink-0 align-[-0.125em] forced-color-adjust-auto", { variants: { color: {
+	muted: "text-muted",
+	success: "text-success",
+	warning: "text-warning",
+	error: "text-error",
+	info: "text-info"
+} } }), Le = "M3.5 2h9a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7.25L4 13.75V11h-.5a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1z", Re = {
 	sort: [
 		"M5.5 13V3",
 		"M3 5.5l2.5-2.5L8 5.5",
@@ -431,16 +437,31 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		"M8 10.5l2.5 2.5 2.5-2.5"
 	],
 	"sort-ascending": ["M8 13V3", "M4 7l4-4 4 4"],
-	"sort-descending": ["M8 3v10", "M4 9l4 4 4-4"]
-}, Re = ({ name: e, testId: n }) => /* @__PURE__ */ t("svg", {
-	"aria-hidden": !0,
+	"sort-descending": ["M8 3v10", "M4 9l4 4 4-4"],
+	bin: [
+		"M2.5 4.5h11",
+		"M6 4.5V3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v1.5",
+		"M4 4.5l.6 8.1a1 1 0 0 0 1 .9h4.8a1 1 0 0 0 1-.9l.6-8.1",
+		"M6.75 7.25v3.5",
+		"M9.25 7.25v3.5"
+	],
+	"bubble-exclamation": [
+		Le,
+		"M8 4.5v2",
+		"M8 8.75h.01"
+	],
+	"bubble-tick": [Le, "M5.75 6.75l1.5 1.5 3-3.5"]
+}, ze = ({ name: e, label: n, color: r, testId: i }) => /* @__PURE__ */ t("svg", {
+	role: n ? "img" : void 0,
+	"aria-label": n || void 0,
+	"aria-hidden": !n || void 0,
 	focusable: !1,
 	viewBox: "0 0 16 16",
 	width: "1em",
 	height: "1em",
-	className: Ie(),
-	"data-testid": n,
-	children: Le[e].map((e) => /* @__PURE__ */ t("path", {
+	className: Ie({ color: r }),
+	"data-testid": i,
+	children: Re[e].map((e) => /* @__PURE__ */ t("path", {
 		d: e,
 		fill: "none",
 		stroke: "currentColor",
@@ -448,20 +469,20 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
 	}, e))
-}), K = class extends Error {
+}), Be = class extends Error {
 	constructor(e) {
 		super(`Meter configuration is invalid: ${e}`), this.name = "MeterConfigurationError";
 	}
-}, ze = y("w-full h-[var(--meter-track-thickness)] bg-meter-track border border-solid border-rule"), Be = y("h-full w-[calc(var(--meter-level)*100%)]", {
+}, Ve = y("w-full h-[var(--meter-track-thickness)] bg-meter-track border border-solid border-rule"), He = y("h-full w-[calc(var(--meter-level)*100%)]", {
 	variants: { treatment: {
 		neutral: "bg-meter-fill",
 		depleting: "bg-[color-mix(in_oklab,var(--color-meter-fill)_calc(var(--meter-level)*100%),var(--color-error))]"
 	} },
 	defaultVariants: { treatment: "neutral" }
-}), Ve = ({ value: e, min: n = 0, max: r, treatment: i, label: a, valueText: o, testId: s }) => {
-	if (!Number.isFinite(e) || !Number.isFinite(n) || !Number.isFinite(r)) throw new K(`value, min and max must be finite numbers (got value=${e}, min=${n}, max=${r})`);
-	if (n >= r) throw new K(`min must be less than max (got min=${n}, max=${r})`);
-	if (e < n || e > r) throw new K(`value must lie within [min, max] (got value=${e}, min=${n}, max=${r})`);
+}), Ue = ({ value: e, min: n = 0, max: r, treatment: i, label: a, valueText: o, testId: s }) => {
+	if (!Number.isFinite(e) || !Number.isFinite(n) || !Number.isFinite(r)) throw new Be(`value, min and max must be finite numbers (got value=${e}, min=${n}, max=${r})`);
+	if (n >= r) throw new Be(`min must be less than max (got min=${n}, max=${r})`);
+	if (e < n || e > r) throw new Be(`value must lie within [min, max] (got value=${e}, min=${n}, max=${r})`);
 	let c = { "--meter-level": (e - n) / (r - n) };
 	return /* @__PURE__ */ t("div", {
 		role: "meter",
@@ -471,28 +492,28 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		"aria-label": a,
 		"aria-valuetext": o,
 		"data-testid": s,
-		className: ze(),
+		className: Ve(),
 		style: c,
 		children: /* @__PURE__ */ t("div", {
 			"aria-hidden": "true",
-			className: Be({ treatment: i })
+			className: He({ treatment: i })
 		})
 	});
-}, He = y(["grid gap-[var(--space-stack)]", "lg:grid-cols-[10rem_minmax(0,1fr)] lg:items-start lg:gap-x-12"].join(" ")), Ue = y("lg:sticky lg:top-6"), We = y("block border-b border-solid border-border pb-1 font-secondary text-label tracking-label text-muted"), Ge = y("block pt-1 font-secondary text-label tracking-label text-foreground"), Ke = {
+}, We = y(["grid gap-[var(--space-stack)]", "lg:grid-cols-[10rem_minmax(0,1fr)] lg:items-start lg:gap-x-12"].join(" ")), Ge = y("lg:sticky lg:top-6"), Ke = y("block border-b border-solid border-border pb-1 font-secondary text-label tracking-label text-muted"), qe = y("block pt-1 font-secondary text-label tracking-label text-foreground"), Je = {
 	Root: ({ children: e, testId: n }) => /* @__PURE__ */ t("div", {
-		className: He(),
+		className: We(),
 		"data-testid": n,
 		children: e
 	}),
 	Index: ({ number: e, children: r, testId: i }) => /* @__PURE__ */ n("div", {
-		className: Ue(),
+		className: Ge(),
 		"data-testid": i,
 		"aria-hidden": "true",
 		children: [e !== void 0 && /* @__PURE__ */ t("span", {
-			className: We(),
+			className: Ke(),
 			children: e
 		}), /* @__PURE__ */ t("span", {
-			className: Ge(),
+			className: qe(),
 			children: r
 		})]
 	}),
@@ -500,11 +521,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		"data-testid": n,
 		children: e
 	})
-}, qe = class extends Error {
+}, Ye = class extends Error {
 	constructor(e) {
 		super(`Table configuration is invalid: ${e}`), this.name = "TableConfigurationError";
 	}
-}, q = "comfortable", Je = y([
+}, K = "comfortable", Xe = y([
 	"overflow-x-auto",
 	"outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]",
 	"[&>table]:w-full [&>table]:border-collapse [&>table]:text-left",
@@ -528,8 +549,8 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		comfortable: "[--table-cell-padding-inline:var(--table-cell-inset-inline)] [--table-cell-padding-block:var(--table-cell-inset-block)]",
 		compact: "[--table-cell-padding-inline:var(--table-cell-inset-inline-compact)] [--table-cell-padding-block:var(--table-cell-inset-block-compact)]"
 	} },
-	defaultVariants: { density: q }
-}), Ye = y([
+	defaultVariants: { density: K }
+}), Ze = 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",
@@ -540,7 +561,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		false: ""
 	} },
 	defaultVariants: { interactive: !1 }
-}), Xe = [
+}), Qe = [
 	"a[href]",
 	"button",
 	"input",
@@ -566,11 +587,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	"[role=\"searchbox\"]",
 	"[role=\"slider\"]",
 	"[role=\"spinbutton\"]"
-].join(", "), Ze = (e, t) => {
+].join(", "), $e = (e, t) => {
 	if (!(t instanceof Element)) return !1;
-	let n = t.closest(Xe);
+	let n = t.closest(Qe);
 	return n !== null && n !== e && e.contains(n);
-}, Qe = /* @__PURE__ */ new Set(["Enter", " "]), $e = y("px-[var(--table-cell-padding-inline)] py-[var(--table-cell-padding-block)] text-small first:pl-0 last:pr-0", {
+}, et = /* @__PURE__ */ new Set(["Enter", " "]), tt = 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",
@@ -586,22 +607,22 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		variant: "value",
 		align: "left"
 	}
-}), et = 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", {
+}), nt = 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" }
-}), tt = (e) => `var(--table-column-${e})`, nt = (e, t) => {
-	let n = e.minWidth === void 0 ? void 0 : tt(e.minWidth);
+}), rt = (e) => `var(--table-column-${e})`, it = (e, t) => {
+	let n = e.minWidth === void 0 ? void 0 : rt(e.minWidth);
 	if (e.width !== void 0) {
-		let t = tt(e.width);
+		let t = rt(e.width);
 		return n === void 0 ? t : `max(${n}, ${t})`;
 	}
-	if (!Number.isFinite(e.weight) || e.weight <= 0) throw new qe(`column ${t + 1} needs a positive finite weight (got ${e.weight})`);
+	if (!Number.isFinite(e.weight) || e.weight <= 0) throw new Ye(`column ${t + 1} needs a positive finite weight (got ${e.weight})`);
 	return `minmax(${n ?? "0"}, ${e.weight}fr)`;
-}, rt = (e) => e === void 0 || e.length === 0 ? void 0 : e.map(nt).join(" "), it = (e, t, n) => {
+}, at = (e) => e === void 0 || e.length === 0 ? void 0 : e.map(it).join(" "), ot = (e, t, n) => {
 	let [r, i] = m(!0);
 	return d(() => {
 		let r = e.current;
@@ -619,9 +640,9 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		t,
 		n
 	]), r;
-}, at = {
+}, st = {
 	Root: ({ caption: e, notes: r, columns: i, density: a, children: o, testId: s }) => {
-		let c = p(null), l = p(null), u = p(null), d = rt(i), f = it(c, l, u), m = d === void 0 ? void 0 : { "--table-columns": d }, h = d === void 0 ? void 0 : i?.length, g = /* @__PURE__ */ n("table", {
+		let c = p(null), l = p(null), u = p(null), d = at(i), f = ot(c, l, u), m = d === void 0 ? void 0 : { "--table-columns": d }, h = d === void 0 ? void 0 : i?.length, g = /* @__PURE__ */ n("table", {
 			ref: l,
 			role: "table",
 			children: [/* @__PURE__ */ t("caption", {
@@ -630,21 +651,21 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			}), o]
 		});
 		return r === void 0 ? /* @__PURE__ */ t("section", {
-			className: Je({ density: a }),
+			className: Xe({ density: a }),
 			style: m,
 			"data-columns": h,
-			"data-density": a ?? q,
+			"data-density": a ?? K,
 			"data-testid": s,
 			"aria-label": e,
 			tabIndex: 0,
 			children: g
 		}) : /* @__PURE__ */ t("div", {
 			ref: c,
-			className: Je({ density: a }),
+			className: Xe({ density: a }),
 			style: m,
 			"data-notes": r,
 			"data-columns": h,
-			"data-density": a ?? q,
+			"data-density": a ?? K,
 			"data-testid": s,
 			role: f ? "group" : void 0,
 			"aria-label": f ? e : void 0,
@@ -672,13 +693,13 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			return () => e?.unsubscribe();
 		}, [i]);
 		let s = (e) => {
-			Ze(e.currentTarget, e.target) || r?.next();
+			$e(e.currentTarget, e.target) || r?.next();
 		}, c = (e) => {
-			e.target !== e.currentTarget || !Qe.has(e.key) || (e.key === " " && e.preventDefault(), e.repeat || r?.next());
+			e.target !== e.currentTarget || !et.has(e.key) || (e.key === " " && e.preventDefault(), e.repeat || r?.next());
 		}, l = r !== void 0;
 		return /* @__PURE__ */ t("tr", {
 			role: "row",
-			className: Ye({ interactive: l }),
+			className: Ze({ interactive: l }),
 			"data-testid": n,
 			tabIndex: l ? 0 : void 0,
 			"aria-selected": i === void 0 ? void 0 : a,
@@ -691,19 +712,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: et({ align: n }),
+		className: nt({ align: n }),
 		children: i
 	}),
 	Cell: ({ variant: e, align: n, children: r }) => /* @__PURE__ */ t("td", {
 		role: "cell",
-		className: $e({
+		className: tt({
 			variant: e,
 			align: n
 		}),
 		"data-variant": e ?? "value",
 		children: r
 	})
-}, ot = y("font-secondary text-label tracking-label font-medium", {
+}, ct = y("font-secondary text-label tracking-label font-medium", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -713,11 +734,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "muted" }
-}), st = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("p", {
-	className: ot({ color: n }),
+}), lt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("p", {
+	className: ct({ color: n }),
 	"data-testid": r,
 	children: e
-}), ct = y("font-heading text-display leading-display tracking-optical max-w-[var(--measure-display)]", {
+}), ut = y("font-heading text-display leading-display tracking-optical max-w-[var(--measure-display)]", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -727,11 +748,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "foreground" }
-}), lt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h1", {
-	className: ct({ color: n }),
+}), dt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h1", {
+	className: ut({ color: n }),
 	"data-testid": r,
 	children: e
-}), ut = y("font-heading text-title leading-title tracking-optical", {
+}), ft = y("font-heading text-title leading-title tracking-optical", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -741,11 +762,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("h2", {
-	className: ut({ color: n }),
+}), pt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h2", {
+	className: ft({ color: n }),
 	"data-testid": r,
 	children: e
-}), ft = y("font-heading text-subtitle leading-subtitle", {
+}), mt = y("font-heading text-subtitle leading-subtitle", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -755,11 +776,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "foreground" }
-}), pt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h3", {
-	className: ft({ color: n }),
+}), ht = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h3", {
+	className: mt({ color: n }),
 	"data-testid": r,
 	children: e
-}), mt = y("font-heading text-body leading-body font-bold", {
+}), gt = y("font-heading text-body leading-body font-bold", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -769,11 +790,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "foreground" }
-}), ht = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h4", {
-	className: mt({ color: n }),
+}), _t = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h4", {
+	className: gt({ color: n }),
 	"data-testid": r,
 	children: e
-}), gt = y("font-heading text-body leading-body font-semibold", {
+}), vt = y("font-heading text-body leading-body font-semibold", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -783,11 +804,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "foreground" }
-}), _t = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h5", {
-	className: gt({ color: n }),
+}), yt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h5", {
+	className: vt({ color: n }),
 	"data-testid": r,
 	children: e
-}), vt = y("font-heading text-body leading-body font-medium", {
+}), bt = y("font-heading text-body leading-body font-medium", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -797,11 +818,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "foreground" }
-}), yt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h6", {
-	className: vt({ color: n }),
+}), xt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("h6", {
+	className: bt({ color: n }),
 	"data-testid": r,
 	children: e
-}), bt = y("font-secondary text-small", {
+}), St = y("font-secondary text-small", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -811,11 +832,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "foreground" }
-}), xt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("p", {
-	className: bt({ color: n }),
+}), Ct = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("p", {
+	className: St({ color: n }),
 	"data-testid": r,
 	children: e
-}), St = y("font-body text-body leading-body", {
+}), wt = y("font-body text-body leading-body", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -825,11 +846,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("p", {
-	className: St({ color: n }),
+}), Tt = ({ children: e, color: n, testId: r }) => /* @__PURE__ */ t("p", {
+	className: wt({ color: n }),
 	"data-testid": r,
 	children: e
-}), wt = y("flex max-w-[var(--measure)] flex-col gap-[var(--space-stack)]"), Tt = y("font-body text-lede leading-lede text-foreground"), Et = y("font-body text-body leading-body", {
+}), Et = y("flex max-w-[var(--measure)] flex-col gap-[var(--space-stack)]"), Dt = y("font-body text-lede leading-lede text-foreground"), Ot = y("font-body text-body leading-body", {
 	variants: { color: {
 		foreground: "text-foreground",
 		muted: "text-muted",
@@ -839,69 +860,69 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		info: "text-info"
 	} },
 	defaultVariants: { color: "foreground" }
-}), Dt = y("font-body text-small text-muted"), Ot = {
+}), kt = y("font-body text-small text-muted"), At = {
 	Root: ({ children: e, testId: n }) => /* @__PURE__ */ t("div", {
-		className: wt(),
+		className: Et(),
 		"data-testid": n,
 		children: e
 	}),
 	Lede: ({ children: e }) => /* @__PURE__ */ t("p", {
-		className: Tt(),
+		className: Dt(),
 		children: e
 	}),
 	Body: ({ color: e, children: n }) => /* @__PURE__ */ t("p", {
-		className: Et({ color: e }),
+		className: Ot({ color: e }),
 		children: n
 	}),
 	Tail: ({ children: e }) => /* @__PURE__ */ t("p", {
-		className: Dt(),
+		className: kt(),
 		children: e
 	})
-}, J = "font-control text-body text-balance wrap-anywhere rounded-[var(--radius-control)] select-none inline-flex flex-row items-center justify-center gap-2", kt = 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)]", {
+}, q = "font-control text-body text-balance wrap-anywhere rounded-[var(--radius-control)] select-none inline-flex flex-row items-center justify-center gap-2", jt = 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: `${J} 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: `${J} 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: `${J} 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: `${J} 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: `${J} 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: `${q} 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: `${q} 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: `${q} 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: `${q} 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: `${q} 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`,
 		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" }
-}), At = ({ children: e, disabled: n, testId: r, variant: i, onClick$: a, ariaLabel: o, type: s = "button" }) => /* @__PURE__ */ t("button", {
+}), Mt = ({ children: e, disabled: n, testId: r, variant: i, onClick$: a, ariaLabel: o, type: s = "button" }) => /* @__PURE__ */ t("button", {
 	type: s,
 	"data-testid": r,
-	className: kt({ variant: i }),
+	className: jt({ variant: i }),
 	onClick: () => a?.next(),
 	disabled: n,
 	"aria-label": o,
 	children: e
-}), jt = class extends Error {
+}), Nt = class extends Error {
 	constructor(e) {
 		super(`Choices.${e} must be composed inside Choices.Root`), this.name = "ChoicesCompositionError";
 	}
-}, Mt = y("flex flex-col gap-[var(--space-stack)]"), Nt = y([
+}, Pt = y("flex flex-col gap-[var(--space-stack)]"), Ft = 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(" ")), Pt = a(void 0), Ft = (e) => {
-	let t = c(Pt);
-	if (t === void 0) throw new jt(e);
+].join(" ")), It = a(void 0), Lt = (e) => {
+	let t = c(It);
+	if (t === void 0) throw new Nt(e);
 	return t;
-}, It = (e, t) => {
+}, Rt = (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];
-}, Lt = {
+}, zt = {
 	ArrowDown: 1,
 	ArrowRight: 1,
 	ArrowUp: -1,
 	ArrowLeft: -1
-}, Rt = {
-	Root: ({ selected: e, onSelect$: n, label: r, inert: i, children: a, testId: o }) => /* @__PURE__ */ t(Pt.Provider, {
+}, Bt = {
+	Root: ({ selected: e, onSelect$: n, label: r, inert: i, children: a, testId: o }) => /* @__PURE__ */ t(It.Provider, {
 		value: {
 			selected: e,
 			onSelect$: n,
@@ -911,13 +932,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: Mt(),
+			className: Pt(),
 			"data-testid": o,
 			children: a
 		})
 	}),
 	Choice: ({ value: e, children: r, description: i, testId: a }) => {
-		let { selected: o, onSelect$: s, inert: c } = Ft("Choice"), l = o === e, d = u(), f = `${d}-name`, p = `${d}-description`;
+		let { selected: o, onSelect$: s, inert: c } = Lt("Choice"), l = o === e, d = u(), f = `${d}-name`, p = `${d}-description`;
 		return /* @__PURE__ */ n("button", {
 			type: "button",
 			role: "radio",
@@ -928,15 +949,15 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			disabled: c,
 			"data-value": e,
 			"data-testid": a,
-			className: Nt(),
+			className: Ft(),
 			onClick: () => {
 				l || s.next(e);
 			},
 			onKeyDown: (e) => {
-				let t = Lt[e.key];
+				let t = zt[e.key];
 				if (t === void 0 || c) return;
 				e.preventDefault();
-				let n = It(e.currentTarget, t);
+				let n = Rt(e.currentTarget, t);
 				if (n === void 0) return;
 				n.focus();
 				let r = n.dataset.value;
@@ -962,14 +983,14 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			})]
 		});
 	}
-}, zt = 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", {
+}, Vt = 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" }
-}), Bt = ({ 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 }) => {
+}), Ht = ({ 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(() => {
@@ -989,7 +1010,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 				id: x,
 				name: r,
 				type: i ?? "text",
-				className: zt({ variant: i }),
+				className: Vt({ variant: i }),
 				required: a,
 				disabled: c,
 				defaultValue: d,
@@ -1016,7 +1037,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			})
 		]
 	});
-}, Vt = y("outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]", {
+}, Ut = 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",
@@ -1024,15 +1045,15 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		graphic: "text-inherit no-underline"
 	} },
 	defaultVariants: { treatment: "prose" }
-}), Ht = ({ href: e, children: n, treatment: r, external: i, current: a, testId: o }) => /* @__PURE__ */ t("a", {
+}), Wt = ({ href: e, children: n, treatment: r, external: i, current: a, testId: o }) => /* @__PURE__ */ t("a", {
 	href: e,
-	className: Vt({ treatment: r }),
+	className: Ut({ treatment: r }),
 	target: i ? "_blank" : void 0,
 	rel: i ? "noopener noreferrer" : void 0,
 	"aria-current": a ? "page" : void 0,
 	"data-testid": o,
 	children: n
-}), Ut = (e, t, n, r) => {
+}), Gt = (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;
@@ -1041,11 +1062,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		o += t + r, a += 1;
 	}
 	return a;
-}, Wt = class extends Error {
+}, Kt = class extends Error {
 	constructor(e) {
 		super(`MultiSelect.${e} must be composed inside MultiSelect.Root`), this.name = "MultiSelectCompositionError";
 	}
-}, Gt = "outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]", Kt = `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 ${Gt}`, Y = y("", {
+}, J = "outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]", qt = `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 ${J}`, Y = y("", {
 	variants: { part: {
 		root: [
 			"relative flex flex-col gap-[var(--space-stack)]",
@@ -1058,7 +1079,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 ${Gt}`,
+		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 ${J}`,
 		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: [
@@ -1066,9 +1087,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: Kt,
-		countMeasure: `${Kt} 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 ${Gt}`,
+		count: qt,
+		countMeasure: `${qt} 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 ${J}`,
 		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)]",
@@ -1077,22 +1098,22 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		].join(" ")
 	} },
 	defaultVariants: { part: "root" }
-}), qt = y([
+}), Jt = 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(" ")), Jt = 8, Yt = a(void 0), Xt = (e) => {
-	let t = c(Yt);
-	if (t === void 0) throw new Wt(e);
+].join(" ")), Yt = 8, Xt = a(void 0), Zt = (e) => {
+	let t = c(Xt);
+	if (t === void 0) throw new Kt(e);
 	return t;
 }, X = (e) => (t) => {
 	e.current = t ?? void 0;
-}, Zt = (e) => e.getBoundingClientRect().width, Qt = (e) => r.toArray(e).flatMap((e) => {
+}, Qt = (e) => e.getBoundingClientRect().width, $t = (e) => r.toArray(e).flatMap((e) => {
 	if (!o(e)) return [];
-	if (e.type === i) return Qt(e.props.children);
-	if (e.type === cn) {
+	if (e.type === i) return $t(e.props.children);
+	if (e.type === ln) {
 		let { value: t, children: n } = e.props;
 		return [{
 			value: t,
@@ -1100,19 +1121,19 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		}];
 	}
 	return [];
-}), $t = (e) => Array.from(e.querySelectorAll("[data-multiselect-chip]:not([data-overflow]) button")), en = (e) => {
+}), en = (e) => Array.from(e.querySelectorAll("[data-multiselect-chip]:not([data-overflow]) button")), tn = (e) => {
 	let t = document.activeElement;
 	return !e.contains(t) || t instanceof Element && t.closest("[data-overflow]") !== null;
-}, tn = (e) => e.querySelector("[role=\"checkbox\"][aria-checked=\"true\"]") ?? e.querySelector("[role=\"checkbox\"]") ?? void 0, nn = (e, t) => [...new Set(e.map(({ value: e }) => e).filter((e) => t.has(e)))], rn = (e) => e.kind === "firstOption" || !e.control.isConnected, an = (e, t, n, r) => {
+}, nn = (e) => e.querySelector("[role=\"checkbox\"][aria-checked=\"true\"]") ?? e.querySelector("[role=\"checkbox\"]") ?? void 0, rn = (e, t) => [...new Set(e.map(({ value: e }) => e).filter((e) => t.has(e)))], an = (e) => e.kind === "firstOption" || !e.control.isConnected, on = (e, t, n, r) => {
 	switch (e.kind) {
-		case "firstOption": return r === void 0 ? void 0 : tn(r);
+		case "firstOption": return r === void 0 ? void 0 : nn(r);
 		case "afterRemoval": {
-			let r = $t(t);
+			let r = en(t);
 			return r[e.index] ?? r[e.index - 1] ?? n;
 		}
 		case "afterClear": return n;
 	}
-}, on = () => /* @__PURE__ */ t("svg", {
+}, sn = () => /* @__PURE__ */ t("svg", {
 	"aria-hidden": !0,
 	focusable: !1,
 	viewBox: "0 0 16 16",
@@ -1124,8 +1145,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, [E, D] = m([]), [ee, O] = m(!1), [k, te] = m(void 0), [ne, A] = m("below"), [, re] = f((e) => e + 1, 0), j = p(void 0), ie = p(void 0), M = p(void 0), N = p(void 0), P = p(void 0), F = p(void 0), I = p(!1), L = ee && !T, ae = Qt(v), R = new Set(E), z = ae.filter((e) => R.has(e.value)), B = k === void 0 ? z.length : Math.min(k, z.length), V = z.length - B;
+}), 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, [E, D] = m([]), [ee, O] = m(!1), [k, te] = m(void 0), [A, j] = m("below"), [, ne] = f((e) => e + 1, 0), M = p(void 0), N = p(void 0), P = p(void 0), F = p(void 0), I = p(void 0), L = p(void 0), R = p(!1), z = ee && !T, re = $t(v), B = new Set(E), V = re.filter((e) => B.has(e.value)), H = k === void 0 ? V.length : Math.min(k, V.length), U = V.length - H;
 	d(() => {
 		D([]);
 		let e = r.subscribe((e) => D(e));
@@ -1133,80 +1154,80 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	}, [r]), l(() => {
 		T && O(!1);
 	}, [T]), d(() => {
-		let e = N.current;
+		let e = F.current;
 		if (e === void 0 || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(() => re());
+		let t = new ResizeObserver(() => ne());
 		return t.observe(e), () => t.disconnect();
 	}, []), d(() => {
-		let e = N.current;
+		let e = F.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 = Ut(t.map(Zt), n === null ? 0 : Zt(n), Zt(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 = Gt(t.map(Qt), n === null ? 0 : Qt(n), Qt(e), r);
 		te((e) => e === i ? e : i);
 	}), d(() => {
-		let e = ie.current, t = P.current;
-		if (!L || e === void 0 || t === void 0) return;
-		let n = e.getBoundingClientRect(), r = window.innerHeight - n.bottom - Jt, i = n.top - Jt, a = t.scrollHeight > r && i > r;
-		t.style.setProperty("--multiselect-surface-max-height", `${Math.max(a ? i : r, 0)}px`), A(a ? "above" : "below");
+		let e = N.current, t = I.current;
+		if (!z || e === void 0 || t === void 0) return;
+		let n = e.getBoundingClientRect(), r = window.innerHeight - n.bottom - Yt, i = n.top - Yt, a = t.scrollHeight > r && i > r;
+		t.style.setProperty("--multiselect-surface-max-height", `${Math.max(a ? i : r, 0)}px`), j(a ? "above" : "below");
 	}), l(() => {
-		if (!L) return;
+		if (!z) return;
 		let e = (e) => {
-			let t = j.current;
-			t !== void 0 && e.target instanceof Node && !t.contains(e.target) && (I.current = !1, F.current = void 0, O(!1));
+			let t = M.current;
+			t !== void 0 && e.target instanceof Node && !t.contains(e.target) && (R.current = !1, L.current = void 0, O(!1));
 		};
 		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
-	}, [L]), d(() => {
-		let e = j.current, t = M.current;
+	}, [z]), d(() => {
+		let e = M.current, t = P.current;
 		if (e === void 0 || t === void 0) return;
-		let n = F.current;
-		n !== void 0 && rn(n) ? (F.current = void 0, an(n, e, t, L ? P.current : void 0)?.focus()) : n === void 0 && I.current && en(e) && t.focus(), I.current = e.contains(document.activeElement);
+		let n = L.current;
+		n !== void 0 && an(n) ? (L.current = void 0, on(n, e, t, z ? I.current : void 0)?.focus()) : n === void 0 && R.current && tn(e) && t.focus(), R.current = e.contains(document.activeElement);
 	});
-	let H = (e) => {
-		i.next(nn(ae, e));
-	}, oe = (e) => {
+	let W = (e) => {
+		i.next(rn(re, e));
+	}, ie = (e) => {
 		if (T) return;
-		let t = new Set(R);
-		t.delete(e) || t.add(e), H(t);
-	}, se = (e, t) => (n) => {
+		let t = new Set(B);
+		t.delete(e) || t.add(e), W(t);
+	}, ae = (e, t) => (n) => {
 		if (T) return;
-		document.activeElement === n.currentTarget && (F.current = {
+		document.activeElement === n.currentTarget && (L.current = {
 			kind: "afterRemoval",
 			index: t,
 			control: n.currentTarget
 		});
-		let r = new Set(R);
-		r.delete(e), H(r);
-	}, ce = (e) => {
-		T || (document.activeElement === e.currentTarget && (F.current = {
+		let r = new Set(B);
+		r.delete(e), W(r);
+	}, oe = (e) => {
+		T || (document.activeElement === e.currentTarget && (L.current = {
 			kind: "afterClear",
 			control: e.currentTarget
 		}), i.next([]));
-	}, U = (e) => {
-		T || (e.detail === 0 && (F.current = { kind: "firstOption" }), O(!0));
+	}, se = (e) => {
+		T || (e.detail === 0 && (L.current = { kind: "firstOption" }), O(!0));
+	}, ce = (e) => {
+		z ? O(!1) : se(e);
 	}, le = (e) => {
-		L ? O(!1) : U(e);
-	}, ue = (e) => {
 		if (e.key !== "ArrowDown" || T) return;
 		e.preventDefault();
-		let t = P.current;
-		L && t !== void 0 ? tn(t)?.focus() : (F.current = { kind: "firstOption" }, O(!0));
-	}, W = (e) => {
-		e.key !== "Escape" || !L || (e.preventDefault(), e.stopPropagation(), O(!1), M.current?.focus());
+		let t = I.current;
+		z && t !== void 0 ? nn(t)?.focus() : (L.current = { kind: "firstOption" }, O(!0));
+	}, G = (e) => {
+		e.key !== "Escape" || !z || (e.preventDefault(), e.stopPropagation(), O(!1), P.current?.focus());
+	}, ue = (e) => {
+		R.current = !0;
+		let t = L.current;
+		t !== void 0 && t.kind !== "firstOption" && e.target !== t.control && (L.current = void 0);
 	}, de = (e) => {
-		I.current = !0;
-		let t = F.current;
-		t !== void 0 && t.kind !== "firstOption" && e.target !== t.control && (F.current = void 0);
+		let t = M.current, n = e.relatedTarget;
+		t !== void 0 && n instanceof Node && t.contains(n) || e.target.isConnected && (R.current = !1, L.current = void 0, O(!1));
 	}, fe = (e) => {
-		let t = j.current, n = e.relatedTarget;
-		t !== void 0 && n instanceof Node && t.contains(n) || e.target.isConnected && (I.current = !1, F.current = void 0, O(!1));
-	}, pe = (e) => {
 		(!(e.target instanceof Element) || e.target.closest("button") === null) && e.preventDefault();
-	}, G = [z.length === 0 ? w : void 0, h ? C : void 0].filter(Boolean).join(" ") || void 0;
+	}, pe = [V.length === 0 ? w : void 0, h ? C : void 0].filter(Boolean).join(" ") || void 0;
 	return /* @__PURE__ */ n("div", {
-		ref: X(j),
+		ref: X(M),
 		className: Y(),
-		onKeyDown: W,
-		onFocus: de,
-		onBlur: fe,
+		onKeyDown: G,
+		onFocus: ue,
+		onBlur: de,
 		children: [
 			/* @__PURE__ */ t("label", {
 				id: b,
@@ -1214,24 +1235,24 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 				children: e
 			}),
 			/* @__PURE__ */ n("div", {
-				ref: X(ie),
+				ref: X(N),
 				"data-multiselect-field": !0,
 				"data-disabled": T || void 0,
 				className: Y({ part: "field" }),
 				children: [
 					/* @__PURE__ */ t("button", {
-						ref: X(M),
+						ref: X(P),
 						id: x,
 						type: "button",
 						"aria-labelledby": b,
-						"aria-expanded": L,
-						"aria-controls": L ? S : void 0,
-						"aria-describedby": G,
+						"aria-expanded": z,
+						"aria-controls": z ? S : void 0,
+						"aria-describedby": pe,
 						disabled: T,
 						"data-testid": _,
 						className: Y({ part: "trigger" }),
-						onClick: le,
-						onKeyDown: ue,
+						onClick: ce,
+						onKeyDown: le,
 						children: /* @__PURE__ */ t("svg", {
 							"aria-hidden": !0,
 							focusable: !1,
@@ -1250,17 +1271,17 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 					/* @__PURE__ */ t("div", {
 						className: Y({ part: "clip" }),
 						children: /* @__PURE__ */ n("div", {
-							ref: X(N),
+							ref: X(F),
 							"data-multiselect-track": !0,
 							className: Y({ part: "track" }),
 							children: [
-								z.length === 0 && /* @__PURE__ */ t("span", {
+								V.length === 0 && /* @__PURE__ */ t("span", {
 									id: w,
 									className: "truncate text-muted",
 									children: a
 								}),
-								z.map(({ value: e, label: r }, i) => {
-									let a = i >= B;
+								V.map(({ value: e, label: r }, i) => {
+									let a = i >= H;
 									return /* @__PURE__ */ n("span", {
 										"data-multiselect-chip": !0,
 										"data-overflow": a || void 0,
@@ -1276,34 +1297,34 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 											disabled: T,
 											tabIndex: a ? -1 : void 0,
 											className: Y({ part: "iconButton" }),
-											onClick: se(e, i),
-											children: /* @__PURE__ */ t(on, {})
+											onClick: ae(e, i),
+											children: /* @__PURE__ */ t(sn, {})
 										})]
 									}, e);
 								}),
-								V > 0 && /* @__PURE__ */ t("button", {
+								U > 0 && /* @__PURE__ */ t("button", {
 									type: "button",
 									disabled: T,
 									className: Y({ part: "count" }),
-									onClick: U,
-									children: c.replaceAll("{count}", String(V))
+									onClick: se,
+									children: c.replaceAll("{count}", String(U))
 								}),
-								z.length > 0 && /* @__PURE__ */ t("span", {
+								V.length > 0 && /* @__PURE__ */ t("span", {
 									"aria-hidden": !0,
 									"data-multiselect-count": !0,
 									className: Y({ part: "countMeasure" }),
-									children: c.replaceAll("{count}", String(z.length))
+									children: c.replaceAll("{count}", String(V.length))
 								})
 							]
 						})
 					}),
-					z.length > 0 ? /* @__PURE__ */ t("button", {
+					V.length > 0 ? /* @__PURE__ */ t("button", {
 						type: "button",
 						"aria-label": s,
 						disabled: T,
 						className: Y({ part: "iconButton" }),
-						onClick: ce,
-						children: /* @__PURE__ */ t(on, {})
+						onClick: oe,
+						children: /* @__PURE__ */ t(sn, {})
 					}) : /* @__PURE__ */ t("span", {
 						"aria-hidden": !0,
 						className: "size-6 shrink-0"
@@ -1312,19 +1333,19 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 						"aria-hidden": !0,
 						className: "size-6 shrink-0"
 					}),
-					L && /* @__PURE__ */ t("div", {
-						ref: X(P),
+					z && /* @__PURE__ */ t("div", {
+						ref: X(I),
 						id: S,
 						role: "group",
 						"aria-labelledby": b,
-						"data-placement": ne,
+						"data-placement": A,
 						className: Y({ part: "surface" }),
-						onMouseDown: pe,
-						children: /* @__PURE__ */ t(Yt, {
+						onMouseDown: fe,
+						children: /* @__PURE__ */ t(Xt, {
 							value: {
-								selected: R,
+								selected: B,
 								disabled: T,
-								toggle: oe
+								toggle: ie
 							},
 							children: v
 						})
@@ -1337,15 +1358,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 } = Xt("Option"), c = a.has(e);
+}, ln = ({ value: e, children: r, testId: i }) => {
+	let { selected: a, disabled: o, toggle: s } = Zt("Option"), c = a.has(e);
 	return /* @__PURE__ */ n("button", {
 		type: "button",
 		role: "checkbox",
 		"aria-checked": c,
 		disabled: o,
 		"data-testid": i,
-		className: qt(),
+		className: Jt(),
 		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",
@@ -1368,10 +1389,10 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			children: r
 		})]
 	});
-}, ln = {
-	Root: sn,
-	Option: cn
-}, un = 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: _ }) => {
+}, un = {
+	Root: cn,
+	Option: ln
+}, dn = 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"), fn = ({ 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(() => {
@@ -1392,7 +1413,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 				name: r,
 				type: "text",
 				inputMode: "decimal",
-				className: un(),
+				className: dn(),
 				required: i,
 				disabled: d,
 				defaultValue: m,
@@ -1418,7 +1439,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			})
 		]
 	});
-}, fn = y([
+}, pn = 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",
@@ -1427,11 +1448,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(" ")), pn = {
+].join(" ")), mn = {
 	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: fn(),
+			className: pn(),
 			children: [
 				/* @__PURE__ */ t("label", {
 					htmlFor: _,
@@ -1474,7 +1495,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	constructor(e) {
 		super(`Slider configuration: ${e}`), this.name = "SliderConfigurationError";
 	}
-}, mn = y([
+}, hn = 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)]",
@@ -1485,14 +1506,14 @@ 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(" ")), hn = (e) => {
+].join(" ")), gn = (e) => {
 	for (let [t, n] of Object.entries(e)) if (!Number.isFinite(n)) throw new Z(`\`${t}\` must be a finite number, got ${n}`);
 	if (e.min >= e.max) throw new Z(`\`min\` (${e.min}) must be below \`max\` (${e.max})`);
 	if (e.step <= 0) throw new Z(`\`step\` (${e.step}) must be positive`);
 	if (e.value < e.min || e.value > e.max) throw new Z(`\`value\` (${e.value}) must lie within [${e.min}, ${e.max}]`);
-}, gn = ({ min: e, max: r, step: i = 1, value: a, onInput$: o, label: s, valueText: c, disabled: l, testId: d }) => {
+}, _n = ({ min: e, max: r, step: i = 1, value: a, onInput$: o, label: s, valueText: c, disabled: l, testId: d }) => {
 	let f = `${u()}-control`;
-	return hn({
+	return gn({
 		min: e,
 		max: r,
 		step: i,
@@ -1506,7 +1527,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		}), /* @__PURE__ */ t("input", {
 			id: f,
 			type: "range",
-			className: mn(),
+			className: hn(),
 			min: e,
 			max: r,
 			step: i,
@@ -1517,40 +1538,40 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			onChange: (e) => o.next(e.currentTarget.valueAsNumber)
 		})]
 	});
-}, _n = class extends Error {
+}, vn = class extends Error {
 	constructor(e) {
 		super(`Tabs.${e} must be composed inside Tabs.Root`), this.name = "TabsCompositionError";
 	}
-}, vn = y([
+}, yn = y([
 	"flex flex-row overflow-x-auto",
 	"p-[calc(var(--focus-ring-width)+var(--focus-ring-offset))]",
 	"m-[calc(-1*(var(--focus-ring-width)+var(--focus-ring-offset)))]",
 	"scroll-p-[calc(var(--focus-ring-width)+var(--focus-ring-offset))]"
-].join(" ")), yn = y([
+].join(" ")), bn = y([
 	"font-secondary text-label tracking-label",
 	"text-muted hover:text-foreground aria-selected:text-foreground",
 	"border-b-[length:var(--tab-marker-thickness)] border-solid border-transparent aria-selected:border-foreground",
 	"cursor-pointer select-none px-[var(--tab-inset-inline)] py-[var(--tab-inset-block)]",
 	"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(" ")), bn = y("outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]"), xn = a(void 0), Sn = (e) => {
-	let t = c(xn);
-	if (t === void 0) throw new _n(e);
+].join(" ")), xn = y("outline-focus-ring outline-offset-[var(--focus-ring-offset)] focus-visible:outline focus-visible:outline-[length:var(--focus-ring-width)]"), Sn = a(void 0), Cn = (e) => {
+	let t = c(Sn);
+	if (t === void 0) throw new vn(e);
 	return t;
-}, Cn = (e) => e.split("").map((e) => e.charCodeAt(0).toString(16).padStart(4, "0")).join(""), wn = (e) => {
+}, wn = (e) => e.split("").map((e) => e.charCodeAt(0).toString(16).padStart(4, "0")).join(""), Tn = (e) => {
 	e.currentTarget.scrollIntoView({
 		block: "nearest",
 		inline: "nearest"
 	});
-}, Tn = (e, t) => `${e}tab-${Cn(t)}`, En = (e, t) => `${e}panel-${Cn(t)}`, Dn = (e, t) => {
+}, En = (e, t) => `${e}tab-${wn(t)}`, Dn = (e, t) => `${e}panel-${wn(t)}`, On = (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];
-}, On = {
+}, kn = {
 	Root: ({ active: e, onSelect$: n, label: r, children: i, testId: a }) => {
 		let o = u();
-		return /* @__PURE__ */ t(xn.Provider, {
+		return /* @__PURE__ */ t(Sn.Provider, {
 			value: {
 				active: e,
 				onSelect$: n,
@@ -1564,55 +1585,55 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		});
 	},
 	List: ({ children: e, testId: n }) => {
-		let { label: r } = Sn("List");
+		let { label: r } = Cn("List");
 		return /* @__PURE__ */ t("div", {
 			role: "tablist",
 			"aria-label": r,
-			className: vn(),
+			className: yn(),
 			"data-testid": n,
 			children: e
 		});
 	},
 	Tab: ({ value: e, children: n, testId: r }) => {
-		let { active: i, onSelect$: a, baseId: o } = Sn("Tab"), s = i === e;
+		let { active: i, onSelect$: a, baseId: o } = Cn("Tab"), s = i === e;
 		return /* @__PURE__ */ t("button", {
 			type: "button",
 			role: "tab",
-			id: Tn(o, e),
+			id: En(o, e),
 			"aria-selected": s,
-			"aria-controls": En(o, e),
+			"aria-controls": Dn(o, e),
 			tabIndex: s ? 0 : -1,
 			"data-value": e,
 			"data-testid": r,
-			className: yn(),
+			className: bn(),
 			onClick: () => a.next(e),
 			onKeyDown: (e) => {
 				if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 				e.preventDefault();
-				let t = Dn(e.currentTarget, e.key === "ArrowRight" ? 1 : -1);
+				let t = On(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: wn,
+			onFocus: Tn,
 			children: n
 		});
 	},
 	Panel: ({ value: e, children: n, testId: r }) => {
-		let { active: i, baseId: a } = Sn("Panel"), o = i === e;
+		let { active: i, baseId: a } = Cn("Panel"), o = i === e;
 		return /* @__PURE__ */ t("div", {
 			role: "tabpanel",
-			id: En(a, e),
-			"aria-labelledby": Tn(a, e),
+			id: Dn(a, e),
+			"aria-labelledby": En(a, e),
 			hidden: !o,
 			tabIndex: o ? 0 : void 0,
-			className: bn(),
+			className: xn(),
 			"data-testid": r,
 			children: o ? n : void 0
 		});
 	}
-}, kn = 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"), An = ({ 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 }) => {
+}, An = 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"), jn = ({ 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(() => {
@@ -1631,7 +1652,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 				ref: w,
 				id: b,
 				name: r,
-				className: kn(),
+				className: An(),
 				required: i,
 				disabled: s,
 				defaultValue: c,
@@ -1658,29 +1679,29 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			})
 		]
 	});
-}, jn = y([
+}, Mn = y([
 	"flex flex-col items-center",
 	"min-h-[var(--cover-height)]",
 	"px-[var(--gutter)] py-[var(--space-region)]"
-].join(" ")), Mn = "my-auto max-w-full", Nn = ({ children: e, foot: r, testId: i }) => {
+].join(" ")), Nn = "my-auto max-w-full", Pn = ({ children: e, foot: r, testId: i }) => {
 	let a = r != null && typeof r != "boolean";
 	return /* @__PURE__ */ n("div", {
-		className: jn(),
+		className: Mn(),
 		"data-testid": i,
 		children: [/* @__PURE__ */ t("div", {
-			className: Mn,
+			className: Nn,
 			children: e
 		}), a && /* @__PURE__ */ t("div", { children: r })]
 	});
-}, Pn = class extends Error {
+}, Fn = class extends Error {
 	constructor(e) {
 		super(`Dialog.${e} must be composed inside Dialog.Root`), this.name = "DialogCompositionError";
 	}
-}, Fn = class extends Error {
+}, In = 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";
 	}
-}, In = y([
+}, Ln = y([
 	"open:flex open:flex-col m-auto p-0 overflow-hidden",
 	"bg-surface text-foreground",
 	"rounded-[var(--radius-dialog)] shadow-[var(--elevation-floating)]",
@@ -1691,25 +1712,25 @@ 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" }
-}), Ln = y(["px-[var(--space-region)] pt-[var(--space-region)] pb-[var(--space-region)]", "[&:has(+[data-dialog-member=description])]:pb-0"].join(" ")), Rn = 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(" ")), zn = y([
+}), Rn = y(["px-[var(--space-region)] pt-[var(--space-region)] pb-[var(--space-region)]", "[&:has(+[data-dialog-member=description])]:pb-0"].join(" ")), zn = 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(" ")), Bn = y([
 	"grow shrink min-h-0 overflow-y-auto",
 	"px-[var(--space-region)] py-[var(--space-region)]",
 	"[&:not(:first-child)]:border-t [&:not(:first-child)]:border-border"
-].join(" ")), Bn = y([
+].join(" ")), Vn = 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(" ")), Vn = a(void 0), Q = (e) => {
-	let t = c(Vn);
-	if (t === void 0) throw new Pn(e);
+].join(" ")), Hn = a(void 0), Q = (e) => {
+	let t = c(Hn);
+	if (t === void 0) throw new Fn(e);
 	return t;
-}, Hn = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", Un = (e, { presented: t, opener: n }) => {
+}, Un = "a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", Wn = (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(Hn)?.focus();
+	n.current = r instanceof HTMLElement && r !== document.body ? r : void 0, e.showModal(), t.current = !0, e.querySelector(Un)?.focus();
 }, $ = (e, { presented: t }) => {
 	t.current = !1, e?.open && e.close();
-}, Wn = {
+}, Gn = {
 	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,
@@ -1732,20 +1753,20 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			n.next(), r === void 0 ? $(d.current, g) : r.next(!1);
 		};
 		return l(() => {
-			if (r === void 0) return Un(d.current, g), () => $(d.current, g);
+			if (r === void 0) return Wn(d.current, g), () => $(d.current, g);
 			let e = r.subscribe((e) => {
-				e ? Un(d.current, g) : $(d.current, g);
+				e ? Wn(d.current, g) : $(d.current, g);
 			});
 			return () => {
 				e.unsubscribe(), $(d.current, g);
 			};
-		}, [r, g]), /* @__PURE__ */ t(Vn.Provider, {
+		}, [r, g]), /* @__PURE__ */ t(Hn.Provider, {
 			value: b,
 			children: /* @__PURE__ */ t("dialog", {
 				ref: (e) => {
 					d.current = e ?? void 0, e?.setAttribute("headingreset", "");
 				},
-				className: In({ extent: i }),
+				className: Ln({ extent: i }),
 				"aria-label": a,
 				"aria-labelledby": a === void 0 && _.title ? b.titleId : void 0,
 				"aria-describedby": _.description ? b.descriptionId : void 0,
@@ -1761,7 +1782,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(Hn) || t.hasAttribute("tabindex")) && t.focus(), e && r?.next(!1);
+					h.current = void 0, t?.isConnected && (t.matches(Un) || t.hasAttribute("tabindex")) && t.focus(), e && r?.next(!1);
 				},
 				"data-testid": o,
 				children: e
@@ -1770,10 +1791,10 @@ 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 Fn();
+		if (l(() => a("title"), [a]), i) throw new In();
 		return /* @__PURE__ */ t("div", {
 			"data-dialog-member": "title",
-			className: Ln(),
+			className: Rn(),
 			"data-testid": n,
 			children: /* @__PURE__ */ t("h1", {
 				id: r,
@@ -1786,7 +1807,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		let { descriptionId: r, registerNamePart: i } = Q("Description");
 		return l(() => i("description"), [i]), /* @__PURE__ */ t("div", {
 			"data-dialog-member": "description",
-			className: Rn(),
+			className: zn(),
 			"data-testid": n,
 			children: /* @__PURE__ */ t("p", {
 				id: r,
@@ -1797,27 +1818,27 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	},
 	Content: ({ children: e, testId: n }) => (Q("Content"), /* @__PURE__ */ t("div", {
 		"data-dialog-member": "content",
-		className: zn(),
+		className: Bn(),
 		"data-testid": n,
 		children: e
 	})),
 	Actions: ({ children: e, testId: n }) => (Q("Actions"), /* @__PURE__ */ t("div", {
 		"data-dialog-member": "actions",
-		className: Bn(),
+		className: Vn(),
 		"data-testid": n,
 		children: e
 	}))
-}, Gn = y("font-secondary text-small text-muted py-[var(--space-region)] px-[var(--gutter)]", {
+}, Kn = 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" }
-}), Kn = ({ edge: e, children: n, testId: r }) => /* @__PURE__ */ t("footer", {
-	className: Gn({ edge: e }),
+}), qn = ({ edge: e, children: n, testId: r }) => /* @__PURE__ */ t("footer", {
+	className: Kn({ edge: e }),
 	"data-testid": r,
 	children: n
-}), qn = y("font-secondary text-small", {
+}), Jn = y("font-secondary text-small", {
 	variants: { state: {
 		idle: "text-muted",
 		sending: "text-muted",
@@ -1825,13 +1846,13 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		failed: "text-error"
 	} },
 	defaultVariants: { state: "idle" }
-}), Jn = {
+}), Yn = {
 	sent: "status",
 	failed: "alert"
-}, Yn = ({ action: e, method: r = "post", state: i = "idle", children: a, actions: o, note: s, testId: c }) => {
+}, Xn = ({ 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 Error("Form in the `sent` state must be given a `note` - it is the outcome message.");
-	let u = i !== "sent", d = Jn[i];
+	let u = i !== "sent", d = Yn[i];
 	return /* @__PURE__ */ n("form", {
 		action: e,
 		method: r,
@@ -1849,12 +1870,12 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 			}),
 			l && /* @__PURE__ */ t("p", {
 				role: d,
-				className: qn({ state: i }),
+				className: Jn({ state: i }),
 				children: s
 			})
 		]
 	});
-}, Xn = y([
+}, Zn = y([
 	"flex items-baseline",
 	"font-secondary text-label leading-label tracking-label text-muted",
 	"py-[var(--space-region)] px-[var(--gutter)]",
@@ -1874,84 +1895,84 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		edge: "rule",
 		mode: "navigation"
 	}
-}), Zn = [
+}), Qn = [
 	"inline-flex shrink-0 items-center",
 	"min-h-[calc(var(--text-label)*var(--leading-label))]",
 	"min-w-[var(--standing-min-width)]"
-].join(" "), Qn = "flex flex-wrap items-baseline gap-[var(--space-region)]", $n = "min-w-0 wrap-anywhere", er = "ms-auto", tr = (e) => e != null && typeof e != "boolean" && e !== "", nr = ({ edge: r, testId: i, standing: a, navName: o, children: s, status: c, action: l }) => {
+].join(" "), $n = "flex flex-wrap items-baseline gap-[var(--space-region)]", er = "min-w-0 wrap-anywhere", tr = "ms-auto", nr = (e) => e != null && typeof e != "boolean" && e !== "", rr = ({ 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: Xn({
+		className: Zn({
 			edge: r,
 			mode: u ? "statusAction" : "navigation"
 		}),
 		"data-testid": i,
-		children: u ? /* @__PURE__ */ n(e, { children: [tr(c) && /* @__PURE__ */ t("div", {
-			className: $n,
-			children: c
-		}), tr(l) && /* @__PURE__ */ t("div", {
+		children: u ? /* @__PURE__ */ n(e, { children: [nr(c) && /* @__PURE__ */ t("div", {
 			className: er,
+			children: c
+		}), nr(l) && /* @__PURE__ */ t("div", {
+			className: tr,
 			children: l
 		})] }) : /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("div", {
-			className: Zn,
+			className: Qn,
 			children: a
 		}), /* @__PURE__ */ t("nav", {
 			"aria-label": o,
-			className: Qn,
+			className: $n,
 			children: s
 		})] })
 	});
-}, rr = 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: rr({ place: e }),
+}), ar = ({ place: e, children: n, testId: r }) => /* @__PURE__ */ t("div", {
+	className: ir({ place: e }),
 	"data-testid": r,
 	children: n
-}), ar = y("flex flex-col gap-[var(--space-stack)] py-[var(--space-band)] px-[var(--gutter)]"), or = y("font-heading text-title leading-title tracking-optical text-foreground"), sr = y("font-body text-lede leading-lede text-foreground max-w-[var(--measure-wide)]"), cr = y("font-body text-small text-muted max-w-[var(--measure)]"), lr = ({ title: e, lede: r, intro: i, testId: a }) => /* @__PURE__ */ n("header", {
-	className: ar(),
+}), or = y("flex flex-col gap-[var(--space-stack)] py-[var(--space-band)] px-[var(--gutter)]"), sr = y("font-heading text-title leading-title tracking-optical text-foreground"), cr = y("font-body text-lede leading-lede text-foreground max-w-[var(--measure-wide)]"), lr = y("font-body text-small text-muted max-w-[var(--measure)]"), ur = ({ title: e, lede: r, intro: i, testId: a }) => /* @__PURE__ */ n("header", {
+	className: or(),
 	"data-testid": a,
 	children: [
 		/* @__PURE__ */ t("h1", {
-			className: or(),
+			className: sr(),
 			children: e
 		}),
 		r !== void 0 && /* @__PURE__ */ t("p", {
-			className: sr(),
+			className: cr(),
 			children: r
 		}),
 		i !== void 0 && /* @__PURE__ */ t("p", {
-			className: cr(),
+			className: lr(),
 			children: i
 		})
 	]
-}), ur = 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)]", {
+}), dr = 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" }
-}), dr = y("p-[calc(var(--focus-ring-width)+var(--focus-ring-offset))]", {
+}), fr = 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" }
-}), fr = (e, t) => {
+}), pr = (e, t) => {
 	let n = e.scrollWidth > e.clientWidth, r = e.scrollHeight > e.clientHeight;
 	return t !== "vertical" && n || t !== "horizontal" && r;
-}, pr = (e, t, n) => {
+}, mr = (e, t, n) => {
 	let [r, i] = m(!0);
 	return d(() => {
 		let r = e.current;
 		if (r === null) return;
-		let a = () => i(fr(r, n) || r === document.activeElement);
+		let a = () => i(pr(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), () => {
@@ -1962,22 +1983,22 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		t,
 		n
 	]), r;
-}, mr = ({ axis: e, ariaLabel: n, children: r, testId: i }) => {
-	let a = p(null), o = p(null), s = pr(a, o, e ?? "both");
+}, hr = ({ axis: e, ariaLabel: n, children: r, testId: i }) => {
+	let a = p(null), o = p(null), s = mr(a, o, e ?? "both");
 	return /* @__PURE__ */ t("div", {
 		ref: a,
-		className: ur({ axis: e }),
+		className: dr({ 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: dr({ axis: e }),
+			className: fr({ axis: e }),
 			children: r
 		})
 	});
-}, hr = y([
+}, gr = y([
 	"relative",
 	"py-[var(--space-band)]",
 	"[[data-section]+&]:border-t [[data-section]+&]:border-solid [[data-section]+&]:border-rule"
@@ -1987,20 +2008,20 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		full: ""
 	} },
 	defaultVariants: { bleed: "inset" }
-}), gr = ({ bleed: e, name: n, children: r, testId: i }) => /* @__PURE__ */ t("section", {
+}), _r = ({ bleed: e, name: n, children: r, testId: i }) => /* @__PURE__ */ t("section", {
 	"data-section": "",
-	className: hr({ bleed: e }),
+	className: gr({ bleed: e }),
 	"aria-label": n,
 	"data-testid": i,
 	children: r
-}), _r = y([
+}), vr = 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)]",
 	"lg:[&>div:first-child>nav]:sticky lg:[&>div:first-child>nav]:top-0 lg:[&>div:first-child>nav]:max-h-[min(100dvh,var(--sidebar-scrollport-height,100dvh))] lg:[&>div:first-child>nav]:overflow-y-auto",
 	"[&>div:first-child>nav]:p-[calc(var(--focus-ring-width)+var(--focus-ring-offset))] lg:[&>div:first-child>nav]:scroll-p-[calc(var(--focus-ring-width)+var(--focus-ring-offset))]",
 	"[&>div:first-child>nav>ul]:flex [&>div:first-child>nav>ul]:flex-col [&>div:first-child>nav>ul]:gap-[var(--space-stack)]"
-].join(" ")), vr = (e) => {
+].join(" ")), yr = (e) => {
 	if (!e) return;
 	let t = [];
 	for (let n = e.parentElement; n && n !== e.ownerDocument.documentElement; n = n.parentElement) t.push(n);
@@ -2014,7 +2035,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");
 	};
-}, yr = y([
+}, br = 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)]"
@@ -2025,11 +2046,11 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		inert: "text-muted cursor-not-allowed"
 	} },
 	defaultVariants: { state: "usable" }
-}), br = a(void 0), xr = ({ entryKey: e, children: n, inert: r, testId: i }) => {
-	let a = c(br), o = a !== void 0 && a.active === e;
+}), xr = a(void 0), Sr = ({ entryKey: e, children: n, inert: r, testId: i }) => {
+	let a = c(xr), o = a !== void 0 && a.active === e;
 	return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("button", {
 		type: "button",
-		className: yr({ state: r ? "inert" : o ? "active" : "usable" }),
+		className: br({ state: r ? "inert" : o ? "active" : "usable" }),
 		disabled: r,
 		"aria-current": o ? "true" : void 0,
 		"data-testid": i,
@@ -2038,31 +2059,31 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 		},
 		children: n
 	}) });
-}, Sr = ({ children: e, testId: n }) => /* @__PURE__ */ t("div", {
+}, Cr = ({ children: e, testId: n }) => /* @__PURE__ */ t("div", {
 	"data-testid": n,
 	children: e
-}), Cr = {
+}), wr = {
 	Root: ({ active: e, label: i, onSelect$: a, children: s, testId: c }) => {
 		let l = r.toArray(s).filter(o);
 		return /* @__PURE__ */ n("div", {
-			className: _r(),
+			className: vr(),
 			"data-testid": c,
 			children: [/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t("nav", {
-				ref: vr,
+				ref: yr,
 				"aria-label": i,
-				children: /* @__PURE__ */ t(br, {
+				children: /* @__PURE__ */ t(xr, {
 					value: {
 						active: e,
 						onSelect$: a
 					},
-					children: /* @__PURE__ */ t("ul", { children: l.filter((e) => e.type === xr) })
+					children: /* @__PURE__ */ t("ul", { children: l.filter((e) => e.type === Sr) })
 				})
-			}) }), l.filter((e) => e.type === Sr)]
+			}) }), l.filter((e) => e.type === Cr)]
 		});
 	},
-	Item: xr,
-	Content: Sr
-}, wr = {
+	Item: Sr,
+	Content: Cr
+}, Tr = {
 	surface: "#ffffff",
 	foreground: "#0f172a",
 	muted: "#64748b",
@@ -2089,7 +2110,7 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	errorHover: "#be185d",
 	errorForeground: "#ffffff",
 	info: "#0e7490"
-}, Tr = {
+}, Er = {
 	surface: "#0f172a",
 	foreground: "#f8fafc",
 	muted: "#94a3b8",
@@ -2118,4 +2139,4 @@ var _ = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, v = g, y = (e
 	info: "#22d3ee"
 };
 //#endregion
-export { me as Box, ge as Brandmark, At as Button, ye as Checklist, Rt as Choices, x as Cluster, Se as Collection, ie as ColumnLayout, Nn as Cover, Ne as DefinitionList, Wn as Dialog, st as Eyebrow, de as FieldRow, Fe as Figure, Kn as Footer, Yn as Form, lt as H1, dt as H2, pt as H3, ht as H4, _t as H5, yt as H6, nr as Header, ir as Hero, Re as Icon, Bt as Input, Ht as Link, Ve as Meter, ln as MultiSelect, xt as Note, dn as NumberInput, Ct as P, lr as PageHead, Ot as Prose, Ke as Rail, mr as ScrollContainer, gr as Section, pn as Select, Cr as Sidebar, gn as Slider, pe as Stack, at as Table, On as Tabs, An as TextArea, Tr as dark, wr as light };
+export { me as Box, ge as Brandmark, Mt as Button, ye as Checklist, Bt as Choices, x as Cluster, Se as Collection, N as ColumnLayout, Pn as Cover, Ne as DefinitionList, Gn as Dialog, lt as Eyebrow, ue as FieldRow, Fe as Figure, qn as Footer, Xn as Form, dt as H1, pt as H2, ht as H3, _t as H4, yt as H5, xt as H6, rr as Header, ar as Hero, ze as Icon, Ht as Input, Wt as Link, Ue as Meter, un as MultiSelect, Ct as Note, fn as NumberInput, Tt as P, ur as PageHead, At as Prose, Je as Rail, hr as ScrollContainer, _r as Section, mn as Select, wr as Sidebar, _n as Slider, fe as Stack, st as Table, kn as Tabs, jn as TextArea, Er as dark, Tr as light };