eidotter 0.42.0 → 0.43.0

package/dist/index.es.js

@@ -14497,8 +14497,151 @@ function J_({ entries: e, categories: t, categoryOf: n = U_, descriptionOf: r =
 		})]
 	});
 }
+// src/components/Bench/components/Bench.tsx
+var Y_ = {
+	before: "eidotter-bench__pane--before",
+	after: "eidotter-bench__pane--after",
+	neutral: "eidotter-bench__pane--neutral"
+};
+function X_(e, t) {
+	return e.frameLabel ? e.frameLabel : typeof e.label == "string" ? typeof t == "string" ? `${t}, ${e.label}` : e.label : "Scrollable pane";
+}
+var Z_ = i(({ title: e, headingLevel: t = 3, chips: n, note: r, panes: i, maxHeight: a, className: o, style: s, ...c }, l) => {
+	let u = `h${t}`, d = n != null && n !== !1 && n !== "", f = r != null && r !== !1 && r !== "", p = a?.trim(), m = p ? {
+		...s,
+		"--eidotter-bench-max-height": p
+	} : s;
+	return /* @__PURE__ */ S(vm, {
+		ref: l,
+		className: $("eidotter-bench", o),
+		style: m,
+		title: /* @__PURE__ */ x(u, {
+			className: "eidotter-bench__title",
+			children: e
+		}),
+		controls: d ? /* @__PURE__ */ x("div", {
+			className: "eidotter-bench__chips",
+			children: n
+		}) : void 0,
+		...c,
+		children: [f && /* @__PURE__ */ x("p", {
+			className: "eidotter-bench__note",
+			children: r
+		}), /* @__PURE__ */ x("div", {
+			className: $("eidotter-bench__panes", i.length === 1 && "eidotter-bench__panes--single"),
+			children: i.map((t, n) => {
+				let r = /* @__PURE__ */ x("div", {
+					className: $("eidotter-bench__frame", t.frame === "phone" && "eidotter-bench__frame--phone"),
+					tabIndex: 0,
+					role: "group",
+					"aria-label": X_(t, e),
+					children: t.content
+				});
+				return /* @__PURE__ */ S("div", {
+					className: $("eidotter-bench__pane", Y_[t.tone ?? "neutral"]),
+					children: [/* @__PURE__ */ x("div", {
+						className: "eidotter-bench__label",
+						children: t.label
+					}), t.frame === "phone" ? /* @__PURE__ */ x("div", {
+						className: "eidotter-bench__phone",
+						children: r
+					}) : r]
+				}, n);
+			})
+		})]
+	});
+});
+Z_.displayName = "Bench";
+// src/components/PageShell/components/PageShell.tsx
+function Q_({ intro: e }) {
+	let { eyebrow: t, title: n, lead: r, meta: i, toc: a, tocLabel: o = "On this page" } = e, s = (e) => e != null && e !== !1 && e !== "";
+	return /* @__PURE__ */ S("header", {
+		className: "eidotter-page-shell__intro",
+		children: [
+			s(t) && /* @__PURE__ */ x("div", {
+				className: "eidotter-page-shell__eyebrow",
+				children: t
+			}),
+			/* @__PURE__ */ x("h1", {
+				className: "eidotter-page-shell__title",
+				children: n
+			}),
+			s(r) && /* @__PURE__ */ x("p", {
+				className: "eidotter-page-shell__lead",
+				children: r
+			}),
+			s(i) && /* @__PURE__ */ x("div", {
+				className: "eidotter-page-shell__meta",
+				children: i
+			}),
+			a && a.length > 0 && /* @__PURE__ */ x("nav", {
+				className: "eidotter-page-shell__toc",
+				"aria-label": o,
+				children: /* @__PURE__ */ x("ul", {
+					className: "eidotter-page-shell__toc-list",
+					children: a.map((e, t) => /* @__PURE__ */ x("li", { children: Cg(e.href) ? /* @__PURE__ */ x("a", {
+						className: "eidotter-page-shell__toc-link",
+						href: e.href,
+						children: e.label
+					}) : /* @__PURE__ */ x("span", {
+						className: "eidotter-page-shell__toc-link",
+						children: e.label
+					}) }, `${e.href}-${t}`))
+				})
+			})
+		]
+	});
+}
+var $_ = i(({ header: e, intro: t, footer: n, maxWidth: r, contentAs: i = "main", contentId: a, children: o, className: s, style: c, ...l }, u) => {
+	let d = i, f = r?.trim(), p = f ? {
+		...c,
+		"--eidotter-page-shell-max": f
+	} : c;
+	return /* @__PURE__ */ x("div", {
+		ref: u,
+		className: $("eidotter-page-shell", s),
+		style: p,
+		...l,
+		children: /* @__PURE__ */ S("div", {
+			className: "eidotter-page-shell__column",
+			children: [
+				e != null && e !== !1 && /* @__PURE__ */ x("div", {
+					className: "eidotter-page-shell__header",
+					children: e
+				}),
+				/* @__PURE__ */ S(d, {
+					id: a,
+					className: "eidotter-page-shell__content",
+					children: [t && /* @__PURE__ */ x(Q_, { intro: t }), o]
+				}),
+				n != null && n !== !1 && /* @__PURE__ */ x("div", {
+					className: "eidotter-page-shell__footer",
+					children: n
+				})
+			]
+		})
+	});
+});
+$_.displayName = "PageShell";
+// src/components/PageShell/components/PageSection.tsx
+var ev = i(({ title: e, headingLevel: t = 2, id: n, children: r, className: i, ...a }, o) => {
+	let s = e != null && e !== !1 && e !== "", c = `h${t}`, l = s && n ? `${n}-heading` : void 0;
+	return /* @__PURE__ */ S("section", {
+		ref: o,
+		id: n,
+		"aria-labelledby": l,
+		className: $("eidotter-page-section", i),
+		...a,
+		children: [s && /* @__PURE__ */ x(c, {
+			id: l,
+			className: "eidotter-page-section__title",
+			children: e
+		}), r]
+	});
+});
+ev.displayName = "PageSection";
 // src/components/Modal/components/Modal.tsx
-var Y_ = i(({ isOpen: e, onOpenChange: t, onClose: n, title: r, children: i, footer: a, size: o = "md", isDismissable: s = !0, className: l }, u) => {
+var tv = i(({ isOpen: e, onOpenChange: t, onClose: n, title: r, children: i, footer: a, size: o = "md", isDismissable: s = !0, className: l }, u) => {
 	let d = p(e), f = p(!1);
 	c(() => {
 		e !== d.current && (d.current = e, f.current || (t?.(e), e || n?.()), f.current = !1);
@@ -14537,34 +14680,34 @@ var Y_ = i(({ isOpen: e, onOpenChange: t, onClose: n, title: r, children: i, foo
 		})
 	});
 });
-Y_.displayName = "Modal";
+tv.displayName = "Modal";
 // src/hooks/useTextScramble.ts
-var X_ = "░▒▓█│┤┐└┴┬├─┼", Z_ = 4, Q_ = typeof window < "u" ? u : c;
-function $_(e, t, n) {
+var nv = "░▒▓█│┤┐└┴┬├─┼", rv = 4, iv = typeof window < "u" ? u : c;
+function av(e, t, n) {
 	let r = "";
 	for (let i = 0; i < e.length; i++) i < n || e[i] === " " ? r += e[i] : r += t[Math.floor(Math.random() * t.length)];
 	return r;
 }
-function ev(e, t) {
-	let { speed: n = 40, characters: r = X_, enabled: i = !0, delay: a = 0 } = t ?? {}, [o, s] = m(e), [c, l] = m(!1), u = p(0);
-	return Q_(() => {
+function ov(e, t) {
+	let { speed: n = 40, characters: r = nv, enabled: i = !0, delay: a = 0 } = t ?? {}, [o, s] = m(e), [c, l] = m(!1), u = p(0);
+	return iv(() => {
 		if (!i || om()) {
 			s(e), l(!1);
 			return;
 		}
 		let t = 0, o = 0, c = 0, d = a;
-		s($_(e, r, 0)), l(!0);
+		s(av(e, r, 0)), l(!0);
 		let f = (i) => {
 			c ||= i;
 			let a = i - c;
 			if (d > 0) d -= a, c = i, u.current = requestAnimationFrame(f);
 			else {
 				if (a >= n) {
-					if (c = i, o++, o >= Z_ && (t++, o = 0), t >= e.length) {
+					if (c = i, o++, o >= rv && (t++, o = 0), t >= e.length) {
 						s(e), l(!1);
 						return;
 					}
-					s($_(e, r, t));
+					s(av(e, r, t));
 				}
 				u.current = requestAnimationFrame(f);
 			}
@@ -14584,7 +14727,7 @@ function ev(e, t) {
 	};
 }
 // src/components/Stat/components/Stat.tsx
-var tv = {
+var sv = {
 	sm: {
 		root: "gap-0.5",
 		label: "text-dos-text-xs",
@@ -14621,23 +14764,23 @@ var tv = {
 		value: "text-dos-display-md",
 		trend: "text-dos-text-md"
 	}
-}, nv = {
+}, cv = {
 	up: "text-dos-text-success",
 	down: "text-dos-text-error",
 	neutral: "text-dos-text-brand"
-}, rv = {
+}, lv = {
 	up: "▲",
 	down: "▼",
 	neutral: "►"
-}, iv = {
+}, uv = {
 	up: "increasing",
 	down: "decreasing",
 	neutral: "unchanged"
-}, av = i(({ label: e, value: t, trend: n, trendValue: r, size: i = "md", scramble: a = !1, unit: o, note: s, target: c, className: l, ...u }, d) => {
-	let { text: f } = ev(String(t), {
+}, dv = i(({ label: e, value: t, trend: n, trendValue: r, size: i = "md", scramble: a = !1, unit: o, note: s, target: c, className: l, ...u }, d) => {
+	let { text: f } = ov(String(t), {
 		speed: 30,
 		enabled: a
-	}), p = a ? f : String(t), m = tv[i] || tv.md;
+	}), p = a ? f : String(t), m = sv[i] || sv.md;
 	return /* @__PURE__ */ S("div", {
 		ref: d,
 		className: $("flex flex-col font-dos", "eidotter-stat", m.root, l),
@@ -14663,12 +14806,12 @@ var tv = {
 				children: c
 			}),
 			n && /* @__PURE__ */ S("span", {
-				className: $("inline-flex items-center gap-1 leading-none", nv[n], m.trend),
-				"aria-label": `Trend: ${iv[n]}${r ? `, ${r}` : ""}`,
+				className: $("inline-flex items-center gap-1 leading-none", cv[n], m.trend),
+				"aria-label": `Trend: ${uv[n]}${r ? `, ${r}` : ""}`,
 				children: [/* @__PURE__ */ x("span", {
 					className: "text-[0.8em]",
 					"aria-hidden": "true",
-					children: rv[n]
+					children: lv[n]
 				}), r && /* @__PURE__ */ x("span", {
 					className: "tabular-nums",
 					children: r
@@ -14677,16 +14820,16 @@ var tv = {
 		]
 	});
 });
-av.displayName = "Stat";
+dv.displayName = "Stat";
 // src/components/FilterBar/components/FilterBar.tsx
-var ov = {
+var fv = {
 	sm: "eidotter-filter-bar--sm",
 	md: "eidotter-filter-bar--md",
 	lg: "eidotter-filter-bar--lg",
 	small: "eidotter-filter-bar--sm",
 	medium: "eidotter-filter-bar--md",
 	large: "eidotter-filter-bar--lg"
-}, sv = ({ items: e, activeIds: t, defaultActiveIds: n = [], mode: r = "multi", showAll: i = !1, allLabel: a = "All", size: s = "md", onChange: c, className: l, ...u }) => {
+}, pv = ({ items: e, activeIds: t, defaultActiveIds: n = [], mode: r = "multi", showAll: i = !1, allLabel: a = "All", size: s = "md", onChange: c, className: l, ...u }) => {
 	let [d, f] = m(n), h = p(null), g = t !== void 0, _ = g ? t : d, v = e.filter((e) => !e.disabled).map((e) => e.id), y = _.length === 0, b = o((e) => {
 		g || f(e), c?.(e);
 	}, [g, c]), C = o((e) => {
@@ -14725,7 +14868,7 @@ var ov = {
 	}, [T]), D = i && y ? "__all__" : _.length > 0 ? _[0] : i ? "__all__" : v[0] || null;
 	return /* @__PURE__ */ S("div", {
 		ref: h,
-		className: $("inline-flex flex-wrap items-center gap-1 p-1 font-dos max-w-full", "bg-dos-bg-secondary border border-dos-border-default rounded-dos-sm", "eidotter-filter-bar", ov[s] || ov.md, l),
+		className: $("inline-flex flex-wrap items-center gap-1 p-1 font-dos max-w-full", "bg-dos-bg-secondary border border-dos-border-default rounded-dos-sm", "eidotter-filter-bar", fv[s] || fv.md, l),
 		role: "toolbar",
 		onKeyDown: E,
 		...u,
@@ -14758,7 +14901,7 @@ var ov = {
 			}, e.id);
 		})]
 	});
-}, cv = (e) => {
+}, mv = (e) => {
 	if (!e) return !1;
 	try {
 		let t = new URL(e);
@@ -14772,7 +14915,7 @@ var ov = {
 	}
 };
 // src/components/InlineExpand/components/InlineExpand.tsx
-function lv(e) {
+function hv(e) {
 	try {
 		let { hostname: t } = new URL(e);
 		return `https://www.google.com/s2/favicons?domain=${encodeURIComponent(t)}&sz=32`;
@@ -14780,7 +14923,7 @@ function lv(e) {
 		return null;
 	}
 }
-var uv = ({ children: e, content: t, defaultExpanded: n = !1, expanded: r, onToggle: i, sources: a = [], className: o, ...s }) => {
+var gv = ({ children: e, content: t, defaultExpanded: n = !1, expanded: r, onToggle: i, sources: a = [], className: o, ...s }) => {
 	let [c, u] = m(n), [d, f] = m({}), h = l(), g = p(null), _ = r !== void 0, v = _ ? r : c, y = () => {
 		let e = !v;
 		_ || u(e), i?.(e);
@@ -14826,7 +14969,7 @@ var uv = ({ children: e, content: t, defaultExpanded: n = !1, expanded: r, onTog
 						className: "eidotter-inline-expand__source-item",
 						role: "listitem",
 						children: /* @__PURE__ */ x("a", {
-							href: cv(e.url) ? e.url : void 0,
+							href: mv(e.url) ? e.url : void 0,
 							className: "eidotter-inline-expand__source-link",
 							target: "_blank",
 							rel: "noopener noreferrer",
@@ -14839,7 +14982,7 @@ var uv = ({ children: e, content: t, defaultExpanded: n = !1, expanded: r, onTog
 									"aria-hidden": "true",
 									children: "[→]"
 								});
-								let n = !!e.favicon && cv(e.favicon);
+								let n = !!e.favicon && mv(e.favicon);
 								if (!t && n) return /* @__PURE__ */ x("img", {
 									className: "eidotter-inline-expand__source-favicon",
 									src: e.favicon,
@@ -14852,7 +14995,7 @@ var uv = ({ children: e, content: t, defaultExpanded: n = !1, expanded: r, onTog
 										[e.url]: "google"
 									}))
 								});
-								let r = lv(e.url);
+								let r = hv(e.url);
 								return r ? /* @__PURE__ */ x("img", {
 									className: "eidotter-inline-expand__source-favicon",
 									src: r,
@@ -14876,33 +15019,33 @@ var uv = ({ children: e, content: t, defaultExpanded: n = !1, expanded: r, onTog
 			]
 		})] })]
 	});
-}, dv = {
+}, _v = {
 	horizontal: "h-px w-full",
 	vertical: "w-px h-full"
-}, fv = ({ orientation: e = "horizontal", className: t }) => /* @__PURE__ */ x("div", {
+}, vv = ({ orientation: e = "horizontal", className: t }) => /* @__PURE__ */ x("div", {
 	role: "separator",
 	"aria-orientation": e,
-	className: $("shrink-0 bg-dos-border-default", "eidotter-separator", dv[e], t)
-}), pv = {
+	className: $("shrink-0 bg-dos-border-default", "eidotter-separator", _v[e], t)
+}), yv = {
 	default: "text-dos-text-primary",
 	error: "text-dos-error",
 	warning: "text-dos-warning",
 	info: "text-dos-info"
-}, mv = ({ title: e, count: t, tone: n = "default", children: r, className: i }) => /* @__PURE__ */ S("h3", {
-	className: $("eidotter-section-heading", "font-dos uppercase tracking-wider mb-2 text-dos-text-sm", pv[n], i),
+}, bv = ({ title: e, count: t, tone: n = "default", children: r, className: i }) => /* @__PURE__ */ S("h3", {
+	className: $("eidotter-section-heading", "font-dos uppercase tracking-wider mb-2 text-dos-text-sm", yv[n], i),
 	children: [
 		e,
 		t !== void 0 && ` (${t})`,
 		r
 	]
 });
-mv.displayName = "SectionHeading";
+bv.displayName = "SectionHeading";
 // src/components/ChecklistRow/components/ChecklistRow.tsx
-var hv = {
+var xv = {
 	default: "text-dos-text-primary",
 	muted: "text-dos-text-muted line-through",
 	error: "text-dos-error"
-}, gv = ({ checked: e, onToggle: t, disabled: n, pending: r, ariaLabel: i, labelTone: a = "default", label: o, children: s, note: c, leading: l, trailing: u, className: d }) => /* @__PURE__ */ S("div", {
+}, Sv = ({ checked: e, onToggle: t, disabled: n, pending: r, ariaLabel: i, labelTone: a = "default", label: o, children: s, note: c, leading: l, trailing: u, className: d }) => /* @__PURE__ */ S("div", {
 	className: $("eidotter-checklist-row", "flex items-start gap-3 py-2 border-b border-dos-border-disabled", r && "opacity-50", d),
 	children: [
 		/* @__PURE__ */ x("button", {
@@ -14923,7 +15066,7 @@ var hv = {
 					children: l
 				}),
 				o !== void 0 && /* @__PURE__ */ x("div", {
-					className: $("font-dos text-dos-text-sm", hv[a]),
+					className: $("font-dos text-dos-text-sm", xv[a]),
 					children: o
 				}),
 				s,
@@ -14939,9 +15082,9 @@ var hv = {
 		})
 	]
 });
-gv.displayName = "ChecklistRow";
+Sv.displayName = "ChecklistRow";
 // src/components/CopyButton/components/CopyButton.tsx
-var _v = ({ value: e, label: t = "[cp]", copiedLabel: n = "[OK]", title: r = "Copy to clipboard", copiedTitle: i = "Copied!", className: a }) => {
+var Cv = ({ value: e, label: t = "[cp]", copiedLabel: n = "[OK]", title: r = "Copy to clipboard", copiedTitle: i = "Copied!", className: a }) => {
 	let [s, c] = m(!1), l = p(null), u = o(() => {
 		c(!0), l.current && clearTimeout(l.current), l.current = setTimeout(() => c(!1), 1500);
 	}, []), d = o(() => {
@@ -14971,21 +15114,21 @@ var _v = ({ value: e, label: t = "[cp]", copiedLabel: n = "[OK]", title: r = "Co
 		children: s ? n : t
 	});
 };
-_v.displayName = "CopyButton";
+Cv.displayName = "CopyButton";
 // src/components/Select/components/Select.tsx
-var vv = {
+var wv = {
 	sm: "text-dos-text-sm px-2.5 py-1 min-h-7 gap-2",
 	md: "text-dos-text-md px-3 py-2 min-h-8 gap-2",
 	lg: "text-dos-text-lg px-4 py-2.5 min-h-10 gap-2"
-}, yv = (e = "md") => ({
+}, Tv = (e = "md") => ({
 	small: "sm",
 	medium: "md",
 	large: "lg"
-})[e] ?? e, bv = "eidotter-select__label text-dos-text-brand font-dos text-dos-text-xs uppercase tracking-wider", xv = "eidotter-select__description text-dos-text-muted font-dos text-dos-text-xs", Sv = "eidotter-select__error text-dos-text-error font-dos text-dos-text-xs", Cv = "eidotter-select__trigger flex items-center w-full bg-transparent text-dos-text-brand font-dos border-2 border-dos-border-default outline-none box-border", wv = "eidotter-select__option font-dos", Tv = "NO MATCHES", Ev = (e) => e == null || e === "" ? null : e, Dv = ({ options: e, label: t, placeholder: n, description: r, errorMessage: i, variant: a = "default", size: o, value: s, defaultValue: c, onChange: l, disabled: u, isRequired: d, name: f, id: p, className: m, "aria-label": h }) => {
-	let g = a === "error", _ = s !== void 0, v = yv(o);
+})[e] ?? e, Ev = "eidotter-select__label text-dos-text-brand font-dos text-dos-text-xs uppercase tracking-wider", Dv = "eidotter-select__description text-dos-text-muted font-dos text-dos-text-xs", Ov = "eidotter-select__error text-dos-text-error font-dos text-dos-text-xs", kv = "eidotter-select__trigger flex items-center w-full bg-transparent text-dos-text-brand font-dos border-2 border-dos-border-default outline-none box-border", Av = "eidotter-select__option font-dos", jv = "NO MATCHES", Mv = (e) => e == null || e === "" ? null : e, Nv = ({ options: e, label: t, placeholder: n, description: r, errorMessage: i, variant: a = "default", size: o, value: s, defaultValue: c, onChange: l, disabled: u, isRequired: d, name: f, id: p, className: m, "aria-label": h }) => {
+	let g = a === "error", _ = s !== void 0, v = Tv(o);
 	return /* @__PURE__ */ S(Vd, {
 		"aria-label": t ? void 0 : h,
-		selectedKey: _ ? Ev(s) : void 0,
+		selectedKey: _ ? Mv(s) : void 0,
 		defaultSelectedKey: _ ? void 0 : c,
 		onSelectionChange: (e) => l?.(e == null ? "" : String(e)),
 		isDisabled: u,
@@ -14996,12 +15139,12 @@ var vv = {
 		className: $("eidotter-select flex flex-col gap-1", m),
 		children: [
 			t && /* @__PURE__ */ x(ri, {
-				className: bv,
+				className: Ev,
 				children: t
 			}),
 			/* @__PURE__ */ S(pi, {
 				id: p,
-				className: $(Cv, vv[v]),
+				className: $(kv, wv[v]),
 				children: [/* @__PURE__ */ x(Gd, { className: "eidotter-select__value flex-1 text-left truncate" }), /* @__PURE__ */ x("span", {
 					"aria-hidden": "true",
 					className: "eidotter-select__arrow",
@@ -15010,12 +15153,12 @@ var vv = {
 			}),
 			r && !g && /* @__PURE__ */ x(vi, {
 				slot: "description",
-				className: xv,
+				className: Dv,
 				children: r
 			}),
 			i && g && /* @__PURE__ */ x(vi, {
 				slot: "errorMessage",
-				className: Sv,
+				className: Ov,
 				children: i
 			}),
 			/* @__PURE__ */ x(Nl, {
@@ -15027,19 +15170,19 @@ var vv = {
 						id: e.value,
 						textValue: e.label,
 						isDisabled: e.disabled,
-						className: wv,
+						className: Av,
 						children: e.label
 					})
 				})
 			})
 		]
 	});
-}, Ov = ({ options: e, label: t, placeholder: n, description: r, errorMessage: i, variant: a = "default", size: o, value: s, defaultValue: c, onChange: l, disabled: u, isRequired: d, name: f, id: p, className: m, emptyMessage: h = Tv, "aria-label": g }) => {
-	let _ = a === "error", v = s !== void 0, y = yv(o);
+}, Pv = ({ options: e, label: t, placeholder: n, description: r, errorMessage: i, variant: a = "default", size: o, value: s, defaultValue: c, onChange: l, disabled: u, isRequired: d, name: f, id: p, className: m, emptyMessage: h = jv, "aria-label": g }) => {
+	let _ = a === "error", v = s !== void 0, y = Tv(o);
 	return /* @__PURE__ */ S(gd, {
 		"aria-label": t ? void 0 : g,
 		defaultItems: e,
-		selectedKey: v ? Ev(s) : void 0,
+		selectedKey: v ? Mv(s) : void 0,
 		defaultSelectedKey: v ? void 0 : c,
 		onSelectionChange: (e) => l?.(e == null ? "" : String(e)),
 		isDisabled: u,
@@ -15051,11 +15194,11 @@ var vv = {
 		className: $("eidotter-select eidotter-select--searchable flex flex-col gap-1", m),
 		children: [
 			t && /* @__PURE__ */ x(ri, {
-				className: bv,
+				className: Ev,
 				children: t
 			}),
 			/* @__PURE__ */ S("div", {
-				className: $(Cv, vv[y]),
+				className: $(kv, wv[y]),
 				children: [/* @__PURE__ */ x(fa, {
 					id: p,
 					placeholder: n,
@@ -15072,12 +15215,12 @@ var vv = {
 			}),
 			r && !_ && /* @__PURE__ */ x(vi, {
 				slot: "description",
-				className: xv,
+				className: Dv,
 				children: r
 			}),
 			i && _ && /* @__PURE__ */ x(vi, {
 				slot: "errorMessage",
-				className: Sv,
+				className: Ov,
 				children: i
 			}),
 			/* @__PURE__ */ x(Nl, {
@@ -15092,15 +15235,15 @@ var vv = {
 						id: e.value,
 						textValue: e.label,
 						isDisabled: e.disabled,
-						className: wv,
+						className: Av,
 						children: e.label
 					})
 				})
 			})
 		]
 	});
-}, kv = ({ options: e, label: t, placeholder: n = "Select…", description: r, errorMessage: i, variant: a = "default", size: o, value: s, defaultValue: c, onChange: u, disabled: f, name: h, id: g, className: _, searchable: v, searchPlaceholder: y = "FILTER…", emptyMessage: C = Tv, "aria-label": w }) => {
-	let T = a === "error", E = s !== void 0, D = yv(o), O = p(null), [k, A] = m(!1), [j, M] = m(""), [N, P] = m(c ?? []), F = E ? s ?? [] : N, I = `${l()}-label`, L = d(() => new Set(E ? s ?? [] : N), [
+}, Fv = ({ options: e, label: t, placeholder: n = "Select…", description: r, errorMessage: i, variant: a = "default", size: o, value: s, defaultValue: c, onChange: u, disabled: f, name: h, id: g, className: _, searchable: v, searchPlaceholder: y = "FILTER…", emptyMessage: C = jv, "aria-label": w }) => {
+	let T = a === "error", E = s !== void 0, D = Tv(o), O = p(null), [k, A] = m(!1), [j, M] = m(""), [N, P] = m(c ?? []), F = E ? s ?? [] : N, I = `${l()}-label`, L = d(() => new Set(E ? s ?? [] : N), [
 		E,
 		s,
 		N
@@ -15123,7 +15266,7 @@ var vv = {
 		children: [
 			t && /* @__PURE__ */ x("span", {
 				id: I,
-				className: bv,
+				className: Ev,
 				children: t
 			}),
 			/* @__PURE__ */ S(pi, {
@@ -15135,7 +15278,7 @@ var vv = {
 				"aria-haspopup": "listbox",
 				"aria-expanded": k,
 				onPress: () => z(!k),
-				className: $(Cv, vv[D], T && "eidotter-select__trigger--error"),
+				className: $(kv, wv[D], T && "eidotter-select__trigger--error"),
 				children: [/* @__PURE__ */ x("span", {
 					className: $("eidotter-select__value flex-1 text-left truncate", F.length === 0 && "eidotter-select__value--placeholder text-dos-text-muted"),
 					children: B
@@ -15146,11 +15289,11 @@ var vv = {
 				})]
 			}),
 			r && !T && /* @__PURE__ */ x("span", {
-				className: xv,
+				className: Dv,
 				children: r
 			}),
 			i && T && /* @__PURE__ */ x("span", {
-				className: Sv,
+				className: Ov,
 				children: i
 			}),
 			h && F.map((e) => /* @__PURE__ */ x("input", {
@@ -15187,7 +15330,7 @@ var vv = {
 						id: e.value,
 						textValue: e.label,
 						isDisabled: e.disabled,
-						className: $(wv, "eidotter-select__option--multi"),
+						className: $(Av, "eidotter-select__option--multi"),
 						children: ({ isSelected: t }) => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("span", {
 							"aria-hidden": "true",
 							className: "eidotter-select__check",
@@ -15201,10 +15344,10 @@ var vv = {
 			})
 		]
 	});
-}, Av = (e) => e.multiple ? /* @__PURE__ */ x(kv, { ...e }) : e.searchable ? /* @__PURE__ */ x(Ov, { ...e }) : /* @__PURE__ */ x(Dv, { ...e });
-Av.displayName = "Select";
+}, Iv = (e) => e.multiple ? /* @__PURE__ */ x(Fv, { ...e }) : e.searchable ? /* @__PURE__ */ x(Pv, { ...e }) : /* @__PURE__ */ x(Nv, { ...e });
+Iv.displayName = "Select";
 // src/components/LedgerRow/components/LedgerRow.tsx
-var jv = ({ label: e, note: t, value: n, copyValue: r, trailing: i, pending: a, className: o }) => /* @__PURE__ */ S("div", {
+var Lv = ({ label: e, note: t, value: n, copyValue: r, trailing: i, pending: a, className: o }) => /* @__PURE__ */ S("div", {
 	className: $("eidotter-ledger-row", "flex items-center gap-3 py-2 border-b border-dos-border-disabled", a && "opacity-50", o),
 	children: [/* @__PURE__ */ S("div", {
 		className: "flex-1 min-w-0",
@@ -15222,14 +15365,14 @@ var jv = ({ label: e, note: t, value: n, copyValue: r, trailing: i, pending: a,
 				className: "font-dos text-dos-text-sm text-dos-text-accent tabular-nums",
 				children: n
 			}),
-			r !== void 0 && /* @__PURE__ */ x(_v, { value: r }),
+			r !== void 0 && /* @__PURE__ */ x(Cv, { value: r }),
 			i
 		]
 	})]
 });
-jv.displayName = "LedgerRow";
+Lv.displayName = "LedgerRow";
 // src/components/LabeledProgress/components/LabeledProgress.tsx
-var Mv = ({ label: e, value: t, max: n = 100, valueSuffix: r = "%", showValue: i = !0, className: a, "aria-label": o }) => {
+var Rv = ({ label: e, value: t, max: n = 100, valueSuffix: r = "%", showValue: i = !0, className: a, "aria-label": o }) => {
 	let s = n === 0 ? 0 : Math.min(100, Math.max(0, Math.round(t / n * 100)));
 	return /* @__PURE__ */ S("div", {
 		className: $("eidotter-labeled-progress", "flex items-center gap-3", a),
@@ -15257,10 +15400,10 @@ var Mv = ({ label: e, value: t, max: n = 100, valueSuffix: r = "%", showValue: i
 		]
 	});
 };
-Mv.displayName = "LabeledProgress";
+Rv.displayName = "LabeledProgress";
 // src/components/TextScramble/components/TextScramble.tsx
-var Nv = i(({ children: e, speed: t, characters: n, delay: r, className: i, ...a }, o) => {
-	let { text: s, isScrambling: c } = ev(e, {
+var zv = i(({ children: e, speed: t, characters: n, delay: r, className: i, ...a }, o) => {
+	let { text: s, isScrambling: c } = ov(e, {
 		speed: t,
 		characters: n,
 		delay: r
@@ -15272,15 +15415,15 @@ var Nv = i(({ children: e, speed: t, characters: n, delay: r, className: i, ...a
 		children: s
 	});
 });
-Nv.displayName = "TextScramble";
+zv.displayName = "TextScramble";
 // src/components/Nav/components/Nav.tsx
-var Pv = {
+var Bv = {
 	retro: "eidotter-nav--retro",
 	modern: "eidotter-nav--modern"
-}, Fv = ({ items: e, activeHref: t, variant: n = "retro", linkComponent: r, className: i }) => {
+}, Vv = ({ items: e, activeHref: t, variant: n = "retro", linkComponent: r, className: i }) => {
 	let a = r || "a";
 	return /* @__PURE__ */ x("nav", {
-		className: $("eidotter-nav eidotter-nav--desktop", Pv[n], i),
+		className: $("eidotter-nav eidotter-nav--desktop", Bv[n], i),
 		"aria-label": "Main navigation",
 		children: /* @__PURE__ */ x("ul", {
 			className: "eidotter-nav__desktop-list",
@@ -15301,7 +15444,7 @@ var Pv = {
 			})
 		})
 	});
-}, Iv = ({ items: e, activeHref: t, variant: n = "retro", linkComponent: r, className: i }) => {
+}, Hv = ({ items: e, activeHref: t, variant: n = "retro", linkComponent: r, className: i }) => {
 	let [a, s] = m(!1), l = r || "a", u = p(null), d = p(null), f = p(null), h = p(!1), g = o(() => s((e) => !e), []), _ = o(() => s(!1), []);
 	return c(() => {
 		if (!a) return;
@@ -15312,7 +15455,7 @@ var Pv = {
 	}, [a, _]), c(() => {
 		a ? d.current?.focus() : h.current && u.current?.focus(), h.current = a;
 	}, [a]), /* @__PURE__ */ S("div", {
-		className: $("eidotter-nav eidotter-nav--mobile", Pv[n], i),
+		className: $("eidotter-nav eidotter-nav--mobile", Bv[n], i),
 		children: [
 			/* @__PURE__ */ x("button", {
 				ref: u,
@@ -15372,14 +15515,14 @@ var Pv = {
 			})
 		]
 	});
-}, Lv = (e) => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(Iv, { ...e }), /* @__PURE__ */ x(Fv, { ...e })] }), Rv = {
+}, Uv = (e) => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(Hv, { ...e }), /* @__PURE__ */ x(Vv, { ...e })] }), Wv = {
 	user: "eidotter-chat-message--user",
 	assistant: "eidotter-chat-message--assistant",
 	system: "eidotter-chat-message--system"
-}, zv = ({ role: e, content: t, isStreaming: n = !1, userPrefix: r = ">", assistantPrefix: i = "C:\\>", className: a, ...o }) => {
+}, Gv = ({ role: e, content: t, isStreaming: n = !1, userPrefix: r = ">", assistantPrefix: i = "C:\\>", className: a, ...o }) => {
 	let s = e === "user" ? r : e === "assistant" ? i : "";
 	return /* @__PURE__ */ S("div", {
-		className: $("flex gap-2 font-dos text-dos-text-md leading-[1.4] py-1 whitespace-pre-wrap break-words", Rv[e], n && "eidotter-chat-message--streaming", a),
+		className: $("flex gap-2 font-dos text-dos-text-md leading-[1.4] py-1 whitespace-pre-wrap break-words", Wv[e], n && "eidotter-chat-message--streaming", a),
 		...o,
 		children: [
 			s && /* @__PURE__ */ x("span", {
@@ -15398,7 +15541,7 @@ var Pv = {
 			})
 		]
 	});
-}, Bv = ({ messages: e, isStreaming: t = !1, userPrefix: n, assistantPrefix: r, className: i, ...a }) => {
+}, Kv = ({ messages: e, isStreaming: t = !1, userPrefix: n, assistantPrefix: r, className: i, ...a }) => {
 	let o = p(null);
 	c(() => {
 		o.current?.scrollIntoView?.({ behavior: "smooth" });
@@ -15427,7 +15570,7 @@ var Pv = {
 			className: "flex flex-col",
 			children: [e.map((i, a) => {
 				let o = t && i.role === "assistant" && a === e.length - 1;
-				return /* @__PURE__ */ x(zv, {
+				return /* @__PURE__ */ x(Gv, {
 					role: i.role,
 					content: i.content,
 					isStreaming: o,
@@ -15437,7 +15580,7 @@ var Pv = {
 			}), /* @__PURE__ */ x("div", { ref: o })]
 		})
 	});
-}, Vv = ({ onSend: e, prompt: t = ">", placeholder: n, disabled: r = !1, className: i, ...a }) => {
+}, qv = ({ onSend: e, prompt: t = ">", placeholder: n, disabled: r = !1, className: i, ...a }) => {
 	let [o, s] = m(""), c = p(null);
 	u(() => {
 		let e = c.current;
@@ -15479,30 +15622,30 @@ var Pv = {
 			})]
 		})]
 	});
-}, Hv = ({ messages: e, onSend: t, isStreaming: n = !1, inputPrompt: r, userPrefix: i, assistantPrefix: a, placeholder: o, disabled: s = !1, className: c, ...l }) => /* @__PURE__ */ S("div", {
+}, Jv = ({ messages: e, onSend: t, isStreaming: n = !1, inputPrompt: r, userPrefix: i, assistantPrefix: a, placeholder: o, disabled: s = !1, className: c, ...l }) => /* @__PURE__ */ S("div", {
 	className: $("flex flex-col h-full min-h-0", c),
 	...l,
-	children: [/* @__PURE__ */ x(Bv, {
+	children: [/* @__PURE__ */ x(Kv, {
 		className: "flex-1 min-h-0",
 		messages: e,
 		isStreaming: n,
 		userPrefix: i,
 		assistantPrefix: a
-	}), /* @__PURE__ */ x(Vv, {
+	}), /* @__PURE__ */ x(qv, {
 		className: "shrink-0",
 		onSend: t,
 		prompt: r,
 		placeholder: o,
 		disabled: s
 	})]
-}), Uv = [{
+}), Yv = [{
 	label: "Impressum",
 	href: "/impressum"
 }, {
 	label: "Datenschutz",
 	href: "/datenschutz"
-}], Wv = ({ copyright: t, links: n, linkComponent: r, children: i, className: a, ...o }) => {
-	let s = n ?? Uv, c = r ?? "a", l = "eidotter-footer__link text-dos-text-brand no-underline";
+}], Xv = ({ copyright: t, links: n, linkComponent: r, children: i, className: a, ...o }) => {
+	let s = n ?? Yv, c = r ?? "a", l = "eidotter-footer__link text-dos-text-brand no-underline";
 	return /* @__PURE__ */ S("footer", {
 		className: $("font-dos text-dos-text-base py-4 px-2 text-center", "eidotter-footer", a),
 		...o,
@@ -15546,9 +15689,9 @@ var Pv = {
 			})
 		]
 	});
-}, Gv = /* @__PURE__ */ "M20.375 9.0625H17.625V9.75H20.375V9.0625Z,M16.9375 9.75H15.5625V10.4375H16.9375V9.75Z,M17.625 9.75H16.9375V10.4375H17.625V9.75Z,M22.4375 9.75H20.375V10.4375H22.4375V9.75Z,M15.5625 10.4375H14.1875V11.125H15.5625V10.4375Z,M23.8125 10.4375H22.4375V11.125H23.8125V10.4375Z,M14.1875 11.125H13.5V11.8125H14.1875V11.125Z,M25.1875 11.125H23.8125V11.8125H25.1875V11.125Z,M13.5 11.8125H12.8125V12.5H13.5V11.8125Z,M25.875 11.8125H25.1875V13.1875H25.875V11.8125Z,M12.8125 12.5H12.125V13.875H12.8125V12.5Z,M12.125 13.875H11.4375V15.9375H12.125V13.875Z,M11.4375 15.9375H10.75V18H11.4375V15.9375Z,M10.75 18H10.0625V19.375H10.75V18Z,M11.4375 19.375H10.75V20.75H11.4375V19.375Z,M12.125 20.75H11.4375V22.125H12.125V20.75Z,M12.8125 22.125H12.125V23.5H12.8125V22.125Z,M26.5625 13.1875H25.875V15.25H26.5625V13.1875Z,M27.25 15.25H26.5625V17.3125H27.25V15.25Z,M27.9375 17.3125H27.25V19.375H27.9375V17.3125Z,M27.25 19.375H26.5625V20.75H27.25V19.375Z,M26.5625 20.75H25.875V22.125H26.5625V20.75Z,M25.875 22.125H25.1875V23.5H25.875V22.125Z,M14.1875 23.5H12.8125V24.1875H14.1875V23.5Z,M16.25 24.1875H14.1875V24.875H16.25V24.1875Z,M18.3125 24.875H16.25V25.5625H18.3125V24.875Z,M20.375 25.5625H18.3125V26.25H20.375V25.5625Z,M22.4375 24.875H20.375V25.5625H22.4375V24.875Z,M24.5 24.1875H22.4375V24.875H24.5V24.1875Z,M25.1875 23.5H24.5V24.1875H25.1875V23.5Z,M10.0625 15.9375H9.375V16.625H10.0625V15.9375Z,M29.3125 16.625H28.625V17.3125H29.3125V16.625Z,M28.625 20.75H27.9375V21.4375H28.625V20.75Z,M10.75 21.4375H10.0625V22.125H10.75V21.4375Z".split(",");
-Gv.length - 4;
-var Kv = "M19 29C25.0751 29 30 24.0751 30 18C30 11.9249 25.0751 7 19 7C12.9249 7 8 11.9249 8 18C8 24.0751 12.9249 29 19 29Z", qv = "M19 27C23.9706 27 28 22.9706 28 18C28 13.0294 23.9706 9 19 9C14.0294 9 10 13.0294 10 18C10 22.9706 14.0294 27 19 27Z", Jv = "M18.4375 21C20.6466 21 22.4375 19.2091 22.4375 17C22.4375 14.7909 20.6466 13 18.4375 13C16.2284 13 14.4375 14.7909 14.4375 17C14.4375 19.2091 16.2284 21 18.4375 21Z", Yv = ["M16.25 15.25H15.5625V17.3125H16.25V15.25Z", "M18.3125 13.875H16.25V14.5625H18.3125V13.875Z"], Xv = "M17.5 15C17.7761 15 18 14.7761 18 14.5C18 14.2239 17.7761 14 17.5 14C17.2239 14 17 14.2239 17 14.5C17 14.7761 17.2239 15 17.5 15Z", Zv = i(({ size: e = 32, title: t = "eiDotter", ...n }, r) => {
+}, Zv = /* @__PURE__ */ "M20.375 9.0625H17.625V9.75H20.375V9.0625Z,M16.9375 9.75H15.5625V10.4375H16.9375V9.75Z,M17.625 9.75H16.9375V10.4375H17.625V9.75Z,M22.4375 9.75H20.375V10.4375H22.4375V9.75Z,M15.5625 10.4375H14.1875V11.125H15.5625V10.4375Z,M23.8125 10.4375H22.4375V11.125H23.8125V10.4375Z,M14.1875 11.125H13.5V11.8125H14.1875V11.125Z,M25.1875 11.125H23.8125V11.8125H25.1875V11.125Z,M13.5 11.8125H12.8125V12.5H13.5V11.8125Z,M25.875 11.8125H25.1875V13.1875H25.875V11.8125Z,M12.8125 12.5H12.125V13.875H12.8125V12.5Z,M12.125 13.875H11.4375V15.9375H12.125V13.875Z,M11.4375 15.9375H10.75V18H11.4375V15.9375Z,M10.75 18H10.0625V19.375H10.75V18Z,M11.4375 19.375H10.75V20.75H11.4375V19.375Z,M12.125 20.75H11.4375V22.125H12.125V20.75Z,M12.8125 22.125H12.125V23.5H12.8125V22.125Z,M26.5625 13.1875H25.875V15.25H26.5625V13.1875Z,M27.25 15.25H26.5625V17.3125H27.25V15.25Z,M27.9375 17.3125H27.25V19.375H27.9375V17.3125Z,M27.25 19.375H26.5625V20.75H27.25V19.375Z,M26.5625 20.75H25.875V22.125H26.5625V20.75Z,M25.875 22.125H25.1875V23.5H25.875V22.125Z,M14.1875 23.5H12.8125V24.1875H14.1875V23.5Z,M16.25 24.1875H14.1875V24.875H16.25V24.1875Z,M18.3125 24.875H16.25V25.5625H18.3125V24.875Z,M20.375 25.5625H18.3125V26.25H20.375V25.5625Z,M22.4375 24.875H20.375V25.5625H22.4375V24.875Z,M24.5 24.1875H22.4375V24.875H24.5V24.1875Z,M25.1875 23.5H24.5V24.1875H25.1875V23.5Z,M10.0625 15.9375H9.375V16.625H10.0625V15.9375Z,M29.3125 16.625H28.625V17.3125H29.3125V16.625Z,M28.625 20.75H27.9375V21.4375H28.625V20.75Z,M10.75 21.4375H10.0625V22.125H10.75V21.4375Z".split(",");
+Zv.length - 4;
+var Qv = "M19 29C25.0751 29 30 24.0751 30 18C30 11.9249 25.0751 7 19 7C12.9249 7 8 11.9249 8 18C8 24.0751 12.9249 29 19 29Z", $v = "M19 27C23.9706 27 28 22.9706 28 18C28 13.0294 23.9706 9 19 9C14.0294 9 10 13.0294 10 18C10 22.9706 14.0294 27 19 27Z", ey = "M18.4375 21C20.6466 21 22.4375 19.2091 22.4375 17C22.4375 14.7909 20.6466 13 18.4375 13C16.2284 13 14.4375 14.7909 14.4375 17C14.4375 19.2091 16.2284 21 18.4375 21Z", ty = ["M16.25 15.25H15.5625V17.3125H16.25V15.25Z", "M18.3125 13.875H16.25V14.5625H18.3125V13.875Z"], ny = "M17.5 15C17.7761 15 18 14.7761 18 14.5C18 14.2239 17.7761 14 17.5 14C17.2239 14 17 14.2239 17 14.5C17 14.7761 17.2239 15 17.5 15Z", ry = i(({ size: e = 32, title: t = "eiDotter", ...n }, r) => {
 	let i = l(), a = `eidotter-logo-halo-${i}`, o = `eidotter-logo-core-${i}`, s = `eidotter-logo-yolk-${i}`;
 	return /* @__PURE__ */ S("svg", {
 		ref: r,
@@ -15623,46 +15766,46 @@ var Kv = "M19 29C25.0751 29 30 24.0751 30 18C30 11.9249 25.0751 7 19 7C12.9249 7
 				})
 			] }),
 			/* @__PURE__ */ x("path", {
-				d: Kv,
+				d: Qv,
 				fill: `url(#${a})`
 			}),
 			/* @__PURE__ */ x("path", {
-				d: qv,
+				d: $v,
 				fill: `url(#${o})`
 			}),
-			Gv.map((e) => /* @__PURE__ */ x("path", {
+			Zv.map((e) => /* @__PURE__ */ x("path", {
 				d: e,
 				fill: "#FFB000"
 			}, e)),
 			/* @__PURE__ */ x("path", {
-				d: Jv,
+				d: ey,
 				fill: `url(#${s})`
 			}),
-			Yv.map((e) => /* @__PURE__ */ x("path", {
+			ty.map((e) => /* @__PURE__ */ x("path", {
 				d: e,
 				fill: "#FFE8A8",
 				opacity: "0.8"
 			}, e)),
 			/* @__PURE__ */ x("path", {
-				d: Xv,
+				d: ny,
 				fill: "#FFFFFF",
 				opacity: "0.9"
 			})
 		]
 	});
 });
-Zv.displayName = "LogoGeometry";
+ry.displayName = "LogoGeometry";
 // src/components/Brand/components/Logo.tsx
-var Qv = i(({ size: e = 32, glow: t = !0, title: n = "eiDotter", className: r, ...i }, a) => /* @__PURE__ */ x(Zv, {
+var iy = i(({ size: e = 32, glow: t = !0, title: n = "eiDotter", className: r, ...i }, a) => /* @__PURE__ */ x(ry, {
 	ref: a,
 	size: e,
 	title: n,
 	className: $("eidotter-logo", t && "eidotter-logo--glow", r),
 	...i
 }));
-Qv.displayName = "Logo";
+iy.displayName = "Logo";
 // src/components/Brand/components/Wordmark.tsx
-var $v = i(({ glow: e = !0, className: t, ...n }, r) => /* @__PURE__ */ S("span", {
+var ay = i(({ glow: e = !0, className: t, ...n }, r) => /* @__PURE__ */ S("span", {
 	ref: r,
 	className: $("eidotter-wordmark font-dos", e && "eidotter-wordmark--glow", t),
 	role: "img",
@@ -15678,27 +15821,27 @@ var $v = i(({ glow: e = !0, className: t, ...n }, r) => /* @__PURE__ */ S("span"
 		children: "Dotter"
 	})]
 }));
-$v.displayName = "Wordmark";
+ay.displayName = "Wordmark";
 // src/components/Brand/components/BrandLockup.tsx
-var ey = i(({ logoSize: e = 32, iconOnly: t = !1, wordmarkOnly: n = !1, glow: r = !0, className: i, ...a }, o) => /* @__PURE__ */ S("div", {
+var oy = i(({ logoSize: e = 32, iconOnly: t = !1, wordmarkOnly: n = !1, glow: r = !0, className: i, ...a }, o) => /* @__PURE__ */ S("div", {
 	ref: o,
 	className: $("eidotter-brand-lockup inline-flex items-center gap-3", i),
 	role: "img",
 	"aria-label": "eiDotter",
 	...a,
-	children: [!n && /* @__PURE__ */ x(Qv, {
+	children: [!n && /* @__PURE__ */ x(iy, {
 		size: e,
 		glow: r,
 		title: ""
-	}), !t && /* @__PURE__ */ x($v, {
+	}), !t && /* @__PURE__ */ x(ay, {
 		glow: r,
 		"aria-hidden": "true"
 	})]
 }));
-ey.displayName = "BrandLockup";
+oy.displayName = "BrandLockup";
 // src/components/Brand/components/markGeometry.ts
-var ty = 9.25 / 22, ny = (e) => Math.round(e * 100) / 100;
-function ry(e, t, n = {}) {
+var sy = 9.25 / 22, cy = (e) => Math.round(e * 100) / 100;
+function ly(e, t, n = {}) {
 	let { curvature: r = 24, startRadius: i = 0 } = n;
 	if (e.width === 0 || e.height === 0) return [];
 	let a = t.filter((e) => e.width !== 0 || e.height !== 0);
@@ -15708,23 +15851,23 @@ function ry(e, t, n = {}) {
 		let a = t.x - e.x, l = t.y - e.y, u = a + t.width / 2 >= o ? a : a + t.width, d = l + t.height / 2, f = u - o, p = d - s, m = Math.hypot(f, p);
 		if (m - i < 1) return;
 		let h = o + f / m * i, g = s + p / m * i, _ = u - h, v = d - g, y = Math.hypot(_, v), b = (n % 2 == 0 ? 1 : -1) * Math.min(r, y / 3), x = (h + u) / 2, S = (g + d) / 2, C = x + -v / y * b, w = S + _ / y * b;
-		c.push(`M ${ny(h)} ${ny(g)} Q ${ny(C)} ${ny(w)} ${ny(u)} ${ny(d)}`);
+		c.push(`M ${cy(h)} ${cy(g)} Q ${cy(C)} ${cy(w)} ${cy(u)} ${cy(d)}`);
 	}), c;
 }
 // src/components/Brand/components/Mark.tsx
-var iy = [], ay = i(({ size: e = 48, label: t = "eiDotter", morph: n = !0, glow: r = !0, arms: i, className: a, style: s, ...l }, u) => {
-	let d = p(null), [f, h] = m(iy), g = o((e) => {
+var uy = [], dy = i(({ size: e = 48, label: t = "eiDotter", morph: n = !0, glow: r = !0, arms: i, className: a, style: s, ...l }, u) => {
+	let d = p(null), [f, h] = m(uy), g = o((e) => {
 		d.current = e, typeof u == "function" ? u(e) : u && (u.current = e);
 	}, [u]);
 	return c(() => {
 		if (!i) {
-			h(iy);
+			h(uy);
 			return;
 		}
 		let e = d.current, t = i.scopeRef.current;
 		if (!e) return;
 		let n = [], r = () => {
-			let t = e.getBoundingClientRect(), r = ry(t, n.map((e) => e.getBoundingClientRect()), { startRadius: t.width * ty });
+			let t = e.getBoundingClientRect(), r = ly(t, n.map((e) => e.getBoundingClientRect()), { startRadius: t.width * sy });
 			h((e) => e.length === r.length && e.every((e, t) => e === r[t]) ? e : r);
 		}, a = () => i.targetRefs ? i.targetRefs.map((e) => e.current).filter((e) => !!e) : t ? Array.from(t.querySelectorAll(i.targetSelector ?? ".eidotter-header__category")) : [], o = typeof ResizeObserver < "u" ? new ResizeObserver(r) : void 0, s = () => {
 			o?.disconnect(), n = a(), o?.observe(e), t && o?.observe(t), n.forEach((e) => o?.observe(e)), r();
@@ -15765,7 +15908,7 @@ var iy = [], ay = i(({ size: e = 48, label: t = "eiDotter", morph: n = !0, glow:
 				stroke: "currentColor",
 				strokeWidth: 2
 			}, t))
-		}), /* @__PURE__ */ x(Zv, {
+		}), /* @__PURE__ */ x(ry, {
 			size: "100%",
 			title: "",
 			focusable: "false",
@@ -15773,10 +15916,10 @@ var iy = [], ay = i(({ size: e = 48, label: t = "eiDotter", morph: n = !0, glow:
 		})]
 	});
 });
-ay.displayName = "Mark";
+dy.displayName = "Mark";
 // src/components/Header/components/HeaderContextRow.tsx
-var oy = $("eidotter-header__return", "inline-flex items-center gap-1 no-underline", "border border-dos-border-default rounded-dos-base", "px-2 py-0.5 text-dos-text-xs uppercase tracking-wider");
-function sy({ context: e, linkComponent: t, activeHref: n }) {
+var fy = $("eidotter-header__return", "inline-flex items-center gap-1 no-underline", "border border-dos-border-default rounded-dos-base", "px-2 py-0.5 text-dos-text-xs uppercase tracking-wider");
+function py({ context: e, linkComponent: t, activeHref: n }) {
 	let r = t ?? "a", { categories: i, returnTo: a } = e, o = a && Cg(a.href) ? a.href : void 0, s = (e, t) => {
 		if (e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
 		let n = window.open(t, "rizomorf-shell");
@@ -15788,16 +15931,16 @@ function sy({ context: e, linkComponent: t, activeHref: n }) {
 	return /* @__PURE__ */ S("div", {
 		className: $("eidotter-header__context", "flex w-full flex-wrap items-center gap-x-4 gap-y-2"),
 		children: [a && (o === void 0 ? /* @__PURE__ */ x("span", {
-			className: oy,
+			className: fy,
 			children: c
 		}) : a.reuseTab ? /* @__PURE__ */ x("a", {
 			href: o,
 			onClick: (e) => s(e, o),
-			className: oy,
+			className: fy,
 			children: c
 		}) : /* @__PURE__ */ x(r, {
 			href: o,
-			className: oy,
+			className: fy,
 			children: c
 		})), i.length > 0 && /* @__PURE__ */ x("nav", {
 			"aria-label": "Categories",
@@ -15837,15 +15980,15 @@ function sy({ context: e, linkComponent: t, activeHref: n }) {
 	});
 }
 // src/components/Header/components/Header.tsx
-var cy = {
+var my = {
 	retro: "eidotter-header--retro",
 	modern: "eidotter-header--modern"
-}, ly = i(({ brandName: t, brandHref: n = "/", items: r, activeHref: i, variant: a = "retro", sticky: o = !0, linkComponent: s, context: c, brand: l = "lockup", end: u, skipLinkTarget: d, children: f, className: p, ...m }, h) => {
-	let g = s ?? "a", _ = Cg(n) ? n : "/", v = !!c && (c.categories.length > 0 || !!c.returnTo), y = d && Cg(d) ? d : void 0, C = !f && !!t && l !== "text", w = f || (C ? /* @__PURE__ */ S(b, { children: [l === "mark" ? /* @__PURE__ */ x(ay, {
+}, hy = i(({ brandName: t, brandHref: n = "/", items: r, activeHref: i, variant: a = "retro", sticky: o = !0, linkComponent: s, context: c, brand: l = "lockup", brandCollapse: u = "none", layout: d = "inline", rule: f = !0, contained: p = !1, end: m, skipLinkTarget: h, children: g, className: _, style: v, ...y }, C) => {
+	let w = s ?? "a", T = Cg(n) ? n : "/", E = !!c && (c.categories.length > 0 || !!c.returnTo), D = h && Cg(h) ? h : void 0, O = !g && !!t && l !== "text", k = O && u === "mark", A = d === "stacked", j = typeof p == "string" ? p.trim() : "", M = p === !0 || j !== "", N = g || (O ? /* @__PURE__ */ S(b, { children: [l === "mark" ? /* @__PURE__ */ x(dy, {
 		size: 28,
 		label: "",
 		className: "eidotter-header__brand-icon"
-	}) : /* @__PURE__ */ x(Qv, {
+	}) : /* @__PURE__ */ x(iy, {
 		size: 28,
 		glow: !0,
 		title: "",
@@ -15853,52 +15996,64 @@ var cy = {
 	}), /* @__PURE__ */ x("span", {
 		className: "eidotter-header__brand-name uppercase tracking-[0.3em]",
 		children: t
-	})] }) : t), T = u != null && u !== !1 && u !== "", E = Array.isArray(r) && r.length > 0, D = T ? "div" : e.Fragment, O = T ? { className: "eidotter-header__actions flex items-center gap-4" } : {}, k = /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(g, {
-		href: _,
-		className: $("no-underline text-dos-text-base font-bold tracking-wide", "eidotter-header__branding", C && "eidotter-header__branding--icon inline-flex items-center gap-3"),
-		children: w
-	}), /* @__PURE__ */ S(D, {
-		...O,
+	})] }) : t), P = m != null && m !== !1 && m !== "", F = Array.isArray(r) && r.length > 0, I = P ? "div" : e.Fragment, L = P ? { className: "eidotter-header__actions flex items-center gap-4" } : {}, ee = F ? /* @__PURE__ */ x(Vv, {
+		items: r,
+		activeHref: i,
+		variant: a,
+		linkComponent: s,
+		className: A ? "eidotter-header__nav-row" : void 0
+	}) : null, R = /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(w, {
+		href: T,
+		className: $("no-underline text-dos-text-base font-bold tracking-wide", "eidotter-header__branding", O && "eidotter-header__branding--icon inline-flex items-start gap-3"),
+		children: N
+	}), /* @__PURE__ */ S(I, {
+		...L,
 		children: [
-			E && /* @__PURE__ */ x(Fv, {
-				items: r,
-				activeHref: i,
-				variant: a,
-				linkComponent: s
-			}),
-			T && /* @__PURE__ */ x("div", {
+			!A && ee,
+			P && /* @__PURE__ */ x("div", {
 				className: "eidotter-header__end flex items-center",
-				children: u
+				children: m
 			}),
-			E && /* @__PURE__ */ x(Iv, {
+			F && /* @__PURE__ */ x(Hv, {
 				items: r,
 				activeHref: i,
 				variant: a,
 				linkComponent: s
 			})
 		]
-	})] }), A = y ? /* @__PURE__ */ x("a", {
-		href: y,
+	})] }), te = D ? /* @__PURE__ */ x("a", {
+		href: D,
 		className: "eidotter-header__skip",
 		children: "Skip to content"
-	}) : null;
-	return /* @__PURE__ */ S("header", {
-		ref: h,
-		className: $(v ? "flex flex-col gap-2 px-4 py-3 font-dos" : "flex items-center justify-between px-4 py-3 font-dos", "eidotter-header", cy[a], o && "sticky top-0 z-50 bg-dos-bg-primary", p),
-		...m,
-		children: [A, v ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("div", {
+	}) : null, z = E || A, B = z ? "flex flex-col gap-2" : "flex items-center justify-between", ne = z ? /* @__PURE__ */ S(b, { children: [
+		/* @__PURE__ */ x("div", {
 			className: "eidotter-header__main flex w-full items-center justify-between",
-			children: k
-		}), /* @__PURE__ */ x(sy, {
+			children: R
+		}),
+		A && ee,
+		E && /* @__PURE__ */ x(py, {
 			context: c,
 			linkComponent: s,
 			activeHref: i
-		})] }) : k]
+		})
+	] }) : R, re = j ? {
+		...v,
+		"--eidotter-header-max": j
+	} : v;
+	return /* @__PURE__ */ S("header", {
+		ref: C,
+		className: $(M ? "px-4 py-3 font-dos" : $(B, "px-4 py-3 font-dos"), "eidotter-header", my[a], A && "eidotter-header--stacked", M && "eidotter-header--contained", !f && "eidotter-header--no-rule", k && "eidotter-header--collapse-mark", o && "sticky top-0 z-50 bg-dos-bg-primary", _),
+		style: re,
+		...y,
+		children: [te, M ? /* @__PURE__ */ x("div", {
+			className: $("eidotter-header__inner w-full", B),
+			children: ne
+		}) : ne]
 	});
 });
-ly.displayName = "Header";
+hy.displayName = "Header";
 // src/components/Connector/components/connectorGeometry.ts
-var uy = {
+var gy = {
 	delicate: {
 		base: 5,
 		mid: 3.2,
@@ -15911,11 +16066,11 @@ var uy = {
 		tip: 5,
 		curvature: 30
 	}
-}, dy = 28, fy = (e) => Math.round(e * 100) / 100, py = (e, t, n) => e + (t - e) * n, my = (e) => e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
-function hy(e, t) {
-	return e < .5 ? py(t.base, t.mid, my(e / .5)) : py(t.mid, t.tip, my((e - .5) / .5));
+}, _y = 28, vy = (e) => Math.round(e * 100) / 100, yy = (e, t, n) => e + (t - e) * n, by = (e) => e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
+function xy(e, t) {
+	return e < .5 ? yy(t.base, t.mid, by(e / .5)) : yy(t.mid, t.tip, by((e - .5) / .5));
 }
-function gy(e, t, n) {
+function Sy(e, t, n) {
 	let r = t.x - e.x, i = t.y - e.y, a = n.width / 2, o = n.height / 2, s = r === 0 ? Infinity : a / Math.abs(r), c = i === 0 ? Infinity : o / Math.abs(i), l = Math.min(s, c);
 	return Number.isFinite(l) ? {
 		x: e.x + r * l,
@@ -15925,21 +16080,21 @@ function gy(e, t, n) {
 		y: e.y
 	};
 }
-function _y(e, t, n, r, i) {
+function Cy(e, t, n, r, i) {
 	let a = 1 - i, o = a * a * a, s = 3 * a * a * i, c = 3 * a * i * i, l = i * i * i;
 	return {
 		x: o * e.x + s * t.x + c * n.x + l * r.x,
 		y: o * e.y + s * t.y + c * n.y + l * r.y
 	};
 }
-function vy(e, t, n, r, i) {
+function wy(e, t, n, r, i) {
 	let a = 1 - i, o = 3 * a * a, s = 6 * a * i, c = 3 * i * i;
 	return {
 		x: o * (t.x - e.x) + s * (n.x - t.x) + c * (r.x - n.x),
 		y: o * (t.y - e.y) + s * (n.y - t.y) + c * (r.y - n.y)
 	};
 }
-function yy(e, t, n, r = {}) {
+function Ty(e, t, n, r = {}) {
 	let { sign: i = 1, sway: a = 0 } = r, o = t.x - e.x, s = t.y - e.y, c = Math.hypot(o, s);
 	if (c < .5) return "";
 	let l = -s / c, u = o / c, d = Math.min(n.curvature, c / 3), f = (d + a) * i, p = (d * .5 - a * .6) * i, m = {
@@ -15949,8 +16104,8 @@ function yy(e, t, n, r = {}) {
 		x: e.x + o * .66 + l * p,
 		y: e.y + s * .66 + u * p
 	}, g = [], _ = [];
-	for (let r = 0; r <= dy; r++) {
-		let i = r / dy, a = _y(e, m, h, t, i), o = vy(e, m, h, t, i), s = Math.hypot(o.x, o.y) || 1, c = -o.y / s, l = o.x / s, u = hy(i, n);
+	for (let r = 0; r <= _y; r++) {
+		let i = r / _y, a = Cy(e, m, h, t, i), o = wy(e, m, h, t, i), s = Math.hypot(o.x, o.y) || 1, c = -o.y / s, l = o.x / s, u = xy(i, n);
 		g.push({
 			x: a.x + c * u,
 			y: a.y + l * u
@@ -15959,13 +16114,13 @@ function yy(e, t, n, r = {}) {
 			y: a.y - l * u
 		});
 	}
-	let v = `M ${fy(g[0].x)} ${fy(g[0].y)}`;
-	for (let e = 1; e <= dy; e++) v += ` L ${fy(g[e].x)} ${fy(g[e].y)}`;
-	for (let e = dy; e >= 0; e--) v += ` L ${fy(_[e].x)} ${fy(_[e].y)}`;
+	let v = `M ${vy(g[0].x)} ${vy(g[0].y)}`;
+	for (let e = 1; e <= _y; e++) v += ` L ${vy(g[e].x)} ${vy(g[e].y)}`;
+	for (let e = _y; e >= 0; e--) v += ` L ${vy(_[e].x)} ${vy(_[e].y)}`;
 	return v += " Z", v;
 }
 // src/components/Connector/components/Connector.tsx
-var by = .0011, xy = 4, Sy = i(({ sourceRef: e, targets: t, weight: n = "delicate", sway: r = !0, refreshKey: i, className: a, ...s }, u) => {
+var Ey = .0011, Dy = 4, Oy = i(({ sourceRef: e, targets: t, weight: n = "delicate", sway: r = !0, refreshKey: i, className: a, ...s }, u) => {
 	let d = l().replace(/[:]/g, ""), f = p(null), m = p([]), h = p([]), g = p(null), _ = p(t);
 	_.current = t;
 	let v = p(n);
@@ -15982,7 +16137,7 @@ var by = .0011, xy = 4, Sy = i(({ sourceRef: e, targets: t, weight: n = "delicat
 			let o = a.getBoundingClientRect(), s = {
 				x: o.left - i.left + o.width / 2,
 				y: o.top - i.top + o.height / 2
-			}, c = uy[v.current] ?? uy.delicate, l = r && !om();
+			}, c = gy[v.current] ?? gy.delicate, l = r && !om();
 			_.current.forEach((e, t) => {
 				let r = e.ref.current, a = m.current[t];
 				if (!a) return;
@@ -16000,11 +16155,11 @@ var by = .0011, xy = 4, Sy = i(({ sourceRef: e, targets: t, weight: n = "delicat
 					y: o.top - i.top,
 					width: o.width,
 					height: o.height
-				}, d = gy({
+				}, d = Sy({
 					x: u.x + u.width / 2,
 					y: u.y + u.height / 2
-				}, s, u), f = t % 2 == 0 ? 1 : -1, p = l ? Math.sin(n * by + t * 1.7) * xy : 0;
-				a.setAttribute("d", yy(s, d, c, {
+				}, s, u), f = t % 2 == 0 ? 1 : -1, p = l ? Math.sin(n * Ey + t * 1.7) * Dy : 0;
+				a.setAttribute("d", Ty(s, d, c, {
 					sign: f,
 					sway: p
 				}));
@@ -16066,15 +16221,15 @@ var by = .0011, xy = 4, Sy = i(({ sourceRef: e, targets: t, weight: n = "delicat
 		}, t))]
 	});
 });
-Sy.displayName = "Connector";
+Oy.displayName = "Connector";
 // src/components/Notification/components/Notification.tsx
-var Cy = {
+var ky = {
 	primary: "Info",
 	gray: "Info",
 	success: "Done",
 	warning: "Warning",
 	error: "Error"
-}, wy = ({ type: e = "primary", title: t, children: n, actions: r, onClose: i, avatar: a, image: o, progress: s, progressLabel: l, duration: u, showIcon: d = !0, className: f }) => {
+}, Ay = ({ type: e = "primary", title: t, children: n, actions: r, onClose: i, avatar: a, image: o, progress: s, progressLabel: l, duration: u, showIcon: d = !0, className: f }) => {
 	let { isClosing: p, triggerClose: m, handleAnimationEnd: h } = sm("eidotter-pop-out", i);
 	c(() => {
 		if (u == null || !i) return;
@@ -16104,7 +16259,7 @@ var Cy = {
 				g && /* @__PURE__ */ x("div", {
 					className: "eidotter-notification__icon",
 					children: /* @__PURE__ */ x(im, {
-						name: Cy[e] || "Info",
+						name: ky[e] || "Info",
 						size: "S",
 						"aria-label": `${e} notification`
 					})
@@ -16156,7 +16311,7 @@ var Cy = {
 	});
 };
 // src/components/InlineLink/components/InlineLink.tsx
-function Ty(e) {
+function jy(e) {
 	let t = e.trim();
 	return t === "" || Cg(t, { extraSchemes: [
 		"tel",
@@ -16164,14 +16319,14 @@ function Ty(e) {
 		"sms"
 	] }) ? t : "#";
 }
-function Ey(e, t) {
+function My(e, t) {
 	if (t.length === 0) return e;
 	let n = new Set((e ?? "").split(/\s+/).map((e) => e.trim().toLowerCase()).filter(Boolean));
 	for (let e of t) n.add(e.toLowerCase());
 	return Array.from(n).join(" ");
 }
-var Dy = i(({ children: e, href: t, showGlyph: n = !0, external: r = !1, className: i, target: a, rel: o, ...s }, c) => {
-	let l = Ty(t), u = a ?? (r ? "_blank" : void 0), d = u === "_blank", f = d ? Ey(o, ["noopener", "noreferrer"]) : o, p = r && d ? "↗" : "▸";
+var Ny = i(({ children: e, href: t, showGlyph: n = !0, external: r = !1, className: i, target: a, rel: o, ...s }, c) => {
+	let l = jy(t), u = a ?? (r ? "_blank" : void 0), d = u === "_blank", f = d ? My(o, ["noopener", "noreferrer"]) : o, p = r && d ? "↗" : "▸";
 	return /* @__PURE__ */ S("a", {
 		ref: c,
 		href: l,
@@ -16189,9 +16344,9 @@ var Dy = i(({ children: e, href: t, showGlyph: n = !0, external: r = !1, classNa
 		})]
 	});
 });
-Dy.displayName = "InlineLink";
+Ny.displayName = "InlineLink";
 // src/components/DosFigure/components/DosFigure.tsx
-var Oy = i(({ title: e, resolution: t, subject: n, caption: r, pins: i = [], animated: a = !0, "aria-label": o, className: s }, c) => {
+var Py = i(({ title: e, resolution: t, subject: n, caption: r, pins: i = [], animated: a = !0, "aria-label": o, className: s }, c) => {
 	let u = l(), d = r ? u : void 0;
 	return /* @__PURE__ */ S("figure", {
 		ref: c,
@@ -16251,9 +16406,9 @@ var Oy = i(({ title: e, resolution: t, subject: n, caption: r, pins: i = [], ani
 		})]
 	});
 });
-Oy.displayName = "DosFigure";
+Py.displayName = "DosFigure";
 // src/components/CmdPalette/components/CmdPalette.tsx
-var ky = /* @__PURE__ */ S(b, { children: [
+var Fy = /* @__PURE__ */ S(b, { children: [
 	/* @__PURE__ */ x("span", {
 		className: "eidotter-cmdpal__key-hint",
 		children: "↑/↓ NAVIGATE"
@@ -16269,7 +16424,7 @@ var ky = /* @__PURE__ */ S(b, { children: [
 		children: "ESC CLOSE"
 	})
 ] });
-function Ay(e) {
+function Iy(e) {
 	let t = e.toLowerCase().split("+").map((e) => e.trim()), n = t[t.length - 1], r = t.includes("mod"), i = t.includes("shift"), a = t.includes("alt");
 	return (e) => {
 		if (e.key.toLowerCase() !== n) return !1;
@@ -16277,15 +16432,15 @@ function Ay(e) {
 		return !(!(r ? t ? e.metaKey : e.ctrlKey : !(e.metaKey || e.ctrlKey)) || i !== e.shiftKey || a !== e.altKey);
 	};
 }
-function jy(e, t) {
+function Ly(e, t) {
 	if (!t) return 0;
 	let n = t.toLowerCase(), r = e.label.toLowerCase(), i = (e.keywords || []).map((e) => e.toLowerCase());
 	return r.startsWith(n) ? 100 : i.some((e) => e.startsWith(n)) ? 80 : r.includes(n) ? 50 : i.some((e) => e.includes(n)) ? 30 : (e.type || "").toLowerCase().includes(n) ? 10 : -1;
 }
-var My = i(({ open: e, onOpenChange: t, items: n, placeholder: r = "SEARCH · TYPE · ▸", hotkey: i = "mod+k", emptyMessage: a = "NO MATCHES", footerHint: s = ky, renderItem: u, maxResults: f = 20, className: h, "aria-label": g = "Command palette" }, _) => {
+var Ry = i(({ open: e, onOpenChange: t, items: n, placeholder: r = "SEARCH · TYPE · ▸", hotkey: i = "mod+k", emptyMessage: a = "NO MATCHES", footerHint: s = Fy, renderItem: u, maxResults: f = 20, className: h, "aria-label": g = "Command palette" }, _) => {
 	let v = l(), y = `${v}-listbox`, [C, w] = m(""), [T, E] = m(0), D = p(null), O = p(null), k = p(!1), A = d(() => C.trim() ? n.map((e) => ({
 		item: e,
-		score: jy(e, C.trim())
+		score: Ly(e, C.trim())
 	})).filter((e) => e.score >= 0).sort((e, t) => t.score - e.score).slice(0, f).map((e) => e.item) : n.slice(0, f), [
 		n,
 		C,
@@ -16310,7 +16465,7 @@ var My = i(({ open: e, onOpenChange: t, items: n, placeholder: r = "SEARCH · TY
 		M.current = t;
 	}, [t]), c(() => {
 		if (i === !1) return;
-		let e = Ay(i), t = (t) => {
+		let e = Iy(i), t = (t) => {
 			e(t) && (t.preventDefault(), M.current(!j.current));
 		};
 		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
@@ -16414,9 +16569,9 @@ var My = i(({ open: e, onOpenChange: t, items: n, placeholder: r = "SEARCH · TY
 		})]
 	});
 });
-My.displayName = "CmdPalette";
+Ry.displayName = "CmdPalette";
 // src/components/AIText/components/AIText.tsx
-var Ny = ({ children: e, className: t, title: n = "AI-assisted text — being rewritten" }) => /* @__PURE__ */ S("span", {
+var zy = ({ children: e, className: t, title: n = "AI-assisted text — being rewritten" }) => /* @__PURE__ */ S("span", {
 	"data-provenance": "ai-draft",
 	className: $("eidotter-ai-text", t),
 	title: n,
@@ -16425,9 +16580,9 @@ var Ny = ({ children: e, className: t, title: n = "AI-assisted text — being re
 		children: "AI-assisted: "
 	}), e]
 });
-Ny.displayName = "AIText";
+zy.displayName = "AIText";
 // src/components/LegalPage/components/LegalPage.tsx
-var Py = ({ title: e, date: t, intro: n, home: r, children: i, className: a, ...o }) => /* @__PURE__ */ S("div", {
+var By = ({ title: e, date: t, intro: n, home: r, children: i, className: a, ...o }) => /* @__PURE__ */ S("div", {
 	className: $("eidotter-legal-page", a),
 	...o,
 	children: [r && /* @__PURE__ */ x("div", {
@@ -16450,13 +16605,13 @@ var Py = ({ title: e, date: t, intro: n, home: r, children: i, className: a, ...
 		className: "eidotter-legal-page__body",
 		children: i
 	})] })]
-}), Fy = /* @__PURE__ */ S(b, { children: [
+}), Vy = /* @__PURE__ */ S(b, { children: [
 	"Haus-Endt-Str. 149A",
 	/* @__PURE__ */ x("br", {}),
 	"40593 Düsseldorf",
 	/* @__PURE__ */ x("br", {}),
 	"Deutschland"
-] }), Iy = "Dominic Kennedy", Ly = ({ email: e, address: t = Fy, name: n = Iy }) => /* @__PURE__ */ S("address", { children: [
+] }), Hy = "Dominic Kennedy", Uy = ({ email: e, address: t = Vy, name: n = Hy }) => /* @__PURE__ */ S("address", { children: [
 	n,
 	/* @__PURE__ */ x("br", {}),
 	t,
@@ -16468,16 +16623,16 @@ var Py = ({ title: e, date: t, intro: n, home: r, children: i, className: a, ...
 			children: e
 		})
 	] })
-] }), Ry = (e) => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Angaben gemäß § 5 DDG" }), /* @__PURE__ */ x(Ly, { ...e })] }), zy = ({ email: e }) => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Kontakt" }), /* @__PURE__ */ S("p", { children: ["E-Mail: ", /* @__PURE__ */ x("a", {
+] }), Wy = (e) => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Angaben gemäß § 5 DDG" }), /* @__PURE__ */ x(Uy, { ...e })] }), Gy = ({ email: e }) => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Kontakt" }), /* @__PURE__ */ S("p", { children: ["E-Mail: ", /* @__PURE__ */ x("a", {
 	href: `mailto:${e}`,
 	children: e
-})] })] }), By = ({ name: e = Iy }) => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Inhaltlich verantwortlich (§ 18 Abs. 2 MStV)" }), /* @__PURE__ */ S("address", { children: [
+})] })] }), Ky = ({ name: e = Hy }) => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Inhaltlich verantwortlich (§ 18 Abs. 2 MStV)" }), /* @__PURE__ */ S("address", { children: [
 	e,
 	/* @__PURE__ */ x("br", {}),
 	"Haus-Endt-Str. 149A",
 	/* @__PURE__ */ x("br", {}),
 	"40593 Düsseldorf"
-] })] }), Vy = () => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Haftung für Inhalte" }), /* @__PURE__ */ x("p", { children: "Ich erstelle die Inhalte dieser Seiten mit größter Sorgfalt, übernehme jedoch keine Gewähr für Richtigkeit, Vollständigkeit oder Aktualität. Als Diensteanbieter bin ich gemäß § 7 Abs. 1 DDG für eigene Inhalte verantwortlich. Eine Pflicht zur Überwachung fremder Informationen besteht gemäß §§ 8–10 DDG nicht." })] }), Hy = () => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Haftung für Links" }), /* @__PURE__ */ x("p", { children: "Diese Website verlinkt auf externe Seiten Dritter, auf deren Inhalte ich keinen Einfluss habe. Für verlinkte Inhalte haftet der jeweilige Anbieter. Eine dauerhafte Kontrolle ist ohne Anhaltspunkte für Rechtsverletzungen nicht zumutbar. Bei Bekanntwerden von Verstößen entferne ich solche Links umgehend." })] }), Uy = ({ email: e, name: t = Iy }) => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Verantwortlicher" }), /* @__PURE__ */ S("address", { children: [
+] })] }), qy = () => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Haftung für Inhalte" }), /* @__PURE__ */ x("p", { children: "Ich erstelle die Inhalte dieser Seiten mit größter Sorgfalt, übernehme jedoch keine Gewähr für Richtigkeit, Vollständigkeit oder Aktualität. Als Diensteanbieter bin ich gemäß § 7 Abs. 1 DDG für eigene Inhalte verantwortlich. Eine Pflicht zur Überwachung fremder Informationen besteht gemäß §§ 8–10 DDG nicht." })] }), Jy = () => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Haftung für Links" }), /* @__PURE__ */ x("p", { children: "Diese Website verlinkt auf externe Seiten Dritter, auf deren Inhalte ich keinen Einfluss habe. Für verlinkte Inhalte haftet der jeweilige Anbieter. Eine dauerhafte Kontrolle ist ohne Anhaltspunkte für Rechtsverletzungen nicht zumutbar. Bei Bekanntwerden von Verstößen entferne ich solche Links umgehend." })] }), Yy = ({ email: e, name: t = Hy }) => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Verantwortlicher" }), /* @__PURE__ */ S("address", { children: [
 	t,
 	/* @__PURE__ */ x("br", {}),
 	"Haus-Endt-Str. 149A",
@@ -16489,14 +16644,14 @@ var Py = ({ title: e, date: t, intro: n, home: r, children: i, className: a, ...
 		href: `mailto:${e}`,
 		children: e
 	})
-] })] }), Wy = () => /* @__PURE__ */ S(b, { children: [
+] })] }), Xy = () => /* @__PURE__ */ S(b, { children: [
 	/* @__PURE__ */ x("h2", { children: "Hosting" }),
 	/* @__PURE__ */ x("p", { children: "Cloudflare Pages stellt diese Website bereit. Beim Seitenaufruf erhebt Cloudflare automatisch technische Zugriffsdaten (darunter Ihre IP-Adresse), um die Seite auszuliefern." }),
 	/* @__PURE__ */ x("p", {
 		className: "eidotter-legal-page__basis",
 		children: "Anbieter: Cloudflare, Inc., 101 Townsend St, San Francisco, CA 94107, USA. Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse)."
 	})
-] }), Gy = ({ proxyHost: e = "e.dmnc.tech" }) => /* @__PURE__ */ S(b, { children: [
+] }), Zy = ({ proxyHost: e = "e.dmnc.tech" }) => /* @__PURE__ */ S(b, { children: [
 	/* @__PURE__ */ x("h2", { children: "Webanalyse — PostHog" }),
 	/* @__PURE__ */ S("p", { children: [
 		"Diese Website nutzt PostHog zur Analyse des Nutzungsverhaltens. PostHog läuft auf EU-Servern (eu.posthog.com). Die Datenübertragung erfolgt über einen Reverse-Proxy auf der Domain ",
@@ -16513,7 +16668,7 @@ var Py = ({ title: e, date: t, intro: n, home: r, children: i, className: a, ...
 		className: "eidotter-legal-page__basis",
 		children: "Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse)."
 	})
-] }), Ky = () => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Schriftarten" }), /* @__PURE__ */ x("p", { children: "Die Schriftart „Perfect DOS VGA 437“ wird lokal von diesem Server ausgeliefert. Es findet keine Verbindung zu externen Schriftarten-Diensten statt." })] }), qy = () => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Verschlüsselung" }), /* @__PURE__ */ x("p", { children: "Diese Website nutzt SSL-/TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie am „https://“ in der Adresszeile Ihres Browsers." })] }), Jy = ({ email: e, supervisoryAuthority: t = "die Landesbeauftragte für Datenschutz und Informationsfreiheit Nordrhein-Westfalen" }) => /* @__PURE__ */ S(b, { children: [
+] }), Qy = () => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Schriftarten" }), /* @__PURE__ */ x("p", { children: "Die Schriftart „Perfect DOS VGA 437“ wird lokal von diesem Server ausgeliefert. Es findet keine Verbindung zu externen Schriftarten-Diensten statt." })] }), $y = () => /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("h2", { children: "Verschlüsselung" }), /* @__PURE__ */ x("p", { children: "Diese Website nutzt SSL-/TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie am „https://“ in der Adresszeile Ihres Browsers." })] }), eb = ({ email: e, supervisoryAuthority: t = "die Landesbeauftragte für Datenschutz und Informationsfreiheit Nordrhein-Westfalen" }) => /* @__PURE__ */ S(b, { children: [
 	/* @__PURE__ */ x("h2", { children: "Ihre Rechte" }),
 	/* @__PURE__ */ x("p", { children: "Die DSGVO gewährt Ihnen folgende Rechte:" }),
 	/* @__PURE__ */ S("ul", { children: [
@@ -16538,7 +16693,7 @@ var Py = ({ title: e, date: t, intro: n, home: r, children: i, className: a, ...
 		t,
 		"."
 	] })
-] }), Yy = {
+] }), tb = {
 	eidotter: { displayName: "eiDotter" },
 	spacewar: { displayName: "Spacewar!" },
 	rizomorf: { displayName: "rizomorf" },
@@ -16558,7 +16713,7 @@ var Py = ({ title: e, date: t, intro: n, home: r, children: i, className: a, ...
 	},
 	"doctor-portal": { displayName: "Doctor Portal" },
 	dosbts: { displayName: "DOSBTS" }
-}, Xy = {
+}, nb = {
 	Alert: {
 		origin: "eidotter",
 		consumers: ["rizomorf", "steuerdash"],
@@ -18367,9 +18522,35 @@ var Py = ({ title: e, date: t, intro: n, home: r, children: i, className: a, ...
 			"context:returnTo": {
 				description: "Breadcrumb return pill — same-tab via linkComponent by default; reuseTab navigates via window.open(href, \"rizomorf-shell\") named-tab reuse",
 				since: "0.39.0"
+			},
+			"layout:inline": {
+				description: "Brand left, nav (+ end) right, one row (default)",
+				since: "0.43.0"
+			},
+			"layout:stacked": {
+				description: "Brand row on top (end + MENU on its right), desktop nav on its own row below, left-aligned on the brand edge",
+				since: "0.43.0"
+			},
+			"brandCollapse:none": {
+				description: "Icon brands always show the name, wrapping when short of room (default)",
+				since: "0.43.0"
+			},
+			"brandCollapse:mark": {
+				description: "Below 480px of header width (container query) only the icon shows; the name stays the accessible name",
+				since: "0.43.0"
 			}
 		},
 		changelog: [
+			{
+				version: "0.43.0",
+				type: "added",
+				description: "`layout` (inline | stacked), `rule` (false drops the bottom line and its glow), `contained` (true = 1240px column, or a CSS length, with the PageShell gutter, so the brand lines up with a page column) and `brandCollapse` (none | mark) props; all default to the previous rendering"
+			},
+			{
+				version: "0.43.0",
+				type: "changed",
+				description: "The brand name wraps instead of ellipsizing: the brand link shrinks first (the end slot clips only after the brand reaches its floor of icon + about 8 tracked characters), words break at spaces, a single over-long word breaks mid-word as a last resort; the icon top-aligns beside a two-line name"
+			},
 			{
 				version: "0.41.3",
 				type: "changed",
@@ -18630,6 +18811,46 @@ var Py = ({ title: e, date: t, intro: n, home: r, children: i, className: a, ...
 			description: "Initial DosWindow: title, marker, active, controls, footer, className; stable classes eidotter-window, __strip, __title, __controls, __body, __footer (DMNC-1592)"
 		}]
 	},
+	Bench: {
+		origin: "eidotter",
+		consumers: [],
+		since: "0.43.0",
+		originNote: "Compare unit on DosWindow: title strip (heading after the ▸ marker) with wrapping status chips and an optional note, then before | after panes split by a 1px gap the grid background paints (no divider elements). Pane label row + keyboard-scrollable frame (max 640px, phone frame 390px); stacks below 760px of bench width (container query). From the review-page template (page-template-review-bench).",
+		platforms: { react: {
+			path: "src/components/Bench",
+			status: "canonical"
+		} },
+		changelog: [{
+			version: "0.43.0",
+			type: "added",
+			description: "Initial Bench: title, headingLevel, chips, note, panes ({ label, content, tone, frame, frameLabel }), maxHeight; stable classes eidotter-bench, __panes, __pane, __label, __frame, __note"
+		}]
+	},
+	PageShell: {
+		origin: "eidotter",
+		consumers: [],
+		since: "0.43.0",
+		originNote: "The \"one block\" page layout: one centred column (1240px default) with a max(16px, safe-area) gutter, 24/64px block padding, header/intro/sections/footer on one left edge with a 40px gap and no dividers. Structured intro (eyebrow, h1, lead, meta, TOC chips). PageSection (h2 in the display face, accent, no rule; 16px gap) ships alongside. Server-safe.",
+		variants: {
+			"contentAs:main": {
+				description: "Content is the page main landmark (default)",
+				since: "0.43.0"
+			},
+			"contentAs:div": {
+				description: "Content is a div, for app layouts that already render <main>",
+				since: "0.43.0"
+			}
+		},
+		platforms: { react: {
+			path: "src/components/PageShell",
+			status: "canonical"
+		} },
+		changelog: [{
+			version: "0.43.0",
+			type: "added",
+			description: "Initial PageShell (header, intro, footer, maxWidth, contentAs, contentId) and PageSection (title, headingLevel, id); a Header in the header slot drops its inline padding so its brand sits on the column edge"
+		}]
+	},
 	Notification: {
 		origin: "eidotter",
 		consumers: [],
@@ -19342,26 +19563,26 @@ var Py = ({ title: e, date: t, intro: n, home: r, children: i, className: a, ...
 		}]
 	}
 };
-function Zy(e) {
-	return Xy[e];
+function rb(e) {
+	return nb[e];
 }
-function Qy(e) {
-	return Object.entries(Xy).filter(([, t]) => t.origin === e).map(([e]) => e);
+function ib(e) {
+	return Object.entries(nb).filter(([, t]) => t.origin === e).map(([e]) => e);
 }
-function $y(e) {
-	return Object.entries(Xy).filter(([, t]) => t.consumers.includes(e)).map(([e]) => e);
+function ab(e) {
+	return Object.entries(nb).filter(([, t]) => t.consumers.includes(e)).map(([e]) => e);
 }
-function eb(e, t) {
-	let n = Xy[e];
+function ob(e, t) {
+	let n = nb[e];
 	return n?.variants ? Object.entries(n.variants).filter(([, e]) => e.usedBy?.includes(t)).map(([e]) => e) : [];
 }
-function tb(e) {
-	let t = Xy[e];
+function sb(e) {
+	let t = nb[e];
 	if (!t?.variants) return {};
 	let n = {};
 	for (let [e, r] of Object.entries(t.variants)) n[e] = r.usedBy ?? [];
 	return n;
 }
 // src/index.ts
-var nb = "0.42.0";
-export { Ny as AIText, mm as AccordionFill, Ly as AddressBlock, fm as Alert, yg as Badge, ey as BrandLockup, Tg as Breadcrumb, _m as Button, og as CalendarHeatmap, bm as Card, Hv as ChatContainer, Bv as ChatHistory, Vv as ChatInput, zv as ChatMessage, xm as Checkbox, gv as ChecklistRow, My as CmdPalette, Sm as CommandPrompt, Sy as Connector, _v as CopyButton, Uy as DatenschutzController, qy as DatenschutzEncryption, Ky as DatenschutzFonts, Wy as DatenschutzHosting, Gy as DatenschutzPostHog, Jy as DatenschutzRights, Zh as DecayStrip, Fv as DesktopNav, __ as DosDialog, Oy as DosFigure, vm as DosWindow, gh as EmptyState, sv as FilterBar, Wv as Footer, ah as Gauge, ly as Header, ug as HoldToComplete, im as Icon, am as IconButton, Ry as ImpressumAddress, zy as ImpressumContact, Vy as ImpressumLiabilityContent, Hy as ImpressumLiabilityLinks, By as ImpressumResponsible, uv as InlineExpand, Dy as InlineLink, fg as Input, Mv as LabeledProgress, jv as LedgerRow, Py as LegalPage, v_ as Lightbox, Qv as Logo, ay as Mark, mh as Meter, vh as MeterGroup, Iv as MobileNav, Y_ as Modal, Lv as Nav, wy as Notification, Am as Progress, Mm as ProgressRing, kh as RangeBar, Ag as RetroEffects, pm as Section, mv as SectionHeading, Av as Select, fv as Separator, Fh as SeriesBars, zm as Skeleton, av as Stat, bg as Switch, gg as Tabs, j_ as Tag, N_ as TagGroup, pg as Terminal, Nv as TextScramble, R_ as TimelineContainer, H_ as TimelineFeed, Fg as TimelineNode, J_ as TimelinePage, Bh as VitalsStrip, $v as Wordmark, Ig as ZOOM_LEVELS, Xy as componentRegistry, Uv as defaultLegalLinks, Zy as getComponentMeta, $y as getComponentsByConsumer, Qy as getComponentsByOrigin, tb as getVariantConsumerMap, eb as getVariantsUsedBy, Cg as isSafeHref, cv as isSafeUrl, Yy as projects, ev as useTextScramble, nb as version };
+var cb = "0.43.0";
+export { zy as AIText, mm as AccordionFill, Uy as AddressBlock, fm as Alert, yg as Badge, Z_ as Bench, oy as BrandLockup, Tg as Breadcrumb, _m as Button, og as CalendarHeatmap, bm as Card, Jv as ChatContainer, Kv as ChatHistory, qv as ChatInput, Gv as ChatMessage, xm as Checkbox, Sv as ChecklistRow, Ry as CmdPalette, Sm as CommandPrompt, Oy as Connector, Cv as CopyButton, Yy as DatenschutzController, $y as DatenschutzEncryption, Qy as DatenschutzFonts, Xy as DatenschutzHosting, Zy as DatenschutzPostHog, eb as DatenschutzRights, Zh as DecayStrip, Vv as DesktopNav, __ as DosDialog, Py as DosFigure, vm as DosWindow, gh as EmptyState, pv as FilterBar, Xv as Footer, ah as Gauge, hy as Header, ug as HoldToComplete, im as Icon, am as IconButton, Wy as ImpressumAddress, Gy as ImpressumContact, qy as ImpressumLiabilityContent, Jy as ImpressumLiabilityLinks, Ky as ImpressumResponsible, gv as InlineExpand, Ny as InlineLink, fg as Input, Rv as LabeledProgress, Lv as LedgerRow, By as LegalPage, v_ as Lightbox, iy as Logo, dy as Mark, mh as Meter, vh as MeterGroup, Hv as MobileNav, tv as Modal, Uv as Nav, Ay as Notification, ev as PageSection, $_ as PageShell, Am as Progress, Mm as ProgressRing, kh as RangeBar, Ag as RetroEffects, pm as Section, bv as SectionHeading, Iv as Select, vv as Separator, Fh as SeriesBars, zm as Skeleton, dv as Stat, bg as Switch, gg as Tabs, j_ as Tag, N_ as TagGroup, pg as Terminal, zv as TextScramble, R_ as TimelineContainer, H_ as TimelineFeed, Fg as TimelineNode, J_ as TimelinePage, Bh as VitalsStrip, ay as Wordmark, Ig as ZOOM_LEVELS, nb as componentRegistry, Yv as defaultLegalLinks, rb as getComponentMeta, ab as getComponentsByConsumer, ib as getComponentsByOrigin, sb as getVariantConsumerMap, ob as getVariantsUsedBy, Cg as isSafeHref, mv as isSafeUrl, tb as projects, ov as useTextScramble, cb as version };